Merge pull request #415 from rupato-deriv/Rupato/check-post-messages

Rpuato/test check post messages

src/components/Main/main.jsx

@@ -92,20 +92,25 @@ const Main = () => {
             }
             loginAndSetTokens(token_list)
                 .then(({ account_info = {} }) => {
+                    console.log(account_info, '1st');
                     if (account_info?.loginid) {
+                        console.log(account_info, '2nd');
                         dispatch(setLoginId(account_info?.loginid));
                         dispatch(updateIsLogged(true));
                         dispatch(updateActiveAccount(account_info));
                         applyToolboxPermissions();
                         syncWithDerivApp();
                     } else {
+                        console.log(account_info, '3rd');
                         dispatch(updateIsLogged(false));
                     }
                 })
                 .catch(() => {
+                    console.log('6th');
                     dispatch(updateIsLogged(false));
                 })
                 .finally(() => {
+                    console.log('5th');
                     resolve();
                     dispatch(setAccountSwitcherLoader(false));
                 });

src/storage.js

@@ -149,10 +149,13 @@ export const removeAllTokens = () => {
 export const isDone = varName => varName in store;
 
 export const syncWithDerivApp = () => {
+    console.log('syncWithDerivApp');
     const iframe = document.getElementById('localstorage-sync');
     const { origin } = getRelatedDeriveOrigin();
+    console.log({ origin, client_acc: JSON.stringify(getClientAccounts()), active_login_id: getActiveLoginId() });
 
     const postMessages = () => {
+        console.log('postMessages');
         iframe.contentWindow.postMessage(
             {
                 key: CLIENT_ACCOUNT,
@@ -170,8 +173,10 @@ export const syncWithDerivApp = () => {
     };
     if (iframe) {
         if (document.readyState === 'complete' || document.readyState === 'interactive') {
-            postMessages();
-            return;
+            console.log(document.readyState);
+            setTimeout(() => {
+                postMessages();
+            }, 100);
         }
         if (!hasReadystateListener) {
             hasReadystateListener = true;