chore: backup

Author: adrienne-deriv

packages/core/src/App/AppContent.tsx

@@ -32,6 +32,7 @@ import Header from './Containers/Layout/header';
 import AppModals from './Containers/Modals';
 import Routes from './Containers/Routes/routes.jsx';
 import Devtools from './Devtools';
+import { FrontChannelIframe } from 'Modules/FrontChannel';
 
 const AppContent: React.FC<{ passthrough: unknown }> = observer(({ passthrough }) => {
     const store = useStore();
@@ -184,6 +185,7 @@ const AppContent: React.FC<{ passthrough: unknown }> = observer(({ passthrough }
             <ErrorBoundary root_store={store}>
                 <AppModals />
             </ErrorBoundary>
+            <FrontChannelIframe />
             {!isOAuth2Enabled && <P2PIFrame />}
             <AppToastMessages />
             <Devtools />

packages/core/src/Modules/FrontChannel/FrontChannelIFrame.tsx

@@ -0,0 +1,10 @@
+const FrontChannelIframe = () => {
+    return (
+        <iframe
+            src={`${window.location.origin}/front-channel.html`}
+            style={{ display: 'none', visibility: 'hidden' }}
+        />
+    );
+};
+
+export default FrontChannelIframe;

packages/core/src/Modules/FrontChannel/index.ts

@@ -1,3 +1,4 @@
 import FrontChannelPage from './FrontChannelPage';
+import FrontChannelIframe from './FrontChannelIFrame';
 
-export default FrontChannelPage;
+export { FrontChannelPage, FrontChannelIframe };

packages/core/src/root_files/front-channel.html

@@ -5,7 +5,7 @@
         <meta charset="utf-8" />
         <meta name="referrer" content="origin" />
         <script>
-            localStorage.removeItem('client.accounts');
+            if (window.parent.location.origin !== window.location.origin) localStorage.removeItem('client.accounts');
         </script>
     </head>
 

packages/hooks/src/useSilentLoginAndLogout.ts

@@ -22,8 +22,6 @@ const useSilentLoginAndLogout = ({
     isOAuth2Enabled: boolean;
     oAuthLogout: () => Promise<void>;
 }) => {
-    const loggedState = Cookies.get('logged_state');
-
     const clientAccounts = JSON.parse(localStorage.getItem('client.accounts') || '{}');
     const isClientAccountsPopulated = Object.keys(clientAccounts).length > 0;
     const isSilentLoginExcluded =
@@ -32,37 +30,38 @@ const useSilentLoginAndLogout = ({
         window.location.pathname.includes('endpoint');
 
     useEffect(() => {
-        window.addEventListener(
-            'message',
-            message => {
-                if (message.data?.event === 'login_required') {
-                    console.log('OIDC: prompt none says we are logged out');
-                    if (isClientAccountsPopulated) {
-                        oAuthLogout();
-                    }
-                } else if (message.data?.event === 'sso_required') {
-                    console.log('OIDC: we need to SSO NOW');
-                    // requestOidcAuthentication({
-                    //     redirectCallbackUri: `${window.location.origin}/callback`,
-                    // });
-                }
-            },
-            false
-        );
         // NOTE: Remove this logic once social signup is intergated with OIDC
         const params = new URLSearchParams(window.location.search);
         const isUsingLegacyFlow = params.has('token1') && params.has('acct1');
-        if (isUsingLegacyFlow && loggedState === 'false' && isOAuth2Enabled) {
+        if (isUsingLegacyFlow && isOAuth2Enabled) {
             return;
         }
 
         if (isOAuth2Enabled && !isUsingLegacyFlow && !isClientAccountsPopulated && !isSilentLoginExcluded) {
+            window.addEventListener(
+                'message',
+                message => {
+                    if (message.data?.event === 'login_required') {
+                        console.log('OIDC: prompt none says we are logged out');
+                        if (isClientAccountsPopulated) {
+                            oAuthLogout();
+                        }
+                    } else if (message.data?.event === 'sso_required' || message.data?.event === 'login_successful') {
+                        console.log('OIDC: we need to SSO NOW', message.data?.event);
+                        // requestOidcAuthentication({
+                        //     redirectCallbackUri: `${window.location.origin}/callback`,
+                        // });
+                    }
+                },
+                false
+            );
+
             console.log('OIDC: checking if we need SSO...');
             const userManager = new UserManager({
                 authority: 'https://qa20.deriv.dev',
                 client_id: '1000005',
-                redirect_uri: 'https://localhost:8443/callback',
-                silent_redirect_uri: 'https://localhost:8443/silent-callback',
+                redirect_uri: 'https://qa110.deriv.dev/callback',
+                silent_redirect_uri: 'https://qa110.deriv.dev/silent-callback',
                 response_type: 'code',
                 scope: 'openid',
                 stateStore: new WebStorageStateStore({ store: window.localStorage }),