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

package/dist/modal/utils/steps.js

@@ -40,7 +40,8 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["ACCOUNT_PROFILE_ADD"] = "ACCOUNT_PROFILE_ADD";
   ModalStep2["ACCOUNT_PROFILE_LIST"] = "ACCOUNT_PROFILE_LIST";
   ModalStep2["ACCOUNT_PROFILE_REMOVE"] = "ACCOUNT_PROFILE_REMOVE";
-  ModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
+  ModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  ModalStep2["OTP"] = "OTP";
   return ModalStep2;
 })(ModalStep || {});
 var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
@@ -72,7 +73,7 @@ const RESET_TO_AUTH_STEPS = [
   "AWAITING_BIOMETRIC_CREATION" /* AWAITING_BIOMETRIC_CREATION */,
   "PASSWORD_CREATION" /* PASSWORD_CREATION */,
   "AWAITING_PASSWORD_CREATION" /* AWAITING_PASSWORD_CREATION */,
-  "AWAITING_IFRAME" /* AWAITING_IFRAME */,
+  "AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */,
   "BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */,
   "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */,
   "AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */,
@@ -83,7 +84,8 @@ const RESET_TO_AUTH_STEPS = [
   "SETUP_2FA" /* SETUP_2FA */,
   "VERIFY_2FA" /* VERIFY_2FA */,
   "TWO_FACTOR_DONE" /* TWO_FACTOR_DONE */,
-  "LOGIN_DONE" /* LOGIN_DONE */
+  "LOGIN_DONE" /* LOGIN_DONE */,
+  "OTP" /* OTP */
 ];
 const RESET_TO_ACCOUNT_STEPS = [
   "AUTH_GUEST_SIGNUP" /* AUTH_GUEST_SIGNUP */,
@@ -141,7 +143,8 @@ var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
   SignUpModalStep2["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
   SignUpModalStep2["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
   SignUpModalStep2["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
-  SignUpModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
+  SignUpModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  SignUpModalStep2["OTP"] = "OTP";
   return SignUpModalStep2;
 })(SignUpModalStep || {});
 const SignUpPreviousStep = {
@@ -171,7 +174,8 @@ const SignUpPreviousStep = {
   ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
   ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
   ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0,
-  ["AWAITING_IFRAME" /* AWAITING_IFRAME */]: "AUTH_MAIN" /* AUTH_MAIN */
+  ["AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["OTP" /* OTP */]: "AUTH_MAIN" /* AUTH_MAIN */
 };
 const GuestPreviousStep = Object.fromEntries([
   ...Object.entries(SignUpPreviousStep).map(([key, value]) => {
@@ -208,7 +212,8 @@ var LoginModalStep = /* @__PURE__ */ ((LoginModalStep2) => {
   LoginModalStep2["ADD_FUNDS_AWAITING"] = "ADD_FUNDS_AWAITING";
   LoginModalStep2["ADD_FUNDS_SUCCESS"] = "ADD_FUNDS_SUCCESS";
   LoginModalStep2["ADD_FUNDS_FAILURE"] = "ADD_FUNDS_FAILURE";
-  LoginModalStep2["AWAITING_IFRAME"] = "AWAITING_IFRAME";
+  LoginModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  LoginModalStep2["OTP"] = "OTP";
   return LoginModalStep2;
 })(LoginModalStep || {});
 const LoginPreviousStep = {
@@ -237,7 +242,8 @@ const LoginPreviousStep = {
   ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
   ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
   ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0,
-  ["AWAITING_IFRAME" /* AWAITING_IFRAME */]: "AUTH_MAIN" /* AUTH_MAIN */
+  ["AWAITING_ACCOUNT" /* AWAITING_ACCOUNT */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["OTP" /* OTP */]: "AUTH_MAIN" /* AUTH_MAIN */
 };
 const getStepHasFooter = (step) => {
   switch (step) {
@@ -264,7 +270,7 @@ function getAddFundsStep(currentTab) {
       return "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */;
   }
 }
-const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */];
+const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */, "OTP" /* OTP */];
 export {
   AccountPreviousStep,
   GuestPreviousStep,

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

@@ -1,8 +1,8 @@
 import { BiometricHints } from '@getpara/react-common';
 import { PropsWithChildren } from 'react';
-import { AuthMethod, CoreMethodParams, AuthState, AuthStateSignup, AuthStateLogin } from '@getpara/web-sdk';
+import { AuthMethod, CoreMethodParams, AuthState, AuthStateSignup, AuthStateLogin, AuthStateVerify } 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,12 +11,14 @@ 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;
+    presentVerifyUi: (_: AuthMethod, __: AuthStateVerify) => void;
     isSetup2faPending: boolean;
     createGuestWallets: () => void;
     isCreateGuestWalletsPending: boolean;

package/dist/provider/providers/AuthProvider.js

@@ -51,6 +51,7 @@ const AuthContext = createContext({
   verifyTelegram: () => {
   },
   verifyTelegramStatus: "idle",
+  verifyFarcasterStatus: "idle",
   onNewAuthState: () => {
   },
   isSetup2faPending: false,
@@ -58,6 +59,8 @@ const AuthContext = createContext({
   },
   presentLoginUi: () => {
   },
+  presentVerifyUi: () => {
+  },
   createGuestWallets: () => {
   },
   isCreateGuestWalletsPending: false,
@@ -103,7 +106,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();
@@ -127,7 +130,8 @@ function AuthProvider({
     window.addEventListener("message", function handleMessage(event) {
       var _a;
       const portalBase = getPortalBaseURL(para.ctx);
-      if (!event.origin.startsWith(portalBase)) {
+      const portalLocalBase = getPortalBaseURL(para.ctx, true);
+      if (!event.origin.startsWith(portalBase) && !event.origin.startsWith(portalLocalBase)) {
         return;
       }
       if (((_a = event.data) == null ? void 0 : _a.type) === "CLOSE_WINDOW") {
@@ -135,13 +139,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 +156,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 +178,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 +234,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 +260,56 @@ 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,
+                ModalStep.FARCASTER_OAUTH,
+                ModalStep.TELEGRAM_OAUTH
+              ]),
+              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 +344,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 +374,7 @@ function AuthProvider({
             setIFrameUrl(authState.passwordUrl || authState.pinUrl);
             setIsIFrameReady(false);
           }
-          signup();
+          pollSignup();
           if (isPasswordOrPINOnly) {
             presentSignupUi(isPassword ? AuthMethod.PASSWORD : AuthMethod.PIN, authState);
           } else {
@@ -338,6 +382,18 @@ function AuthProvider({
           }
         }
         break;
+      case "done":
+        if (authState.isNewUser) {
+          pollSignup();
+          setFlow("signup");
+        } else {
+          pollLogin();
+          setFlow("login");
+        }
+        if (!authState.isWalletSelectionNeeded) {
+          setStep(ModalStep.AWAITING_ACCOUNT);
+        }
+        break;
     }
   });
   const signUpOrLogIn = (auth) => __async(this, null, function* () {
@@ -381,8 +437,12 @@ function AuthProvider({
       }
     );
   });
-  const verifyFarcaster = () => __async(this, null, function* () {
-    setStep(ModalStep.FARCASTER_OAUTH);
+  const verifyFarcaster = (serverAuthState) => __async(this, null, function* () {
+    if (!serverAuthState) {
+      setStep(ModalStep.FARCASTER_OAUTH);
+    } else {
+      setupListener();
+    }
     mutateVerifyFarcaster(
       {
         isCanceled: () => refs.currentStep.current !== ModalStep.FARCASTER_OAUTH,
@@ -390,7 +450,8 @@ function AuthProvider({
           setFarcasterConnectUri(connectUri);
           routeMobileExternalWallet(connectUri);
         },
-        useShortUrls: true
+        useShortUrls: true,
+        serverAuthState
       },
       {
         onSuccess: onNewAuthState,
@@ -402,10 +463,13 @@ function AuthProvider({
       }
     );
   });
-  const verifyTelegram = (telegramAuthResponse) => __async(this, null, function* () {
+  const verifyTelegram = (serverAuthState) => __async(this, null, function* () {
+    if (serverAuthState) {
+      setupListener();
+    }
     mutateVerifyTelegram(
       {
-        telegramAuthResponse,
+        serverAuthState,
         useShortUrls: true
       },
       {
@@ -497,6 +561,7 @@ function AuthProvider({
     () => ({
       presentSignupUi,
       presentLoginUi,
+      presentVerifyUi,
       signUpOrLogIn,
       isSignUpOrLogInPending,
       verifyNewAccount,
@@ -511,11 +576,13 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
-      biometricHints: biometricHints || void 0
+      biometricHints: biometricHints || void 0,
+      verifyFarcasterStatus
     }),
     [
       presentSignupUi,
       presentLoginUi,
+      presentVerifyUi,
       signUpOrLogIn,
       isSignUpOrLogInPending,
       verifyNewAccount,
@@ -531,7 +598,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;