@getpara/react-sdk-lite 2.0.0-dev.7 → 2.1.0

package/dist/provider/hooks/utils/useWalletState.d.ts

@@ -5,7 +5,8 @@ import { TWalletType } from '@getpara/web-sdk';
 export declare const useWalletState: () => {
     selectedWallet: {
         id: string | undefined;
-        type: "EVM" | "SOLANA" | "COSMOS" | undefined;
+        type: "SOLANA" | "COSMOS" | "EVM" | undefined;
+        address: string | undefined;
     };
     setSelectedWallet: ({ id, type }: {
         id?: string;

package/dist/provider/hooks/utils/useWalletState.js

@@ -37,7 +37,8 @@ const useWalletState = () => {
   return {
     selectedWallet: {
       id: selectedWalletId,
-      type: selectedWalletType
+      type: selectedWalletType,
+      address: selectedWalletId ? client == null ? void 0 : client.getDisplayAddress(selectedWalletId, { addressType: selectedWalletType }) : void 0
     },
     setSelectedWallet,
     updateSelectedWallet

package/dist/provider/providers/AccountLinkProvider.js

@@ -70,10 +70,9 @@ const AccountLinkProvider = ({ children }) => {
   var _a, _b, _c;
   const para = useInternalClient();
   const queryClient = useQueryClient();
-  const account = useAccount();
+  const { embedded } = useAccount();
   const { data: coreAccountLinkInProgress } = useAccountLinkInProgress();
   const {
-    wallet: connectedWallet,
     wallets,
     signMessage,
     isSigningMessage,
@@ -113,8 +112,7 @@ const AccountLinkProvider = ({ children }) => {
     status: statusVerifyExternalWalletLink,
     reset: resetVerifyExternalWalletLink
   } = useVerifyExternalWalletLink();
-  const { embedded } = account;
-  const isEnabled = (embedded == null ? void 0 : embedded.isConnected) || !(embedded == null ? void 0 : embedded.isGuestMode) && (!((_a = para.authInfo) == null ? void 0 : _a.externalWallet) || includeWalletVerification || externalWalletsWithFullAuth.includes((_c = (_b = para.authInfo) == null ? void 0 : _b.externalWallet) == null ? void 0 : _c.providerId));
+  const isEnabled = !(embedded == null ? void 0 : embedded.isGuestMode) && (embedded == null ? void 0 : embedded.isConnected) && (!((_a = para.authInfo) == null ? void 0 : _a.externalWallet) || includeWalletVerification || externalWalletsWithFullAuth === "ALL" || externalWalletsWithFullAuth.includes((_c = (_b = para.authInfo) == null ? void 0 : _b.externalWallet) == null ? void 0 : _c.providerId));
   const [accountLinkInProgress, setAccountLinkInProgress] = useState(
     coreAccountLinkInProgress || void 0
   );
@@ -152,9 +150,6 @@ const AccountLinkProvider = ({ children }) => {
           }
           const providerId = supportedWalletId != null ? supportedWalletId : args.externalWallet.provider;
           const type = args.externalWallet.type;
-          if (providerId === (connectedWallet == null ? void 0 : connectedWallet.id)) {
-            throw new Error(`Cannot link the currently connected external wallet: ${providerId}`);
-          }
           setAccountLinkInProgress({
             type: "EXTERNAL_WALLET",
             pendingWalletProvider: providerId,
@@ -164,7 +159,7 @@ const AccountLinkProvider = ({ children }) => {
           if (!linkWallet) {
             throw new Error(`wallet not installed: ${providerId}`);
           }
-          openModal({ step: !type ? ModalStep.EX_WALLET_NETWORK_SELECT : ModalStep.ACCOUNT_PROFILE_ADD });
+          openModal({ step: !type ? ModalStep.LINK_EX_WALLET_NETWORK_SELECT : ModalStep.ACCOUNT_PROFILE_ADD });
           if (!type) {
             return;
           }
@@ -193,7 +188,7 @@ const AccountLinkProvider = ({ children }) => {
             setLinkAccountError(e.message);
           } finally {
             if (linkWallet.type === "EVM" || linkWallet.type === "SOLANA") {
-              yield disconnectBase(providerId, linkWallet.type);
+              yield disconnectBase(providerId, linkWallet.type, { disconnectType: "ACCOUNT_LINKING" });
             }
           }
         }
@@ -316,15 +311,27 @@ const AccountLinkProvider = ({ children }) => {
         break;
     }
   };
-  const onAccountLinkVerified = (updatedAccounts) => {
+  const onAccountLinkVerified = (updatedAccounts) => __async(void 0, null, function* () {
     queryClient.invalidateQueries({ queryKey: [LINKED_ACCOUNTS_BASE_KEY] });
     queryClient.setQueryData(["getLinkedAccounts"], () => updatedAccounts);
+    if ((accountLinkInProgress == null ? void 0 : accountLinkInProgress.type) === "EXTERNAL_WALLET" && accountLinkInProgress.externalWallet) {
+      try {
+        yield disconnectBase(
+          accountLinkInProgress.externalWallet.providerId,
+          accountLinkInProgress.externalWallet.type,
+          { disconnectType: "ACCOUNT_LINKING" }
+        );
+      } catch (e) {
+      }
+    }
     setTimeout(() => {
       setStep(ModalStep.ACCOUNT_PROFILE);
+      setAccountLinkInProgress(void 0);
     }, 2e3);
-  };
+  });
   const onAccountLinkError = (e) => {
     setLinkAccountError(e instanceof Error ? e.message : e);
+    setAccountLinkInProgress(void 0);
   };
   const unlinkAccount = (linkedAccount) => {
     setUnlinkingAccount(linkedAccount);

package/dist/provider/providers/AssetsProvider.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { AssetMetadataIndexed, ProfileBalance } from '@getpara/web-sdk';
+type Value = {
+    displayCurrency: 'USD';
+    profileBalance: ProfileBalance | null;
+    profileBalanceIsPending: boolean;
+    assetMetadata: AssetMetadataIndexed | null;
+    assetMetadataIsPending: boolean;
+    totalBalance: string | undefined;
+};
+export declare const AssetsContext: import("react").Context<Value>;
+export declare function AssetsProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare const useAssets: () => Value;
+export {};

package/dist/provider/providers/AssetsProvider.js

@@ -0,0 +1,68 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { formatCurrency, formatAssetQuantity } from "@getpara/web-sdk";
+import { useAssetInfo } from "../hooks/utils/useAssetInfo.js";
+import { useStore } from "../stores/useStore.js";
+import { useProfileBalance } from "../hooks/queries/index.js";
+const AssetsContext = createContext({
+  displayCurrency: "USD",
+  profileBalance: null,
+  profileBalanceIsPending: true,
+  assetMetadata: null,
+  assetMetadataIsPending: true,
+  totalBalance: void 0
+});
+function AssetsProvider({ children }) {
+  const balancesConfig = useStore((state) => {
+    var _a;
+    return (_a = state.modalConfig) == null ? void 0 : _a.balances;
+  });
+  const { data: profileBalance, isPending: profileBalanceIsPending } = useProfileBalance();
+  const { data: assetMetadata, isPending: assetMetadataIsPending } = useAssetInfo();
+  const totalBalance = useMemo(() => {
+    switch (true) {
+      case !balancesConfig:
+      case (balancesConfig == null ? void 0 : balancesConfig.displayType) === "AGGREGATED":
+        if (!(profileBalance == null ? void 0 : profileBalance.value)) {
+          return void 0;
+        }
+        return formatCurrency(profileBalance.value);
+      default: {
+        if (!profileBalance) {
+          return void 0;
+        }
+        const assetQuantity = profileBalance.wallets.reduce((acc, wallet) => {
+          const asset = wallet.assets.find((a) => {
+            var _a;
+            return ((_a = a.metadata) == null ? void 0 : _a.symbol) === balancesConfig.asset.symbol;
+          });
+          if (!asset) {
+            return acc;
+          }
+          return acc + asset.quantity;
+        }, 0);
+        return formatAssetQuantity({ quantity: assetQuantity, symbol: balancesConfig.asset.symbol });
+      }
+    }
+  }, [balancesConfig, profileBalance]);
+  const value = useMemo(
+    () => ({
+      displayCurrency: "USD",
+      profileBalance: profileBalance || null,
+      profileBalanceIsPending,
+      assetMetadata: assetMetadata || null,
+      assetMetadataIsPending,
+      totalBalance
+    }),
+    [profileBalance, totalBalance, profileBalanceIsPending, assetMetadata, assetMetadataIsPending]
+  );
+  return /* @__PURE__ */ jsx(AssetsContext.Provider, { value, children });
+}
+const useAssets = () => useContext(AssetsContext);
+export {
+  AssetsContext,
+  AssetsProvider,
+  useAssets
+};

package/dist/provider/providers/AuthProvider.d.ts

@@ -23,6 +23,10 @@ type Value = {
     createGuestWallets: () => void;
     isCreateGuestWalletsPending: boolean;
     logout: () => void;
+    switchWallets: (authMethod?: string) => void;
+    switchWalletsUrl: string | undefined;
+    setSwitchWalletsUrl: (_: string) => void;
+    isSwitchWalletsPending: boolean;
     biometricHints?: BiometricHints;
 };
 type Props = PropsWithChildren<{

package/dist/provider/providers/AuthProvider.js

@@ -5,8 +5,8 @@ import {
   __spreadValues
 } from "../../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
-import { useUserAgent } from "@getpara/react-common";
-import { createContext, useCallback, useContext, useEffect, useMemo } from "react";
+import { openMobileUrl, useUserAgent } from "@getpara/react-common";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useModalStore } from "../../modal/stores/index.js";
 import { ModalStep } from "../../modal/utils/steps.js";
 import {
@@ -20,22 +20,24 @@ import {
   useVerifyTelegram,
   useSetup2fa,
   useLogout,
-  useCreateGuestWallets
+  useCreateGuestWallets,
+  useWalletState
 } from "../index.js";
+import { useSwitchWallets } from "../hooks/mutations/useSwitchWallets.js";
 import { DEFAULTS } from "../../modal/constants/defaults.js";
 import { openPopup } from "../../modal/utils/openPopup.js";
 import {
   AuthMethod,
   entityToWallet,
-  getPortalBaseURL
+  isMobile
 } from "@getpara/web-sdk";
 import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
 import { useGoBack } from "../../modal/hooks/useGoBack.js";
 import { isExternalWallet } from "@getpara/user-management-client";
-import { routeMobileExternalWallet } from "../../modal/utils/routeMobileExternalWallet.js";
 import { useStore } from "../stores/useStore.js";
 import { useFormattedBiometricHints } from "../hooks/utils/useFormattedBiometricHints.js";
 import { useQueryClient } from "@tanstack/react-query";
+import { validatePortalOrigin } from "../../modal/utils/validatePortalOrigin.js";
 const AuthContext = createContext({
   signUpOrLogIn: () => {
   },
@@ -65,7 +67,13 @@ const AuthContext = createContext({
   },
   isCreateGuestWalletsPending: false,
   logout: () => {
-  }
+  },
+  switchWallets: () => {
+  },
+  switchWalletsUrl: void 0,
+  setSwitchWalletsUrl: () => {
+  },
+  isSwitchWalletsPending: false
 });
 function AuthProvider({
   children,
@@ -111,10 +119,15 @@ function AuthProvider({
   const { waitForLogin: mutateWaitForLogin } = useWaitForLogin();
   const { waitForSignup: mutateWaitForSignup } = useWaitForSignup();
   const { waitForWalletCreationAsync: mutateAsyncWaitForWalletCreation } = useWaitForWalletCreation();
+  const { switchWallets: mutateSwitchWallets, isPending: mutateIsSwitchWalletsPending } = useSwitchWallets();
   const { setup2fa: mutateSetup2fa, isPending: isSetup2faPending } = useSetup2fa();
   const { createGuestWallets: mutateCreateGuestWallets, isPending: isCreateGuestWalletsPending } = useCreateGuestWallets();
   const { logout: mutateLogout } = useLogout();
+  const { updateSelectedWallet } = useWalletState();
   const { data: biometricHints } = useFormattedBiometricHints();
+  const [switchWalletsUrl, setSwitchWalletsUrl] = useState(void 0);
+  const [isSwitchWalletsPending, setIsSwitchWalletsPending] = useState(mutateIsSwitchWalletsPending);
+  const messageHandlerRef = useRef(null);
   const goBackIfPopupClosedOnSteps = (steps) => {
     var _a;
     if (((_a = refs.popupWindow.current) == null ? void 0 : _a.closed) && (!refs.currentStep.current || steps.includes(refs.currentStep.current))) {
@@ -127,11 +140,12 @@ function AuthProvider({
     return !!stepNow && !steps.includes(stepNow);
   };
   const setupListener = () => {
-    window.addEventListener("message", function handleMessage(event) {
+    if (messageHandlerRef.current) {
+      window.removeEventListener("message", messageHandlerRef.current);
+    }
+    const handleMessage = (event) => {
       var _a;
-      const portalBase = getPortalBaseURL(para.ctx);
-      const portalLocalBase = getPortalBaseURL(para.ctx, true);
-      if (!event.origin.startsWith(portalBase) && !event.origin.startsWith(portalLocalBase)) {
+      if (!validatePortalOrigin(event, para.ctx)) {
         return;
       }
       if (((_a = event.data) == null ? void 0 : _a.type) === "CLOSE_WINDOW") {
@@ -139,11 +153,16 @@ function AuthProvider({
           setAuthStepRoute();
           setIFrameUrl();
           setIsIFrameReady(false);
-          setStep(ModalStep.AWAITING_ACCOUNT);
+          if (refs.currentStep.current !== ModalStep.LOGIN_DONE && refs.currentStep.current !== ModalStep.AWAITING_ACCOUNT) {
+            setStep(ModalStep.AWAITING_ACCOUNT);
+          }
         }
         window.removeEventListener("message", handleMessage);
+        messageHandlerRef.current = null;
       }
-    });
+    };
+    messageHandlerRef.current = handleMessage;
+    window.addEventListener("message", handleMessage);
   };
   const pollSignup = () => {
     if (typeof window !== "undefined") {
@@ -170,7 +189,9 @@ function AuthProvider({
               onSuccess: () => {
                 if (para.isNoWalletConfig) {
                   onLoginComplete({
-                    on2faSetupOrError: () => setStep(ModalStep.LOGIN_DONE),
+                    on2faSetupOrError: () => {
+                      setStep(ModalStep.LOGIN_DONE);
+                    },
                     on2faNotSetup: () => setStep(ModalStep.SETUP_2FA)
                   });
                 } else {
@@ -203,12 +224,14 @@ function AuthProvider({
           if (refs.currentStep.current !== ModalStep.AWAITING_BIOMETRIC_CREATION) {
             setStep(ModalStep.AWAITING_BIOMETRIC_CREATION);
           }
-          refs.popupWindow.current = openPopup({
-            url: authState.passkeyUrl,
-            target: "ParaPasskey",
-            type: "CREATE_PASSKEY",
-            current: refs.popupWindow.current
-          });
+          if (typeof window !== "undefined") {
+            refs.popupWindow.current = openPopup({
+              url: authState.passkeyUrl,
+              target: "ParaPasskey",
+              type: "CREATE_PASSKEY",
+              current: refs.popupWindow.current
+            });
+          }
           break;
         case AuthMethod.PASSWORD:
           setupListener();
@@ -237,7 +260,7 @@ function AuthProvider({
   const presentVerifyUi = useCallback(
     (method, authState) => {
       switch (method) {
-        case AuthMethod.SLO:
+        case AuthMethod.BASIC_LOGIN:
           setupListener();
           if (isIFrameReady) {
             setStep(ModalStep.OTP);
@@ -252,13 +275,14 @@ function AuthProvider({
     [isIFrameReady]
   );
   const login = (authState) => {
-    if (authState.isWalletSelectionNeeded || authState.passkeyUrl) {
-      setStep(ModalStep.BIOMETRIC_LOGIN);
-    } else {
+    const hasPasskey = !!authState.passkeyUrl;
+    if (!hasPasskey) {
       setupListener();
       setIFrameUrl(authState.passwordUrl || authState.pinUrl);
       setIsIFrameReady(false);
       setStep(ModalStep.EMBEDDED_PASSWORD_LOGIN);
+    } else {
+      setStep(ModalStep.BIOMETRIC_LOGIN);
     }
     pollLogin();
   };
@@ -277,14 +301,17 @@ function AuthProvider({
                 ModalStep.AWAITING_ACCOUNT,
                 ModalStep.OTP,
                 ModalStep.FARCASTER_OAUTH,
-                ModalStep.TELEGRAM_OAUTH
+                ModalStep.TELEGRAM_OAUTH,
+                ModalStep.AWAITING_OAUTH,
+                ModalStep.SWITCH_WALLETS
               ]),
               onPoll: () => {
                 goBackIfPopupClosedOnSteps([
                   ModalStep.AWAITING_BIOMETRIC_LOGIN,
                   ModalStep.AWAITING_PASSWORD_LOGIN,
                   ModalStep.EMBEDDED_PASSWORD_LOGIN,
-                  ModalStep.OTP
+                  ModalStep.OTP,
+                  ModalStep.SWITCH_WALLETS
                 ]);
               }
             },
@@ -326,23 +353,49 @@ function AuthProvider({
         loginOverride();
         return;
       }
-      refs.popupWindow.current = openPopup({
-        url: isPIN ? authState.pinUrl : isPassword ? authState.passwordUrl : authState.passkeyUrl,
-        target: isPIN ? "ParaPIN" : isPassword ? "ParaPassword" : "ParaPasskey",
-        type: isPIN ? "LOGIN_PASSWORD" : isPassword ? "LOGIN_PASSWORD" : "LOGIN_PASSKEY",
-        current: refs.popupWindow.current
-      });
+      if (typeof window !== "undefined") {
+        refs.popupWindow.current = openPopup({
+          url: isPIN ? authState.pinUrl : isPassword ? authState.passwordUrl : authState.passkeyUrl,
+          target: isPIN ? "ParaPIN" : isPassword ? "ParaPassword" : "ParaPasskey",
+          type: isPIN ? "LOGIN_PASSWORD" : isPassword ? "LOGIN_PASSWORD" : "LOGIN_PASSKEY",
+          current: refs.popupWindow.current
+        });
+      }
       setStep(isPassword || isPIN ? ModalStep.AWAITING_PASSWORD_LOGIN : ModalStep.AWAITING_BIOMETRIC_LOGIN);
     },
     [loginState, biometricHints]
   );
   const onNewAuthState = (authState) => __async(this, null, function* () {
-    refs.popupWindow.current = null;
+    var _a, _b, _c;
     setAuthState(authState);
     switch (authState.stage) {
       case "verify":
-        if (isExternalWallet(authState.auth) && authState.signatureVerificationMessage) {
-          setStep(ModalStep.EXTERNAL_WALLET_VERIFICATION);
+        if (isExternalWallet(authState.auth)) {
+          if (authState.loginUrl && ((_a = authState.externalWallet) == null ? void 0 : _a.withFullParaAuth)) {
+            let isBasicLogin = false;
+            if (authState.nextStage === "login") {
+              isBasicLogin = authState.loginAuthMethods.includes(AuthMethod.BASIC_LOGIN);
+            } else {
+              isBasicLogin = authState.signupAuthMethods.includes(AuthMethod.BASIC_LOGIN);
+            }
+            if (authState.nextStage === "login") {
+              setFlow("login");
+              isBasicLogin && pollLogin();
+            } else {
+              setFlow("signup");
+              isBasicLogin && pollSignup();
+            }
+            if (!isMobile() && refs.popupWindow.current) {
+              refs.popupWindow.current.location.href = authState.loginUrl;
+              setStep(ModalStep.AWAITING_ACCOUNT);
+            } else {
+              setIFrameUrl(authState.loginUrl);
+              setStep(ModalStep.OTP);
+              setupListener();
+            }
+          } else {
+            setStep(ModalStep.EXTERNAL_WALLET_VERIFICATION);
+          }
         } else {
           if (authState.nextStage === "login") {
             setFlow("login");
@@ -354,7 +407,7 @@ function AuthProvider({
           if (authState.loginUrl) {
             setIFrameUrl(authState.loginUrl);
             setIsIFrameReady(false);
-            presentVerifyUi(AuthMethod.SLO, authState);
+            presentVerifyUi(AuthMethod.BASIC_LOGIN, authState);
           } else {
             setStep(ModalStep.VERIFICATIONS);
           }
@@ -383,12 +436,14 @@ function AuthProvider({
         }
         break;
       case "done":
-        if (authState.isNewUser) {
-          pollSignup();
-          setFlow("signup");
-        } else {
-          pollLogin();
-          setFlow("login");
+        if (!((_b = authState.externalWallet) == null ? void 0 : _b.withFullParaAuth) && !((_c = authState.externalWallet) == null ? void 0 : _c.withVerification)) {
+          if (authState.isNewUser) {
+            pollSignup();
+            setFlow("signup");
+          } else {
+            pollLogin();
+            setFlow("login");
+          }
         }
         if (!authState.isWalletSelectionNeeded) {
           setStep(ModalStep.AWAITING_ACCOUNT);
@@ -448,7 +503,7 @@ function AuthProvider({
         isCanceled: () => refs.currentStep.current !== ModalStep.FARCASTER_OAUTH,
         onConnectUri: (connectUri) => {
           setFarcasterConnectUri(connectUri);
-          routeMobileExternalWallet(connectUri);
+          openMobileUrl(connectUri);
         },
         useShortUrls: true,
         serverAuthState
@@ -556,6 +611,75 @@ function AuthProvider({
   const logout = () => {
     mutateLogout();
   };
+  const switchWallets = () => {
+    if (!switchWalletsUrl) {
+      return;
+    }
+    setIsSwitchWalletsPending(true);
+    try {
+      setStep(ModalStep.SWITCH_WALLETS);
+      refs.popupWindow.current = openPopup({
+        url: switchWalletsUrl,
+        target: "ParaSwitchWallets",
+        type: "SWITCH_WALLETS",
+        current: refs.popupWindow.current
+      });
+      pollSwitchWallets();
+    } catch (error) {
+      console.error("Failed to open wallet switching popup:", error);
+    }
+  };
+  const pollSwitchWallets = () => {
+    if (typeof window !== "undefined") {
+      refs.poll.current = {
+        action: "login",
+        timeout: window == null ? void 0 : window.setTimeout(() => __async(this, null, function* () {
+          mutateSwitchWallets(
+            {
+              isCanceled: () => {
+                var _a, _b;
+                const exitedSteps = cancelIfExitedSteps([ModalStep.SWITCH_WALLETS, ModalStep.SWITCH_WALLETS_IFRAME]);
+                const popupClosed = (_b = (_a = refs.popupWindow.current) == null ? void 0 : _a.closed) != null ? _b : false;
+                const isCanceled = exitedSteps || popupClosed;
+                if (isCanceled) {
+                  if (popupClosed && (refs.currentStep.current === ModalStep.SWITCH_WALLETS || refs.currentStep.current === ModalStep.SWITCH_WALLETS_IFRAME)) {
+                    goBack();
+                  }
+                }
+                return isCanceled;
+              },
+              onPoll: () => {
+                if (refs.currentStep.current === ModalStep.SWITCH_WALLETS || refs.currentStep.current === ModalStep.SWITCH_WALLETS_IFRAME) {
+                  goBackIfPopupClosedOnSteps([ModalStep.SWITCH_WALLETS, ModalStep.SWITCH_WALLETS_IFRAME]);
+                }
+              }
+            },
+            {
+              onSuccess: () => {
+                updateSelectedWallet();
+                setTimeout(() => {
+                  setStep(ModalStep.ACCOUNT_PROFILE);
+                  refs.popupWindow.current = null;
+                }, 500);
+              },
+              onError: () => {
+                if (refs.currentStep.current === ModalStep.SWITCH_WALLETS) {
+                  goBack();
+                }
+              },
+              onSettled: () => {
+                var _a;
+                setIsSwitchWalletsPending(false);
+                window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
+                refs.poll.current = null;
+                refs.popupWindow.current = null;
+              }
+            }
+          );
+        }), DEFAULTS.LOGGIN_POLLING_DELAY_MS)
+      };
+    }
+  };
   const isPasswordIFrameLoading = !!iFrameUrl && iFrameUrl === (signupState == null ? void 0 : signupState.passwordUrl) && !isIFrameReady;
   const value = useMemo(
     () => ({
@@ -576,6 +700,10 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
+      switchWallets,
+      switchWalletsUrl,
+      setSwitchWalletsUrl,
+      isSwitchWalletsPending,
       biometricHints: biometricHints || void 0,
       verifyFarcasterStatus
     }),
@@ -598,16 +726,26 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
+      switchWallets,
+      switchWalletsUrl,
+      setSwitchWalletsUrl,
+      isSwitchWalletsPending,
       biometricHints,
       verifyFarcasterStatus
     ]
   );
   useEffect(() => {
+    let timerId;
     if (!!authStepRoute && refs.currentStep.current !== authStepRoute) {
-      setTimeout(() => {
+      timerId = setTimeout(() => {
         setStep(authStepRoute);
       }, 200);
     }
+    return () => {
+      if (timerId) {
+        clearTimeout(timerId);
+      }
+    };
   }, [authStepRoute]);
   useEffect(() => {
     refs.currentStep.current = currentStep;
@@ -617,10 +755,16 @@ function AuthProvider({
       setStep(ModalStep.ACCOUNT_MAIN);
     }
   }, [isCreateGuestWalletsPending]);
+  useEffect(() => {
+    setIsSwitchWalletsPending((prev) => !!prev ? mutateIsSwitchWalletsPending : prev);
+  }, [mutateIsSwitchWalletsPending]);
   useEffect(() => {
     return () => {
       var _a;
       window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
+      if (messageHandlerRef.current) {
+        window.removeEventListener("message", messageHandlerRef.current);
+      }
     };
   }, []);
   return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });

package/dist/provider/providers/ExternalWalletProvider.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { TWalletType } from '@getpara/web-sdk';
-import { BalanceManagement, ChainManagement, CommonWallet, ExternalWalletContextType } from '@getpara/react-common';
+import { BalanceManagement, ChainManagement, CommonWallet, DisconnectBaseOptions, ExternalWalletContextType, MutationStatus } from '@getpara/react-common';
 import { ExternalWalletInfo, VerifyExternalWalletParams } from '@getpara/web-sdk';
 import { CosmosSignResult } from '@getpara/cosmos-wallet-connectors';
 export declare const useWalletDisplayHelpers: (wallet: CommonWallet | undefined) => {
@@ -23,6 +23,7 @@ export declare const defaultExternalWallet: {
     username: undefined;
     avatar: undefined;
     connectExternalWallet: () => Promise<void>;
+    addAdditionalExternalWallet: () => Promise<void>;
     disconnectExternalWallet: () => Promise<void>;
     switchChain: () => Promise<void>;
     setChainIdSwitchingTo: () => void;
@@ -32,11 +33,14 @@ export declare const defaultExternalWallet: {
     isSigningMessage: boolean;
     getWalletBalance: () => Promise<undefined>;
     requestInfo: (_: string) => Promise<ExternalWalletInfo>;
-    disconnectBase: (_: string, __: TWalletType) => Promise<void>;
+    disconnectBase: (_: string, __: TWalletType, ___?: DisconnectBaseOptions) => Promise<void>;
     connectFarcasterMiniApp: () => Promise<void>;
     verificationStage: undefined;
+    evmDisconnectStatus: string;
+    solanaDisconnectStatus: string;
+    cosmosDisconnectStatus: string;
 };
-type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 'signVerificationMessage' | 'requestInfo' | 'disconnectBase'> & ChainManagement<string, void> & BalanceManagement & {
+type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 'disconnectStatus' | 'signVerificationMessage' | 'requestInfo' | 'disconnectBase'> & ChainManagement<string, void> & BalanceManagement & {
     wallet?: CommonWallet;
     qrUri?: string;
     chainIdSwitchingTo?: string;
@@ -47,16 +51,26 @@ type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 's
     };
     username?: string;
     avatar?: string;
-    connectExternalWallet: (wallet: CommonWallet, isMobile?: boolean, isManualWalletConnect?: boolean) => Promise<void>;
+    connectExternalWallet: (_: {
+        wallet: CommonWallet;
+        isMobile?: boolean;
+        isManualWalletConnect?: boolean;
+        isResetAfterManualWalletConnect?: boolean;
+        isRetryConnection?: boolean;
+    }) => Promise<void>;
+    addAdditionalExternalWallet: (wallet: CommonWallet) => Promise<void>;
     disconnectExternalWallet: () => Promise<void>;
     setChainIdSwitchingTo: (chainId?: string) => void;
     connectEmbeddedToExternalConnectors: () => Promise<void>;
     isSigningMessage: boolean;
     verifyWalletSignature: () => Promise<VerifyExternalWalletParams | undefined>;
     requestInfo: (_: string, __: TWalletType) => Promise<ExternalWalletInfo>;
-    disconnectBase: (_: string, __: TWalletType) => Promise<void>;
+    disconnectBase: (_: string, __: TWalletType, ___?: DisconnectBaseOptions) => Promise<void>;
     connectFarcasterMiniApp: () => Promise<void>;
     verificationStage?: 'verifying' | 'switchingChain';
+    evmDisconnectStatus: MutationStatus;
+    solanaDisconnectStatus: MutationStatus;
+    cosmosDisconnectStatus: MutationStatus;
 };
 export declare const ExternalWalletContext: import("react").Context<Value>;
 export declare function ExternalWalletProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;