@getpara/react-sdk 1.12.0 → 2.0.0-alpha.10

package/dist/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.js

@@ -1,80 +1,18 @@
 "use client";
-import {
-  __async
-} from "../../../chunk-MMUBH76A.js";
+import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslButton, CpslSpinner, CpslText } from "@getpara/react-components";
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { styled } from "styled-components";
-import { ModalStep } from "../../utils/steps.js";
-import { useModalStore, useThemeStore, useUserInfoStore } from "../../stores/index.js";
+import { useModalStore } from "../../stores/index.js";
 import { ErrorContainer, ErrorIcon, Heading, InnerStepContainer, StepContainer } from "../common.js";
-import { AuthMethod } from "@getpara/core-sdk";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useExternalWallets } from "../../providers/ExternalWalletContext.js";
+import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 const 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 { isExternalWalletVerifying, verifyWalletSignature } = useExternalWallets();
   const externalWalletError = useModalStore((state) => state.externalWalletError);
-  const setExternalWalletError = useModalStore((state) => state.setExternalWalletError);
-  const para = useInternalClient();
-  const { verifyWalletSignature } = useExternalWallets();
-  const [shouldRouteToStep, setShouldRouteToStep] = useState();
-  const [isVerifying, setIsVerifying] = useState(false);
   useEffect(() => {
-    handleVerifyWallet();
+    verifyWalletSignature();
   }, []);
-  useEffect(() => {
-    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(AuthMethod.PASSWORD) && supportedCreateAuthMethods.has(AuthMethod.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(ModalStep.BIOMETRIC_CREATION);
-        return;
-      } else if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD)) {
-        const url2 = yield para.getSetupPasswordURL({ authType: authInfo == null ? void 0 : authInfo.authType, theme });
-        setIFrameUrl(yield para.shortenLoginLink(url2));
-        setShouldRouteToStep(ModalStep.PASSWORD_CREATION);
-        return;
-      } else {
-        setWebAuthURLForCreate(yield para.shortenLoginLink(url));
-        setStep(ModalStep.BIOMETRIC_CREATION);
-      }
-    } catch (e) {
-      console.error("Error verifying signature:", e);
-      setExternalWalletError(["Signature verification failed."]);
-      setIsVerifying(false);
-    }
-  });
   return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
     /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
       /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: "Verify Your Wallet" }),
@@ -84,7 +22,7 @@ const ExternalWalletVerificationStep = () => {
         /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: externalWalletError == null ? void 0 : externalWalletError[0] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: isVerifying ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: handleVerifyWallet, children: "Retry" }) })
+    /* @__PURE__ */ jsx(InnerStepContainer, { children: isExternalWalletVerifying ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: verifyWalletSignature, children: "Retry" }) })
   ] });
 };
 const InlineText = styled(CpslText)`

package/dist/modal/components/ExternalWallets/ExternalWallets.js

@@ -4,20 +4,20 @@ import {
 } from "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
-import { useExternalWallets } from "../../providers/ExternalWalletContext.js";
 import { StyledCpslTileButton } from "../common.js";
 import { CpslButton, CpslIcon, CpslInput, CpslText } from "@getpara/react-components";
-import { useModalStore, useThemeStore } from "../../stores/index.js";
+import { useModalStore } from "../../stores/index.js";
 import { ModalStep } from "../../utils/steps.js";
 import { useState } from "react";
 import { hasEmbeddedAuth } from "../../utils/authLayoutHelpers.js";
+import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 const HAS_MORE_LENGTH = 3;
 const ExternalWallets = () => {
   const { wallets, connectExternalWallet } = useExternalWallets();
   const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
   const setStep = useModalStore((state) => state.setStep);
   const showAll = useModalStore((state) => state.step === ModalStep.EX_WALLET_MORE);
-  const authLayout = useThemeStore((state) => state.authLayout);
+  const authLayout = useModalStore((state) => state.authLayout);
   const [search, setSearch] = useState("");
   const hasMore = wallets.length > HAS_MORE_LENGTH;
   const walletsToShow = showAll || !hasMore ? search ? wallets.filter((w) => w.name.toLowerCase().includes(search.toLowerCase())) : wallets : wallets.slice(0, HAS_MORE_LENGTH);
@@ -44,14 +44,15 @@ const ExternalWallets = () => {
         {
           placeholder: "Search for your wallet",
           onCpslInput: (e) => __async(void 0, null, function* () {
-            setSearch(e.target.value);
+            var _a;
+            setSearch((_a = e.target.value) != null ? _a : "");
           }),
           value: search,
           style: { width: "100%" },
           children: /* @__PURE__ */ jsx(SearchIcon, { slot: "start", icon: "search" })
         }
       ) }),
-      hasEmbeddedAuth(authLayout) && /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, variant: "tertiary", onClick: handleParaClick, children: /* @__PURE__ */ jsxs(WalletButtonOuterContainer, { children: [
+      hasEmbeddedAuth(authLayout != null ? authLayout : []) && /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, variant: "tertiary", onClick: handleParaClick, children: /* @__PURE__ */ jsxs(WalletButtonOuterContainer, { children: [
         /* @__PURE__ */ jsxs(WalletButtonInnerContainer, { children: [
           /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "paraIcon" }),
           /* @__PURE__ */ jsx(CpslText, { weight: "medium", children: "Para" })
@@ -65,7 +66,7 @@ const ExternalWallets = () => {
           /* @__PURE__ */ jsx(CpslIcon, { slot: "start", src: wallet.iconUrl }),
           /* @__PURE__ */ jsx(CpslText, { weight: "medium", children: wallet.name })
         ] }),
-        /* @__PURE__ */ jsx(Badge, { $show: wallet.isMobile || wallet.installed, $variant: wallet.installed ? "installed" : "mobile", children: /* @__PURE__ */ jsx(CpslText, { variant: "body2XS", weight: "medium", children: wallet.installed ? "Installed" : "Mobile" }) })
+        /* @__PURE__ */ jsx(Badge, { $show: !!wallet.isMobile || !!wallet.installed, $variant: wallet.installed ? "installed" : "mobile", children: /* @__PURE__ */ jsx(CpslText, { variant: "body2XS", weight: "medium", children: wallet.installed ? "Installed" : "Mobile" }) })
       ] }) }, wallet.id) : /* @__PURE__ */ jsx(WalletTileButton, { src: wallet.iconUrl, onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs(TileButtonInnerContainer, { children: [
         wallet.installed && /* @__PURE__ */ jsx(InstalledIndicator, {}),
         /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", weight: "medium", children: wallet.name })

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

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

package/dist/modal/components/Footer/Footer.js

@@ -7,12 +7,14 @@ import { useModalStore } from "../../stores/index.js";
 import { PARA_CONNECT, PARA_TERMS_AND_CONDITIONS } from "../../constants/constants.js";
 import { useMemo } from "react";
 import { getStepHasFooter } from "../../utils/steps.js";
+import { useAccount } from "../../../provider/index.js";
 const Footer = () => {
-  const isAccount = useModalStore((state) => state.isAccount());
+  const { data: account } = useAccount();
   const currentStep = useModalStore((state) => state.step);
-  const showFooter = isAccount || getStepHasFooter(currentStep);
+  const accountFooter = (account == null ? void 0 : account.isConnected) && !account.isGuestMode;
+  const showFooter = accountFooter || getStepHasFooter(currentStep);
   const Content = useMemo(() => {
-    if (isAccount) {
+    if (accountFooter) {
       return /* @__PURE__ */ jsxs(ConnectContainer, { children: [
         /* @__PURE__ */ jsxs(ConnectText, { variant: "bodyS", color: "secondary", weight: "medium", children: [
           "Access all your wallet\u2019s features at",
@@ -33,7 +35,7 @@ const Footer = () => {
         /* @__PURE__ */ jsx(ParaLogo, { icon: "para" })
       ] })
     ] });
-  }, [isAccount]);
+  }, [account]);
   if (!showFooter) {
     return null;
   }

package/dist/modal/components/Header/hooks/useStepTitle.js

@@ -3,10 +3,13 @@ import "../../../../chunk-MMUBH76A.js";
 import { useMemo } from "react";
 import { useModalStore } from "../../../stores/modal/useModalStore.js";
 import { ModalStep } from "../../../utils/steps.js";
-import { useExternalWallets } from "../../../providers/ExternalWalletContext.js";
-import { useThemeStore } from "../../../stores/index.js";
+import { useExternalWallets } from "../../../../provider/providers/ExternalWalletProvider.js";
+import { useStore } from "../../../../provider/stores/useStore.js";
 const useStepTitle = () => {
-  const hideWallets = useThemeStore((state) => state.hideWallets);
+  const hideWallets = useStore((state) => {
+    var _a;
+    return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
+  });
   const isLogin = useModalStore((state) => state.isLogin());
   const currentStep = useModalStore((state) => state.step);
   const { chainId } = useExternalWallets();
@@ -14,6 +17,7 @@ const useStepTitle = () => {
     () => ({
       [ModalStep.AUTH_MAIN]: "",
       [ModalStep.AUTH_MORE]: "Sign Up or Log In",
+      [ModalStep.AUTH_GUEST_SIGNUP]: "Complete Account Setup",
       [ModalStep.EX_WALLET_MORE]: "Connect Wallet",
       [ModalStep.VERIFICATIONS]: "Sign Up",
       [ModalStep.AWAITING_OAUTH]: isLogin ? "Login" : "Sign Up",

package/dist/modal/components/Hero/Hero.js

@@ -5,12 +5,12 @@ import { CpslHero, CpslIcon, CpslIdenticon } from "@getpara/react-components";
 import styled from "styled-components";
 import { ModalStep } from "../../utils/steps.js";
 import { useModalStore } from "../../stores/index.js";
-import { useExternalWallets } from "../../providers/ExternalWalletContext.js";
 import { NETWORK_NOT_SUPPORTED_ERROR } from "../../constants/constants.js";
 import { useEffect, useState } from "react";
 import { isMobile } from "@getpara/web-sdk";
-import { useActiveWallet } from "../../hooks/useActiveWallet.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
+import { useWallet } from "../../../provider/index.js";
 const getStepConfig = ({
   externalWalletError
 }) => {
@@ -41,7 +41,7 @@ const Hero = () => {
   const { wallet: connector, walletDisplayHelpers, avatar } = useExternalWallets();
   const step = useModalStore((state) => state.step);
   const externalWalletError = useModalStore((state) => state.externalWalletError);
-  const activeWallet = useActiveWallet();
+  const { data: activeWallet } = useWallet();
   const [currentStep, setCurrentStep] = useState(step);
   const stepConfig = getStepConfig({
     externalWalletError
@@ -66,12 +66,12 @@ const Hero = () => {
   const shouldHide = !stepConfig || !isMobile() && isExternalStep && !showExtension || !isMobile() && isChainSwitchStep && isCosmosMobileWallet || !isMobile() && isFarcasterStep;
   const { variant, topOffset, spacerHeight, hideFadeOut } = stepConfig != null ? stepConfig : {};
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Container, { $top: -45 + topOffset, children: shouldHide ? null : /* @__PURE__ */ jsxs(StyledHero, { $isAccount: isAccountStep, hideFadeOut, variant, height: 480, withDefaultTheme: true, children: [
+    /* @__PURE__ */ jsx(Container, { $top: -45 + (topOffset != null ? topOffset : 0), children: shouldHide ? null : /* @__PURE__ */ jsxs(StyledHero, { $isAccount: isAccountStep, hideFadeOut, variant, height: 480, withDefaultTheme: true, children: [
       (isExternalStep || isChainSwitchStep) && /* @__PURE__ */ jsx(WalletLogo, { slot: "connectionLeft", src: connector == null ? void 0 : connector.iconUrl }),
       isFarcasterStep && /* @__PURE__ */ jsx(WalletLogo, { slot: "connectionLeft", icon: "farcasterBrand" }),
       isAccountStep && (avatar ? /* @__PURE__ */ jsx(Avatar, { slot: "image", src: avatar }) : activeWallet ? /* @__PURE__ */ jsx(IconAvatar, { slot: "image", size: "100%", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }) : null)
     ] }) }),
-    !shouldHide && /* @__PURE__ */ jsx(Spacer, { $height: spacerHeight })
+    !shouldHide && /* @__PURE__ */ jsx(Spacer, { $height: spacerHeight != null ? spacerHeight : 0 })
   ] });
 };
 const Container = styled.div`

package/dist/modal/components/IFrameStep/IFrameStep.js

@@ -1,20 +1,24 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useModalStore, useThemeStore } from "../../stores/index.js";
+import { useModalStore } from "../../stores/index.js";
 import { IFrameSteps } from "../../utils/steps.js";
 import styled from "styled-components";
 import { SpinnerContainer } from "@getpara/react-common";
 import { CpslSpinner } from "@getpara/react-components";
 import { MOBILE_SIZE } from "../../constants/constants.js";
+import { useStore } from "../../../provider/stores/useStore.js";
 const 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__ */ jsxs(OuterContainer, { $isVisible: IFrameSteps.includes(currentStep), $embeddedModal: embeddedModal, children: [
-    /* @__PURE__ */ jsx(Container, { $isReady: isReady, children: /* @__PURE__ */ jsx(
+  const embeddedModal = useStore((state) => {
+    var _a;
+    return (_a = state.modalConfig) == null ? void 0 : _a.embeddedModal;
+  });
+  return /* @__PURE__ */ jsxs(OuterContainer, { $isVisible: IFrameSteps.includes(currentStep), $embeddedModal: !!embeddedModal, children: [
+    /* @__PURE__ */ jsx(Container, { $isReady: !!isReady, children: /* @__PURE__ */ jsx(
       "iframe",
       {
         src: iFrameUrl,

package/dist/modal/components/LoginDoneStep/LoginDoneStep.js

@@ -4,12 +4,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { Heading, HeroIcon, StepContainer } from "../common.js";
 import { ExternalWalletCard, WalletCard, WalletCards } from "../WalletCard/WalletCard.js";
-import { useThemeStore } from "../../stores/index.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+import { useStore } from "../../../provider/stores/useStore.js";
 const LoginDoneStep = ({ onClose }) => {
-  var _a;
+  var _a, _b;
   const para = useInternalClient();
-  const hideWallets = useThemeStore((state) => state.hideWallets);
+  const hideWallets = useStore((state) => {
+    var _a2;
+    return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
+  });
   useEffect(() => {
     setTimeout(() => {
       onClose();
@@ -18,7 +21,7 @@ const LoginDoneStep = ({ onClose }) => {
   return /* @__PURE__ */ jsxs(StepContainer, { children: [
     /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),
     /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: "Connected" }),
-    !hideWallets && /* @__PURE__ */ jsx(WalletCards, { children: para.isUsingExternalWallet() ? /* @__PURE__ */ jsx(ExternalWalletCard, { address: (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.address }) : para.currentWalletIdsArray.map(([id, type]) => {
+    !hideWallets && /* @__PURE__ */ jsx(WalletCards, { children: para.externalWalletConnectionType === "CONNECTION_ONLY" ? /* @__PURE__ */ jsx(ExternalWalletCard, { address: (_b = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.address) != null ? _b : "" }) : para.currentWalletIdsArray.map(([id, type]) => {
       return /* @__PURE__ */ jsx(WalletCard, { id, type }, `${id}-${type}`);
     }) })
   ] });

package/dist/modal/components/ModalContent/ModalContent.js

@@ -5,96 +5,31 @@ import {
   __spreadValues
 } from "../../../chunk-MMUBH76A.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useMemo, useState } from "react";
-import {
-  entityToWallet,
-  OnRampProvider,
-  OnRampAsset,
-  Network,
-  EnabledFlow
-} from "@getpara/web-sdk";
-import { useModalStore, useUserInfoStore } from "../../stores/index.js";
+import { forwardRef, useEffect, useImperativeHandle } from "react";
+import { EnabledFlow } from "@getpara/web-sdk";
+import { useModalStore } from "../../stores/index.js";
 import { ModalStep } from "../../utils/steps.js";
 import { Body } from "../Body/Body.js";
 import { Footer } from "../Footer/Footer.js";
-import { DEFAULTS } from "../../constants/defaults.js";
-import { useGoBack } from "../../hooks/useGoBack.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useEmbeddedExternalConnection } from "../../hooks/useEmbeddedExternalConnection.js";
-import { useCreateAccount } from "../../hooks/useCreateAccount.js";
-import { formatBiometricHints } from "@getpara/react-common";
-import { useExternalWallets } from "../../providers/ExternalWalletContext.js";
-function isRampConfig(config) {
-  return "hostApiKey" in config;
-}
-const AssetNetworks = {
-  [OnRampAsset.SOLANA]: Network.SOLANA,
-  [OnRampAsset.ATOM]: Network.COSMOS,
-  [OnRampAsset.CELO]: Network.CELO,
-  [OnRampAsset.POLYGON]: Network.POLYGON
-};
-const AssetMap = {
-  SOLANA: OnRampAsset.SOLANA,
-  SOL: OnRampAsset.SOLANA,
-  ATOM: OnRampAsset.ATOM,
-  CELO: OnRampAsset.CELO,
-  POLYGON: OnRampAsset.POLYGON,
-  MATIC: OnRampAsset.POLYGON,
-  USDC: OnRampAsset.USDC,
-  ETH: OnRampAsset.ETHEREUM,
-  ETHEREUM: OnRampAsset.ETHEREUM
-};
+import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 const ModalContent = forwardRef(
   ({
-    onRampConfig: propsOnRampConfig,
     twoFactorAuthEnabled = false,
-    recoverySecretStepEnabled = false,
     oAuthMethods,
     disableEmailLogin,
     disablePhoneLogin,
+    isGuestModeEnabled = false,
     onClose,
-    onRampTestMode,
-    loginTransitionOverride,
-    createWalletOverride
+    onRampTestMode
   }, ref) => {
-    var _a;
     const para = useInternalClient();
     const refs = useModalStore((state) => state.refs);
-    const currentStep = useModalStore((state) => state.step);
-    const webAuthURLForLogin = useModalStore((state) => state.webAuthURLForLogin);
-    const passwordUrlForLogin = useModalStore((state) => state.passwordUrlForLogin);
-    const isLogin = useModalStore((state) => state.isLogin());
     const onRampConfig = useModalStore((state) => state.onRampConfig);
-    const setStep = useModalStore((state) => state.setStep);
-    const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
-    const setWebAuthURLForLogin = useModalStore((state) => state.setWebAuthURLForLogin);
-    const setPasswordUrlForLogin = useModalStore((state) => state.setPasswordUrlForLogin);
-    const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
     const setOnRampConfig = useModalStore((state) => state.setOnRampConfig);
     const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
     const setAccountAddFundTab = useModalStore((state) => state.setAccountAddFundTab);
-    const setRecoveryShare = useUserInfoStore((state) => state.setRecoveryShare);
-    const authStepRoute = useModalStore((state) => state.authStepRoute);
-    const isIFrameReady = useModalStore((state) => state.isIFrameReady);
-    const goBack = useGoBack();
-    const createAccount = useCreateAccount({ twoFactorAuthEnabled });
-    const biometricLocationHints = useModalStore((state) => {
-      var _a2;
-      return (_a2 = state.biometricLocationHints) != null ? _a2 : [];
-    });
-    const formattedHints = useMemo(() => formatBiometricHints(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] = useState(false);
-    const connectEmbeddedToExternalConnectors = useEmbeddedExternalConnection();
-    useEffect(() => {
-      if (!!authStepRoute && isIFrameReady) {
-        setTimeout(() => {
-          setStep(authStepRoute);
-        }, 200);
-      }
-    }, [authStepRoute, isIFrameReady]);
     useImperativeHandle(ref, () => {
       return {
         handleModalClose() {
@@ -102,181 +37,17 @@ const ModalContent = forwardRef(
         }
       };
     }, []);
-    const is2FASetup = () => __async(void 0, null, function* () {
-      if (!twoFactorAuthEnabled) {
-        return true;
-      }
-      try {
-        const { isSetup } = yield para.check2FAStatus();
-        return isSetup;
-      } catch (error) {
-        console.error("An error occurred while checking 2FA:", error);
-        return false;
-      }
-    });
-    function awaitLoginTransition() {
-      return __async(this, null, function* () {
-        const { isComplete, isError, needsWallet } = yield para.waitForLoginAndSetup({
-          popupWindow: refs.popupWindow.current
-        });
-        if (isError) {
-          [ModalStep.AWAITING_BIOMETRIC_LOGIN, ModalStep.AWAITING_PASSWORD_LOGIN].includes(refs.currentStep.current) && goBack();
-          return;
-        }
-        if (isComplete) {
-          setWebAuthURLForLogin("");
-          setPasswordUrlForLogin("");
-          setSupportedAuthMethods(/* @__PURE__ */ new Set());
-          setBiometricLocationHints();
-          if (needsWallet && !para.isNoWalletConfig) {
-            setStep(ModalStep.AWAITING_WALLET_CREATION);
-          } else {
-            yield connectEmbeddedToExternalConnectors();
-            if (yield is2FASetup()) {
-              setStep(ModalStep.LOGIN_DONE);
-            } else {
-              setStep(ModalStep.SETUP_2FA);
-            }
-          }
-        }
-      });
-    }
-    useEffect(() => {
-      if (currentStep !== ModalStep.AWAITING_WALLET_CREATION || walletCreationInProgress) {
-        return;
-      }
-      function genWallet() {
-        return __async(this, null, function* () {
-          setWalletCreationInProgress(true);
-          let recoverySecret, walletIds;
-          if (!createWalletOverride) {
-            const created = yield para.waitForPasskeyAndCreateWallet();
-            recoverySecret = created.recoverySecret;
-            walletIds = created.walletIds;
-          } else {
-            const created = yield createWalletOverride(para);
-            const fetchedWallets = (yield para.fetchWallets()).filter((wallet) => !!wallet.address);
-            const newWallets = {};
-            for (const wallet of fetchedWallets) {
-              newWallets[wallet.id] = __spreadProps(__spreadValues({}, entityToWallet(wallet)), {
-                signer: ""
-              });
-            }
-            para.setWallets(newWallets);
-            recoverySecret = created.recoverySecret;
-            walletIds = created.walletIds;
-          }
-          yield para.setCurrentWalletIds(walletIds);
-          yield connectEmbeddedToExternalConnectors();
-          if (recoverySecretStepEnabled) {
-            setRecoveryShare(recoverySecret);
-          }
-          setWalletCreationInProgress(false);
-          if (!recoverySecret || !recoverySecretStepEnabled) {
-            setStep(ModalStep.WALLET_CREATION_DONE);
-          } else {
-            setStep(ModalStep.SECRET);
-          }
-        });
-      }
-      genWallet();
-    }, [isLogin, currentStep]);
-    useEffect(() => {
-      const isAwaitingLogin = [
-        ModalStep.AWAITING_PASSWORD_LOGIN,
-        ModalStep.AWAITING_BIOMETRIC_LOGIN,
-        ModalStep.BIOMETRIC_LOGIN
-      ].includes(currentStep);
-      const isUnknownDeviceWithHints = hasHints && !isOnKnownDevice;
-      const isPasskeyUnsupported = !passkeysSupported;
-      const hasLoginURLs = !!webAuthURLForLogin || !!passwordUrlForLogin;
-      const userNeedsToLogin = isAwaitingLogin || isUnknownDeviceWithHints || isPasskeyUnsupported;
-      if (userNeedsToLogin && hasLoginURLs) {
-        if (loginTransitionOverride) {
-          function loginOverride() {
-            return __async(this, null, function* () {
-              yield loginTransitionOverride(para);
-              setWebAuthURLForLogin("");
-              setPasswordUrlForLogin("");
-              setBiometricLocationHints();
-              yield connectEmbeddedToExternalConnectors();
-              if (yield is2FASetup()) {
-                setStep(ModalStep.LOGIN_DONE);
-              } else {
-                setStep(ModalStep.SETUP_2FA);
-              }
-            });
-          }
-          loginOverride();
-          return;
-        }
-        if (typeof window !== "undefined") {
-          refs.poll.current = {
-            action: "login",
-            timeout: window.setTimeout(awaitLoginTransition, DEFAULTS.LOGGIN_POLLING_DELAY_MS)
-          };
-        }
-        return () => {
-          var _a2;
-          if (typeof window !== "undefined" && !!refs.poll.current) {
-            window.clearTimeout((_a2 = refs.poll.current) == null ? void 0 : _a2.timeout);
-          }
-          para.exitLogin();
-        };
-      }
-    }, [currentStep, webAuthURLForLogin, passwordUrlForLogin]);
     const handleClose = () => {
-      onClose();
-      if (currentStep === ModalStep.EXTERNAL_WALLET_VERIFICATION && para.isExternalWalletAuth) {
+      onClose == null ? void 0 : onClose();
+      if (refs.currentStep.current === ModalStep.EXTERNAL_WALLET_VERIFICATION && para.isExternalWalletAuth) {
         disconnectExternalWallet();
       }
     };
-    useEffect(() => {
-      var _a2, _b, _c;
-      refs.currentStep.current = currentStep;
-      let resetPoll = false;
-      if (![ModalStep.AWAITING_BIOMETRIC_CREATION, ModalStep.PASSWORD_CREATION].includes(currentStep)) {
-        para.exitAccountCreation();
-        resetPoll = ["createPassword", "createPasskey"].includes((_a2 = refs.poll.current) == null ? void 0 : _a2.action);
-      }
-      if (![ModalStep.AWAITING_PASSWORD_LOGIN, ModalStep.AWAITING_BIOMETRIC_LOGIN, ModalStep.BIOMETRIC_LOGIN].includes(
-        currentStep
-      )) {
-        para.exitLogin();
-        resetPoll = ((_b = refs.poll.current) == null ? void 0 : _b.action) === "login";
-      }
-      if (![ModalStep.AWAITING_OAUTH, ModalStep.FARCASTER_OAUTH].includes(currentStep)) {
-        para.exitOAuth();
-      }
-      if (currentStep === ModalStep.PASSWORD_CREATION) {
-        createAccount.withPassword();
-      }
-      if (resetPoll && typeof window !== "undefined") {
-        window.clearTimeout((_c = refs.poll.current) == null ? void 0 : _c.timeout);
-        refs.poll.current = void 0;
-      }
-    }, [currentStep]);
     useEffect(() => {
       if (!onRampConfig) {
         para.ctx.client.getOnRampConfig().then((res) => {
-          var _a2, _b;
           let newOnRampConfig;
-          if (!!propsOnRampConfig) {
-            const { enabledFlows, network, asset, providers, testMode } = propsOnRampConfig;
-            const rampConfig = providers.find((config) => isRampConfig(config));
-            newOnRampConfig = {
-              isBuyEnabled: !enabledFlows || enabledFlows.some((str) => EnabledFlow[str] === EnabledFlow.BUY),
-              isReceiveEnabled: !enabledFlows || enabledFlows.some((str) => EnabledFlow[str] === EnabledFlow.RECEIVE),
-              isWithdrawEnabled: !enabledFlows || enabledFlows.some((str) => EnabledFlow[str] === EnabledFlow.WITHDRAW),
-              allowedAssets: network ? { [Network[network]]: asset ? [AssetMap[asset]] : true } : asset ? { [(_a2 = AssetNetworks[AssetMap[asset]]) != null ? _a2 : Network.ETHEREUM]: [AssetMap[asset]] } : res.allowedAssets,
-              assetInfo: res.assetInfo,
-              providers: providers.map(({ id }) => OnRampProvider[id]),
-              rampApiKey: (_b = rampConfig == null ? void 0 : rampConfig.hostApiKey) != null ? _b : res.rampApiKey,
-              testMode: testMode != null ? testMode : onRampTestMode
-            };
-          } else {
-            newOnRampConfig = __spreadProps(__spreadValues({}, res), { testMode: onRampTestMode });
-          }
+          newOnRampConfig = __spreadProps(__spreadValues({}, res), { testMode: onRampTestMode });
           setOnRampConfig(newOnRampConfig);
           if (!accountAddFundTab) {
             setAccountAddFundTab(
@@ -299,9 +70,8 @@ const ModalContent = forwardRef(
       });
       init();
       return () => {
-        var _a2;
-        window.clearTimeout((_a2 = refs.poll.current) == null ? void 0 : _a2.timeout);
-        para.exitLoops();
+        var _a;
+        window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
       };
     }, []);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -310,8 +80,9 @@ const ModalContent = forwardRef(
         {
           oAuthMethods,
           twoFactorAuthEnabled,
-          disableEmailLogin,
-          disablePhoneLogin,
+          disableEmailLogin: !!disableEmailLogin,
+          disablePhoneLogin: !!disablePhoneLogin,
+          isGuestModeEnabled,
           onClose: handleClose
         }
       ),