@getpara/react-sdk-lite 2.0.0-dev.5 → 2.0.0-dev.6

package/dist/provider/ParaProviderMin.js

@@ -67,7 +67,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
   useEffect(() => {
     var _a, _b;
     if (includeWalletVerification !== (externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
+      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isParaWeb(paraClientConfig) ? paraClientConfig.externalWalletConnectionOnly : (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly)) {
         console.warn("includeWalletVerification has no effect when using connection only external wallets");
         setIncludeWalletVerification(false);
       } else {
@@ -84,7 +84,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
   useEffect(() => {
     var _a, _b;
     if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
+      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isParaWeb(paraClientConfig) ? paraClientConfig.externalWalletConnectionOnly : (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly)) {
         console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
         setExternalWalletsWithFullAuth([]);
       } else {
@@ -98,7 +98,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
       throw new Error("Invalid Para config");
     }
-    const newClient = isConfigType(paraClientConfig) ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : paraClientConfig;
+    const newClient = isParaWeb(paraClientConfig) ? paraClientConfig : new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
     if (newClient.isReady) {
       setIsClientReady(true);
     } else {

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

@@ -16,7 +16,7 @@ export declare const SIGN_UP_LOG_IN_KEY = "SIGN_UP_LOG_IN";
  */
 export declare const useSignUpOrLogIn: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/user-management-client").ServerAuthStateVerify> | undefined;
+    data: Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify> | undefined;
     isSuccess: boolean;
     variables: {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -33,12 +33,12 @@ export declare const useSignUpOrLogIn: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/user-management-client").ServerAuthStateVerify>, Error, {
+    signUpOrLogIn: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         auth: import("@getpara/web-sdk").VerifiedAuth;
     }, unknown>;
-    signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/user-management-client").ServerAuthStateVerify>, Error, {
+    signUpOrLogInAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateLogin | import("@getpara/web-sdk").AuthStateVerify>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         auth: import("@getpara/web-sdk").VerifiedAuth;

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

@@ -16,7 +16,7 @@ export declare const VERIFY_FARCASTER_KEY = "VERIFY_FARCASTER";
  */
 export declare const useVerifyFarcaster: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin> | undefined;
+    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: void | {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -25,6 +25,7 @@ export declare const useVerifyFarcaster: () => {
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     } | undefined;
     error: Error | null;
     isError: boolean;
@@ -36,20 +37,22 @@ export declare const useVerifyFarcaster: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    verifyFarcaster: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, void | {
+    verifyFarcaster: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, void | {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         onPoll?: (() => void) | undefined;
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     }, unknown>;
-    verifyFarcasterAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, void | {
+    verifyFarcasterAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, void | {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         onPoll?: (() => void) | undefined;
         onCancel?: (() => void) | undefined;
         isCanceled?: (() => boolean) | undefined;
         onConnectUri?: ((uri: string) => void) | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

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

@@ -16,7 +16,7 @@ export declare const VERIFY_OAUTH_KEY = "VERIFY_OAUTH";
  */
 export declare const useVerifyOAuth: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin> | undefined;
+    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -39,7 +39,7 @@ export declare const useVerifyOAuth: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    verifyOAuth: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyOAuth: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         method: Exclude<import("@getpara/web-sdk").TOAuthMethod, "TELEGRAM" | "FARCASTER">;
@@ -50,7 +50,7 @@ export declare const useVerifyOAuth: () => {
         onOAuthUrl?: ((url: string) => void) | undefined;
         onOAuthPopup?: ((popup: Window) => void) | undefined;
     }, unknown>;
-    verifyOAuthAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyOAuthAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
         method: Exclude<import("@getpara/web-sdk").TOAuthMethod, "TELEGRAM" | "FARCASTER">;

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

@@ -16,12 +16,13 @@ export declare const VERIFY_TELEGRAM_KEY = "VERIFY_TELEGRAM";
  */
 export declare const useVerifyTelegram: () => {
     status: "error" | "idle" | "pending" | "success";
-    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin> | undefined;
+    data: Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone> | undefined;
     isSuccess: boolean;
     variables: {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
-        telegramAuthResponse: import("@getpara/web-sdk").TelegramAuthResponse;
+        telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     } | undefined;
     error: Error | null;
     isError: boolean;
@@ -33,14 +34,16 @@ export declare const useVerifyTelegram: () => {
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    verifyTelegram: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyTelegram: import("@tanstack/react-query").UseMutateFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
-        telegramAuthResponse: import("@getpara/web-sdk").TelegramAuthResponse;
+        telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     }, unknown>;
-    verifyTelegramAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLogin>, Error, {
+    verifyTelegramAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/core-sdk/dist/types/types/methods.js").AuthStateSignupOrLoginOrDone>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
-        telegramAuthResponse: import("@getpara/web-sdk").TelegramAuthResponse;
+        telegramAuthResponse?: import("@getpara/web-sdk").TelegramAuthResponse | undefined;
+        serverAuthState?: import("@getpara/user-management-client").VerifyThirdPartyAuth | undefined;
     }, unknown>;
 };

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

@@ -2,7 +2,7 @@ import { BiometricHints } from '@getpara/react-common';
 import { PropsWithChildren } from 'react';
 import { AuthMethod, CoreMethodParams, AuthState, AuthStateSignup, AuthStateLogin } from '@getpara/web-sdk';
 import { ParaModalProps } from '../../modal/types/modalProps.js';
-import { TelegramAuthResponse, VerifiedAuth } from '@getpara/user-management-client';
+import { VerifiedAuth, VerifyThirdPartyAuth } from '@getpara/user-management-client';
 import { MutationStatus } from '@tanstack/react-query';
 type Value = {
     signUpOrLogIn: (_: VerifiedAuth) => void;
@@ -11,9 +11,10 @@ type Value = {
     verifyNewAccountStatus: MutationStatus;
     verifyNewAccountError: Error | null;
     verifyOAuth: (_: CoreMethodParams<'verifyOAuth'>['method']) => void;
-    verifyFarcaster: () => void;
-    verifyTelegram: (_: TelegramAuthResponse) => void;
+    verifyFarcaster: (_?: VerifyThirdPartyAuth) => void;
+    verifyTelegram: (_: VerifyThirdPartyAuth) => void;
     verifyTelegramStatus: MutationStatus;
+    verifyFarcasterStatus: MutationStatus;
     onNewAuthState: (_: AuthState) => void;
     presentSignupUi: (_: AuthMethod, __: AuthStateSignup) => void;
     presentLoginUi: (_: AuthMethod, __: AuthStateLogin) => void;

package/dist/provider/providers/AuthProvider.js

@@ -51,6 +51,7 @@ const AuthContext = createContext({
   verifyTelegram: () => {
   },
   verifyTelegramStatus: "idle",
+  verifyFarcasterStatus: "idle",
   onNewAuthState: () => {
   },
   isSetup2faPending: false,
@@ -103,7 +104,7 @@ function AuthProvider({
     error: verifyNewAccountError
   } = useVerifyNewAccount();
   const { verifyOAuth: mutateVerifyOAuth } = useVerifyOAuth();
-  const { verifyFarcaster: mutateVerifyFarcaster } = useVerifyFarcaster();
+  const { verifyFarcaster: mutateVerifyFarcaster, status: verifyFarcasterStatus } = useVerifyFarcaster();
   const { verifyTelegram: mutateVerifyTelegram, status: verifyTelegramStatus } = useVerifyTelegram();
   const { waitForLogin: mutateWaitForLogin } = useWaitForLogin();
   const { waitForSignup: mutateWaitForSignup } = useWaitForSignup();
@@ -135,13 +136,13 @@ function AuthProvider({
           setAuthStepRoute();
           setIFrameUrl();
           setIsIFrameReady(false);
-          setStep(ModalStep.AWAITING_IFRAME);
+          setStep(ModalStep.AWAITING_ACCOUNT);
         }
         window.removeEventListener("message", handleMessage);
       }
     });
   };
-  const signup = () => {
+  const pollSignup = () => {
     if (typeof window !== "undefined") {
       refs.poll.current = {
         action: "signup",
@@ -152,10 +153,11 @@ function AuthProvider({
                 ModalStep.BIOMETRIC_CREATION,
                 ModalStep.AWAITING_BIOMETRIC_CREATION,
                 ModalStep.PASSWORD_CREATION,
-                ModalStep.AWAITING_IFRAME,
+                ModalStep.AWAITING_ACCOUNT,
                 ModalStep.VERIFICATIONS,
                 ModalStep.AWAITING_OAUTH,
-                ModalStep.EXTERNAL_WALLET_VERIFICATION
+                ModalStep.EXTERNAL_WALLET_VERIFICATION,
+                ModalStep.OTP
               ]),
               onPoll: () => {
                 goBackIfPopupClosedOnSteps([ModalStep.AWAITING_BIOMETRIC_CREATION]);
@@ -173,7 +175,7 @@ function AuthProvider({
                 }
               },
               onError: () => {
-                if (refs.currentStep.current && [ModalStep.AWAITING_BIOMETRIC_CREATION, ModalStep.PASSWORD_CREATION, ModalStep.AWAITING_IFRAME].includes(
+                if (refs.currentStep.current && [ModalStep.AWAITING_BIOMETRIC_CREATION, ModalStep.PASSWORD_CREATION, ModalStep.AWAITING_ACCOUNT].includes(
                   refs.currentStep.current
                 )) {
                   goBack();
@@ -229,6 +231,23 @@ function AuthProvider({
     },
     [isIFrameReady]
   );
+  const presentVerifyUi = useCallback(
+    (method, authState) => {
+      switch (method) {
+        case AuthMethod.SLO:
+          setupListener();
+          if (isIFrameReady) {
+            setStep(ModalStep.OTP);
+          } else {
+            setIFrameUrl(authState.loginUrl);
+            setIsIFrameReady(false);
+            setAuthStepRoute(ModalStep.OTP);
+          }
+          break;
+      }
+    },
+    [isIFrameReady]
+  );
   const login = (authState) => {
     if (authState.isWalletSelectionNeeded || authState.passkeyUrl) {
       setStep(ModalStep.BIOMETRIC_LOGIN);
@@ -238,47 +257,54 @@ function AuthProvider({
       setIsIFrameReady(false);
       setStep(ModalStep.EMBEDDED_PASSWORD_LOGIN);
     }
-    refs.poll.current = {
-      action: "login",
-      timeout: window == null ? void 0 : window.setTimeout(() => __async(this, null, function* () {
-        mutateWaitForLogin(
-          {
-            isCanceled: () => cancelIfExitedSteps([
-              ModalStep.BIOMETRIC_LOGIN,
-              ModalStep.EMBEDDED_PASSWORD_LOGIN,
-              ModalStep.AWAITING_BIOMETRIC_LOGIN,
-              ModalStep.AWAITING_PASSWORD_LOGIN,
-              ModalStep.AWAITING_IFRAME
-            ]),
-            onPoll: () => {
-              goBackIfPopupClosedOnSteps([
+    pollLogin();
+  };
+  const pollLogin = () => {
+    if (typeof window !== "undefined") {
+      refs.poll.current = {
+        action: "login",
+        timeout: window == null ? void 0 : window.setTimeout(() => __async(this, null, function* () {
+          mutateWaitForLogin(
+            {
+              isCanceled: () => cancelIfExitedSteps([
+                ModalStep.BIOMETRIC_LOGIN,
+                ModalStep.EMBEDDED_PASSWORD_LOGIN,
                 ModalStep.AWAITING_BIOMETRIC_LOGIN,
                 ModalStep.AWAITING_PASSWORD_LOGIN,
-                ModalStep.EMBEDDED_PASSWORD_LOGIN
-              ]);
-            }
-          },
-          {
-            onSuccess: ({ needsWallet }) => {
-              if (needsWallet && !para.isNoWalletConfig) {
-                createWallets();
-              } else {
-                onLoginComplete({
-                  on2faSetupOrError: () => setStep(ModalStep.LOGIN_DONE),
-                  on2faNotSetup: () => setStep(ModalStep.SETUP_2FA)
-                });
+                ModalStep.AWAITING_ACCOUNT,
+                ModalStep.OTP
+              ]),
+              onPoll: () => {
+                goBackIfPopupClosedOnSteps([
+                  ModalStep.AWAITING_BIOMETRIC_LOGIN,
+                  ModalStep.AWAITING_PASSWORD_LOGIN,
+                  ModalStep.EMBEDDED_PASSWORD_LOGIN,
+                  ModalStep.OTP
+                ]);
               }
             },
-            onSettled: () => {
-              var _a;
-              window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
-              refs.poll.current = null;
-              refs.popupWindow.current = null;
+            {
+              onSuccess: ({ needsWallet }) => {
+                if (needsWallet && !para.isNoWalletConfig) {
+                  createWallets();
+                } else {
+                  onLoginComplete({
+                    on2faSetupOrError: () => setStep(ModalStep.LOGIN_DONE),
+                    on2faNotSetup: () => setStep(ModalStep.SETUP_2FA)
+                  });
+                }
+              },
+              onSettled: () => {
+                var _a;
+                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)
-    };
+          );
+        }), DEFAULTS.LOGGIN_POLLING_DELAY_MS)
+      };
+    }
   };
   const presentLoginUi = useCallback(
     (method, authState) => {
@@ -313,7 +339,20 @@ function AuthProvider({
         if (isExternalWallet(authState.auth) && authState.signatureVerificationMessage) {
           setStep(ModalStep.EXTERNAL_WALLET_VERIFICATION);
         } else {
-          setStep(ModalStep.VERIFICATIONS);
+          if (authState.nextStage === "login") {
+            setFlow("login");
+            pollLogin();
+          } else {
+            setFlow("signup");
+            pollSignup();
+          }
+          if (authState.loginUrl) {
+            setIFrameUrl(authState.loginUrl);
+            setIsIFrameReady(false);
+            presentVerifyUi(AuthMethod.SLO, authState);
+          } else {
+            setStep(ModalStep.VERIFICATIONS);
+          }
         }
         break;
       case "login":
@@ -330,7 +369,7 @@ function AuthProvider({
             setIFrameUrl(authState.passwordUrl || authState.pinUrl);
             setIsIFrameReady(false);
           }
-          signup();
+          pollSignup();
           if (isPasswordOrPINOnly) {
             presentSignupUi(isPassword ? AuthMethod.PASSWORD : AuthMethod.PIN, authState);
           } else {
@@ -338,6 +377,16 @@ function AuthProvider({
           }
         }
         break;
+      case "done":
+        if (authState.isNewUser) {
+          pollSignup();
+          setFlow("signup");
+        } else {
+          pollLogin();
+          setFlow("login");
+        }
+        setStep(ModalStep.AWAITING_ACCOUNT);
+        break;
     }
   });
   const signUpOrLogIn = (auth) => __async(this, null, function* () {
@@ -381,7 +430,7 @@ function AuthProvider({
       }
     );
   });
-  const verifyFarcaster = () => __async(this, null, function* () {
+  const verifyFarcaster = (serverAuthState) => __async(this, null, function* () {
     setStep(ModalStep.FARCASTER_OAUTH);
     mutateVerifyFarcaster(
       {
@@ -390,7 +439,8 @@ function AuthProvider({
           setFarcasterConnectUri(connectUri);
           routeMobileExternalWallet(connectUri);
         },
-        useShortUrls: true
+        useShortUrls: true,
+        serverAuthState
       },
       {
         onSuccess: onNewAuthState,
@@ -402,10 +452,10 @@ function AuthProvider({
       }
     );
   });
-  const verifyTelegram = (telegramAuthResponse) => __async(this, null, function* () {
+  const verifyTelegram = (serverAuthState) => __async(this, null, function* () {
     mutateVerifyTelegram(
       {
-        telegramAuthResponse,
+        serverAuthState,
         useShortUrls: true
       },
       {
@@ -511,7 +561,8 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
-      biometricHints: biometricHints || void 0
+      biometricHints: biometricHints || void 0,
+      verifyFarcasterStatus
     }),
     [
       presentSignupUi,
@@ -531,7 +582,8 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
-      biometricHints
+      biometricHints,
+      verifyFarcasterStatus
     ]
   );
   useEffect(() => {

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

@@ -34,6 +34,7 @@ export declare const defaultExternalWallet: {
     requestInfo: (_: string) => Promise<ExternalWalletInfo>;
     disconnectBase: (_: string, __: TWalletType) => Promise<void>;
     connectFarcasterMiniApp: () => Promise<void>;
+    verificationStage: undefined;
 };
 type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 'signVerificationMessage' | 'requestInfo' | 'disconnectBase'> & ChainManagement<string, void> & BalanceManagement & {
     wallet?: CommonWallet;
@@ -55,6 +56,7 @@ type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 's
     requestInfo: (_: string, __: TWalletType) => Promise<ExternalWalletInfo>;
     disconnectBase: (_: string, __: TWalletType) => Promise<void>;
     connectFarcasterMiniApp: () => Promise<void>;
+    verificationStage?: 'verifying' | 'switchingChain';
 };
 export declare const ExternalWalletContext: import("react").Context<Value>;
 export declare function ExternalWalletProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/provider/providers/ExternalWalletProvider.js

@@ -47,7 +47,8 @@ const defaultExternalWallet = {
   getWalletBalance: () => Promise.resolve(void 0),
   requestInfo: (_) => Promise.resolve({}),
   disconnectBase: (_, __) => Promise.resolve(),
-  connectFarcasterMiniApp: () => Promise.resolve()
+  connectFarcasterMiniApp: () => Promise.resolve(),
+  verificationStage: void 0
 };
 const ExternalWalletContext = createContext(defaultExternalWallet);
 function ExternalWalletProvider({ children }) {
@@ -76,7 +77,8 @@ function ExternalWalletProvider({ children }) {
     getWalletBalance: evmGetWalletBalance,
     requestInfo: evmRequestInfo,
     disconnectBase: evmDisconnectBase,
-    farcasterStatus: evmFarcasterStatus
+    farcasterStatus: evmFarcasterStatus,
+    verificationStage: evmVerificationStage
   } = useContext(evmContext);
   const {
     wallets: solanaWallets,
@@ -187,6 +189,18 @@ function ExternalWalletProvider({ children }) {
       }
     }
   }, [cosmosChains, evmChains, selectedExternalWallet]);
+  const verificationStage = useMemo(() => {
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
+    switch (walletType) {
+      case "EVM": {
+        return evmVerificationStage;
+      }
+      default: {
+        return "verifying";
+      }
+    }
+  }, [selectedExternalWallet, evmVerificationStage]);
   const switchChain = useCallback(
     (chainId2) => __async(this, null, function* () {
       var _a;
@@ -245,6 +259,7 @@ function ExternalWalletProvider({ children }) {
           const { address, signature, error, cosmosPublicKeyHex, cosmosSigner, addressBech32 } = yield cosmosSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
+            return;
           } else if (signature && address) {
             verifyExternalWalletParams = {
               externalWallet: __spreadValues({
@@ -265,6 +280,7 @@ function ExternalWalletProvider({ children }) {
           const { signature, error, address } = yield evmSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
+            return;
           } else if (signature && address) {
             verifyExternalWalletParams = {
               externalWallet: __spreadValues({
@@ -282,6 +298,7 @@ function ExternalWalletProvider({ children }) {
           const { signature, error, address } = yield solanaSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
+            return;
           } else if (signature && address) {
             verifyExternalWalletParams = {
               externalWallet: __spreadValues({
@@ -585,7 +602,8 @@ function ExternalWalletProvider({ children }) {
           getWalletBalance,
           requestInfo,
           disconnectBase,
-          connectFarcasterMiniApp
+          connectFarcasterMiniApp,
+          verificationStage
         }),
         [
           wallets,
@@ -608,7 +626,8 @@ function ExternalWalletProvider({ children }) {
           getWalletBalance,
           requestInfo,
           disconnectBase,
-          connectFarcasterMiniApp
+          connectFarcasterMiniApp,
+          verificationStage
         ]
       ),
       children

package/dist/provider/stores/useStore.js

@@ -12,12 +12,13 @@ import {
 } from "./slices/index.js";
 import { createJSONStorage, persist } from "zustand/middleware";
 import { createConfigSlice } from "./slices/config.js";
+import { PARA_STORAGE_PREFIX } from "@getpara/core-sdk";
 const vanillaStore = createStore()(
   persist(
     (...a) => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)), createExternalWalletsSlice(...a)), createConfigSlice(...a)), createAnalyticsSlice(...a)),
     {
       version: 1,
-      name: "@PARA/provider-state",
+      name: `${PARA_STORAGE_PREFIX}provider-state`,
       storage: createJSONStorage(() => localStorage),
       partialize: (state) => ({
         selectedWalletId: state.selectedWalletId,

package/dist/provider/types/provider.d.ts

@@ -138,7 +138,7 @@ export interface ParaProviderProps<chains extends readonly [Chain, ...Chain[]],
         /**
          * Environment for your Para instance.
          */
-        env: Environment;
+        env?: Environment;
         /**
          * API key for you Para instance.
          *

package/dist/provider/utils/paraConfigTypeGuards.d.ts

@@ -1,7 +1,7 @@
 import ParaWeb, { ConstructorOpts, Environment } from '@getpara/web-sdk';
 export declare function isConfigType(obj: any): obj is {
-    env: Environment;
     apiKey: string;
+    env: Environment | undefined;
     opts?: ConstructorOpts;
 };
 export declare function isParaWeb(obj: any): obj is ParaWeb;

package/dist/provider/utils/paraConfigTypeGuards.js

@@ -2,7 +2,7 @@
 import "../../chunk-MMUBH76A.js";
 import ParaWeb from "@getpara/web-sdk";
 function isConfigType(obj) {
-  return !!obj && typeof obj === "object" && "env" in obj && "apiKey" in obj;
+  return !!obj && typeof obj === "object" && "apiKey" in obj;
 }
 function isParaWeb(obj) {
   return obj instanceof ParaWeb;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.0.0-dev.5",
+  "version": "2.0.0-dev.6",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.43",
-    "@getpara/react-components": "2.0.0-alpha.43",
-    "@getpara/web-sdk": "2.0.0-alpha.43",
+    "@getpara/react-common": "2.0.0-dev.6",
+    "@getpara/react-components": "2.0.0-dev.6",
+    "@getpara/web-sdk": "2.0.0-dev.6",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
@@ -16,9 +16,9 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.43",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.43",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.43",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-dev.6",
+    "@getpara/evm-wallet-connectors": "2.0.0-dev.6",
+    "@getpara/solana-wallet-connectors": "2.0.0-dev.6",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -38,7 +38,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "e6e791d4e4f9afd94f2093d6045d686b85e5a682",
+  "gitHead": "c2125e37c73a19f11978031f5aa2eab39b978c56",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",

package/dist/modal/components/AwaitingIFrameStep/AwaitingIFrameStep.d.ts

@@ -1 +0,0 @@
-export declare const AwaitingIFrameStep: () => import("react/jsx-runtime").JSX.Element;