Merge pull request #121 from shayan-deriv/shayan/fix-iframe-path-issue

Shayan/feq-2372/fix iframe path issue

package.json

@@ -18,7 +18,7 @@
         "@deriv-com/api-hooks": "^1.1.1",
         "@deriv-com/translations": "^1.2.4",
         "@deriv-com/ui": "^1.27.9",
-        "@deriv-com/utils": "latest",
+        "@deriv-com/utils": "^0.0.25",
         "@deriv/deriv-api": "^1.0.15",
         "@deriv/quill-design": "^1.2.24",
         "@deriv/quill-icons": "^1.22.10",

src/components/DerivIframe/DerivIframe.tsx

@@ -1,10 +1,15 @@
-const DerivIframe = () => (
-    <iframe
-        id='localstorage-sync'
-        sandbox='allow-same-origin allow-scripts'
-        src='../../../../localstorage-sync.html'
-        style={{ display: 'none', visibility: 'hidden' }}
-    />
-);
+import { URLConstants } from '@deriv-com/utils';
+
+const DerivIframe = () => {
+    const origin = URLConstants.derivP2pProduction;
+    return (
+        <iframe
+            id='localstorage-sync'
+            sandbox='allow-same-origin allow-scripts'
+            src={`${origin}/localstorage-sync.html`}
+            style={{ display: 'none', visibility: 'hidden' }}
+        />
+    );
+};
 
 export default DerivIframe;

vite.config.ts

@@ -23,6 +23,7 @@ export default defineConfig({
         },
     },
     plugins: [react(), svgr()],
+    publicDir: 'public',
     resolve: {
         alias: {
             '@': path.resolve(__dirname, './src'),