@getpara/react-sdk 1.6.1-dev.0 → 1.7.1

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

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

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

@@ -2,6 +2,7 @@ import { PropsWithChildren } from 'react';
 import { TExternalWallet } from '../../types/externalWallets.js';
 interface ExternalWalletsWrapperProps extends PropsWithChildren {
     wallets?: TExternalWallet[];
+    externalWalletsWithFullAuth?: TExternalWallet[];
 }
-export declare const ExternalWalletsWrapper: ({ children, wallets }: ExternalWalletsWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalWalletsWrapper: ({ children, wallets, externalWalletsWithFullAuth }: ExternalWalletsWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -17,3 +17,7 @@ export declare const StyledCpslTileButton: typeof CpslTileButton;
 export declare const HeroIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@getpara/core-components").JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("@getpara/react-components/dist/types/components/stencil-generated/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>, "ref"> & {
     ref?: import("react").Ref<HTMLCpslIconElement>;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@getpara/core-components").JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("@getpara/react-components/dist/types/components/stencil-generated/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const ErrorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@getpara/core-components").JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("@getpara/react-components/dist/types/components/stencil-generated/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLCpslIconElement>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@getpara/core-components").JSX.CpslIcon & Omit<import("react").HTMLAttributes<HTMLCpslIconElement>, "style"> & import("@getpara/react-components/dist/types/components/stencil-generated/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslIconElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/modal/index.d.ts

@@ -8,3 +8,4 @@ export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecr
 export * from './utils/validateOnRampConfig.js';
 export * from './types/externalWallets.js';
 export { useExternalWalletProviderStore } from './stores/externalWalletProvider/useExternalWalletProviderStore.js';
+export * from './types/commonTypes.js';

package/dist/modal/providers/CosmosExternalWalletContextStub.d.ts

@@ -7,6 +7,8 @@ export declare const defaultCosmosExternalWallet: {
     chainId: any;
     disconnect: () => Promise<void>;
     switchChain: () => Promise<{}>;
+    signMessage: () => Promise<{}>;
+    signVerificationMessage: () => Promise<{}>;
 };
 export type CosmosExternalWalletContextType = {
     wallets: CommonWallet[];
@@ -16,6 +18,17 @@ export type CosmosExternalWalletContextType = {
     switchChain: (chainId: string) => Promise<{
         error?: string[];
     }>;
+    signMessage: (message: string) => Promise<{
+        signature?: string;
+        error?: string;
+    }>;
+    signVerificationMessage: () => Promise<{
+        address?: string;
+        signature?: string;
+        cosmosPublicKeyHex?: string;
+        cosmosSigner?: string;
+        error?: string;
+    }>;
 };
 export declare const CosmosExternalWalletContext: import("react").Context<CosmosExternalWalletContextType>;
 export interface CosmosExternalWalletProviderProps {

package/dist/modal/providers/EvmExternalWalletContextStub.d.ts

@@ -9,6 +9,8 @@ export declare const defaultEvmExternalWallet: {
     avatar: any;
     disconnect: () => Promise<void>;
     switchChain: () => Promise<{}>;
+    signMessage: () => Promise<{}>;
+    signVerificationMessage: () => Promise<{}>;
 };
 export type EvmExternalWalletContextType = {
     wallets: CommonWallet[];
@@ -20,6 +22,15 @@ export type EvmExternalWalletContextType = {
     switchChain: (chainId: number) => Promise<{
         error?: string[];
     }>;
+    signMessage: (message: string) => Promise<{
+        signature?: string;
+        error?: string;
+    }>;
+    signVerificationMessage: () => Promise<{
+        address?: string;
+        signature?: string;
+        error?: string;
+    }>;
 };
 export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;
 export interface EvmExternalWalletProviderProps {

package/dist/modal/providers/ExternalWalletContext.d.ts

@@ -23,6 +23,7 @@ export declare const defaultExternalWallet: {
     disconnectExternalWallet: () => Promise<void>;
     switchChain: () => Promise<void>;
     setChainIdSwitchingTo: () => void;
+    verifyWalletSignature: () => Promise<{}>;
 };
 export declare const ExternalWalletContext: Context<{
     wallets: CommonWallet[];
@@ -43,6 +44,12 @@ export declare const ExternalWalletContext: Context<{
     disconnectExternalWallet: () => Promise<void>;
     switchChain: (chainId: string) => Promise<void>;
     setChainIdSwitchingTo: (chainId?: string) => void;
+    verifyWalletSignature: () => Promise<{
+        address?: string;
+        signature?: string;
+        cosmosPublicKeyHex?: string;
+        cosmosSigner?: string;
+    }>;
 }>;
 interface ExternalWalletProviderProps {
     children: ReactNode;
@@ -50,8 +57,9 @@ interface ExternalWalletProviderProps {
     evmContext: Context<EvmExternalWalletContextType>;
     solanaContext: Context<SolanaExternalWalletContextType>;
     cosmosContext: Context<CosmosExternalWalletContextType>;
+    externalWalletsWithFullAuth?: TExternalWallet[];
 }
-export declare function ExternalWalletProvider({ children, evmContext, solanaContext, cosmosContext, walletSort, }: ExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExternalWalletProvider({ children, evmContext, solanaContext, cosmosContext, walletSort, externalWalletsWithFullAuth, }: ExternalWalletProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare const useExternalWallets: () => {
     wallets: CommonWallet[];
     chains: CommonChain[];
@@ -71,5 +79,11 @@ export declare const useExternalWallets: () => {
     disconnectExternalWallet: () => Promise<void>;
     switchChain: (chainId: string) => Promise<void>;
     setChainIdSwitchingTo: (chainId?: string) => void;
+    verifyWalletSignature: () => Promise<{
+        address?: string;
+        signature?: string;
+        cosmosPublicKeyHex?: string;
+        cosmosSigner?: string;
+    }>;
 };
 export {};

package/dist/modal/providers/SolanaExternalWalletContextStub.d.ts

@@ -4,10 +4,21 @@ import ParaWeb from '@getpara/web-sdk';
 export declare const defaultSolanaExternalWallet: {
     wallets: any[];
     disconnect: () => Promise<void>;
+    signMessage: () => Promise<{}>;
+    signVerificationMessage: () => Promise<{}>;
 };
 export type SolanaExternalWalletContextType = {
     wallets: CommonWallet[];
     disconnect: () => Promise<void>;
+    signMessage: (message: string) => Promise<{
+        signature?: string;
+        error?: string;
+    }>;
+    signVerificationMessage: () => Promise<{
+        address?: string;
+        signature?: string;
+        error?: string;
+    }>;
 };
 export declare const SolanaExternalWalletContext: import("react").Context<SolanaExternalWalletContextType>;
 export interface SolanaExternalWalletProviderProps {

package/dist/modal/stores/externalWalletProvider/useExternalWalletProviderStore.d.ts

@@ -2,6 +2,7 @@ import { EvmExternalWalletContextType, EvmExternalWalletProvider } from '../../p
 import { Context } from 'react';
 import { SolanaExternalWalletContextType, SolanaExternalWalletProvider } from '../../providers/SolanaExternalWalletContextStub.js';
 import { CosmosExternalWalletContextType, CosmosExternalWalletProvider } from '../../providers/CosmosExternalWalletContextStub.js';
+import { TExternalWallet } from '../../types/externalWallets.js';
 interface ExternalWalletProviderState {
     EvmProvider?: typeof EvmExternalWalletProvider;
     evmContext?: Context<EvmExternalWalletContextType>;
@@ -11,6 +12,7 @@ interface ExternalWalletProviderState {
     cosmosContext?: Context<CosmosExternalWalletContextType>;
     connectParaEvmWallet?: () => Promise<any>;
     connectParaCosmosWallet?: () => Promise<any>;
+    fullAuthWallets: TExternalWallet[];
 }
 export interface ExternalWalletProviderActions {
     updateState: (state: Partial<ExternalWalletProviderState>) => void;

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

@@ -1,8 +1,10 @@
 import { IconType } from '@getpara/react-components';
+import { WalletType } from '@getpara/web-sdk';
 export type WalletMetadata = {
     id: string;
     name: string;
     iconUrl: string;
+    rdns?: string;
     installed?: boolean;
     isExtension?: boolean;
     isMobile?: boolean;
@@ -29,13 +31,21 @@ export type WalletMetadata = {
 export type CommonWallet = {
     connect: () => Promise<{
         address?: string;
+        bufferAddress?: string;
         error?: string;
+        userExists: boolean;
+        isVerified: boolean;
     }>;
-    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
+    connectMobile: (_: {
+        isManualWalletConnect?: boolean;
+    }) => Promise<{
         address?: string;
+        bufferAddress?: string;
         error?: string;
+        userExists: boolean;
+        isVerified: boolean;
     }>;
-    type: 'EVM' | 'SOLANA' | 'COSMOS';
+    type: WalletType;
 } & WalletMetadata;
 export type CommonChain = {
     id: string | number;

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

@@ -4,6 +4,7 @@ export declare enum EvmWallet {
     COINBASE = "COINBASE",
     WALLETCONNECT = "WALLETCONNECT",
     ZERION = "ZERION",
+    SAFE = "SAFE",
     RABBY = "RABBY"
 }
 export declare enum SolanaWallet {
@@ -26,6 +27,7 @@ export declare const ExternalWallet: {
     COINBASE: EvmWallet.COINBASE;
     WALLETCONNECT: EvmWallet.WALLETCONNECT;
     ZERION: EvmWallet.ZERION;
+    SAFE: EvmWallet.SAFE;
     RABBY: EvmWallet.RABBY;
 };
 export type TExternalWallet = keyof typeof ExternalWallet;

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

@@ -116,6 +116,12 @@ export interface ParaModalProps {
      * NOTE: Any wallets that are detected as installed will be sorted first, followed by those that are not detected or not installed.
      */
     externalWallets?: TExternalWallet[];
+    /**
+     * Which external wallets to include full Para authentication for.
+     *
+     * These wallets should also be included in the externalWallets list in order to be displayed in the modal.
+     */
+    externalWalletsWithParaAuth?: TExternalWallet[];
     /**
      * How the modal should order the components on the main auth screen.
      * Only the first method of each type (auth or external) will be used.

package/dist/modal/utils/steps.d.ts

@@ -5,6 +5,7 @@ export declare enum ModalStep {
     EX_WALLET_MORE = "EX_WALLET_MORE",
     EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
     VERIFICATIONS = "VERIFICATIONS",
+    EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
     AWAITING_OAUTH = "AWAITING_OAUTH",
     FARCASTER_OAUTH = "FARCASTER_OAUTH",
     BIOMETRIC_CREATION = "BIOMETRIC_CREATION",
@@ -55,6 +56,7 @@ declare enum SignUpModalStep {
     EX_WALLET_MORE = "EX_WALLET_MORE",
     EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
     VERIFICATIONS = "VERIFICATIONS",
+    EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
     AWAITING_OAUTH = "AWAITING_OAUTH",
     FARCASTER_OAUTH = "FARCASTER_OAUTH",
     TELEGRAM_OAUTH = "TELEGRAM_OAUTH",

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

@@ -0,0 +1,5 @@
+export declare const EXTERNAL_WALLET_PACKAGE_BY_TYPE: {
+    EVM: string;
+    COSMOS: string;
+    SOLANA: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "1.6.1-dev.0",
+  "version": "1.7.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "1.6.0",
-    "@getpara/react-components": "1.6.0",
-    "@getpara/web-sdk": "1.6.0",
+    "@getpara/react-common": "1.7.1",
+    "@getpara/react-components": "1.7.1",
+    "@getpara/web-sdk": "1.7.1",
     "@tanstack/react-query": "^5.0.0",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
@@ -49,5 +49,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "e6e791d4e4f9afd94f2093d6045d686b85e5a682"
+  "gitHead": "767395af96d4a724946a092de760e9137a73369a"
 }

package/dist/modal/ParaModal.js

@@ -1,337 +0,0 @@
-"use client";
-import {
-  __async,
-  __objRest,
-  __spreadValues
-} from "../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import { CpslAuthModal, defineCustomElements, generateTheme } from "@getpara/react-components";
-import { ModalContent } from "./components/index.js";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { useModalStore, useUserInfoStore, useThemeStore } from "./stores/index.js";
-import { ModalStep, RESET_TO_ACCOUNT_STEPS, RESET_TO_AUTH_STEPS } from "./utils/steps.js";
-import { AuthLayout } from "./types/modalProps.js";
-import { DEFAULTS } from "./constants/defaults.js";
-import { useGoBack } from "./hooks/useGoBack.js";
-import { isPasskeySupported, ParaEvent } from "@getpara/web-sdk";
-import { ExternalWalletsWrapper } from "./components/ExternalWalletsWrapper/ExternalWalletsWrapper.js";
-import styled from "styled-components";
-import { useExternalWallets } from "./providers/ExternalWalletContext.js";
-import { hasEmbeddedAuth, hasExternalWallet } from "./utils/authLayoutHelpers.js";
-import { useModal, useWalletState } from "../provider/index.js";
-import { useStore } from "../provider/stores/useStore.js";
-import { useInternalClient } from "../provider/hooks/utils/useInternalClient.js";
-defineCustomElements();
-const ParaModal = forwardRef((_a, ref) => {
-  var _b = _a, { para, isOpen } = _b, rest = __objRest(_b, ["para", "isOpen"]);
-  const [isInitialized, setIsInitialized] = useState(false);
-  const setClient = useStore((state) => state.setClient);
-  const client = useStore((state) => state.client);
-  const { closeModal, openModal } = useModal();
-  useEffect(() => {
-    if (!client) {
-      setClient(para);
-    }
-    setIsInitialized(true);
-  }, []);
-  useEffect(() => {
-    if (!isOpen) {
-      closeModal();
-    }
-    if (isOpen) {
-      openModal();
-    }
-  }, [isOpen]);
-  if (!isInitialized) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(ParaModalInner, __spreadValues({ ref, para }, rest));
-});
-const ParaModalInner = forwardRef(
-  (_c, ref) => {
-    var _d = _c, {
-      theme,
-      appName,
-      logo,
-      disableEmailLogin = false,
-      disablePhoneLogin = false,
-      oAuthMethods,
-      bareModal = false,
-      className,
-      currentStepOverride,
-      externalWallets,
-      authLayout = [AuthLayout.AUTH_FULL, AuthLayout.EXTERNAL_FULL],
-      embeddedModal,
-      onModalStepChange,
-      hideWallets = false,
-      onClose
-    } = _d, rest = __objRest(_d, [
-      "theme",
-      "appName",
-      "logo",
-      "disableEmailLogin",
-      "disablePhoneLogin",
-      "oAuthMethods",
-      "bareModal",
-      "className",
-      "currentStepOverride",
-      "externalWallets",
-      "authLayout",
-      "embeddedModal",
-      "onModalStepChange",
-      "hideWallets",
-      "onClose"
-    ]);
-    const modalContentRef = useRef(null);
-    const updateThemeState = useThemeStore((state) => state.updateState);
-    const refs = useModalStore((state) => state.refs);
-    const setWebAuthURLForLogin = useModalStore((state) => state.setWebAuthURLForLogin);
-    const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
-    const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
-    const currentStep = useModalStore((state) => state.step);
-    const setOnModalStepChange = useModalStore((state) => state.setOnModalStepChange);
-    const setStep = useModalStore((state) => state.setStep);
-    const setAuthInfo = useUserInfoStore((state) => state.setAuthInfo);
-    const hasPreviousStep = useModalStore((state) => state.hasPreviousStep());
-    const setFlow = useModalStore((state) => state.setFlow);
-    const setIsFullyLoggedIn = useModalStore((state) => state.setIsFullyLoggedIn);
-    const goBack = useGoBack();
-    const setAuthLayout = useThemeStore((state) => state.setAuthLayout);
-    const storedAuthLayout = useThemeStore((state) => state.authLayout);
-    const resetModalState = useModalStore((state) => state.resetState);
-    const resetUserInfoState = useUserInfoStore((state) => state.resetState);
-    const setRecoveryShare = useUserInfoStore((state) => state.setRecoveryShare);
-    const { disconnectExternalWallet } = useExternalWallets();
-    const { isOpen, closeModal } = useModal();
-    const para = useInternalClient();
-    const { selectedWallet, setSelectedWallet } = useWalletState();
-    const setIsPasskeySupported = useModalStore((state) => state.setIsPasskeySupported);
-    const [isModalMounted, setIsModalMounted] = useState(false);
-    const [isInit, setIsInit] = useState(false);
-    const [ready, setIsReady] = useState(false);
-    useImperativeHandle(ref, () => {
-      return {
-        goBack() {
-          goBack();
-        },
-        canGoBack() {
-          return hasPreviousStep;
-        },
-        currentStep() {
-          return currentStep;
-        },
-        handleModalClose() {
-          var _a;
-          (_a = modalContentRef == null ? void 0 : modalContentRef.current) == null ? void 0 : _a.handleModalClose();
-        }
-      };
-    }, [hasPreviousStep, currentStep]);
-    const initModal = () => __async(void 0, null, function* () {
-      const isAccount = yield para.isFullyLoggedIn();
-      setIsPasskeySupported(yield isPasskeySupported());
-      if (currentStepOverride) {
-        setStep(ModalStep[currentStepOverride.toUpperCase()]);
-      } else if (isAccount) {
-        setFlow("account");
-        setStep(ModalStep.ACCOUNT_MAIN);
-        setIsFullyLoggedIn(true);
-      } else {
-        if (currentStep !== ModalStep.AUTH_MAIN && currentStep !== ModalStep.SECRET) {
-          setStep(ModalStep.AUTH_MAIN);
-          setFlow();
-          setWebAuthURLForLogin();
-          setWebAuthURLForCreate();
-          setBiometricLocationHints();
-        }
-        yield disconnectExternalWallet();
-        setSelectedWallet({ id: void 0, type: void 0 });
-        setIsFullyLoggedIn(false);
-      }
-      switch (true) {
-        case para.isEmail:
-          setAuthInfo({ email: para.getEmail() });
-          break;
-        case para.isPhone:
-          {
-            const { phone, countryCode } = para.getPhone();
-            setAuthInfo({ phone, countryCode });
-          }
-          break;
-        case para.isFarcaster:
-          setAuthInfo({ farcasterUsername: para.getFarcasterUsername() });
-          break;
-        case para.isTelegram:
-          setAuthInfo({ telegramUserId: para.telegramUserId });
-          if (!isAccount) {
-            setStep(ModalStep.TELEGRAM_OAUTH);
-          }
-          break;
-      }
-      setIsInit(true);
-    });
-    useEffect(() => {
-      let _authLayout = authLayout;
-      if (!(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout)) {
-        _authLayout = _authLayout.filter((l) => !l.includes("EXTERNAL"));
-      }
-      if (disableEmailLogin && disablePhoneLogin && !(oAuthMethods == null ? void 0 : oAuthMethods.length) && hasEmbeddedAuth(authLayout)) {
-        _authLayout = _authLayout.filter((l) => !l.includes("AUTH"));
-      }
-      if (JSON.stringify(storedAuthLayout) !== JSON.stringify(_authLayout)) {
-        setAuthLayout(_authLayout);
-      }
-    }, [disableEmailLogin, disablePhoneLogin, oAuthMethods, externalWallets, authLayout]);
-    useEffect(() => {
-      setOnModalStepChange(onModalStepChange);
-    }, [onModalStepChange]);
-    useEffect(() => {
-      var _a;
-      updateThemeState({
-        logo,
-        appName,
-        oAuthLogoVariant: (_a = theme == null ? void 0 : theme.oAuthLogoVariant) != null ? _a : "default",
-        bareModal,
-        embeddedModal,
-        hideWallets
-      });
-    }, [logo, appName, theme == null ? void 0 : theme.oAuthLogoVariant, bareModal, embeddedModal, hideWallets]);
-    useEffect(() => {
-      if (theme) {
-        generateTheme(theme);
-        updateThemeState({ isDark: theme.mode === "dark", theme });
-      }
-    }, [theme]);
-    useEffect(() => {
-      if (para) {
-        initModal();
-        if (bareModal) {
-          setIsModalMounted(true);
-        }
-      } else {
-        console.error("A Para instance must be provided.");
-      }
-    }, []);
-    useEffect(() => {
-      if (isOpen && para) {
-        initModal();
-      }
-    }, [isOpen]);
-    const updateActiveWallet = () => {
-      if (!(selectedWallet == null ? void 0 : selectedWallet.id) || !para.findWallet(selectedWallet == null ? void 0 : selectedWallet.id)) {
-        const defaultWallet = para.findWallet(void 0, void 0, { forbidPregen: true });
-        setSelectedWallet({ id: defaultWallet == null ? void 0 : defaultWallet.id, type: defaultWallet == null ? void 0 : defaultWallet.type });
-      }
-    };
-    useEffect(() => {
-      updateActiveWallet();
-    }, [para]);
-    useEffect(() => {
-      const closePopupWindow = () => {
-        var _a;
-        (_a = refs.popupWindow.current) == null ? void 0 : _a.close();
-      };
-      if (typeof window !== "undefined") {
-        window.addEventListener(ParaEvent.WALLETS_CHANGE_EVENT, updateActiveWallet);
-        window.addEventListener(ParaEvent.EXTERNAL_WALLET_CHANGE_EVENT, updateActiveWallet);
-        window.addEventListener("beforeunload", closePopupWindow);
-      }
-      setIsReady(true);
-      return () => {
-        if (typeof window !== "undefined") {
-          window.removeEventListener(ParaEvent.WALLETS_CHANGE_EVENT, updateActiveWallet);
-          window.removeEventListener(ParaEvent.EXTERNAL_WALLET_CHANGE_EVENT, updateActiveWallet);
-          window.removeEventListener("beforeunload", closePopupWindow);
-        }
-      };
-    }, []);
-    const handleClose = () => {
-      closeModal();
-      onClose == null ? void 0 : onClose();
-    };
-    const handleModalEntering = () => {
-      setIsModalMounted(true);
-    };
-    const handleModalExited = () => __async(void 0, null, function* () {
-      if (!bareModal) {
-        setIsModalMounted(false);
-      }
-      if (RESET_TO_AUTH_STEPS.includes(currentStep)) {
-        resetModalState();
-        resetUserInfoState();
-        setRecoveryShare(null);
-      } else if (RESET_TO_ACCOUNT_STEPS.includes(currentStep)) {
-        setStep(ModalStep.LOGIN_DONE);
-      }
-      if (para) {
-        yield initModal();
-        para.exitLoops();
-      }
-      if (!bareModal) {
-        setIsInit(false);
-      }
-    });
-    if (!ready) {
-      return null;
-    }
-    if (!para) {
-      console.error("A Para instance is required.");
-      return null;
-    }
-    if (!(storedAuthLayout == null ? void 0 : storedAuthLayout.length)) {
-      const hasExternalWalletError = !(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout);
-      const hasEmbeddedWalletError = disableEmailLogin && disablePhoneLogin && !(oAuthMethods == null ? void 0 : oAuthMethods.length) && hasEmbeddedAuth(authLayout);
-      if (hasExternalWalletError || hasEmbeddedWalletError) {
-        if (hasExternalWalletError) {
-          console.error("At least one external wallet must be provided if external wallet auth is enabled.");
-        }
-        if (hasEmbeddedWalletError) {
-          console.error(
-            "At least one login method (email, phone or OAuth) must be provided if embedded wallet auth is enabled."
-          );
-        }
-      } else {
-        console.error("At least one auth layout selection is required.");
-      }
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ExternalWalletsWrapper, { wallets: externalWallets, children: /* @__PURE__ */ jsx(
-      StyledAuthModal,
-      {
-        enterTransitionDuration: DEFAULTS.ANIMATION_DURATION,
-        exitTransitionDuration: DEFAULTS.ANIMATION_DURATION,
-        open: isOpen,
-        onCpslModalExited: handleModalExited,
-        onCpslModalEntering: handleModalEntering,
-        onCpslModalRequestClose: handleClose,
-        noOverlay: bareModal,
-        className,
-        "data-testid": "modal",
-        $embeddedModal: embeddedModal,
-        children: isModalMounted && (isInit && embeddedModal || !embeddedModal) && /* @__PURE__ */ jsx(
-          ModalContent,
-          __spreadValues({
-            oAuthMethods,
-            disableEmailLogin,
-            disablePhoneLogin,
-            onClose: handleClose
-          }, rest)
-        )
-      }
-    ) });
-  }
-);
-const StyledAuthModal = styled(CpslAuthModal)`
-  ${({ $embeddedModal }) => $embeddedModal && `
-    &::part(modal-body-card) {
-    --card-box-shadow: none;
-    --card-border-width: 0px;
-  };
-
-  &::part(modal-footer) {
-    --card-box-shadow: none;
-    --card-border-width: 0px;
-  };`}
-`;
-export {
-  ParaModal
-};