@getpara/react-sdk-lite 2.12.0 → 2.13.0

package/dist/modal/components/{ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js → shared/ExternalWalletNetworkSelect.js}

@@ -5,16 +5,16 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 import { safeStyled } from "@getpara/react-common";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useModalStore } from "../../stores/index.js";
-import { ModalStep } from "../../utils/steps.js";
 import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
 import { WALLET_TYPE_CONFIG } from "../../constants/walletTypeConfig.js";
 import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
-const ExternalWalletNetworkSelectStep = ({ type = "CONNECT" }) => {
+import { useStore } from "../../../provider/stores/useStore.js";
+const ExternalWalletNetworkSelect = ({ type = "CONNECT" }) => {
   var _a, _b, _c;
-  const setStep = useModalStore((state) => state.setStep);
-  const selectedExternalWallet = useModalStore((state) => state.selectedExternalWallet);
-  const setSelectedExternalWallet = useModalStore((state) => state.setSelectedExternalWallet);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const selectedExternalWallet = useStore((state) => state.selectedExternalWallet);
+  const setSelectedExternalWallet = useStore((state) => state.setSelectedExternalWallet);
+  const setShowNetworkSelect = useStore((state) => state.setShowNetworkSelect);
   const { wallets, connectExternalWallet, addAdditionalExternalWallet } = useExternalWallets();
   const { accountLinkInProgress, linkAccount } = useAccountLinking();
   const externalWalletProvider = (_c = (_b = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletProvider) != null ? _b : (_a = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _a.providerId) != null ? _c : selectedExternalWallet == null ? void 0 : selectedExternalWallet.id;
@@ -24,13 +24,14 @@ const ExternalWalletNetworkSelectStep = ({ type = "CONNECT" }) => {
   const availableWallets = wallets.filter((w) => w.id === externalWalletProvider);
   const firstWallet = availableWallets[0];
   const handleWalletClick = (wallet) => () => __async(void 0, null, function* () {
+    setShowNetworkSelect(false);
     switch (type) {
       case "ACCOUNT_LINKING":
         linkAccount({ externalWallet: { provider: wallet.id, type: wallet.type } });
         break;
       case "ADD_EXTERNAL":
         setSelectedExternalWallet({ id: wallet.id, type: wallet.type });
-        setStep(ModalStep.ADD_EX_WALLET_SELECTED);
+        setAccountView("ACCOUNT_ADD_EX_WALLET_SELECTED");
         try {
           yield addAdditionalExternalWallet(wallet);
         } catch (error) {
@@ -40,7 +41,6 @@ const ExternalWalletNetworkSelectStep = ({ type = "CONNECT" }) => {
       case "CONNECT":
       default:
         setSelectedExternalWallet({ id: wallet.id, type: wallet.type });
-        setStep(ModalStep.EX_WALLET_SELECTED);
         if (wallet.installed || wallet.internalId === "FARCASTER") {
           connectExternalWallet({ wallet });
         } else if (wallet.isMobile) {
@@ -100,5 +100,5 @@ const ButtonInnerContainer = safeStyled.div`
   gap: 8px;
 `;
 export {
-  ExternalWalletNetworkSelectStep
+  ExternalWalletNetworkSelect
 };

package/dist/modal/components/{ExternalWallets → shared}/ExternalWallets.js

@@ -6,21 +6,22 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { safeStyled } from "@getpara/react-common";
 import { StyledCpslTileButton } from "../common.js";
 import { CpslButton, CpslIcon, CpslInput, CpslText } from "@getpara/react-components";
-import { useModalStore } from "../../stores/index.js";
-import { ModalStep } from "../../utils/steps.js";
 import { useState } from "react";
 import { hasEmbeddedAuth } from "../../utils/authLayoutHelpers.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
+import { useStore } from "../../../provider/stores/useStore.js";
 const HAS_MORE_LENGTH = 3;
 const ExternalWallets = ({ isAddingWallets = false }) => {
   const { wallets: allWallets, connectExternalWallet, addAdditionalExternalWallet } = useExternalWallets();
-  const setSelectedExternalWallet = useModalStore((state) => state.setSelectedExternalWallet);
-  const setStep = useModalStore((state) => state.setStep);
-  const showAll = useModalStore(
-    (state) => state.step === ModalStep.EX_WALLET_MORE || state.step === ModalStep.ADD_EX_WALLET_MORE
-  );
-  const authLayout = useModalStore((state) => state.authLayout);
+  const setSelectedExternalWallet = useStore((state) => state.setSelectedExternalWallet);
+  const setSelectedAuthView = useStore((state) => state.setSelectedAuthView);
+  const setShowNetworkSelect = useStore((state) => state.setShowNetworkSelect);
+  const selectedAuthView = useStore((state) => state.selectedAuthView);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const addShowAll = useStore((state) => state.accountView === "ACCOUNT_ADD_EX_WALLET_MORE");
+  const authLayout = useStore((state) => state.authLayout);
   const [search, setSearch] = useState("");
+  const showAll = isAddingWallets ? addShowAll : selectedAuthView === "AUTH_ALL_EXTERNAL_WALLETS";
   const dedupedWallets = Array.from(new Set(allWallets.map((wallet) => wallet.id))).map((id) => {
     return allWallets.find((wallet) => wallet.id === id);
   }).filter((wallet) => wallet.internalId !== "FARCASTER");
@@ -28,21 +29,25 @@ const ExternalWallets = ({ isAddingWallets = false }) => {
   const walletsToShow = showAll || !hasMore ? search ? dedupedWallets.filter((w) => w.name.toLowerCase().includes(search.toLowerCase())) : dedupedWallets : dedupedWallets.slice(0, HAS_MORE_LENGTH);
   const showMoreButton = !showAll && hasMore;
   const handleShowAll = () => {
-    setStep(ModalStep.EX_WALLET_MORE);
+    setSelectedAuthView("AUTH_ALL_EXTERNAL_WALLETS");
   };
   const handleParaClick = () => {
-    setStep(ModalStep.AUTH_MORE);
+    setSelectedAuthView("AUTH_ALL_OPTIONS");
   };
   const handleWalletClick = (wallet) => () => __async(void 0, null, function* () {
     const shouldShowNetworkSelection = allWallets.filter((w) => w.id === wallet.id).length > 1;
     if (shouldShowNetworkSelection) {
       setSelectedExternalWallet({ id: wallet.id, type: wallet.type });
-      setStep(isAddingWallets ? ModalStep.ADD_EX_WALLET_NETWORK_SELECT : ModalStep.EX_WALLET_NETWORK_SELECT);
+      setShowNetworkSelect(true);
+      if (isAddingWallets) {
+        setAccountView("ACCOUNT_ADD_EX_WALLET_NETWORK_SELECT");
+      }
       return;
     }
     setSelectedExternalWallet({ id: wallet.id, type: wallet.type });
-    setStep(isAddingWallets ? ModalStep.ADD_EX_WALLET_SELECTED : ModalStep.EX_WALLET_SELECTED);
+    setShowNetworkSelect(false);
     if (isAddingWallets) {
+      setAccountView("ACCOUNT_ADD_EX_WALLET_SELECTED");
       try {
         yield addAdditionalExternalWallet(wallet);
       } catch (error) {

package/dist/modal/components/shared/IFrame.d.ts

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

package/dist/modal/components/shared/IFrame.js

@@ -0,0 +1,87 @@
+"use client";
+import {
+  __spreadValues
+} from "../../../chunk-MMUBH76A.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { safeStyled } from "@getpara/react-common";
+import { CpslSpinner } from "@getpara/react-components";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { validatePortalOrigin } from "../../utils/validatePortalOrigin.js";
+import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+import { useStore } from "../../../provider/stores/useStore.js";
+const IFrame = () => {
+  const para = useInternalClient();
+  const paraCtxRef = useRef(para.ctx);
+  paraCtxRef.current = para.ctx;
+  const refs = useStore((state) => state.refs);
+  const iFrameUrl = useStore((state) => state.iFrameUrl);
+  const setIFrameUrl = useStore((state) => state.setIFrameUrl);
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [height, setHeight] = useState(0);
+  useEffect(() => {
+    if (iFrameUrl) {
+      setIsLoaded(false);
+      setHeight(0);
+    }
+    const handleMessage = (event) => {
+      if (!iFrameUrl) {
+        return;
+      }
+      if (!validatePortalOrigin(event, paraCtxRef.current)) {
+        return;
+      }
+      if (event.data) {
+        if (event.data.type === "LOADED") {
+          setIsLoaded(true);
+        }
+        if (event.data.type === "HEIGHT") {
+          setHeight(event.data.height);
+        }
+        if (event.data.type === "CLOSE_WINDOW") {
+          setIFrameUrl(null);
+        }
+      }
+    };
+    typeof window !== "undefined" && window.addEventListener("message", handleMessage);
+    return () => {
+      typeof window !== "undefined" && window.removeEventListener("message", handleMessage);
+    };
+  }, [iFrameUrl]);
+  const handleIFrameLoad = useCallback(() => {
+    setIsLoaded(true);
+  }, []);
+  if (!iFrameUrl) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(
+      IFrameComponent,
+      {
+        ref: refs.iFrame,
+        style: __spreadValues({
+          display: isLoaded ? "block" : "none",
+          overflow: height > 0 ? "auto" : "hidden"
+        }, height > 0 && { height }),
+        src: iFrameUrl,
+        onLoad: handleIFrameLoad,
+        "data-testid": "para-portal-iframe"
+      }
+    ),
+    !isLoaded && /* @__PURE__ */ jsx(CpslSpinner, {})
+  ] });
+};
+const Container = safeStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+`;
+const IFrameComponent = safeStyled.iframe`
+  width: 100%;
+  height: 52px;
+  border: none;
+`;
+export {
+  IFrame
+};

package/dist/modal/components/{VerificationCodeStep/VerificationCodeStep.d.ts → shared/VerificationCode.d.ts}

@@ -1,12 +1,11 @@
-import { AuthInfo } from '@getpara/user-management-client';
+import { AuthInfo } from '@getpara/core-sdk';
 import { MutationStatus } from '@tanstack/react-query';
-type Props = {
+type VerificationCodeProps = {
     authInfo: AuthInfo<'email' | 'phone'>;
     onSubmit: (_: string) => void;
     onResend: () => void;
     status: MutationStatus;
     error?: Error | string | null;
 };
-export declare const VerificationCode: ({ authInfo, onResend, onSubmit, status, error }: Props) => import("react/jsx-runtime").JSX.Element;
-export declare const VerificationCodeStep: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const VerificationCode: ({ authInfo, onResend, onSubmit, status, error }: VerificationCodeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/modal/components/{VerificationCodeStep/VerificationCodeStep.js → shared/VerificationCode.js}

@@ -5,12 +5,9 @@ import {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CpslCodeInput, CpslSpinner, CpslText } from "@getpara/react-components";
 import { useEffect, useRef, useState } from "react";
-import { safeStyled } from "@getpara/react-common";
-import { Heading, InnerStepContainer, StepContainer } from "../common.js";
+import { Heading, InnerStepContainer } from "../common.js";
 import { displayPhoneNumber } from "@getpara/core-sdk";
-import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
-import { useResendVerificationCode } from "../../../provider/index.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+import { safeStyled } from "@getpara/react-common";
 const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
   const inputRef = useRef(null);
   const resendTimerRef = useRef();
@@ -120,7 +117,7 @@ const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
         }
       ),
       /* @__PURE__ */ jsxs(InlineText, { variant: "bodyS", color: "secondary", children: [
-        "Didn't receive a code?",
+        "Didn\u2019t receive a code?",
         " ",
         /* @__PURE__ */ jsx(
           ClickableText,
@@ -136,26 +133,6 @@ const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
     ] }) })
   ] });
 };
-const VerificationCodeStep = () => {
-  const { verifyNewAccount, verifyNewAccountStatus, verifyNewAccountError } = useAuthActions();
-  const { resendVerificationCodeAsync } = useResendVerificationCode();
-  const para = useInternalClient();
-  if (!para.authInfo) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(StepContainer, { $wide: true, children: /* @__PURE__ */ jsx(
-    VerificationCode,
-    {
-      authInfo: para.authInfo,
-      onSubmit: verifyNewAccount,
-      onResend: () => {
-        resendVerificationCodeAsync({ type: "SIGNUP" });
-      },
-      status: verifyNewAccountStatus,
-      error: verifyNewAccountError
-    }
-  ) });
-};
 const StyledCodeInput = safeStyled(CpslCodeInput)`
   align-self: center;
 `;
@@ -168,6 +145,5 @@ const ClickableText = safeStyled(InlineText)`
   display: inline-block;
 `;
 export {
-  VerificationCode,
-  VerificationCodeStep
+  VerificationCode
 };

package/dist/modal/components/shared/VerifyExternalWallet.d.ts

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

package/dist/modal/components/{ExternalWalletVerificationStep/ExternalWalletVerificationStep.js → shared/VerifyExternalWallet.js}

@@ -3,34 +3,27 @@ import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslButton, CpslSpinner, CpslText } from "@getpara/react-components";
 import { safeStyled } from "@getpara/react-common";
-import { useModalStore } from "../../stores/index.js";
 import { ErrorContainer, ErrorIcon, Heading, InnerStepContainer, StepContainer } from "../common.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useEffect, useRef } from "react";
-const ExternalWalletVerificationStep = () => {
-  const effectRan = useRef(false);
-  const { verifyWalletSignature, verificationStage } = useExternalWallets();
-  const externalWalletError = useModalStore((state) => state.externalWalletError);
-  useEffect(() => {
-    const hasRun = effectRan.current;
-    if (!hasRun) {
-      verifyWalletSignature();
-      effectRan.current = true;
-    }
-  }, []);
+import { useStore } from "../../../provider/stores/useStore.js";
+const VerifyExternalWallet = () => {
+  var _a;
+  const { error } = (_a = useStore((state) => state.paraState)) != null ? _a : {};
+  const { verificationStage, retryVerification } = useExternalWallets();
   const isVerifying = verificationStage === "verifying";
   const header = isVerifying ? "Verifying Your Wallet" : "Switching Network";
   const subheader = isVerifying ? "Sign the message with your wallet to complete sign up." : "Confirm the request to switch the network in your wallet.";
+  const canRetry = !error || error && error.message !== "External wallet verification failed after max retries";
   return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
     /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
       /* @__PURE__ */ jsx(Heading, { children: header }),
       /* @__PURE__ */ jsx(InlineText, { variant: "bodyS", color: "secondary", children: subheader }),
-      !!(externalWalletError == null ? void 0 : externalWalletError[0]) && /* @__PURE__ */ jsxs(ErrorContainer, { children: [
+      !!error && /* @__PURE__ */ jsxs(ErrorContainer, { children: [
         /* @__PURE__ */ jsx(ErrorIcon, { icon: "alertCircle" }),
-        /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: externalWalletError == null ? void 0 : externalWalletError[0] })
+        /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: error.message })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: !externalWalletError || !effectRan.current ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: verifyWalletSignature, children: "Retry" }) })
+    /* @__PURE__ */ jsx(InnerStepContainer, { children: !error ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: retryVerification, disabled: !canRetry, children: "Retry" }) })
   ] });
 };
 const InlineText = safeStyled(CpslText)`
@@ -38,5 +31,5 @@ const InlineText = safeStyled(CpslText)`
   display: inline-block;
 `;
 export {
-  ExternalWalletVerificationStep
+  VerifyExternalWallet
 };

package/dist/modal/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export * from './useDebounce.js';
-export * from './useFarcasterLogin.js';
 export * from './useGoBack.js';
 export * from './useSendMutations.js';
-export * from './useTelegramLogin.js';
+export * from '../components/flows/account/Profile/useTelegramLink.js';

package/dist/modal/hooks/index.js

@@ -1,6 +1,5 @@
 "use client";
 export * from "./useDebounce.js";
-export * from "./useFarcasterLogin.js";
 export * from "./useGoBack.js";
 export * from "./useSendMutations.js";
-export * from "./useTelegramLogin.js";
+export * from "../components/flows/account/Profile/useTelegramLink.js";

package/dist/modal/hooks/useAuthView.d.ts

@@ -0,0 +1,4 @@
+import { AuthView } from '../../provider/providers/AuthProvider/AuthContext.js';
+export declare const useAuthView: () => {
+    authView: AuthView | null;
+};

package/dist/modal/hooks/useAuthView.js

@@ -0,0 +1,115 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { useMemo } from "react";
+import { useStore } from "../../provider/stores/useStore.js";
+import { AuthMethod } from "@getpara/web-sdk";
+import { useExternalWallets } from "../../provider/providers/ExternalWalletProvider.js";
+const useAuthView = () => {
+  const paraState = useStore((state) => state.paraState);
+  const showPostAuthFlow = useStore((state) => state.showPostAuthFlow);
+  const recoverySecret = useStore((state) => state.recoverySecret);
+  const hasCreatedWallets = useStore((state) => state.hasCreatedWallets);
+  const twoFactorAuthUri = useStore((state) => state.twoFactorAuthUri);
+  const selectedAuthView = useStore((state) => state.selectedAuthView);
+  const authMethod = useStore((state) => state.authMethod);
+  const showNetworkSelect = useStore((state) => state.showNetworkSelect);
+  const { wallet: externalWallet } = useExternalWallets();
+  const lastAuthViewRef = useStore((state) => state.lastAuthViewRef);
+  const _authView = useMemo(() => {
+    var _a, _b, _c;
+    if (!paraState) {
+      return null;
+    }
+    if (paraState.corePhase === "error") {
+      return null;
+    }
+    if (paraState.corePhase === "authenticated" && showPostAuthFlow) {
+      if (recoverySecret) {
+        return "AUTH_RECOVERY_SECRET";
+      }
+      if (hasCreatedWallets) {
+        return "AUTH_WALLETS_CREATED";
+      }
+      if (twoFactorAuthUri) {
+        return "AUTH_2FA_SETUP";
+      }
+      return "AUTH_CONNECTED";
+    }
+    if (paraState.corePhase === "wallet_flow") {
+      if (paraState.walletPhase === "error" || !!paraState.error) {
+        return "AUTH_ERROR";
+      }
+      if (paraState.walletPhase === "creating_guest_wallets") {
+        return "AUTH_GUEST_MODE_CONNECTING";
+      }
+      return "AUTH_CONNECTING";
+    }
+    if (paraState.corePhase === "auth_flow" || paraState.corePhase === "logging_out") {
+      if (paraState.authPhase === "error" || !!paraState.error) {
+        return "AUTH_ERROR";
+      }
+      if (paraState.authPhase === "guest_mode") {
+        return "AUTH_GUEST_MODE_CONNECTING";
+      }
+      if (paraState.authPhase === "processing_authentication" || paraState.authPhase === "awaiting_session_start") {
+        return "AUTH_PROCESSING";
+      }
+      if (paraState.authPhase === "authenticating_email_phone") {
+        return selectedAuthView || "AUTH_MAIN";
+      }
+      if (paraState.authPhase === "unauthenticated" || paraState.authPhase === "checking_state" || paraState.authPhase === "clearing_state" || paraState.authPhase === "uninitialized") {
+        if (!!externalWallet) {
+          if (showNetworkSelect) {
+            return "AUTH_EXTERNAL_WALLET_NETWORK_SELECT";
+          }
+          return "AUTH_EXTERNAL_WALLET_CONNECT";
+        }
+        return selectedAuthView || "AUTH_MAIN";
+      }
+      if (paraState.authPhase === "waiting_for_session") {
+        const hasPasskey = (_a = paraState.authStateInfo) == null ? void 0 : _a.hasPasskey;
+        const hasPassword = (_b = paraState.authStateInfo) == null ? void 0 : _b.hasPassword;
+        const hasPin = (_c = paraState.authStateInfo) == null ? void 0 : _c.hasPin;
+        const hasNone = !hasPasskey && !hasPassword && !hasPin;
+        if (hasNone) {
+          return "AUTH_BASIC_LOGIN";
+        }
+        if (authMethod === AuthMethod.PASSKEY) return "AUTH_BIOMETRIC_PASSKEY";
+        if (authMethod === AuthMethod.PIN) return "AUTH_BIOMETRIC_PIN";
+        if (authMethod === AuthMethod.PASSWORD) return "AUTH_BIOMETRIC_PASSWORD";
+        return "AUTH_BIOMETRIC_SELECT";
+      }
+      if (paraState.authPhase === "authenticating_external_wallet" || paraState.authPhase === "connecting_external_wallet") {
+        return "AUTH_EXTERNAL_WALLET_CONNECT";
+      }
+      if (paraState.authPhase === "verifying_external_wallet" || paraState.authPhase === "signing_external_wallet_verification" || paraState.authPhase === "awaiting_wallet_signature" || paraState.authPhase === "awaiting_wallet_verification") {
+        return "AUTH_EXTERNAL_WALLET_VERIFY";
+      }
+      if (paraState.authPhase === "awaiting_account_verification" || paraState.authPhase === "verifying_new_account") {
+        return "AUTH_VERIFY_ACCOUNT";
+      }
+      if (paraState.authPhase === "authenticating_oauth" || paraState.authPhase === "authenticating_farcaster" || paraState.authPhase === "authenticating_telegram") {
+        return "AUTH_OAUTH_CONNECT";
+      }
+      return null;
+    }
+    return null;
+  }, [
+    paraState,
+    showPostAuthFlow,
+    recoverySecret,
+    hasCreatedWallets,
+    twoFactorAuthUri,
+    selectedAuthView,
+    authMethod,
+    externalWallet,
+    showNetworkSelect
+  ]);
+  if (_authView !== "AUTH_PROCESSING") {
+    lastAuthViewRef.current = _authView;
+  }
+  return { authView: _authView === "AUTH_PROCESSING" ? lastAuthViewRef.current : _authView };
+};
+export {
+  useAuthView
+};

package/dist/modal/hooks/useCanbGoBack.d.ts

@@ -0,0 +1,3 @@
+export declare const useCanGoBack: () => {
+    canGoBack: boolean;
+};

package/dist/modal/hooks/useCanbGoBack.js

@@ -0,0 +1,47 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { useStore } from "../../provider/stores/useStore.js";
+import { useMemo } from "react";
+import { AccountPreviousView } from "../components/flows/account/AccountProvider/AccountContext.js";
+import { useAuthView } from "./useAuthView.js";
+const useCanGoBack = () => {
+  const accountView = useStore((state) => state.accountView);
+  const paraState = useStore((state) => state.paraState);
+  const { authView } = useAuthView();
+  const canGoBack = useMemo(() => {
+    if (authView) {
+      switch (authView) {
+        case "AUTH_ALL_EXTERNAL_WALLETS":
+        case "AUTH_ALL_OPTIONS":
+        case "AUTH_VERIFY_ACCOUNT":
+        case "AUTH_OAUTH_CONNECT":
+        case "AUTH_EXTERNAL_WALLET_CONNECT":
+        case "AUTH_EXTERNAL_WALLET_NETWORK_SELECT":
+        case "AUTH_EXTERNAL_WALLET_VERIFY":
+        case "AUTH_BIOMETRIC_SELECT":
+        case "AUTH_ERROR":
+        case "AUTH_BIOMETRIC_PASSWORD":
+        case "AUTH_BIOMETRIC_PIN":
+        case "AUTH_BIOMETRIC_PASSKEY":
+        case "AUTH_BASIC_LOGIN":
+          return true;
+        case "AUTH_MAIN":
+        case "AUTH_GUEST_MODE_CONNECTING":
+        case "AUTH_2FA_SETUP":
+        case "AUTH_RECOVERY_SECRET":
+        case "AUTH_WALLETS_CREATED":
+        case "AUTH_CONNECTED":
+        case "AUTH_CONNECTING":
+          return false;
+      }
+    }
+    if ((paraState == null ? void 0 : paraState.corePhase) === "authenticated" || (paraState == null ? void 0 : paraState.corePhase) === "guest_mode") {
+      return !!AccountPreviousView[accountView];
+    }
+    return false;
+  }, [authView, accountView, paraState]);
+  return { canGoBack };
+};
+export {
+  useCanGoBack
+};

package/dist/modal/{components/AuthInput/hooks → hooks}/useDropdownPosition.js

@@ -1,12 +1,12 @@
 "use client";
-import "../../../../chunk-MMUBH76A.js";
+import "../../chunk-MMUBH76A.js";
 import { useCallback, useEffect, useState } from "react";
-import { useModalStore } from "../../../stores/index.js";
+import { useStore } from "../../provider/stores/useStore.js";
 const useDropdownPosition = (inputRef) => {
   const [dropdownMaxHeight, setDropdownMaxHeight] = useState();
   const [dropdownWidth, setDropdownWidth] = useState();
   const [mobileAnchor, setMobileAnchor] = useState(null);
-  const modalContainerRef = useModalStore((state) => state.refs.modalContainer);
+  const modalContainerRef = useStore((state) => state.refs.modalContainer);
   const resize = useCallback(() => {
     if (typeof window !== "undefined" && inputRef.current) {
       const rect = inputRef.current.getBoundingClientRect();

package/dist/modal/hooks/useGoBack.d.ts

@@ -1 +1,4 @@
-export declare const useGoBack: () => () => void;
+export declare const useGoBack: () => {
+    goBack: () => void;
+    canGoBack: boolean;
+};