From f05000d4c7d69725822cf15675a9d16f8e05985e Mon Sep 17 00:00:00 2001
From: Hayata Suenaga <hayata@expensify.com>
Date: Fri, 6 Oct 2023 15:59:50 +0900
Subject: [PATCH 1/5] feat: add new comp for iframe

---
 src/components/IFrame.js | 62 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/components/IFrame.js

diff --git a/src/components/IFrame.js b/src/components/IFrame.js
new file mode 100644
index 000000000000..04a6c8d43075
--- /dev/null
+++ b/src/components/IFrame.js
@@ -0,0 +1,62 @@
+import React, {useEffect} from 'react';
+
+function getNewDotURL(url) {
+    const urlObj = new URL(url);
+    const paramString = urlObj.searchParams.get('param') ?? '';
+    const pathname = urlObj.pathname.slice(1);
+
+    let params;
+    try {
+        params = JSON.parse(paramString);
+    } catch {
+        params = {};
+    }
+
+    if (pathname === 'inbox') {
+        return 'home';
+    }
+
+    if (pathname === 'expenses') {
+        return `${params.viewMode === 'charts' ? 'insights' : 'expenses'}/${paramString}`;
+    }
+
+    if (pathname === 'admin_policies') {
+        const {section} = params;
+        return section === 'individual' ? 'individual_workspaces' : 'group_workspaces';
+    }
+
+    if (pathname === 'policy') {
+        const workspaceID = params.policyID || '';
+        const section = urlObj.hash.slice(1) || 'overview';
+
+        return `workspace/${workspaceID}/${section}`;
+    }
+
+    if (pathname === 'settings') {
+        const {section} = params;
+        return `settings/${section}`;
+    }
+
+    if (pathname.includes('domain')) {
+        return pathname;
+    }
+
+    return pathname;
+}
+
+export default function ReportScreen() {
+    useEffect(() => {
+        window.addEventListener('message', (event) => {
+            const url = event.data;
+            const newDotURL = getNewDotURL(url);
+        });
+    }, []);
+
+    return (
+        <iframe
+            style={{flex: 1}}
+            src="https://expensify.com.dev"
+            title="OldDot"
+        />
+    );
+}

From fea00f5f6a64bc1da45efc68f58f541d968b0c2c Mon Sep 17 00:00:00 2001
From: Hayata Suenaga <hayata@expensify.com>
Date: Fri, 6 Oct 2023 17:29:52 +0900
Subject: [PATCH 2/5] feat: convert NewDot URL to OldDot URL

---
 src/components/IFrame.js | 46 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 43 insertions(+), 3 deletions(-)

diff --git a/src/components/IFrame.js b/src/components/IFrame.js
index 04a6c8d43075..b2c1b6e7d04c 100644
--- a/src/components/IFrame.js
+++ b/src/components/IFrame.js
@@ -1,4 +1,6 @@
-import React, {useEffect} from 'react';
+/* eslint-disable es/no-nullish-coalescing-operators */
+import React, {useEffect, useState} from 'react';
+import Navigation from '../libs/Navigation/Navigation';
 
 function getNewDotURL(url) {
     const urlObj = new URL(url);
@@ -17,7 +19,7 @@ function getNewDotURL(url) {
     }
 
     if (pathname === 'expenses') {
-        return `${params.viewMode === 'charts' ? 'insights' : 'expenses'}/${paramString}`;
+        return `${params.viewMode === 'charts' ? 'insights' : 'expenses'}${paramString ? `/?param=${paramString}` : ''}`;
     }
 
     if (pathname === 'admin_policies') {
@@ -44,8 +46,46 @@ function getNewDotURL(url) {
     return pathname;
 }
 
+function getOldDotURL(url) {
+    const urlObj = new URL(url);
+    const pathname = urlObj.pathname;
+    const paths = pathname.slice(1).split('/');
+
+    if (pathname === 'home') {
+        return 'inbox';
+    }
+
+    if (pathname === 'expenses' ?? pathname === 'insights') {
+        return `expenses/${urlObj.search}`;
+    }
+
+    if (pathname === 'individual_workspaces' || pathname === 'group_workspaces') {
+        const param = {section: pathname === 'individual_workspaces' ? 'individual' : 'group'};
+        return `admin_policies?param=${JSON.stringify(param)}`;
+    }
+
+    if (pathname === 'workspace') {
+        const [, workspaceID, section] = paths;
+        const param = {policyID: workspaceID};
+        return `policy/?param${JSON.stringify(param)}#${section}`;
+    }
+
+    if (pathname === 'settings') {
+        const [, section] = paths;
+        const param = {section};
+        return `settings?param=${JSON.stringify(param)}`;
+    }
+
+    return pathname;
+}
+
 export default function ReportScreen() {
+    const [oldDotURL, setOldDotURL] = useState('https://expensify.com.dev');
+
     useEffect(() => {
+        const route = Navigation.getActiveRoute();
+        setOldDotURL(`https://expensify.com.dev/${getOldDotURL(route)}`);
+
         window.addEventListener('message', (event) => {
             const url = event.data;
             const newDotURL = getNewDotURL(url);
@@ -55,7 +95,7 @@ export default function ReportScreen() {
     return (
         <iframe
             style={{flex: 1}}
-            src="https://expensify.com.dev"
+            src={oldDotURL}
             title="OldDot"
         />
     );

From e3575fdb780db6f8fb4dbd51ebf5569cdd7bdf95 Mon Sep 17 00:00:00 2001
From: Hayata Suenaga <hayata@expensify.com>
Date: Mon, 9 Oct 2023 11:45:43 +0900
Subject: [PATCH 3/5] fix: get URL from the window

---
 src/components/IFrame.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/IFrame.js b/src/components/IFrame.js
index b2c1b6e7d04c..49986a67ecc2 100644
--- a/src/components/IFrame.js
+++ b/src/components/IFrame.js
@@ -1,6 +1,5 @@
 /* eslint-disable es/no-nullish-coalescing-operators */
 import React, {useEffect, useState} from 'react';
-import Navigation from '../libs/Navigation/Navigation';
 
 function getNewDotURL(url) {
     const urlObj = new URL(url);
@@ -80,11 +79,10 @@ function getOldDotURL(url) {
 }
 
 export default function ReportScreen() {
-    const [oldDotURL, setOldDotURL] = useState('https://expensify.com.dev');
+    const [oldDotURL, setOldDotURL] = useState('https://www.expensify.com.dev');
 
     useEffect(() => {
-        const route = Navigation.getActiveRoute();
-        setOldDotURL(`https://expensify.com.dev/${getOldDotURL(route)}`);
+        setOldDotURL(`https://expensify.com.dev/${getOldDotURL(window.location.href)}`);
 
         window.addEventListener('message', (event) => {
             const url = event.data;

From ce63e759612b0f021d701ff77ca6bffdc35aac0c Mon Sep 17 00:00:00 2001
From: Hayata Suenaga <hayata@expensify.com>
Date: Mon, 9 Oct 2023 11:58:13 +0900
Subject: [PATCH 4/5] fix: silence lint error

---
 src/components/IFrame.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/IFrame.js b/src/components/IFrame.js
index 49986a67ecc2..650984ecfb0d 100644
--- a/src/components/IFrame.js
+++ b/src/components/IFrame.js
@@ -86,6 +86,8 @@ export default function ReportScreen() {
 
         window.addEventListener('message', (event) => {
             const url = event.data;
+            // TODO: use this value to navigate to a new path
+            // eslint-disable-next-line no-unused-vars
             const newDotURL = getNewDotURL(url);
         });
     }, []);

From b63ee532489fca34cf62c587ec98f45a947421e3 Mon Sep 17 00:00:00 2001
From: Hayata Suenaga <hayata@expensify.com>
Date: Mon, 9 Oct 2023 16:00:33 +0900
Subject: [PATCH 5/5] fix: the logical OR

---
 src/components/IFrame.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/IFrame.js b/src/components/IFrame.js
index 650984ecfb0d..129af4254c42 100644
--- a/src/components/IFrame.js
+++ b/src/components/IFrame.js
@@ -54,7 +54,7 @@ function getOldDotURL(url) {
         return 'inbox';
     }
 
-    if (pathname === 'expenses' ?? pathname === 'insights') {
+    if (pathname === 'expenses' || pathname === 'insights') {
         return `expenses/${urlObj.search}`;
     }