chore: bump fast auth wallet version

near · Feb 13, 2024 · e7e2435 · e7e2435
1 parent 4e5e265
commit e7e2435
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -51,7 +51,7 @@
     "iframe-resizer-react": "^1.1.0",
     "local-storage": "^2.0.0",
     "lodash": "^4.17.21",
-    "near-fastauth-wallet": "^0.0.11",
+    "near-fastauth-wallet": "^0.0.12",
     "near-social-vm": "github:NearSocial/VM#use_attr_patch",
     "next": "^13.5.6",
     "next-pwa": "^5.6.0",

diff --git a/src/components/vm/VmInitializer.tsx b/src/components/vm/VmInitializer.tsx
@@ -87,6 +87,7 @@ export default function VmInitializer() {
                 networkId === 'testnet'
                   ? 'http://34.70.226.83:3030/relay'
                   : 'https://near-relayer-mainnet.api.pagoda.co/relay',
+              walletUrl: 'http://localhost:3000',
             }),
             setupKeypom({
               trialAccountSpecs: {
@@ -144,22 +145,13 @@ export default function VmInitializer() {
     });
   }, [idOS, near]);
 
-  const handleWalletSelectorMessage = useCallback(
-    (e: MessageEvent<{ showWalletSelector: boolean }>) => {
-      if (e.data.showWalletSelector) {
-        // Show wallet selector
-        walletModal?.show();
-      }
-    },
-    [walletModal],
-  );
-
-  useEffect(() => {
-    window.addEventListener('message', handleWalletSelectorMessage, false);
-    return () => {
-      window.removeEventListener('message', handleWalletSelectorMessage, false);
-    };
-  }, []);
+  const handleWalletSelectorMessage = (e: MessageEvent<{ showWalletSelector: boolean }>) => {
+    console.log('e.data ', e.data);
+    if (e.data.showWalletSelector) {
+      // Show wallet selector
+      walletModal?.show();
+    }
+  };
 
   const requestSignMessage = useCallback(
     async (message: string) => {
@@ -203,6 +195,18 @@ export default function VmInitializer() {
     return false;
   }, [saveCurrentUrl, walletModal]);
 
+  useEffect(() => {
+    window.addEventListener(
+      'message',
+      (e: MessageEvent<{ showWalletSelector: boolean }>) => {
+        if (e.data.showWalletSelector) {
+          requestSignInWithWallet();
+        }
+      },
+      false,
+    );
+  }, [requestSignInWithWallet]);
+
   const logOut = useCallback(async () => {
     if (!near) {
       return;