@getpara/react-sdk-lite 2.0.0-alpha.66 → 2.0.0-alpha.68

package/dist/provider/hooks/mutations/useVerifyNewAccount.d.ts

@@ -14,14 +14,15 @@ export declare const VERIFY_NEW_ACCOUNT_KEY = "VERIFY_NEW_ACCOUNT";
  * await verifyNewAccountAsync({ ...params });
  */
 export declare const useVerifyNewAccount: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: {
+        userId: string;
+        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         username?: string | undefined;
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
-        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         auth: import("@getpara/shared").PrimaryAuth;
-        userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
         passkeyUrl?: string | undefined;
@@ -38,7 +39,6 @@ export declare const useVerifyNewAccount: () => {
         useShortUrls?: boolean | undefined;
         verificationCode: string;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;
@@ -49,12 +49,12 @@ export declare const useVerifyNewAccount: () => {
     isPaused: boolean;
     submittedAt: number;
     verifyNewAccount: import("@tanstack/react-query").UseMutateFunction<{
+        userId: string;
+        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         username?: string | undefined;
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
-        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         auth: import("@getpara/shared").PrimaryAuth;
-        userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
         passkeyUrl?: string | undefined;
@@ -70,12 +70,12 @@ export declare const useVerifyNewAccount: () => {
         verificationCode: string;
     }, unknown>;
     verifyNewAccountAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        userId: string;
+        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         username?: string | undefined;
         displayName?: string | undefined;
         pfpUrl?: string | undefined;
-        externalWallet?: import("@getpara/web-sdk").ExternalWalletInfo | undefined;
         auth: import("@getpara/shared").PrimaryAuth;
-        userId: string;
         stage: "signup";
         isPasskeySupported: boolean;
         passkeyUrl?: string | undefined;

package/dist/provider/hooks/mutations/useVerifyOAuth.d.ts

@@ -15,7 +15,8 @@ export declare const VERIFY_OAUTH_KEY = "VERIFY_OAUTH";
  * await verifyOAuthAsync({ ...params });
  */
 export declare const useVerifyOAuth: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: {
@@ -29,7 +30,6 @@ export declare const useVerifyOAuth: () => {
         onOAuthUrl?: ((url: string) => void) | undefined;
         onOAuthPopup?: ((popup: Window) => void) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

package/dist/provider/hooks/mutations/useVerifyTelegram.d.ts

@@ -15,7 +15,8 @@ export declare const VERIFY_TELEGRAM_KEY = "VERIFY_TELEGRAM";
  * await verifyTelegramAsync({ ...params });
  */
 export declare const useVerifyTelegram: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: {
@@ -24,7 +25,6 @@ export declare const useVerifyTelegram: () => {
         telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
         serverAuthState?: import("@getpara/shared").VerifyThirdPartyAuth | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

package/dist/provider/hooks/mutations/useWaitForLogin.d.ts

@@ -14,7 +14,8 @@ export declare const WAIT_FOR_LOG_IN_KEY = "WAIT_FOR_LOG_IN";
  * await waitForLoginAsync({ ...params });
  */
 export declare const useWaitForLogin: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: {
         needsWallet?: boolean | undefined;
         partnerId?: string | undefined;
@@ -26,7 +27,6 @@ export declare const useWaitForLogin: () => {
         skipSessionRefresh?: boolean | undefined;
         isCanceled?: (() => boolean) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

package/dist/provider/hooks/mutations/useWaitForSignup.d.ts

@@ -14,7 +14,8 @@ export declare const WAIT_FOR_SIGN_UP_KEY = "WAIT_FOR_SIGN_UP";
  * await waitForSignupAsync({ ...params });
  */
 export declare const useWaitForSignup: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: true | undefined;
     isSuccess: boolean;
     variables: void | {
@@ -22,7 +23,6 @@ export declare const useWaitForSignup: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

package/dist/provider/hooks/mutations/useWaitForWalletCreation.d.ts

@@ -14,7 +14,8 @@ export declare const WAIT_FOR_WALLET_CREATION_KEY = "WAIT_FOR_WALLET_CREATION";
  * await waitForWalletCreationAsync({ ...params });
  */
 export declare const useWaitForWalletCreation: () => {
-    status: "error" | "idle" | "pending" | "success";
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
     data: {
         walletIds: import("@getpara/web-sdk").CurrentWalletIds;
         recoverySecret?: string | undefined;
@@ -25,7 +26,6 @@ export declare const useWaitForWalletCreation: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
     } | undefined;
-    error: Error | null;
     isError: boolean;
     isIdle: boolean;
     isPending: boolean;

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

@@ -123,6 +123,7 @@ const useEventListeners = ({
     });
   }, [queryClient, refs.balancesInvalidationTime]);
   useEffect(() => {
+    if (typeof window === "undefined") return;
     window.addEventListener(ParaEvent.LOGIN_EVENT, loginListener);
     window.addEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
     window.addEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);
@@ -136,6 +137,7 @@ const useEventListeners = ({
     window.addEventListener(ParaEvent.GUEST_WALLETS_CREATED, guestWalletsCreatedListener);
     window.addEventListener(ParaEvent.ASSET_TRANSFERRED, assetTransferListener);
     return () => {
+      if (typeof window === "undefined") return;
       window.removeEventListener(ParaEvent.LOGIN_EVENT, loginListener);
       window.removeEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
       window.removeEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);

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

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

package/dist/provider/providers/AccountLinkProvider.js

@@ -188,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" });
             }
           }
         }
@@ -318,7 +318,8 @@ const AccountLinkProvider = ({ children }) => {
       try {
         yield disconnectBase(
           accountLinkInProgress.externalWallet.providerId,
-          accountLinkInProgress.externalWallet.type
+          accountLinkInProgress.externalWallet.type,
+          { disconnectType: "ACCOUNT_LINKING" }
         );
       } catch (error) {
       }

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, useState } 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 {
@@ -29,15 +29,15 @@ 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: () => {
   },
@@ -127,6 +127,7 @@ function AuthProvider({
   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))) {
@@ -139,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") {
@@ -154,8 +156,11 @@ function AuthProvider({
           setStep(ModalStep.AWAITING_ACCOUNT);
         }
         window.removeEventListener("message", handleMessage);
+        messageHandlerRef.current = null;
       }
-    });
+    };
+    messageHandlerRef.current = handleMessage;
+    window.addEventListener("message", handleMessage);
   };
   const pollSignup = () => {
     if (typeof window !== "undefined") {
@@ -215,12 +220,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();
@@ -264,13 +271,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();
   };
@@ -341,23 +349,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");
@@ -398,12 +432,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);
@@ -463,7 +499,7 @@ function AuthProvider({
         isCanceled: () => refs.currentStep.current !== ModalStep.FARCASTER_OAUTH,
         onConnectUri: (connectUri) => {
           setFarcasterConnectUri(connectUri);
-          routeMobileExternalWallet(connectUri);
+          openMobileUrl(connectUri);
         },
         useShortUrls: true,
         serverAuthState
@@ -722,6 +758,9 @@ function AuthProvider({
     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) => {
@@ -33,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;
@@ -48,7 +51,13 @@ 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;
@@ -56,9 +65,12 @@ type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 's
     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;