@getpara/react-sdk 1.5.0 → 1.6.0

package/dist/index.js

@@ -1,4 +1,10 @@
 "use client";
+import {
+  __async,
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-MMUBH76A.js";
 
 // src/modal/ParaModal.tsx
 import { CpslAuthModal, defineCustomElements, generateTheme } from "@getpara/react-components";
@@ -10,8 +16,7 @@ import {
   OnRampProvider as OnRampProvider4,
   OnRampAsset as OnRampAsset3,
   Network as Network3,
-  EnabledFlow as EnabledFlow3,
-  isPasskeySupported as isPasskeySupported3
+  EnabledFlow as EnabledFlow3
 } from "@getpara/web-sdk";
 
 // src/modal/stores/modal/useModalStore.ts
@@ -179,9 +184,10 @@ var getActions = (set, get) => ({
     const onModalStepChange = get().onModalStepChange;
     const previousStep = get().step;
     set({ step });
-    onModalStepChange?.({ previousStep, currentStep: step, canGoBack: get().hasPreviousStep() });
+    onModalStepChange == null ? void 0 : onModalStepChange({ previousStep, currentStep: step, canGoBack: get().hasPreviousStep() });
   },
   decrementStep: () => {
+    var _a;
     const onModalStepChange = get().onModalStepChange;
     const isLogin = get().flow === "login";
     const isAccount = get().flow === "account";
@@ -198,9 +204,9 @@ var getActions = (set, get) => ({
     }
     if (prevStep) {
       set({ step: prevStep, stepDirection: -1 });
-      onModalStepChange?.({ previousStep: currentStep, currentStep: prevStep, canGoBack: get().hasPreviousStep() });
+      onModalStepChange == null ? void 0 : onModalStepChange({ previousStep: currentStep, currentStep: prevStep, canGoBack: get().hasPreviousStep() });
     }
-    refs.popupWindow.current?.close();
+    (_a = refs.popupWindow.current) == null ? void 0 : _a.close();
     refs.popupWindow.current = void 0;
   },
   hasPreviousStep: () => {
@@ -216,7 +222,7 @@ var getActions = (set, get) => ({
   setWebAuthURLForCreate: (url) => set({ webAuthURLForCreate: url }),
   setPasswordUrlForLogin: (url) => set({ passwordUrlForLogin: url }),
   setSupportedAuthMethods: (supportedAuthMethods) => set({ supportedAuthMethods }),
-  setOnRampPurchase: (onRampPurchase) => set((state) => ({ onRampPurchase: { ...state.onRampPurchase || {}, ...onRampPurchase } })),
+  setOnRampPurchase: (onRampPurchase) => set((state) => ({ onRampPurchase: __spreadValues(__spreadValues({}, state.onRampPurchase || {}), onRampPurchase) })),
   setOnRampConfig: (onRampConfig) => set({ onRampConfig }),
   setIsFullyLoggedIn: (isFullyLoggedIn) => set({ isFullyLoggedIn }),
   setAccountAddFundTab: (accountAddFundTab) => set({ accountAddFundTab }),
@@ -229,7 +235,8 @@ var getActions = (set, get) => ({
   setBiometricLocationHints: (biometricLocationHints) => set({ biometricLocationHints }),
   setIFrameUrl: (iFrameUrl) => set({ iFrameUrl }),
   setIsIFrameReady: (isIFrameReady) => set({ isIFrameReady }),
-  setAuthStepRoute: (authStepRoute) => set({ authStepRoute })
+  setAuthStepRoute: (authStepRoute) => set({ authStepRoute }),
+  setIsPasskeySupported: (isPasskeySupported2) => set({ isPasskeySupported: isPasskeySupported2 })
 });
 
 // src/modal/stores/modal/useModalStore.ts
@@ -257,17 +264,16 @@ var DEFAULT_MODAL_STATE = {
     poll: createRef(),
     currentStep: createRef()
   },
-  authStepRoute: void 0
+  authStepRoute: void 0,
+  isPasskeySupported: true
 };
 var useModalStore = create()(
   persist(
-    (set, get) => ({
+    (set, get) => __spreadValues(__spreadValues({
       step: "AUTH_MAIN" /* AUTH_MAIN */,
       onRampConfig: void 0,
-      activeWallet: void 0,
-      ...DEFAULT_MODAL_STATE,
-      ...getActions(set, get)
-    }),
+      activeWallet: void 0
+    }, DEFAULT_MODAL_STATE), getActions(set, get)),
     {
       version: 1,
       name: "@PARA/modalState",
@@ -281,7 +287,8 @@ var useModalStore = create()(
         onRampPurchase: state.onRampPurchase,
         selectedExternalWalletId: state.selectedExternalWalletId,
         isUsingMobileConnector: state.isUsingMobileConnector,
-        supportedAuthMethods: state.supportedAuthMethods
+        supportedAuthMethods: state.supportedAuthMethods,
+        isPasskeySupported: state.isPasskeySupported
       })
     }
   )
@@ -296,12 +303,13 @@ var getActions2 = (set, get) => ({
   resetState: () => {
     set(DEFAULT_USER_INFO_STATE);
   },
-  setAuthInfo: ({ pfpUrl, displayName, ...auth }) => {
+  setAuthInfo: (_a) => {
+    var _b = _a, { pfpUrl, displayName } = _b, auth = __objRest(_b, ["pfpUrl", "displayName"]);
     set({ auth, pfpUrl: pfpUrl || null, displayName: displayName || null });
   },
   getAuthInfo: () => {
     try {
-      return get().auth ? { ...extractAuthInfo(get().auth, { isRequired: true }), pfpUrl: get().pfpUrl, displayName: get().displayName } : null;
+      return get().auth ? __spreadProps(__spreadValues({}, extractAuthInfo(get().auth, { isRequired: true })), { pfpUrl: get().pfpUrl, displayName: get().displayName }) : null;
     } catch (e) {
       return null;
     }
@@ -318,10 +326,7 @@ var DEFAULT_USER_INFO_STATE = {
   pfpUrl: null,
   displayName: null
 };
-var useUserInfoStore = create2((set, get) => ({
-  ...DEFAULT_USER_INFO_STATE,
-  ...getActions2(set, get)
-}));
+var useUserInfoStore = create2((set, get) => __spreadValues(__spreadValues({}, DEFAULT_USER_INFO_STATE), getActions2(set, get)));
 
 // src/modal/stores/theme/useThemeStore.ts
 import { create as create3 } from "zustand";
@@ -332,7 +337,8 @@ var getActions3 = (set, get) => ({
     set(state);
   },
   getLogo: () => {
-    return get().logo ?? void 0;
+    var _a;
+    return (_a = get().logo) != null ? _a : void 0;
   },
   setAuthLayout: (authLayout) => {
     const types = [];
@@ -370,10 +376,7 @@ var DEFAULT_THEME = {
   authLayout: ["AUTH:FULL" /* AUTH_FULL */, "EXTERNAL:FULL" /* EXTERNAL_FULL */],
   hideWallets: false
 };
-var useThemeStore = create3((set, get) => ({
-  ...DEFAULT_THEME,
-  ...getActions3(set, get)
-}));
+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";
@@ -483,11 +486,7 @@ var createWalletSlice = (set) => ({
 import { createJSONStorage as createJSONStorage2, persist as persist2 } from "zustand/middleware";
 var vanillaStore = createStore()(
   persist2(
-    (...a) => ({
-      ...createClientSlice(...a),
-      ...createModalSlice(...a),
-      ...createWalletSlice(...a)
-    }),
+    (...a) => __spreadValues(__spreadValues(__spreadValues({}, createClientSlice(...a)), createModalSlice(...a)), createWalletSlice(...a)),
     {
       version: 1,
       name: "@PARA/web-state",
@@ -525,10 +524,11 @@ var VerificationCodeStep = () => {
   const [resendStatus, setResendStatus] = useState("Resend.");
   const [resendDisabled, setResendDisabled] = useState(false);
   const [isVerifying, setIsVerifying] = useState(false);
-  const isEmail = authInfo?.authType === "email";
+  const isEmail = (authInfo == null ? void 0 : authInfo.authType) === "email";
   useEffect(() => {
     setTimeout(() => {
-      inputRef.current.shadowRoot.querySelectorAll("input")?.[0]?.focus();
+      var _a, _b;
+      (_b = (_a = inputRef.current.shadowRoot.querySelectorAll("input")) == null ? void 0 : _a[0]) == null ? void 0 : _b.focus();
     }, 10);
   }, []);
   useEffect(() => {
@@ -536,46 +536,46 @@ var VerificationCodeStep = () => {
       handleSubmitCode();
     }
   }, [code]);
-  const handleResendClick = async () => {
+  const handleResendClick = () => __async(void 0, null, function* () {
     if (!resendDisabled) {
       setResendStatus("Resent!");
       setResendDisabled(true);
-      isEmail ? await para.resendVerificationCode() : await para.resendVerificationCodeByPhone();
+      isEmail ? yield para.resendVerificationCode() : yield para.resendVerificationCodeByPhone();
       setTimeout(() => {
         setResendStatus("Resend.");
         setResendDisabled(false);
       }, 3e3);
     }
-  };
+  });
   const handleCodeInput = (e) => {
     if (codeError) {
       setCodeError("");
     }
     setCode(e.detail.value.trim());
   };
-  const handleSubmitCode = async () => {
+  const handleSubmitCode = () => __async(void 0, null, function* () {
     setIsVerifying(true);
     if (code.length === 6 && /^\d+$/.test(code)) {
       try {
-        const supportedCreateAuthMethods = await para.getSupportedCreateAuthMethods();
+        const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
         if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD) && supportedCreateAuthMethods.has(AuthMethod.PASSKEY)) {
           setIsIFrameReady(false);
-          const webAuthUrl = isEmail ? await para.verifyEmail({ verificationCode: code }) : await para.verifyPhone({ verificationCode: code });
-          const passwordAuthUrl = await para.getSetupPasswordURL({ authType: authInfo?.authType, theme });
-          setWebAuthURLForCreate(await para.shortenLoginLink(webAuthUrl));
-          setIFrameUrl(await para.shortenLoginLink(passwordAuthUrl));
+          const webAuthUrl = isEmail ? yield para.verifyEmail({ verificationCode: code }) : yield para.verifyPhone({ verificationCode: code });
+          const passwordAuthUrl = yield para.getSetupPasswordURL({ authType: authInfo == null ? void 0 : authInfo.authType, theme });
+          setWebAuthURLForCreate(yield para.shortenLoginLink(webAuthUrl));
+          setIFrameUrl(yield para.shortenLoginLink(passwordAuthUrl));
           setAuthStepRoute("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
           return;
         } else if (supportedCreateAuthMethods.has(AuthMethod.PASSWORD)) {
           setIsIFrameReady(false);
-          isEmail ? await para.verifyEmail({ verificationCode: code }) : await para.verifyPhone({ verificationCode: code });
-          const url = await para.getSetupPasswordURL({ authType: authInfo?.authType, theme });
-          setIFrameUrl(await para.shortenLoginLink(url));
+          isEmail ? yield para.verifyEmail({ verificationCode: code }) : yield para.verifyPhone({ verificationCode: code });
+          const url = yield para.getSetupPasswordURL({ authType: authInfo == null ? void 0 : authInfo.authType, theme });
+          setIFrameUrl(yield para.shortenLoginLink(url));
           setAuthStepRoute("PASSWORD_CREATION" /* PASSWORD_CREATION */);
           return;
         } else {
-          const url = isEmail ? await para.verifyEmail({ verificationCode: code }) : await para.verifyPhone({ verificationCode: code });
-          setWebAuthURLForCreate(await para.shortenLoginLink(url));
+          const url = isEmail ? yield para.verifyEmail({ verificationCode: code }) : yield para.verifyPhone({ verificationCode: code });
+          setWebAuthURLForCreate(yield para.shortenLoginLink(url));
           setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
         }
       } catch (e) {
@@ -589,7 +589,7 @@ var VerificationCodeStep = () => {
       setCodeError("Incorrect code.");
     }
     setIsVerifying(false);
-  };
+  });
   return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
     /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
       /* @__PURE__ */ jsxs(Heading, { variant: "headingS", weight: "bold", children: [
@@ -598,17 +598,17 @@ var VerificationCodeStep = () => {
       ] }),
       /* @__PURE__ */ jsxs(InlineText, { variant: "bodyS", color: "secondary", children: [
         "Please enter the code we sent to ",
-        /* @__PURE__ */ jsx(InlineText, { variant: "bodyS", children: authInfo?.identifier })
+        /* @__PURE__ */ jsx(InlineText, { variant: "bodyS", children: authInfo == null ? void 0 : authInfo.identifier })
       ] })
     ] }),
     /* @__PURE__ */ jsx(InnerStepContainer, { children: isVerifying ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "form",
         {
-          onSubmit: async (e) => {
+          onSubmit: (e) => __async(void 0, null, function* () {
             e.preventDefault();
-            await handleSubmitCode();
-          },
+            yield handleSubmitCode();
+          }),
           children: /* @__PURE__ */ jsx(
             StyledCodeInput,
             {
@@ -618,7 +618,9 @@ var VerificationCodeStep = () => {
               code,
               onCpslInput: handleCodeInput,
               errorText: codeError,
-              onKeyDown: async (e) => e.key === "Enter" && await handleSubmitCode()
+              onKeyDown: (e) => __async(void 0, null, function* () {
+                return e.key === "Enter" && (yield handleSubmitCode());
+              })
             }
           )
         }
@@ -665,7 +667,7 @@ function openPopup({
   if (typeof window === "undefined") {
     return;
   }
-  current?.close();
+  current == null ? void 0 : current.close();
   const popUpWidth = 560;
   let popUpHeight;
   switch (type) {
@@ -714,7 +716,7 @@ function openPopup({
 
 // src/modal/components/BiometricLoginStep/BiometricLoginStep.tsx
 import styled3 from "styled-components";
-import { AuthMethod as AuthMethod2, getPublicKeyHex, isPasskeySupported } from "@getpara/web-sdk";
+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 = () => {
@@ -728,58 +730,60 @@ var BiometricLoginStep = () => {
   const authInfo = useUserInfoStore((state) => state.getAuthInfo());
   const setWebAuthURLForLogin = useModalStore((state) => state.setWebAuthURLForLogin);
   const setPasswordUrlForLogin = useModalStore((state) => state.setPasswordUrlForLogin);
-  const passkeysSupported = isPasskeySupported();
+  const passkeysSupported = useModalStore((state) => state.isPasskeySupported);
   const formattedHints = useMemo(() => formatBiometricHints(biometricLocationHints), [biometricLocationHints]);
   const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
   const [webAuthURLForKnownDeviceLogin, setWebAuthURLForKnownDeviceLogin] = useState2();
   useEffect2(() => {
-    async function setLinks() {
-      if (!supportedAuthMethods?.size && para.getUserId()) {
-        const fetchedSupportedAuthMethods = await para.supportedAuthMethods({ userId: para.getUserId() });
-        if (fetchedSupportedAuthMethods?.size) {
-          setSupportedAuthMethods(fetchedSupportedAuthMethods);
+    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);
+          }
+          return;
         }
-        return;
-      }
-      if (!para.isEmail && !para.isPhone && !para.isFarcaster && !para.isTelegram) {
-        return;
-      }
-      if (!para.loginEncryptionKeyPair) {
-        return;
-      }
-      const authType = para.isEmail ? "email" : para.isPhone ? "phone" : para.isFarcaster ? "farcaster" : "telegram";
-      const res = await para.touchSession();
-      const webAuthUrlForLogin = supportedAuthMethods?.has && supportedAuthMethods.has(AuthMethod2.PASSKEY) ? await 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?.has && supportedAuthMethods.has(AuthMethod2.PASSKEY) ? await 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?.has && supportedAuthMethods.has(AuthMethod2.PASSWORD) ? await 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 ? await para.shortenLoginLink(webAuthUrlForLogin) : void 0;
-      const shortWebAuthForKnownDeviceLoginLink = _webAuthURLForKnownDeviceLogin ? await para.shortenLoginLink(_webAuthURLForKnownDeviceLogin) : void 0;
-      setWebAuthURLForKnownDeviceLogin(shortWebAuthForKnownDeviceLoginLink);
-      setWebAuthURLForLogin(shortWebAuthLoginLink);
-      setPasswordUrlForLogin(passwordAuthUrlForLogin);
+        if (!para.isEmail && !para.isPhone && !para.isFarcaster && !para.isTelegram) {
+          return;
+        }
+        if (!para.loginEncryptionKeyPair) {
+          return;
+        }
+        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);
+      });
     }
     setLinks();
   }, [supportedAuthMethods, para]);
@@ -802,16 +806,16 @@ var BiometricLoginStep = () => {
     setStep("AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */);
   };
   function shouldShowWelcomeBack() {
-    return !biometricLocationHints?.length || passkeysSupported && formattedHints.isOnKnownDevice || supportedAuthMethods?.has && supportedAuthMethods.has(AuthMethod2.PASSWORD);
+    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, { ...authInfo })
+      /* @__PURE__ */ jsx2(UserIdentifier, __spreadValues({}, authInfo))
     ] }),
     /* @__PURE__ */ jsxs2(MainContainer, { children: [
-      supportedAuthMethods?.has && supportedAuthMethods.has(AuthMethod2.PASSWORD) && passwordUrlForLogin && /* @__PURE__ */ jsx2(PasswordOnly, { handlePasswordClick }),
-      supportedAuthMethods?.has && supportedAuthMethods.has(AuthMethod2.PASSKEY) && webAuthURLForLogin && webAuthURLForKnownDeviceLogin && /* @__PURE__ */ jsx2(
+      (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,
@@ -876,21 +880,24 @@ var Setup2FAStep = ({ onClose }) => {
   const [codeError, setCodeError] = useState3("");
   const [isVerifyingCode, setIsVerifyingCode] = useState3(false);
   const params = qrCodeValue ? new URL(qrCodeValue).searchParams : void 0;
-  const secret = params?.get("secret");
+  const secret = params == null ? void 0 : params.get("secret");
   useEffect3(() => {
-    async function fetchOtpAuthUrl() {
-      try {
-        const { uri } = await para.setup2FA();
-        setQrCodeValue(uri);
-      } catch (error) {
-        console.error("Error fetching OTPAuth URL:", error);
-      }
+    function fetchOtpAuthUrl() {
+      return __async(this, null, function* () {
+        try {
+          const { uri } = yield para.setup2FA();
+          setQrCodeValue(uri);
+        } catch (error) {
+          console.error("Error fetching OTPAuth URL:", error);
+        }
+      });
     }
     fetchOtpAuthUrl();
   }, []);
   useEffect3(() => {
     setTimeout(() => {
-      inputRef?.current?.shadowRoot.querySelectorAll("input")?.[0]?.focus();
+      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(() => {
@@ -914,11 +921,11 @@ var Setup2FAStep = ({ onClose }) => {
     }
     setCode(e.detail.value.trim());
   };
-  const handleSubmitCode = async () => {
+  const handleSubmitCode = () => __async(void 0, null, function* () {
     setIsVerifyingCode(true);
     if (code.length === 6 && /^\d+$/.test(code)) {
       try {
-        await para.enable2FA({ verificationCode: code });
+        yield para.enable2FA({ verificationCode: code });
         setStep("TWO_FACTOR_DONE" /* TWO_FACTOR_DONE */);
       } catch (e) {
         setCodeError("Incorrect Code");
@@ -927,7 +934,7 @@ var Setup2FAStep = ({ onClose }) => {
       setCodeError("Incorrect Code");
     }
     setIsVerifyingCode(false);
-  };
+  });
   const handleCopy = () => {
     copy(secret);
   };
@@ -939,10 +946,10 @@ var Setup2FAStep = ({ onClose }) => {
     /* @__PURE__ */ jsx3(InnerStepContainer, { children: isVerifying ? /* @__PURE__ */ jsx3(Fragment3, { children: isVerifyingCode ? /* @__PURE__ */ jsx3(CpslSpinner2, {}) : /* @__PURE__ */ jsx3(
       "form",
       {
-        onSubmit: async (e) => {
+        onSubmit: (e) => __async(void 0, null, function* () {
           e.preventDefault();
-          await handleSubmitCode();
-        },
+          yield handleSubmitCode();
+        }),
         children: /* @__PURE__ */ jsx3(
           StyledCodeInput2,
           {
@@ -951,7 +958,9 @@ var Setup2FAStep = ({ onClose }) => {
             onCpslInput: handleCodeInput,
             errorText: codeError,
             length: 6,
-            onKeyDown: async (e) => e.key === "Enter" && await handleSubmitCode()
+            onKeyDown: (e) => __async(void 0, null, function* () {
+              return e.key === "Enter" && (yield handleSubmitCode());
+            })
           }
         )
       }
@@ -1042,8 +1051,8 @@ var useWalletState = () => {
 import { useQuery } from "@tanstack/react-query";
 
 // src/provider/actions/getAccount.ts
-var getAccount = async (para) => {
-  const isLoggedIn = await para?.isFullyLoggedIn();
+var getAccount = (para) => __async(void 0, null, function* () {
+  const isLoggedIn = yield para == null ? void 0 : para.isFullyLoggedIn();
   const resp = {
     isConnected: !!isLoggedIn,
     email: void 0,
@@ -1056,15 +1065,17 @@ var getAccount = async (para) => {
     resp.wallets = para.getWallets();
   }
   return resp;
-};
+});
 
 // src/provider/hooks/queries/useAccount.ts
 var ACCOUNT_BASE_KEY = "PARA_ACCOUNT";
 var useAccount = () => {
   const client = useClient();
   return useQuery({
-    queryKey: [ACCOUNT_BASE_KEY, client?.getUserId()],
-    queryFn: async () => await getAccount(client)
+    queryKey: [ACCOUNT_BASE_KEY, client == null ? void 0 : client.getUserId()],
+    queryFn: () => __async(void 0, null, function* () {
+      return yield getAccount(client);
+    })
   });
 };
 
@@ -1072,13 +1083,13 @@ var useAccount = () => {
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 
 // src/provider/actions/getWallet.ts
-var getWallet = async (para, selectedWallet) => {
-  const isLoggedIn = await para?.isFullyLoggedIn();
+var getWallet = (para, selectedWallet) => __async(void 0, null, function* () {
+  const isLoggedIn = yield para == null ? void 0 : para.isFullyLoggedIn();
   if (!para || !isLoggedIn) {
     return null;
   }
-  return para.findWallet(selectedWallet?.id, selectedWallet?.type);
-};
+  return para.findWallet(selectedWallet == null ? void 0 : selectedWallet.id, selectedWallet == null ? void 0 : selectedWallet.type);
+});
 
 // src/provider/hooks/queries/useWallet.ts
 var WALLET_BASE_KEY = "PARA_WALLET";
@@ -1086,8 +1097,10 @@ var useWallet = () => {
   const client = useClient();
   const { selectedWallet } = useWalletState();
   return useQuery2({
-    queryKey: [WALLET_BASE_KEY, client?.getUserId(), selectedWallet.id, selectedWallet.type],
-    queryFn: async () => await getWallet(client, selectedWallet)
+    queryKey: [WALLET_BASE_KEY, client == null ? void 0 : client.getUserId(), selectedWallet.id, selectedWallet.type],
+    queryFn: () => __async(void 0, null, function* () {
+      return yield getWallet(client, selectedWallet);
+    })
   });
 };
 
@@ -1095,7 +1108,7 @@ var useWallet = () => {
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 // src/provider/actions/waitForLoginAndSetup.ts
-var waitForLoginAndSetup = async (para, args) => {
+var waitForLoginAndSetup = (para, args) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
@@ -1103,7 +1116,7 @@ var waitForLoginAndSetup = async (para, args) => {
     throw new Error("no valid args passed to waitForLoginAndSetup");
   }
   try {
-    const resp = await para.waitForLoginAndSetup(args);
+    const resp = yield para.waitForLoginAndSetup(args);
     if (resp.isError) {
       throw new Error("error during waitForLoginAndSetup");
     }
@@ -1111,19 +1124,16 @@ var waitForLoginAndSetup = async (para, args) => {
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/utils/renameMutations.ts
 function renameMutations(mutationObj, name) {
-  const { mutate: _, mutateAsync: __, ...mutationNoMutate } = mutationObj;
+  const _a = mutationObj, { mutate: _, mutateAsync: __ } = _a, mutationNoMutate = __objRest(_a, ["mutate", "mutateAsync"]);
   const newMutations = {
     [name]: mutationObj.mutate,
     [`${name}Async`]: mutationObj.mutateAsync
   };
-  return {
-    ...newMutations,
-    ...mutationNoMutate
-  };
+  return __spreadValues(__spreadValues({}, newMutations), mutationNoMutate);
 }
 
 // src/provider/hooks/mutations/useWaitForLoginAndSetup.ts
@@ -1131,11 +1141,13 @@ var useWaitForLoginAndSetup = () => {
   const client = useClient();
   const queryClient = useQueryClient();
   const mutation = useMutation({
-    mutationFn: async (args) => await waitForLoginAndSetup(client, args),
-    onSettled: async () => {
-      await queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
-      await queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
-    }
+    mutationFn: (args) => __async(void 0, null, function* () {
+      return yield waitForLoginAndSetup(client, args);
+    }),
+    onSettled: () => __async(void 0, null, function* () {
+      yield queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
+      yield queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+    })
   });
   return renameMutations(
     mutation,
@@ -1147,12 +1159,12 @@ var useWaitForLoginAndSetup = () => {
 import { useMutation as useMutation2, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
 
 // src/provider/actions/waitForAccountCreation.ts
-var waitForAccountCreation = async (para) => {
+var waitForAccountCreation = (para) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
   try {
-    const isComplete = await para.waitForAccountCreation();
+    const isComplete = yield para.waitForAccountCreation();
     if (!isComplete) {
       throw new Error("error during waitForAccountCreation");
     }
@@ -1160,18 +1172,20 @@ var waitForAccountCreation = async (para) => {
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useWaitForAccountCreation.ts
 var useWaitForAccountCreation = () => {
   const client = useClient();
   const queryClient = useQueryClient2();
   const mutation = useMutation2({
-    mutationFn: async () => await waitForAccountCreation(client),
-    onSettled: async () => {
-      await queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
-      await queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
-    }
+    mutationFn: () => __async(void 0, null, function* () {
+      return yield waitForAccountCreation(client);
+    }),
+    onSettled: () => __async(void 0, null, function* () {
+      yield queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
+      yield queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+    })
   });
   return renameMutations(
     mutation,
@@ -1183,12 +1197,12 @@ var useWaitForAccountCreation = () => {
 import { useMutation as useMutation3, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
 
 // src/provider/actions/waitForPasskeyAndCreateWallet.ts
-var waitForPasskeyAndCreateWallet = async (para) => {
+var waitForPasskeyAndCreateWallet = (para) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
   try {
-    const resp = await para.waitForPasskeyAndCreateWallet();
+    const resp = yield para.waitForPasskeyAndCreateWallet();
     if (!resp) {
       throw new Error("error during waitForAccountCreation");
     }
@@ -1196,18 +1210,20 @@ var waitForPasskeyAndCreateWallet = async (para) => {
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useWaitForPasskeyAndCreateWallet.ts
 var useWaitForPasskeyAndCreateWallet = () => {
   const client = useClient();
   const queryClient = useQueryClient3();
   const mutation = useMutation3({
-    mutationFn: async () => await waitForPasskeyAndCreateWallet(client),
-    onSettled: async () => {
-      await queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
-      await queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
-    }
+    mutationFn: () => __async(void 0, null, function* () {
+      return yield waitForPasskeyAndCreateWallet(client);
+    }),
+    onSettled: () => __async(void 0, null, function* () {
+      yield queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
+      yield queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+    })
   });
   return renameMutations(
     mutation,
@@ -1219,7 +1235,7 @@ var useWaitForPasskeyAndCreateWallet = () => {
 import { useMutation as useMutation4 } from "@tanstack/react-query";
 
 // src/provider/actions/createUser.ts
-var createUser = async (para, args) => {
+var createUser = (para, args) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
@@ -1227,17 +1243,19 @@ var createUser = async (para, args) => {
     throw new Error("no valid args passed to createUser");
   }
   try {
-    await (args.type === "EMAIL" /* EMAIL */ ? para.createUser({ email: args.identifier }) : para.createUserByPhone({ phone: args.identifier, countryCode: args.countryCode }));
+    yield args.type === "EMAIL" /* EMAIL */ ? para.createUser({ email: args.identifier }) : para.createUserByPhone({ phone: args.identifier, countryCode: args.countryCode });
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useCreateUser.ts
 var useCreateUser = () => {
   const client = useClient();
   const mutation = useMutation4({
-    mutationFn: async (args) => await createUser(client, args)
+    mutationFn: (args) => __async(void 0, null, function* () {
+      return yield createUser(client, args);
+    })
   });
   return renameMutations(mutation, "createUser");
 };
@@ -1246,7 +1264,7 @@ var useCreateUser = () => {
 import { useMutation as useMutation5 } from "@tanstack/react-query";
 
 // src/provider/actions/checkIfUserExists.ts
-var checkIfUserExists = async (para, args) => {
+var checkIfUserExists = (para, args) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
@@ -1254,17 +1272,19 @@ var checkIfUserExists = async (para, args) => {
     throw new Error("no valid args passed to checkIfUserExists");
   }
   try {
-    return await (args.type === "EMAIL" /* EMAIL */ ? para.checkIfUserExists({ email: args.identifier }) : para.checkIfUserExistsByPhone({ phone: args.identifier, countryCode: args.countryCode }));
+    return yield args.type === "EMAIL" /* EMAIL */ ? para.checkIfUserExists({ email: args.identifier }) : para.checkIfUserExistsByPhone({ phone: args.identifier, countryCode: args.countryCode });
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useCheckIfUserExists.ts
 var useCheckIfUserExists = () => {
   const client = useClient();
   const mutation = useMutation5({
-    mutationFn: async (args) => await checkIfUserExists(client, args)
+    mutationFn: (args) => __async(void 0, null, function* () {
+      return yield checkIfUserExists(client, args);
+    })
   });
   return renameMutations(
     mutation,
@@ -1276,7 +1296,7 @@ var useCheckIfUserExists = () => {
 import { useMutation as useMutation6 } from "@tanstack/react-query";
 
 // src/provider/actions/initiateLogin.ts
-var initiateLogin = async (para, args) => {
+var initiateLogin = (para, args) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
@@ -1284,17 +1304,19 @@ var initiateLogin = async (para, args) => {
     throw new Error("no valid args passed to initiateLogin");
   }
   try {
-    return await para.initiateUserLoginV2(args);
+    return yield para.initiateUserLoginV2(args);
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useInitiateLogin.ts
 var useInitiateLogin = () => {
   const client = useClient();
   const mutation = useMutation6({
-    mutationFn: async (args) => await initiateLogin(client, args)
+    mutationFn: (args) => __async(void 0, null, function* () {
+      return yield initiateLogin(client, args);
+    })
   });
   return renameMutations(
     mutation,
@@ -1306,16 +1328,16 @@ var useInitiateLogin = () => {
 import { useMutation as useMutation7, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
 
 // src/provider/actions/logout.ts
-var logout = async (para) => {
+var logout = (para) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
   try {
-    await para.logout();
+    yield para.logout();
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useLogout.ts
 var useLogout = () => {
@@ -1323,12 +1345,14 @@ var useLogout = () => {
   const queryClient = useQueryClient4();
   const clearSelectedWallet = useStore((state) => state.clearSelectedWallet);
   const mutation = useMutation7({
-    mutationFn: async () => await logout(client),
-    onSettled: async () => {
-      await queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
-      await queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
+    mutationFn: () => __async(void 0, null, function* () {
+      return yield logout(client);
+    }),
+    onSettled: () => __async(void 0, null, function* () {
+      yield queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
+      yield queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
       clearSelectedWallet();
-    }
+    })
   });
   return renameMutations(mutation, "logout");
 };
@@ -1337,25 +1361,27 @@ var useLogout = () => {
 import { useMutation as useMutation8 } from "@tanstack/react-query";
 
 // src/provider/actions/keepSessionAlive.ts
-var keepSessionAlive = async (para) => {
+var keepSessionAlive = (para) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
   try {
-    const resp = await para.keepSessionAlive();
+    const resp = yield para.keepSessionAlive();
     if (!resp) {
       throw new Error("session expired");
     }
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useKeepSessionAlive.ts
 var useKeepSessionAlive = () => {
   const client = useClient();
   const mutation = useMutation8({
-    mutationFn: async () => await keepSessionAlive(client)
+    mutationFn: () => __async(void 0, null, function* () {
+      return yield keepSessionAlive(client);
+    })
   });
   return renameMutations(mutation, "keepSessionAlive");
 };
@@ -1364,7 +1390,7 @@ var useKeepSessionAlive = () => {
 import { useMutation as useMutation9 } from "@tanstack/react-query";
 
 // src/provider/actions/signMessage.ts
-var signMessage = async (para, args) => {
+var signMessage = (para, args) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
@@ -1372,27 +1398,27 @@ var signMessage = async (para, args) => {
     throw new Error("no valid args passed to signMessage");
   }
   try {
-    return await para.signMessage(args);
+    return yield para.signMessage(args);
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useSignMessage.ts
 var useSignMessage = () => {
   const client = useClient();
   const { data: wallet } = useWallet();
   const mutation = useMutation9({
-    mutationFn: async (args) => {
-      let walletId = args?.walletId;
+    mutationFn: (args) => __async(void 0, null, function* () {
+      let walletId = args == null ? void 0 : args.walletId;
       if (!walletId) {
-        walletId = wallet?.id;
+        walletId = wallet == null ? void 0 : wallet.id;
       }
       if (!walletId) {
         throw Error("no wallet id found");
       }
-      return await signMessage(client, { ...args, walletId });
-    }
+      return yield signMessage(client, __spreadProps(__spreadValues({}, args), { walletId }));
+    })
   });
   return renameMutations(
     mutation,
@@ -1404,7 +1430,7 @@ var useSignMessage = () => {
 import { useMutation as useMutation10 } from "@tanstack/react-query";
 
 // src/provider/actions/signTransaction.ts
-var signTransaction = async (para, args) => {
+var signTransaction = (para, args) => __async(void 0, null, function* () {
   if (!para) {
     throw new Error("no para instance");
   }
@@ -1412,27 +1438,27 @@ var signTransaction = async (para, args) => {
     throw new Error("no valid args passed to signTransaction");
   }
   try {
-    return await para.signTransaction(args);
+    return yield para.signTransaction(args);
   } catch (e) {
     throw new Error(e);
   }
-};
+});
 
 // src/provider/hooks/mutations/useSignTransaction.ts
 var useSignTransaction = () => {
   const client = useClient();
   const { data: wallet } = useWallet();
   const mutation = useMutation10({
-    mutationFn: async (args) => {
-      let walletId = args?.walletId;
+    mutationFn: (args) => __async(void 0, null, function* () {
+      let walletId = args == null ? void 0 : args.walletId;
       if (!walletId) {
-        walletId = wallet?.id;
+        walletId = wallet == null ? void 0 : wallet.id;
       }
       if (!walletId) {
         throw Error("no wallet id found");
       }
-      return await signTransaction(client, { ...args, walletId });
-    }
+      return yield signTransaction(client, __spreadProps(__spreadValues({}, args), { walletId }));
+    })
   });
   return renameMutations(
     mutation,
@@ -1454,50 +1480,50 @@ var useAutoSessionKeepAlive = ({ disabled }) => {
       clearSessionMonitoring();
       return;
     }
-    if (account?.isConnected && !client.isUsingExternalWallet()) {
+    if ((account == null ? void 0 : account.isConnected) && !client.isUsingExternalWallet()) {
       setupSessionMonitoring();
     } else {
       clearSessionMonitoring();
     }
     return () => clearSessionMonitoring();
   }, [client, account, disabled]);
-  const getSessionExpiry = async () => {
+  const getSessionExpiry = () => __async(void 0, null, function* () {
     try {
-      const sessionCookie = await client.retrieveSessionCookie();
+      const sessionCookie = yield client.retrieveSessionCookie();
       if (!sessionCookie) return null;
       const expiresMatch = sessionCookie.match(/Expires=([^;]+)/);
       return expiresMatch ? new Date(expiresMatch[1]) : null;
     } catch (err) {
       return null;
     }
-  };
+  });
   const setupSessionMonitoring = () => {
     clearSessionMonitoring();
-    sessionCheckInterval.current = setInterval(async () => {
-      const expiry = await getSessionExpiry();
+    sessionCheckInterval.current = setInterval(() => __async(void 0, null, function* () {
+      const expiry = yield getSessionExpiry();
       if (!expiry) {
-        await logoutAsync();
+        yield logoutAsync();
         clearSessionMonitoring();
         return;
       }
       const timeUntilExpiry = expiry.getTime() - Date.now();
       if (timeUntilExpiry <= 0) {
-        await logoutAsync();
+        yield logoutAsync();
         clearSessionMonitoring();
         return;
       }
       if (timeUntilExpiry <= SESSION_REFRESH_THRESHOLD) {
         try {
-          await keepSessionAliveAsync();
+          yield keepSessionAliveAsync();
           setupSessionMonitoring();
         } catch (err) {
           console.error("Failed to keep session alive:", err);
-          await logoutAsync();
+          yield logoutAsync();
           clearSessionMonitoring();
         }
         return;
       }
-    }, SESSION_CHECK_INTERVAL);
+    }), SESSION_CHECK_INTERVAL);
   };
   const clearSessionMonitoring = () => {
     if (sessionCheckInterval.current) {
@@ -1530,52 +1556,52 @@ var useEventListeners = ({
   const { selectedWallet, setSelectedWallet } = useWalletState();
   const loginListener = (event) => {
     loginOrSetupListener();
-    onLogin?.(event);
+    onLogin == null ? void 0 : onLogin(event);
   };
   const accountSetupListener = (event) => {
     loginOrSetupListener();
-    onAccountSetup?.(event);
+    onAccountSetup == null ? void 0 : onAccountSetup(event);
   };
   const loginOrSetupListener = () => {
     queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
     queryClient.invalidateQueries({ queryKey: [WALLET_BASE_KEY], exact: false });
   };
   const accountCreationListener = (event) => {
-    onAccountCreation?.(event);
+    onAccountCreation == null ? void 0 : onAccountCreation(event);
   };
   const logoutListener = (event) => {
     queryClient.invalidateQueries({ queryKey: [ACCOUNT_BASE_KEY], exact: false });
     clearSelectedWallet();
-    onLogout?.(event);
+    onLogout == null ? void 0 : onLogout(event);
   };
   const signMessageListener = (event) => {
-    onSignMessage?.(event);
+    onSignMessage == null ? void 0 : onSignMessage(event);
   };
   const signTransactionListener = (event) => {
-    onSignTransaction?.(event);
+    onSignTransaction == null ? void 0 : onSignTransaction(event);
   };
   const walletChangeListener = (event) => {
     updateSelectedWallet();
-    onWalletsChange?.(event);
+    onWalletsChange == null ? void 0 : onWalletsChange(event);
   };
   const externalWalletChangeListener = (event) => {
     updateSelectedWallet();
-    onExternalWalletChange?.(event);
+    onExternalWalletChange == null ? void 0 : onExternalWalletChange(event);
   };
   const walletCreatedListener = (event) => {
-    onWalletCreated?.(event);
+    onWalletCreated == null ? void 0 : onWalletCreated(event);
   };
   const pregenWalletClaimedListener = (event) => {
-    onPregenWalletClaimed?.(event);
+    onPregenWalletClaimed == null ? void 0 : onPregenWalletClaimed(event);
   };
   const updateSelectedWallet = () => {
     if (!client) {
       clearSelectedWallet();
       return;
     }
-    if (!selectedWallet?.id || !client.findWallet(selectedWallet?.id)) {
+    if (!(selectedWallet == null ? void 0 : selectedWallet.id) || !client.findWallet(selectedWallet == null ? void 0 : selectedWallet.id)) {
       const defaultWallet = client.findWallet(void 0, void 0, { forbidPregen: true });
-      setSelectedWallet({ id: defaultWallet?.id, type: defaultWallet?.type });
+      setSelectedWallet({ id: defaultWallet == null ? void 0 : defaultWallet.id, type: defaultWallet == null ? void 0 : defaultWallet.type });
     }
   };
   useEffect5(() => {
@@ -1612,7 +1638,8 @@ var ParaProvider = ({ children, paraClientConfig, callbacks, config = DEFAULT_CO
   useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
   const setClient = useStore((state) => state.setClient);
   useEffect6(() => {
-    const newClient = config.paraClientOverride ?? new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
+    var _a;
+    const newClient = (_a = config.paraClientOverride) != null ? _a : new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
     setClient(newClient);
   }, [paraClientConfig, config.paraClientOverride]);
   return children;
@@ -1642,6 +1669,7 @@ var ExternalWalletCard = ({ address, showAddFunds }) => {
   );
 };
 var WalletCard = ({ id, type, showAddFunds }) => {
+  var _a;
   const para = useInternalClient();
   const appName = useThemeStore((state) => state.appName);
   const wallet = para.findWallet(id, type);
@@ -1655,7 +1683,7 @@ var WalletCard = ({ id, type, showAddFunds }) => {
       id: wallet.id,
       type: wallet.type,
       address: truncateAddress(address, type, { prefix: para.cosmosPrefix }),
-      name: wallet.name ?? `${appName ? `${appName} ` : ""}Wallet`,
+      name: (_a = wallet.name) != null ? _a : `${appName ? `${appName} ` : ""}Wallet`,
       identiconHash: para.getIdenticonHash(wallet.id, type),
       showAddFunds
     }
@@ -1740,6 +1768,7 @@ var AddFundsButton = styled5(CpslButton3)`
 // src/modal/components/LoginDoneStep/LoginDoneStep.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var LoginDoneStep = ({ onClose }) => {
+  var _a;
   const para = useInternalClient();
   const hideWallets = useThemeStore((state) => state.hideWallets);
   useEffect7(() => {
@@ -1750,7 +1779,7 @@ var LoginDoneStep = ({ onClose }) => {
   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: Object.values(para.externalWallets || {})[0]?.address }) : para.currentWalletIdsArray.map(([id, type]) => {
+    !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}`);
     }) })
   ] });
@@ -1833,14 +1862,14 @@ var WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
   const isLogin = useModalStore((state) => state.isLogin());
   const onRampConfig = useModalStore((state) => state.onRampConfig);
   const para = useInternalClient();
-  const isOnRampConfigured = onRampConfig?.isBuyEnabled || onRampConfig?.isReceiveEnabled || onRampConfig?.isWithdrawEnabled;
-  const handleNext = async () => {
+  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 = await para.check2FAStatus();
+      const is2FAComplete = yield para.check2FAStatus();
       setStep(is2FAComplete ? "LOGIN_DONE" /* LOGIN_DONE */ : "SETUP_2FA" /* SETUP_2FA */);
     } else {
       if (twoFactorAuthEnabled) {
@@ -1849,7 +1878,7 @@ var WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
         onClose();
       }
     }
-  };
+  });
   return /* @__PURE__ */ jsxs8(StepContainer, { $wide: true, children: [
     /* @__PURE__ */ jsx9(CardContainer, { children: hideWallets ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
       /* @__PURE__ */ jsx9(HeroIcon, { icon: "checkCircleFilled" }),
@@ -1922,9 +1951,9 @@ var RecoverySecretStep = () => {
   const authInfo = useUserInfoStore((state) => state.getAuthInfo());
   const recoveryShare = useUserInfoStore((state) => state.recoveryShare);
   const backupDecryptionKey = JSON.parse(recoveryShare || "{}").backupDecryptionKey;
-  const onComplete = async () => {
+  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" }),
@@ -1941,7 +1970,7 @@ var RecoverySecretStep = () => {
     /* @__PURE__ */ jsx10(
       SaveRecoverySecret,
       {
-        email: authInfo?.authType === "email" ? authInfo.identifier : void 0,
+        email: (authInfo == null ? void 0 : authInfo.authType) === "email" ? authInfo.identifier : void 0,
         value: backupDecryptionKey,
         onComplete
       }
@@ -2062,10 +2091,11 @@ function ExternalWalletProvider({
     (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 () => {
-    const uri = await wallet?.getQrUri?.();
+  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) {
@@ -2076,7 +2106,8 @@ function ExternalWalletProvider({
     }
   }, [wallet]);
   const chains = useMemo2(() => {
-    const walletType = Object.values(para.externalWallets || {})[0]?.type;
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
     switch (walletType) {
       case WalletType2.COSMOS: {
         return cosmosChains;
@@ -2090,13 +2121,14 @@ function ExternalWalletProvider({
     }
   }, [cosmosChains, evmChains, selectedExternalWalletId]);
   const chainId = useMemo2(() => {
-    const walletType = Object.values(para.externalWallets || {})[0]?.type;
+    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?.toString();
+        return evmChainId == null ? void 0 : evmChainId.toString();
       }
       default: {
         return void 0;
@@ -2104,8 +2136,9 @@ function ExternalWalletProvider({
     }
   }, [cosmosChains, evmChains, selectedExternalWalletId]);
   const switchChain = useCallback(
-    async (chainId2) => {
-      const walletType = Object.values(para.externalWallets || {})[0]?.type;
+    (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();
@@ -2113,12 +2146,12 @@ function ExternalWalletProvider({
         switch (walletType) {
           case WalletType2.COSMOS: {
             setStep("CHAIN_SWITCH" /* CHAIN_SWITCH */);
-            resp = await cosmosSwitchChain(chainId2);
+            resp = yield cosmosSwitchChain(chainId2);
             break;
           }
           case WalletType2.EVM: {
             setStep("CHAIN_SWITCH" /* CHAIN_SWITCH */);
-            resp = await evmSwitchChain(parseInt(chainId2));
+            resp = yield evmSwitchChain(parseInt(chainId2));
             break;
           }
           default: {
@@ -2133,15 +2166,15 @@ function ExternalWalletProvider({
           setStep("ACCOUNT_MAIN" /* ACCOUNT_MAIN */);
         }
       }
-    },
+    }),
     [evmSwitchChain, cosmosSwitchChain]
   );
   const connectExternalWallet = useCallback(
-    async (wallet2, isMobileConnect, isManualWalletConnect, isResetAfterManualWalletConnect) => {
+    (wallet2, isMobileConnect, isManualWalletConnect, isResetAfterManualWalletConnect) => __async(this, null, function* () {
       if (isExternalWalletConnecting && isManualWalletConnect) {
-        await evmDisconnect();
-        await solanaDisconnect();
-        await cosmosDisconnect();
+        yield evmDisconnect();
+        yield solanaDisconnect();
+        yield cosmosDisconnect();
         setQrUri(void 0);
         setIsExternalWalletConnecting(false);
       }
@@ -2149,14 +2182,14 @@ function ExternalWalletProvider({
         setExternalWalletError();
         setIsExternalWalletConnecting(true);
         setIsUsingMobileConnector(isMobileConnect);
-        const { address, error } = await (isMobileConnect ? wallet2.connectMobile(isManualWalletConnect) : wallet2.connect());
+        const { address, error } = yield isMobileConnect ? wallet2.connectMobile(isManualWalletConnect) : wallet2.connect();
         if (error) {
           setExternalWalletError([error]);
           setIsUsingMobileConnector();
           if (isManualWalletConnect && error === "Connection request rejected") {
             setExternalWalletError();
-            await connectExternalWallet(wallet2, false, false, true);
-            await updateQrUri();
+            yield connectExternalWallet(wallet2, false, false, true);
+            yield updateQrUri();
             return;
           }
         } else if (address) {
@@ -2164,29 +2197,29 @@ function ExternalWalletProvider({
         }
         setIsExternalWalletConnecting(false);
       }
-    },
+    }),
     [isExternalWalletConnecting]
   );
-  const disconnectExternalWallet = async () => {
-    await evmDisconnect();
-    await solanaDisconnect();
-    await cosmosDisconnect();
+  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?.isExtension && wallet?.installed || !wallet?.isMobile || wallet?.type === WalletType2.SOLANA),
+    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?.isMobile || !isMobile() && !wallet?.installed,
-    isSolanaMobileIOS: isIOS() && isMobile() && !isIOSWebview() && wallet?.type === WalletType2.SOLANA,
-    isCosmosMobileWallet: wallet?.type === WalletType2.COSMOS && isUsingMobileConnector
+    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?.type;
+      const walletType = storedExternalWallet == null ? void 0 : storedExternalWallet.type;
       switch (walletType) {
         case WalletType2.EVM: {
           username2 = evmUsername ? evmUsername.startsWith("0x") ? truncateAddress2(evmUsername, "EVM") : evmUsername : void 0;
@@ -2201,7 +2234,8 @@ function ExternalWalletProvider({
     return username2;
   }, [evmUsername, wallet]);
   const avatar = useMemo2(() => {
-    const walletType = Object.values(para.externalWallets || {})[0]?.type;
+    var _a;
+    const walletType = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.type;
     if (walletType) {
       switch (walletType) {
         case WalletType2.EVM: {
@@ -2292,9 +2326,10 @@ function useCreateAccount() {
   const webAuthURLForCreate = useModalStore((state) => state.webAuthURLForCreate);
   const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
   const setIFrameUrl = useModalStore((state) => state.setIFrameUrl);
-  const awaitWalletCreationTransition = async () => {
-    const isComplete = await para.waitForAccountCreation({ popupWindow: refs.popupWindow.current });
-    window.clearTimeout(refs.poll.current?.timeout);
+  const awaitWalletCreationTransition = () => __async(this, null, function* () {
+    var _a;
+    const isComplete = yield para.waitForAccountCreation({ popupWindow: refs.popupWindow.current });
+    window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
     refs.poll.current = void 0;
     refs.popupWindow.current = void 0;
     if (isComplete) {
@@ -2304,13 +2339,14 @@ function useCreateAccount() {
     } else if (refs.currentStep.current === "AWAITING_BIOMETRIC_CREATION" /* AWAITING_BIOMETRIC_CREATION */) {
       goBack();
     }
-  };
+  });
   return {
     withPasskey: () => {
-      if (refs.poll.current?.action === "createPasskey") {
+      var _a, _b;
+      if (((_a = refs.poll.current) == null ? void 0 : _a.action) === "createPasskey") {
         return;
       }
-      clearTimeout(refs.poll.current?.timeout);
+      clearTimeout((_b = refs.poll.current) == null ? void 0 : _b.timeout);
       refs.popupWindow.current = openPopup({
         url: webAuthURLForCreate,
         target: "ParaPasskey",
@@ -2326,10 +2362,11 @@ function useCreateAccount() {
       }
     },
     withPassword: () => {
-      if (refs.poll.current?.action === "createPassword") {
+      var _a, _b;
+      if (((_a = refs.poll.current) == null ? void 0 : _a.action) === "createPassword") {
         return;
       }
-      clearTimeout(refs.poll.current?.timeout);
+      clearTimeout((_b = refs.poll.current) == null ? void 0 : _b.timeout);
       refs.poll.current = {
         action: "createPassword",
         timeout: window.setTimeout(awaitWalletCreationTransition, DEFAULTS.POLLING_INTERVAL_MS)
@@ -2342,12 +2379,12 @@ function useCreateAccount() {
 }
 
 // src/modal/components/BiometricCreationStep/BiometricCreationStep.tsx
-import { isPasskeySupported as isPasskeySupported2 } from "@getpara/web-sdk";
 import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var BiometricCreationStep = () => {
   const createAccount = useCreateAccount();
   const webAuthURLForCreate = useModalStore((state) => state.webAuthURLForCreate);
   const iFrameUrl = useModalStore((state) => state.iFrameUrl);
+  const isPasskeySupported2 = useModalStore((state) => state.isPasskeySupported);
   const authInfo = useUserInfoStore((state) => state.getAuthInfo());
   const [isCopied, copy] = useCopyToClipboard3();
   const handleCopy = () => {
@@ -2357,11 +2394,11 @@ var BiometricCreationStep = () => {
   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, { ...authInfo }),
+      /* @__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." })
     ] }),
     /* @__PURE__ */ jsxs11(InnerStepContainer, { children: [
-      isPasskeySupported2() ? /* @__PURE__ */ jsxs11(CpslButton7, { fullWidth: true, onClick: createAccount.withPasskey, children: [
+      isPasskeySupported2 ? /* @__PURE__ */ jsxs11(CpslButton7, { fullWidth: true, onClick: createAccount.withPasskey, children: [
         /* @__PURE__ */ jsx13(CpslIcon5, { slot: "start", icon: "key" }),
         isBoth ? "Create Passkey" : "Create"
       ] }) : /* @__PURE__ */ jsxs11(Fragment6, { children: [
@@ -2470,16 +2507,20 @@ var ON_RAMP_ASSETS = {
   [OnRampAsset.CREAL]: { name: "Celo Real", code: "CREAL", icon: "celoBrand" }
 };
 function getNetworkName(str) {
-  return NETWORKS[str]?.name ?? `${str[0]}${str.slice(1).toLowerCase()}`;
+  var _a, _b;
+  return (_b = (_a = NETWORKS[str]) == null ? void 0 : _a.name) != null ? _b : `${str[0]}${str.slice(1).toLowerCase()}`;
 }
 function getNetworkIcon(str) {
-  return NETWORKS[str]?.icon ?? "globe";
+  var _a, _b;
+  return (_b = (_a = NETWORKS[str]) == null ? void 0 : _a.icon) != null ? _b : "globe";
 }
 function getAssetName(str) {
-  return ON_RAMP_ASSETS[str]?.code ?? str;
+  var _a, _b;
+  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.code) != null ? _b : str;
 }
 function getAssetIcon(str) {
-  return ON_RAMP_ASSETS[str]?.icon ?? "emptyCircle";
+  var _a, _b;
+  return (_b = (_a = ON_RAMP_ASSETS[str]) == null ? void 0 : _a.icon) != null ? _b : "emptyCircle";
 }
 var MOBILE_SIZE = 480;
 var NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
@@ -2516,11 +2557,11 @@ var OnRampProviderButton = ({ config, index, onClick: _onClick }) => {
   const provider = config.providers[index];
   const { feeLower, feeUpper, name, icon, backgroundColors } = ON_RAMP_PROVIDERS[provider];
   const feeString = `Fee ${feeLower}% - ${feeUpper}%`;
-  const onClick = async () => {
+  const onClick = () => __async(void 0, null, function* () {
     setIsLoading(true);
-    await _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: [
@@ -2625,10 +2666,10 @@ var AddFunds = () => {
   const activeWallet = useActiveWallet();
   const tabs = TABS.filter(([, key]) => !!onRampConfig[key]);
   const isMultiFlow = tabs.length > 1;
-  const tab = storedTab ?? tabs[0][0];
+  const tab = storedTab != null ? storedTab : tabs[0][0];
   const address = useMemo4(
     () => activeWallet ? para.getDisplayAddress(activeWallet.id, { addressType: activeWallet.type }) : "",
-    [para, activeWallet?.id, activeWallet?.type]
+    [para, activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type]
   );
   const onSetTab = (event) => {
     setStep(getAddFundsStep(event.detail.tab));
@@ -2648,27 +2689,27 @@ var AddFunds = () => {
       allowed: onRampConfig.allowedAssets ? Object.keys(onRampConfig.allowedAssets) : void 0
     });
     const allowedAssetsLookup = allowedNetworks2.reduce((acc, network) => {
-      const configValue = onRampConfig.allowedAssets?.[network];
+      var _a;
+      const configValue = (_a = onRampConfig.allowedAssets) == null ? void 0 : _a[network];
       const allowed = configValue === true ? void 0 : configValue;
-      return {
-        ...acc,
+      return __spreadProps(__spreadValues({}, acc), {
         [network]: getOnRampAssets(onRampConfig.assetInfo, { walletType: activeWallet.type, network, allowed })
-      };
+      });
     }, {});
     const isProviderAllowed2 = onRampConfig.providers.reduce(
       (acc, id) => {
         const hasMatch = toAssetInfoArray(onRampConfig.assetInfo).some(([type, network, asset, validProviders]) => {
-          return type === activeWallet.type && allowedNetworks2.includes(network) && (!allowedAssetsLookup[network] || allowedAssetsLookup[network].includes(asset)) && !!validProviders[id]?.[1]?.[action];
+          var _a, _b;
+          return type === activeWallet.type && allowedNetworks2.includes(network) && (!allowedAssetsLookup[network] || allowedAssetsLookup[network].includes(asset)) && !!((_b = (_a = validProviders[id]) == null ? void 0 : _a[1]) == null ? void 0 : _b[action]);
         });
-        return {
-          ...acc,
+        return __spreadProps(__spreadValues({}, acc), {
           [id]: hasMatch
-        };
+        });
       },
       {}
     );
     return [allowedNetworks2, [...new Set(Object.values(allowedAssetsLookup).flat())], isProviderAllowed2];
-  }, [activeWallet?.type, activeWallet?.isExternal, tab, onRampConfig.assetInfo, onRampConfig.allowedAssets, chainId]);
+  }, [activeWallet == null ? void 0 : activeWallet.type, activeWallet == null ? void 0 : activeWallet.isExternal, tab, onRampConfig.assetInfo, onRampConfig.allowedAssets, chainId]);
   useEffect10(() => {
     setOnRampPurchase(void 0);
   }, []);
@@ -2708,10 +2749,11 @@ var AddFunds = () => {
                 {
                   config: onRampConfig,
                   index,
-                  onClick: async () => {
-                    if (!activeWallet?.type) return;
+                  onClick: () => __async(void 0, null, function* () {
+                    var _a;
+                    if (!(activeWallet == null ? void 0 : activeWallet.type)) return;
                     const isPopup = id !== OnRampProvider2.RAMP;
-                    const { onRampPurchase: newOnRampPurchase } = await para.initiateOnRampTransaction({
+                    const { onRampPurchase: newOnRampPurchase } = yield para.initiateOnRampTransaction({
                       walletId: activeWallet.isExternal ? void 0 : activeWallet.id,
                       externalWalletAddress: activeWallet.isExternal ? activeWallet.id : void 0,
                       shouldOpenPopup: isPopup,
@@ -2723,13 +2765,13 @@ var AddFunds = () => {
                         assets: allowedAssets,
                         defaultNetwork: onRampConfig.defaultOnRampNetwork,
                         defaultAsset: onRampConfig.defaultOnRampAsset,
-                        fiatQuantity: onRampConfig.defaultBuyAmount?.[0],
+                        fiatQuantity: (_a = onRampConfig.defaultBuyAmount) == null ? void 0 : _a[0],
                         testMode: onRampConfig.testMode
                       }
                     });
-                    setOnRampPurchase({ ...newOnRampPurchase, fiat: "USD" });
+                    setOnRampPurchase(__spreadProps(__spreadValues({}, newOnRampPurchase), { fiat: "USD" }));
                     !isPopup && setStep("ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */);
-                  }
+                  })
                 },
                 id
               )
@@ -2752,7 +2794,7 @@ var AddFunds = () => {
       ] }),
       /* @__PURE__ */ jsxs13(InnerStepContainer, { children: [
         /* @__PURE__ */ jsxs13(CenteredText, { weight: "semiBold", children: [
-          !!onRampConfig.allowedAssets && allowedNetworks.length > 0 || hideWallets ? appName ?? "This App" : "This Wallet",
+          !!onRampConfig.allowedAssets && allowedNetworks.length > 0 || hideWallets ? appName != null ? appName : "This App" : "This Wallet",
           " ",
           "Only Supports:"
         ] }),
@@ -2810,31 +2852,31 @@ var AddFundsAwaiting = () => {
     onClose: goBack
   };
   useEffect11(() => {
-    const _MoonPayEmbed = lazy(() => import("./MoonPayEmbed-AVCVVVLY.js"));
+    const _MoonPayEmbed = lazy(() => import("./MoonPayEmbed-Q2HP2BFI.js"));
     setMoonPayEmbed(_MoonPayEmbed);
   }, []);
   const onRampEmbed = useMemo5(() => {
     if (!onRampPurchase.id) {
       return null;
     }
-    switch (onRampPurchase?.provider) {
+    switch (onRampPurchase == null ? void 0 : onRampPurchase.provider) {
       case OnRampProvider3.STRIPE:
-        return /* @__PURE__ */ jsx17(StripeEmbed, { ...props });
+        return /* @__PURE__ */ jsx17(StripeEmbed, __spreadValues({}, props));
       case OnRampProvider3.MOONPAY:
-        return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx17(MoonPayEmbed, { ...props });
+        return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx17(MoonPayEmbed, __spreadValues({}, props));
       case OnRampProvider3.RAMP:
-        return /* @__PURE__ */ jsx17(RampEmbed, { apiKey: onRampConfig.rampApiKey, ...props });
+        return /* @__PURE__ */ jsx17(RampEmbed, __spreadValues({ apiKey: onRampConfig.rampApiKey }, props));
     }
-  }, [onRampPurchase?.provider, MoonPayEmbed]);
+  }, [onRampPurchase == null ? void 0 : onRampPurchase.provider, MoonPayEmbed]);
   useEffect11(() => {
     let timeoutId;
-    if (onRampPurchase?.status && ["CANCELLED", "FINISHED"].includes(onRampPurchase.status)) {
+    if ((onRampPurchase == null ? void 0 : onRampPurchase.status) && ["CANCELLED", "FINISHED"].includes(onRampPurchase.status)) {
       timeoutId = setTimeout(() => {
         setStep(STEPS[onRampPurchase.status]);
       }, 5e3);
     }
     return () => clearTimeout(timeoutId);
-  }, [onRampPurchase?.status]);
+  }, [onRampPurchase == null ? void 0 : onRampPurchase.status]);
   return /* @__PURE__ */ jsx17(Container3, { $wide: true, children: onRampEmbed });
 };
 var Container3 = styled10(StepContainer)`
@@ -2853,11 +2895,11 @@ var AddFundsDone = ({ isSuccess, onClose }) => {
   const formatter = useMemo6(() => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
-      currency: onRampPurchase?.fiat || "USD"
+      currency: (onRampPurchase == null ? void 0 : onRampPurchase.fiat) || "USD"
     });
-  }, [onRampPurchase?.fiat]);
+  }, [onRampPurchase == null ? void 0 : onRampPurchase.fiat]);
   const heading = isSuccess ? "Transaction Successful" : "Something Went Wrong";
-  const text = isSuccess ? `${formatter.format(parseFloat(onRampPurchase?.fiatQuantity))} is now available in your ${hideWallets ? "account" : "wallet"}.` : `No funds were added to your ${hideWallets ? "account" : "wallet"}.`;
+  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" }),
@@ -2899,34 +2941,34 @@ var FarcasterOAuthStep = () => {
   const theme = useThemeStore((state) => state.theme);
   useEffect12(() => {
     if (farcasterConnectUri) {
-      const pollStatus = async () => {
-        const { userExists, username, pfpUrl } = await para.waitForFarcasterStatus();
+      const pollStatus = () => __async(void 0, null, function* () {
+        const { userExists, username, pfpUrl } = yield para.waitForFarcasterStatus();
         setAuthInfo({ farcasterUsername: username, pfpUrl });
         if (userExists) {
-          const supportedAuthMethods = await para.initiateUserLoginV2({ farcasterUsername: username });
+          const supportedAuthMethods = yield para.initiateUserLoginV2({ farcasterUsername: username });
           if (supportedAuthMethods.size > 0) {
             setSupportedAuthMethods(supportedAuthMethods);
-            const biometricLocationHints = supportedAuthMethods.has(AuthMethod3.PASSKEY) ? await para.getUserBiometricLocationHints() : [];
+            const biometricLocationHints = supportedAuthMethods.has(AuthMethod3.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
             setFlow("login");
             setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
             setBiometricLocationHints(biometricLocationHints);
             return;
           }
         }
-        const supportedCreateAuthMethods = await para.getSupportedCreateAuthMethods();
+        const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
         setIsIFrameReady(false);
         setFlow("signUp");
         const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod3.PASSKEY);
         if (supportsPasskey) {
-          setWebAuthURLForCreate(await para.shortenLoginLink(await para.getSetUpBiometricsURL({ authType: "farcaster" })));
+          setWebAuthURLForCreate(yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: "farcaster" })));
           setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
         }
         if (supportedCreateAuthMethods.has(AuthMethod3.PASSWORD)) {
-          setIFrameUrl(await para.shortenLoginLink(await para.getSetupPasswordURL({ authType: "farcaster", theme })));
+          setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: "farcaster", theme })));
           setAuthStepRoute(supportsPasskey ? "BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */ : "PASSWORD_CREATION" /* PASSWORD_CREATION */);
         }
         return;
-      };
+      });
       pollStatus();
       return () => {
         setFarcasterConnectUri(void 0);
@@ -3081,9 +3123,9 @@ var ExternalWallets = () => {
         SearchInput,
         {
           placeholder: "Search for your wallet",
-          onCpslInput: async (e) => {
+          onCpslInput: (e) => __async(void 0, null, function* () {
             setSearch(e.target.value);
-          },
+          }),
           value: search,
           style: { width: "100%" },
           children: /* @__PURE__ */ jsx21(SearchIcon, { slot: "start", icon: "search" })
@@ -3305,13 +3347,13 @@ var OAuth = ({ methods }) => {
   const setWebAuthURLForCreate = useModalStore((state) => state.setWebAuthURLForCreate);
   const theme = useThemeStore((state) => state.theme);
   useEffect13(() => {
-    const initializeFarcaster = async () => {
+    const initializeFarcaster = () => __async(void 0, null, function* () {
       if (!methods.includes(OAuthMethod.FARCASTER)) {
         return;
       }
-      const connectUri = await para.getFarcasterConnectURL();
+      const connectUri = yield para.getFarcasterConnectURL();
       setFarcasterConnectUri(connectUri);
-    };
+    });
     initializeFarcaster();
   }, []);
   const hasMore = methods.length > HAS_MORE_LENGTH2;
@@ -3319,7 +3361,7 @@ var OAuth = ({ methods }) => {
   const handleShowAll = () => {
     setStep("AUTH_MORE" /* AUTH_MORE */);
   };
-  const handleMethodClick = (method) => async () => {
+  const handleMethodClick = (method) => () => __async(void 0, null, function* () {
     switch (method) {
       case OAuthMethod.FARCASTER:
         if (!farcasterConnectUri) {
@@ -3333,14 +3375,14 @@ var OAuth = ({ methods }) => {
         break;
       default:
         setStep("AWAITING_OAUTH" /* AWAITING_OAUTH */);
-        const oAuthURL = await para.getOAuthURL({ method });
+        const oAuthURL = yield para.getOAuthURL({ method });
         refs.popupWindow.current = openPopup({
           url: oAuthURL,
           target: `${method}AuthPopup`,
           type: "OAUTH",
           current: refs.popupWindow.current
         });
-        const { email, isError, userExists } = await para.waitForOAuth({ popupWindow: refs.popupWindow.current });
+        const { email, isError, userExists } = yield para.waitForOAuth({ popupWindow: refs.popupWindow.current });
         refs.popupWindow.current = void 0;
         if ((isError || !email) && refs.currentStep.current === "AWAITING_OAUTH" /* AWAITING_OAUTH */) {
           goBack();
@@ -3348,9 +3390,9 @@ var OAuth = ({ methods }) => {
         }
         setAuthInfo({ email });
         if (userExists) {
-          const supportedAuthMethods = await para.initiateUserLoginV2({ email });
+          const supportedAuthMethods = yield para.initiateUserLoginV2({ email });
           if (supportedAuthMethods.size > 0) {
-            const biometricLocationHints = supportedAuthMethods.has(AuthMethod4.PASSKEY) ? await para.getUserBiometricLocationHints() : [];
+            const biometricLocationHints = supportedAuthMethods.has(AuthMethod4.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
             setFlow("login");
             setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
             setSupportedAuthMethods(supportedAuthMethods);
@@ -3358,25 +3400,25 @@ var OAuth = ({ methods }) => {
             return;
           }
         }
-        const supportedCreateAuthMethods = await para.getSupportedCreateAuthMethods();
+        const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
         setIsIFrameReady(false);
         setFlow("signUp");
         const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod4.PASSKEY);
         const supportsPassword = supportedCreateAuthMethods.has(AuthMethod4.PASSWORD);
         if (supportsPasskey) {
-          setWebAuthURLForCreate(await para.shortenLoginLink(await para.getSetUpBiometricsURL({ authType: "email" })));
+          setWebAuthURLForCreate(yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: "email" })));
           if (!supportsPassword) {
             setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
             return;
           }
         }
         if (supportsPassword) {
-          setIFrameUrl(await para.shortenLoginLink(await para.getSetupPasswordURL({ authType: "email", theme })));
+          setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: "email", theme })));
         }
         setAuthStepRoute(supportsPasskey ? "BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */ : "PASSWORD_CREATION" /* PASSWORD_CREATION */);
         break;
     }
-  };
+  });
   const useBrandedLogos = oAuthLogoVariant === "default";
   const useDarkLogos = useBrandedLogos ? isDark : oAuthLogoVariant !== "dark";
   const showMoreButton = !showAll && hasMore;
@@ -3475,14 +3517,15 @@ var useDropdownPosition = (inputRef) => {
   const [dropdownWidth, setDropdownWidth] = useState10();
   const [mobileAnchor, setMobileAnchor] = useState10();
   const resize = () => {
+    var _a, _b, _c;
     if (typeof window !== "undefined") {
       const newMaxHeight = Math.max(
-        window.innerHeight - inputRef?.current?.getBoundingClientRect().bottom - 20,
+        window.innerHeight - ((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.getBoundingClientRect().bottom) - 20,
         window.innerHeight * 0.25
       );
       setDropdownMaxHeight(newMaxHeight);
-      setDropdownWidth(inputRef?.current?.getBoundingClientRect().width);
-      setMobileAnchor(inputRef?.current?.getBoundingClientRect().height);
+      setDropdownWidth((_b = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _b.getBoundingClientRect().width);
+      setMobileAnchor((_c = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _c.getBoundingClientRect().height);
     }
   };
   if (inputRef.current && !dropdownMaxHeight) {
@@ -3577,7 +3620,7 @@ var phoneMasks = {
   GA: "# ## ## ##",
   GM: "### ####",
   GE: "(###) ## ## ##",
-  DE: "(###) ### ####",
+  DE: "###########",
   GH: "## ### ####",
   GI: "### #####",
   GR: "(###) ### ####",
@@ -3754,6 +3797,7 @@ function isCcMatch(countryCode, option) {
   return countryCode === "+1" ? option.selectedLabel === "US" : option.value === countryCode;
 }
 var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
+  var _a, _b;
   const inputRef = useRef5(null);
   const { dropdownMaxHeight, dropdownWidth } = useDropdownPosition(inputRef);
   const para = useInternalClient();
@@ -3764,7 +3808,7 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
   const setSupportedAuthMethods = useModalStore((state) => state.setSupportedAuthMethods);
   const setBiometricLocationHints = useModalStore((state) => state.setBiometricLocationHints);
   const [countryCode, setCountryCode] = useState11(
-    authInfo?.authType === "phone" ? authInfo.auth.countryCode || "+1" : "+1"
+    (authInfo == null ? void 0 : authInfo.authType) === "phone" ? authInfo.auth.countryCode || "+1" : "+1"
   );
   const [identifier, setIdentifier] = useState11(
     (() => {
@@ -3781,7 +3825,7 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
     authInfo && (authInfo.authType === "email" || authInfo.authType === "phone") ? authInfo.authType : void 0
   );
   const [matchedCountryCode, setMatchedCountryCode] = useState11(
-    countryCodes_default.find((option) => isCcMatch(countryCode, option)) ?? DEFAULT_COUNTRY
+    (_a = countryCodes_default.find((option) => isCcMatch(countryCode, option))) != null ? _a : DEFAULT_COUNTRY
   );
   const [isLoggingIn, setIsLoggingIn] = useState11(false);
   const [error, setError] = useState11("");
@@ -3820,7 +3864,7 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
     setCountryCode(matchedCountryCode2.value);
     setMatchedCountryCode(matchedCountryCode2);
   };
-  const login = async () => {
+  const login = () => __async(void 0, null, function* () {
     setError("");
     if (isUnknown) {
       setError("Please enter a valid email or phone number!");
@@ -3832,29 +3876,29 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
         setError("Please enter a valid email!");
         return;
       }
-      await para.logout();
+      yield para.logout();
       auth = { email: identifier };
       setAuthInfo(auth);
-      const userExists = await para.checkIfUserExists({ email: identifier });
+      const userExists = yield para.checkIfUserExists({ email: identifier });
       if (userExists) {
-        const supportedAuthMethods = await para.initiateUserLoginV2(auth);
-        const biometricLocationHints = supportedAuthMethods.has(AuthMethod5.PASSKEY) ? await para.getUserBiometricLocationHints() : [];
+        const supportedAuthMethods = yield para.initiateUserLoginV2(auth);
+        const biometricLocationHints = supportedAuthMethods.has(AuthMethod5.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
         setFlow("login");
         setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
         setSupportedAuthMethods(supportedAuthMethods);
         setBiometricLocationHints(biometricLocationHints);
         return;
       }
-      await para.createUser(auth);
+      yield para.createUser(auth);
       setFlow("signUp");
       setStep("VERIFICATIONS" /* VERIFICATIONS */);
       return;
     }
     if (isPhone) {
-      await para.logout();
+      yield para.logout();
       let userExists = false;
       try {
-        userExists = await para.checkIfUserExistsByPhone({ phone: identifier, countryCode });
+        userExists = yield para.checkIfUserExistsByPhone({ phone: identifier, countryCode });
       } catch (error2) {
         setError("Please enter a valid phone number!");
         return;
@@ -3862,35 +3906,35 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
       auth = { phone: identifier, countryCode };
       setAuthInfo(auth);
       if (userExists) {
-        const supportedAuthMethods = await para.initiateUserLoginV2(auth);
-        const biometricLocationHints = supportedAuthMethods.has(AuthMethod5.PASSKEY) ? await para.getUserBiometricLocationHints() : [];
+        const supportedAuthMethods = yield para.initiateUserLoginV2(auth);
+        const biometricLocationHints = supportedAuthMethods.has(AuthMethod5.PASSKEY) ? yield para.getUserBiometricLocationHints() : [];
         setFlow("login");
         setStep("BIOMETRIC_LOGIN" /* BIOMETRIC_LOGIN */);
         setSupportedAuthMethods(supportedAuthMethods);
         setBiometricLocationHints(biometricLocationHints);
         return;
       }
-      await para.createUserByPhone(auth);
+      yield para.createUserByPhone(auth);
       setFlow("signUp");
       setStep("VERIFICATIONS" /* VERIFICATIONS */);
       return;
     }
-  };
-  const handleSubmit = async () => {
+  });
+  const handleSubmit = () => __async(void 0, null, function* () {
     setIsLoggingIn(true);
-    await login();
+    yield login();
     setIsLoggingIn(false);
-  };
+  });
   if (disableEmailLogin && disablePhoneLogin) {
     return null;
   }
   return /* @__PURE__ */ jsx23(
     "form",
     {
-      onSubmit: async (e) => {
+      onSubmit: (e) => __async(void 0, null, function* () {
         e.preventDefault();
-        await handleSubmit();
-      },
+        yield handleSubmit();
+      }),
       children: /* @__PURE__ */ jsxs18(
         StyledInput,
         {
@@ -3902,10 +3946,12 @@ var AuthInput = ({ disableEmailLogin, disablePhoneLogin }) => {
           errorText: error,
           autofocus: true,
           inputMode: "email",
-          onKeyDown: async (e) => e.key === "Enter" && handleSubmit(),
+          onKeyDown: (e) => __async(void 0, null, function* () {
+            return e.key === "Enter" && handleSubmit();
+          }),
           contrastText: true,
           isPhone,
-          mask: identifierType === "phone" ? phoneMasks[matchedCountryCode.selectedLabel] ?? defaultPhoneMask : void 0,
+          mask: identifierType === "phone" ? (_b = phoneMasks[matchedCountryCode.selectedLabel]) != null ? _b : defaultPhoneMask : void 0,
           enterkeyhint: "go",
           noAutoDisable: true,
           disabled: isLoggingIn,
@@ -4009,7 +4055,7 @@ var AuthOptions = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin }) => {
   const showAllOAuth = useModalStore((state) => state.step === "AUTH_MORE" /* AUTH_MORE */);
   const Content = useMemo8(() => {
     const Methods = [];
-    if (!!oAuthMethods?.length) {
+    if (!!(oAuthMethods == null ? void 0 : oAuthMethods.length)) {
       Methods.push(/* @__PURE__ */ jsx24(OAuth, { methods: oAuthMethods }, "oAuth"));
     }
     if (!disableEmailLogin || !disablePhoneLogin) {
@@ -4062,7 +4108,7 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
         }
         case "AUTH:CONDENSED" /* AUTH_CONDENSED */: {
           const icons = [];
-          oAuthMethods?.forEach((method) => icons.push(useBrandedLogos ? brandedOAuthLogos[method] : oAuthLogos[method]));
+          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 }),
@@ -4081,7 +4127,7 @@ var AuthMainStepContent = ({ oAuthMethods, disableEmailLogin, disablePhoneLogin
         }
         case "EXTERNAL:CONDENSED" /* EXTERNAL_CONDENSED */: {
           const icons = [];
-          wallets?.forEach((wallet) => icons.push(wallet.iconUrl));
+          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 }),
@@ -4177,14 +4223,14 @@ var Account = ({ onClose }) => {
   const handleSellClick = () => {
     setStep("ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */);
   };
-  const handleDisconnectClick = async () => {
+  const handleDisconnectClick = () => __async(void 0, null, function* () {
     setIsDisconnecting(true);
-    await para.logout();
-    await disconnectExternalWallet();
+    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" }) }),
@@ -4229,13 +4275,14 @@ var ExternalWalletStep = () => {
   useEffect15(() => {
     routeMobileExternalWallet(qrUri);
   }, [qrUri]);
-  const handleTryAgainClick = async () => {
-    await connectExternalWallet(wallet);
-  };
+  const handleTryAgainClick = () => __async(void 0, null, function* () {
+    yield connectExternalWallet(wallet);
+  });
   const handleCopy = () => {
     copy(qrUri);
   };
   const Content = useMemo10(() => {
+    var _a, _b, _c;
     if (!wallet) {
       return null;
     }
@@ -4254,15 +4301,15 @@ Please choose another wallet or continue on desktop.`;
     if (showExtension) {
       const isInstalled = wallet.installed;
       return /* @__PURE__ */ jsxs22(InnerStepContainer, { children: [
-        isInstalled && !externalWalletError?.length ? /* @__PURE__ */ jsx28(CenteredText, { color: "contrast", weight: "semiBold", children: `Confirm connection request in the ${wallet.name} browser extension.` }) : /* @__PURE__ */ jsxs22(ErrorContainer, { 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?.[0] : `${wallet.name} not detected` })
+          /* @__PURE__ */ jsx28(CpslText18, { weight: "semiBold", color: "error", children: isInstalled ? externalWalletError == null ? void 0 : externalWalletError[0] : `${wallet.name} not detected` })
         ] }),
         /* @__PURE__ */ jsxs22(
           CpslButton16,
           {
             as: isInstalled ? "button" : "a",
-            href: wallet.downloadUrl ?? "",
+            href: (_a = wallet.downloadUrl) != null ? _a : "",
             target: "_blank",
             variant: "secondary",
             onClick: handleTryAgainClick,
@@ -4281,16 +4328,16 @@ Please choose another wallet or continue on desktop.`;
           /* @__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: wallet.downloadUrl ?? "", target: "_blank", children: /* @__PURE__ */ jsxs22(ExternalButton, { variant: "secondary", children: [
+            /* @__PURE__ */ jsx28(Link, { href: (_b = wallet.downloadUrl) != null ? _b : "", target: "_blank", children: /* @__PURE__ */ jsxs22(ExternalButton, { variant: "secondary", children: [
               `Get ${wallet.name}`,
               /* @__PURE__ */ jsx28(ExternalIcon, { icon: "linkExternal" })
             ] }) })
           ] })
         ] });
       }
-      const openWCModal = async () => {
-        await connectExternalWallet(wallet, true, true);
-      };
+      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: [
         `${isWalletConnect ? "Open" : "Get"} ${wallet.name}`,
         /* @__PURE__ */ jsx28(ExternalIcon, { icon: "linkExternal" })
@@ -4304,7 +4351,7 @@ Please choose another wallet or continue on desktop.`;
             isCopied ? "Copied" : "Copy Link"
           ] })
         ] }),
-        /* @__PURE__ */ jsx28(InnerStepContainer, { children: isWalletConnect ? /* @__PURE__ */ jsx28(Fragment15, { children: GetWalletButton }) : /* @__PURE__ */ jsx28(Link, { href: wallet.downloadUrl ?? "", target: "_blank", children: GetWalletButton }) })
+        /* @__PURE__ */ jsx28(InnerStepContainer, { children: isWalletConnect ? /* @__PURE__ */ jsx28(Fragment15, { children: GetWalletButton }) : /* @__PURE__ */ jsx28(Link, { href: (_c = wallet.downloadUrl) != null ? _c : "", target: "_blank", children: GetWalletButton }) })
       ] });
     }
   }, [wallet, walletDisplayHelpers, externalWalletError, qrUri]);
@@ -4362,32 +4409,35 @@ import { isMobile as isMobile6 } from "@getpara/web-sdk";
 import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var getStepConfig = ({
   externalWalletError
-}) => ({
-  ["EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */]: {
-    variant: "externalWalletConnection",
-    topOffset: 40,
-    spacerHeight: 158,
-    hideFadeOut: true
-  },
-  ["CHAIN_SWITCH" /* CHAIN_SWITCH */]: {
-    variant: externalWalletError?.[0]?.toLowerCase() === NETWORK_NOT_SUPPORTED_ERROR ? "failed" : "externalWalletConnection",
-    topOffset: 20,
-    spacerHeight: 158,
-    hideFadeOut: true
-  },
-  ["ACCOUNT_MAIN" /* ACCOUNT_MAIN */]: {
-    variant: "customContent",
-    topOffset: 0,
-    spacerHeight: 104,
-    hideFadeOut: true
-  },
-  ["FARCASTER_OAUTH" /* FARCASTER_OAUTH */]: {
-    variant: "externalWalletConnection",
-    topOffset: 40,
-    spacerHeight: 158,
-    hideFadeOut: true
-  }
-});
+}) => {
+  var _a;
+  return {
+    ["EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */]: {
+      variant: "externalWalletConnection",
+      topOffset: 40,
+      spacerHeight: 158,
+      hideFadeOut: true
+    },
+    ["CHAIN_SWITCH" /* CHAIN_SWITCH */]: {
+      variant: ((_a = externalWalletError == null ? void 0 : externalWalletError[0]) == null ? void 0 : _a.toLowerCase()) === NETWORK_NOT_SUPPORTED_ERROR ? "failed" : "externalWalletConnection",
+      topOffset: 20,
+      spacerHeight: 158,
+      hideFadeOut: true
+    },
+    ["ACCOUNT_MAIN" /* ACCOUNT_MAIN */]: {
+      variant: "customContent",
+      topOffset: 0,
+      spacerHeight: 104,
+      hideFadeOut: true
+    },
+    ["FARCASTER_OAUTH" /* FARCASTER_OAUTH */]: {
+      variant: "externalWalletConnection",
+      topOffset: 40,
+      spacerHeight: 158,
+      hideFadeOut: true
+    }
+  };
+};
 var Hero = () => {
   const para = useInternalClient();
   const { wallet: connector, walletDisplayHelpers, avatar } = useExternalWallets();
@@ -4416,10 +4466,10 @@ var Hero = () => {
   const isFarcasterStep = currentStep === "FARCASTER_OAUTH" /* FARCASTER_OAUTH */;
   const { showExtension, isCosmosMobileWallet } = walletDisplayHelpers;
   const shouldHide = !stepConfig || !isMobile6() && isExternalStep && !showExtension || !isMobile6() && isChainSwitchStep && isCosmosMobileWallet || !isMobile6() && isFarcasterStep;
-  const { variant, topOffset, spacerHeight, hideFadeOut } = stepConfig ?? {};
+  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?.iconUrl }),
+      (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)
     ] }) }),
@@ -4504,7 +4554,7 @@ var ChainSwitch = () => {
   const setStepDirection = useModalStore((state) => state.setStepDirection);
   const { switchChain, wallet, qrUri, chainIdSwitchingTo, walletDisplayHelpers } = useExternalWallets();
   useEffect18(() => {
-    if (wallet?.type === WalletType5.COSMOS) {
+    if ((wallet == null ? void 0 : wallet.type) === WalletType5.COSMOS) {
       routeMobileExternalWallet(qrUri);
     }
   }, [qrUri, wallet]);
@@ -4514,15 +4564,16 @@ var ChainSwitch = () => {
       setStep("ACCOUNT_MAIN" /* ACCOUNT_MAIN */);
     }
   }, [wallet]);
-  const handleTryAgainClick = async () => {
+  const handleTryAgainClick = () => __async(void 0, null, function* () {
     if (chainIdSwitchingTo) {
-      await switchChain(chainIdSwitchingTo);
+      yield switchChain(chainIdSwitchingTo);
     }
-  };
+  });
   const handleCopy = () => {
     copy(qrUri);
   };
   const Content = useMemo11(() => {
+    var _a;
     if (!wallet) {
       return null;
     }
@@ -4538,14 +4589,14 @@ var ChainSwitch = () => {
       ] }) });
     }
     return /* @__PURE__ */ jsxs24(InnerStepContainer, { children: [
-      !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: [
+      !(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] })
         ] }),
         externalWalletError[1] && /* @__PURE__ */ jsx31(CenteredText, { color: "secondary", weight: "medium", children: externalWalletError[1] })
       ] }),
-      externalWalletError?.[0]?.toLowerCase() !== NETWORK_NOT_SUPPORTED_ERROR && /* @__PURE__ */ jsxs24(CpslButton17, { variant: "secondary", onClick: handleTryAgainClick, children: [
+      ((_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" }),
         "Try Again"
       ] })
@@ -4594,6 +4645,7 @@ var WALLET_TYPES = {
   [WalletType6.COSMOS]: "Cosmos"
 };
 var ChainSelect = () => {
+  var _a, _b;
   const containerRef = useRef7(null);
   const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
   const activeWallet = useActiveWallet();
@@ -4603,18 +4655,18 @@ var ChainSelect = () => {
       resize();
     }
   }, [chainId, chainIdSwitchingTo, dropdownMaxHeight]);
-  const handleChainChange = async (chainId2) => {
-    await switchChain(chainId2);
-  };
+  const handleChainChange = (chainId2) => __async(void 0, null, function* () {
+    yield switchChain(chainId2);
+  });
   if (!activeWallet || !activeWallet.isExternal || activeWallet.type === WalletType6.SOLANA) {
     return null;
   }
-  const chainIdToUse = chainIdSwitchingTo ?? chainId;
-  const selectedChainName = chains.find((c) => c.id.toString() === chainIdToUse)?.name;
+  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(
     StyledSelect,
     {
-      selectedValue: chainIdToUse?.toString() ?? "",
+      selectedValue: (_b = chainIdToUse == null ? void 0 : chainIdToUse.toString()) != null ? _b : "",
       onCpslSelectValueChange: (e) => {
         handleChainChange(e.detail);
       },
@@ -4628,7 +4680,7 @@ var ChainSelect = () => {
       selectedItemVariant: "bodyXS",
       children: [
         chainIdToUse && /* @__PURE__ */ jsx32(ChainName, { variant: "bodyXS", color: "contrast", slot: "selected-item", children: selectedChainName }),
-        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))
+        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))
       ]
     }
   ) }) });
@@ -4641,7 +4693,7 @@ function getName(para, {
   hideWallets = false
 }) {
   if (para.isMultiWallet) {
-    return name ?? `${isExternal ? "External " : ""}${WALLET_TYPES[type]}${!hideWallets && (isMenu || isExternal) ? " Wallet" : ""}`;
+    return name != null ? name : `${isExternal ? "External " : ""}${WALLET_TYPES[type]}${!hideWallets && (isMenu || isExternal) ? " Wallet" : ""}`;
   }
   return hideWallets ? "My Account" : name || "My Wallet";
 }
@@ -4654,18 +4706,18 @@ var AccountSelect = () => {
   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, { ...activeWallet, hideWallets }) }),
+    /* @__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 }) })
   ] }) : null;
   useEffect19(() => {
-    if (dropdownMaxHeight && activeWallet?.address) {
+    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(
     StyledSelect,
     {
-      selectedValue: getValue(activeWallet?.id, activeWallet?.type),
+      selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
       onCpslSelectValueChange: (e) => {
         const [id, type] = e.detail.split("~");
         setSelectedWallet({ id, type });
@@ -4682,7 +4734,7 @@ var AccountSelect = () => {
         activeWallet && ActiveWalletNode,
         para.availableWallets.map(({ address, name: _name, id, type, isExternal }) => {
           const key = getValue(id, type);
-          const name = _name ?? getName(para, { type, isExternal, isMenu: true, hideWallets });
+          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: [
@@ -4874,7 +4926,7 @@ function TelegramOAuthStep() {
     }
   }, [url]);
   useEffect20(() => {
-    const updateState = async (event) => {
+    const updateState = (event) => __async(this, null, function* () {
       switch (event.data.type) {
         case "TELEGRAM_LOGIN":
           setIsWaiting(true);
@@ -4887,7 +4939,7 @@ function TelegramOAuthStep() {
         case "TELEGRAM_SUCCESS":
           if (!!event.data.payload) {
             const authObject = event.data.payload;
-            const result = await para.verifyTelegram(authObject);
+            const result = yield para.verifyTelegram(authObject);
             if (!result.isValid) {
               setIsWaiting(false);
               setIsError(true);
@@ -4901,18 +4953,18 @@ function TelegramOAuthStep() {
               displayName: authObject.username ? `@${authObject.username}` : authObject.first_name ? `${authObject.first_name}${authObject.last_name ? ` ${authObject.last_name}` : ""}` : `Telegram User @${telegramUserId}`
             });
             if (isNewUser) {
-              const supportedCreateAuthMethods = await para.getSupportedCreateAuthMethods();
+              const supportedCreateAuthMethods = yield para.getSupportedCreateAuthMethods();
               setIsIFrameReady(false);
               setFlow("signUp");
               const supportsPasskey = supportedCreateAuthMethods.has(AuthMethod6.PASSKEY);
               if (supportsPasskey) {
                 setWebAuthURLForCreate(
-                  await para.shortenLoginLink(await para.getSetUpBiometricsURL({ authType: "telegram" }))
+                  yield para.shortenLoginLink(yield para.getSetUpBiometricsURL({ authType: "telegram" }))
                 );
                 setStep("BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */);
               }
               if (supportedCreateAuthMethods.has(AuthMethod6.PASSWORD)) {
-                setIFrameUrl(await para.shortenLoginLink(await para.getSetupPasswordURL({ authType: "telegram", theme })));
+                setIFrameUrl(yield para.shortenLoginLink(yield para.getSetupPasswordURL({ authType: "telegram", theme })));
                 setAuthStepRoute(supportsPasskey ? "BIOMETRIC_CREATION" /* BIOMETRIC_CREATION */ : "PASSWORD_CREATION" /* PASSWORD_CREATION */);
               }
             } else {
@@ -4924,10 +4976,10 @@ function TelegramOAuthStep() {
           }
           break;
       }
-    };
-    window?.addEventListener("message", updateState, false);
+    });
+    window == null ? void 0 : window.addEventListener("message", updateState, false);
     return () => {
-      window?.removeEventListener("message", updateState, false);
+      window == null ? void 0 : window.removeEventListener("message", updateState, false);
     };
   }, []);
   return /* @__PURE__ */ jsxs27(Container14, { children: [
@@ -5046,7 +5098,7 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
   const setAccountAddFundTab = useModalStore((state) => state.setAccountAddFundTab);
   const appName = useThemeStore((state) => state.appName);
   const embeddedModal = useThemeStore((state) => state.embeddedModal);
-  const [isTestModeAlert, setIsTestModeAlert] = useState16(onRampConfig?.testMode);
+  const [isTestModeAlert, setIsTestModeAlert] = useState16(onRampConfig == null ? void 0 : onRampConfig.testMode);
   const Content = () => {
     switch (currentStep) {
       case "AUTH_MAIN" /* AUTH_MAIN */: {
@@ -5148,10 +5200,10 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
     }
   };
   useEffect21(() => {
-    if (!isTestModeAlert && onRampConfig?.testMode) {
+    if (!isTestModeAlert && (onRampConfig == null ? void 0 : onRampConfig.testMode)) {
       setIsTestModeAlert(true);
     }
-  }, [onRampConfig?.testMode]);
+  }, [onRampConfig == null ? void 0 : onRampConfig.testMode]);
   useEffect21(() => {
     switch (currentStep) {
       case "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */:
@@ -5201,7 +5253,7 @@ var Body = ({ oAuthMethods, twoFactorAuthEnabled, disableEmailLogin, disablePhon
                     $isIFrameStep: IFrameSteps.includes(currentStep),
                     children: [
                       Content(),
-                      onRampConfig?.testMode && [
+                      (onRampConfig == null ? void 0 : onRampConfig.testMode) && [
                         "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
                         "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */,
                         "ADD_FUNDS_AWAITING" /* ADD_FUNDS_AWAITING */,
@@ -5248,12 +5300,24 @@ var InnerContainer2 = styled27.div`
   flex-direction: column;
   justify-content: flex-start;
   gap: 24px;
-  padding: ${({ $embeddedModal, $step, $isIFrameStep }) => $isIFrameStep ? "0px" : $embeddedModal ? "12px 0px 0px" : `${PADDING_TOP[$step] ?? "72px"} 72px ${PADDING_BOTTOM[$step] ?? "32px"}`};
-  min-height: ${({ $step }) => MIN_HEIGHT[$step] ?? "auto"};
-  height: ${({ $step }) => MIN_HEIGHT[$step] ?? "auto"};
+  padding: ${({ $embeddedModal, $step, $isIFrameStep }) => {
+  var _a, _b;
+  return $isIFrameStep ? "0px" : $embeddedModal ? "12px 0px 0px" : `${(_a = PADDING_TOP[$step]) != null ? _a : "72px"} 72px ${(_b = PADDING_BOTTOM[$step]) != null ? _b : "32px"}`;
+}};
+  min-height: ${({ $step }) => {
+  var _a;
+  return (_a = MIN_HEIGHT[$step]) != null ? _a : "auto";
+}};
+  height: ${({ $step }) => {
+  var _a;
+  return (_a = MIN_HEIGHT[$step]) != null ? _a : "auto";
+}};
 
   @media (max-width: ${MOBILE_SIZE}px) {
-    padding: ${({ $embeddedModal, $step, $isIFrameStep }) => $isIFrameStep ? "0px" : $embeddedModal ? "12px 0px 0px" : `${PADDING_TOP[$step] ?? "72px"} 16px 0px`};
+    padding: ${({ $embeddedModal, $step, $isIFrameStep }) => {
+  var _a;
+  return $isIFrameStep ? "0px" : $embeddedModal ? "12px 0px 0px" : `${(_a = PADDING_TOP[$step]) != null ? _a : "72px"} 16px 0px`;
+}};
   }
 
   cpsl-auth-modal.force-mobile-media & {
@@ -5389,10 +5453,7 @@ var DEFAULT_EX_WALLET_PROVIDER_STATE = {
   connectParaEvmWallet: void 0,
   connectParaCosmosWallet: void 0
 };
-var useExternalWalletProviderStore = create4((set) => ({
-  ...DEFAULT_EX_WALLET_PROVIDER_STATE,
-  ...getActions4(set)
-}));
+var useExternalWalletProviderStore = create4((set) => __spreadValues(__spreadValues({}, DEFAULT_EX_WALLET_PROVIDER_STATE), getActions4(set)));
 
 // src/modal/hooks/useEmbeddedExternalConnection.ts
 var useEmbeddedExternalConnection = () => {
@@ -5402,10 +5463,10 @@ var useEmbeddedExternalConnection = () => {
   const connectParaCosmosWallet = useExternalWalletProviderStore((state) => state.connectParaCosmosWallet);
   const CosmosProvider = useExternalWalletProviderStore((state) => state.CosmosProvider);
   const cosmosContext = useExternalWalletProviderStore((state) => state.cosmosContext);
-  const connectEmbeddedToExternalConnectors = async () => {
+  const connectEmbeddedToExternalConnectors = () => __async(void 0, null, function* () {
     if (evmContext && EvmProvider && connectParaEvmWallet) {
       try {
-        const { error } = await connectParaEvmWallet();
+        const { error } = yield connectParaEvmWallet();
         if (error) {
           console.warn("Failed to connect Para EVM wallet to Wagmi:", error);
         }
@@ -5415,7 +5476,7 @@ var useEmbeddedExternalConnection = () => {
     }
     if (cosmosContext && CosmosProvider && connectParaCosmosWallet) {
       try {
-        const { error } = await connectParaCosmosWallet();
+        const { error } = yield connectParaCosmosWallet();
         if (error) {
           console.warn("Failed to connect Para Cosmos wallet to Graz:", error);
         }
@@ -5423,7 +5484,7 @@ var useEmbeddedExternalConnection = () => {
         console.warn("Error calling connectParaCosmosWallet:", err);
       }
     }
-  };
+  });
   return connectEmbeddedToExternalConnectors;
 };
 
@@ -5463,6 +5524,7 @@ var ModalContent = forwardRef(
     loginTransitionOverride,
     createWalletOverride
   }, ref) => {
+    var _a;
     const para = useInternalClient();
     const refs = useModalStore((state) => state.refs);
     const currentStep = useModalStore((state) => state.step);
@@ -5483,10 +5545,13 @@ var ModalContent = forwardRef(
     const isIFrameReady = useModalStore((state) => state.isIFrameReady);
     const goBack = useGoBack();
     const createAccount = useCreateAccount();
-    const biometricLocationHints = useModalStore((state) => state.biometricLocationHints ?? []);
+    const biometricLocationHints = useModalStore((state) => {
+      var _a2;
+      return (_a2 = state.biometricLocationHints) != null ? _a2 : [];
+    });
     const formattedHints = useMemo13(() => formatBiometricHints2(biometricLocationHints), [biometricLocationHints]);
-    const passkeysSupported = isPasskeySupported3();
-    const [hasHints, isOnKnownDevice] = [biometricLocationHints?.length > 0, formattedHints?.isOnKnownDevice ?? false];
+    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 [walletCreationInProgress, setWalletCreationInProgress] = useState17(false);
     const connectEmbeddedToExternalConnectors = useEmbeddedExternalConnection();
     useEffect22(() => {
@@ -5503,81 +5568,85 @@ var ModalContent = forwardRef(
         }
       };
     }, []);
-    const is2FASetup = async () => {
+    const is2FASetup = () => __async(void 0, null, function* () {
       if (!twoFactorAuthEnabled) {
         return true;
       }
       try {
-        const { isSetup } = await para.check2FAStatus();
+        const { isSetup } = yield para.check2FAStatus();
         return isSetup;
       } catch (error) {
         console.error("An error occurred while checking 2FA:", error);
         return false;
       }
-    };
-    async function awaitLoginTransition() {
-      const { isComplete, isError, needsWallet } = await para.waitForLoginAndSetup({
-        popupWindow: refs.popupWindow.current
-      });
-      window.clearTimeout(refs.poll.current?.timeout);
-      refs.poll.current = void 0;
-      refs.popupWindow.current = void 0;
-      if (isError) {
-        ["AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */, "AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */].includes(refs.currentStep.current) && goBack();
-        return;
-      }
-      if (isComplete) {
-        setWebAuthURLForLogin("");
-        setPasswordUrlForLogin("");
-        setSupportedAuthMethods(/* @__PURE__ */ new Set());
-        setBiometricLocationHints();
-        if (needsWallet) {
-          setStep("AWAITING_WALLET_CREATION" /* AWAITING_WALLET_CREATION */);
-        } else {
-          await connectEmbeddedToExternalConnectors();
-          if (await is2FASetup()) {
-            setStep("LOGIN_DONE" /* LOGIN_DONE */);
+    });
+    function awaitLoginTransition() {
+      return __async(this, null, function* () {
+        var _a2;
+        const { isComplete, isError, needsWallet } = yield para.waitForLoginAndSetup({
+          popupWindow: refs.popupWindow.current
+        });
+        window.clearTimeout((_a2 = refs.poll.current) == null ? void 0 : _a2.timeout);
+        refs.poll.current = void 0;
+        refs.popupWindow.current = void 0;
+        if (isError) {
+          ["AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */, "AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */].includes(refs.currentStep.current) && goBack();
+          return;
+        }
+        if (isComplete) {
+          setWebAuthURLForLogin("");
+          setPasswordUrlForLogin("");
+          setSupportedAuthMethods(/* @__PURE__ */ new Set());
+          setBiometricLocationHints();
+          if (needsWallet) {
+            setStep("AWAITING_WALLET_CREATION" /* AWAITING_WALLET_CREATION */);
           } else {
-            setStep("SETUP_2FA" /* SETUP_2FA */);
+            yield connectEmbeddedToExternalConnectors();
+            if (yield is2FASetup()) {
+              setStep("LOGIN_DONE" /* LOGIN_DONE */);
+            } else {
+              setStep("SETUP_2FA" /* SETUP_2FA */);
+            }
           }
         }
-      }
+      });
     }
     useEffect22(() => {
       if (currentStep !== "AWAITING_WALLET_CREATION" /* AWAITING_WALLET_CREATION */ || walletCreationInProgress) {
         return;
       }
-      async function genWallet() {
-        setWalletCreationInProgress(true);
-        let recoverySecret, walletIds;
-        if (!createWalletOverride) {
-          const created = await para.waitForPasskeyAndCreateWallet();
-          recoverySecret = created.recoverySecret;
-          walletIds = created.walletIds;
-        } else {
-          const created = await createWalletOverride(para);
-          const fetchedWallets = (await para.fetchWallets()).filter((wallet) => !!wallet.address);
-          const newWallets = {};
-          for (const wallet of fetchedWallets) {
-            newWallets[wallet.id] = {
-              ...entityToWallet(wallet),
-              signer: ""
-            };
+      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;
           }
-          para.setWallets(newWallets);
-          recoverySecret = created.recoverySecret;
-          walletIds = created.walletIds;
-        }
-        await para.setCurrentWalletIds(walletIds);
-        if (recoverySecretStepEnabled) {
-          setRecoveryShare(recoverySecret);
-        }
-        setWalletCreationInProgress(false);
-        if (!recoverySecret || !recoverySecretStepEnabled) {
-          setStep("WALLET_CREATION_DONE" /* WALLET_CREATION_DONE */);
-        } else {
-          setStep("SECRET" /* SECRET */);
-        }
+          yield para.setCurrentWalletIds(walletIds);
+          if (recoverySecretStepEnabled) {
+            setRecoveryShare(recoverySecret);
+          }
+          setWalletCreationInProgress(false);
+          if (!recoverySecret || !recoverySecretStepEnabled) {
+            setStep("WALLET_CREATION_DONE" /* WALLET_CREATION_DONE */);
+          } else {
+            setStep("SECRET" /* SECRET */);
+          }
+        });
       }
       genWallet();
     }, [isLogin, currentStep]);
@@ -5589,17 +5658,19 @@ var ModalContent = forwardRef(
       const userNeedsToLogin = isAwaitingLogin || isUnknownDeviceWithHints || isPasskeyUnsupported;
       if (userNeedsToLogin && hasLoginURLs) {
         if (loginTransitionOverride) {
-          async function loginOverride() {
-            await loginTransitionOverride(para);
-            setWebAuthURLForLogin("");
-            setPasswordUrlForLogin("");
-            setBiometricLocationHints();
-            await connectEmbeddedToExternalConnectors();
-            if (await is2FASetup()) {
-              setStep("LOGIN_DONE" /* LOGIN_DONE */);
-            } else {
-              setStep("SETUP_2FA" /* SETUP_2FA */);
-            }
+          function loginOverride() {
+            return __async(this, null, function* () {
+              yield loginTransitionOverride(para);
+              setWebAuthURLForLogin("");
+              setPasswordUrlForLogin("");
+              setBiometricLocationHints();
+              yield connectEmbeddedToExternalConnectors();
+              if (yield is2FASetup()) {
+                setStep("LOGIN_DONE" /* LOGIN_DONE */);
+              } else {
+                setStep("SETUP_2FA" /* SETUP_2FA */);
+              }
+            });
           }
           loginOverride();
           return;
@@ -5611,8 +5682,9 @@ var ModalContent = forwardRef(
           };
         }
         return () => {
+          var _a2;
           if (typeof window !== "undefined" && !!refs.poll.current) {
-            window.clearTimeout(refs.poll.current?.timeout);
+            window.clearTimeout((_a2 = refs.poll.current) == null ? void 0 : _a2.timeout);
           }
           para.exitLogin();
         };
@@ -5622,15 +5694,16 @@ var ModalContent = forwardRef(
       onClose();
     };
     useEffect22(() => {
+      var _a2, _b, _c;
       refs.currentStep.current = currentStep;
       let resetPoll = false;
       if (!["AWAITING_BIOMETRIC_CREATION" /* AWAITING_BIOMETRIC_CREATION */, "PASSWORD_CREATION" /* PASSWORD_CREATION */].includes(currentStep)) {
         para.exitAccountCreation();
-        resetPoll = ["createPassword", "createPasskey"].includes(refs.poll.current?.action);
+        resetPoll = ["createPassword", "createPasskey"].includes((_a2 = refs.poll.current) == null ? void 0 : _a2.action);
       }
       if (!["AWAITING_PASSWORD_LOGIN" /* AWAITING_PASSWORD_LOGIN */, "AWAITING_BIOMETRIC_LOGIN" /* AWAITING_BIOMETRIC_LOGIN */].includes(currentStep)) {
         para.exitLogin();
-        resetPoll = refs.poll.current?.action === "login";
+        resetPoll = ((_b = refs.poll.current) == null ? void 0 : _b.action) === "login";
       }
       if (!["AWAITING_OAUTH" /* AWAITING_OAUTH */, "FARCASTER_OAUTH" /* FARCASTER_OAUTH */].includes(currentStep)) {
         para.exitOAuth();
@@ -5639,13 +5712,14 @@ var ModalContent = forwardRef(
         createAccount.withPassword();
       }
       if (resetPoll && typeof window !== "undefined") {
-        window.clearTimeout(refs.poll.current?.timeout);
+        window.clearTimeout((_c = refs.poll.current) == null ? void 0 : _c.timeout);
         refs.poll.current = void 0;
       }
     }, [currentStep]);
     useEffect22(() => {
       if (!onRampConfig) {
         para.ctx.client.getOnRampConfig().then((res) => {
+          var _a2, _b;
           let newOnRampConfig;
           if (!!propsOnRampConfig) {
             const { enabledFlows, network, asset, providers, testMode } = propsOnRampConfig;
@@ -5654,14 +5728,14 @@ var ModalContent = forwardRef(
               isBuyEnabled: !enabledFlows || enabledFlows.some((str) => EnabledFlow3[str] === EnabledFlow3.BUY),
               isReceiveEnabled: !enabledFlows || enabledFlows.some((str) => EnabledFlow3[str] === EnabledFlow3.RECEIVE),
               isWithdrawEnabled: !enabledFlows || enabledFlows.some((str) => EnabledFlow3[str] === EnabledFlow3.WITHDRAW),
-              allowedAssets: network ? { [Network3[network]]: asset ? [AssetMap[asset]] : true } : asset ? { [AssetNetworks[AssetMap[asset]] ?? Network3.ETHEREUM]: [AssetMap[asset]] } : res.allowedAssets,
+              allowedAssets: network ? { [Network3[network]]: asset ? [AssetMap[asset]] : true } : asset ? { [(_a2 = AssetNetworks[AssetMap[asset]]) != null ? _a2 : Network3.ETHEREUM]: [AssetMap[asset]] } : res.allowedAssets,
               assetInfo: res.assetInfo,
               providers: providers.map(({ id }) => OnRampProvider4[id]),
-              rampApiKey: rampConfig?.hostApiKey ?? res.rampApiKey,
-              testMode: testMode ?? onRampTestMode
+              rampApiKey: (_b = rampConfig == null ? void 0 : rampConfig.hostApiKey) != null ? _b : res.rampApiKey,
+              testMode: testMode != null ? testMode : onRampTestMode
             };
           } else {
-            newOnRampConfig = { ...res, testMode: onRampTestMode };
+            newOnRampConfig = __spreadProps(__spreadValues({}, res), { testMode: onRampTestMode });
           }
           setOnRampConfig(newOnRampConfig);
           if (!accountAddFundTab) {
@@ -5674,12 +5748,13 @@ var ModalContent = forwardRef(
     }, []);
     useEffect22(() => {
       if (!!onRampConfig) {
-        setOnRampConfig({ ...onRampConfig, testMode: onRampTestMode });
+        setOnRampConfig(__spreadProps(__spreadValues({}, onRampConfig), { testMode: onRampTestMode }));
       }
     }, [onRampTestMode]);
     useEffect22(() => {
       return () => {
-        window.clearTimeout(refs.poll.current?.timeout);
+        var _a2;
+        window.clearTimeout((_a2 = refs.poll.current) == null ? void 0 : _a2.timeout);
         para.exitLoops();
       };
     }, []);
@@ -5701,7 +5776,7 @@ var ModalContent = forwardRef(
 
 // src/modal/ParaModal.tsx
 import { forwardRef as forwardRef2, useEffect as useEffect24, useImperativeHandle as useImperativeHandle2, useRef as useRef9, useState as useState19 } from "react";
-import { ParaEvent as ParaEvent2 } from "@getpara/web-sdk";
+import { isPasskeySupported, ParaEvent as ParaEvent2 } from "@getpara/web-sdk";
 
 // src/modal/components/ExternalWalletsWrapper/ExternalWalletsWrapper.tsx
 import { useEffect as useEffect23, useState as useState18 } from "react";
@@ -5760,11 +5835,7 @@ var CosmosWallet = /* @__PURE__ */ ((CosmosWallet2) => {
   CosmosWallet2["LEAP"] = "LEAP";
   return CosmosWallet2;
 })(CosmosWallet || {});
-var ExternalWallet = {
-  ...EvmWallet,
-  ...SolanaWallet,
-  ...CosmosWallet
-};
+var ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet), SolanaWallet), CosmosWallet);
 
 // src/modal/providers/SolanaExternalWalletContextStub.tsx
 import { createContext as createContext3, useMemo as useMemo15 } from "react";
@@ -5828,14 +5899,14 @@ var ExternalWalletsWrapper = ({ children, wallets }) => {
   const [CosmosProvider, setCosmosProvider] = useState18(null);
   const [cosmosContext, setCosmosContext] = useState18(null);
   useEffect23(() => {
-    const loadProviders = async () => {
+    const loadProviders = () => __async(void 0, null, function* () {
       let newEvmContext = EvmExternalWalletContext;
       let newEvmProvider = EvmExternalWalletProvider;
       let newSolanaContext = SolanaExternalWalletContext;
       let newSolanaProvider = SolanaExternalWalletProvider;
       let newCosmosContext = CosmosExternalWalletContext;
       let newCosmosProvider = CosmosExternalWalletProvider;
-      if (!wallets?.length) {
+      if (!(wallets == null ? void 0 : wallets.length)) {
         newEvmContext = EvmExternalWalletContext;
         newEvmProvider = EvmExternalWalletProvider;
         newSolanaContext = SolanaExternalWalletContext;
@@ -5877,7 +5948,7 @@ var ExternalWalletsWrapper = ({ children, wallets }) => {
       setSolanaProvider(() => newSolanaProvider);
       setCosmosContext(newCosmosContext);
       setCosmosProvider(() => newCosmosProvider);
-    };
+    });
     loadProviders();
   }, [
     wallets,
@@ -5913,7 +5984,8 @@ var ExternalWalletsWrapper = ({ children, wallets }) => {
 import styled29 from "styled-components";
 import { jsx as jsx44 } from "react/jsx-runtime";
 defineCustomElements();
-var ParaModal = forwardRef2(({ para, isOpen, ...rest }, ref) => {
+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);
@@ -5935,27 +6007,43 @@ var ParaModal = forwardRef2(({ para, isOpen, ...rest }, ref) => {
   if (!isInitialized) {
     return null;
   }
-  return /* @__PURE__ */ jsx44(ParaModalInner, { ref, para, ...rest });
+  return /* @__PURE__ */ jsx44(ParaModalInner, __spreadValues({ ref, para }, rest));
 });
 var ParaModalInner = forwardRef2(
-  ({
-    theme,
-    appName,
-    logo,
-    disableEmailLogin = false,
-    disablePhoneLogin = false,
-    oAuthMethods,
-    bareModal = false,
-    className,
-    currentStepOverride,
-    externalWallets,
-    authLayout = ["AUTH:FULL" /* AUTH_FULL */, "EXTERNAL:FULL" /* EXTERNAL_FULL */],
-    embeddedModal,
-    onModalStepChange,
-    hideWallets = false,
-    onClose,
-    ...rest
-  }, ref) => {
+  (_a, ref) => {
+    var _b = _a, {
+      theme,
+      appName,
+      logo,
+      disableEmailLogin = false,
+      disablePhoneLogin = false,
+      oAuthMethods,
+      bareModal = false,
+      className,
+      currentStepOverride,
+      externalWallets,
+      authLayout = ["AUTH:FULL" /* AUTH_FULL */, "EXTERNAL:FULL" /* EXTERNAL_FULL */],
+      embeddedModal,
+      onModalStepChange,
+      hideWallets = false,
+      onClose
+    } = _b, rest = __objRest(_b, [
+      "theme",
+      "appName",
+      "logo",
+      "disableEmailLogin",
+      "disablePhoneLogin",
+      "oAuthMethods",
+      "bareModal",
+      "className",
+      "currentStepOverride",
+      "externalWallets",
+      "authLayout",
+      "embeddedModal",
+      "onModalStepChange",
+      "hideWallets",
+      "onClose"
+    ]);
     const modalContentRef = useRef9(null);
     const updateThemeState = useThemeStore((state) => state.updateState);
     const refs = useModalStore((state) => state.refs);
@@ -5979,6 +6067,7 @@ var ParaModalInner = forwardRef2(
     const { isOpen, closeModal } = useModal();
     const para = useInternalClient();
     const { selectedWallet, setSelectedWallet } = useWalletState();
+    const setIsPasskeySupported = useModalStore((state) => state.setIsPasskeySupported);
     const [isModalMounted, setIsModalMounted] = useState19(false);
     const [isInit, setIsInit] = useState19(false);
     const [ready, setIsReady] = useState19(false);
@@ -5994,12 +6083,14 @@ var ParaModalInner = forwardRef2(
           return currentStep;
         },
         handleModalClose() {
-          modalContentRef?.current?.handleModalClose();
+          var _a2;
+          (_a2 = modalContentRef == null ? void 0 : modalContentRef.current) == null ? void 0 : _a2.handleModalClose();
         }
       };
     }, [hasPreviousStep, currentStep]);
-    const initModal = async () => {
-      const isAccount = await para.isFullyLoggedIn();
+    const initModal = () => __async(void 0, null, function* () {
+      const isAccount = yield para.isFullyLoggedIn();
+      setIsPasskeySupported(yield isPasskeySupported());
       if (currentStepOverride) {
         setStep(ModalStep[currentStepOverride.toUpperCase()]);
       } else if (isAccount) {
@@ -6014,7 +6105,7 @@ var ParaModalInner = forwardRef2(
           setWebAuthURLForCreate();
           setBiometricLocationHints();
         }
-        await disconnectExternalWallet();
+        yield disconnectExternalWallet();
         setSelectedWallet({ id: void 0, type: void 0 });
         setIsFullyLoggedIn(false);
       }
@@ -6039,13 +6130,13 @@ var ParaModalInner = forwardRef2(
           break;
       }
       setIsInit(true);
-    };
+    });
     useEffect24(() => {
       let _authLayout = authLayout;
-      if (!externalWallets?.length && hasExternalWallet(authLayout)) {
+      if (!(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout)) {
         _authLayout = _authLayout.filter((l) => !l.includes("EXTERNAL"));
       }
-      if (disableEmailLogin && disablePhoneLogin && !oAuthMethods?.length && hasEmbeddedAuth(authLayout)) {
+      if (disableEmailLogin && disablePhoneLogin && !(oAuthMethods == null ? void 0 : oAuthMethods.length) && hasEmbeddedAuth(authLayout)) {
         _authLayout = _authLayout.filter((l) => !l.includes("AUTH"));
       }
       if (JSON.stringify(storedAuthLayout) !== JSON.stringify(_authLayout)) {
@@ -6056,15 +6147,16 @@ var ParaModalInner = forwardRef2(
       setOnModalStepChange(onModalStepChange);
     }, [onModalStepChange]);
     useEffect24(() => {
+      var _a2;
       updateThemeState({
         logo,
         appName,
-        oAuthLogoVariant: theme?.oAuthLogoVariant ?? "default",
+        oAuthLogoVariant: (_a2 = theme == null ? void 0 : theme.oAuthLogoVariant) != null ? _a2 : "default",
         bareModal,
         embeddedModal,
         hideWallets
       });
-    }, [logo, appName, theme?.oAuthLogoVariant, bareModal, embeddedModal, hideWallets]);
+    }, [logo, appName, theme == null ? void 0 : theme.oAuthLogoVariant, bareModal, embeddedModal, hideWallets]);
     useEffect24(() => {
       if (theme) {
         generateTheme(theme);
@@ -6087,9 +6179,9 @@ var ParaModalInner = forwardRef2(
       }
     }, [isOpen]);
     const updateActiveWallet = () => {
-      if (!selectedWallet?.id || !para.findWallet(selectedWallet?.id)) {
+      if (!(selectedWallet == null ? void 0 : selectedWallet.id) || !para.findWallet(selectedWallet == null ? void 0 : selectedWallet.id)) {
         const defaultWallet = para.findWallet(void 0, void 0, { forbidPregen: true });
-        setSelectedWallet({ id: defaultWallet?.id, type: defaultWallet?.type });
+        setSelectedWallet({ id: defaultWallet == null ? void 0 : defaultWallet.id, type: defaultWallet == null ? void 0 : defaultWallet.type });
       }
     };
     useEffect24(() => {
@@ -6097,7 +6189,8 @@ var ParaModalInner = forwardRef2(
     }, [para]);
     useEffect24(() => {
       const closePopupWindow = () => {
-        refs.popupWindow.current?.close();
+        var _a2;
+        (_a2 = refs.popupWindow.current) == null ? void 0 : _a2.close();
       };
       if (typeof window !== "undefined") {
         window.addEventListener(ParaEvent2.WALLETS_CHANGE_EVENT, updateActiveWallet);
@@ -6115,12 +6208,12 @@ var ParaModalInner = forwardRef2(
     }, []);
     const handleClose = () => {
       closeModal();
-      onClose?.();
+      onClose == null ? void 0 : onClose();
     };
     const handleModalEntering = () => {
       setIsModalMounted(true);
     };
-    const handleModalExited = async () => {
+    const handleModalExited = () => __async(void 0, null, function* () {
       if (!bareModal) {
         setIsModalMounted(false);
       }
@@ -6132,13 +6225,13 @@ var ParaModalInner = forwardRef2(
         setStep("LOGIN_DONE" /* LOGIN_DONE */);
       }
       if (para) {
-        await initModal();
+        yield initModal();
         para.exitLoops();
       }
       if (!bareModal) {
         setIsInit(false);
       }
-    };
+    });
     if (!ready) {
       return null;
     }
@@ -6146,9 +6239,9 @@ var ParaModalInner = forwardRef2(
       console.error("A Para instance is required.");
       return null;
     }
-    if (!storedAuthLayout?.length) {
-      const hasExternalWalletError = !externalWallets?.length && hasExternalWallet(authLayout);
-      const hasEmbeddedWalletError = disableEmailLogin && disablePhoneLogin && !oAuthMethods?.length && hasEmbeddedAuth(authLayout);
+    if (!(storedAuthLayout == null ? void 0 : storedAuthLayout.length)) {
+      const hasExternalWalletError = !(externalWallets == null ? void 0 : externalWallets.length) && hasExternalWallet(authLayout);
+      const hasEmbeddedWalletError = disableEmailLogin && disablePhoneLogin && !(oAuthMethods == null ? void 0 : oAuthMethods.length) && hasEmbeddedAuth(authLayout);
       if (hasExternalWalletError || hasEmbeddedWalletError) {
         if (hasExternalWalletError) {
           console.error("At least one external wallet must be provided if external wallet auth is enabled.");
@@ -6178,13 +6271,12 @@ var ParaModalInner = forwardRef2(
         $embeddedModal: embeddedModal,
         children: isModalMounted && (isInit && embeddedModal || !embeddedModal) && /* @__PURE__ */ jsx44(
           ModalContent,
-          {
+          __spreadValues({
             oAuthMethods,
             disableEmailLogin,
             disablePhoneLogin,
-            onClose: handleClose,
-            ...rest
-          }
+            onClose: handleClose
+          }, rest)
         )
       }
     ) });