@getpara/react-sdk-lite 2.11.0 → 2.13.0

package/dist/modal/hooks/useDropdownPosition.js

@@ -0,0 +1,41 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { useCallback, useEffect, useState } from "react";
+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 = useStore((state) => state.refs.modalContainer);
+  const resize = useCallback(() => {
+    if (typeof window !== "undefined" && inputRef.current) {
+      const rect = inputRef.current.getBoundingClientRect();
+      const newMaxHeight = Math.max(window.innerHeight - rect.bottom - 20, window.innerHeight * 0.25);
+      setDropdownMaxHeight((prev) => prev !== newMaxHeight ? newMaxHeight : prev);
+      setDropdownWidth((prev) => prev !== rect.width ? rect.width : prev);
+      const isMobile = window.innerWidth <= 480;
+      if (isMobile) {
+        const modalContainer = modalContainerRef.current;
+        if (modalContainer) {
+          const modalRect = modalContainer.getBoundingClientRect();
+          const topFromModal = rect.top - modalRect.top;
+          const bottomFromModal = topFromModal + rect.height;
+          setMobileAnchor((prev) => prev !== bottomFromModal ? bottomFromModal : prev);
+        }
+      } else {
+        setMobileAnchor(null);
+      }
+    }
+  }, [inputRef, modalContainerRef]);
+  useEffect(() => {
+    resize();
+    typeof window !== "undefined" && window.addEventListener("resize", resize);
+    return () => {
+      typeof window !== "undefined" && window.removeEventListener("resize", resize);
+    };
+  }, [resize]);
+  return { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize };
+};
+export {
+  useDropdownPosition
+};

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

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

package/dist/modal/hooks/useGoBack.js

@@ -1,51 +1,75 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+import { useLogout } from "../../provider/index.js";
 import { useExternalWallets } from "../../provider/providers/ExternalWalletProvider.js";
-import { useModalStore } from "../stores/index.js";
-import { getAddFundsStep, ModalStep } from "../utils/steps.js";
+import { useStore } from "../../provider/stores/useStore.js";
+import { AccountPreviousView } from "../components/flows/account/AccountProvider/AccountContext.js";
+import { getAddFundsStep } from "../components/flows/account/AddFunds/utils.js";
+import { useCanGoBack } from "./useCanbGoBack.js";
 const useGoBack = () => {
-  const currentStep = useModalStore((state) => state.step);
-  const refs = useModalStore((state) => state.refs);
-  const setStep = useModalStore((state) => state.setStep);
-  const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
-  const decrementStep = useModalStore((state) => state.decrementStep);
-  const resetState = useModalStore((state) => state.resetState);
-  const { setChainIdSwitchingTo, disconnectExternalWallet } = useExternalWallets();
-  const para = useInternalClient();
-  const iFrameUrl = useModalStore((state) => state.iFrameUrl);
-  const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
-  const setIsIFrameReady = useModalStore((state) => state.setIsIFrameReady);
+  const accountAddFundTab = useStore((state) => state.accountAddFundTab);
+  const setIFrameUrl = useStore((state) => state.setIFrameUrl);
+  const setAuthMethod = useStore((state) => state.setAuthMethod);
+  const authMethod = useStore((state) => state.authMethod);
+  const paraState = useStore((state) => state.paraState);
+  const setSelectedAuthView = useStore((state) => state.setSelectedAuthView);
+  const selectedAuthView = useStore((state) => state.selectedAuthView);
+  const accountView = useStore((state) => state.accountView);
+  const setAccountView = useStore((state) => state.setAccountView);
+  const setSelectedExternalWallet = useStore((state) => state.setSelectedExternalWallet);
+  const setIsExternalWalletConnecting = useStore((state) => state.setIsExternalWalletConnecting);
+  const setIsNavigatingBack = useStore((state) => state.setIsNavigatingBack);
+  const { logout } = useLogout();
+  const { canGoBack } = useCanGoBack();
+  const { setChainIdSwitchingTo } = useExternalWallets();
   const goBack = () => {
-    if (accountAddFundTab && currentStep === ModalStep.ADD_FUNDS_AWAITING) {
-      setStep(getAddFundsStep(accountAddFundTab));
-    } else {
-      decrementStep();
+    if (!canGoBack) {
+      return;
     }
-    switch (refs.currentStep.current) {
-      case ModalStep.AUTH_MAIN:
-      case ModalStep.AUTH_MORE:
-      case ModalStep.EX_WALLET_SELECTED:
-      case ModalStep.EXTERNAL_WALLET_VERIFICATION: {
-        resetState();
-        if (para.isExternalWalletAuth) {
-          disconnectExternalWallet();
+    if ((paraState == null ? void 0 : paraState.corePhase) === "wallet_flow") {
+      logout();
+      setIsNavigatingBack(true);
+      setIFrameUrl(null);
+      setSelectedExternalWallet(void 0);
+      setIsExternalWalletConnecting(false);
+      setSelectedAuthView("AUTH_MAIN");
+    }
+    if ((paraState == null ? void 0 : paraState.corePhase) === "auth_flow") {
+      if ((paraState == null ? void 0 : paraState.authPhase) === "waiting_for_session" && authMethod !== null) {
+        const info = paraState.authStateInfo;
+        const optionCount = [info == null ? void 0 : info.hasPasskey, info == null ? void 0 : info.hasPassword, info == null ? void 0 : info.hasPin].filter(Boolean).length;
+        if (optionCount > 1) {
+          setIFrameUrl(null);
+          setAuthMethod(null);
+          return;
         }
-        break;
       }
-      case ModalStep.PASSWORD_CREATION: {
-        const urlWithTimestamp = iFrameUrl ? `${iFrameUrl}${iFrameUrl.includes("?") ? "&" : "?"}_t=${Date.now()}` : "";
-        setIFrameUrl(urlWithTimestamp);
-        setIsIFrameReady(false);
-        break;
+      if ((paraState == null ? void 0 : paraState.authPhase) !== "unauthenticated") {
+        logout();
+      }
+      setIsNavigatingBack(true);
+      setIFrameUrl(null);
+      setSelectedExternalWallet(void 0);
+      setIsExternalWalletConnecting(false);
+      if (selectedAuthView !== "AUTH_MAIN") {
+        setSelectedAuthView("AUTH_MAIN");
+        return;
       }
-      case ModalStep.CHAIN_SWITCH: {
-        setChainIdSwitchingTo();
-        break;
+      return;
+    }
+    if ((paraState == null ? void 0 : paraState.corePhase) === "authenticated" || (paraState == null ? void 0 : paraState.corePhase) === "guest_mode") {
+      if (accountAddFundTab && accountView === "ACCOUNT_ADD_FUNDS_AWAITING") {
+        setAccountView(getAddFundsStep(accountAddFundTab));
+      } else {
+        const previousView = AccountPreviousView[accountView];
+        if (previousView) {
+          setAccountView(previousView);
+        }
       }
+      setChainIdSwitchingTo();
     }
   };
-  return goBack;
+  return { goBack, canGoBack };
 };
 export {
   useGoBack

package/dist/modal/hooks/useSendMutations.js

@@ -6,13 +6,12 @@ import {
 } from "../../chunk-MMUBH76A.js";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
-import { useModalStore, useModalSessionStore } from "../stores/index.js";
+import { useModalSessionStore } from "../stores/index.js";
 import { useSignMessage, useSignTransaction, useWalletState } from "../../provider/index.js";
 import {
   hexStringToBase64
 } from "@getpara/web-sdk";
 import { useMemo, useCallback } from "react";
-import { ModalStep } from "../utils/steps.js";
 import { useStore } from "../../provider/stores/useStore.js";
 function useSendMutations({
   estimateOnSuccess,
@@ -21,7 +20,7 @@ function useSendMutations({
   broadcastOnError
 }) {
   const para = useInternalClient();
-  const setStep = useModalStore((state) => state.setStep);
+  const setAccountView = useStore((state) => state.setAccountView);
   const setSendTx = useModalSessionStore((state) => state.setSendTx);
   const { signTransactionAsync } = useSignTransaction();
   const { signMessageAsync } = useSignMessage();
@@ -37,7 +36,7 @@ function useSendMutations({
         if (currentSendTx) {
           setSendTx(__spreadProps(__spreadValues({}, currentSendTx), { result: data }));
         }
-        setStep(ModalStep.ACCOUNT_MAIN);
+        setAccountView("ACCOUNT_MAIN");
         refs.balancesInvalidationTime.current = Date.now();
         queryClient.invalidateQueries({
           queryKey: ["useProfileBalance"],
@@ -45,7 +44,7 @@ function useSendMutations({
         });
       }
     },
-    [setSendTx, setStep, queryClient, refs]
+    [setSendTx, setAccountView, queryClient, refs]
   );
   const handleBroadcastSuccess = useCallback(
     (data) => {

package/dist/modal/hooks/useTransactionMonitoring.js

@@ -6,17 +6,17 @@ import {
 } from "../../chunk-MMUBH76A.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
-import { useModalStore, useModalSessionStore } from "../stores/index.js";
+import { useModalSessionStore } from "../stores/index.js";
 import { getBaseUrl } from "@getpara/web-sdk";
 import { useAccount } from "../../provider/index.js";
-import { ModalStep } from "../utils/steps.js";
 import { SESSION_COOKIE_HEADER_NAME } from "@getpara/user-management-client";
+import { store, useStore } from "../../provider/stores/useStore.js";
 const TRANSACTION_CLEANUP_DELAY_MS = 3e4;
 function useTransactionMonitoring() {
   var _a, _b, _c, _d, _e, _f;
   const sendTx = useModalSessionStore((state) => state.sendTx);
   const setSendTx = useModalSessionStore((state) => state.setSendTx);
-  const currentStep = useModalStore((state) => state.step);
+  const accountView = useStore((state) => state.accountView);
   const para = useInternalClient();
   const socketRef = useRef(null);
   const subscribedDataRef = useRef(null);
@@ -151,24 +151,24 @@ function useTransactionMonitoring() {
     if (typeof window === "undefined") return;
     const status = (_b2 = (_a2 = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _a2.status) == null ? void 0 : _b2.status;
     const isCompleted = status === "CONFIRMED" || status === "FAILED";
-    const isOnAccountOrMonitor = currentStep === ModalStep.ACCOUNT_MAIN || currentStep === ModalStep.ACCOUNT_MONITOR_TX;
+    const isOnAccountOrMonitor = accountView === "ACCOUNT_MAIN" || accountView === "ACCOUNT_MONITOR_TX";
     if (isCompleted && sendTx && !isOnAccountOrMonitor) {
       setSendTx(null);
       return;
     }
-    if (isCompleted && currentStep === ModalStep.ACCOUNT_MAIN && ((_c2 = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _c2.txHash)) {
+    if (isCompleted && accountView === "ACCOUNT_MAIN" && ((_c2 = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _c2.txHash)) {
       const txHash = sendTx.result.txHash;
       const timeoutId = setTimeout(() => {
         var _a3, _b3;
         const sessionState = useModalSessionStore.getState();
-        const modalState = useModalStore.getState();
-        if (((_b3 = (_a3 = sessionState.sendTx) == null ? void 0 : _a3.result) == null ? void 0 : _b3.txHash) === txHash && modalState.step === ModalStep.ACCOUNT_MAIN) {
+        const currentAccountView = store.getState().accountView;
+        if (((_b3 = (_a3 = sessionState.sendTx) == null ? void 0 : _a3.result) == null ? void 0 : _b3.txHash) === txHash && currentAccountView === "ACCOUNT_MAIN") {
           setSendTx(null);
         }
       }, TRANSACTION_CLEANUP_DELAY_MS);
       return () => clearTimeout(timeoutId);
     }
-  }, [(_e = (_d = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _d.status) == null ? void 0 : _e.status, (_f = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _f.txHash, currentStep, setSendTx]);
+  }, [(_e = (_d = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _d.status) == null ? void 0 : _e.status, (_f = sendTx == null ? void 0 : sendTx.result) == null ? void 0 : _f.txHash, accountView, setSendTx]);
 }
 export {
   useTransactionMonitoring

package/dist/modal/index.d.ts

@@ -1,8 +1,7 @@
 export * from './ParaModal.js';
 export type { ParaModalProps, ParaModalHandle, ParaModalTheme } from './types/modalProps.js';
-export { ModalStep, type ModalStepProp } from './utils/steps.js';
 export { AuthLayout } from './types/modalProps.js';
 export * from './utils/openPopup.js';
 export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetCode, getNetworkIcon, getNetworkName, } from '@getpara/react-common';
-export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
+export { SaveRecoverySecret } from './components/flows/auth/RecoverySecretStep/RecoverySecretStep.js';
 export * from './utils/onramps.js';

package/dist/modal/index.js

@@ -1,7 +1,6 @@
 "use client";
 import "../chunk-MMUBH76A.js";
 export * from "./ParaModal.js";
-import { ModalStep } from "./utils/steps.js";
 import { AuthLayout } from "./types/modalProps.js";
 export * from "./utils/openPopup.js";
 import {
@@ -13,11 +12,10 @@ import {
   getNetworkIcon,
   getNetworkName
 } from "@getpara/react-common";
-import { SaveRecoverySecret } from "./components/RecoverySecretStep/RecoverySecretStep.js";
+import { SaveRecoverySecret } from "./components/flows/auth/RecoverySecretStep/RecoverySecretStep.js";
 export * from "./utils/onramps.js";
 export {
   AuthLayout,
-  ModalStep,
   NETWORKS,
   ON_RAMP_ASSETS,
   ON_RAMP_PROVIDERS,

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

@@ -1,2 +1 @@
-export * from './modal/useModalStore.js';
 export * from './modal/useModalSessionStore.js';

package/dist/modal/stores/index.js

@@ -1,3 +1,2 @@
 "use client";
-export * from "./modal/useModalStore.js";
 export * from "./modal/useModalSessionStore.js";

package/dist/modal/types/modalProps.d.ts

@@ -1,7 +1,7 @@
 import ParaWeb, { BalancesConfig, CurrentWalletIds, SupportedAccountLinks, TOAuthMethod } from '@getpara/web-sdk';
 import { Theme } from '@getpara/react-components';
-import { OnModalStepChangeValue } from '../stores/index.js';
-import { ModalStep, ModalStepProp } from '../utils/steps.js';
+import { AccountView } from '../components/flows/account/AccountProvider/AccountContext.js';
+import { AuthView } from '../../provider/providers/AuthProvider/AuthContext.js';
 export type ParaModalHandle = {
     /**
      * Move the modal backward
@@ -14,7 +14,7 @@ export type ParaModalHandle = {
     /**
      * Returns if the modal is expanded
      */
-    currentStep: () => ModalStep;
+    currentStep: () => AccountView | AuthView;
     /**
      * Trigger the modal close handler
      */
@@ -31,6 +31,7 @@ export declare enum AuthLayout {
     EXTERNAL_CONDENSED = "EXTERNAL:CONDENSED"
 }
 export type TAuthLayout = `${AuthLayout}`;
+export type StepOverride = AccountView | Extract<AuthView, 'AUTH_MAIN' | 'AUTH_ALL_OPTIONS' | 'AUTH_ALL_EXTERNAL_WALLETS'>;
 export interface ParaModalProps {
     /**
      * Your ParaWeb instance.
@@ -83,7 +84,7 @@ export interface ParaModalProps {
      * Whether to display information about on-chain wallets and use related terminology in the Para Modal.
      */
     hideWallets?: boolean;
-    currentStepOverride?: ModalStepProp | undefined;
+    currentStepOverride?: StepOverride;
     /**
      * Whether or not to display just the modal without the overlay component.
      * Useful for rendering the modal inside a custom component
@@ -106,10 +107,6 @@ export interface ParaModalProps {
      * Default email or phone number (formatted like: +15555555555) to pre-populate the input field.
      */
     defaultAuthIdentifier?: string;
-    /**
-     * Called when the modal step changes
-     */
-    onModalStepChange?: (value: OnModalStepChangeValue) => void;
     /**
      * Called when the modal is closed
      */
@@ -118,11 +115,24 @@ export interface ParaModalProps {
      * Whether to enable guest login. A guest user will be provisioned embedded wallets that they will then claim upon signing up through your app.
      */
     isGuestModeEnabled?: boolean;
+    /**
+     * @deprecated
+     */
     loginTransitionOverride?: (para: ParaWeb) => Promise<void>;
+    /**
+     * @deprecated use onWalletCreation instead
+     */
     createWalletOverride?: (para: ParaWeb) => Promise<{
         recoverySecret?: string;
         walletIds: CurrentWalletIds;
     }>;
+    /**
+     * Callback called when new wallets are created during the authentication process
+     * This is useful for storing the recovery secret for newly created wallets
+     */
+    onWalletCreated?: (_: {
+        recoverySecret?: string;
+    }) => void;
     /**
      * Which external accounts or wallets to allow your users to link to their accounts. The accounts will be displayed in this order in the modal account screen.
      * If not provided, will default to your Developer Portal configuration or to all available account types.

package/dist/provider/ParaProviderMin.js

@@ -3,10 +3,9 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useMemo } from "react";
 import { useStore } from "./stores/useStore.js";
-import { useModalStore } from "../modal/stores/index.js";
 import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
 import { useEventListeners } from "./hooks/utils/useEventListeners.js";
 import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
@@ -14,10 +13,11 @@ import { ParaModal } from "../modal/ParaModal.js";
 import { isConfigType, isParaWeb } from "./utils/paraConfigTypeGuards.js";
 import ParaWeb from "@getpara/web-sdk";
 import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
-import { AuthProvider } from "./providers/AuthProvider.js";
 import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
 import { AssetsProvider } from "./providers/AssetsProvider.js";
+import { AuthProvider } from "./providers/AuthProvider/AuthProvider.js";
 const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
+  var _a;
   useEventListeners(callbacks);
   useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
   const setClient = useStore((state) => state.setClient);
@@ -39,8 +39,9 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
   const rpcUrl = useStore((state) => state.rpcUrl);
   const setRpcUrl = useStore((state) => state.setRpcUrl);
   const setProviderProps = useStore((state) => state.setProviderProps);
-  const setModalError = useModalStore((state) => state.setModalError);
-  const [isClientReady, setIsClientReady] = useState(client == null ? void 0 : client.isReady);
+  const setModalError = useStore((state) => state.setModalError);
+  const setParaState = useStore((state) => state.setParaState);
+  const paraState = useStore((state) => state.paraState);
   useEffect(() => {
     setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
       // Redacting walletConnect to avoid exposing project id
@@ -62,15 +63,15 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     if (modalConfig !== paraModalConfig) setModalConfig(paraModalConfig);
   }, [paraModalConfig]);
   useEffect(() => {
-    var _a;
+    var _a2;
     if (connectionOnly !== (externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly)) {
-      setConnectionOnly((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) != null ? _a : false);
+      setConnectionOnly((_a2 = externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) != null ? _a2 : false);
     }
   }, [externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly]);
   useEffect(() => {
-    var _a, _b;
+    var _a2, _b;
     if (includeWalletVerification !== (externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isParaWeb(paraClientConfig) ? paraClientConfig.externalWalletConnectionOnly : (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly)) {
+      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isParaWeb(paraClientConfig) ? paraClientConfig.externalWalletConnectionOnly : (_a2 = paraClientConfig.opts) == null ? void 0 : _a2.externalWalletConnectionOnly)) {
         console.warn("includeWalletVerification has no effect when using connection only external wallets");
         setIncludeWalletVerification(false);
       } else {
@@ -79,15 +80,15 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     }
   }, [externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification]);
   useEffect(() => {
-    var _a;
+    var _a2;
     if (externalWallets !== (externalWalletConfig == null ? void 0 : externalWalletConfig.wallets)) {
-      setExternalWallets((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a : [...EXTERNAL_WALLET_TYPES]);
+      setExternalWallets((_a2 = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a2 : [...EXTERNAL_WALLET_TYPES]);
     }
   }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
   useEffect(() => {
-    var _a, _b;
+    var _a2, _b;
     if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
-      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isParaWeb(paraClientConfig) ? paraClientConfig.externalWalletConnectionOnly : (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly)) {
+      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isParaWeb(paraClientConfig) ? paraClientConfig.externalWalletConnectionOnly : (_a2 = paraClientConfig.opts) == null ? void 0 : _a2.externalWalletConnectionOnly)) {
         console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
         setExternalWalletsWithFullAuth([]);
       } else {
@@ -105,11 +106,6 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
       newClient.ctx.portalUrlOverride = globalThis.__PARA_PORTAL_URL_OVERRIDE__;
     }
     newClient.portalTheme = paraModalConfig == null ? void 0 : paraModalConfig.theme;
-    if (newClient.isReady) {
-      setIsClientReady(true);
-    } else {
-      setIsClientReady(false);
-    }
     setClient(newClient);
   }, [paraClientConfig]);
   useEffect(() => {
@@ -118,31 +114,31 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     }
   }, [paraModalConfig == null ? void 0 : paraModalConfig.theme, client]);
   useEffect(() => {
-    if (client && !client.isReady) {
-      client.ready().then(() => {
-        setIsClientReady(true);
-      }).catch((err) => {
-        setIsClientReady(false);
-        console.error("Error initializing Para client:", err);
-      });
-    }
+    if (!client) return;
+    const unsubscribe = client.onStatePhaseChange((snapshot) => {
+      setParaState(snapshot);
+    });
+    return unsubscribe;
   }, [client]);
-  if (!client || !isClientReady) {
+  const isReady = (_a = paraState == null ? void 0 : paraState.isReady) != null ? _a : false;
+  const ChildrenComponents = useMemo(() => {
+    if (!isReady) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      children,
+      !config.disableEmbeddedModal && /* @__PURE__ */ jsx(ParaModal, { ref })
+    ] });
+  }, [isReady, children, config.disableEmbeddedModal, ref]);
+  if (!client) {
     return null;
   }
   return /* @__PURE__ */ jsx(
     AuthProvider,
     {
-      is2faEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
-      isRecoverySecretStepEnabled: paraModalConfig == null ? void 0 : paraModalConfig.recoverySecretStepEnabled,
-      overrides: {
-        login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
-        createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
-      },
-      children: /* @__PURE__ */ jsx(AssetsProvider, { children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
-        children,
-        !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
-      ] }) }) })
+      isTwoFactorAuthEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
+      defaultAuthIdentifier: paraModalConfig == null ? void 0 : paraModalConfig.defaultAuthIdentifier,
+      children: /* @__PURE__ */ jsx(AssetsProvider, { children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsx(AccountLinkProvider, { children: ChildrenComponents }) }) })
     }
   );
 });

package/dist/provider/actions/getWallet.d.ts

@@ -2,4 +2,4 @@ import ParaWeb, { TWalletType } from '@getpara/web-sdk';
 export declare const getWallet: (para?: ParaWeb, selectedWallet?: {
     id?: string;
     type?: TWalletType;
-}, isConnected?: boolean) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer"> | null>;
+}, isConnected?: boolean) => Promise<import("@getpara/core-sdk/dist/types/types").WalletNoSigner | null>;

package/dist/provider/actions/index.d.ts

@@ -1,49 +1,43 @@
-export declare const signUpOrLogIn: import("./utils.js").CoreAction<"signUpOrLogIn">;
-export declare const verifyNewAccount: import("./utils.js").CoreAction<"verifyNewAccount">;
-export declare const waitForLogin: import("./utils.js").CoreAction<"waitForLogin">;
-export declare const waitForSignup: import("./utils.js").CoreAction<"waitForSignup">;
-export declare const waitForWalletCreation: import("./utils.js").CoreAction<"waitForWalletCreation">;
-export declare const verifyOAuth: import("./utils.js").CoreAction<"verifyOAuth">;
-export declare const verifyFarcaster: import("./utils.js").CoreAction<"verifyFarcaster">;
-export declare const verifyTelegram: import("./utils.js").CoreAction<"verifyTelegram">;
-export declare const loginExternalWallet: import("./utils.js").CoreAction<"loginExternalWallet">;
-export declare const verifyExternalWallet: import("./utils.js").CoreAction<"verifyExternalWallet">;
-export declare const setup2fa: import("./utils.js").CoreAction<"setup2fa">;
-export declare const enable2fa: import("./utils.js").CoreAction<"enable2fa">;
-export declare const verify2fa: import("./utils.js").CoreAction<"verify2fa">;
-export declare const keepSessionAlive: import("./utils.js").CoreAction<"keepSessionAlive">;
-export declare const logout: import("./utils.js").CoreAction<"logout">;
-export declare const resendVerificationCode: import("./utils.js").CoreAction<"resendVerificationCode">;
-export declare const createWallet: import("./utils.js").CoreAction<"createWallet">;
-export declare const createWalletPerType: import("./utils.js").CoreAction<"createWalletPerType">;
-export declare const createPregenWallet: import("./utils.js").CoreAction<"createPregenWallet">;
-export declare const createPregenWalletPerType: import("./utils.js").CoreAction<"createPregenWalletPerType">;
-export declare const claimPregenWallets: import("./utils.js").CoreAction<"claimPregenWallets">;
-export declare const hasPregenWallet: import("./utils.js").CoreAction<"hasPregenWallet">;
-export declare const updatePregenWalletIdentifier: import("./utils.js").CoreAction<"updatePregenWalletIdentifier">;
-export declare const createGuestWallets: import("./utils.js").CoreAction<"createGuestWallets">;
-export declare const signMessage: import("./utils.js").CoreAction<"signMessage">;
-export declare const signTransaction: import("./utils.js").CoreAction<"signTransaction">;
-export declare const getWalletBalance: import("./utils.js").CoreAction<"getWalletBalance">;
-export declare const issueJwt: import("./utils.js").CoreAction<"issueJwt">;
-export declare const getLinkedAccounts: import("./utils.js").CoreAction<"getLinkedAccounts">;
-export declare const accountLinkInProgress: import("./utils.js").CoreAction<"accountLinkInProgress">;
-export declare const addCredential: import("./utils.js").CoreAction<"addCredential">;
-export declare const linkAccount: (_?: import("@getpara/core-sdk").default, __?: {
-    auth: import("@getpara/shared").VerifiedAuth;
-} | {
-    externalWallet: import("@getpara/shared").ExternalWalletInfo;
-} | {
-    type: import("@getpara/shared").TLinkedAccountType | "X";
-} | undefined) => Promise<import("@getpara/core-sdk").AccountLinkInProgress>;
-export declare const unlinkAccount: (_?: import("@getpara/core-sdk").default, __?: {
-    linkedAccountId: string;
-} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
-export declare const verifyEmailOrPhoneLink: (_?: import("@getpara/core-sdk").default, __?: {
-    verificationCode?: string;
-} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
-export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
-export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
-export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
-export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/shared").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
-export declare const exportPrivateKey: import("./utils.js").CoreAction<"exportPrivateKey">;
+import type ParaWeb from '@getpara/web-sdk';
+import type { SignUpOrLogInParams, SignUpOrLogInResponse, WaitForLoginParams, WaitForLoginResponse, WaitForSignupParams, WaitForWalletCreationParams, WaitForWalletCreationResponse, VerifyOAuthProcessParams, OAuthResponse, VerifyFarcasterParams, VerifyTelegramParams, LoginExternalWalletParams, LoginExternalWalletResponse, VerifyExternalWalletParams, VerifyExternalWalletResponse, Setup2faResponse, Enable2faParams, Verify2faParams, Verify2faResponse, LogoutParams, ResendVerificationCodeParams, CreateWalletParams, CreateWalletResponse, CreateWalletPerTypeParams, CreateWalletPerTypeResponse, CreatePregenWalletParams, CreatePregenWalletResponse, CreatePregenWalletPerTypeParams, CreatePregenWalletPerTypeResponse, ClaimPregenWalletsParams, ClaimPregenWalletsResponse, HasPregenWalletParams, UpdatePregenWalletIdentifierParams, CreateGuestWalletsResponse, SignMessageParams, SignTransactionParams, FullSignatureRes, GetWalletBalanceParams, IssueJwtParams, IssueJwtResponse, GetLinkedAccountsParams, GetLinkedAccountsResponse, AddCredentialParams, ExportPrivateKeyParams, ExportPrivateKeyResponse, LinkAccountParams, UnlinkAccountParams, VerifyEmailOrPhoneLinkParams, TelegramParams, BaseVerifyExternalWalletParams, VerifyNewAccountParams, VerifyNewAccountResponse, AccountLinkInProgress, LinkedAccounts, AuthenticateWithEmailOrPhoneParams, AuthenticateWithEmailOrPhoneResponse, AuthenticateWithOAuthParams, AuthenticateWithOAuthResponse } from '@getpara/web-sdk';
+export declare const signUpOrLogIn: (para?: ParaWeb, args?: SignUpOrLogInParams) => Promise<SignUpOrLogInResponse>;
+export declare const verifyNewAccount: (para?: ParaWeb, args?: VerifyNewAccountParams) => Promise<VerifyNewAccountResponse>;
+export declare const waitForLogin: (para?: ParaWeb, args?: WaitForLoginParams) => Promise<WaitForLoginResponse>;
+export declare const waitForSignup: (para?: ParaWeb, args?: WaitForSignupParams) => Promise<true>;
+export declare const waitForWalletCreation: (para?: ParaWeb, args?: WaitForWalletCreationParams) => Promise<WaitForWalletCreationResponse>;
+export declare const verifyOAuth: (para?: ParaWeb, args?: VerifyOAuthProcessParams) => Promise<OAuthResponse>;
+export declare const verifyFarcaster: (para?: ParaWeb, args?: VerifyFarcasterParams) => Promise<OAuthResponse>;
+export declare const verifyTelegram: (para?: ParaWeb, args?: VerifyTelegramParams) => Promise<OAuthResponse>;
+export declare const loginExternalWallet: (para?: ParaWeb, args?: LoginExternalWalletParams) => Promise<LoginExternalWalletResponse>;
+export declare const verifyExternalWallet: (para?: ParaWeb, args?: VerifyExternalWalletParams) => Promise<VerifyExternalWalletResponse>;
+export declare const setup2fa: (para?: ParaWeb) => Promise<Setup2faResponse>;
+export declare const enable2fa: (para?: ParaWeb, args?: Enable2faParams) => Promise<void>;
+export declare const verify2fa: (para?: ParaWeb, args?: Verify2faParams) => Promise<Verify2faResponse>;
+export declare const keepSessionAlive: (para?: ParaWeb) => Promise<boolean>;
+export declare const logout: (para?: ParaWeb, args?: LogoutParams) => Promise<void>;
+export declare const resendVerificationCode: (para?: ParaWeb, args?: ResendVerificationCodeParams) => Promise<void>;
+export declare const createWallet: (para?: ParaWeb, args?: CreateWalletParams) => Promise<CreateWalletResponse>;
+export declare const createWalletPerType: (para?: ParaWeb, args?: CreateWalletPerTypeParams) => Promise<CreateWalletPerTypeResponse>;
+export declare const createPregenWallet: (para?: ParaWeb, args?: CreatePregenWalletParams) => Promise<CreatePregenWalletResponse>;
+export declare const createPregenWalletPerType: (para?: ParaWeb, args?: CreatePregenWalletPerTypeParams) => Promise<CreatePregenWalletPerTypeResponse>;
+export declare const claimPregenWallets: (para?: ParaWeb, args?: ClaimPregenWalletsParams) => Promise<ClaimPregenWalletsResponse>;
+export declare const hasPregenWallet: (para?: ParaWeb, args?: HasPregenWalletParams) => Promise<boolean>;
+export declare const updatePregenWalletIdentifier: (para?: ParaWeb, args?: UpdatePregenWalletIdentifierParams) => Promise<void>;
+export declare const createGuestWallets: (para?: ParaWeb) => Promise<CreateGuestWalletsResponse>;
+export declare const signMessage: (para?: ParaWeb, args?: SignMessageParams) => Promise<FullSignatureRes>;
+export declare const signTransaction: (para?: ParaWeb, args?: SignTransactionParams) => Promise<FullSignatureRes>;
+export declare const getWalletBalance: (para?: ParaWeb, args?: GetWalletBalanceParams) => Promise<string>;
+export declare const issueJwt: (para?: ParaWeb, args?: IssueJwtParams) => Promise<IssueJwtResponse>;
+export declare const getLinkedAccounts: (para?: ParaWeb, args?: GetLinkedAccountsParams) => Promise<GetLinkedAccountsResponse>;
+export declare const accountLinkInProgress: (para?: ParaWeb) => Promise<AccountLinkInProgress>;
+export declare const addCredential: (para?: ParaWeb, args?: AddCredentialParams) => Promise<string>;
+export declare const linkAccount: (para?: ParaWeb, args?: LinkAccountParams) => Promise<AccountLinkInProgress>;
+export declare const unlinkAccount: (para?: ParaWeb, args?: UnlinkAccountParams) => Promise<LinkedAccounts>;
+export declare const verifyEmailOrPhoneLink: (para?: ParaWeb, args?: VerifyEmailOrPhoneLinkParams) => Promise<LinkedAccounts>;
+export declare const verifyFarcasterLink: (para?: ParaWeb, args?: VerifyFarcasterParams) => Promise<LinkedAccounts>;
+export declare const verifyTelegramLink: (para?: ParaWeb, args?: TelegramParams) => Promise<LinkedAccounts>;
+export declare const verifyOAuthLink: (para?: ParaWeb, args?: VerifyOAuthProcessParams) => Promise<LinkedAccounts>;
+export declare const verifyExternalWalletLink: (para?: ParaWeb, args?: Omit<BaseVerifyExternalWalletParams, 'externalWallet'>) => Promise<LinkedAccounts>;
+export declare const exportPrivateKey: (para?: ParaWeb, args?: ExportPrivateKeyParams) => Promise<ExportPrivateKeyResponse>;
+export declare const authenticateWithEmailOrPhone: (para?: ParaWeb, args?: AuthenticateWithEmailOrPhoneParams) => Promise<AuthenticateWithEmailOrPhoneResponse>;
+export declare const authenticateWithOAuth: (para?: ParaWeb, args?: AuthenticateWithOAuthParams) => Promise<AuthenticateWithOAuthResponse>;