@getpara/react-sdk 1.6.0 → 1.7.0

package/dist/index.js

@@ -30,6 +30,7 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["EX_WALLET_MORE"] = "EX_WALLET_MORE";
   ModalStep2["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
   ModalStep2["VERIFICATIONS"] = "VERIFICATIONS";
+  ModalStep2["EXTERNAL_WALLET_VERIFICATION"] = "EXTERNAL_WALLET_VERIFICATION";
   ModalStep2["AWAITING_OAUTH"] = "AWAITING_OAUTH";
   ModalStep2["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
   ModalStep2["BIOMETRIC_CREATION"] = "BIOMETRIC_CREATION";
@@ -61,6 +62,7 @@ var RESET_TO_AUTH_STEPS = [
   "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 */,
@@ -104,6 +106,7 @@ var SignUpPreviousStep = {
   ["EX_WALLET_MORE" /* EX_WALLET_MORE */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["VERIFICATIONS" /* VERIFICATIONS */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["AWAITING_OAUTH" /* AWAITING_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["TELEGRAM_OAUTH" /* TELEGRAM_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["FARCASTER_OAUTH" /* FARCASTER_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,
@@ -379,7 +382,7 @@ var DEFAULT_THEME = {
 var useThemeStore = create3((set, get) => __spreadValues(__spreadValues({}, DEFAULT_THEME), getActions3(set, get)));
 
 // src/modal/components/Body/Body.tsx
-import { styled as styled27 } from "styled-components";
+import { styled as styled28 } from "styled-components";
 import { CpslAlert, CpslIcon as CpslIcon16 } from "@getpara/react-components";
 
 // src/modal/components/VerificationCodeStep/VerificationCodeStep.tsx
@@ -455,6 +458,17 @@ var HeroIcon = styled(CpslIcon)`
   --width: 80px;
   --icon-color: var(--cpsl-color-text-primary);
 `;
+var ErrorContainer = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+`;
+var ErrorIcon = styled(CpslIcon)`
+  --height: 16px;
+  --width: 16px;
+  --icon-color: var(--cpsl-color-text-error);
+`;
 
 // src/modal/components/VerificationCodeStep/VerificationCodeStep.tsx
 import { AuthMethod } from "@getpara/core-sdk";
@@ -653,175 +667,611 @@ var ClickableText = styled2(InlineText)`
   display: inline-block;
 `;
 
-// src/modal/components/BiometricLoginStep/BiometricLoginStep.tsx
-import { CpslButton, CpslDivider, CpslIcon as CpslIcon2 } from "@getpara/react-components";
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+// src/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.tsx
+import { CpslButton, CpslSpinner as CpslSpinner2, CpslText as CpslText3 } from "@getpara/react-components";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { styled as styled3 } from "styled-components";
+import { AuthMethod as AuthMethod4 } from "@getpara/core-sdk";
 
-// src/modal/utils/openPopup.ts
-function openPopup({
-  url,
-  target,
-  type,
-  current
-}) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  current == null ? void 0 : current.close();
-  const popUpWidth = 560;
-  let popUpHeight;
-  switch (type) {
-    case "LOGIN_PASSWORD": {
-      popUpHeight = 460;
-      break;
-    }
-    case "LOGIN_PASSKEY": {
-      popUpHeight = 798;
-      break;
-    }
-    case "CREATE_PASSWORD": {
-      popUpHeight = 400;
-      break;
-    }
-    case "CREATE_PASSKEY": {
-      popUpHeight = 464;
-      break;
-    }
-    case "TRANSACTION_REVIEW": {
-      popUpHeight = 480;
-      break;
-    }
-    case "OAUTH":
-    default: {
-      popUpHeight = 768;
-      break;
-    }
-  }
-  const dualScreenLeft = window.screenLeft !== void 0 ? window.screenLeft : window.screenX;
-  const dualScreenTop = window.screenTop !== void 0 ? window.screenTop : window.screenY;
-  const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
-  const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
-  const left = (width - popUpWidth) / 2 + dualScreenLeft;
-  const top = (height - popUpHeight) / 2 + dualScreenTop;
-  const windowFeatures = `toolbar=no, menubar=no, width=${popUpWidth}, 
-    height=${popUpHeight}, top=${top}, left=${left}`;
-  let popupWindow = window.open(url, target, windowFeatures);
-  if (!popupWindow) {
-    setTimeout(() => {
-      popupWindow = window.open(url, "_blank");
-    }, 0);
-  }
-  return popupWindow;
-}
+// src/modal/providers/ExternalWalletContext.tsx
+import { createContext, useCallback, useContext, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { AuthMethod as AuthMethod3, WalletType, isIOS, isIOSWebview, isMobile, truncateAddress } from "@getpara/web-sdk";
+import { getExternalWalletDisplayName } from "@getpara/react-common";
 
-// src/modal/components/BiometricLoginStep/BiometricLoginStep.tsx
-import styled3 from "styled-components";
+// src/modal/hooks/useSetLoginURLs.ts
 import { AuthMethod as AuthMethod2, getPublicKeyHex } from "@getpara/web-sdk";
-import { formatBiometricHints, KnownDevices, UserIdentifier } from "@getpara/react-common";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var BiometricLoginStep = () => {
-  const refs = useModalStore((state) => state.refs);
-  const supportedAuthMethods = useModalStore((state) => state.supportedAuthMethods);
-  const passwordUrlForLogin = useModalStore((state) => state.passwordUrlForLogin);
-  const webAuthURLForLogin = useModalStore((state) => state.webAuthURLForLogin);
-  const setStep = useModalStore((state) => state.setStep);
-  const biometricLocationHints = useModalStore((state) => state.biometricLocationHints);
+var useSetLoginURLs = () => {
   const para = useInternalClient();
-  const authInfo = useUserInfoStore((state) => state.getAuthInfo());
   const setWebAuthURLForLogin = useModalStore((state) => state.setWebAuthURLForLogin);
-  const setPasswordUrlForLogin = useModalStore((state) => state.setPasswordUrlForLogin);
-  const passkeysSupported = useModalStore((state) => state.isPasskeySupported);
-  const formattedHints = useMemo(() => formatBiometricHints(biometricLocationHints), [biometricLocationHints]);
+  const setPasswordURLForLogin = useModalStore((state) => state.setPasswordUrlForLogin);
+  const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
+  return (_0) => __async(void 0, [_0], function* ({
+    supportedAuthMethods,
+    authType,
+    displayName,
+    pfpUrl
+  }) {
+    setSupportedAuthMethods(supportedAuthMethods);
+    const res = yield para.touchSession();
+    const webAuthUrlForLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has(AuthMethod2.PASSKEY)) ? yield para.getWebAuthURLForLogin({
+      sessionId: res.data.sessionId,
+      loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
+      partnerId: res.data.partnerId,
+      newDeviceSessionId: res.data.sessionLookupId,
+      newDeviceEncryptionKey: getPublicKeyHex(para.loginEncryptionKeyPair),
+      authType,
+      displayName,
+      pfpUrl
+    }) : void 0;
+    const passwordAuthUrlForLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has(AuthMethod2.PASSWORD)) ? yield para.getPasswordURLForLogin({
+      sessionId: res.data.sessionId,
+      loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
+      partnerId: res.data.partnerId,
+      authType,
+      displayName,
+      pfpUrl
+    }) : void 0;
+    setWebAuthURLForLogin(webAuthUrlForLogin);
+    setPasswordURLForLogin(passwordAuthUrlForLogin);
+  });
+};
+
+// src/modal/providers/ExternalWalletContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var defaultExternalWallet = {
+  wallets: [],
+  chains: [],
+  chainId: void 0,
+  wallet: void 0,
+  qrUri: void 0,
+  chainIdSwitchingTo: void 0,
+  walletDisplayHelpers: {
+    showExtension: false,
+    showMobile: false,
+    isSolanaMobileIOS: false,
+    isCosmosMobileWallet: false
+  },
+  username: void 0,
+  avatar: void 0,
+  connectExternalWallet: () => {
+  },
+  disconnectExternalWallet: () => Promise.resolve(),
+  switchChain: () => Promise.resolve(),
+  setChainIdSwitchingTo: () => {
+  },
+  verifyWalletSignature: () => Promise.resolve({})
+};
+var ExternalWalletContext = createContext(defaultExternalWallet);
+function ExternalWalletProvider({
+  children,
+  evmContext,
+  solanaContext,
+  cosmosContext,
+  walletSort,
+  externalWalletsWithFullAuth
+}) {
+  const {
+    wallets: evmWallets,
+    disconnect: evmDisconnect,
+    chains: evmChains,
+    chainId: evmChainId,
+    switchChain: evmSwitchChain,
+    username: evmUsername,
+    avatar: evmAvatar,
+    signVerificationMessage: evmSignVerificationMessage
+  } = useContext(evmContext);
+  const {
+    wallets: solanaWallets,
+    disconnect: solanaDisconnect,
+    signVerificationMessage: solanaSignVerificationMessage
+  } = useContext(solanaContext);
+  const {
+    wallets: cosmosWallets,
+    disconnect: cosmosDisconnect,
+    chains: cosmosChains,
+    chainId: cosmosChainId,
+    switchChain: cosmosSwitchChain,
+    signVerificationMessage: cosmosSignVerificationMessage
+  } = useContext(cosmosContext);
+  const setStep = useModalStore((state) => state.setStep);
+  const setFlow = useModalStore((state) => state.setFlow);
   const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
-  const [webAuthURLForKnownDeviceLogin, setWebAuthURLForKnownDeviceLogin] = useState2();
+  const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
+  const setStepDirection = useModalStore((state) => state.setStepDirection);
+  const setIsExternalWalletConnecting = useModalStore((state) => state.setIsExternalWalletConnecting);
+  const isExternalWalletConnecting = useModalStore((state) => state.isExternalWalletConnecting);
+  const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
+  const selectedExternalWalletId = useModalStore((state) => state.selectedExternalWalletId);
+  const setExternalWalletError = useModalStore((state) => state.setExternalWalletError);
+  const setIsUsingMobileConnector = useModalStore((state) => state.setIsUsingMobileConnector);
+  const isUsingMobileConnector = useModalStore((state) => state.isUsingMobileConnector);
+  const para = useInternalClient();
+  const setAuthInfo = useUserInfoStore((state) => state.setAuthInfo);
+  const setLoginURLs = useSetLoginURLs();
+  const [qrUri, setQrUri] = useState2();
+  const [chainIdSwitchingTo, setChainIdSwitchingTo] = useState2();
+  const wallets = [...evmWallets, ...solanaWallets, ...cosmosWallets].filter((w) => walletSort.includes(w.id.toUpperCase())).sort(
+    (a, b) => walletSort.indexOf(a.id.toUpperCase()) - walletSort.indexOf(b.id.toUpperCase())
+  ).sort((a, b) => a.installed === b.installed ? 0 : a.installed ? -1 : 1);
+  const wallet = useMemo(() => wallets.find((w) => w.id === selectedExternalWalletId), [wallets, selectedExternalWalletId]);
+  const updateQrUri = () => __async(this, null, function* () {
+    var _a;
+    const uri = yield (_a = wallet == null ? void 0 : wallet.getQrUri) == null ? void 0 : _a.call(wallet);
+    setQrUri(uri);
+  });
   useEffect2(() => {
-    function setLinks() {
-      return __async(this, null, function* () {
-        if (!(supportedAuthMethods == null ? void 0 : supportedAuthMethods.size) && para.getUserId()) {
-          const fetchedSupportedAuthMethods = yield para.supportedAuthMethods({ userId: para.getUserId() });
-          if (fetchedSupportedAuthMethods == null ? void 0 : fetchedSupportedAuthMethods.size) {
-            setSupportedAuthMethods(fetchedSupportedAuthMethods);
+    if (wallet) {
+      if (!qrUri) {
+        updateQrUri();
+      }
+    } else if (qrUri) {
+      setQrUri(void 0);
+    }
+  }, [wallet]);
+  const chains = useMemo(() => {
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
+    switch (walletType) {
+      case WalletType.COSMOS: {
+        return cosmosChains;
+      }
+      case WalletType.EVM: {
+        return evmChains;
+      }
+      default: {
+        return [];
+      }
+    }
+  }, [cosmosChains, evmChains, selectedExternalWalletId]);
+  const chainId = useMemo(() => {
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
+    switch (walletType) {
+      case WalletType.COSMOS: {
+        return cosmosChainId;
+      }
+      case WalletType.EVM: {
+        return evmChainId == null ? void 0 : evmChainId.toString();
+      }
+      default: {
+        return void 0;
+      }
+    }
+  }, [cosmosChains, evmChains, selectedExternalWalletId]);
+  const switchChain = useCallback(
+    (chainId2) => __async(this, null, function* () {
+      var _a;
+      const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
+      if (walletType) {
+        let resp;
+        setExternalWalletError();
+        setChainIdSwitchingTo(chainId2);
+        switch (walletType) {
+          case WalletType.COSMOS: {
+            setStep("CHAIN_SWITCH" /* CHAIN_SWITCH */);
+            resp = yield cosmosSwitchChain(chainId2);
+            break;
+          }
+          case WalletType.EVM: {
+            setStep("CHAIN_SWITCH" /* CHAIN_SWITCH */);
+            resp = yield evmSwitchChain(parseInt(chainId2));
+            break;
+          }
+          default: {
+            break;
           }
-          return;
         }
-        if (!para.isEmail && !para.isPhone && !para.isFarcaster && !para.isTelegram) {
-          return;
+        if (resp.error) {
+          setExternalWalletError(resp.error);
+        } else {
+          setChainIdSwitchingTo(void 0);
+          setStepDirection(-1);
+          setStep("ACCOUNT_MAIN" /* ACCOUNT_MAIN */);
         }
-        if (!para.loginEncryptionKeyPair) {
-          return;
+      }
+    }),
+    [evmSwitchChain, cosmosSwitchChain]
+  );
+  const verifyWalletSignature = useCallback(() => __async(this, null, function* () {
+    var _a;
+    setExternalWalletError();
+    const walletType = (_a = Object.values(para.externalWallets)[0]) == null ? void 0 : _a.type;
+    if (walletType) {
+      const resp = {
+        address: "",
+        signature: "",
+        cosmosPublicKeyHex: "",
+        cosmosSigner: ""
+      };
+      switch (walletType) {
+        case WalletType.COSMOS: {
+          const { signature, error, cosmosPublicKeyHex, cosmosSigner, address } = yield cosmosSignVerificationMessage();
+          if (error) {
+            setExternalWalletError([error]);
+          } else if (signature) {
+            resp.address = address;
+            resp.signature = signature;
+            resp.cosmosPublicKeyHex = cosmosPublicKeyHex;
+            resp.cosmosSigner = cosmosSigner;
+          }
+          return resp;
         }
-        const authType = para.isEmail ? "email" : para.isPhone ? "phone" : para.isFarcaster ? "farcaster" : "telegram";
-        const res = yield para.touchSession();
-        const webAuthUrlForLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod2.PASSKEY) ? yield para.getWebAuthURLForLogin({
-          sessionId: res.data.sessionId,
-          loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
-          partnerId: res.data.partnerId,
-          authType,
-          displayName: authInfo.displayName,
-          pfpUrl: authInfo.pfpUrl
-        }) : void 0;
-        const _webAuthURLForKnownDeviceLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod2.PASSKEY) ? yield para.getWebAuthURLForLogin({
-          sessionId: res.data.sessionId,
-          loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
-          partnerId: res.data.partnerId,
-          newDeviceSessionId: res.data.sessionLookupId,
-          newDeviceEncryptionKey: getPublicKeyHex(para.loginEncryptionKeyPair),
-          authType,
-          displayName: authInfo.displayName,
-          pfpUrl: authInfo.pfpUrl
-        }) : void 0;
-        const passwordAuthUrlForLogin = (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod2.PASSWORD) ? yield para.getPasswordURLForLogin({
-          sessionId: res.data.sessionId,
-          loginEncryptionPublicKey: getPublicKeyHex(para.loginEncryptionKeyPair),
-          partnerId: res.data.partnerId,
-          authType,
-          displayName: authInfo.displayName,
-          pfpUrl: authInfo.pfpUrl
-        }) : void 0;
-        const shortWebAuthLoginLink = webAuthUrlForLogin ? yield para.shortenLoginLink(webAuthUrlForLogin) : void 0;
-        const shortWebAuthForKnownDeviceLoginLink = _webAuthURLForKnownDeviceLogin ? yield para.shortenLoginLink(_webAuthURLForKnownDeviceLogin) : void 0;
-        setWebAuthURLForKnownDeviceLogin(shortWebAuthForKnownDeviceLoginLink);
-        setWebAuthURLForLogin(shortWebAuthLoginLink);
-        setPasswordUrlForLogin(passwordAuthUrlForLogin);
-      });
+        case WalletType.EVM: {
+          const { signature, error, address } = yield evmSignVerificationMessage();
+          if (error) {
+            setExternalWalletError([error]);
+          } else if (signature && address) {
+            resp.address = address;
+            resp.signature = signature;
+          }
+          return resp;
+        }
+        case WalletType.SOLANA: {
+          const { signature, error, address } = yield solanaSignVerificationMessage();
+          if (error) {
+            setExternalWalletError([error]);
+          } else if (signature && address) {
+            resp.address = address;
+            resp.signature = signature;
+          }
+          return resp;
+        }
+        default: {
+          break;
+        }
+      }
     }
-    setLinks();
-  }, [supportedAuthMethods, para]);
-  const handlePasskeyClick = () => {
-    refs.popupWindow.current = openPopup({
-      url: webAuthURLForLogin,
-      target: "ParaPasskey",
-      type: "LOGIN_PASSKEY",
-      current: refs.popupWindow.current
-    });
-    setStep("AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */);
-  };
-  const handlePasswordClick = () => {
-    refs.popupWindow.current = openPopup({
-      url: passwordUrlForLogin,
-      target: "ParaPassword",
-      type: "LOGIN_PASSWORD",
-      current: refs.popupWindow.current
+  }), [evmSwitchChain, cosmosSwitchChain]);
+  const completeFullAuth = (address, type, userExists, isVerified, bufferAddress) => __async(this, null, function* () {
+    setAuthInfo({
+      displayName: getExternalWalletDisplayName({
+        address,
+        type
+      }),
+      externalWalletAddress: bufferAddress != null ? bufferAddress : address
     });
-    setStep("AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */);
-  };
-  function shouldShowWelcomeBack() {
-    return !(biometricLocationHints == null ? void 0 : biometricLocationHints.length) || passkeysSupported && formattedHints.isOnKnownDevice || (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod2.PASSWORD);
-  }
-  return /* @__PURE__ */ jsxs2(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsxs2(InnerStepContainer, { children: [
-      shouldShowWelcomeBack() && /* @__PURE__ */ jsx2(Heading, { variant: "headingS", weight: "bold", children: "Welcome back," }),
-      /* @__PURE__ */ jsx2(UserIdentifier, __spreadValues({}, authInfo))
-    ] }),
-    /* @__PURE__ */ jsxs2(MainContainer, { children: [
-      (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod2.PASSWORD) && passwordUrlForLogin && /* @__PURE__ */ jsx2(PasswordOnly, { handlePasswordClick }),
-      (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod2.PASSKEY) && webAuthURLForLogin && webAuthURLForKnownDeviceLogin && /* @__PURE__ */ jsx2(
-        BiometricOnly,
-        {
-          handlePasskeyClick,
-          formattedHints,
-          shortLoginLink: webAuthURLForKnownDeviceLogin,
-          passkeysSupported,
+    if (userExists && isVerified) {
+      const supportedAuthMethods = yield para.supportedAuthMethods({
+        externalWalletAddress: bufferAddress != null ? bufferAddress : address
+      });
+      if (!supportedAuthMethods.size) {
+        setFlow("signUp");
+        setStep("EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */);
+        return;
+      }
+      yield para.initiateUserLoginV2({
+        externalWalletAddress: bufferAddress != null ? bufferAddress : address
+      });
+      const biometricLocationHints = supportedAuthMethods.has(AuthMethod3.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+      yield setLoginURLs({ supportedAuthMethods, authType: "externalWallet" });
+      setFlow("login");
+      setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
+      setSupportedAuthMethods(supportedAuthMethods);
+      setBiometricLocationHints(biometricLocationHints);
+    } else {
+      setFlow("signUp");
+      setStep("EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */);
+    }
+  });
+  const connectExternalWallet = useCallback(
+    (wallet2, isMobileConnect, isManualWalletConnect, isResetAfterManualWalletConnect) => __async(this, null, function* () {
+      if (isExternalWalletConnecting && isManualWalletConnect) {
+        yield evmDisconnect();
+        yield solanaDisconnect();
+        yield cosmosDisconnect();
+        setQrUri(void 0);
+        setIsExternalWalletConnecting(false);
+      }
+      if (isResetAfterManualWalletConnect || isManualWalletConnect || !isExternalWalletConnecting) {
+        setExternalWalletError();
+        setIsExternalWalletConnecting(true);
+        setIsUsingMobileConnector(isMobileConnect);
+        const { address, bufferAddress, error, userExists, isVerified } = yield isMobileConnect ? wallet2.connectMobile({ isManualWalletConnect }) : wallet2.connect();
+        if (error) {
+          setExternalWalletError([error]);
+          setIsUsingMobileConnector();
+          if (isManualWalletConnect && error === "Connection request rejected") {
+            setExternalWalletError();
+            yield connectExternalWallet(wallet2, false, false, true);
+            yield updateQrUri();
+            return;
+          }
+        } else if (address) {
+          if (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.id.toUpperCase())) {
+            yield completeFullAuth(address, wallet2.type, userExists, isVerified, bufferAddress);
+          } else {
+            setStep("LOGIN_DONE" /* LOGIN_DONE */);
+          }
+        }
+        setIsExternalWalletConnecting(false);
+      }
+    }),
+    [isExternalWalletConnecting, externalWalletsWithFullAuth]
+  );
+  const disconnectExternalWallet = () => __async(this, null, function* () {
+    yield para.logout();
+    yield evmDisconnect();
+    yield cosmosDisconnect();
+    setSelectedExternalWalletId();
+    yield solanaDisconnect();
+  });
+  const walletDisplayHelpers = {
+    // Show the extension screen if on web and the wallet is an extension and installed or the wallet isn't a mobile wallet
+    // Also show the extension connection if on desktop for a solana wallet (no walletConnect)
+    showExtension: !isMobile() && ((wallet == null ? void 0 : wallet.isExtension) && (wallet == null ? void 0 : wallet.installed) || !(wallet == null ? void 0 : wallet.isMobile) || (wallet == null ? void 0 : wallet.type) === WalletType.SOLANA),
+    // Show the mobile screen if on mobile and the wallet is a mobile wallet or if on desktop and the wallet isn't installed
+    showMobile: isMobile() && (wallet == null ? void 0 : wallet.isMobile) || !isMobile() && !(wallet == null ? void 0 : wallet.installed),
+    isSolanaMobileIOS: isIOS() && isMobile() && !isIOSWebview() && (wallet == null ? void 0 : wallet.type) === WalletType.SOLANA,
+    isCosmosMobileWallet: (wallet == null ? void 0 : wallet.type) === WalletType.COSMOS && isUsingMobileConnector
+  };
+  const username = useMemo(() => {
+    let username2;
+    const storedExternalWallet = Object.values(para.externalWallets || {})[0];
+    if (storedExternalWallet) {
+      const walletType = storedExternalWallet == null ? void 0 : storedExternalWallet.type;
+      switch (walletType) {
+        case WalletType.EVM: {
+          username2 = evmUsername ? evmUsername.startsWith("0x") ? truncateAddress(evmUsername, "EVM") : evmUsername : void 0;
+          break;
+        }
+        default: {
+          username2 = storedExternalWallet.address ? truncateAddress(storedExternalWallet.address, storedExternalWallet.type) : void 0;
+          break;
+        }
+      }
+    }
+    return username2;
+  }, [evmUsername, wallet]);
+  const avatar = useMemo(() => {
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
+    if (walletType) {
+      switch (walletType) {
+        case WalletType.EVM: {
+          return evmAvatar;
+        }
+        default: {
+          return void 0;
+        }
+      }
+    }
+  }, [evmAvatar, wallet]);
+  return /* @__PURE__ */ jsx2(
+    ExternalWalletContext.Provider,
+    {
+      value: useMemo(
+        () => ({
+          wallets,
+          chains,
+          chainId,
+          wallet,
+          qrUri,
+          walletDisplayHelpers,
+          chainIdSwitchingTo,
+          username,
+          avatar,
+          connectExternalWallet,
+          disconnectExternalWallet,
+          switchChain,
+          setChainIdSwitchingTo,
+          verifyWalletSignature
+        }),
+        [
+          wallets,
+          chains,
+          chainId,
+          wallet,
+          qrUri,
+          walletDisplayHelpers,
+          chainIdSwitchingTo,
+          username,
+          avatar,
+          disconnectExternalWallet,
+          connectExternalWallet,
+          switchChain,
+          setChainIdSwitchingTo,
+          verifyWalletSignature
+        ]
+      ),
+      children
+    }
+  );
+}
+var useExternalWallets = () => useContext(ExternalWalletContext);
+
+// src/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var ExternalWalletVerificationStep = () => {
+  const theme = useThemeStore((state) => state.theme);
+  const authInfo = useUserInfoStore((state) => state.getAuthInfo());
+  const setStep = useModalStore((state) => state.setStep);
+  const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
+  const isIFrameReady = useModalStore((state) => state.isIFrameReady);
+  const setIsIFrameReady = useModalStore((state) => state.setIsIFrameReady);
+  const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
+  const externalWalletError = useModalStore((state) => state.externalWalletError);
+  const setExternalWalletError = useModalStore((state) => state.setExternalWalletError);
+  const para = useInternalClient();
+  const { verifyWalletSignature } = useExternalWallets();
+  const [shouldRouteToStep, setShouldRouteToStep] = useState3();
+  const [isVerifying, setIsVerifying] = useState3(false);
+  useEffect3(() => {
+    handleVerifyWallet();
+  }, []);
+  useEffect3(() => {
+    if (!!shouldRouteToStep && isIFrameReady) {
+      setTimeout(() => {
+        setStep(shouldRouteToStep);
+        setIsVerifying(false);
+      }, 200);
+    }
+  }, [shouldRouteToStep, isIFrameReady]);
+  const handleVerifyWallet = () => __async(void 0, null, function* () {
+    setIsVerifying(true);
+    try {
+      setIsIFrameReady(false);
+      const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
+      const walletSignature = yield verifyWalletSignature();
+      if (!walletSignature.signature || !walletSignature.address) {
+        console.error("No signature or address found on the verifyWalletSignature response.");
+        setIsVerifying(false);
+        return;
+      }
+      const url = yield para.verifyExternalWallet({
+        address: walletSignature.address,
+        signedMessage: walletSignature.signature,
+        cosmosPublicKeyHex: walletSignature.cosmosPublicKeyHex,
+        cosmosSigner: walletSignature.cosmosSigner
+      });
+      if (supportedCreateAuthMethods.has(AuthMethod4.PASSWORD) && supportedCreateAuthMethods.has(AuthMethod4.PASSKEY)) {
+        const passwordAuthUrl = yield para.getSetupPasswordURL({ authType: authInfo == null ? void 0 : authInfo.authType, theme });
+        setWebAuthURLForCreate(yield para.shortenLoginLink(url));
+        setIFrameUrl(yield para.shortenLoginLink(passwordAuthUrl));
+        setShouldRouteToStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
+        return;
+      } else if (supportedCreateAuthMethods.has(AuthMethod4.PASSWORD)) {
+        const url2 = yield para.getSetupPasswordURL({ authType: authInfo == null ? void 0 : authInfo.authType, theme });
+        setIFrameUrl(yield para.shortenLoginLink(url2));
+        setShouldRouteToStep("PASSWORD_CREATION" /* PASSWORD_CREATION */);
+        return;
+      } else {
+        setWebAuthURLForCreate(yield para.shortenLoginLink(url));
+        setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
+      }
+    } catch (e) {
+      console.error("Error verifying signature:", e);
+      setExternalWalletError(["Signature verification failed."]);
+      setIsVerifying(false);
+    }
+  });
+  return /* @__PURE__ */ jsxs2(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsxs2(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx3(Heading, { variant: "headingS", weight: "bold", children: "Verify Your Wallet" }),
+      /* @__PURE__ */ jsx3(InlineText2, { variant: "bodyS", color: "secondary", children: "Sign the message with your wallet to complete sign up." }),
+      !!(externalWalletError == null ? void 0 : externalWalletError[0]) && /* @__PURE__ */ jsxs2(ErrorContainer, { children: [
+        /* @__PURE__ */ jsx3(ErrorIcon, { icon: "alertCircle" }),
+        /* @__PURE__ */ jsx3(CpslText3, { weight: "semiBold", color: "error", children: externalWalletError == null ? void 0 : externalWalletError[0] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(InnerStepContainer, { children: isVerifying ? /* @__PURE__ */ jsx3(CpslSpinner2, {}) : /* @__PURE__ */ jsx3(CpslButton, { onClick: handleVerifyWallet, children: "Retry" }) })
+  ] });
+};
+var InlineText2 = styled3(CpslText3)`
+  text-align: center;
+  display: inline-block;
+`;
+
+// src/modal/components/BiometricLoginStep/BiometricLoginStep.tsx
+import { CpslButton as CpslButton2, CpslDivider, CpslIcon as CpslIcon2 } from "@getpara/react-components";
+import { useMemo as useMemo2 } from "react";
+
+// src/modal/utils/openPopup.ts
+function openPopup({
+  url,
+  target,
+  type,
+  current
+}) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  current == null ? void 0 : current.close();
+  const popUpWidth = 560;
+  let popUpHeight;
+  switch (type) {
+    case "LOGIN_PASSWORD": {
+      popUpHeight = 460;
+      break;
+    }
+    case "LOGIN_PASSKEY": {
+      popUpHeight = 798;
+      break;
+    }
+    case "CREATE_PASSWORD": {
+      popUpHeight = 400;
+      break;
+    }
+    case "CREATE_PASSKEY": {
+      popUpHeight = 464;
+      break;
+    }
+    case "TRANSACTION_REVIEW": {
+      popUpHeight = 480;
+      break;
+    }
+    case "OAUTH":
+    default: {
+      popUpHeight = 768;
+      break;
+    }
+  }
+  const dualScreenLeft = window.screenLeft !== void 0 ? window.screenLeft : window.screenX;
+  const dualScreenTop = window.screenTop !== void 0 ? window.screenTop : window.screenY;
+  const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
+  const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
+  const left = (width - popUpWidth) / 2 + dualScreenLeft;
+  const top = (height - popUpHeight) / 2 + dualScreenTop;
+  const windowFeatures = `toolbar=no, menubar=no, width=${popUpWidth}, 
+    height=${popUpHeight}, top=${top}, left=${left}`;
+  let popupWindow = window.open(url, target, windowFeatures);
+  if (!popupWindow) {
+    setTimeout(() => {
+      popupWindow = window.open(url, "_blank");
+    }, 0);
+  }
+  return popupWindow;
+}
+
+// src/modal/components/BiometricLoginStep/BiometricLoginStep.tsx
+import styled4 from "styled-components";
+import { AuthMethod as AuthMethod5 } from "@getpara/web-sdk";
+import { formatBiometricHints, KnownDevices, UserIdentifier } from "@getpara/react-common";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var BiometricLoginStep = () => {
+  const refs = useModalStore((state) => state.refs);
+  const supportedAuthMethods = useModalStore((state) => state.supportedAuthMethods);
+  const passwordUrlForLogin = useModalStore((state) => state.passwordUrlForLogin);
+  const webAuthURLForLogin = useModalStore((state) => state.webAuthURLForLogin);
+  const setStep = useModalStore((state) => state.setStep);
+  const biometricLocationHints = useModalStore((state) => state.biometricLocationHints);
+  const authInfo = useUserInfoStore((state) => state.getAuthInfo());
+  const passkeysSupported = useModalStore((state) => state.isPasskeySupported);
+  const formattedHints = useMemo2(() => formatBiometricHints(biometricLocationHints), [biometricLocationHints]);
+  const handlePasskeyClick = () => {
+    refs.popupWindow.current = openPopup({
+      url: webAuthURLForLogin,
+      target: "ParaPasskey",
+      type: "LOGIN_PASSKEY",
+      current: refs.popupWindow.current
+    });
+    setStep("AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */);
+  };
+  const handlePasswordClick = () => {
+    refs.popupWindow.current = openPopup({
+      url: passwordUrlForLogin,
+      target: "ParaPassword",
+      type: "LOGIN_PASSWORD",
+      current: refs.popupWindow.current
+    });
+    setStep("AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */);
+  };
+  function shouldShowWelcomeBack() {
+    return !(biometricLocationHints == null ? void 0 : biometricLocationHints.length) || passkeysSupported && formattedHints.isOnKnownDevice || (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod5.PASSWORD);
+  }
+  return /* @__PURE__ */ jsxs3(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsxs3(InnerStepContainer, { children: [
+      shouldShowWelcomeBack() && /* @__PURE__ */ jsx4(Heading, { variant: "headingS", weight: "bold", children: "Welcome back," }),
+      /* @__PURE__ */ jsx4(UserIdentifier, __spreadValues({}, authInfo))
+    ] }),
+    /* @__PURE__ */ jsxs3(MainContainer, { children: [
+      (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod5.PASSWORD) && passwordUrlForLogin && /* @__PURE__ */ jsx4(PasswordOnly, { handlePasswordClick }),
+      (supportedAuthMethods == null ? void 0 : supportedAuthMethods.has) && supportedAuthMethods.has(AuthMethod5.PASSKEY) && webAuthURLForLogin && /* @__PURE__ */ jsx4(
+        BiometricOnly,
+        {
+          handlePasskeyClick,
+          formattedHints,
+          shortLoginLink: webAuthURLForLogin,
+          passkeysSupported,
           biometricLocationHints
         }
       )
@@ -829,7 +1279,7 @@ var BiometricLoginStep = () => {
   ] });
 };
 var PasswordOnly = ({ handlePasswordClick }) => {
-  return /* @__PURE__ */ jsx2(CpslButton, { fullWidth: true, onClick: handlePasswordClick, children: "Login" });
+  return /* @__PURE__ */ jsx4(CpslButton2, { fullWidth: true, onClick: handlePasswordClick, children: "Login" });
 };
 var BiometricOnly = ({
   handlePasskeyClick,
@@ -839,35 +1289,35 @@ var BiometricOnly = ({
   biometricLocationHints = []
 }) => {
   const [hasHints, isOnKnownDevice] = [biometricLocationHints.length > 0, formattedHints.isOnKnownDevice];
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    (hasHints && !isOnKnownDevice || !passkeysSupported) && /* @__PURE__ */ jsx2(KnownDevices, { hints: formattedHints, link: shortLoginLink }),
-    passkeysSupported && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      hasHints && !isOnKnownDevice && /* @__PURE__ */ jsx2(CpslDivider, { children: "or" }),
-      /* @__PURE__ */ jsx2(CpslButton, { fullWidth: true, onClick: handlePasskeyClick, children: !hasHints || isOnKnownDevice ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx2(CpslIcon2, { slot: "start", icon: "key" }),
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    (hasHints && !isOnKnownDevice || !passkeysSupported) && /* @__PURE__ */ jsx4(KnownDevices, { hints: formattedHints, link: shortLoginLink }),
+    passkeysSupported && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      hasHints && !isOnKnownDevice && /* @__PURE__ */ jsx4(CpslDivider, { children: "or" }),
+      /* @__PURE__ */ jsx4(CpslButton2, { fullWidth: true, onClick: handlePasskeyClick, children: !hasHints || isOnKnownDevice ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        /* @__PURE__ */ jsx4(CpslIcon2, { slot: "start", icon: "key" }),
         "Login with passkey"
       ] }) : "Continue anyway" })
     ] })
   ] });
 };
-var MainContainer = styled3(InnerStepContainer)`
+var MainContainer = styled4(InnerStepContainer)`
   gap: 16px;
 `;
 
 // src/modal/components/Setup2FAStep/Setup2FAStep.tsx
 import {
-  CpslButton as CpslButton2,
+  CpslButton as CpslButton3,
   CpslCodeInput as CpslCodeInput2,
   CpslDivider as CpslDivider2,
   CpslIcon as CpslIcon3,
   CpslQrCode,
-  CpslSpinner as CpslSpinner2,
-  CpslText as CpslText3
+  CpslSpinner as CpslSpinner3,
+  CpslText as CpslText4
 } from "@getpara/react-components";
-import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { styled as styled4 } from "styled-components";
+import { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
+import { styled as styled5 } from "styled-components";
 import { useCopyToClipboard } from "@getpara/react-common";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Setup2FAStep = ({ onClose }) => {
   const isLogin = useModalStore((state) => state.isLogin());
   const setStep = useModalStore((state) => state.setStep);
@@ -875,13 +1325,13 @@ var Setup2FAStep = ({ onClose }) => {
   const isVerifying = useModalStore((state) => state.step === "VERIFY_2FA" /* VERIFY_2FA */);
   const [copied, copy] = useCopyToClipboard();
   const inputRef = useRef2(null);
-  const [qrCodeValue, setQrCodeValue] = useState3(null);
-  const [code, setCode] = useState3("");
-  const [codeError, setCodeError] = useState3("");
-  const [isVerifyingCode, setIsVerifyingCode] = useState3(false);
+  const [qrCodeValue, setQrCodeValue] = useState4(null);
+  const [code, setCode] = useState4("");
+  const [codeError, setCodeError] = useState4("");
+  const [isVerifyingCode, setIsVerifyingCode] = useState4(false);
   const params = qrCodeValue ? new URL(qrCodeValue).searchParams : void 0;
   const secret = params == null ? void 0 : params.get("secret");
-  useEffect3(() => {
+  useEffect4(() => {
     function fetchOtpAuthUrl() {
       return __async(this, null, function* () {
         try {
@@ -894,13 +1344,13 @@ var Setup2FAStep = ({ onClose }) => {
     }
     fetchOtpAuthUrl();
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     setTimeout(() => {
       var _a, _b, _c;
       (_c = (_b = (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.shadowRoot.querySelectorAll("input")) == null ? void 0 : _b[0]) == null ? void 0 : _c.focus();
     }, 10);
   }, [isVerifying]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (code.length === 6) {
       handleSubmitCode();
     }
@@ -938,19 +1388,19 @@ var Setup2FAStep = ({ onClose }) => {
   const handleCopy = () => {
     copy(secret);
   };
-  return /* @__PURE__ */ jsxs3(StepContainer, { children: [
-    /* @__PURE__ */ jsxs3(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx3(Heading, { variant: "headingS", weight: "bold", children: "Turn on Two-Factor authentication" }),
-      isVerifying && /* @__PURE__ */ jsx3(CpslText3, { variant: "bodyS", color: "secondary", weight: "medium", children: "Please enter the code from your authenticator app." })
+  return /* @__PURE__ */ jsxs4(StepContainer, { children: [
+    /* @__PURE__ */ jsxs4(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx5(Heading, { variant: "headingS", weight: "bold", children: "Turn on Two-Factor authentication" }),
+      isVerifying && /* @__PURE__ */ jsx5(CpslText4, { variant: "bodyS", color: "secondary", weight: "medium", children: "Please enter the code from your authenticator app." })
     ] }),
-    /* @__PURE__ */ jsx3(InnerStepContainer, { children: isVerifying ? /* @__PURE__ */ jsx3(Fragment3, { children: isVerifyingCode ? /* @__PURE__ */ jsx3(CpslSpinner2, {}) : /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx5(InnerStepContainer, { children: isVerifying ? /* @__PURE__ */ jsx5(Fragment3, { children: isVerifyingCode ? /* @__PURE__ */ jsx5(CpslSpinner3, {}) : /* @__PURE__ */ jsx5(
       "form",
       {
         onSubmit: (e) => __async(void 0, null, function* () {
           e.preventDefault();
           yield handleSubmitCode();
         }),
-        children: /* @__PURE__ */ jsx3(
+        children: /* @__PURE__ */ jsx5(
           StyledCodeInput2,
           {
             ref: inputRef,
@@ -964,41 +1414,41 @@ var Setup2FAStep = ({ onClose }) => {
           }
         )
       }
-    ) }) : /* @__PURE__ */ jsxs3(Fragment3, { children: [
-      /* @__PURE__ */ jsx3(CpslText3, { variant: "bodyS", color: "secondary", weight: "medium", children: "Scan with your preferred authenticator app." }),
-      /* @__PURE__ */ jsx3(QRContainer, { children: !qrCodeValue ? /* @__PURE__ */ jsx3(CpslSpinner2, { size: 100 }) : /* @__PURE__ */ jsx3(CpslQrCode, { url: qrCodeValue }) })
+    ) }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      /* @__PURE__ */ jsx5(CpslText4, { variant: "bodyS", color: "secondary", weight: "medium", children: "Scan with your preferred authenticator app." }),
+      /* @__PURE__ */ jsx5(QRContainer, { children: !qrCodeValue ? /* @__PURE__ */ jsx5(CpslSpinner3, { size: 100 }) : /* @__PURE__ */ jsx5(CpslQrCode, { url: qrCodeValue }) })
     ] }) }),
-    !isVerifying && /* @__PURE__ */ jsxs3(Fragment3, { children: [
-      /* @__PURE__ */ jsx3(InnerStepContainer, { children: /* @__PURE__ */ jsx3(CpslDivider2, { children: "or enter the code manually" }) }),
-      /* @__PURE__ */ jsx3(InnerStepContainer, { children: /* @__PURE__ */ jsx3(FilledDisabledInput, { disabled: true, value: secret, noAutoDisable: true, children: /* @__PURE__ */ jsx3(CpslButton2, { slot: "end", variant: "ghost", onClick: handleCopy, children: /* @__PURE__ */ jsx3(CpslIcon3, { icon: copied ? "check" : "copy" }) }) }) }),
-      /* @__PURE__ */ jsxs3(InnerStepContainer, { children: [
-        /* @__PURE__ */ jsx3(CpslButton2, { fullWidth: true, onClick: handleNext, children: "Continue" }),
-        /* @__PURE__ */ jsx3(SkipButton, { variant: "ghost", onClick: handleSkip, children: "Skip" })
+    !isVerifying && /* @__PURE__ */ jsxs4(Fragment3, { children: [
+      /* @__PURE__ */ jsx5(InnerStepContainer, { children: /* @__PURE__ */ jsx5(CpslDivider2, { children: "or enter the code manually" }) }),
+      /* @__PURE__ */ jsx5(InnerStepContainer, { children: /* @__PURE__ */ jsx5(FilledDisabledInput, { disabled: true, value: secret, noAutoDisable: true, children: /* @__PURE__ */ jsx5(CpslButton3, { slot: "end", variant: "ghost", onClick: handleCopy, children: /* @__PURE__ */ jsx5(CpslIcon3, { icon: copied ? "check" : "copy" }) }) }) }),
+      /* @__PURE__ */ jsxs4(InnerStepContainer, { children: [
+        /* @__PURE__ */ jsx5(CpslButton3, { fullWidth: true, onClick: handleNext, children: "Continue" }),
+        /* @__PURE__ */ jsx5(SkipButton, { variant: "ghost", onClick: handleSkip, children: "Skip" })
       ] })
     ] })
   ] });
 };
-var StyledCodeInput2 = styled4(CpslCodeInput2)`
+var StyledCodeInput2 = styled5(CpslCodeInput2)`
   align-self: center;
 `;
-var SkipButton = styled4(CpslButton2)`
+var SkipButton = styled5(CpslButton3)`
   margin-top: 8px;
   text-decoration: underline;
 `;
 
 // src/modal/components/LoginDoneStep/LoginDoneStep.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 
 // src/modal/components/WalletCard/WalletCard.tsx
-import styled5 from "styled-components";
-import { CpslButton as CpslButton3, CpslIdenticon, CpslText as CpslText4 } from "@getpara/react-components";
-import { truncateAddress } from "@getpara/web-sdk";
+import styled6 from "styled-components";
+import { CpslButton as CpslButton4, CpslIdenticon, CpslText as CpslText5 } from "@getpara/react-components";
+import { truncateAddress as truncateAddress2 } from "@getpara/web-sdk";
 
 // src/provider/ParaProvider.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 
 // src/provider/hooks/utils/useAutoSessionKeepAlive.ts
-import { useEffect as useEffect4, useRef as useRef3 } from "react";
+import { useEffect as useEffect5, useRef as useRef3 } from "react";
 
 // src/provider/hooks/utils/useClient.ts
 var useClient = () => {
@@ -1070,7 +1520,7 @@ var getAccount = (para) => __async(void 0, null, function* () {
 // src/provider/hooks/queries/useAccount.ts
 var ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
 var useAccount = () => {
-  const client = useClient();
+  const client = useInternalClient();
   return useQuery({
     queryKey: [ACCOUNT_BASE_KEY, client == null ? void 0 : client.getUserId()],
     queryFn: () => __async(void 0, null, function* () {
@@ -1404,6 +1854,14 @@ var signMessage = (para, args) => __async(void 0, null, function* () {
   }
 });
 
+// src/provider/utils/constants.ts
+import { WalletType as WalletType2 } from "@getpara/web-sdk";
+var EXTERNAL_WALLET_PACKAGE_BY_TYPE = {
+  [WalletType2.EVM]: "Wagmi",
+  [WalletType2.COSMOS]: "Graz",
+  [WalletType2.SOLANA]: "@solana/wallet-adapter-react"
+};
+
 // src/provider/hooks/mutations/useSignMessage.ts
 var useSignMessage = () => {
   const client = useClient();
@@ -1412,6 +1870,11 @@ var useSignMessage = () => {
     mutationFn: (args) => __async(void 0, null, function* () {
       let walletId = args == null ? void 0 : args.walletId;
       if (!walletId) {
+        if (wallet.isExternal) {
+          throw Error(
+            `Cannot sign with Capsule using an external wallet. Try using the methods from ${wallet.type ? EXTERNAL_WALLET_PACKAGE_BY_TYPE[wallet.type] : "the external wallet provider package"}.`
+          );
+        }
         walletId = wallet == null ? void 0 : wallet.id;
       }
       if (!walletId) {
@@ -1452,6 +1915,11 @@ var useSignTransaction = () => {
     mutationFn: (args) => __async(void 0, null, function* () {
       let walletId = args == null ? void 0 : args.walletId;
       if (!walletId) {
+        if (wallet.isExternal) {
+          throw Error(
+            `Cannot sign with Capsule using an external wallet. Try using the methods from ${wallet.type ? EXTERNAL_WALLET_PACKAGE_BY_TYPE[wallet.type] : "the external wallet provider package"}.`
+          );
+        }
         walletId = wallet == null ? void 0 : wallet.id;
       }
       if (!walletId) {
@@ -1475,7 +1943,7 @@ var useAutoSessionKeepAlive = ({ disabled }) => {
   const { logoutAsync } = useLogout();
   const { keepSessionAliveAsync } = useKeepSessionAlive();
   const sessionCheckInterval = useRef3(null);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!client || disabled) {
       clearSessionMonitoring();
       return;
@@ -1534,7 +2002,7 @@ var useAutoSessionKeepAlive = ({ disabled }) => {
 
 // src/provider/hooks/utils/useEventListeners.ts
 import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 import {
   ParaEvent
 } from "@getpara/web-sdk";
@@ -1604,7 +2072,7 @@ var useEventListeners = ({
       setSelectedWallet({ id: defaultWallet == null ? void 0 : defaultWallet.id, type: defaultWallet == null ? void 0 : defaultWallet.type });
     }
   };
-  useEffect5(() => {
+  useEffect6(() => {
     window.addEventListener(ParaEvent.LOGIN_EVENT, loginListener);
     window.addEventListener(ParaEvent.ACCOUNT_SETUP_EVENT, accountSetupListener);
     window.addEventListener(ParaEvent.ACCOUNT_CREATION_EVENT, accountCreationListener);
@@ -1637,7 +2105,7 @@ var ParaProvider = ({ children, paraClientConfig, callbacks, config = DEFAULT_CO
   useEventListeners(callbacks);
   useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
   const setClient = useStore((state) => state.setClient);
-  useEffect6(() => {
+  useEffect7(() => {
     var _a;
     const newClient = (_a = config.paraClientOverride) != null ? _a : new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
     setClient(newClient);
@@ -1652,24 +2120,25 @@ var getSelectedWalletId = () => vanillaStore.getState().selectedWalletId;
 var getSelectedWalletType = () => vanillaStore.getState().selectedWalletType;
 
 // src/modal/components/WalletCard/WalletCard.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var ExternalWalletCard = ({ address, showAddFunds }) => {
+  var _a;
   const para = useInternalClient();
   const wallet = para.externalWallets[address];
   if (!wallet) {
     return null;
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6(
     SharedWalletCard,
     {
-      address: truncateAddress(wallet.address, wallet.type),
+      address: (_a = wallet.ensName) != null ? _a : truncateAddress2(wallet.address, wallet.type),
       identiconHash: para.getIdenticonHash(wallet.id, wallet.type),
       showAddFunds
     }
   );
 };
 var WalletCard = ({ id, type, showAddFunds }) => {
-  var _a;
+  var _a, _b;
   const para = useInternalClient();
   const appName = useThemeStore((state) => state.appName);
   const wallet = para.findWallet(id, type);
@@ -1677,13 +2146,13 @@ var WalletCard = ({ id, type, showAddFunds }) => {
     return null;
   }
   const address = para.getDisplayAddress(wallet.id, { addressType: type });
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6(
     SharedWalletCard,
     {
       id: wallet.id,
       type: wallet.type,
-      address: truncateAddress(address, type, { prefix: para.cosmosPrefix }),
-      name: (_a = wallet.name) != null ? _a : `${appName ? `${appName} ` : ""}Wallet`,
+      address: (_a = wallet.ensName) != null ? _a : truncateAddress2(address, type, { prefix: para.cosmosPrefix }),
+      name: (_b = wallet.name) != null ? _b : `${appName ? `${appName} ` : ""}Wallet`,
       identiconHash: para.getIdenticonHash(wallet.id, type),
       showAddFunds
     }
@@ -1700,24 +2169,24 @@ var SharedWalletCard = ({ address, name, identiconHash, showAddFunds, id, type }
       isAddFundsEnabled && setStep(onRampConfig.isBuyEnabled ? "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */ : "ADD_FUNDS_RECEIVE" /* ADD_FUNDS_RECEIVE */);
     }
   };
-  return /* @__PURE__ */ jsxs4(Container, { children: [
-    /* @__PURE__ */ jsxs4(InnerContainer, { children: [
-      /* @__PURE__ */ jsx4(CpslIdenticon, { size: "48px", hash: identiconHash }),
-      /* @__PURE__ */ jsxs4(WalletNameContainer, { children: [
-        !!name && /* @__PURE__ */ jsx4(Name, { color: "contrast", variant: "bodyL", weight: "semiBold", children: name }),
-        /* @__PURE__ */ jsx4(Name, { color: "secondary", variant: "bodyS", weight: "medium", children: address })
+  return /* @__PURE__ */ jsxs5(Container, { children: [
+    /* @__PURE__ */ jsxs5(InnerContainer, { children: [
+      /* @__PURE__ */ jsx6(CpslIdenticon, { size: "48px", hash: identiconHash }),
+      /* @__PURE__ */ jsxs5(WalletNameContainer, { children: [
+        !!name && /* @__PURE__ */ jsx6(Name, { color: "contrast", variant: "bodyL", weight: "semiBold", children: name }),
+        /* @__PURE__ */ jsx6(Name, { color: "secondary", variant: "bodyS", weight: "medium", children: address })
       ] })
     ] }),
-    showAddFunds && isAddFundsEnabled && /* @__PURE__ */ jsx4(AddFundsButton, { onClick: handleAddFundsClick, children: /* @__PURE__ */ jsx4(CpslText4, { variant: "bodyXS", color: "contrast", weight: "medium", children: "Add Funds" }) })
+    showAddFunds && isAddFundsEnabled && /* @__PURE__ */ jsx6(AddFundsButton, { onClick: handleAddFundsClick, children: /* @__PURE__ */ jsx6(CpslText5, { variant: "bodyXS", color: "contrast", weight: "medium", children: "Add Funds" }) })
   ] });
 };
-var WalletCards = styled5.div`
+var WalletCards = styled6.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 100%;
 `;
-var Container = styled5.div`
+var Container = styled6.div`
   width: 100%;
   padding: 24px;
   display: flex;
@@ -1727,14 +2196,14 @@ var Container = styled5.div`
   background-color: var(--cpsl-color-background-8);
   border-radius: 16px;
 `;
-var InnerContainer = styled5.div`
+var InnerContainer = styled6.div`
   display: flex;
   justify-content: flex-start;
   gap: 8px;
   align-items: center;
   overflow: hidden;
 `;
-var WalletNameContainer = styled5.div`
+var WalletNameContainer = styled6.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -1743,7 +2212,7 @@ var WalletNameContainer = styled5.div`
   justify-content: center;
   overflow: hidden;
 `;
-var Name = styled5(CpslText4)`
+var Name = styled6(CpslText5)`
   width: 100%;
   &::part(text-element) {
     line-height: 100%;
@@ -1752,7 +2221,7 @@ var Name = styled5(CpslText4)`
     white-space: nowrap;
   }
 `;
-var AddFundsButton = styled5(CpslButton3)`
+var AddFundsButton = styled6(CpslButton4)`
   --button-primary-background-color: var(--cpsl-color-card-surface);
   --button-primary-hover-background-color: var(--cpsl-color-background-4);
   --button-primary-color: var(--cpsl-color-text-contrast);
@@ -1766,21 +2235,21 @@ var AddFundsButton = styled5(CpslButton3)`
 `;
 
 // src/modal/components/LoginDoneStep/LoginDoneStep.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var LoginDoneStep = ({ onClose }) => {
   var _a;
   const para = useInternalClient();
   const hideWallets = useThemeStore((state) => state.hideWallets);
-  useEffect7(() => {
+  useEffect8(() => {
     setTimeout(() => {
       onClose();
     }, 1600);
   }, []);
-  return /* @__PURE__ */ jsxs5(StepContainer, { children: [
-    /* @__PURE__ */ jsx5(HeroIcon, { icon: "checkCircleFilled" }),
-    /* @__PURE__ */ jsx5(Heading, { variant: "headingS", weight: "bold", children: "Connected" }),
-    !hideWallets && /* @__PURE__ */ jsx5(WalletCards, { children: para.isUsingExternalWallet() ? /* @__PURE__ */ jsx5(ExternalWalletCard, { address: (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.address }) : para.currentWalletIdsArray.map(([id, type]) => {
-      return /* @__PURE__ */ jsx5(WalletCard, { id, type }, `${id}-${type}`);
+  return /* @__PURE__ */ jsxs6(StepContainer, { children: [
+    /* @__PURE__ */ jsx7(HeroIcon, { icon: "checkCircleFilled" }),
+    /* @__PURE__ */ jsx7(Heading, { variant: "headingS", weight: "bold", children: "Connected" }),
+    !hideWallets && /* @__PURE__ */ jsx7(WalletCards, { children: para.isUsingExternalWallet() ? /* @__PURE__ */ jsx7(ExternalWalletCard, { address: (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.address }) : para.currentWalletIdsArray.map(([id, type]) => {
+      return /* @__PURE__ */ jsx7(WalletCard, { id, type }, `${id}-${type}`);
     }) })
   ] });
 };
@@ -1789,23 +2258,23 @@ var LoginDoneStep = ({ onClose }) => {
 import { EnabledFlow as EnabledFlow2 } from "@getpara/web-sdk";
 
 // src/modal/components/Waiting/Waiting.tsx
-import { CpslSpinner as CpslSpinner3, CpslText as CpslText5 } from "@getpara/react-components";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { CpslSpinner as CpslSpinner4, CpslText as CpslText6 } from "@getpara/react-components";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var Waiting = ({ heading, subheading }) => {
-  return /* @__PURE__ */ jsxs6(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsx6(SpinnerContainer, { children: /* @__PURE__ */ jsx6(CpslSpinner3, { size: 100 }) }),
-    /* @__PURE__ */ jsxs6(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx6(Heading, { variant: "headingS", weight: "bold", children: heading }),
-      /* @__PURE__ */ jsx6(CpslText5, { variant: "bodyS", color: "secondary", weight: "medium", children: subheading })
+  return /* @__PURE__ */ jsxs7(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsx8(SpinnerContainer, { children: /* @__PURE__ */ jsx8(CpslSpinner4, { size: 100 }) }),
+    /* @__PURE__ */ jsxs7(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx8(Heading, { variant: "headingS", weight: "bold", children: heading }),
+      /* @__PURE__ */ jsx8(CpslText6, { variant: "bodyS", color: "secondary", weight: "medium", children: subheading })
     ] })
   ] });
 };
 
 // src/modal/components/AwaitingBiometricsStep/AwaitingBiometricsStep.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var AwaitingBiometricsStep = () => {
   const isLogin = useModalStore((state) => state.isLogin());
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(
     Waiting,
     {
       heading: isLogin ? "Waiting for Passkey" : "Creating Passkey",
@@ -1815,14 +2284,14 @@ var AwaitingBiometricsStep = () => {
 };
 
 // src/modal/components/AwaitingWalletCreationStep/AwaitingWalletCreationStep.tsx
-import { CpslIcon as CpslIcon4, CpslInfoBox, CpslText as CpslText6 } from "@getpara/react-components";
-import { useEffect as useEffect8, useRef as useRef4, useState as useState4 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { CpslIcon as CpslIcon4, CpslInfoBox, CpslText as CpslText7 } from "@getpara/react-components";
+import { useEffect as useEffect9, useRef as useRef4, useState as useState5 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var AwaitingWalletCreationStep = () => {
   const hideWallets = useThemeStore((state) => state.hideWallets);
-  const [showInfoBox, setShowInfoBox] = useState4(false);
+  const [showInfoBox, setShowInfoBox] = useState5(false);
   const showInfoBoxTimeout = useRef4();
-  useEffect8(() => {
+  useEffect9(() => {
     if (typeof window !== "undefined") {
       showInfoBoxTimeout.current = window.setTimeout(() => {
         setShowInfoBox(true);
@@ -1830,463 +2299,199 @@ var AwaitingWalletCreationStep = () => {
     }
     return () => clearTimeout(showInfoBoxTimeout.current);
   }, []);
-  return /* @__PURE__ */ jsxs7(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs8(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsx10(
       Waiting,
       {
         heading: hideWallets ? "Creating Your Account" : "Creating Your Wallet",
         subheading: "This should only take a couple of seconds."
       }
     ),
-    showInfoBox && /* @__PURE__ */ jsx8(CpslInfoBox, { children: /* @__PURE__ */ jsxs7(InfoBoxContent, { children: [
-      /* @__PURE__ */ jsxs7(InfoBoxHeader, { children: [
-        /* @__PURE__ */ jsx8(CpslIcon4, { icon: "clock" }),
-        /* @__PURE__ */ jsx8(CpslText6, { weight: "medium", children: "Hang on" })
+    showInfoBox && /* @__PURE__ */ jsx10(CpslInfoBox, { children: /* @__PURE__ */ jsxs8(InfoBoxContent, { children: [
+      /* @__PURE__ */ jsxs8(InfoBoxHeader, { children: [
+        /* @__PURE__ */ jsx10(CpslIcon4, { icon: "clock" }),
+        /* @__PURE__ */ jsx10(CpslText7, { weight: "medium", children: "Hang on" })
       ] }),
-      /* @__PURE__ */ jsxs7(CpslText6, { variant: "bodyS", weight: "medium", color: "secondary", children: [
+      /* @__PURE__ */ jsxs8(CpslText7, { variant: "bodyS", weight: "medium", color: "secondary", children: [
         "Creating your ",
         hideWallets ? "account" : "wallet",
         " is taking a little longer than expected, but we're working on it!"
       ] })
-    ] }) })
-  ] });
-};
-
-// src/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.tsx
-import { CpslButton as CpslButton4, CpslText as CpslText7 } from "@getpara/react-components";
-import styled6 from "styled-components";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
-  const hideWallets = useThemeStore((state) => state.hideWallets);
-  const setStep = useModalStore((state) => state.setStep);
-  const isLogin = useModalStore((state) => state.isLogin());
-  const onRampConfig = useModalStore((state) => state.onRampConfig);
-  const para = useInternalClient();
-  const isOnRampConfigured = (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) || (onRampConfig == null ? void 0 : onRampConfig.isReceiveEnabled) || (onRampConfig == null ? void 0 : onRampConfig.isWithdrawEnabled);
-  const handleNext = () => __async(void 0, null, function* () {
-    if (isLogin) {
-      if (!twoFactorAuthEnabled) {
-        setStep("LOGIN_DONE" /* LOGIN_DONE */);
-        return;
-      }
-      const is2FAComplete = yield para.check2FAStatus();
-      setStep(is2FAComplete ? "LOGIN_DONE" /* LOGIN_DONE */ : "SETUP_2FA" /* SETUP_2FA */);
-    } else {
-      if (twoFactorAuthEnabled) {
-        setStep("SETUP_2FA" /* SETUP_2FA */);
-      } else {
-        onClose();
-      }
-    }
-  });
-  return /* @__PURE__ */ jsxs8(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsx9(CardContainer, { children: hideWallets ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
-      /* @__PURE__ */ jsx9(HeroIcon, { icon: "checkCircleFilled" }),
-      /* @__PURE__ */ jsx9(CpslText7, { variant: "bodyM", color: "secondary", weight: "medium", style: { marginTop: "16px" }, children: "Your account has been created." })
-    ] }) : /* @__PURE__ */ jsx9(WalletCards, { children: para.currentWalletIdsArray.map(([id, type]) => {
-      return /* @__PURE__ */ jsx9(WalletCard, { id, type, showAddFunds: isOnRampConfigured }, id);
-    }) }) }),
-    /* @__PURE__ */ jsx9(InnerStepContainer, { children: /* @__PURE__ */ jsx9(CpslButton4, { fullWidth: true, onClick: handleNext, children: twoFactorAuthEnabled ? "Continue" : "Done" }) })
-  ] });
-};
-var CardContainer = styled6(InnerStepContainer)`
-  min-height: 196px;
-  justify-content: center;
-`;
-
-// src/modal/components/RecoverySecretStep/RecoverySecretStep.tsx
-import { CpslButton as CpslButton5, CpslText as CpslText8 } from "@getpara/react-components";
-import { styled as styled7 } from "styled-components";
-import { useCopyToClipboard as useCopyToClipboard2 } from "@getpara/react-common";
-
-// src/modal/utils/getMailtoLink.ts
-function getMailtoLink(email, recoveryShare) {
-  const emailBody = `Hello,%0D%0DBelow is your Para Recovery Secret. Keep this safe!%0D%0D${recoveryShare}%0D%0DPlease get in touch via support@getpara.com if you have any questions`;
-  const mailText = `mailto:${email}?subject=Para%20Recovery%20Secret&body=${emailBody}`;
-  return mailText;
-}
-
-// src/modal/components/RecoverySecretStep/RecoverySecretStep.tsx
-import { useState as useState5 } from "react";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var SaveRecoverySecret = ({
-  email,
-  value,
-  onComplete
-}) => {
-  const [isSecretSaved, setIsSecretSaved] = useState5(false);
-  const [isCopied, copy] = useCopyToClipboard2();
-  const onCopy = () => {
-    copy(value);
-    setIsSecretSaved(true);
-  };
-  const onDownload = () => {
-    const element = document.createElement("a");
-    const file = new Blob([value], { type: "text/plain" });
-    element.href = URL.createObjectURL(file);
-    element.download = "recovery.txt";
-    document.body.appendChild(element);
-    element.click();
-    setIsSecretSaved(true);
-  };
-  const onEmail = () => {
-    typeof window !== "undefined" && window.open(getMailtoLink(email, value), "_self");
-    setIsSecretSaved(true);
-  };
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-    /* @__PURE__ */ jsxs9(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx10(Heading, { variant: "headingXS", weight: "semiBold", children: "Save your Recovery Secret" }),
-      /* @__PURE__ */ jsxs9(ButtonContainer, { children: [
-        /* @__PURE__ */ jsx10(ActionButton, { icon: "download", onClick: onDownload, children: /* @__PURE__ */ jsx10(CpslText8, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Download" }) }),
-        /* @__PURE__ */ jsx10(ActionButton, { icon: isCopied ? "check" : "copy", onClick: onCopy, children: /* @__PURE__ */ jsx10(CpslText8, { variant: "bodyXS", color: "secondary", weight: "medium", children: isCopied ? "Copied!" : "Copy" }) }),
-        /* @__PURE__ */ jsx10(ActionButton, { icon: "send", onClick: onEmail, children: /* @__PURE__ */ jsx10(CpslText8, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Email" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx10(InnerStepContainer, { children: /* @__PURE__ */ jsx10(CpslButton5, { fullWidth: true, onClick: onComplete, disabled: !isSecretSaved, children: !isSecretSaved ? "Choose an option above to continue" : "I\u2019ve saved my recovery secret" }) })
-  ] });
-};
-var RecoverySecretStep = () => {
-  const hideWallets = useThemeStore((state) => state.hideWallets);
-  const setStep = useModalStore((state) => state.setStep);
-  const authInfo = useUserInfoStore((state) => state.getAuthInfo());
-  const recoveryShare = useUserInfoStore((state) => state.recoveryShare);
-  const backupDecryptionKey = JSON.parse(recoveryShare || "{}").backupDecryptionKey;
-  const onComplete = () => __async(void 0, null, function* () {
-    setStep("WALLET_CREATION_DONE" /* WALLET_CREATION_DONE */);
-  });
-  return /* @__PURE__ */ jsxs9(StepContainer, { children: [
-    /* @__PURE__ */ jsxs9(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx10(Heading, { variant: "headingS", weight: "bold", children: hideWallets ? "Don't lose access" : "Don't lose your wallet" }),
-      /* @__PURE__ */ jsxs9(InlineText2, { variant: "bodyS", color: "secondary", weight: "medium", children: [
-        "Your",
-        " ",
-        /* @__PURE__ */ jsx10(InlineText2, { variant: "bodyS", weight: "medium", children: "Recovery Secret" }),
-        " ",
-        "ensures you will be able to regain access to your ",
-        hideWallets ? "account" : "wallet",
-        " if you lose your Passkey or Password."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx10(
-      SaveRecoverySecret,
-      {
-        email: (authInfo == null ? void 0 : authInfo.authType) === "email" ? authInfo.identifier : void 0,
-        value: backupDecryptionKey,
-        onComplete
-      }
-    )
-  ] });
-};
-var ActionButton = styled7(StyledCpslTileButton)`
-  flex: 1;
-
-  --button-icon-color: var(--cpsl-color-text-primary);
-`;
-var ButtonContainer = styled7.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-`;
-var InlineText2 = styled7(CpslText8)`
-  text-align: center;
-  display: inline-block;
-`;
-
-// src/modal/components/TwoFactorDoneStep/TwoFactorDoneStep.tsx
-import { CpslButton as CpslButton6, CpslText as CpslText9 } from "@getpara/react-components";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var TwoFactorDoneStep = ({ onClose }) => {
-  const hideWallets = useThemeStore((state) => state.hideWallets);
-  return /* @__PURE__ */ jsxs10(StepContainer, { children: [
-    /* @__PURE__ */ jsx11(HeroIcon, { icon: "checkCircleFilled" }),
-    /* @__PURE__ */ jsxs10(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx11(Heading, { variant: "headingXS", weight: "semiBold", children: "Success" }),
-      /* @__PURE__ */ jsxs10(CpslText9, { variant: "bodyS", color: "secondary", weight: "medium", children: [
-        "Your ",
-        hideWallets ? "account" : "wallet",
-        " is now protected by 2FA"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx11(CpslButton6, { fullWidth: true, onClick: onClose, children: "Done" })
-  ] });
-};
-
-// src/modal/components/BiometricCreationStep/BiometricCreationStep.tsx
-import { CpslButton as CpslButton7, CpslDivider as CpslDivider3, CpslIcon as CpslIcon5, CpslQrCode as CpslQrCode2, CpslSpinner as CpslSpinner4, CpslText as CpslText10 } from "@getpara/react-components";
-import { useCopyToClipboard as useCopyToClipboard3, UserIdentifier as UserIdentifier2 } from "@getpara/react-common";
-
-// src/modal/constants/defaults.ts
-var DEFAULTS = {
-  LOGGIN_POLLING_DELAY_MS: 5e3,
-  POLLING_INTERVAL_MS: 2e3,
-  ANIMATION_DURATION: 0.15
-};
-
-// src/modal/providers/ExternalWalletContext.tsx
-import { createContext, useCallback, useContext, useEffect as useEffect9, useMemo as useMemo2, useState as useState6 } from "react";
-import { WalletType as WalletType2, isIOS, isIOSWebview, isMobile, truncateAddress as truncateAddress2 } from "@getpara/web-sdk";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var defaultExternalWallet = {
-  wallets: [],
-  chains: [],
-  chainId: void 0,
-  wallet: void 0,
-  qrUri: void 0,
-  chainIdSwitchingTo: void 0,
-  walletDisplayHelpers: {
-    showExtension: false,
-    showMobile: false,
-    isSolanaMobileIOS: false,
-    isCosmosMobileWallet: false
-  },
-  username: void 0,
-  avatar: void 0,
-  connectExternalWallet: () => {
-  },
-  disconnectExternalWallet: () => Promise.resolve(),
-  switchChain: () => Promise.resolve(),
-  setChainIdSwitchingTo: () => {
-  }
-};
-var ExternalWalletContext = createContext(defaultExternalWallet);
-function ExternalWalletProvider({
-  children,
-  evmContext,
-  solanaContext,
-  cosmosContext,
-  walletSort
-}) {
-  const {
-    wallets: evmWallets,
-    disconnect: evmDisconnect,
-    chains: evmChains,
-    chainId: evmChainId,
-    switchChain: evmSwitchChain,
-    username: evmUsername,
-    avatar: evmAvatar
-  } = useContext(evmContext);
-  const { wallets: solanaWallets, disconnect: solanaDisconnect } = useContext(solanaContext);
-  const {
-    wallets: cosmosWallets,
-    disconnect: cosmosDisconnect,
-    chains: cosmosChains,
-    chainId: cosmosChainId,
-    switchChain: cosmosSwitchChain
-  } = useContext(cosmosContext);
-  const setStep = useModalStore((state) => state.setStep);
-  const setStepDirection = useModalStore((state) => state.setStepDirection);
-  const setIsExternalWalletConnecting = useModalStore((state) => state.setIsExternalWalletConnecting);
-  const isExternalWalletConnecting = useModalStore((state) => state.isExternalWalletConnecting);
-  const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
-  const selectedExternalWalletId = useModalStore((state) => state.selectedExternalWalletId);
-  const setExternalWalletError = useModalStore((state) => state.setExternalWalletError);
-  const setIsUsingMobileConnector = useModalStore((state) => state.setIsUsingMobileConnector);
-  const isUsingMobileConnector = useModalStore((state) => state.isUsingMobileConnector);
-  const para = useInternalClient();
-  const [qrUri, setQrUri] = useState6();
-  const [chainIdSwitchingTo, setChainIdSwitchingTo] = useState6();
-  const wallets = [...evmWallets, ...solanaWallets, ...cosmosWallets].filter((w) => walletSort.includes(w.id.toUpperCase())).sort(
-    (a, b) => walletSort.indexOf(a.id.toUpperCase()) - walletSort.indexOf(b.id.toUpperCase())
-  ).sort((a, b) => a.installed === b.installed ? 0 : a.installed ? -1 : 1);
-  const wallet = useMemo2(() => wallets.find((w) => w.id === selectedExternalWalletId), [wallets, selectedExternalWalletId]);
-  const updateQrUri = () => __async(this, null, function* () {
-    var _a;
-    const uri = yield (_a = wallet == null ? void 0 : wallet.getQrUri) == null ? void 0 : _a.call(wallet);
-    setQrUri(uri);
-  });
-  useEffect9(() => {
-    if (wallet) {
-      if (!qrUri) {
-        updateQrUri();
-      }
-    } else if (qrUri) {
-      setQrUri(void 0);
-    }
-  }, [wallet]);
-  const chains = useMemo2(() => {
-    var _a;
-    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
-    switch (walletType) {
-      case WalletType2.COSMOS: {
-        return cosmosChains;
-      }
-      case WalletType2.EVM: {
-        return evmChains;
-      }
-      default: {
-        return [];
-      }
-    }
-  }, [cosmosChains, evmChains, selectedExternalWalletId]);
-  const chainId = useMemo2(() => {
-    var _a;
-    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
-    switch (walletType) {
-      case WalletType2.COSMOS: {
-        return cosmosChainId;
-      }
-      case WalletType2.EVM: {
-        return evmChainId == null ? void 0 : evmChainId.toString();
-      }
-      default: {
-        return void 0;
-      }
-    }
-  }, [cosmosChains, evmChains, selectedExternalWalletId]);
-  const switchChain = useCallback(
-    (chainId2) => __async(this, null, function* () {
-      var _a;
-      const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
-      if (walletType) {
-        let resp;
-        setExternalWalletError();
-        setChainIdSwitchingTo(chainId2);
-        switch (walletType) {
-          case WalletType2.COSMOS: {
-            setStep("CHAIN_SWITCH" /* CHAIN_SWITCH */);
-            resp = yield cosmosSwitchChain(chainId2);
-            break;
-          }
-          case WalletType2.EVM: {
-            setStep("CHAIN_SWITCH" /* CHAIN_SWITCH */);
-            resp = yield evmSwitchChain(parseInt(chainId2));
-            break;
-          }
-          default: {
-            break;
-          }
-        }
-        if (resp.error) {
-          setExternalWalletError(resp.error);
-        } else {
-          setChainIdSwitchingTo(void 0);
-          setStepDirection(-1);
-          setStep("ACCOUNT_MAIN" /* ACCOUNT_MAIN */);
-        }
-      }
-    }),
-    [evmSwitchChain, cosmosSwitchChain]
-  );
-  const connectExternalWallet = useCallback(
-    (wallet2, isMobileConnect, isManualWalletConnect, isResetAfterManualWalletConnect) => __async(this, null, function* () {
-      if (isExternalWalletConnecting && isManualWalletConnect) {
-        yield evmDisconnect();
-        yield solanaDisconnect();
-        yield cosmosDisconnect();
-        setQrUri(void 0);
-        setIsExternalWalletConnecting(false);
-      }
-      if (isResetAfterManualWalletConnect || isManualWalletConnect || !isExternalWalletConnecting) {
-        setExternalWalletError();
-        setIsExternalWalletConnecting(true);
-        setIsUsingMobileConnector(isMobileConnect);
-        const { address, error } = yield isMobileConnect ? wallet2.connectMobile(isManualWalletConnect) : wallet2.connect();
-        if (error) {
-          setExternalWalletError([error]);
-          setIsUsingMobileConnector();
-          if (isManualWalletConnect && error === "Connection request rejected") {
-            setExternalWalletError();
-            yield connectExternalWallet(wallet2, false, false, true);
-            yield updateQrUri();
-            return;
-          }
-        } else if (address) {
-          setStep("LOGIN_DONE" /* LOGIN_DONE */);
-        }
-        setIsExternalWalletConnecting(false);
-      }
-    }),
-    [isExternalWalletConnecting]
-  );
-  const disconnectExternalWallet = () => __async(this, null, function* () {
-    yield evmDisconnect();
-    yield solanaDisconnect();
-    yield cosmosDisconnect();
-    setSelectedExternalWalletId();
-  });
-  const walletDisplayHelpers = {
-    // Show the extension screen if on web and the wallet is an extension and installed or the wallet isn't a mobile wallet
-    // Also show the extension connection if on desktop for a solana wallet (no walletConnect)
-    showExtension: !isMobile() && ((wallet == null ? void 0 : wallet.isExtension) && (wallet == null ? void 0 : wallet.installed) || !(wallet == null ? void 0 : wallet.isMobile) || (wallet == null ? void 0 : wallet.type) === WalletType2.SOLANA),
-    // Show the mobile screen if on mobile and the wallet is a mobile wallet or if on desktop and the wallet isn't installed
-    showMobile: isMobile() && (wallet == null ? void 0 : wallet.isMobile) || !isMobile() && !(wallet == null ? void 0 : wallet.installed),
-    isSolanaMobileIOS: isIOS() && isMobile() && !isIOSWebview() && (wallet == null ? void 0 : wallet.type) === WalletType2.SOLANA,
-    isCosmosMobileWallet: (wallet == null ? void 0 : wallet.type) === WalletType2.COSMOS && isUsingMobileConnector
-  };
-  const username = useMemo2(() => {
-    let username2;
-    const storedExternalWallet = Object.values(para.externalWallets || {})[0];
-    if (storedExternalWallet) {
-      const walletType = storedExternalWallet == null ? void 0 : storedExternalWallet.type;
-      switch (walletType) {
-        case WalletType2.EVM: {
-          username2 = evmUsername ? evmUsername.startsWith("0x") ? truncateAddress2(evmUsername, "EVM") : evmUsername : void 0;
-          break;
-        }
-        default: {
-          username2 = storedExternalWallet.address ? truncateAddress2(storedExternalWallet.address, storedExternalWallet.type) : void 0;
-          break;
-        }
-      }
-    }
-    return username2;
-  }, [evmUsername, wallet]);
-  const avatar = useMemo2(() => {
-    var _a;
-    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
-    if (walletType) {
-      switch (walletType) {
-        case WalletType2.EVM: {
-          return evmAvatar;
-        }
-        default: {
-          return void 0;
-        }
-      }
-    }
-  }, [evmAvatar, wallet]);
-  return /* @__PURE__ */ jsx12(
-    ExternalWalletContext.Provider,
-    {
-      value: useMemo2(
-        () => ({
-          wallets,
-          chains,
-          chainId,
-          wallet,
-          qrUri,
-          walletDisplayHelpers,
-          chainIdSwitchingTo,
-          username,
-          avatar,
-          connectExternalWallet,
-          disconnectExternalWallet,
-          switchChain,
-          setChainIdSwitchingTo
-        }),
-        [
-          wallets,
-          chains,
-          chainId,
-          wallet,
-          qrUri,
-          walletDisplayHelpers,
-          chainIdSwitchingTo,
-          username,
-          avatar,
-          disconnectExternalWallet,
-          connectExternalWallet,
-          switchChain,
-          setChainIdSwitchingTo
-        ]
-      ),
-      children
+    ] }) })
+  ] });
+};
+
+// src/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.tsx
+import { CpslButton as CpslButton5, CpslText as CpslText8 } from "@getpara/react-components";
+import styled7 from "styled-components";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
+  const hideWallets = useThemeStore((state) => state.hideWallets);
+  const setStep = useModalStore((state) => state.setStep);
+  const isLogin = useModalStore((state) => state.isLogin());
+  const onRampConfig = useModalStore((state) => state.onRampConfig);
+  const para = useInternalClient();
+  const isOnRampConfigured = (onRampConfig == null ? void 0 : onRampConfig.isBuyEnabled) || (onRampConfig == null ? void 0 : onRampConfig.isReceiveEnabled) || (onRampConfig == null ? void 0 : onRampConfig.isWithdrawEnabled);
+  const handleNext = () => __async(void 0, null, function* () {
+    if (isLogin) {
+      if (!twoFactorAuthEnabled) {
+        setStep("LOGIN_DONE" /* LOGIN_DONE */);
+        return;
+      }
+      const is2FAComplete = yield para.check2FAStatus();
+      setStep(is2FAComplete ? "LOGIN_DONE" /* LOGIN_DONE */ : "SETUP_2FA" /* SETUP_2FA */);
+    } else {
+      if (twoFactorAuthEnabled) {
+        setStep("SETUP_2FA" /* SETUP_2FA */);
+      } else {
+        onClose();
+      }
     }
-  );
+  });
+  return /* @__PURE__ */ jsxs9(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsx11(CardContainer, { children: hideWallets ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+      /* @__PURE__ */ jsx11(HeroIcon, { icon: "checkCircleFilled" }),
+      /* @__PURE__ */ jsx11(CpslText8, { variant: "bodyM", color: "secondary", weight: "medium", style: { marginTop: "16px" }, children: "Your account has been created." })
+    ] }) : /* @__PURE__ */ jsx11(WalletCards, { children: para.currentWalletIdsArray.map(([id, type]) => {
+      return /* @__PURE__ */ jsx11(WalletCard, { id, type, showAddFunds: isOnRampConfigured }, id);
+    }) }) }),
+    /* @__PURE__ */ jsx11(InnerStepContainer, { children: /* @__PURE__ */ jsx11(CpslButton5, { fullWidth: true, onClick: handleNext, children: twoFactorAuthEnabled ? "Continue" : "Done" }) })
+  ] });
+};
+var CardContainer = styled7(InnerStepContainer)`
+  min-height: 196px;
+  justify-content: center;
+`;
+
+// src/modal/components/RecoverySecretStep/RecoverySecretStep.tsx
+import { CpslButton as CpslButton6, CpslText as CpslText9 } from "@getpara/react-components";
+import { styled as styled8 } from "styled-components";
+import { useCopyToClipboard as useCopyToClipboard2 } from "@getpara/react-common";
+
+// src/modal/utils/getMailtoLink.ts
+function getMailtoLink(email, recoveryShare) {
+  const emailBody = `Hello,%0D%0DBelow is your Para Recovery Secret. Keep this safe!%0D%0D${recoveryShare}%0D%0DPlease get in touch via support@getpara.com if you have any questions`;
+  const mailText = `mailto:${email}?subject=Para%20Recovery%20Secret&body=${emailBody}`;
+  return mailText;
 }
-var useExternalWallets = () => useContext(ExternalWalletContext);
+
+// src/modal/components/RecoverySecretStep/RecoverySecretStep.tsx
+import { useState as useState6 } from "react";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SaveRecoverySecret = ({
+  email,
+  value,
+  onComplete
+}) => {
+  const [isSecretSaved, setIsSecretSaved] = useState6(false);
+  const [isCopied, copy] = useCopyToClipboard2();
+  const onCopy = () => {
+    copy(value);
+    setIsSecretSaved(true);
+  };
+  const onDownload = () => {
+    const element = document.createElement("a");
+    const file = new Blob([value], { type: "text/plain" });
+    element.href = URL.createObjectURL(file);
+    element.download = "recovery.txt";
+    document.body.appendChild(element);
+    element.click();
+    setIsSecretSaved(true);
+  };
+  const onEmail = () => {
+    typeof window !== "undefined" && window.open(getMailtoLink(email, value), "_self");
+    setIsSecretSaved(true);
+  };
+  return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    /* @__PURE__ */ jsxs10(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx12(Heading, { variant: "headingXS", weight: "semiBold", children: "Save your Recovery Secret" }),
+      /* @__PURE__ */ jsxs10(ButtonContainer, { children: [
+        /* @__PURE__ */ jsx12(ActionButton, { icon: "download", onClick: onDownload, children: /* @__PURE__ */ jsx12(CpslText9, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Download" }) }),
+        /* @__PURE__ */ jsx12(ActionButton, { icon: isCopied ? "check" : "copy", onClick: onCopy, children: /* @__PURE__ */ jsx12(CpslText9, { variant: "bodyXS", color: "secondary", weight: "medium", children: isCopied ? "Copied!" : "Copy" }) }),
+        /* @__PURE__ */ jsx12(ActionButton, { icon: "send", onClick: onEmail, children: /* @__PURE__ */ jsx12(CpslText9, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Email" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(InnerStepContainer, { children: /* @__PURE__ */ jsx12(CpslButton6, { fullWidth: true, onClick: onComplete, disabled: !isSecretSaved, children: !isSecretSaved ? "Choose an option above to continue" : "I\u2019ve saved my recovery secret" }) })
+  ] });
+};
+var RecoverySecretStep = () => {
+  const hideWallets = useThemeStore((state) => state.hideWallets);
+  const setStep = useModalStore((state) => state.setStep);
+  const authInfo = useUserInfoStore((state) => state.getAuthInfo());
+  const recoveryShare = useUserInfoStore((state) => state.recoveryShare);
+  const backupDecryptionKey = JSON.parse(recoveryShare || "{}").backupDecryptionKey;
+  const onComplete = () => __async(void 0, null, function* () {
+    setStep("WALLET_CREATION_DONE" /* WALLET_CREATION_DONE */);
+  });
+  return /* @__PURE__ */ jsxs10(StepContainer, { children: [
+    /* @__PURE__ */ jsxs10(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx12(Heading, { variant: "headingS", weight: "bold", children: hideWallets ? "Don't lose access" : "Don't lose your wallet" }),
+      /* @__PURE__ */ jsxs10(InlineText3, { variant: "bodyS", color: "secondary", weight: "medium", children: [
+        "Your",
+        " ",
+        /* @__PURE__ */ jsx12(InlineText3, { variant: "bodyS", weight: "medium", children: "Recovery Secret" }),
+        " ",
+        "ensures you will be able to regain access to your ",
+        hideWallets ? "account" : "wallet",
+        " if you lose your Passkey or Password."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(
+      SaveRecoverySecret,
+      {
+        email: (authInfo == null ? void 0 : authInfo.authType) === "email" ? authInfo.identifier : void 0,
+        value: backupDecryptionKey,
+        onComplete
+      }
+    )
+  ] });
+};
+var ActionButton = styled8(StyledCpslTileButton)`
+  flex: 1;
+
+  --button-icon-color: var(--cpsl-color-text-primary);
+`;
+var ButtonContainer = styled8.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+`;
+var InlineText3 = styled8(CpslText9)`
+  text-align: center;
+  display: inline-block;
+`;
+
+// src/modal/components/TwoFactorDoneStep/TwoFactorDoneStep.tsx
+import { CpslButton as CpslButton7, CpslText as CpslText10 } from "@getpara/react-components";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var TwoFactorDoneStep = ({ onClose }) => {
+  const hideWallets = useThemeStore((state) => state.hideWallets);
+  return /* @__PURE__ */ jsxs11(StepContainer, { children: [
+    /* @__PURE__ */ jsx13(HeroIcon, { icon: "checkCircleFilled" }),
+    /* @__PURE__ */ jsxs11(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx13(Heading, { variant: "headingXS", weight: "semiBold", children: "Success" }),
+      /* @__PURE__ */ jsxs11(CpslText10, { variant: "bodyS", color: "secondary", weight: "medium", children: [
+        "Your ",
+        hideWallets ? "account" : "wallet",
+        " is now protected by 2FA"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx13(CpslButton7, { fullWidth: true, onClick: onClose, children: "Done" })
+  ] });
+};
+
+// src/modal/components/BiometricCreationStep/BiometricCreationStep.tsx
+import { CpslButton as CpslButton8, CpslDivider as CpslDivider3, CpslIcon as CpslIcon5, CpslQrCode as CpslQrCode2, CpslSpinner as CpslSpinner5, CpslText as CpslText11 } from "@getpara/react-components";
+import { useCopyToClipboard as useCopyToClipboard3, UserIdentifier as UserIdentifier2 } from "@getpara/react-common";
+
+// src/modal/constants/defaults.ts
+var DEFAULTS = {
+  LOGGIN_POLLING_DELAY_MS: 5e3,
+  POLLING_INTERVAL_MS: 2e3,
+  ANIMATION_DURATION: 0.15
+};
 
 // src/modal/hooks/useGoBack.ts
 var useGoBack = () => {
@@ -2295,7 +2500,8 @@ var useGoBack = () => {
   const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
   const decrementStep = useModalStore((state) => state.decrementStep);
   const resetState = useModalStore((state) => state.resetState);
-  const { setChainIdSwitchingTo } = useExternalWallets();
+  const { setChainIdSwitchingTo, disconnectExternalWallet } = useExternalWallets();
+  const client = useInternalClient();
   const goBack = () => {
     if (currentStep === "ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */) {
       setStep(getAddFundsStep(accountAddFundTab));
@@ -2304,8 +2510,13 @@ var useGoBack = () => {
     }
     switch (currentStep) {
       case "AUTH_MAIN" /* AUTH_MAIN */:
-      case "AUTH_MORE" /* AUTH_MORE */: {
+      case "AUTH_MORE" /* AUTH_MORE */:
+      case "EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */:
+      case "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */: {
         resetState();
+        if (client.isExternalWalletAuth) {
+          disconnectExternalWallet();
+        }
         break;
       }
       case "CHAIN_SWITCH" /* CHAIN_SWITCH */: {
@@ -2379,9 +2590,11 @@ function useCreateAccount() {
 }
 
 // src/modal/components/BiometricCreationStep/BiometricCreationStep.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var BiometricCreationStep = () => {
   const createAccount = useCreateAccount();
+  const para = useInternalClient();
+  const appName = useThemeStore((state) => state.appName);
   const webAuthURLForCreate = useModalStore((state) => state.webAuthURLForCreate);
   const iFrameUrl = useModalStore((state) => state.iFrameUrl);
   const isPasskeySupported2 = useModalStore((state) => state.isPasskeySupported);
@@ -2391,28 +2604,28 @@ var BiometricCreationStep = () => {
     copy(webAuthURLForCreate);
   };
   const isBoth = !!webAuthURLForCreate && !!iFrameUrl;
-  return /* @__PURE__ */ jsxs11(StepContainer, { $wide: true, children: [
-    /* @__PURE__ */ jsxs11(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx13(Heading, { variant: "headingS", weight: "bold", children: isBoth ? "Secure Your Account" : "Create Passkey" }),
-      /* @__PURE__ */ jsx13(UserIdentifier2, __spreadValues({}, authInfo)),
-      /* @__PURE__ */ jsx13(CpslText10, { variant: "bodyS", color: "secondary", weight: "medium", children: isBoth ? "Choose a password or set up a passkey" : "Your Passkey keeps your account safe." })
+  return /* @__PURE__ */ jsxs12(StepContainer, { $wide: true, children: [
+    /* @__PURE__ */ jsxs12(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx14(Heading, { variant: "headingS", weight: "bold", children: para.isExternalWalletAuth ? `Finish setup for your${appName ? ` ${appName}` : ""} wallet` : isBoth ? "Secure Your Account" : "Create Passkey" }),
+      /* @__PURE__ */ jsx14(UserIdentifier2, __spreadValues({}, authInfo)),
+      /* @__PURE__ */ jsx14(CpslText11, { variant: "bodyS", color: "secondary", weight: "medium", children: isBoth ? "Choose a password or set up a passkey" : "Your Passkey keeps your account safe." })
     ] }),
-    /* @__PURE__ */ jsxs11(InnerStepContainer, { children: [
-      isPasskeySupported2 ? /* @__PURE__ */ jsxs11(CpslButton7, { fullWidth: true, onClick: createAccount.withPasskey, children: [
-        /* @__PURE__ */ jsx13(CpslIcon5, { slot: "start", icon: "key" }),
+    /* @__PURE__ */ jsxs12(InnerStepContainer, { children: [
+      isPasskeySupported2 ? /* @__PURE__ */ jsxs12(CpslButton8, { fullWidth: true, onClick: createAccount.withPasskey, children: [
+        /* @__PURE__ */ jsx14(CpslIcon5, { slot: "start", icon: "key" }),
         isBoth ? "Create Passkey" : "Create"
-      ] }) : /* @__PURE__ */ jsxs11(Fragment6, { children: [
-        /* @__PURE__ */ jsx13(CpslText10, { weight: "semiBold", children: "Scan with your mobile device" }),
-        /* @__PURE__ */ jsx13(QRContainer, { children: !webAuthURLForCreate ? /* @__PURE__ */ jsx13(CpslSpinner4, { size: 100 }) : /* @__PURE__ */ jsx13(CpslQrCode2, { url: webAuthURLForCreate }) }),
-        /* @__PURE__ */ jsxs11(CpslButton7, { size: "small", variant: "ghost", onClick: handleCopy, children: [
-          /* @__PURE__ */ jsx13(CpslIcon5, { slot: "start", icon: isCopied ? "check" : "copy" }),
+      ] }) : /* @__PURE__ */ jsxs12(Fragment6, { children: [
+        /* @__PURE__ */ jsx14(CpslText11, { weight: "semiBold", children: "Scan with your mobile device" }),
+        /* @__PURE__ */ jsx14(QRContainer, { children: !webAuthURLForCreate ? /* @__PURE__ */ jsx14(CpslSpinner5, { size: 100 }) : /* @__PURE__ */ jsx14(CpslQrCode2, { url: webAuthURLForCreate }) }),
+        /* @__PURE__ */ jsxs12(CpslButton8, { size: "small", variant: "ghost", onClick: handleCopy, children: [
+          /* @__PURE__ */ jsx14(CpslIcon5, { slot: "start", icon: isCopied ? "check" : "copy" }),
           isCopied ? "Copied" : "Copy Link"
         ] })
       ] }),
-      isBoth && /* @__PURE__ */ jsxs11(Fragment6, { children: [
-        /* @__PURE__ */ jsx13(CpslDivider3, { children: "or" }),
-        /* @__PURE__ */ jsxs11(CpslButton7, { fullWidth: true, onClick: createAccount.withPassword, children: [
-          /* @__PURE__ */ jsx13(CpslIcon5, { slot: "start", icon: "passcode" }),
+      isBoth && /* @__PURE__ */ jsxs12(Fragment6, { children: [
+        /* @__PURE__ */ jsx14(CpslDivider3, { children: "or" }),
+        /* @__PURE__ */ jsxs12(CpslButton8, { fullWidth: true, onClick: createAccount.withPassword, children: [
+          /* @__PURE__ */ jsx14(CpslIcon5, { slot: "start", icon: "passcode" }),
           "Choose Password"
         ] })
       ] })
@@ -2421,9 +2634,9 @@ var BiometricCreationStep = () => {
 };
 
 // src/modal/components/AwaitingOAuthStep/AwaitingOAuthStep.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var AwaitingOAuthStep = () => {
-  return /* @__PURE__ */ jsx14(Waiting, { heading: "Complete Login", subheading: "Follow the prompts presented by your browser." });
+  return /* @__PURE__ */ jsx15(Waiting, { heading: "Complete Login", subheading: "Follow the prompts presented by your browser." });
 };
 
 // src/modal/components/AddFunds/AddFunds.tsx
@@ -2434,18 +2647,18 @@ import {
   OnRampProvider as OnRampProvider2,
   OnRampPurchaseType,
   toAssetInfoArray,
-  WalletType as WalletType3
+  WalletType as WalletType4
 } from "@getpara/web-sdk";
 import {
-  CpslButton as CpslButton9,
+  CpslButton as CpslButton10,
   CpslDivider as CpslDivider4,
   CpslIcon as CpslIcon7,
   CpslIdenticon as CpslIdenticon2,
   CpslQrCode as CpslQrCode3,
-  CpslSpinner as CpslSpinner6,
+  CpslSpinner as CpslSpinner7,
   CpslTab,
   CpslTabs,
-  CpslText as CpslText12
+  CpslText as CpslText13
 } from "@getpara/react-components";
 import { useEffect as useEffect10, useMemo as useMemo4 } from "react";
 
@@ -2548,10 +2761,10 @@ var BODY_TRANSITION = {
 };
 
 // src/modal/components/OnRampComponents/OnRampProviderButton.tsx
-import styled8 from "styled-components";
-import { CpslButton as CpslButton8, CpslIcon as CpslIcon6, CpslSpinner as CpslSpinner5, CpslText as CpslText11 } from "@getpara/react-components";
+import styled9 from "styled-components";
+import { CpslButton as CpslButton9, CpslIcon as CpslIcon6, CpslSpinner as CpslSpinner6, CpslText as CpslText12 } from "@getpara/react-components";
 import { motion } from "framer-motion";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var OnRampProviderButton = ({ config, index, onClick: _onClick }) => {
   const [isLoading, setIsLoading] = useState7(false);
   const provider = config.providers[index];
@@ -2562,22 +2775,22 @@ var OnRampProviderButton = ({ config, index, onClick: _onClick }) => {
     yield _onClick();
     setIsLoading(false);
   });
-  return /* @__PURE__ */ jsx15(StyledButton, { $gradientColors: backgroundColors, fullWidth: true, onClick, children: /* @__PURE__ */ jsxs12(Container2, { $backgroundColor: backgroundColors[1], children: [
-    /* @__PURE__ */ jsx15(IconContainer, { children: /* @__PURE__ */ jsx15(CpslIcon6, { icon }) }),
-    /* @__PURE__ */ jsxs12(ProviderInfoContainer, { children: [
-      /* @__PURE__ */ jsx15(Text, { variant: "bodyL", weight: "medium", children: name }),
-      /* @__PURE__ */ jsx15(ProviderInfoInnerContainer, { children: /* @__PURE__ */ jsx15(Text, { variant: "bodyXS", weight: "medium", children: feeString }) })
+  return /* @__PURE__ */ jsx16(StyledButton, { $gradientColors: backgroundColors, fullWidth: true, onClick, children: /* @__PURE__ */ jsxs13(Container2, { $backgroundColor: backgroundColors[1], children: [
+    /* @__PURE__ */ jsx16(IconContainer, { children: /* @__PURE__ */ jsx16(CpslIcon6, { icon }) }),
+    /* @__PURE__ */ jsxs13(ProviderInfoContainer, { children: [
+      /* @__PURE__ */ jsx16(Text, { variant: "bodyL", weight: "medium", children: name }),
+      /* @__PURE__ */ jsx16(ProviderInfoInnerContainer, { children: /* @__PURE__ */ jsx16(Text, { variant: "bodyXS", weight: "medium", children: feeString }) })
     ] }),
-    isLoading ? /* @__PURE__ */ jsx15(CpslSpinner5, { size: 16 }) : /* @__PURE__ */ jsx15(Chevron, { icon: "chevronUp" })
+    isLoading ? /* @__PURE__ */ jsx16(CpslSpinner6, { size: 16 }) : /* @__PURE__ */ jsx16(Chevron, { icon: "chevronUp" })
   ] }) });
 };
-var StyledButton = styled8(CpslButton8)`
+var StyledButton = styled9(CpslButton9)`
   width: 100%;
   --button-primary-background-color: ${({ $gradientColors }) => `linear-gradient(90deg, ${$gradientColors[0]} 0%, ${$gradientColors[1]} 100%)`};
   --button-primary-hover-background-color: ${({ $gradientColors }) => `linear-gradient(90deg, ${$gradientColors[0]} 0%, ${$gradientColors[0]} 100%)`};
   --button-primary-active-background-color: ${({ $gradientColors }) => `linear-gradient(90deg, ${$gradientColors[0]} 0%, ${$gradientColors[0]} 100%)`};
 `;
-var Container2 = styled8(motion.div)`
+var Container2 = styled9(motion.div)`
   display: flex;
   gap: 8px;
   flex: 1;
@@ -2587,18 +2800,18 @@ var Container2 = styled8(motion.div)`
     --background-color: ${({ $backgroundColor }) => `${$backgroundColor}`};
   }
 `;
-var ProviderInfoContainer = styled8.div`
+var ProviderInfoContainer = styled9.div`
   flex: 1;
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 2px;
 `;
-var ProviderInfoInnerContainer = styled8.div`
+var ProviderInfoInnerContainer = styled9.div`
   display: flex;
   gap: 16px;
 `;
-var IconContainer = styled8.span`
+var IconContainer = styled9.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2607,12 +2820,12 @@ var IconContainer = styled8.span`
   height: 48px;
   width: 48px;
 `;
-var Text = styled8(CpslText11)`
+var Text = styled9(CpslText12)`
   &::part(text-element) {
     color: #fff;
   }
 `;
-var Chevron = styled8(CpslIcon6)`
+var Chevron = styled9(CpslIcon6)`
   transform: rotate(90deg);
   --icon-color: #fff;
 `;
@@ -2641,17 +2854,17 @@ var formatNetworkList = (networks) => {
 };
 
 // src/modal/components/AddFunds/AddFunds.tsx
-import styled9 from "styled-components";
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import styled10 from "styled-components";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var TABS = [
   [EnabledFlow.BUY, "isBuyEnabled", "creditCard", "Buy"],
   [EnabledFlow.RECEIVE, "isReceiveEnabled", "qrCode", "Receive"],
   [EnabledFlow.WITHDRAW, "isWithdrawEnabled", "arrowCircleBrokenDownLeft", "Withdraw"]
 ];
 var GENERIC_WALLET = {
-  [WalletType3.EVM]: "Ethereum or EVM-based L2s",
-  [WalletType3.SOLANA]: "Solana",
-  [WalletType3.COSMOS]: "Cosmos"
+  [WalletType4.EVM]: "Ethereum or EVM-based L2s",
+  [WalletType4.SOLANA]: "Solana",
+  [WalletType4.COSMOS]: "Cosmos"
 };
 var AddFunds = () => {
   const [isCopied, copy] = useCopyToClipboard4();
@@ -2717,25 +2930,25 @@ var AddFunds = () => {
     setOnRampPurchase(void 0);
   }, []);
   if (!onRampConfig || !activeWallet) {
-    return /* @__PURE__ */ jsx16(SpinnerContainer2, { children: /* @__PURE__ */ jsx16(CpslSpinner6, {}) });
+    return /* @__PURE__ */ jsx17(SpinnerContainer2, { children: /* @__PURE__ */ jsx17(CpslSpinner7, {}) });
   }
   useEffect10(() => {
     setOnRampPurchase(void 0);
   }, []);
-  return /* @__PURE__ */ jsxs13(StepContainer, { children: [
-    isMultiFlow && /* @__PURE__ */ jsx16(InnerStepContainer, { children: /* @__PURE__ */ jsx16(CpslTabs, { selectedTab: tab, onCpslTabsChanged: onSetTab, children: TABS.map(([tab2, _, icon, title]) => /* @__PURE__ */ jsxs13(CpslTab, { tab: tab2, children: [
-      /* @__PURE__ */ jsx16(CpslIcon7, { slot: "start", icon }),
+  return /* @__PURE__ */ jsxs14(StepContainer, { children: [
+    isMultiFlow && /* @__PURE__ */ jsx17(InnerStepContainer, { children: /* @__PURE__ */ jsx17(CpslTabs, { selectedTab: tab, onCpslTabsChanged: onSetTab, children: TABS.map(([tab2, _, icon, title]) => /* @__PURE__ */ jsxs14(CpslTab, { tab: tab2, children: [
+      /* @__PURE__ */ jsx17(CpslIcon7, { slot: "start", icon }),
       title
     ] }, tab2)) }) }),
-    /* @__PURE__ */ jsx16(Fragment7, { children: [EnabledFlow.BUY, EnabledFlow.WITHDRAW].includes(tab) ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
-      /* @__PURE__ */ jsx16(Heading, { variant: "headingS", weight: "bold", children: "Choose Provider" }),
-      /* @__PURE__ */ jsxs13($InnerStepContainer, { children: [
-        /* @__PURE__ */ jsxs13(NoProviders, { isHidden: Object.values(isProviderAllowed).some((v) => !!v), variant: "bodyM", children: [
+    /* @__PURE__ */ jsx17(Fragment7, { children: [EnabledFlow.BUY, EnabledFlow.WITHDRAW].includes(tab) ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
+      /* @__PURE__ */ jsx17(Heading, { variant: "headingS", weight: "bold", children: "Choose Provider" }),
+      /* @__PURE__ */ jsxs14($InnerStepContainer, { children: [
+        /* @__PURE__ */ jsxs14(NoProviders, { isHidden: Object.values(isProviderAllowed).some((v) => !!v), variant: "bodyM", children: [
           "No providers are available for this ",
           hideWallets ? "account" : "wallet"
         ] }),
-        /* @__PURE__ */ jsx16(AnimatePresence, { children: onRampConfig.providers.map((id, index) => {
-          return isProviderAllowed[id] ? /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(AnimatePresence, { children: onRampConfig.providers.map((id, index) => {
+          return isProviderAllowed[id] ? /* @__PURE__ */ jsx17(
             motion2.div,
             {
               style: { width: "100%" },
@@ -2744,7 +2957,7 @@ var AddFunds = () => {
               animate: { opacity: 1, transform: "none" },
               exit: { opacity: 0, transform: "translateX(-25px)" },
               transition: { duration: 0.2 },
-              children: /* @__PURE__ */ jsx16(
+              children: /* @__PURE__ */ jsx17(
                 OnRampProviderButton,
                 {
                   config: onRampConfig,
@@ -2780,37 +2993,37 @@ var AddFunds = () => {
           ) : null;
         }) })
       ] })
-    ] }) : /* @__PURE__ */ jsxs13(Fragment7, { children: [
-      /* @__PURE__ */ jsx16(InnerStepContainer, { children: /* @__PURE__ */ jsxs13(FilledDisabledInput, { noAutoDisable: true, readonly: true, placeholder: address, children: [
-        /* @__PURE__ */ jsx16(CpslIdenticon2, { slot: "start", size: "32px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
-        /* @__PURE__ */ jsx16(CpslButton9, { slot: "end", variant: "ghost", onClick: onCopy, children: /* @__PURE__ */ jsx16(CpslIcon7, { icon: isCopied ? "check" : "copy" }) })
+    ] }) : /* @__PURE__ */ jsxs14(Fragment7, { children: [
+      /* @__PURE__ */ jsx17(InnerStepContainer, { children: /* @__PURE__ */ jsxs14(FilledDisabledInput, { noAutoDisable: true, readonly: true, placeholder: address, children: [
+        /* @__PURE__ */ jsx17(CpslIdenticon2, { slot: "start", size: "32px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
+        /* @__PURE__ */ jsx17(CpslButton10, { slot: "end", variant: "ghost", onClick: onCopy, children: /* @__PURE__ */ jsx17(CpslIcon7, { icon: isCopied ? "check" : "copy" }) })
       ] }, address) }),
-      !isMobile2() && /* @__PURE__ */ jsxs13(Fragment7, { children: [
-        /* @__PURE__ */ jsx16(CpslDivider4, { children: "or" }),
-        /* @__PURE__ */ jsxs13(InnerStepContainer, { children: [
-          /* @__PURE__ */ jsx16(QRContainer, { children: !address ? /* @__PURE__ */ jsx16(CpslSpinner6, { size: 100 }) : /* @__PURE__ */ jsx16(CpslQrCode3, { url: address }, address) }),
-          /* @__PURE__ */ jsx16(CpslText12, { weight: "semiBold", color: "secondary", children: "Scan with your crypto wallet" })
+      !isMobile2() && /* @__PURE__ */ jsxs14(Fragment7, { children: [
+        /* @__PURE__ */ jsx17(CpslDivider4, { children: "or" }),
+        /* @__PURE__ */ jsxs14(InnerStepContainer, { children: [
+          /* @__PURE__ */ jsx17(QRContainer, { children: !address ? /* @__PURE__ */ jsx17(CpslSpinner7, { size: 100 }) : /* @__PURE__ */ jsx17(CpslQrCode3, { url: address }, address) }),
+          /* @__PURE__ */ jsx17(CpslText13, { weight: "semiBold", color: "secondary", children: "Scan with your crypto wallet" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs13(InnerStepContainer, { children: [
-        /* @__PURE__ */ jsxs13(CenteredText, { weight: "semiBold", children: [
+      /* @__PURE__ */ jsxs14(InnerStepContainer, { children: [
+        /* @__PURE__ */ jsxs14(CenteredText, { weight: "semiBold", children: [
           !!onRampConfig.allowedAssets && allowedNetworks.length > 0 || hideWallets ? appName != null ? appName : "This App" : "This Wallet",
           " ",
           "Only Supports:"
         ] }),
-        /* @__PURE__ */ jsx16(CenteredText, { weight: "medium", color: "secondary", children: !!onRampConfig.allowedAssets && allowedNetworks.length > 0 ? formatNetworkList(allowedNetworks) : GENERIC_WALLET[activeWallet.type] })
+        /* @__PURE__ */ jsx17(CenteredText, { weight: "medium", color: "secondary", children: !!onRampConfig.allowedAssets && allowedNetworks.length > 0 ? formatNetworkList(allowedNetworks) : GENERIC_WALLET[activeWallet.type] })
       ] })
     ] }) })
   ] });
 };
-var SpinnerContainer2 = styled9(StepContainer)`
+var SpinnerContainer2 = styled10(StepContainer)`
   margin: 50% 0;
 `;
-var $InnerStepContainer = styled9(InnerStepContainer)`
+var $InnerStepContainer = styled10(InnerStepContainer)`
   position: relative;
   min-height: 270px;
 `;
-var NoProviders = styled9(CpslText12)`
+var NoProviders = styled10(CpslText13)`
   width: 100%;
   text-align: center;
   visibility: ${({ isHidden }) => isHidden ? "hidden" : "visible"};
@@ -2825,8 +3038,8 @@ var NoProviders = styled9(CpslText12)`
 import { OnRampProvider as OnRampProvider3 } from "@getpara/web-sdk";
 import { lazy, useEffect as useEffect11, useMemo as useMemo5, useState as useState8 } from "react";
 import { RampEmbed, StripeEmbed } from "@getpara/react-common";
-import styled10 from "styled-components";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import styled11 from "styled-components";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var STEPS = {
   CANCELLED: "ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */,
   FINISHED: "ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */
@@ -2861,11 +3074,11 @@ var AddFundsAwaiting = () => {
     }
     switch (onRampPurchase == null ? void 0 : onRampPurchase.provider) {
       case OnRampProvider3.STRIPE:
-        return /* @__PURE__ */ jsx17(StripeEmbed, __spreadValues({}, props));
+        return /* @__PURE__ */ jsx18(StripeEmbed, __spreadValues({}, props));
       case OnRampProvider3.MOONPAY:
-        return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx17(MoonPayEmbed, __spreadValues({}, props));
+        return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx18(MoonPayEmbed, __spreadValues({}, props));
       case OnRampProvider3.RAMP:
-        return /* @__PURE__ */ jsx17(RampEmbed, __spreadValues({ apiKey: onRampConfig.rampApiKey }, props));
+        return /* @__PURE__ */ jsx18(RampEmbed, __spreadValues({ apiKey: onRampConfig.rampApiKey }, props));
     }
   }, [onRampPurchase == null ? void 0 : onRampPurchase.provider, MoonPayEmbed]);
   useEffect11(() => {
@@ -2877,16 +3090,16 @@ var AddFundsAwaiting = () => {
     }
     return () => clearTimeout(timeoutId);
   }, [onRampPurchase == null ? void 0 : onRampPurchase.status]);
-  return /* @__PURE__ */ jsx17(Container3, { $wide: true, children: onRampEmbed });
+  return /* @__PURE__ */ jsx18(Container3, { $wide: true, children: onRampEmbed });
 };
-var Container3 = styled10(StepContainer)`
+var Container3 = styled11(StepContainer)`
   flex: 1;
 `;
 
 // src/modal/components/AddFunds/AddFundsDone.tsx
 import { useMemo as useMemo6 } from "react";
-import { CpslButton as CpslButton10, CpslText as CpslText13 } from "@getpara/react-components";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { CpslButton as CpslButton11, CpslText as CpslText14 } from "@getpara/react-components";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var AddFundsDone = ({ isSuccess, onClose }) => {
   const hideWallets = useThemeStore((state) => state.hideWallets);
   const setStep = useModalStore((state) => state.setStep);
@@ -2901,14 +3114,14 @@ var AddFundsDone = ({ isSuccess, onClose }) => {
   const heading = isSuccess ? "Transaction Successful" : "Something Went Wrong";
   const text = isSuccess ? `${formatter.format(parseFloat(onRampPurchase == null ? void 0 : onRampPurchase.fiatQuantity))} is now available in your ${hideWallets ? "account" : "wallet"}.` : `No funds were added to your ${hideWallets ? "account" : "wallet"}.`;
   const buttonText = isSuccess ? "Done" : "Try Again";
-  return /* @__PURE__ */ jsxs14(StepContainer, { children: [
-    /* @__PURE__ */ jsx18(HeroIcon, { icon: "checkCircleFilled" }),
-    /* @__PURE__ */ jsxs14(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx18(Heading, { variant: "headingS", weight: "bold", children: heading }),
-      /* @__PURE__ */ jsx18(CpslText13, { variant: "bodyS", color: "secondary", children: text })
+  return /* @__PURE__ */ jsxs15(StepContainer, { children: [
+    /* @__PURE__ */ jsx19(HeroIcon, { icon: "checkCircleFilled" }),
+    /* @__PURE__ */ jsxs15(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx19(Heading, { variant: "headingS", weight: "bold", children: heading }),
+      /* @__PURE__ */ jsx19(CpslText14, { variant: "bodyS", color: "secondary", children: text })
     ] }),
-    /* @__PURE__ */ jsx18(
-      CpslButton10,
+    /* @__PURE__ */ jsx19(
+      CpslButton11,
       {
         fullWidth: true,
         onClick: () => {
@@ -2922,9 +3135,9 @@ var AddFundsDone = ({ isSuccess, onClose }) => {
 
 // src/modal/components/OAuth/FarcasterOAuthStep.tsx
 import { useEffect as useEffect12 } from "react";
-import { CpslButton as CpslButton11, CpslIcon as CpslIcon8, CpslQrCode as CpslQrCode4, CpslSpinner as CpslSpinner7, CpslText as CpslText14 } from "@getpara/react-components";
-import { AuthMethod as AuthMethod3, isMobile as isMobile3 } from "@getpara/web-sdk";
-import { Fragment as Fragment8, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { CpslButton as CpslButton12, CpslIcon as CpslIcon8, CpslQrCode as CpslQrCode4, CpslSpinner as CpslSpinner8, CpslText as CpslText15 } from "@getpara/react-components";
+import { AuthMethod as AuthMethod6, isMobile as isMobile3 } from "@getpara/web-sdk";
+import { Fragment as Fragment8, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var FarcasterOAuthStep = () => {
   const setAuthInfo = useUserInfoStore((state) => state.setAuthInfo);
   const setStep = useModalStore((state) => state.setStep);
@@ -2932,13 +3145,13 @@ var FarcasterOAuthStep = () => {
   const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
   const setIsIFrameReady = useModalStore((state) => state.setIsIFrameReady);
   const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
-  const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
   const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
   const para = useInternalClient();
   const setFlow = useModalStore((state) => state.setFlow);
   const farcasterConnectUri = useModalStore((state) => state.farcasterConnectUri);
   const setFarcasterConnectUri = useModalStore((state) => state.setFarcasterConnectUri);
   const theme = useThemeStore((state) => state.theme);
+  const setLoginURLs = useSetLoginURLs();
   useEffect12(() => {
     if (farcasterConnectUri) {
       const pollStatus = () => __async(void 0, null, function* () {
@@ -2947,8 +3160,8 @@ var FarcasterOAuthStep = () => {
         if (userExists) {
           const supportedAuthMethods = yield para.initiateUserLoginV2({ farcasterUsername: username });
           if (supportedAuthMethods.size > 0) {
-            setSupportedAuthMethods(supportedAuthMethods);
-            const biometricLocationHints = supportedAuthMethods.has(AuthMethod3.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+            const biometricLocationHints = supportedAuthMethods.has(AuthMethod6.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+            yield setLoginURLs({ supportedAuthMethods, authType: "farcaster", displayName: username, pfpUrl });
             setFlow("login");
             setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
             setBiometricLocationHints(biometricLocationHints);
@@ -2958,12 +3171,12 @@ var FarcasterOAuthStep = () => {
         const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
         setIsIFrameReady(false);
         setFlow("signUp");
-        const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod3.PASSKEY);
+        const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod6.PASSKEY);
         if (supportsPasskey) {
           setWebAuthURLForCreate(yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: "farcaster" })));
           setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
         }
-        if (supportedCreateAuthMethods.has(AuthMethod3.PASSWORD)) {
+        if (supportedCreateAuthMethods.has(AuthMethod6.PASSWORD)) {
           setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: "farcaster", theme })));
           setAuthStepRoute(supportsPasskey ? "BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */ : "PASSWORD_CREATION" /* PASSWORD_CREATION */);
         }
@@ -2975,24 +3188,24 @@ var FarcasterOAuthStep = () => {
       };
     }
   }, [farcasterConnectUri]);
-  return /* @__PURE__ */ jsx19(StepContainer, { $wide: true, children: isMobile3() ? /* @__PURE__ */ jsxs15(InnerStepContainer, { children: [
-    /* @__PURE__ */ jsx19(CpslText14, { weight: "medium", color: "secondary", children: `Don\u2019t have Farcaster` }),
-    /* @__PURE__ */ jsxs15(CpslButton11, { as: "a", href: "https://link.warpcast.com/download-qr", target: "_blank", variant: "secondary", children: [
-      /* @__PURE__ */ jsx19(CpslIcon8, { slot: "start", icon: "linkExternal" }),
+  return /* @__PURE__ */ jsx20(StepContainer, { $wide: true, children: isMobile3() ? /* @__PURE__ */ jsxs16(InnerStepContainer, { children: [
+    /* @__PURE__ */ jsx20(CpslText15, { weight: "medium", color: "secondary", children: `Don\u2019t have Farcaster` }),
+    /* @__PURE__ */ jsxs16(CpslButton12, { as: "a", href: "https://link.warpcast.com/download-qr", target: "_blank", variant: "secondary", children: [
+      /* @__PURE__ */ jsx20(CpslIcon8, { slot: "start", icon: "linkExternal" }),
       `Get Farcaster`
     ] })
-  ] }) : /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    /* @__PURE__ */ jsx19(Heading, { variant: "headingS", weight: "bold", children: "Sign in using Farcaster" }),
-    /* @__PURE__ */ jsxs15(InnerStepContainer, { children: [
-      /* @__PURE__ */ jsx19(CenteredText, { variant: "bodyS", color: "secondary", weight: "medium", children: "Scan the QR code with your phone's camera to proceed." }),
-      /* @__PURE__ */ jsx19(QRContainer, { children: !farcasterConnectUri ? /* @__PURE__ */ jsx19(CpslSpinner7, { size: 100 }) : /* @__PURE__ */ jsx19(CpslQrCode4, { url: farcasterConnectUri }) })
+  ] }) : /* @__PURE__ */ jsxs16(Fragment8, { children: [
+    /* @__PURE__ */ jsx20(Heading, { variant: "headingS", weight: "bold", children: "Sign in using Farcaster" }),
+    /* @__PURE__ */ jsxs16(InnerStepContainer, { children: [
+      /* @__PURE__ */ jsx20(CenteredText, { variant: "bodyS", color: "secondary", weight: "medium", children: "Scan the QR code with your phone's camera to proceed." }),
+      /* @__PURE__ */ jsx20(QRContainer, { children: !farcasterConnectUri ? /* @__PURE__ */ jsx20(CpslSpinner8, { size: 100 }) : /* @__PURE__ */ jsx20(CpslQrCode4, { url: farcasterConnectUri }) })
     ] })
   ] }) });
 };
 var FarcasterOAuthStep_default = FarcasterOAuthStep;
 
 // src/modal/components/Header/Header.tsx
-import { styled as styled11 } from "styled-components";
+import { styled as styled12 } from "styled-components";
 
 // src/modal/components/Header/hooks/useStepTitle.ts
 import { useMemo as useMemo7 } from "react";
@@ -3039,12 +3252,12 @@ var useStepTitle = () => {
 
 // src/modal/components/Header/Header.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion3 } from "framer-motion";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Header = () => {
   const { title } = useStepTitle();
   const stepDirection = useModalStore((state) => state.stepDirection);
   const currentStep = useModalStore((state) => state.step);
-  return /* @__PURE__ */ jsx20(AnimatePresence2, { mode: "popLayout", initial: false, custom: stepDirection, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(AnimatePresence2, { mode: "popLayout", initial: false, custom: stepDirection, children: /* @__PURE__ */ jsx21(
     Container4,
     {
       custom: stepDirection,
@@ -3055,12 +3268,12 @@ var Header = () => {
       transition: BODY_TRANSITION,
       slot: "header",
       id: "header",
-      children: /* @__PURE__ */ jsx20(CenteredText, { weight: "semiBold", color: "secondary", children: title })
+      children: /* @__PURE__ */ jsx21(CenteredText, { weight: "semiBold", color: "secondary", children: title })
     },
     ["ADD_FUNDS_BUY", "ADD_FUNDS_RECEIVE", "ADD_FUNDS_WITHDRAW"].includes(currentStep) ? "ADD_FUNDS" : currentStep
   ) });
 };
-var Container4 = styled11(motion3.div)`
+var Container4 = styled12(motion3.div)`
   position: absolute;
   top: 16px;
   width: 100%;
@@ -3073,16 +3286,16 @@ var Container4 = styled11(motion3.div)`
 `;
 
 // src/modal/components/AuthMainStep/AuthMainStep.tsx
-import styled17 from "styled-components";
+import styled18 from "styled-components";
 
 // src/modal/components/AuthMainStep/AuthMainStepContent.tsx
 import { Fragment as Fragment11, useMemo as useMemo9 } from "react";
-import { CpslButton as CpslButton14, CpslDivider as CpslDivider5, CpslIconGroup } from "@getpara/react-components";
-import styled16 from "styled-components";
+import { CpslButton as CpslButton15, CpslDivider as CpslDivider5, CpslIconGroup } from "@getpara/react-components";
+import styled17 from "styled-components";
 
 // src/modal/components/ExternalWallets/ExternalWallets.tsx
-import styled12 from "styled-components";
-import { CpslButton as CpslButton12, CpslIcon as CpslIcon9, CpslInput as CpslInput2, CpslText as CpslText15 } from "@getpara/react-components";
+import styled13 from "styled-components";
+import { CpslButton as CpslButton13, CpslIcon as CpslIcon9, CpslInput as CpslInput2, CpslText as CpslText16 } from "@getpara/react-components";
 import { useState as useState9 } from "react";
 
 // src/modal/utils/authLayoutHelpers.ts
@@ -3090,7 +3303,7 @@ var hasExternalWallet = (authLayout) => authLayout.find((layout) => layout.inclu
 var hasEmbeddedAuth = (authLayout) => authLayout.find((layout) => layout.includes("AUTH"));
 
 // src/modal/components/ExternalWallets/ExternalWallets.tsx
-import { Fragment as Fragment9, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var HAS_MORE_LENGTH = 3;
 var ExternalWallets = () => {
   const { wallets, connectExternalWallet } = useExternalWallets();
@@ -3117,9 +3330,9 @@ var ExternalWallets = () => {
       connectExternalWallet(wallet, true);
     }
   };
-  return /* @__PURE__ */ jsxs16(Container5, { $maxHeight: showAll, children: [
-    showAll && /* @__PURE__ */ jsxs16(Fragment9, { children: [
-      /* @__PURE__ */ jsx21(SearchInputWrapper, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs17(Container5, { $maxHeight: showAll, children: [
+    showAll && /* @__PURE__ */ jsxs17(Fragment9, { children: [
+      /* @__PURE__ */ jsx22(SearchInputWrapper, { children: /* @__PURE__ */ jsx22(
         SearchInput,
         {
           placeholder: "Search for your wallet",
@@ -3128,37 +3341,37 @@ var ExternalWallets = () => {
           }),
           value: search,
           style: { width: "100%" },
-          children: /* @__PURE__ */ jsx21(SearchIcon, { slot: "start", icon: "search" })
+          children: /* @__PURE__ */ jsx22(SearchIcon, { slot: "start", icon: "search" })
         }
       ) }),
-      hasEmbeddedAuth(authLayout) && /* @__PURE__ */ jsx21(CpslButton12, { fullWidth: true, variant: "tertiary", onClick: handleParaClick, children: /* @__PURE__ */ jsxs16(WalletButtonOuterContainer, { children: [
-        /* @__PURE__ */ jsxs16(WalletButtonInnerContainer, { children: [
-          /* @__PURE__ */ jsx21(CpslIcon9, { slot: "start", icon: "paraIcon" }),
-          /* @__PURE__ */ jsx21(CpslText15, { weight: "medium", children: "Para" })
+      hasEmbeddedAuth(authLayout) && /* @__PURE__ */ jsx22(CpslButton13, { fullWidth: true, variant: "tertiary", onClick: handleParaClick, children: /* @__PURE__ */ jsxs17(WalletButtonOuterContainer, { children: [
+        /* @__PURE__ */ jsxs17(WalletButtonInnerContainer, { children: [
+          /* @__PURE__ */ jsx22(CpslIcon9, { slot: "start", icon: "paraIcon" }),
+          /* @__PURE__ */ jsx22(CpslText16, { weight: "medium", children: "Para" })
         ] }),
-        /* @__PURE__ */ jsx21(Badge, { $show: true, $variant: "installed", children: /* @__PURE__ */ jsx21(CpslText15, { variant: "body2XS", weight: "medium", children: "Available" }) })
+        /* @__PURE__ */ jsx22(Badge, { $show: true, $variant: "installed", children: /* @__PURE__ */ jsx22(CpslText16, { variant: "body2XS", weight: "medium", children: "Available" }) })
       ] }) })
     ] }),
     walletsToShow.map(
-      (wallet) => showAll ? /* @__PURE__ */ jsx21(CpslButton12, { fullWidth: true, variant: "tertiary", onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs16(WalletButtonOuterContainer, { children: [
-        /* @__PURE__ */ jsxs16(WalletButtonInnerContainer, { children: [
-          /* @__PURE__ */ jsx21(CpslIcon9, { slot: "start", src: wallet.iconUrl }),
-          /* @__PURE__ */ jsx21(CpslText15, { weight: "medium", children: wallet.name })
+      (wallet) => showAll ? /* @__PURE__ */ jsx22(CpslButton13, { fullWidth: true, variant: "tertiary", onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs17(WalletButtonOuterContainer, { children: [
+        /* @__PURE__ */ jsxs17(WalletButtonInnerContainer, { children: [
+          /* @__PURE__ */ jsx22(CpslIcon9, { slot: "start", src: wallet.iconUrl }),
+          /* @__PURE__ */ jsx22(CpslText16, { weight: "medium", children: wallet.name })
         ] }),
-        /* @__PURE__ */ jsx21(Badge, { $show: wallet.isMobile || wallet.installed, $variant: wallet.installed ? "installed" : "mobile", children: /* @__PURE__ */ jsx21(CpslText15, { variant: "body2XS", weight: "medium", children: wallet.installed ? "Installed" : "Mobile" }) })
-      ] }) }, wallet.id) : /* @__PURE__ */ jsx21(WalletTileButton, { src: wallet.iconUrl, onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs16(TileButtonInnerContainer, { children: [
-        wallet.installed && /* @__PURE__ */ jsx21(InstalledIndicator, {}),
-        /* @__PURE__ */ jsx21(CpslText15, { variant: "bodyXS", color: "secondary", weight: "medium", children: wallet.name })
+        /* @__PURE__ */ jsx22(Badge, { $show: wallet.isMobile || wallet.installed, $variant: wallet.installed ? "installed" : "mobile", children: /* @__PURE__ */ jsx22(CpslText16, { variant: "body2XS", weight: "medium", children: wallet.installed ? "Installed" : "Mobile" }) })
+      ] }) }, wallet.id) : /* @__PURE__ */ jsx22(WalletTileButton, { src: wallet.iconUrl, onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs17(TileButtonInnerContainer, { children: [
+        wallet.installed && /* @__PURE__ */ jsx22(InstalledIndicator, {}),
+        /* @__PURE__ */ jsx22(CpslText16, { variant: "bodyXS", color: "secondary", weight: "medium", children: wallet.name })
       ] }) }, wallet.id)
     ),
-    showMoreButton && /* @__PURE__ */ jsxs16(CpslButton12, { variant: "tertiary", fullWidth: true, onClick: handleShowAll, children: [
-      /* @__PURE__ */ jsx21(CpslIcon9, { slot: "start", icon: "wallet" }),
+    showMoreButton && /* @__PURE__ */ jsxs17(CpslButton13, { variant: "tertiary", fullWidth: true, onClick: handleShowAll, children: [
+      /* @__PURE__ */ jsx22(CpslIcon9, { slot: "start", icon: "wallet" }),
       "More Wallets"
     ] }),
-    showAll && /* @__PURE__ */ jsx21(BlurContainer, {})
+    showAll && /* @__PURE__ */ jsx22(BlurContainer, {})
   ] });
 };
-var Container5 = styled12.div`
+var Container5 = styled13.div`
   position: relative;
   display: flex;
   justify-content: center;
@@ -3174,17 +3387,17 @@ var Container5 = styled12.div`
   -ms-overflow-style: none;
   scrollbar-width: none;
 `;
-var WalletTileButton = styled12(StyledCpslTileButton)`
+var WalletTileButton = styled13(StyledCpslTileButton)`
   flex: 1;
 `;
-var WalletButtonOuterContainer = styled12.div`
+var WalletButtonOuterContainer = styled13.div`
   width: 100%;
   display: flex;
   align-items: center;
   gap: 8px;
   justify-content: space-between;
 `;
-var WalletButtonInnerContainer = styled12.div`
+var WalletButtonInnerContainer = styled13.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -3198,7 +3411,7 @@ var WalletButtonInnerContainer = styled12.div`
     }
   }
 `;
-var Badge = styled12.div`
+var Badge = styled13.div`
   visibility: ${({ $show }) => $show ? "visible" : "hidden"};
   padding: 2px 4px;
   border-radius: 4px;
@@ -3210,21 +3423,21 @@ var Badge = styled12.div`
     }
   }
 `;
-var InstalledIndicator = styled12.span`
+var InstalledIndicator = styled13.span`
   width: 8px;
   height: 8px;
   border-radius: 100%;
   background-color: var(--cpsl-color-utility-green);
 `;
-var TileButtonInnerContainer = styled12.div`
+var TileButtonInnerContainer = styled13.div`
   display: flex;
   gap: 4px;
   align-items: center;
 `;
-var SearchIcon = styled12(CpslIcon9)`
+var SearchIcon = styled13(CpslIcon9)`
   --icon-color: var(--cpsl-color-contrast);
 `;
-var SearchInputWrapper = styled12.div`
+var SearchInputWrapper = styled13.div`
   width: 100%;
   background-color: var(--cpsl-color-background-0);
 
@@ -3233,12 +3446,12 @@ var SearchInputWrapper = styled12.div`
   padding-bottom: 4px;
   margin-bottom: -4px;
 `;
-var SearchInput = styled12(CpslInput2)`
+var SearchInput = styled13(CpslInput2)`
   width: 100%;
   --container-background-color: var(--cpsl-color-background-8);
   --input-background-color: var(--cpsl-color-background-8);
 `;
-var BlurContainer = styled12.div`
+var BlurContainer = styled13.div`
   position: sticky;
   height: 56px;
   width: 100%;
@@ -3270,11 +3483,11 @@ var oAuthLogos = {
 
 // src/modal/components/AuthOptions/AuthOptions.tsx
 import { useMemo as useMemo8 } from "react";
-import styled15 from "styled-components";
+import styled16 from "styled-components";
 
 // src/modal/components/OAuth/OAuth.tsx
-import { AuthMethod as AuthMethod4, OAuthMethod } from "@getpara/web-sdk";
-import { styled as styled13 } from "styled-components";
+import { AuthMethod as AuthMethod7, OAuthMethod } from "@getpara/web-sdk";
+import { styled as styled14 } from "styled-components";
 
 // src/modal/utils/getTileButtonFlex.ts
 var getTileButtonFlex = (index, totalItems) => {
@@ -3325,7 +3538,7 @@ var routeMobileExternalWallet = (qrUri) => {
 };
 
 // src/modal/components/OAuth/OAuth.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var HAS_MORE_LENGTH2 = 3;
 var OAuth = ({ methods }) => {
   const goBack = useGoBack();
@@ -3336,7 +3549,6 @@ var OAuth = ({ methods }) => {
   const setFlow = useModalStore((state) => state.setFlow);
   const setStep = useModalStore((state) => state.setStep);
   const setAuthInfo = useUserInfoStore((state) => state.setAuthInfo);
-  const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
   const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
   const setFarcasterConnectUri = useModalStore((state) => state.setFarcasterConnectUri);
   const farcasterConnectUri = useModalStore((state) => state.farcasterConnectUri);
@@ -3346,6 +3558,7 @@ var OAuth = ({ methods }) => {
   const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
   const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
   const theme = useThemeStore((state) => state.theme);
+  const setLoginURLs = useSetLoginURLs();
   useEffect13(() => {
     const initializeFarcaster = () => __async(void 0, null, function* () {
       if (!methods.includes(OAuthMethod.FARCASTER)) {
@@ -3392,10 +3605,10 @@ var OAuth = ({ methods }) => {
         if (userExists) {
           const supportedAuthMethods = yield para.initiateUserLoginV2({ email });
           if (supportedAuthMethods.size > 0) {
-            const biometricLocationHints = supportedAuthMethods.has(AuthMethod4.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+            const biometricLocationHints = supportedAuthMethods.has(AuthMethod7.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+            yield setLoginURLs({ supportedAuthMethods, authType: "email" });
             setFlow("login");
             setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
-            setSupportedAuthMethods(supportedAuthMethods);
             setBiometricLocationHints(biometricLocationHints);
             return;
           }
@@ -3403,8 +3616,8 @@ var OAuth = ({ methods }) => {
         const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
         setIsIFrameReady(false);
         setFlow("signUp");
-        const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod4.PASSKEY);
-        const supportsPassword = supportedCreateAuthMethods.has(AuthMethod4.PASSWORD);
+        const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod7.PASSKEY);
+        const supportsPassword = supportedCreateAuthMethods.has(AuthMethod7.PASSWORD);
         if (supportsPasskey) {
           setWebAuthURLForCreate(yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: "email" })));
           if (!supportsPassword) {
@@ -3422,8 +3635,8 @@ var OAuth = ({ methods }) => {
   const useBrandedLogos = oAuthLogoVariant === "default";
   const useDarkLogos = useBrandedLogos ? isDark : oAuthLogoVariant !== "dark";
   const showMoreButton = !showAll && hasMore;
-  return /* @__PURE__ */ jsxs17(OAuthContainer, { children: [
-    methodsToShow.map((method, index) => /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs18(OAuthContainer, { children: [
+    methodsToShow.map((method, index) => /* @__PURE__ */ jsx23(
       OAuthButton,
       {
         $isDark: useDarkLogos,
@@ -3434,7 +3647,7 @@ var OAuth = ({ methods }) => {
       },
       method
     )),
-    showMoreButton && /* @__PURE__ */ jsx22(
+    showMoreButton && /* @__PURE__ */ jsx23(
       OAuthButton,
       {
         $isDark: useDarkLogos,
@@ -3446,13 +3659,13 @@ var OAuth = ({ methods }) => {
     )
   ] });
 };
-var OAuthContainer = styled13.div`
+var OAuthContainer = styled14.div`
   display: flex;
   justify-content: center;
   gap: 8px;
   flex-wrap: wrap;
 `;
-var OAuthButton = styled13(StyledCpslTileButton)`
+var OAuthButton = styled14(StyledCpslTileButton)`
   flex: ${({ $index, $totalItems }) => getTileButtonFlex($index, $totalItems)};
 
   --button-icon-color: ${({ $isDark }) => $isDark ? "white" : "black"};
@@ -3460,16 +3673,16 @@ var OAuthButton = styled13(StyledCpslTileButton)`
 
 // src/modal/components/AuthInput/AuthInput.tsx
 import {
-  CpslButton as CpslButton13,
+  CpslButton as CpslButton14,
   CpslIcon as CpslIcon10,
   CpslInput as CpslInput3,
   CpslSelect,
   CpslSelectItem,
-  CpslSpinner as CpslSpinner8,
-  CpslText as CpslText16
+  CpslSpinner as CpslSpinner9,
+  CpslText as CpslText17
 } from "@getpara/react-components";
 import { useRef as useRef5, useState as useState11 } from "react";
-import styled14 from "styled-components";
+import styled15 from "styled-components";
 
 // src/modal/components/AuthInput/countryCodes.tsx
 import { getCountries, getCountryCallingCode } from "libphonenumber-js";
@@ -3790,8 +4003,8 @@ var phoneMasks = {
 };
 
 // src/modal/components/AuthInput/AuthInput.tsx
-import { AuthMethod as AuthMethod5 } from "@getpara/web-sdk";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { AuthMethod as AuthMethod8 } from "@getpara/web-sdk";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_COUNTRY = { label: "United States", value: "+1", selectedLabel: "US", icon: "US" };
 function isCcMatch(countryCode, option) {
   return countryCode === "+1" ? option.selectedLabel === "US" : option.value === countryCode;
@@ -3805,8 +4018,8 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
   const authInfo = useUserInfoStore((state) => state.getAuthInfo());
   const setFlow = useModalStore((state) => state.setFlow);
   const setStep = useModalStore((state) => state.setStep);
-  const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
   const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
+  const setLoginURLs = useSetLoginURLs();
   const [countryCode, setCountryCode] = useState11(
     (authInfo == null ? void 0 : authInfo.authType) === "phone" ? authInfo.auth.countryCode || "+1" : "+1"
   );
@@ -3882,10 +4095,10 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
       const userExists = yield para.checkIfUserExists({ email: identifier });
       if (userExists) {
         const supportedAuthMethods = yield para.initiateUserLoginV2(auth);
-        const biometricLocationHints = supportedAuthMethods.has(AuthMethod5.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+        const biometricLocationHints = supportedAuthMethods.has(AuthMethod8.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+        yield setLoginURLs({ supportedAuthMethods, authType: "email" });
         setFlow("login");
         setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
-        setSupportedAuthMethods(supportedAuthMethods);
         setBiometricLocationHints(biometricLocationHints);
         return;
       }
@@ -3907,10 +4120,10 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
       setAuthInfo(auth);
       if (userExists) {
         const supportedAuthMethods = yield para.initiateUserLoginV2(auth);
-        const biometricLocationHints = supportedAuthMethods.has(AuthMethod5.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+        const biometricLocationHints = supportedAuthMethods.has(AuthMethod8.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
+        yield setLoginURLs({ supportedAuthMethods, authType: "phone" });
         setFlow("login");
         setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
-        setSupportedAuthMethods(supportedAuthMethods);
         setBiometricLocationHints(biometricLocationHints);
         return;
       }
@@ -3928,14 +4141,14 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
   if (disableEmailLogin && disablePhoneLogin) {
     return null;
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "form",
     {
       onSubmit: (e) => __async(void 0, null, function* () {
         e.preventDefault();
         yield handleSubmit();
       }),
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs19(
         StyledInput,
         {
           ref: inputRef,
@@ -3957,10 +4170,10 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
           disabled: isLoggingIn,
           "data-testid": "auth-input",
           children: [
-            /* @__PURE__ */ jsxs18(IconContainer2, { slot: "start", children: [
-              !disableEmailLogin && (isUnknown || isEmail) && /* @__PURE__ */ jsx23(CpslIcon10, { "aria-label": "email", icon: "mail" }),
-              !disablePhoneLogin && isUnknown && /* @__PURE__ */ jsx23(CpslIcon10, { "aria-label": "phone", icon: "phone" }),
-              isPhone && /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsxs19(IconContainer2, { slot: "start", children: [
+              !disableEmailLogin && (isUnknown || isEmail) && /* @__PURE__ */ jsx24(CpslIcon10, { "aria-label": "email", icon: "mail" }),
+              !disablePhoneLogin && isUnknown && /* @__PURE__ */ jsx24(CpslIcon10, { "aria-label": "phone", icon: "phone" }),
+              isPhone && /* @__PURE__ */ jsxs19(
                 CountryCodeSelect,
                 {
                   selectedValue: matchedCountryCode.selectedLabel,
@@ -3975,19 +4188,19 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
                   onCpslSearchChange: handleSearchInput,
                   "data-testid": "country-code-select",
                   children: [
-                    matchedCountryCode && /* @__PURE__ */ jsxs18(SelectedItem, { slot: "selected-item", children: [
-                      /* @__PURE__ */ jsx23(CpslText16, { children: matchedCountryCode.selectedLabel }),
-                      /* @__PURE__ */ jsx23(CpslText16, { children: matchedCountryCode.value })
+                    matchedCountryCode && /* @__PURE__ */ jsxs19(SelectedItem, { slot: "selected-item", children: [
+                      /* @__PURE__ */ jsx24(CpslText17, { children: matchedCountryCode.selectedLabel }),
+                      /* @__PURE__ */ jsx24(CpslText17, { children: matchedCountryCode.value })
                     ] }),
-                    filteredCountryCodes.map((cc) => /* @__PURE__ */ jsxs18(StyledSelectItem, { slot: "items", value: cc.selectedLabel, children: [
-                      /* @__PURE__ */ jsx23(CpslText16, { children: cc.label }),
-                      /* @__PURE__ */ jsx23(CpslText16, { children: cc.value })
+                    filteredCountryCodes.map((cc) => /* @__PURE__ */ jsxs19(StyledSelectItem, { slot: "items", value: cc.selectedLabel, children: [
+                      /* @__PURE__ */ jsx24(CpslText17, { children: cc.label }),
+                      /* @__PURE__ */ jsx24(CpslText17, { children: cc.value })
                     ] }, cc.selectedLabel))
                   ]
                 }
               )
             ] }),
-            identifier && /* @__PURE__ */ jsx23(CpslButton13, { slot: "end", size: "small", fullWidth: true, disabled: isLoggingIn, onClick: handleSubmit, children: isLoggingIn ? /* @__PURE__ */ jsx23(CpslSpinner8, { size: 16 }) : /* @__PURE__ */ jsx23(CpslIcon10, { icon: "arrowNarrow" }) })
+            identifier && /* @__PURE__ */ jsx24(CpslButton14, { slot: "end", size: "small", fullWidth: true, disabled: isLoggingIn, onClick: handleSubmit, children: isLoggingIn ? /* @__PURE__ */ jsx24(CpslSpinner9, { size: 16 }) : /* @__PURE__ */ jsx24(CpslIcon10, { icon: "arrowNarrow" }) })
           ]
         },
         "email"
@@ -3995,7 +4208,7 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
     }
   );
 };
-var IconContainer2 = styled14.div`
+var IconContainer2 = styled15.div`
   height: 100%;
   display: flex;
   align-items: center;
@@ -4007,7 +4220,7 @@ var IconContainer2 = styled14.div`
     --icon-color: var(--cpsl-color-contrast);
   }
 `;
-var CountryCodeSelect = styled14(CpslSelect)`
+var CountryCodeSelect = styled15(CpslSelect)`
   --container-height: 100%;
   --container-padding-start: 0px;
   --container-padding-end: 0px;
@@ -4032,47 +4245,47 @@ var CountryCodeSelect = styled14(CpslSelect)`
     }
   }
 `;
-var StyledSelectItem = styled14(CpslSelectItem)`
+var StyledSelectItem = styled15(CpslSelectItem)`
   &::part(inner-container) {
     justify-content: space-between;
   }
 `;
-var SelectedItem = styled14.div`
+var SelectedItem = styled15.div`
   display: flex;
   gap: 4px;
   align-items: center;
 `;
-var StyledInput = styled14(CpslInput3)`
+var StyledInput = styled15(CpslInput3)`
   --container-background-color: var(--cpsl-color-background-8);
   --input-background-color: var(--cpsl-color-background-8);
   --container-padding-end: 8px;
 `;
 
 // src/modal/components/AuthOptions/AuthOptions.tsx
-import { Fragment as Fragment10, jsx as jsx24 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx25 } from "react/jsx-runtime";
 var AuthOptions = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin }) => {
   const { wallets } = useExternalWallets();
   const showAllOAuth = useModalStore((state) => state.step === "AUTH_MORE" /* AUTH_MORE */);
   const Content = useMemo8(() => {
     const Methods = [];
     if (!!(oAuthMethods == null ? void 0 : oAuthMethods.length)) {
-      Methods.push(/* @__PURE__ */ jsx24(OAuth, { methods: oAuthMethods }, "oAuth"));
+      Methods.push(/* @__PURE__ */ jsx25(OAuth, { methods: oAuthMethods }, "oAuth"));
     }
     if (!disableEmailLogin || !disablePhoneLogin) {
-      Methods.push(/* @__PURE__ */ jsx24(AuthInput, { disableEmailLogin, disablePhoneLogin }, "input"));
+      Methods.push(/* @__PURE__ */ jsx25(AuthInput, { disableEmailLogin, disablePhoneLogin }, "input"));
     }
-    return /* @__PURE__ */ jsx24(Fragment10, { children: Methods });
+    return /* @__PURE__ */ jsx25(Fragment10, { children: Methods });
   }, [showAllOAuth, oAuthMethods, disableEmailLogin, disablePhoneLogin, wallets]);
-  return /* @__PURE__ */ jsx24(Container6, { children: Content });
+  return /* @__PURE__ */ jsx25(Container6, { children: Content });
 };
-var Container6 = styled15.div`
+var Container6 = styled16.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
 `;
 
 // src/modal/components/AuthMainStep/AuthMainStepContent.tsx
-import { Fragment as Fragment12, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin }) => {
   const { wallets } = useExternalWallets();
   const authLayout = useThemeStore((state) => state.authLayout);
@@ -4093,7 +4306,7 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
       switch (layout) {
         case "AUTH:FULL" /* AUTH_FULL */: {
           methods.push([
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               AuthOptions,
               {
                 oAuthMethods,
@@ -4110,10 +4323,10 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
           const icons = [];
           oAuthMethods == null ? void 0 : oAuthMethods.forEach((method) => icons.push(useBrandedLogos ? brandedOAuthLogos[method] : oAuthLogos[method]));
           methods.push([
-            /* @__PURE__ */ jsxs19(CondensedButton, { onClick: handleCondensedAuthClick, variant: "tertiary", fullWidth: true, children: [
-              /* @__PURE__ */ jsx25(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
+            /* @__PURE__ */ jsxs20(CondensedButton, { onClick: handleCondensedAuthClick, variant: "tertiary", fullWidth: true, children: [
+              /* @__PURE__ */ jsx26(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
               "Sign Up or Login",
-              /* @__PURE__ */ jsx25(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
+              /* @__PURE__ */ jsx26(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
             ] }, "authCondensed"),
             layout
           ]);
@@ -4121,7 +4334,7 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
         }
         case "EXTERNAL:FULL" /* EXTERNAL_FULL */: {
           if (!!wallets.length) {
-            methods.push([/* @__PURE__ */ jsx25(ExternalWallets, {}, "externalWallets"), layout]);
+            methods.push([/* @__PURE__ */ jsx26(ExternalWallets, {}, "externalWallets"), layout]);
           }
           break;
         }
@@ -4129,10 +4342,10 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
           const icons = [];
           wallets == null ? void 0 : wallets.forEach((wallet) => icons.push(wallet.iconUrl));
           methods.push([
-            /* @__PURE__ */ jsxs19(CondensedButton, { onClick: handleCondensedExternalClick, variant: "tertiary", fullWidth: true, children: [
-              /* @__PURE__ */ jsx25(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
+            /* @__PURE__ */ jsxs20(CondensedButton, { onClick: handleCondensedExternalClick, variant: "tertiary", fullWidth: true, children: [
+              /* @__PURE__ */ jsx26(IconGroupSpacer, { slot: "start", icons: [], $isDark: useDarkLogos }),
               "Connect Wallet",
-              /* @__PURE__ */ jsx25(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
+              /* @__PURE__ */ jsx26(StyledIconGroup, { slot: "end", icons: icons.splice(0, 3), $isDark: useDarkLogos })
             ] }, "authCondensed"),
             layout
           ]);
@@ -4143,27 +4356,27 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
         }
       }
     });
-    return /* @__PURE__ */ jsx25(Fragment12, { children: methods.map(([reactNode, key], index) => /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    return /* @__PURE__ */ jsx26(Fragment12, { children: methods.map(([reactNode, key], index) => /* @__PURE__ */ jsxs20(Fragment11, { children: [
       reactNode,
-      methods.length > 1 && index < methods.length - 1 && /* @__PURE__ */ jsx25(CpslDivider5, { children: "or" }, "or")
+      methods.length > 1 && index < methods.length - 1 && /* @__PURE__ */ jsx26(CpslDivider5, { children: "or" }, "or")
     ] }, key)) });
   }, [oAuthMethods, disableEmailLogin, disablePhoneLogin, wallets, authLayout]);
-  return /* @__PURE__ */ jsx25(Container7, { "data-testid": "main-auth-step-content", children: Content });
+  return /* @__PURE__ */ jsx26(Container7, { "data-testid": "main-auth-step-content", children: Content });
 };
-var Container7 = styled16.div`
+var Container7 = styled17.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
 `;
-var StyledIconGroup = styled16(CpslIconGroup)`
+var StyledIconGroup = styled17(CpslIconGroup)`
   --icon-item-color: ${({ $isDark }) => $isDark ? "white" : "black"};
   flex: 1;
   justify-content: flex-end;
 `;
-var IconGroupSpacer = styled16(StyledIconGroup)`
+var IconGroupSpacer = styled17(StyledIconGroup)`
   visibility: hidden;
 `;
-var CondensedButton = styled16(CpslButton14)`
+var CondensedButton = styled17(CpslButton15)`
   --button-justify-content: space-between;
 
   &::part(button-native) {
@@ -4172,7 +4385,7 @@ var CondensedButton = styled16(CpslButton14)`
 `;
 
 // src/modal/components/AuthMainStep/AuthMainStep.tsx
-import { Fragment as Fragment13, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var AuthMainStep = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin }) => {
   const logo = useThemeStore((state) => state.getLogo());
   const appName = useThemeStore((state) => state.appName);
@@ -4180,10 +4393,10 @@ var AuthMainStep = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin }) => {
   const embeddedModal = useThemeStore((state) => state.embeddedModal);
   const firstLayoutType = authLayout[0].split(":")[0];
   const heading = firstLayoutType === "AUTH" ? "Sign Up or Login" : "Connect Wallet";
-  return /* @__PURE__ */ jsxs20(Fragment13, { children: [
-    logo && /* @__PURE__ */ jsx26(Logo, { src: logo, alt: `${appName ? `${appName} -` : ""}logo` }),
-    !embeddedModal && /* @__PURE__ */ jsx26(CenteredText, { variant: logo ? "bodyM" : "headingS", weight: "semiBold", children: heading }),
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs21(Fragment13, { children: [
+    logo && /* @__PURE__ */ jsx27(Logo, { src: logo, alt: `${appName ? `${appName} -` : ""}logo` }),
+    !embeddedModal && /* @__PURE__ */ jsx27(CenteredText, { variant: logo ? "bodyM" : "headingS", weight: "semiBold", children: heading }),
+    /* @__PURE__ */ jsx27(
       AuthMainStepContent,
       {
         disableEmailLogin,
@@ -4193,7 +4406,7 @@ var AuthMainStep = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin }) => {
     )
   ] });
 };
-var Logo = styled17.img`
+var Logo = styled18.img`
   height: 100px;
   max-width: 260px;
   object-fit: contain;
@@ -4202,16 +4415,15 @@ var Logo = styled17.img`
 `;
 
 // src/modal/components/Account/Account.tsx
-import styled18 from "styled-components";
-import { CpslButton as CpslButton15, CpslIcon as CpslIcon11, CpslSpinner as CpslSpinner9, CpslText as CpslText17 } from "@getpara/react-components";
+import styled19 from "styled-components";
+import { CpslButton as CpslButton16, CpslIcon as CpslIcon11, CpslSpinner as CpslSpinner10, CpslText as CpslText18 } from "@getpara/react-components";
 import { useState as useState12 } from "react";
-import { Fragment as Fragment14, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 var Account = ({ onClose }) => {
   const onRampConfig = useModalStore((state) => state.onRampConfig);
   const setStep = useModalStore((state) => state.setStep);
   const hideWallets = useThemeStore((state) => state.hideWallets);
   const { disconnectExternalWallet } = useExternalWallets();
-  const para = useInternalClient();
   const [isDisconnecting, setIsDisconnecting] = useState12(false);
   const isOnRampLoaded = !!onRampConfig;
   const handleBuyClick = () => {
@@ -4225,25 +4437,24 @@ var Account = ({ onClose }) => {
   };
   const handleDisconnectClick = () => __async(void 0, null, function* () {
     setIsDisconnecting(true);
-    yield para.logout();
     yield disconnectExternalWallet();
     onClose();
     setStep("AUTH_MAIN" /* AUTH_MAIN */);
     setIsDisconnecting(false);
   });
-  return /* @__PURE__ */ jsx27(StepContainer, { $wide: true, children: /* @__PURE__ */ jsxs21(InnerStepContainer, { children: [
-    /* @__PURE__ */ jsx27(ButtonContainer2, { children: isOnRampLoaded ? /* @__PURE__ */ jsxs21(Fragment14, { children: [
-      onRampConfig.isBuyEnabled && /* @__PURE__ */ jsx27(OptionButton, { icon: "creditCard", onClick: handleBuyClick, children: /* @__PURE__ */ jsx27(CpslText17, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Buy Crypto" }) }),
-      onRampConfig.isReceiveEnabled && /* @__PURE__ */ jsx27(OptionButton, { icon: "qrCode02", onClick: handleReceiveClick, children: /* @__PURE__ */ jsx27(CpslText17, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Receive" }) }),
-      onRampConfig.isWithdrawEnabled && /* @__PURE__ */ jsx27(OptionButton, { icon: "arrowCircleBrokenDownLeft", onClick: handleSellClick, children: /* @__PURE__ */ jsx27(CpslText17, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Withdraw" }) })
-    ] }) : /* @__PURE__ */ jsx27(CpslSpinner9, {}) }),
-    /* @__PURE__ */ jsx27(DisconnectButton, { variant: "destructive", fullWidth: true, onClick: handleDisconnectClick, disabled: isDisconnecting, children: isDisconnecting ? /* @__PURE__ */ jsx27(CpslSpinner9, { size: 16 }) : /* @__PURE__ */ jsxs21(Fragment14, { children: [
+  return /* @__PURE__ */ jsx28(StepContainer, { $wide: true, children: /* @__PURE__ */ jsxs22(InnerStepContainer, { children: [
+    /* @__PURE__ */ jsx28(ButtonContainer2, { children: isOnRampLoaded ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
+      onRampConfig.isBuyEnabled && /* @__PURE__ */ jsx28(OptionButton, { icon: "creditCard", onClick: handleBuyClick, children: /* @__PURE__ */ jsx28(CpslText18, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Buy Crypto" }) }),
+      onRampConfig.isReceiveEnabled && /* @__PURE__ */ jsx28(OptionButton, { icon: "qrCode02", onClick: handleReceiveClick, children: /* @__PURE__ */ jsx28(CpslText18, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Receive" }) }),
+      onRampConfig.isWithdrawEnabled && /* @__PURE__ */ jsx28(OptionButton, { icon: "arrowCircleBrokenDownLeft", onClick: handleSellClick, children: /* @__PURE__ */ jsx28(CpslText18, { variant: "bodyXS", color: "secondary", weight: "medium", children: "Withdraw" }) })
+    ] }) : /* @__PURE__ */ jsx28(CpslSpinner10, {}) }),
+    /* @__PURE__ */ jsx28(DisconnectButton, { variant: "destructive", fullWidth: true, onClick: handleDisconnectClick, disabled: isDisconnecting, children: isDisconnecting ? /* @__PURE__ */ jsx28(CpslSpinner10, { size: 16 }) : /* @__PURE__ */ jsxs22(Fragment14, { children: [
       hideWallets ? "Logout" : "Disconnect Wallet",
-      /* @__PURE__ */ jsx27(CpslIcon11, { icon: "logOut", slot: "end" })
+      /* @__PURE__ */ jsx28(CpslIcon11, { icon: "logOut", slot: "end" })
     ] }) })
   ] }) });
 };
-var ButtonContainer2 = styled18.div`
+var ButtonContainer2 = styled19.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4251,22 +4462,22 @@ var ButtonContainer2 = styled18.div`
   width: 100%;
   height: 88px;
 `;
-var OptionButton = styled18(StyledCpslTileButton)`
+var OptionButton = styled19(StyledCpslTileButton)`
   flex: 1;
 
   --button-icon-color: var(--cpsl-color-text-primary);
 `;
-var DisconnectButton = styled18(CpslButton15)`
+var DisconnectButton = styled19(CpslButton16)`
   --button-border-width: 0px;
 `;
 
 // src/modal/components/ExternalWalletStep/ExternalWalletStep.tsx
-import { CpslButton as CpslButton16, CpslIcon as CpslIcon12, CpslQrCode as CpslQrCode5, CpslSpinner as CpslSpinner10, CpslText as CpslText18 } from "@getpara/react-components";
+import { CpslButton as CpslButton17, CpslIcon as CpslIcon12, CpslQrCode as CpslQrCode5, CpslSpinner as CpslSpinner11, CpslText as CpslText19 } from "@getpara/react-components";
 import { useEffect as useEffect15, useMemo as useMemo10 } from "react";
-import styled19 from "styled-components";
+import styled20 from "styled-components";
 import { useCopyToClipboard as useCopyToClipboard5 } from "@getpara/react-common";
-import { isMobile as isMobile5, isTablet, WalletType as WalletType4 } from "@getpara/web-sdk";
-import { Fragment as Fragment15, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { isMobile as isMobile5, isTablet, WalletType as WalletType5 } from "@getpara/web-sdk";
+import { Fragment as Fragment15, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var ExternalWalletStep = () => {
   const [isCopied, copy] = useCopyToClipboard5();
   const externalWalletError = useModalStore((state) => state.externalWalletError);
@@ -4289,24 +4500,24 @@ var ExternalWalletStep = () => {
     const isWalletConnect = wallet.id === "walletConnect";
     const isMobileWalletConnect = isMobile5() && isWalletConnect;
     if (isMobileWalletConnect) {
-      /* @__PURE__ */ jsx28(InnerStepContainer, { children: /* @__PURE__ */ jsx28(Text2, { weight: "semiBold", children: "Continue in the WalletConnect modal." }) });
+      /* @__PURE__ */ jsx29(InnerStepContainer, { children: /* @__PURE__ */ jsx29(Text2, { weight: "semiBold", children: "Continue in the WalletConnect modal." }) });
     }
     const { showExtension, showMobile, isSolanaMobileIOS } = walletDisplayHelpers;
     if (!showMobile && !showExtension || isSolanaMobileIOS && !wallet.installed) {
       const text = isSolanaMobileIOS ? "Solana wallets aren't available on mobile IOS browsers.\n\nPlease continue in the wallet app." : `${wallet.name} isn't supported on mobile devices.
 
 Please choose another wallet or continue on desktop.`;
-      return /* @__PURE__ */ jsx28(InnerStepContainer, { children: /* @__PURE__ */ jsx28(Text2, { weight: "semiBold", children: text }) });
+      return /* @__PURE__ */ jsx29(InnerStepContainer, { children: /* @__PURE__ */ jsx29(Text2, { weight: "semiBold", children: text }) });
     }
     if (showExtension) {
       const isInstalled = wallet.installed;
-      return /* @__PURE__ */ jsxs22(InnerStepContainer, { children: [
-        isInstalled && !(externalWalletError == null ? void 0 : externalWalletError.length) ? /* @__PURE__ */ jsx28(CenteredText, { color: "contrast", weight: "semiBold", children: `Confirm connection request in the ${wallet.name} browser extension.` }) : /* @__PURE__ */ jsxs22(ErrorContainer, { children: [
-          /* @__PURE__ */ jsx28(ErrorIcon, { icon: "alertCircle" }),
-          /* @__PURE__ */ jsx28(CpslText18, { weight: "semiBold", color: "error", children: isInstalled ? externalWalletError == null ? void 0 : externalWalletError[0] : `${wallet.name} not detected` })
+      return /* @__PURE__ */ jsxs23(InnerStepContainer, { children: [
+        isInstalled && !(externalWalletError == null ? void 0 : externalWalletError.length) ? /* @__PURE__ */ jsx29(CenteredText, { color: "contrast", weight: "semiBold", children: `Confirm connection request in the ${wallet.name} browser extension.` }) : /* @__PURE__ */ jsxs23(ErrorContainer, { children: [
+          /* @__PURE__ */ jsx29(ErrorIcon, { icon: "alertCircle" }),
+          /* @__PURE__ */ jsx29(CpslText19, { weight: "semiBold", color: "error", children: isInstalled ? externalWalletError == null ? void 0 : externalWalletError[0] : `${wallet.name} not detected` })
         ] }),
-        /* @__PURE__ */ jsxs22(
-          CpslButton16,
+        /* @__PURE__ */ jsxs23(
+          CpslButton17,
           {
             as: isInstalled ? "button" : "a",
             href: (_a = wallet.downloadUrl) != null ? _a : "",
@@ -4314,7 +4525,7 @@ Please choose another wallet or continue on desktop.`;
             variant: "secondary",
             onClick: handleTryAgainClick,
             children: [
-              /* @__PURE__ */ jsx28(CpslIcon12, { slot: "start", icon: isInstalled ? "refresh" : "linkExternal" }),
+              /* @__PURE__ */ jsx29(CpslIcon12, { slot: "start", icon: isInstalled ? "refresh" : "linkExternal" }),
               isInstalled ? "Try Again" : `Get ${wallet.name}`
             ]
           }
@@ -4322,15 +4533,15 @@ Please choose another wallet or continue on desktop.`;
       ] });
     }
     if (showMobile) {
-      if (wallet.type === WalletType4.SOLANA || isMobile5() && !isTablet()) {
-        const isInstalled = wallet.type !== WalletType4.SOLANA || wallet.installed;
-        return /* @__PURE__ */ jsxs22(Fragment15, { children: [
-          /* @__PURE__ */ jsx28(InnerStepContainer, { children: !isInstalled && /* @__PURE__ */ jsx28(CpslText18, { weight: "semiBold", color: "error", children: `${wallet.name} not detected` }) }),
-          wallet.id !== "walletConnect" && /* @__PURE__ */ jsxs22(InnerStepContainer, { children: [
-            /* @__PURE__ */ jsx28(CpslButton16, { onClick: () => routeMobileExternalWallet(qrUri), fullWidth: true, children: "Connect Wallet" }),
-            /* @__PURE__ */ jsx28(Link, { href: (_b = wallet.downloadUrl) != null ? _b : "", target: "_blank", children: /* @__PURE__ */ jsxs22(ExternalButton, { variant: "secondary", children: [
+      if (wallet.type === WalletType5.SOLANA || isMobile5() && !isTablet()) {
+        const isInstalled = wallet.type !== WalletType5.SOLANA || wallet.installed;
+        return /* @__PURE__ */ jsxs23(Fragment15, { children: [
+          /* @__PURE__ */ jsx29(InnerStepContainer, { children: !isInstalled && /* @__PURE__ */ jsx29(CpslText19, { weight: "semiBold", color: "error", children: `${wallet.name} not detected` }) }),
+          wallet.id !== "walletConnect" && /* @__PURE__ */ jsxs23(InnerStepContainer, { children: [
+            /* @__PURE__ */ jsx29(CpslButton17, { onClick: () => routeMobileExternalWallet(qrUri), fullWidth: true, children: "Connect Wallet" }),
+            /* @__PURE__ */ jsx29(Link, { href: (_b = wallet.downloadUrl) != null ? _b : "", target: "_blank", children: /* @__PURE__ */ jsxs23(ExternalButton, { variant: "secondary", children: [
               `Get ${wallet.name}`,
-              /* @__PURE__ */ jsx28(ExternalIcon, { icon: "linkExternal" })
+              /* @__PURE__ */ jsx29(ExternalIcon, { icon: "linkExternal" })
             ] }) })
           ] })
         ] });
@@ -4338,20 +4549,20 @@ Please choose another wallet or continue on desktop.`;
       const openWCModal = () => __async(void 0, null, function* () {
         yield connectExternalWallet(wallet, true, true);
       });
-      const GetWalletButton = /* @__PURE__ */ jsxs22(ExternalButton, { variant: "secondary", onClick: isWalletConnect ? openWCModal : void 0, children: [
+      const GetWalletButton = /* @__PURE__ */ jsxs23(ExternalButton, { variant: "secondary", onClick: isWalletConnect ? openWCModal : void 0, children: [
         `${isWalletConnect ? "Open" : "Get"} ${wallet.name}`,
-        /* @__PURE__ */ jsx28(ExternalIcon, { icon: "linkExternal" })
+        /* @__PURE__ */ jsx29(ExternalIcon, { icon: "linkExternal" })
       ] });
-      return /* @__PURE__ */ jsxs22(Fragment15, { children: [
-        /* @__PURE__ */ jsxs22(InnerStepContainer, { children: [
-          /* @__PURE__ */ jsx28(CpslText18, { weight: "semiBold", children: "Scan with your mobile device" }),
-          /* @__PURE__ */ jsx28(QRContainer, { children: !qrUri ? /* @__PURE__ */ jsx28(CpslSpinner10, { size: 100 }) : /* @__PURE__ */ jsx28(CpslQrCode5, { url: qrUri, imageSrc: wallet.iconUrl }) }),
-          /* @__PURE__ */ jsxs22(CpslButton16, { size: "small", variant: "ghost", onClick: handleCopy, children: [
-            /* @__PURE__ */ jsx28(CpslIcon12, { slot: "start", icon: isCopied ? "check" : "copy" }),
+      return /* @__PURE__ */ jsxs23(Fragment15, { children: [
+        /* @__PURE__ */ jsxs23(InnerStepContainer, { children: [
+          /* @__PURE__ */ jsx29(CpslText19, { weight: "semiBold", children: "Scan with your mobile device" }),
+          /* @__PURE__ */ jsx29(QRContainer, { children: !qrUri ? /* @__PURE__ */ jsx29(CpslSpinner11, { size: 100 }) : /* @__PURE__ */ jsx29(CpslQrCode5, { url: qrUri, imageSrc: wallet.iconUrl }) }),
+          /* @__PURE__ */ jsxs23(CpslButton17, { size: "small", variant: "ghost", onClick: handleCopy, children: [
+            /* @__PURE__ */ jsx29(CpslIcon12, { slot: "start", icon: isCopied ? "check" : "copy" }),
             isCopied ? "Copied" : "Copy Link"
           ] })
         ] }),
-        /* @__PURE__ */ jsx28(InnerStepContainer, { children: isWalletConnect ? /* @__PURE__ */ jsx28(Fragment15, { children: GetWalletButton }) : /* @__PURE__ */ jsx28(Link, { href: (_c = wallet.downloadUrl) != null ? _c : "", target: "_blank", children: GetWalletButton }) })
+        /* @__PURE__ */ jsx29(InnerStepContainer, { children: isWalletConnect ? /* @__PURE__ */ jsx29(Fragment15, { children: GetWalletButton }) : /* @__PURE__ */ jsx29(Link, { href: (_c = wallet.downloadUrl) != null ? _c : "", target: "_blank", children: GetWalletButton }) })
       ] });
     }
   }, [wallet, walletDisplayHelpers, externalWalletError, qrUri]);
@@ -4363,27 +4574,16 @@ Please choose another wallet or continue on desktop.`;
   if (!wallet) {
     return null;
   }
-  return /* @__PURE__ */ jsx28(Container8, { children: Content });
+  return /* @__PURE__ */ jsx29(Container8, { children: Content });
 };
-var Container8 = styled19(StepContainer)`
+var Container8 = styled20(StepContainer)`
   flex: 1;
   justify-content: space-between;
 `;
-var ErrorContainer = styled19.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-`;
-var ErrorIcon = styled19(CpslIcon12)`
-  --height: 16px;
-  --width: 16px;
-  --icon-color: var(--cpsl-color-text-error);
-`;
-var Text2 = styled19(CenteredText)`
+var Text2 = styled20(CenteredText)`
   white-space: pre-line;
 `;
-var ExternalButton = styled19(CpslButton16)`
+var ExternalButton = styled20(CpslButton17)`
   display: flex;
   gap: 8px;
   align-items: center;
@@ -4393,20 +4593,20 @@ var ExternalButton = styled19(CpslButton16)`
   margin-top: 8px;
   text-decoration: none;
 `;
-var ExternalIcon = styled19(CpslIcon12)`
+var ExternalIcon = styled20(CpslIcon12)`
   --height: 20px;
   --width: 20px;
 `;
-var Link = styled19.a`
+var Link = styled20.a`
   text-decoration: none;
 `;
 
 // src/modal/components/Hero/Hero.tsx
 import { CpslHero, CpslIcon as CpslIcon13, CpslIdenticon as CpslIdenticon3 } from "@getpara/react-components";
-import styled20 from "styled-components";
+import styled21 from "styled-components";
 import { useEffect as useEffect16, useState as useState13 } from "react";
 import { isMobile as isMobile6 } from "@getpara/web-sdk";
-import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var getStepConfig = ({
   externalWalletError
 }) => {
@@ -4467,16 +4667,16 @@ var Hero = () => {
   const { showExtension, isCosmosMobileWallet } = walletDisplayHelpers;
   const shouldHide = !stepConfig || !isMobile6() && isExternalStep && !showExtension || !isMobile6() && isChainSwitchStep && isCosmosMobileWallet || !isMobile6() && isFarcasterStep;
   const { variant, topOffset, spacerHeight, hideFadeOut } = stepConfig != null ? stepConfig : {};
-  return /* @__PURE__ */ jsxs23(Fragment16, { children: [
-    /* @__PURE__ */ jsx29(Container9, { $top: -45 + topOffset, children: shouldHide ? null : /* @__PURE__ */ jsxs23(StyledHero, { $isAccount: isAccountStep, hideFadeOut, variant, height: 480, withDefaultTheme: true, children: [
-      (isExternalStep || isChainSwitchStep) && /* @__PURE__ */ jsx29(WalletLogo, { slot: "connectionLeft", src: connector == null ? void 0 : connector.iconUrl }),
-      isFarcasterStep && /* @__PURE__ */ jsx29(WalletLogo, { slot: "connectionLeft", icon: "farcasterBrand" }),
-      isAccountStep && (avatar ? /* @__PURE__ */ jsx29(Avatar, { slot: "image", src: avatar }) : activeWallet ? /* @__PURE__ */ jsx29(IconAvatar, { slot: "image", size: "100%", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }) : null)
+  return /* @__PURE__ */ jsxs24(Fragment16, { children: [
+    /* @__PURE__ */ jsx30(Container9, { $top: -45 + topOffset, children: shouldHide ? null : /* @__PURE__ */ jsxs24(StyledHero, { $isAccount: isAccountStep, hideFadeOut, variant, height: 480, withDefaultTheme: true, children: [
+      (isExternalStep || isChainSwitchStep) && /* @__PURE__ */ jsx30(WalletLogo, { slot: "connectionLeft", src: connector == null ? void 0 : connector.iconUrl }),
+      isFarcasterStep && /* @__PURE__ */ jsx30(WalletLogo, { slot: "connectionLeft", icon: "farcasterBrand" }),
+      isAccountStep && (avatar ? /* @__PURE__ */ jsx30(Avatar, { slot: "image", src: avatar }) : activeWallet ? /* @__PURE__ */ jsx30(IconAvatar, { slot: "image", size: "100%", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }) : null)
     ] }) }),
-    !shouldHide && /* @__PURE__ */ jsx29(Spacer, { $height: spacerHeight })
+    !shouldHide && /* @__PURE__ */ jsx30(Spacer, { $height: spacerHeight })
   ] });
 };
-var Container9 = styled20.div`
+var Container9 = styled21.div`
   display: flex;
   position: absolute;
   justify-content: center;
@@ -4485,22 +4685,22 @@ var Container9 = styled20.div`
 
   top: ${({ $top }) => `${$top}px`};
 `;
-var Spacer = styled20.div`
+var Spacer = styled21.div`
   height: ${({ $height }) => `${$height}px`};
 `;
-var WalletLogo = styled20(CpslIcon13)`
+var WalletLogo = styled21(CpslIcon13)`
   --height: 60px;
   --width: 60px;
 `;
-var Avatar = styled20.img`
+var Avatar = styled21.img`
   width: 100%;
   height: 100%;
   object-fit: contain;
 `;
-var IconAvatar = styled20(CpslIdenticon3)`
+var IconAvatar = styled21(CpslIdenticon3)`
   border-radius: 1000px;
 `;
-var StyledHero = styled20(CpslHero)`
+var StyledHero = styled21(CpslHero)`
   ${({ $isAccount }) => $isAccount && `
       --ring-3-size: 560px;
       --ring-2-size: 402px;
@@ -4517,8 +4717,8 @@ var StyledHero = styled20(CpslHero)`
 // src/modal/components/Body/AnimatedHeightWrapper.tsx
 import { motion as motion4 } from "framer-motion";
 import { useEffect as useEffect17, useRef as useRef6, useState as useState14 } from "react";
-import styled21 from "styled-components";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import styled22 from "styled-components";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var AnimatedHeightWrapper = ({ children, className }) => {
   const containerRef = useRef6(null);
   const [height, setHeight] = useState14("auto");
@@ -4534,19 +4734,19 @@ var AnimatedHeightWrapper = ({ children, className }) => {
       };
     }
   }, []);
-  return /* @__PURE__ */ jsx30(Container10, { className, style: { height }, animate: { height }, transition: { duration: 0.2 }, children: /* @__PURE__ */ jsx30("div", { ref: containerRef, children }) });
+  return /* @__PURE__ */ jsx31(Container10, { className, style: { height }, animate: { height }, transition: { duration: 0.2 }, children: /* @__PURE__ */ jsx31("div", { ref: containerRef, children }) });
 };
-var Container10 = styled21(motion4.div)`
+var Container10 = styled22(motion4.div)`
   overflow: hidden;
 `;
 
 // src/modal/components/ChainSwitch/ChainSwitch.tsx
-import { CpslButton as CpslButton17, CpslIcon as CpslIcon14, CpslQrCode as CpslQrCode6, CpslSpinner as CpslSpinner11, CpslText as CpslText19 } from "@getpara/react-components";
+import { CpslButton as CpslButton18, CpslIcon as CpslIcon14, CpslQrCode as CpslQrCode6, CpslSpinner as CpslSpinner12, CpslText as CpslText20 } from "@getpara/react-components";
 import { useEffect as useEffect18, useMemo as useMemo11 } from "react";
-import styled22 from "styled-components";
+import styled23 from "styled-components";
 import { useCopyToClipboard as useCopyToClipboard6 } from "@getpara/react-common";
-import { WalletType as WalletType5 } from "@getpara/web-sdk";
-import { Fragment as Fragment17, jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { WalletType as WalletType6 } from "@getpara/web-sdk";
+import { Fragment as Fragment17, jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var ChainSwitch = () => {
   const [isCopied, copy] = useCopyToClipboard6();
   const externalWalletError = useModalStore((state) => state.externalWalletError);
@@ -4554,7 +4754,7 @@ var ChainSwitch = () => {
   const setStepDirection = useModalStore((state) => state.setStepDirection);
   const { switchChain, wallet, qrUri, chainIdSwitchingTo, walletDisplayHelpers } = useExternalWallets();
   useEffect18(() => {
-    if ((wallet == null ? void 0 : wallet.type) === WalletType5.COSMOS) {
+    if ((wallet == null ? void 0 : wallet.type) === WalletType6.COSMOS) {
       routeMobileExternalWallet(qrUri);
     }
   }, [qrUri, wallet]);
@@ -4579,25 +4779,25 @@ var ChainSwitch = () => {
     }
     const { isCosmosMobileWallet } = walletDisplayHelpers;
     if (isCosmosMobileWallet) {
-      return /* @__PURE__ */ jsx31(Fragment17, { children: /* @__PURE__ */ jsxs24(InnerStepContainer, { children: [
-        /* @__PURE__ */ jsx31(CpslText19, { weight: "semiBold", children: "Scan with your mobile device to switch networks" }),
-        /* @__PURE__ */ jsx31(QRContainer, { children: !qrUri ? /* @__PURE__ */ jsx31(CpslSpinner11, { size: 100 }) : /* @__PURE__ */ jsx31(CpslQrCode6, { url: qrUri, imageSrc: wallet.iconUrl }) }),
-        /* @__PURE__ */ jsxs24(CpslButton17, { size: "small", variant: "ghost", onClick: handleCopy, children: [
-          /* @__PURE__ */ jsx31(CpslIcon14, { slot: "start", icon: isCopied ? "check" : "copy" }),
+      return /* @__PURE__ */ jsx32(Fragment17, { children: /* @__PURE__ */ jsxs25(InnerStepContainer, { children: [
+        /* @__PURE__ */ jsx32(CpslText20, { weight: "semiBold", children: "Scan with your mobile device to switch networks" }),
+        /* @__PURE__ */ jsx32(QRContainer, { children: !qrUri ? /* @__PURE__ */ jsx32(CpslSpinner12, { size: 100 }) : /* @__PURE__ */ jsx32(CpslQrCode6, { url: qrUri, imageSrc: wallet.iconUrl }) }),
+        /* @__PURE__ */ jsxs25(CpslButton18, { size: "small", variant: "ghost", onClick: handleCopy, children: [
+          /* @__PURE__ */ jsx32(CpslIcon14, { slot: "start", icon: isCopied ? "check" : "copy" }),
           isCopied ? "Copied" : "Copy Link"
         ] })
       ] }) });
     }
-    return /* @__PURE__ */ jsxs24(InnerStepContainer, { children: [
-      !(externalWalletError == null ? void 0 : externalWalletError.length) ? /* @__PURE__ */ jsx31(CenteredText, { color: "contrast", weight: "semiBold", children: `Confirm the request to change networks in your ${wallet.name} wallet.` }) : /* @__PURE__ */ jsxs24(Fragment17, { children: [
-        /* @__PURE__ */ jsxs24(ErrorContainer2, { children: [
-          /* @__PURE__ */ jsx31(ErrorIcon2, { icon: "alertCircle" }),
-          /* @__PURE__ */ jsx31(CenteredText, { weight: "semiBold", color: "error", children: externalWalletError[0] })
+    return /* @__PURE__ */ jsxs25(InnerStepContainer, { children: [
+      !(externalWalletError == null ? void 0 : externalWalletError.length) ? /* @__PURE__ */ jsx32(CenteredText, { color: "contrast", weight: "semiBold", children: `Confirm the request to change networks in your ${wallet.name} wallet.` }) : /* @__PURE__ */ jsxs25(Fragment17, { children: [
+        /* @__PURE__ */ jsxs25(ErrorContainer2, { children: [
+          /* @__PURE__ */ jsx32(ErrorIcon2, { icon: "alertCircle" }),
+          /* @__PURE__ */ jsx32(CenteredText, { weight: "semiBold", color: "error", children: externalWalletError[0] })
         ] }),
-        externalWalletError[1] && /* @__PURE__ */ jsx31(CenteredText, { color: "secondary", weight: "medium", children: externalWalletError[1] })
+        externalWalletError[1] && /* @__PURE__ */ jsx32(CenteredText, { color: "secondary", weight: "medium", children: externalWalletError[1] })
       ] }),
-      ((_a = externalWalletError == null ? void 0 : externalWalletError[0]) == null ? void 0 : _a.toLowerCase()) !== NETWORK_NOT_SUPPORTED_ERROR && /* @__PURE__ */ jsxs24(CpslButton17, { variant: "secondary", onClick: handleTryAgainClick, children: [
-        /* @__PURE__ */ jsx31(CpslIcon14, { slot: "start", icon: "refresh" }),
+      ((_a = externalWalletError == null ? void 0 : externalWalletError[0]) == null ? void 0 : _a.toLowerCase()) !== NETWORK_NOT_SUPPORTED_ERROR && /* @__PURE__ */ jsxs25(CpslButton18, { variant: "secondary", onClick: handleTryAgainClick, children: [
+        /* @__PURE__ */ jsx32(CpslIcon14, { slot: "start", icon: "refresh" }),
         "Try Again"
       ] })
     ] });
@@ -4605,19 +4805,19 @@ var ChainSwitch = () => {
   if (!wallet) {
     return null;
   }
-  return /* @__PURE__ */ jsx31(Container11, { children: Content });
+  return /* @__PURE__ */ jsx32(Container11, { children: Content });
 };
-var Container11 = styled22(StepContainer)`
+var Container11 = styled23(StepContainer)`
   flex: 1;
   justify-content: space-between;
 `;
-var ErrorContainer2 = styled22.div`
+var ErrorContainer2 = styled23.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
 `;
-var ErrorIcon2 = styled22(CpslIcon14)`
+var ErrorIcon2 = styled23(CpslIcon14)`
   --height: 16px;
   --width: 16px;
   --icon-color: var(--cpsl-color-text-error);
@@ -4628,21 +4828,21 @@ import { motion as motion5, AnimatePresence as AnimatePresence3 } from "framer-m
 
 // src/modal/components/Controls/Controls.tsx
 import { CpslIcon as CpslIcon15 } from "@getpara/react-components";
-import { styled as styled24 } from "styled-components";
+import { styled as styled25 } from "styled-components";
 
 // src/modal/components/Controls/Selects.tsx
-import { CpslIdenticon as CpslIdenticon4, CpslSelect as CpslSelect2, CpslSelectItem as CpslSelectItem2, CpslText as CpslText20 } from "@getpara/react-components";
-import styled23 from "styled-components";
-import { truncateAddress as truncateAddress3, WalletType as WalletType6 } from "@getpara/web-sdk";
+import { CpslIdenticon as CpslIdenticon4, CpslSelect as CpslSelect2, CpslSelectItem as CpslSelectItem2, CpslText as CpslText21 } from "@getpara/react-components";
+import styled24 from "styled-components";
+import { truncateAddress as truncateAddress3, WalletType as WalletType7 } from "@getpara/web-sdk";
 import { useEffect as useEffect19, useRef as useRef7 } from "react";
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
 var WALLET_TYPES = {
-  [WalletType6.EVM]: "EVM",
-  [WalletType6.SOLANA]: "Solana",
-  [WalletType6.COSMOS]: "Cosmos"
+  [WalletType7.EVM]: "EVM",
+  [WalletType7.SOLANA]: "Solana",
+  [WalletType7.COSMOS]: "Cosmos"
 };
 var ChainSelect = () => {
   var _a, _b;
@@ -4658,12 +4858,12 @@ var ChainSelect = () => {
   const handleChainChange = (chainId2) => __async(void 0, null, function* () {
     yield switchChain(chainId2);
   });
-  if (!activeWallet || !activeWallet.isExternal || activeWallet.type === WalletType6.SOLANA) {
+  if (!activeWallet || !activeWallet.isExternal || activeWallet.type === WalletType7.SOLANA) {
     return null;
   }
   const chainIdToUse = chainIdSwitchingTo != null ? chainIdSwitchingTo : chainId;
   const selectedChainName = (_a = chains.find((c) => c.id.toString() === chainIdToUse)) == null ? void 0 : _a.name;
-  return /* @__PURE__ */ jsx32(Container12, { children: /* @__PURE__ */ jsx32(SelectContainer, { ref: containerRef, id: "inputContainer", children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx33(Container12, { children: /* @__PURE__ */ jsx33(SelectContainer, { ref: containerRef, id: "inputContainer", children: /* @__PURE__ */ jsxs26(
     StyledSelect,
     {
       selectedValue: (_b = chainIdToUse == null ? void 0 : chainIdToUse.toString()) != null ? _b : "",
@@ -4679,8 +4879,8 @@ var ChainSelect = () => {
       autoWidth: true,
       selectedItemVariant: "bodyXS",
       children: [
-        chainIdToUse && /* @__PURE__ */ jsx32(ChainName, { variant: "bodyXS", color: "contrast", slot: "selected-item", children: selectedChainName }),
-        chains == null ? void 0 : chains.map((chain) => /* @__PURE__ */ jsx32(StyledSelectItem2, { slot: "items", value: chain.id.toString(), children: /* @__PURE__ */ jsx32(ChainName, { variant: "bodyXS", color: "contrast", children: chain.name }) }, chain.id))
+        chainIdToUse && /* @__PURE__ */ jsx33(ChainName, { variant: "bodyXS", color: "contrast", slot: "selected-item", children: selectedChainName }),
+        chains == null ? void 0 : chains.map((chain) => /* @__PURE__ */ jsx33(StyledSelectItem2, { slot: "items", value: chain.id.toString(), children: /* @__PURE__ */ jsx33(ChainName, { variant: "bodyXS", color: "contrast", children: chain.name }) }, chain.id))
       ]
     }
   ) }) });
@@ -4698,23 +4898,24 @@ function getName(para, {
   return hideWallets ? "My Account" : name || "My Wallet";
 }
 var AccountSelect = () => {
+  var _a;
   const hideWallets = useThemeStore((state) => state.hideWallets);
   const para = useInternalClient();
   const containerRef = useRef7(null);
   const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
   const { setSelectedWallet } = useWalletState();
   const activeWallet = useActiveWallet();
-  const ActiveWalletNode = activeWallet ? /* @__PURE__ */ jsxs25(FlexRow, { slot: "selected-item", children: [
-    /* @__PURE__ */ jsx32(CpslIdenticon4, { variant: "avatar", size: "14px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
-    /* @__PURE__ */ jsx32(WalletName, { variant: "bodyXS", color: "contrast", children: getName(para, __spreadProps(__spreadValues({}, activeWallet), { hideWallets })) }),
-    !hideWallets && /* @__PURE__ */ jsx32(CpslText20, { variant: "bodyXS", color: "secondary", children: para.getDisplayAddress(activeWallet.id, { truncate: true, addressType: activeWallet.type }) })
+  const ActiveWalletNode = activeWallet ? /* @__PURE__ */ jsxs26(FlexRow, { slot: "selected-item", children: [
+    /* @__PURE__ */ jsx33(CpslIdenticon4, { variant: "avatar", size: "14px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
+    /* @__PURE__ */ jsx33(WalletName, { variant: "bodyXS", color: "contrast", children: getName(para, __spreadProps(__spreadValues({}, activeWallet), { hideWallets })) }),
+    !hideWallets && /* @__PURE__ */ jsx33(CpslText21, { variant: "bodyXS", color: "secondary", children: (_a = activeWallet.ensName) != null ? _a : para.getDisplayAddress(activeWallet.id, { truncate: true, addressType: activeWallet.type }) })
   ] }) : null;
   useEffect19(() => {
     if (dropdownMaxHeight && (activeWallet == null ? void 0 : activeWallet.address)) {
       resize();
     }
   }, [activeWallet, para.availableWallets, dropdownMaxHeight]);
-  return /* @__PURE__ */ jsx32(Container12, { children: /* @__PURE__ */ jsx32(SelectContainer, { ref: containerRef, id: "addressInputContainer", children: para.availableWallets.length > 1 ? /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx33(Container12, { children: /* @__PURE__ */ jsx33(SelectContainer, { ref: containerRef, id: "addressInputContainer", children: para.availableWallets.length > 1 ? /* @__PURE__ */ jsxs26(
     StyledSelect,
     {
       selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
@@ -4735,11 +4936,11 @@ var AccountSelect = () => {
         para.availableWallets.map(({ address, name: _name, id, type, isExternal }) => {
           const key = getValue(id, type);
           const name = _name != null ? _name : getName(para, { type, isExternal, isMenu: true, hideWallets });
-          return /* @__PURE__ */ jsx32(StyledSelectItem2, { slot: "items", value: key, children: /* @__PURE__ */ jsxs25(FlexRow, { children: [
-            /* @__PURE__ */ jsx32(CpslIdenticon4, { size: "40px", hash: para.getIdenticonHash(id, type) }),
-            /* @__PURE__ */ jsxs25(FlexCol, { children: [
-              name && /* @__PURE__ */ jsx32(CpslText20, { variant: "bodyS", color: "contrast", children: name }),
-              !hideWallets && /* @__PURE__ */ jsx32(CpslText20, { variant: "bodyXS", color: "secondary", children: truncateAddress3(address, type, { prefix: para.cosmosPrefix }) })
+          return /* @__PURE__ */ jsx33(StyledSelectItem2, { slot: "items", value: key, children: /* @__PURE__ */ jsxs26(FlexRow, { children: [
+            /* @__PURE__ */ jsx33(CpslIdenticon4, { size: "40px", hash: para.getIdenticonHash(id, type) }),
+            /* @__PURE__ */ jsxs26(FlexCol, { children: [
+              name && /* @__PURE__ */ jsx33(CpslText21, { variant: "bodyS", color: "contrast", children: name }),
+              !hideWallets && /* @__PURE__ */ jsx33(CpslText21, { variant: "bodyXS", color: "secondary", children: truncateAddress3(address, type, { prefix: para.cosmosPrefix }) })
             ] })
           ] }) }, key);
         })
@@ -4747,26 +4948,26 @@ var AccountSelect = () => {
     }
   ) : ActiveWalletNode }) });
 };
-var Container12 = styled23.div`
+var Container12 = styled24.div`
   flex: 0;
   width: 100%;
   display: flex;
   justify-content: center;
 `;
-var FlexRow = styled23.div`
+var FlexRow = styled24.div`
   display: flex;
   align-items: center;
   gap: 8px;
 `;
-var FlexCol = styled23.div`
+var FlexCol = styled24.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 `;
-var WalletName = styled23(CpslText20)`
+var WalletName = styled24(CpslText21)`
   white-space: nowrap;
 `;
-var SelectContainer = styled23.div`
+var SelectContainer = styled24.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -4775,7 +4976,7 @@ var SelectContainer = styled23.div`
   background-color: var(--cpsl-color-background-8);
   padding: 8px;
 `;
-var ChainName = styled23(CpslText20)`
+var ChainName = styled24(CpslText21)`
   max-width: 150px;
   text-transform: capitalize;
 
@@ -4785,7 +4986,7 @@ var ChainName = styled23(CpslText20)`
     overflow: hidden;
   }
 `;
-var StyledSelect = styled23(CpslSelect2)`
+var StyledSelect = styled24(CpslSelect2)`
   --container-height: auto;
   --container-border-width: 0px;
   --container-padding-end: 0px;
@@ -4820,7 +5021,7 @@ var StyledSelect = styled23(CpslSelect2)`
     --icon-color: var(--cpsl-color-contrast);
   }
 `;
-var StyledSelectItem2 = styled23(CpslSelectItem2)`
+var StyledSelectItem2 = styled24(CpslSelectItem2)`
   --outer-container-padding-start: 4px;
   --outer-container-padding-end: 4px;
   --outer-container-padding-top: 4px;
@@ -4829,7 +5030,7 @@ var StyledSelectItem2 = styled23(CpslSelectItem2)`
 
 // src/modal/components/Controls/Controls.tsx
 import { HeaderButton } from "@getpara/react-common";
-import { Fragment as Fragment18, jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var Controls = ({ onClose }) => {
   const bareModal = useThemeStore((state) => state.bareModal);
   const hasPreviousStep = useModalStore((state) => state.hasPreviousStep());
@@ -4846,8 +5047,8 @@ var Controls = ({ onClose }) => {
   const handleBackClick = () => {
     goBack();
   };
-  return /* @__PURE__ */ jsxs26(Container13, { children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs27(Container13, { children: [
+    /* @__PURE__ */ jsx34(
       BackButton,
       {
         variant: "ghost",
@@ -4855,17 +5056,17 @@ var Controls = ({ onClose }) => {
           visibility: hasPreviousStep ? "visible" : "hidden"
         },
         onClick: handleBackClick,
-        children: /* @__PURE__ */ jsx33(CpslIcon15, { icon: "arrow" })
+        children: /* @__PURE__ */ jsx34(CpslIcon15, { icon: "arrow" })
       }
     ),
-    /* @__PURE__ */ jsx33(MiddleContainer, { children: shouldShowSelects && isFullyLoggedIn && /* @__PURE__ */ jsxs26(Fragment18, { children: [
-      /* @__PURE__ */ jsx33(ChainSelect, {}),
-      /* @__PURE__ */ jsx33(AccountSelect, {})
+    /* @__PURE__ */ jsx34(MiddleContainer, { children: shouldShowSelects && isFullyLoggedIn && /* @__PURE__ */ jsxs27(Fragment18, { children: [
+      /* @__PURE__ */ jsx34(ChainSelect, {}),
+      /* @__PURE__ */ jsx34(AccountSelect, {})
     ] }) }),
-    /* @__PURE__ */ jsx33(CloseButton, { bareModal, variant: "ghost", onClick: onClose, children: /* @__PURE__ */ jsx33(CpslIcon15, { icon: "close" }) })
+    /* @__PURE__ */ jsx34(CloseButton, { bareModal, variant: "ghost", onClick: onClose, children: /* @__PURE__ */ jsx34(CpslIcon15, { icon: "close" }) })
   ] });
 };
-var Container13 = styled24.div`
+var Container13 = styled25.div`
   position: absolute;
   width: 100%;
   top: 16px;
@@ -4876,18 +5077,18 @@ var Container13 = styled24.div`
   justify-content: space-between;
   gap: 8px;
 `;
-var MiddleContainer = styled24.div`
+var MiddleContainer = styled25.div`
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
 `;
-var CloseButton = styled24(HeaderButton)`
+var CloseButton = styled25(HeaderButton)`
   transform: rotate(180deg);
   visibility: ${({ bareModal }) => bareModal ? "hidden" : "visible"};
 `;
-var BackButton = styled24(HeaderButton)`
+var BackButton = styled25(HeaderButton)`
   transform: rotate(180deg);
 `;
 
@@ -4895,12 +5096,12 @@ var BackButton = styled24(HeaderButton)`
 import { useEffect as useEffect21, useState as useState16 } from "react";
 
 // src/modal/components/OAuth/TelegramOAuthStep.tsx
-import { AuthMethod as AuthMethod6, OAuthMethod as OAuthMethod2 } from "@getpara/web-sdk";
-import styled25 from "styled-components";
+import { AuthMethod as AuthMethod9, OAuthMethod as OAuthMethod2 } from "@getpara/web-sdk";
+import styled26 from "styled-components";
 import { useEffect as useEffect20, useRef as useRef8, useState as useState15 } from "react";
 import { HeroSpinner } from "@getpara/react-common";
-import { CpslSpinner as CpslSpinner12 } from "@getpara/react-components";
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { CpslSpinner as CpslSpinner13 } from "@getpara/react-components";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function TelegramOAuthStep() {
   const iframe = useRef8();
   const para = useInternalClient();
@@ -4908,12 +5109,12 @@ function TelegramOAuthStep() {
   const setStep = useModalStore((state) => state.setStep);
   const setAuthInfo = useUserInfoStore((state) => state.setAuthInfo);
   const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
-  const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
   const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
   const setIsIFrameReady = useModalStore((state) => state.setIsIFrameReady);
   const setAuthStepRoute = useModalStore((state) => state.setAuthStepRoute);
   const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
   const theme = useThemeStore((state) => state.theme);
+  const setLoginURLs = useSetLoginURLs();
   const [url, setUrl] = useState15(void 0);
   const [isWaiting, setIsWaiting] = useState15(false);
   const [isLoaded, setIsLoaded] = useState15(false);
@@ -4947,30 +5148,38 @@ function TelegramOAuthStep() {
               return;
             }
             const { telegramUserId, isNewUser, supportedAuthMethods, biometricHints } = result;
+            const pfpUrl = authObject.photo_url;
+            const displayName = authObject.username ? `@${authObject.username}` : authObject.first_name ? `${authObject.first_name}${authObject.last_name ? ` ${authObject.last_name}` : ""}` : `Telegram User @${telegramUserId}`;
             setAuthInfo({
               telegramUserId,
-              pfpUrl: authObject.photo_url,
-              displayName: authObject.username ? `@${authObject.username}` : authObject.first_name ? `${authObject.first_name}${authObject.last_name ? ` ${authObject.last_name}` : ""}` : `Telegram User @${telegramUserId}`
+              pfpUrl,
+              displayName
             });
             if (isNewUser) {
               const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
               setIsIFrameReady(false);
               setFlow("signUp");
-              const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod6.PASSKEY);
+              const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod9.PASSKEY);
               if (supportsPasskey) {
                 setWebAuthURLForCreate(
                   yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: "telegram" }))
                 );
                 setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
               }
-              if (supportedCreateAuthMethods.has(AuthMethod6.PASSWORD)) {
+              if (supportedCreateAuthMethods.has(AuthMethod9.PASSWORD)) {
                 setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: "telegram", theme })));
                 setAuthStepRoute(supportsPasskey ? "BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */ : "PASSWORD_CREATION" /* PASSWORD_CREATION */);
               }
             } else {
               setFlow("login");
-              supportedAuthMethods && setSupportedAuthMethods(new Set(supportedAuthMethods));
+              const supportedAuthMethodsSet = new Set(supportedAuthMethods);
               biometricHints && setBiometricLocationHints(biometricHints);
+              yield setLoginURLs({
+                supportedAuthMethods: supportedAuthMethodsSet,
+                authType: "telegram",
+                displayName,
+                pfpUrl
+              });
               setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
             }
           }
@@ -4982,8 +5191,8 @@ function TelegramOAuthStep() {
       window == null ? void 0 : window.removeEventListener("message", updateState, false);
     };
   }, []);
-  return /* @__PURE__ */ jsxs27(Container14, { children: [
-    /* @__PURE__ */ jsx34(HeroContainer, { children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs28(Container14, { children: [
+    /* @__PURE__ */ jsx35(HeroContainer, { children: /* @__PURE__ */ jsx35(
       HeroSpinner,
       {
         icon: "telegramBrand",
@@ -4991,18 +5200,18 @@ function TelegramOAuthStep() {
         text: isWaiting ? "Follow the on-screen prompts." : isError ? "Login Failed" : void 0
       }
     ) }),
-    url && /* @__PURE__ */ jsx34(IFrame, { ref: iframe, style: { display: isLoaded ? "block" : "none" }, src: url, onLoad: () => setIsLoaded(true) }),
-    (!url || !isLoaded) && /* @__PURE__ */ jsx34(CpslSpinner12, {})
+    url && /* @__PURE__ */ jsx35(IFrame, { ref: iframe, style: { display: isLoaded ? "block" : "none" }, src: url, onLoad: () => setIsLoaded(true) }),
+    (!url || !isLoaded) && /* @__PURE__ */ jsx35(CpslSpinner13, {})
   ] });
 }
-var Container14 = styled25.div`
+var Container14 = styled26.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
 `;
-var HeroContainer = styled25.div`
+var HeroContainer = styled26.div`
   display: flex;
   min-height: 276px;
   flex-direction: column;
@@ -5010,17 +5219,17 @@ var HeroContainer = styled25.div`
   gap: 16px;
   flex: 1;
 `;
-var IFrame = styled25.iframe`
+var IFrame = styled26.iframe`
   width: 100%;
   height: 52px;
   border: none;
 `;
 
 // src/modal/components/AwaitingPasswordStep/AwaitingPasswordStep.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var AwaitingPasswordStep = () => {
   const isLogin = useModalStore((state) => state.isLogin());
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Waiting,
     {
       heading: isLogin ? "Waiting for Password" : "Creating Password",
@@ -5030,18 +5239,18 @@ var AwaitingPasswordStep = () => {
 };
 
 // src/modal/components/IFrameStep/IFrameStep.tsx
-import styled26 from "styled-components";
+import styled27 from "styled-components";
 import { SpinnerContainer as SpinnerContainer3 } from "@getpara/react-common";
-import { CpslSpinner as CpslSpinner13 } from "@getpara/react-components";
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { CpslSpinner as CpslSpinner14 } from "@getpara/react-components";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 var IFrameStep = () => {
   const iFrameUrl = useModalStore((state) => state.iFrameUrl);
   const setIsReady = useModalStore((state) => state.setIsIFrameReady);
   const isReady = useModalStore((state) => state.isIFrameReady);
   const currentStep = useModalStore((state) => state.step);
   const embeddedModal = useThemeStore((state) => state.embeddedModal);
-  return /* @__PURE__ */ jsxs28(OuterContainer, { $isVisible: IFrameSteps.includes(currentStep), $embeddedModal: embeddedModal, children: [
-    /* @__PURE__ */ jsx36(Container15, { $isReady: isReady, children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs29(OuterContainer, { $isVisible: IFrameSteps.includes(currentStep), $embeddedModal: embeddedModal, children: [
+    /* @__PURE__ */ jsx37(Container15, { $isReady: isReady, children: /* @__PURE__ */ jsx37(
       "iframe",
       {
         src: iFrameUrl,
@@ -5050,10 +5259,10 @@ var IFrameStep = () => {
         }
       }
     ) }),
-    !isReady && /* @__PURE__ */ jsx36(SpinnerContainer3, { style: { width: "100%", height: "100%", flex: 1 }, children: /* @__PURE__ */ jsx36(CpslSpinner13, { size: 100 }) })
+    !isReady && /* @__PURE__ */ jsx37(SpinnerContainer3, { style: { width: "100%", height: "100%", flex: 1 }, children: /* @__PURE__ */ jsx37(CpslSpinner14, { size: 100 }) })
   ] });
 };
-var OuterContainer = styled26.div`
+var OuterContainer = styled27.div`
   height: ${({ $isVisible }) => $isVisible ? "100%" : "0px"};
   width: ${({ $isVisible }) => $isVisible ? "100%" : "0px"};
   flex: ${({ $isVisible }) => $isVisible ? 1 : "auto"};
@@ -5066,7 +5275,7 @@ var OuterContainer = styled26.div`
     padding: ${({ $embeddedModal, $isVisible }) => !$isVisible ? "0px" : $embeddedModal ? "12px 0px 0px" : "72px 16px 0px"};
   }
 `;
-var Container15 = styled26.div`
+var Container15 = styled27.div`
   height: 100%;
   width: 100%;
   display: ${({ $isReady }) => $isReady ? "block" : "none"};
@@ -5079,7 +5288,7 @@ var Container15 = styled26.div`
 `;
 
 // src/modal/components/Body/Body.tsx
-import { Fragment as Fragment19, jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 var MIN_HEIGHT = {
   ["ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */]: "680px"
 };
@@ -5102,7 +5311,7 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
   const Content = () => {
     switch (currentStep) {
       case "AUTH_MAIN" /* AUTH_MAIN */: {
-        return /* @__PURE__ */ jsx37(
+        return /* @__PURE__ */ jsx38(
           AuthMainStep,
           {
             oAuthMethods,
@@ -5112,10 +5321,10 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
         );
       }
       case "EX_WALLET_MORE" /* EX_WALLET_MORE */: {
-        return /* @__PURE__ */ jsx37(ExternalWallets, {});
+        return /* @__PURE__ */ jsx38(ExternalWallets, {});
       }
       case "AUTH_MORE" /* AUTH_MORE */: {
-        return /* @__PURE__ */ jsx37(
+        return /* @__PURE__ */ jsx38(
           AuthOptions,
           {
             oAuthMethods,
@@ -5125,72 +5334,75 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
         );
       }
       case "VERIFICATIONS" /* VERIFICATIONS */: {
-        return /* @__PURE__ */ jsx37(VerificationCodeStep, {});
+        return /* @__PURE__ */ jsx38(VerificationCodeStep, {});
+      }
+      case "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */: {
+        return /* @__PURE__ */ jsx38(ExternalWalletVerificationStep, {});
       }
       case "BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */: {
-        return /* @__PURE__ */ jsx37(BiometricLoginStep, {});
+        return /* @__PURE__ */ jsx38(BiometricLoginStep, {});
       }
       case "SETUP_2FA" /* SETUP_2FA */:
       case "VERIFY_2FA" /* VERIFY_2FA */: {
-        return /* @__PURE__ */ jsx37(Setup2FAStep, { onClose });
+        return /* @__PURE__ */ jsx38(Setup2FAStep, { onClose });
       }
       case "LOGIN_DONE" /* LOGIN_DONE */: {
-        return /* @__PURE__ */ jsx37(LoginDoneStep, { onClose });
+        return /* @__PURE__ */ jsx38(LoginDoneStep, { onClose });
       }
       case "AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */:
       case "AWAITING_BIOMETRIC_CREATION" /* AWAITING_BIOMETRIC_CREATION */: {
-        return /* @__PURE__ */ jsx37(AwaitingBiometricsStep, {});
+        return /* @__PURE__ */ jsx38(AwaitingBiometricsStep, {});
       }
       case "AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */:
       case "AWAITING_PASSWORD_CREATION" /* AWAITING_PASSWORD_CREATION */: {
-        return /* @__PURE__ */ jsx37(AwaitingPasswordStep, {});
+        return /* @__PURE__ */ jsx38(AwaitingPasswordStep, {});
       }
       case "AWAITING_WALLET_CREATION" /* AWAITING_WALLET_CREATION */: {
-        return /* @__PURE__ */ jsx37(AwaitingWalletCreationStep, {});
+        return /* @__PURE__ */ jsx38(AwaitingWalletCreationStep, {});
       }
       case "WALLET_CREATION_DONE" /* WALLET_CREATION_DONE */: {
-        return /* @__PURE__ */ jsx37(WalletCreationDoneStep, { twoFactorAuthEnabled, onClose });
+        return /* @__PURE__ */ jsx38(WalletCreationDoneStep, { twoFactorAuthEnabled, onClose });
       }
       case "SECRET" /* SECRET */: {
-        return /* @__PURE__ */ jsx37(RecoverySecretStep, {});
+        return /* @__PURE__ */ jsx38(RecoverySecretStep, {});
       }
       case "TWO_FACTOR_DONE" /* TWO_FACTOR_DONE */: {
-        return /* @__PURE__ */ jsx37(TwoFactorDoneStep, { onClose });
+        return /* @__PURE__ */ jsx38(TwoFactorDoneStep, { onClose });
       }
       case "BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */: {
-        return /* @__PURE__ */ jsx37(BiometricCreationStep, {});
+        return /* @__PURE__ */ jsx38(BiometricCreationStep, {});
       }
       case "AWAITING_OAUTH" /* AWAITING_OAUTH */: {
-        return /* @__PURE__ */ jsx37(AwaitingOAuthStep, {});
+        return /* @__PURE__ */ jsx38(AwaitingOAuthStep, {});
       }
       case "FARCASTER_OAUTH" /* FARCASTER_OAUTH */: {
-        return /* @__PURE__ */ jsx37(FarcasterOAuthStep_default, {});
+        return /* @__PURE__ */ jsx38(FarcasterOAuthStep_default, {});
       }
       case "TELEGRAM_OAUTH" /* TELEGRAM_OAUTH */: {
-        return /* @__PURE__ */ jsx37(TelegramOAuthStep, {});
+        return /* @__PURE__ */ jsx38(TelegramOAuthStep, {});
       }
       case "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */:
       case "ADD_FUNDS_RECEIVE" /* ADD_FUNDS_RECEIVE */:
       case "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */: {
-        return /* @__PURE__ */ jsx37(AddFunds, {});
+        return /* @__PURE__ */ jsx38(AddFunds, {});
       }
       case "ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */: {
-        return /* @__PURE__ */ jsx37(AddFundsAwaiting, {});
+        return /* @__PURE__ */ jsx38(AddFundsAwaiting, {});
       }
       case "ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */: {
-        return /* @__PURE__ */ jsx37(AddFundsDone, { isSuccess: true, onClose });
+        return /* @__PURE__ */ jsx38(AddFundsDone, { isSuccess: true, onClose });
       }
       case "ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */: {
-        return /* @__PURE__ */ jsx37(AddFundsDone, { onClose });
+        return /* @__PURE__ */ jsx38(AddFundsDone, { onClose });
       }
       case "ACCOUNT_MAIN" /* ACCOUNT_MAIN */: {
-        return /* @__PURE__ */ jsx37(Account, { onClose });
+        return /* @__PURE__ */ jsx38(Account, { onClose });
       }
       case "EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */: {
-        return /* @__PURE__ */ jsx37(ExternalWalletStep, {});
+        return /* @__PURE__ */ jsx38(ExternalWalletStep, {});
       }
       case "CHAIN_SWITCH" /* CHAIN_SWITCH */: {
-        return /* @__PURE__ */ jsx37(ChainSwitch, {});
+        return /* @__PURE__ */ jsx38(ChainSwitch, {});
       }
       default: {
         if (IFrameSteps.includes(currentStep)) {
@@ -5219,13 +5431,13 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
         break;
     }
   }, [currentStep]);
-  return /* @__PURE__ */ jsxs29(Container16, { slot: "body", "data-testid": "modal-content", children: [
-    !embeddedModal && /* @__PURE__ */ jsxs29(Fragment19, { children: [
-      /* @__PURE__ */ jsx37(Controls, { onClose }),
-      /* @__PURE__ */ jsx37(Header, {})
+  return /* @__PURE__ */ jsxs30(Container16, { slot: "body", "data-testid": "modal-content", children: [
+    !embeddedModal && /* @__PURE__ */ jsxs30(Fragment19, { children: [
+      /* @__PURE__ */ jsx38(Controls, { onClose }),
+      /* @__PURE__ */ jsx38(Header, {})
     ] }),
-    /* @__PURE__ */ jsxs29(AnimatedWrapper, { children: [
-      /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsxs30(AnimatedWrapper, { children: [
+      /* @__PURE__ */ jsx38(
         AnimatePresence3,
         {
           mode: "popLayout",
@@ -5234,7 +5446,7 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
             setStepDirection(1);
           },
           custom: stepDirection,
-          children: /* @__PURE__ */ jsxs29(
+          children: /* @__PURE__ */ jsxs30(
             BodyContainer,
             {
               custom: stepDirection,
@@ -5244,8 +5456,8 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
               exit: "exit",
               transition: BODY_TRANSITION,
               children: [
-                /* @__PURE__ */ jsx37(Hero, {}),
-                /* @__PURE__ */ jsxs29(
+                /* @__PURE__ */ jsx38(Hero, {}),
+                /* @__PURE__ */ jsxs30(
                   InnerContainer2,
                   {
                     $embeddedModal: embeddedModal,
@@ -5259,13 +5471,13 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
                         "ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */,
                         "ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */,
                         "ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */
-                      ].includes(currentStep) && isTestModeAlert && accountAddFundTab !== EnabledFlow2.RECEIVE && /* @__PURE__ */ jsx37(TestModeAlert, { children: /* @__PURE__ */ jsxs29("div", { style: { fontSize: "14px" }, children: [
+                      ].includes(currentStep) && isTestModeAlert && accountAddFundTab !== EnabledFlow2.RECEIVE && /* @__PURE__ */ jsx38(TestModeAlert, { children: /* @__PURE__ */ jsxs30("div", { style: { fontSize: "14px" }, children: [
                         "This Para Modal is configured to run on-ramp services in ",
-                        /* @__PURE__ */ jsx37("b", { children: "test mode" }),
+                        /* @__PURE__ */ jsx38("b", { children: "test mode" }),
                         " only, for development purposes. If you are a user of ",
                         appName,
                         ", please contact support.",
-                        /* @__PURE__ */ jsx37(CloseButton2, { onClick: () => setIsTestModeAlert(false), children: /* @__PURE__ */ jsx37(CloseX, { icon: "x" }) })
+                        /* @__PURE__ */ jsx38(CloseButton2, { onClick: () => setIsTestModeAlert(false), children: /* @__PURE__ */ jsx38(CloseX, { icon: "x" }) })
                       ] }) })
                     ]
                   }
@@ -5276,24 +5488,24 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
           )
         }
       ),
-      /* @__PURE__ */ jsx37(IFrameStep, {})
+      /* @__PURE__ */ jsx38(IFrameStep, {})
     ] })
   ] });
 };
-var Container16 = styled27.div`
+var Container16 = styled28.div`
   position: relative;
 `;
-var AnimatedWrapper = styled27(AnimatedHeightWrapper)`
+var AnimatedWrapper = styled28(AnimatedHeightWrapper)`
   margin-top: -16px;
 `;
-var BodyContainer = styled27(motion5.div)`
+var BodyContainer = styled28(motion5.div)`
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 24px;
   will-change: auto !important;
 `;
-var InnerContainer2 = styled27.div`
+var InnerContainer2 = styled28.div`
   z-index: 1;
   flex: 1;
   display: flex;
@@ -5324,7 +5536,7 @@ var InnerContainer2 = styled27.div`
     padding: 72px 16px 0px;
   }
 `;
-var TestModeAlert = styled27(CpslAlert)`
+var TestModeAlert = styled28(CpslAlert)`
   --container-padding-end: 40px;
   position: absolute;
   bottom: 16px;
@@ -5332,7 +5544,7 @@ var TestModeAlert = styled27(CpslAlert)`
   right: 16px;
   z-index: 1000;
 `;
-var CloseButton2 = styled27.button`
+var CloseButton2 = styled28.button`
   background-color: transparent;
   border: none;
   padding: 4px;
@@ -5341,97 +5553,100 @@ var CloseButton2 = styled27.button`
   top: 0;
   right: 0;
 `;
-var CloseX = styled27(CpslIcon16)`
+var CloseX = styled28(CpslIcon16)`
   --icon-color: var(--cpsl-color-foreground-0);
 `;
 
 // src/modal/components/Footer/Footer.tsx
-import { styled as styled28 } from "styled-components";
-import { CpslButton as CpslButton18, CpslIcon as CpslIcon17, CpslText as CpslText21 } from "@getpara/react-components";
+import { styled as styled29 } from "styled-components";
+import { CpslButton as CpslButton19, CpslIcon as CpslIcon17, CpslText as CpslText22 } from "@getpara/react-components";
 import { useMemo as useMemo12 } from "react";
-import { Fragment as Fragment20, jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 var Footer = () => {
   const isAccount = useModalStore((state) => state.isAccount());
   const currentStep = useModalStore((state) => state.step);
   const showFooter = isAccount || getStepHasFooter(currentStep);
   const Content = useMemo12(() => {
     if (isAccount) {
-      return /* @__PURE__ */ jsxs30(ConnectContainer, { children: [
-        /* @__PURE__ */ jsxs30(ConnectText, { variant: "bodyS", color: "secondary", weight: "medium", children: [
+      return /* @__PURE__ */ jsxs31(ConnectContainer, { children: [
+        /* @__PURE__ */ jsxs31(ConnectText, { variant: "bodyS", color: "secondary", weight: "medium", children: [
           "Access all your wallet\u2019s features at",
           " ",
-          /* @__PURE__ */ jsx38("a", { href: PARA_CONNECT, target: "blank", children: /* @__PURE__ */ jsx38(ClickableText2, { variant: "bodyS", weight: "medium", children: "Para Connect" }) })
+          /* @__PURE__ */ jsx39("a", { href: PARA_CONNECT, target: "blank", children: /* @__PURE__ */ jsx39(ClickableText2, { variant: "bodyS", weight: "medium", children: "Para Connect" }) })
         ] }),
-        /* @__PURE__ */ jsx38(CpslButton18, { as: "a", href: PARA_CONNECT, target: "blank", variant: "ghost", children: /* @__PURE__ */ jsx38(RightChevron, { icon: "chevronUp" }) })
+        /* @__PURE__ */ jsx39(CpslButton19, { as: "a", href: PARA_CONNECT, target: "blank", variant: "ghost", children: /* @__PURE__ */ jsx39(RightChevron, { icon: "chevronUp" }) })
       ] });
     }
-    return /* @__PURE__ */ jsxs30(Fragment20, { children: [
-      /* @__PURE__ */ jsxs30(InlineText3, { variant: "body2XS", color: "secondary", weight: "medium", children: [
+    return /* @__PURE__ */ jsxs31(Fragment20, { children: [
+      /* @__PURE__ */ jsxs31(InlineText4, { variant: "body2XS", color: "secondary", weight: "medium", children: [
         "By logging in you agree to our",
         " ",
-        /* @__PURE__ */ jsx38("a", { href: PARA_TERMS_AND_CONDITIONS, target: "blank", children: /* @__PURE__ */ jsx38(ClickableText2, { variant: "body2XS", weight: "medium", children: "Terms & Conditions" }) })
+        /* @__PURE__ */ jsx39("a", { href: PARA_TERMS_AND_CONDITIONS, target: "blank", children: /* @__PURE__ */ jsx39(ClickableText2, { variant: "body2XS", weight: "medium", children: "Terms & Conditions" }) })
       ] }),
-      /* @__PURE__ */ jsxs30(PoweredByContainer, { children: [
-        /* @__PURE__ */ jsx38(InlineText3, { variant: "bodyS", color: "secondary", weight: "medium", children: "Powered by" }),
-        /* @__PURE__ */ jsx38(ParaLogo, { icon: "para" })
+      /* @__PURE__ */ jsxs31(PoweredByContainer, { children: [
+        /* @__PURE__ */ jsx39(InlineText4, { variant: "bodyS", color: "secondary", weight: "medium", children: "Powered by" }),
+        /* @__PURE__ */ jsx39(ParaLogo, { icon: "para" })
       ] })
     ] });
   }, [isAccount]);
   if (!showFooter) {
     return null;
   }
-  return /* @__PURE__ */ jsx38(FooterContainer, { slot: "footer", children: /* @__PURE__ */ jsx38(FooterContentContainer, { children: Content }) });
+  return /* @__PURE__ */ jsx39(FooterContainer, { slot: "footer", children: /* @__PURE__ */ jsx39(FooterContentContainer, { children: Content }) });
 };
-var FooterContainer = styled28.div`
+var FooterContainer = styled29.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
   padding: 8px 0px;
 `;
-var FooterContentContainer = styled28.div`
+var FooterContentContainer = styled29.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
 `;
-var PoweredByContainer = styled28.div`
+var PoweredByContainer = styled29.div`
   display: flex;
   gap: 5px;
   align-items: center;
   justify-content: center;
 `;
-var ConnectContainer = styled28.div`
+var ConnectContainer = styled29.div`
   display: flex;
   gap: 8px;
   align-items: center;
   justify-content: center;
 `;
-var RightChevron = styled28(CpslIcon17)`
+var RightChevron = styled29(CpslIcon17)`
   transform: rotate(90deg);
 
   /* --icon-color: var(--cpsl-color-text-tertiary); */
   --height: 24px;
   --width: 24px;
 `;
-var InlineText3 = styled28(CpslText21)`
+var InlineText4 = styled29(CpslText22)`
   text-align: center;
   display: inline-block;
 `;
-var ConnectText = styled28(InlineText3)`
+var ConnectText = styled29(InlineText4)`
   line-height: 20px;
 `;
-var ClickableText2 = styled28(InlineText3)`
+var ClickableText2 = styled29(InlineText4)`
   cursor: pointer;
   display: inline-block;
 `;
-var ParaLogo = styled28(CpslIcon17)`
+var ParaLogo = styled29(CpslIcon17)`
   display: inline-block;
   --icon-color: var(--cpsl-color-text-secondary);
   --width: 49px;
   --height: auto;
 `;
 
+// src/modal/hooks/useEmbeddedExternalConnection.ts
+import { WalletType as WalletType8 } from "@getpara/web-sdk";
+
 // src/modal/stores/externalWalletProvider/useExternalWalletProviderStore.ts
 import { create as create4 } from "zustand";
 
@@ -5451,12 +5666,15 @@ var DEFAULT_EX_WALLET_PROVIDER_STATE = {
   CosmosProvider: void 0,
   cosmosContext: void 0,
   connectParaEvmWallet: void 0,
-  connectParaCosmosWallet: void 0
+  connectParaCosmosWallet: void 0,
+  fullAuthWallets: []
 };
 var useExternalWalletProviderStore = create4((set) => __spreadValues(__spreadValues({}, DEFAULT_EX_WALLET_PROVIDER_STATE), getActions4(set)));
 
 // src/modal/hooks/useEmbeddedExternalConnection.ts
 var useEmbeddedExternalConnection = () => {
+  const client = useInternalClient();
+  const { setSelectedWallet } = useWalletState();
   const connectParaEvmWallet = useExternalWalletProviderStore((state) => state.connectParaEvmWallet);
   const EvmProvider = useExternalWalletProviderStore((state) => state.EvmProvider);
   const evmContext = useExternalWalletProviderStore((state) => state.evmContext);
@@ -5469,6 +5687,11 @@ var useEmbeddedExternalConnection = () => {
         const { error } = yield connectParaEvmWallet();
         if (error) {
           console.warn("Failed to connect Para EVM wallet to Wagmi:", error);
+        } else {
+          const wallet = client.findWallet(void 0, void 0, { type: [WalletType8.EVM] });
+          if (wallet) {
+            setSelectedWallet({ id: wallet.id, type: WalletType8.EVM });
+          }
         }
       } catch (err) {
         console.warn("Error calling connectParaEvmWallet:", err);
@@ -5479,6 +5702,11 @@ var useEmbeddedExternalConnection = () => {
         const { error } = yield connectParaCosmosWallet();
         if (error) {
           console.warn("Failed to connect Para Cosmos wallet to Graz:", error);
+        } else {
+          const wallet = client.findWallet(void 0, void 0, { type: [WalletType8.COSMOS] });
+          if (wallet) {
+            setSelectedWallet({ id: wallet.id, type: WalletType8.COSMOS });
+          }
         }
       } catch (err) {
         console.warn("Error calling connectParaCosmosWallet:", err);
@@ -5490,7 +5718,7 @@ var useEmbeddedExternalConnection = () => {
 
 // src/modal/components/ModalContent/ModalContent.tsx
 import { formatBiometricHints as formatBiometricHints2 } from "@getpara/react-common";
-import { Fragment as Fragment21, jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function isRampConfig(config) {
   return "hostApiKey" in config;
 }
@@ -5552,6 +5780,7 @@ var ModalContent = forwardRef(
     const formattedHints = useMemo13(() => formatBiometricHints2(biometricLocationHints), [biometricLocationHints]);
     const passkeysSupported = useModalStore((state) => state.isPasskeySupported);
     const [hasHints, isOnKnownDevice] = [(biometricLocationHints == null ? void 0 : biometricLocationHints.length) > 0, (_a = formattedHints == null ? void 0 : formattedHints.isOnKnownDevice) != null ? _a : false];
+    const { disconnectExternalWallet } = useExternalWallets();
     const [walletCreationInProgress, setWalletCreationInProgress] = useState17(false);
     const connectEmbeddedToExternalConnectors = useEmbeddedExternalConnection();
     useEffect22(() => {
@@ -5637,6 +5866,7 @@ var ModalContent = forwardRef(
             walletIds = created.walletIds;
           }
           yield para.setCurrentWalletIds(walletIds);
+          yield connectEmbeddedToExternalConnectors();
           if (recoverySecretStepEnabled) {
             setRecoveryShare(recoverySecret);
           }
@@ -5692,6 +5922,9 @@ var ModalContent = forwardRef(
     }, [currentStep, webAuthURLForLogin, passwordUrlForLogin]);
     const handleClose = () => {
       onClose();
+      if (currentStep === "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */ && para.isExternalWalletAuth) {
+        disconnectExternalWallet();
+      }
     };
     useEffect22(() => {
       var _a2, _b, _c;
@@ -5752,14 +5985,20 @@ var ModalContent = forwardRef(
       }
     }, [onRampTestMode]);
     useEffect22(() => {
+      const init = () => __async(void 0, null, function* () {
+        if (!(yield para.isFullyLoggedIn())) {
+          yield disconnectExternalWallet();
+        }
+      });
+      init();
       return () => {
         var _a2;
         window.clearTimeout((_a2 = refs.poll.current) == null ? void 0 : _a2.timeout);
         para.exitLoops();
       };
     }, []);
-    return /* @__PURE__ */ jsxs31(Fragment21, { children: [
-      /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsxs32(Fragment21, { children: [
+      /* @__PURE__ */ jsx40(
         Body,
         {
           oAuthMethods,
@@ -5769,7 +6008,7 @@ var ModalContent = forwardRef(
           onClose: handleClose
         }
       ),
-      /* @__PURE__ */ jsx39(Footer, {})
+      /* @__PURE__ */ jsx40(Footer, {})
     ] });
   }
 );
@@ -5783,7 +6022,7 @@ import { useEffect as useEffect23, useState as useState18 } from "react";
 
 // src/modal/providers/EvmExternalWalletContextStub.tsx
 import { createContext as createContext2, useMemo as useMemo14 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var defaultEvmExternalWallet = {
   wallets: [],
   chains: [],
@@ -5791,7 +6030,9 @@ var defaultEvmExternalWallet = {
   username: void 0,
   avatar: void 0,
   disconnect: () => Promise.resolve(),
-  switchChain: () => Promise.resolve({})
+  switchChain: () => Promise.resolve({}),
+  signMessage: () => Promise.resolve({}),
+  signVerificationMessage: () => Promise.resolve({})
 };
 var EvmExternalWalletContext = createContext2(defaultEvmExternalWallet);
 function EvmExternalWalletProvider({ children }) {
@@ -5802,12 +6043,24 @@ function EvmExternalWalletProvider({ children }) {
   const avatar = void 0;
   const disconnect = () => Promise.resolve();
   const switchChain = () => Promise.resolve({});
-  return /* @__PURE__ */ jsx40(
+  const signMessage2 = () => Promise.resolve({});
+  const signVerificationMessage = () => Promise.resolve({});
+  return /* @__PURE__ */ jsx41(
     EvmExternalWalletContext.Provider,
     {
       value: useMemo14(
-        () => ({ wallets, chains, chainId, username, avatar, disconnect, switchChain }),
-        [wallets, chains, chainId, username, avatar, disconnect, switchChain]
+        () => ({
+          wallets,
+          chains,
+          chainId,
+          username,
+          avatar,
+          disconnect,
+          switchChain,
+          signMessage: signMessage2,
+          signVerificationMessage
+        }),
+        [wallets, chains, chainId, username, avatar, disconnect, switchChain, signMessage2, signVerificationMessage]
       ),
       children
     }
@@ -5821,6 +6074,7 @@ var EvmWallet = /* @__PURE__ */ ((EvmWallet2) => {
   EvmWallet2["COINBASE"] = "COINBASE";
   EvmWallet2["WALLETCONNECT"] = "WALLETCONNECT";
   EvmWallet2["ZERION"] = "ZERION";
+  EvmWallet2["SAFE"] = "SAFE";
   EvmWallet2["RABBY"] = "RABBY";
   return EvmWallet2;
 })(EvmWallet || {});
@@ -5839,27 +6093,42 @@ var ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet)
 
 // src/modal/providers/SolanaExternalWalletContextStub.tsx
 import { createContext as createContext3, useMemo as useMemo15 } from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var defaultSolanaExternalWallet = {
   wallets: [],
-  disconnect: () => Promise.resolve()
+  disconnect: () => Promise.resolve(),
+  signMessage: () => Promise.resolve({}),
+  signVerificationMessage: () => Promise.resolve({})
 };
 var SolanaExternalWalletContext = createContext3(defaultSolanaExternalWallet);
 function SolanaExternalWalletProvider({ children }) {
   const wallets = [];
   const disconnect = () => Promise.resolve();
-  return /* @__PURE__ */ jsx41(SolanaExternalWalletContext.Provider, { value: useMemo15(() => ({ wallets, disconnect }), [wallets, disconnect]), children });
+  const signMessage2 = () => Promise.resolve({});
+  const signVerificationMessage = () => Promise.resolve({});
+  return /* @__PURE__ */ jsx42(
+    SolanaExternalWalletContext.Provider,
+    {
+      value: useMemo15(
+        () => ({ wallets, disconnect, signMessage: signMessage2, signVerificationMessage }),
+        [wallets, disconnect, signMessage2, signVerificationMessage]
+      ),
+      children
+    }
+  );
 }
 
 // src/modal/providers/CosmosExternalWalletContextStub.tsx
 import { createContext as createContext4, useMemo as useMemo16 } from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var defaultCosmosExternalWallet = {
   wallets: [],
   chains: [],
   chainId: void 0,
   disconnect: () => Promise.resolve(),
-  switchChain: () => Promise.resolve({})
+  switchChain: () => Promise.resolve({}),
+  signMessage: () => Promise.resolve({}),
+  signVerificationMessage: () => Promise.resolve({})
 };
 var CosmosExternalWalletContext = createContext4(defaultCosmosExternalWallet);
 function CosmosExternalWalletProvider({ children }) {
@@ -5868,12 +6137,14 @@ function CosmosExternalWalletProvider({ children }) {
   const chainId = void 0;
   const disconnect = () => Promise.resolve();
   const switchChain = () => Promise.resolve({});
-  return /* @__PURE__ */ jsx42(
+  const signMessage2 = () => Promise.resolve({});
+  const signVerificationMessage = () => Promise.resolve({});
+  return /* @__PURE__ */ jsx43(
     CosmosExternalWalletContext.Provider,
     {
       value: useMemo16(
-        () => ({ wallets, chains, chainId, disconnect, switchChain }),
-        [wallets, chains, chainId, disconnect, switchChain]
+        () => ({ wallets, chains, chainId, disconnect, switchChain, signMessage: signMessage2, signVerificationMessage }),
+        [wallets, chains, chainId, disconnect, switchChain, signMessage2, signVerificationMessage]
       ),
       children
     }
@@ -5881,8 +6152,8 @@ function CosmosExternalWalletProvider({ children }) {
 }
 
 // src/modal/components/ExternalWalletsWrapper/ExternalWalletsWrapper.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var ExternalWalletsWrapper = ({ children, wallets }) => {
+import { jsx as jsx44 } from "react/jsx-runtime";
+var ExternalWalletsWrapper = ({ children, wallets, externalWalletsWithFullAuth }) => {
   const para = useInternalClient();
   const resetModalState = useModalStore((state) => state.resetState);
   const resetUserInfoState = useUserInfoStore((state) => state.resetState);
@@ -5968,47 +6239,55 @@ var ExternalWalletsWrapper = ({ children, wallets }) => {
   if (!para || !EvmProvider || !SolanaProvider || !CosmosProvider) {
     return null;
   }
-  return /* @__PURE__ */ jsx43(EvmProvider, { para, onSwitchWallet: handleSwitchWallet, children: /* @__PURE__ */ jsx43(SolanaProvider, { para, onSwitchWallet: handleSwitchWallet, children: /* @__PURE__ */ jsx43(CosmosProvider, { para, onSwitchWallet: handleSwitchWallet, children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(EvmProvider, { para, onSwitchWallet: handleSwitchWallet, children: /* @__PURE__ */ jsx44(SolanaProvider, { para, onSwitchWallet: handleSwitchWallet, children: /* @__PURE__ */ jsx44(CosmosProvider, { para, onSwitchWallet: handleSwitchWallet, children: /* @__PURE__ */ jsx44(
     ExternalWalletProvider,
     {
       evmContext,
       solanaContext,
       cosmosContext,
       walletSort: wallets,
+      externalWalletsWithFullAuth,
       children
     }
   ) }) }) });
 };
 
 // src/modal/ParaModal.tsx
-import styled29 from "styled-components";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import styled30 from "styled-components";
+import { getExternalWalletDisplayName as getExternalWalletDisplayName2 } from "@getpara/react-common";
+import { jsx as jsx45 } from "react/jsx-runtime";
 defineCustomElements();
-var ParaModal = forwardRef2((_a, ref) => {
-  var _b = _a, { para, isOpen } = _b, rest = __objRest(_b, ["para", "isOpen"]);
-  const [isInitialized, setIsInitialized] = useState19(false);
-  const setClient = useStore((state) => state.setClient);
-  const client = useStore((state) => state.client);
-  const { closeModal, openModal } = useModal();
-  useEffect24(() => {
-    if (!client) {
-      setClient(para);
-    }
-    setIsInitialized(true);
-  }, []);
-  useEffect24(() => {
-    if (!isOpen) {
-      closeModal();
-    }
-    if (isOpen) {
-      openModal();
+var ParaModal = forwardRef2(
+  (_a, ref) => {
+    var _b = _a, { para, isOpen, externalWalletsWithParaAuth } = _b, rest = __objRest(_b, ["para", "isOpen", "externalWalletsWithParaAuth"]);
+    const [isInitialized, setIsInitialized] = useState19(false);
+    const setClient = useStore((state) => state.setClient);
+    const client = useStore((state) => state.client);
+    const { closeModal, openModal } = useModal();
+    const updateExternalWalletProviderState = useExternalWalletProviderStore((state) => state.updateState);
+    useEffect24(() => {
+      updateExternalWalletProviderState({ fullAuthWallets: externalWalletsWithParaAuth });
+    }, [externalWalletsWithParaAuth]);
+    useEffect24(() => {
+      if (!client) {
+        setClient(para);
+      }
+      setIsInitialized(true);
+    }, []);
+    useEffect24(() => {
+      if (!isOpen) {
+        closeModal();
+      }
+      if (isOpen) {
+        openModal();
+      }
+    }, [isOpen]);
+    if (!isInitialized) {
+      return null;
     }
-  }, [isOpen]);
-  if (!isInitialized) {
-    return null;
+    return /* @__PURE__ */ jsx45(ParaModalInner, __spreadValues({ ref, para, externalWalletsWithParaAuth }, rest));
   }
-  return /* @__PURE__ */ jsx44(ParaModalInner, __spreadValues({ ref, para }, rest));
-});
+);
 var ParaModalInner = forwardRef2(
   (_a, ref) => {
     var _b = _a, {
@@ -6026,7 +6305,8 @@ var ParaModalInner = forwardRef2(
       embeddedModal,
       onModalStepChange,
       hideWallets = false,
-      onClose
+      onClose,
+      externalWalletsWithParaAuth
     } = _b, rest = __objRest(_b, [
       "theme",
       "appName",
@@ -6042,7 +6322,8 @@ var ParaModalInner = forwardRef2(
       "embeddedModal",
       "onModalStepChange",
       "hideWallets",
-      "onClose"
+      "onClose",
+      "externalWalletsWithParaAuth"
     ]);
     const modalContentRef = useRef9(null);
     const updateThemeState = useThemeStore((state) => state.updateState);
@@ -6063,7 +6344,6 @@ var ParaModalInner = forwardRef2(
     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();
@@ -6105,7 +6385,6 @@ var ParaModalInner = forwardRef2(
           setWebAuthURLForCreate();
           setBiometricLocationHints();
         }
-        yield disconnectExternalWallet();
         setSelectedWallet({ id: void 0, type: void 0 });
         setIsFullyLoggedIn(false);
       }
@@ -6128,6 +6407,17 @@ var ParaModalInner = forwardRef2(
             setStep("TELEGRAM_OAUTH" /* TELEGRAM_OAUTH */);
           }
           break;
+        case para.isExternalWalletAuth:
+          const externalWallets2 = Object.values(para.externalWallets);
+          const externalWalletWithFullAuth = externalWallets2.find((w) => w.isExternalWithParaAuth);
+          setAuthInfo({
+            displayName: getExternalWalletDisplayName2({
+              address: externalWalletWithFullAuth.address,
+              type: externalWalletWithFullAuth.type
+            }),
+            externalWalletAddress: externalWalletWithFullAuth.address
+          });
+          break;
       }
       setIsInit(true);
     });
@@ -6256,7 +6546,7 @@ var ParaModalInner = forwardRef2(
       }
       return null;
     }
-    return /* @__PURE__ */ jsx44(ExternalWalletsWrapper, { wallets: externalWallets, children: /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45(ExternalWalletsWrapper, { wallets: externalWallets, externalWalletsWithFullAuth: externalWalletsWithParaAuth, children: /* @__PURE__ */ jsx45(
       StyledAuthModal,
       {
         enterTransitionDuration: DEFAULTS.ANIMATION_DURATION,
@@ -6269,7 +6559,7 @@ var ParaModalInner = forwardRef2(
         className,
         "data-testid": "modal",
         $embeddedModal: embeddedModal,
-        children: isModalMounted && (isInit && embeddedModal || !embeddedModal) && /* @__PURE__ */ jsx44(
+        children: isModalMounted && (isInit && embeddedModal || !embeddedModal) && /* @__PURE__ */ jsx45(
           ModalContent,
           __spreadValues({
             oAuthMethods,
@@ -6282,7 +6572,7 @@ var ParaModalInner = forwardRef2(
     ) });
   }
 );
-var StyledAuthModal = styled29(CpslAuthModal)`
+var StyledAuthModal = styled30(CpslAuthModal)`
   ${({ $embeddedModal }) => $embeddedModal && `
     &::part(modal-body-card) {
     --card-box-shadow: none;