@crossmint/client-sdk-react-ui 1.19.0-alpha.0 → 1.19.1

package/dist/chunk-QUZAE6AP.cjs

@@ -1,1898 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkUYMSOJYKcjs = require('./chunk-UYMSOJYK.cjs');
-
-
-var _chunkQQXBYOKAcjs = require('./chunk-QQXBYOKA.cjs');
-
-
-var _chunkXW53XESIcjs = require('./chunk-XW53XESI.cjs');
-
-
-var _chunk7EPTEGBPcjs = require('./chunk-7EPTEGBP.cjs');
-
-
-var _chunk7HBAJHZZcjs = require('./chunk-7HBAJHZZ.cjs');
-
-
-var _chunk2DG4R653cjs = require('./chunk-2DG4R653.cjs');
-
-
-
-
-
-var _chunkLEAESLKVcjs = require('./chunk-LEAESLKV.cjs');
-
-
-
-
-var _chunkMH37OJT2cjs = require('./chunk-MH37OJT2.cjs');
-
-
-var _chunkFHPIRUUDcjs = require('./chunk-FHPIRUUD.cjs');
-
-
-var _chunkB7LYPQ4Kcjs = require('./chunk-B7LYPQ4K.cjs');
-
-
-var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-var _chunkMSZ635MUcjs = require('./chunk-MSZ635MU.cjs');
-
-
-var _chunkHIU3FK4Mcjs = require('./chunk-HIU3FK4M.cjs');
-
-
-var _chunkI22MLYYWcjs = require('./chunk-I22MLYYW.cjs');
-
-
-var _chunkVKQ4YOEXcjs = require('./chunk-VKQ4YOEX.cjs');
-
-
-var _chunkH4TVOH5Vcjs = require('./chunk-H4TVOH5V.cjs');
-
-
-var _chunkHCW4RO2Ocjs = require('./chunk-HCW4RO2O.cjs');
-
-
-var _chunk5RDAQSJKcjs = require('./chunk-5RDAQSJK.cjs');
-
-
-var _chunkKNOUJZN5cjs = require('./chunk-KNOUJZN5.cjs');
-
-
-var _chunkWO6OW46Hcjs = require('./chunk-WO6OW46H.cjs');
-
-
-var _chunkZMSST6ZZcjs = require('./chunk-ZMSST6ZZ.cjs');
-
-
-var _chunkAXZLLRBUcjs = require('./chunk-AXZLLRBU.cjs');
-
-
-var _chunkURKPLEPVcjs = require('./chunk-URKPLEPV.cjs');
-
-
-var _chunkHPOZ6I54cjs = require('./chunk-HPOZ6I54.cjs');
-
-
-var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
-
-
-var _chunkC3MY2FNDcjs = require('./chunk-C3MY2FND.cjs');
-
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/providers/signers/CrossmintSignerProvider.tsx
-
-
-
-
-
-
-
-var _react = require('react');
-var _walletssdk = require('@crossmint/wallets-sdk');
-var _web3js = require('@solana/web3.js');
-var _bs58 = require('bs58'); var _bs582 = _interopRequireDefault(_bs58);
-
-// src/hooks/useWallet.ts
-
-
-// src/providers/CrossmintWalletProvider.tsx
-
-var _reactdom = require('react-dom');
-
-var _jsxruntime = require('react/jsx-runtime');
-var WalletContext = _react.createContext.call(void 0, {
-  status: "not-loaded",
-  getOrCreateWallet: () => Promise.resolve({ startedCreation: false }),
-  createPasskeySigner: () => Promise.resolve(null),
-  clearWallet: () => {
-  }
-});
-function CrossmintWalletProvider({
-  children,
-  showPasskeyHelpers = true,
-  appearance,
-  experimental_enableRecoveryKeys = false
-}) {
-  const [walletState, setWalletState] = _react.useState.call(void 0, {
-    status: "not-loaded"
-  });
-  const walletProviderProps = {
-    walletState,
-    setWalletState,
-    showPasskeyHelpers,
-    appearance,
-    experimental_enableRecoveryKeys
-  };
-  return experimental_enableRecoveryKeys ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKQ4YOEXcjs.TwindProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CrossmintSignerProvider, { walletState, setWalletState, appearance, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletProvider, _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, walletProviderProps), { children })) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletProvider, _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, walletProviderProps), { children }));
-}
-function WalletProvider({
-  children,
-  showPasskeyHelpers = true,
-  appearance,
-  walletState,
-  setWalletState,
-  experimental_enableRecoveryKeys
-}) {
-  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, "CrossmintWalletProvider must be used within CrossmintProvider");
-  const { experimental_getOrCreateWalletWithRecoveryKey } = useCrossmintSigner({
-    enabled: experimental_enableRecoveryKeys != null ? experimental_enableRecoveryKeys : false
-  });
-  const smartWalletSDK = _react.useMemo.call(void 0, 
-    () => _walletssdk.CrossmintWallets.from({ apiKey: crossmint.apiKey, jwt: crossmint == null ? void 0 : crossmint.jwt }),
-    [crossmint.apiKey, crossmint.jwt]
-  );
-  const [passkeyPromptState, setPasskeyPromptState] = _react.useState.call(void 0, { open: false });
-  const getOrCreateWallet = (props) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a, _b;
-    if (walletState.status == "in-progress") {
-      return {
-        startedCreation: false,
-        reason: "Wallet is already loading."
-      };
-    }
-    if (crossmint.jwt == null) {
-      return {
-        startedCreation: false,
-        reason: `Jwt not set in "CrossmintProvider".`
-      };
-    }
-    try {
-      setWalletState({ status: "in-progress" });
-      const passkeyPromptCallbacks = {
-        onWalletCreationStart: createPasskeyPrompt("create-wallet"),
-        onWalletCreationFail: createPasskeyPrompt("create-wallet-error"),
-        onTransactionStart: createPasskeyPrompt("transaction"),
-        onTransactionFail: createPasskeyPrompt("transaction-error")
-      };
-      switch (props.type) {
-        case "evm-smart-wallet": {
-          const walletArgs = {
-            adminSigner: (_a = props.args.adminSigner) != null ? _a : { type: "evm-passkey" },
-            linkedUser: props.args.linkedUser
-          };
-          const wallet = yield smartWalletSDK.getOrCreateWallet("evm-smart-wallet", walletArgs, {
-            experimental_callbacks: ((_b = walletArgs.adminSigner) == null ? void 0 : _b.type) === "evm-passkey" ? passkeyPromptCallbacks : void 0
-          });
-          setWalletState({ status: "loaded", wallet, type: "evm-smart-wallet" });
-          break;
-        }
-        case "solana-smart-wallet": {
-          const wallet = yield smartWalletSDK.getOrCreateWallet("solana-smart-wallet", props.args);
-          setWalletState({ status: "loaded", wallet, type: "solana-smart-wallet" });
-          break;
-        }
-      }
-    } catch (error) {
-      console.error("There was an error creating a wallet ", error);
-      setWalletState(_chunkHIU3FK4Mcjs.deriveWalletErrorState.call(void 0, error));
-    }
-    return { startedCreation: true };
-  });
-  const createPasskeyPrompt = (type) => () => new Promise((resolve) => {
-    if (!showPasskeyHelpers) {
-      resolve();
-      return;
-    }
-    setPasskeyPromptState({
-      type,
-      open: true,
-      primaryActionOnClick: () => {
-        setPasskeyPromptState({ open: false });
-        resolve();
-      },
-      secondaryActionOnClick: () => {
-        setPasskeyPromptState({ open: false });
-        resolve();
-      }
-    });
-  });
-  const clearWallet = () => {
-    setWalletState({ status: "not-loaded" });
-  };
-  const createPasskeySigner = (name, promptType) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    if (promptType != null) {
-      yield createPasskeyPrompt(promptType)();
-    }
-    return yield _chunkMSZ635MUcjs.createWebAuthnPasskeySigner.call(void 0, name);
-  });
-  const contextValue = _react.useMemo.call(void 0, 
-    () => _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, walletState), {
-      getOrCreateWallet,
-      createPasskeySigner,
-      clearWallet,
-      experimental_getOrCreateWalletWithRecoveryKey
-    }),
-    [walletState, experimental_getOrCreateWalletWithRecoveryKey]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, WalletContext.Provider, { value: contextValue, children: [
-    children,
-    passkeyPromptState.open ? _reactdom.createPortal.call(void 0, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7HBAJHZZcjs.PasskeyPrompt, { state: passkeyPromptState, appearance }), document.body) : null
-  ] });
-}
-
-// src/hooks/useWallet.ts
-function useWallet() {
-  const walletContext = _react.useContext.call(void 0, WalletContext);
-  if (!walletContext) {
-    throw new Error("useWallet must be used within CrossmintAuthProvider or CrossmintWalletProvider");
-  }
-  return walletContext;
-}
-
-// src/hooks/useAuth.ts
-
-
-// src/providers/CrossmintAuthProvider.tsx
-
-
-
-
-
-
-
-
-var _clientsdkauth = require('@crossmint/client-sdk-auth');
-var _commonsdkbase = require('@crossmint/common-sdk-base');
-var _commonsdkauth = require('@crossmint/common-sdk-auth');
-
-// src/components/auth/AuthFormDialog.tsx
-var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');
-
-// src/providers/auth/AuthFormProvider.tsx
-
-
-
-// src/hooks/useCrossmintAuth.ts
-
-function useCrossmintAuth() {
-  const context = _react.useContext.call(void 0, AuthContext);
-  if (!context) {
-    throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");
-  }
-  return context;
-}
-
-// src/providers/auth/AuthFormProvider.tsx
-
-var initialOAuthUrlMap = {
-  google: "",
-  twitter: ""
-  // Farcaster is not included here as it uses a different authentication method
-};
-var AuthFormContext = _react.createContext.call(void 0, void 0);
-var useAuthForm = () => {
-  const context = _react.useContext.call(void 0, AuthFormContext);
-  if (!context) {
-    throw new Error("useAuthForm must be used within an AuthFormProvider");
-  }
-  return context;
-};
-var AuthFormProvider = ({
-  setDialogOpen,
-  preFetchOAuthUrls,
-  initialState,
-  children
-}) => {
-  const { crossmintAuth } = useCrossmintAuth();
-  const [step, setStep] = _react.useState.call(void 0, "initial");
-  const [error, setError] = _react.useState.call(void 0, null);
-  const [oauthUrlMap, setOauthUrlMap] = _react.useState.call(void 0, initialOAuthUrlMap);
-  const [isLoadingOauthUrlMap, setIsLoadingOauthUrlMap] = _react.useState.call(void 0, true);
-  const { loginMethods, baseUrl, appearance, termsOfServiceText, authModalTitle, defaultEmail } = initialState;
-  const preFetchAndSetOauthUrl = _react.useCallback.call(void 0, () => _chunk4DAZAO6Ycjs.__async.call(void 0, void 0, null, function* () {
-    setIsLoadingOauthUrlMap(true);
-    try {
-      const oauthProviders = loginMethods.filter(
-        (method) => method in initialOAuthUrlMap
-      );
-      const oauthPromiseList = oauthProviders.map((provider) => _chunk4DAZAO6Ycjs.__async.call(void 0, void 0, null, function* () {
-        const url = yield crossmintAuth == null ? void 0 : crossmintAuth.getOAuthUrl(provider);
-        return { [provider]: url };
-      }));
-      const oauthUrlMap2 = Object.assign({}, ...yield Promise.all(oauthPromiseList));
-      setOauthUrlMap(oauthUrlMap2);
-    } catch (error2) {
-      setError(
-        error2 instanceof _commonsdkauth.CrossmintAuthenticationError ? error2.message : "Unable to load oauth providers. Please try again later."
-      );
-    } finally {
-      setIsLoadingOauthUrlMap(false);
-    }
-  }), [loginMethods, crossmintAuth]);
-  _react.useEffect.call(void 0, () => {
-    if (preFetchOAuthUrls) {
-      preFetchAndSetOauthUrl();
-    }
-  }, [preFetchAndSetOauthUrl, preFetchOAuthUrls]);
-  const handleToggleDialog = (open, successfulLogin) => {
-    setDialogOpen == null ? void 0 : setDialogOpen(open, successfulLogin);
-    if (!open) {
-      setTimeout(() => setStep("initial"), 250);
-    }
-  };
-  const value = {
-    step,
-    error,
-    baseUrl,
-    appearance,
-    termsOfServiceText,
-    authModalTitle,
-    loginMethods,
-    defaultEmail,
-    oauthUrlMap,
-    isLoadingOauthUrlMap,
-    setDialogOpen: handleToggleDialog,
-    setError,
-    setStep
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AuthFormContext.Provider, { value, children });
-};
-
-// src/components/auth/AuthForm.tsx
-var _color = require('color'); var _color2 = _interopRequireDefault(_color);
-
-// src/components/auth/methods/email/EmailAuthFlow.tsx
-
-
-// src/components/auth/methods/email/EmailOTPInput.tsx
-
-
-// src/components/auth/AuthFormBackButton.tsx
-
-var AuthFormBackButton = (_a) => {
-  var _b = _a, {
-    className,
-    iconColor,
-    ringColor,
-    onClick
-  } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, [
-    "className",
-    "iconColor",
-    "ringColor",
-    "onClick"
-  ]);
-  const { setError } = useAuthForm();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none",
-        className
-      ),
-      onClick: (event) => {
-        setError(null);
-        onClick == null ? void 0 : onClick(event);
-      }
-    }, props), {
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHCW4RO2Ocjs.LeftArrowIcon, { className: "w-6 h-6", style: { color: iconColor } })
-    })
-  );
-};
-
-// src/components/auth/methods/email/EmailOTPInput.tsx
-
-var EMAIL_VERIFICATION_TOKEN_LENGTH = 6;
-function EmailOTPInput({
-  otpEmailData,
-  setOtpEmailData
-}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
-  const { crossmintAuth } = useCrossmintAuth();
-  const { appearance, setDialogOpen, setStep, setError } = useAuthForm();
-  const [token, setToken] = _react.useState.call(void 0, "");
-  const [hasError, setHasError] = _react.useState.call(void 0, false);
-  const [loading, setLoading] = _react.useState.call(void 0, false);
-  const handleOnSubmitOTP = () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a2, _b2;
-    setLoading(true);
-    try {
-      const oneTimeSecret = yield crossmintAuth == null ? void 0 : crossmintAuth.confirmEmailOtp(
-        (_a2 = otpEmailData == null ? void 0 : otpEmailData.email) != null ? _a2 : "",
-        (_b2 = otpEmailData == null ? void 0 : otpEmailData.emailId) != null ? _b2 : "",
-        token
-      );
-      yield crossmintAuth == null ? void 0 : crossmintAuth.handleRefreshAuthMaterial(oneTimeSecret);
-      setDialogOpen(false, true);
-      setStep("initial");
-    } catch (error) {
-      console.error("Error confirming email OTP", error);
-      setError("Invalid code. Please try again.");
-      setHasError(true);
-    } finally {
-      setLoading(false);
-    }
-  });
-  const handleOnResendCode = () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a2;
-    try {
-      yield crossmintAuth == null ? void 0 : crossmintAuth.sendEmailOtp((_a2 = otpEmailData == null ? void 0 : otpEmailData.email) != null ? _a2 : "");
-    } catch (_e2) {
-      setError("Failed to resend code. Please try again.");
-    }
-  });
-  const handleOnBack = () => {
-    setStep("initial");
-    setOtpEmailData(null);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      AuthFormBackButton,
-      {
-        onClick: handleOnBack,
-        iconColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary,
-        ringColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.accent
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-start w-full", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative left-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkURKPLEPVcjs.EmailOtpIcon,
-        {
-          customAccentColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.accent,
-          customButtonBackgroundColor: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.buttonBackground,
-          customBackgroundColor: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.background
-        }
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "p",
-        {
-          className: "text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",
-          style: { color: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textPrimary },
-          children: "Check your email"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "p",
-        {
-          className: "text-center text-cm-text-secondary px-4",
-          style: { color: (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.textSecondary },
-          children: [
-            "A temporary login code has been sent to",
-            " ",
-            (otpEmailData == null ? void 0 : otpEmailData.email) ? otpEmailData.email : "your email address"
-          ]
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMH37OJT2cjs.InputOTP,
-        {
-          maxLength: EMAIL_VERIFICATION_TOKEN_LENGTH,
-          value: token,
-          onChange: (val) => {
-            setToken(val);
-            setHasError(false);
-            setError(null);
-          },
-          onComplete: handleOnSubmitOTP,
-          disabled: loading,
-          customStyles: {
-            accent: (_i = (_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.accent) != null ? _i : "#04AA6D",
-            danger: (_k = (_j = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _j.danger) != null ? _k : "#f44336",
-            border: (_m = (_l = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _l.border) != null ? _m : "#E5E7EB",
-            textPrimary: (_o = (_n = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _n.textPrimary) != null ? _o : "#909ca3",
-            buttonBackground: (_q = (_p = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _p.buttonBackground) != null ? _q : "#eff6ff",
-            inputBackground: (_s = (_r = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _r.inputBackground) != null ? _s : "#FFFFFF",
-            borderRadius: appearance == null ? void 0 : appearance.borderRadius
-          },
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMH37OJT2cjs.InputOTPGroup, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 0, hasError }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 1, hasError }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 2, hasError }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 3, hasError }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 4, hasError }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 5, hasError })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs leading-tight text-cm-text-secondary text-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: (_t = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _t.textSecondary }, children: [
-        "Can't find the email? Check spam folder.",
-        "\n",
-        "Some emails may take several minutes to arrive."
-      ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2DG4R653cjs.CountdownButton,
-        {
-          initialSeconds: 60,
-          appearance,
-          countdownText: (seconds) => `Re-send code in ${seconds}s`,
-          countdownCompleteText: "Re-send code",
-          handleOnClick: handleOnResendCode
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/auth/methods/email/EmailSignIn.tsx
-
-
-
-
-// src/hooks/useOAuthWindowListener.ts
-var _clientsdkwindow = require('@crossmint/client-sdk-window');
-
-var _zod = require('zod');
-var useOAuthWindowListener = (provider) => {
-  const { crossmintAuth } = useCrossmintAuth();
-  const { oauthUrlMap, setError } = useAuthForm();
-  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
-  const childRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (childRef.current == null) {
-      childRef.current = new (0, _clientsdkwindow.ChildWindow)(window.opener || window.parent, "*", {
-        incomingEvents
-      });
-    }
-    return () => {
-      if (childRef.current != null) {
-        childRef.current.off("authMaterialFromPopupCallback");
-      }
-    };
-  }, []);
-  const createPopupAndSetupListeners = (providerLoginHint) => _chunk4DAZAO6Ycjs.__async.call(void 0, void 0, null, function* () {
-    if (childRef.current == null) {
-      throw new Error("Child window not initialized");
-    }
-    setIsLoading(true);
-    setError(null);
-    const baseUrl = new URL(oauthUrlMap[provider]);
-    if (providerLoginHint != null) {
-      const existingParams = Array.from(baseUrl.searchParams.entries());
-      baseUrl.search = "";
-      if (providerLoginHint) {
-        baseUrl.searchParams.append("provider_login_hint", providerLoginHint);
-      }
-      existingParams.forEach(([key, value]) => {
-        baseUrl.searchParams.append(key, value);
-      });
-    }
-    const popup = yield _clientsdkwindow.PopupWindow.init(baseUrl.toString(), {
-      awaitToLoad: false,
-      crossOrigin: true,
-      width: 400,
-      height: 700
-    });
-    const handleAuthMaterial = (data) => _chunk4DAZAO6Ycjs.__async.call(void 0, void 0, null, function* () {
-      var _a;
-      yield crossmintAuth == null ? void 0 : crossmintAuth.handleRefreshAuthMaterial(data.oneTimeSecret);
-      (_a = childRef.current) == null ? void 0 : _a.off("authMaterialFromPopupCallback");
-      popup.window.close();
-      setIsLoading(false);
-    });
-    const handleError = (data) => {
-      var _a;
-      setError(data.error);
-      (_a = childRef.current) == null ? void 0 : _a.off("errorFromPopupCallback");
-      popup.window.close();
-      setIsLoading(false);
-    };
-    childRef.current.on("authMaterialFromPopupCallback", handleAuthMaterial);
-    childRef.current.on("errorFromPopupCallback", handleError);
-    const checkWindowClosure = setInterval(() => {
-      var _a;
-      if (popup.window.closed) {
-        clearInterval(checkWindowClosure);
-        setIsLoading(false);
-        (_a = childRef.current) == null ? void 0 : _a.off("authMaterialFromPopupCallback");
-      }
-    }, 2500);
-  });
-  return {
-    createPopupAndSetupListeners,
-    isLoading
-  };
-};
-var incomingEvents = {
-  authMaterialFromPopupCallback: _zod.z.object({ oneTimeSecret: _zod.z.string() }),
-  errorFromPopupCallback: _zod.z.object({ error: _zod.z.string() })
-};
-
-// src/components/auth/methods/google/ContinueWithGoogle.tsx
-
-function ContinueWithGoogle({ emailInput, appearance }) {
-  var _a, _b, _c, _d;
-  const { createPopupAndSetupListeners, isLoading: isLoadingOAuthWindow } = useOAuthWindowListener("google");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      type: "button",
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "flex items-center gap-2 justify-center h-[32px] px-2.5 border border-cm-border rounded-xl bg-cm-background-primary",
-        "hover:bg-cm-hover focus:bg-cm-hover outline-none",
-        isLoadingOAuthWindow ? "cursor-not-allowed hover:bg-cm-muted-primary" : ""
-      ),
-      onClick: isLoadingOAuthWindow ? void 0 : () => createPopupAndSetupListeners(emailInput.trim().toLowerCase()),
-      style: {
-        backgroundColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.buttonBackground,
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH4TVOH5Vcjs.GoogleIcon, { className: "max-h-[18px] max-w-[18px] h-[18px] w-[18px]" }),
-        isLoadingOAuthWindow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkB7LYPQ4Kcjs.Spinner,
-          {
-            style: {
-              color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary,
-              fill: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary,
-              width: "18px",
-              height: "18px"
-            }
-          }
-        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-cm-accent", style: { color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.accent }, children: "Continue" })
-      ]
-    }
-  );
-}
-
-// src/components/auth/methods/email/EmailSignIn.tsx
-
-function EmailSignIn({ setOtpEmailData }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const { crossmintAuth } = useCrossmintAuth();
-  const { appearance, defaultEmail, setStep, setError } = useAuthForm();
-  const [emailInput, setEmailInput] = _react.useState.call(void 0, defaultEmail != null ? defaultEmail : "");
-  const [emailError, setEmailError] = _react.useState.call(void 0, "");
-  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
-  const showGoogleContinueButton = emailInput.toLowerCase().includes("@gmail.com") && !emailInput.toLowerCase().includes("+") && _commonsdkauth.isEmailValid.call(void 0, emailInput) && !isLoading;
-  function handleOnSubmit(e) {
-    return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-      e.preventDefault();
-      setIsLoading(true);
-      try {
-        const trimmedEmailInput = emailInput.trim().toLowerCase();
-        const emailSignInRes = yield crossmintAuth == null ? void 0 : crossmintAuth.sendEmailOtp(trimmedEmailInput);
-        setOtpEmailData({ email: trimmedEmailInput, emailId: emailSignInRes.emailId });
-        setStep("otp");
-      } catch (_e2) {
-        setIsLoading(false);
-        setError("Failed to send email. Please try again or contact support.");
-      }
-    });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col items-start justify-start w-full rounded-lg", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "label",
-      {
-        className: "text-cm-text-primary block mb-[5px]",
-        style: { color: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary },
-        children: "Email"
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "form",
-      {
-        role: "form",
-        className: "relative",
-        onSubmit: (e) => {
-          if (showGoogleContinueButton) {
-            e.preventDefault();
-            return;
-          }
-          if (_commonsdkauth.isEmailValid.call(void 0, emailInput)) {
-            handleOnSubmit(e);
-          } else {
-            e.preventDefault();
-          }
-        },
-        noValidate: true,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "emailInput", className: "sr-only", children: "Email" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "input",
-            {
-              className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-                "flex-grow text-cm-text-primary text-left pl-[16px] h-[58px] w-full border border-cm-border rounded-xl bg-cm-background-primary placeholder:text-md",
-                "transition-none duration-200 ease-in-out",
-                "focus:outline-none focus-ring-custom",
-                // Add focus ring
-                "placeholder:[color:var(--placeholder-color)]",
-                emailError ? "border-red-500" : "",
-                showGoogleContinueButton ? "pr-[132px]" : "pr-[80px]"
-              ),
-              style: {
-                color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary,
-                borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-                borderColor: emailError ? (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.danger : (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.border,
-                backgroundColor: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.inputBackground,
-                // @ts-expect-error Add custom placeholder & ring color to tailwind
-                "--placeholder-color": (_g = (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textSecondary) != null ? _g : "#67797F",
-                "--focus-ring-color": new (0, _color2.default)((_i = (_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.accent) != null ? _i : "#04AA6D").alpha(0.18).toString()
-              },
-              type: "email",
-              placeholder: "your@email.com",
-              value: emailInput,
-              onChange: (e) => {
-                setEmailInput(e.target.value);
-                setEmailError("");
-                setError(null);
-              },
-              readOnly: isLoading,
-              "aria-describedby": "emailError"
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-y-0 right-0 flex items-center pr-4", children: [
-            emailError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZMSST6ZZcjs.AlertIcon, { customColor: (_j = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _j.danger }),
-            isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkB7LYPQ4Kcjs.Spinner,
-              {
-                style: {
-                  color: (_k = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _k.textSecondary,
-                  fill: (_l = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _l.textPrimary
-                }
-              }
-            ),
-            showGoogleContinueButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContinueWithGoogle, { emailInput, appearance }) : !emailError && !isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                type: "submit",
-                className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-                  "font-medium text-cm-accent text-nowrap bg-cm-background-primary",
-                  !_commonsdkauth.isEmailValid.call(void 0, emailInput) ? "!cursor-not-allowed opacity-60" : "cursor-pointer"
-                ),
-                style: {
-                  color: (_m = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _m.accent,
-                  backgroundColor: (_n = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _n.inputBackground
-                },
-                disabled: !_commonsdkauth.isEmailValid.call(void 0, emailInput) || isLoading,
-                children: "Submit"
-              }
-            ) : null
-          ] })
-        ]
-      }
-    ),
-    emailError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-red-500 mb-2 pt-2", children: emailError })
-  ] }) }) });
-}
-
-// src/components/auth/methods/email/EmailAuthFlow.tsx
-
-function EmailAuthFlow() {
-  const { step } = useAuthForm();
-  const [otpEmailData, setOtpEmailData] = _react.useState.call(void 0, null);
-  if (step === "otp") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmailOTPInput, { otpEmailData, setOtpEmailData });
-  }
-  if (step === "initial") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmailSignIn, { setOtpEmailData });
-  }
-  return null;
-}
-
-// src/components/common/Divider.tsx
-
-function Divider({ appearance, text }) {
-  var _a, _b, _c;
-  const { step } = useAuthForm();
-  if (step !== "initial") {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-center w-full pt-2 pb-3", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-full h-[1px] bg-cm-border", style: { backgroundColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.border } }),
-    text != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "p",
-      {
-        className: "flex-none px-2 text-sm text-cm-text-primary",
-        style: { color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary },
-        children: text
-      }
-    ) : null,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-full h-[1px] bg-cm-border", style: { backgroundColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.border } })
-  ] });
-}
-
-// src/components/auth/methods/google/GoogleSignIn.tsx
-
-function GoogleSignIn(_a) {
-  var props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _a, []);
-  var _a2, _b, _c, _d;
-  const { step, appearance, isLoadingOauthUrlMap } = useAuthForm();
-  const { createPopupAndSetupListeners, isLoading: isLoadingOAuthWindow } = useOAuthWindowListener("google");
-  const isLoading = isLoadingOauthUrlMap || isLoadingOAuthWindow;
-  if (step !== "initial") {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
-        "transition-colors duration-200 ease-in-out",
-        "hover:bg-cm-hover focus:bg-cm-hover outline-none",
-        isLoading ? "cursor-not-allowed hover:bg-cm-muted-primary" : ""
-      ),
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        backgroundColor: (_a2 = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a2.buttonBackground
-      },
-      onClick: isLoading ? void 0 : () => createPopupAndSetupListeners()
-    }, props), {
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH4TVOH5Vcjs.GoogleIcon, { className: "max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]" }),
-          isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkB7LYPQ4Kcjs.Spinner,
-            {
-              style: {
-                color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary,
-                fill: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary
-              }
-            }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: "font-medium",
-              style: { margin: "0px 32px", color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary },
-              children: "Sign in with Google"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Sign in with Google" })
-      ]
-    })
-  );
-}
-
-// src/components/auth/methods/farcaster/FarcasterSignIn.tsx
-
-var _authkit = require('@farcaster/auth-kit');
-
-function FarcasterSignIn() {
-  var _a, _b;
-  const { step, appearance, setStep, setError } = useAuthForm();
-  if (step === "initial") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-          "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
-          "transition-colors duration-200 ease-in-out",
-          "hover:bg-cm-hover focus:bg-cm-hover outline-none"
-        ),
-        style: {
-          borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-          backgroundColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.buttonBackground
-        },
-        onClick: () => {
-          setStep("qrCode");
-          setError(null);
-        },
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHPOZ6I54cjs.FarcasterIcon, { className: "max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: "font-medium",
-              style: { margin: "0px 32px", color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary },
-              children: "Sign in with Farcaster"
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Sign in with Farcaster" })
-        ]
-      }
-    ) });
-  }
-  if (step === "qrCode") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FarcasterQRCode, {});
-  }
-  return null;
-}
-function FarcasterQRCode() {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const { crossmintAuth } = useCrossmintAuth();
-  const { appearance, setStep, setDialogOpen, setError } = useAuthForm();
-  const [farcasterData, setFarcasterData] = _react.useState.call(void 0, null);
-  const farcasterProps = _react.useMemo.call(void 0, 
-    () => ({
-      onSuccess: (data) => {
-        setFarcasterData(data);
-      }
-    }),
-    []
-  );
-  const { signIn, url: qrCodeUrl, connect, signOut, isConnected } = _authkit.useSignIn.call(void 0, farcasterProps);
-  const handleFarcasterSignIn = (data) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    setError(null);
-    try {
-      const oneTimeSecret = yield crossmintAuth == null ? void 0 : crossmintAuth.signInWithFarcaster(data);
-      yield crossmintAuth == null ? void 0 : crossmintAuth.handleRefreshAuthMaterial(oneTimeSecret);
-      setDialogOpen(false);
-      setStep("initial");
-    } catch (error) {
-      console.error("Error during Farcaster sign-in:", error);
-      setError("Failed to sign in with Farcaster");
-    }
-  });
-  _react.useEffect.call(void 0, () => {
-    if (farcasterData != null) {
-      handleFarcasterSignIn(farcasterData);
-    }
-  }, [farcasterData]);
-  _react.useEffect.call(void 0, () => {
-    if (isConnected) {
-      signIn();
-    }
-  }, [isConnected]);
-  _react.useEffect.call(void 0, () => {
-    connect();
-  }, []);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      AuthFormBackButton,
-      {
-        onClick: () => {
-          signOut();
-          setStep("initial");
-        },
-        iconColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary,
-        ringColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.accent
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "h3",
-          {
-            className: "text-lg font-semibold text-cm-text-primary mb-2",
-            style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary },
-            children: "Sign in with Farcaster"
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "p",
-          {
-            className: "text-base font-normal text-cm-text-secondary",
-            style: { color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textSecondary },
-            children: "Scan with your phone's camera to continue."
-          }
-        )
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "bg-white aspect-square rounded-lg p-4",
-          style: {
-            backgroundColor: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.inputBackground,
-            borderRadius: appearance == null ? void 0 : appearance.borderRadius
-          },
-          children: qrCodeUrl != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _authkit.QRCode, { uri: qrCodeUrl, size: 280 }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[246px] flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkB7LYPQ4Kcjs.Spinner,
-            {
-              style: {
-                color: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textSecondary,
-                fill: (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.textPrimary
-              }
-            }
-          ) })
-        }
-      ),
-      qrCodeUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "p",
-          {
-            className: "text-base text-center font-normal text-cm-text-secondary",
-            style: { color: (_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.textSecondary },
-            children: "Alternatively, click on this link to open Warpcast."
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "a",
-          {
-            href: qrCodeUrl,
-            rel: "noopener noreferrer",
-            target: "_blank",
-            className: "text-base font-normal text-cm-link",
-            style: { color: (_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.textLink },
-            children: "Open Warpcast"
-          }
-        )
-      ] }) : null
-    ] })
-  ] });
-}
-
-// src/components/auth/methods/twitter/TwitterSignIn.tsx
-
-function TwitterSignIn(_a) {
-  var props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _a, []);
-  var _a2, _b, _c, _d;
-  const { step, appearance, isLoadingOauthUrlMap } = useAuthForm();
-  const { createPopupAndSetupListeners, isLoading: isLoadingOAuthWindow } = useOAuthWindowListener("twitter");
-  const isLoading = isLoadingOauthUrlMap || isLoadingOAuthWindow;
-  if (step !== "initial") {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
-        "transition-colors duration-200 ease-in-out",
-        "hover:bg-cm-hover focus:bg-cm-hover outline-none",
-        isLoading ? "cursor-not-allowed hover:bg-cm-muted-primary" : ""
-      ),
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        backgroundColor: (_a2 = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a2.buttonBackground
-      },
-      onClick: isLoading ? void 0 : () => createPopupAndSetupListeners()
-    }, props), {
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5RDAQSJKcjs.TwitterIcon, { className: "max-h-[25px] max-w-[25px] h-[25px] w-[25px] absolute left-[18px]" }),
-          isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkB7LYPQ4Kcjs.Spinner,
-            {
-              style: {
-                color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary,
-                fill: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary
-              }
-            }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: "font-medium",
-              style: { margin: "0px 32px", color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary },
-              children: "Sign in with X"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Sign in with X" })
-      ]
-    })
-  );
-}
-
-// src/components/auth/methods/web3/Web3AuthFlowButton.tsx
-
-function Web3AuthFlowButton() {
-  var _a, _b, _c, _d, _e;
-  const { step, appearance, setStep, setError } = useAuthForm();
-  if (step !== "initial") {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
-        "transition-colors duration-200 ease-in-out",
-        "hover:bg-cm-hover focus:bg-cm-hover outline-none"
-      ),
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        borderColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.border,
-        backgroundColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.buttonBackground
-      },
-      onClick: () => {
-        setStep("web3");
-        setError(null);
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkKNOUJZN5cjs.WalletIcon,
-          {
-            className: "h-[21px] w-[21px] absolute left-[20px]",
-            style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", style: { margin: "0px 32px", color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary }, children: "Continue with a wallet" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAXZLLRBUcjs.ChevronRightIcon,
-          {
-            className: "h-[21px] w-[21px] absolute right-[20px]",
-            style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textSecondary }
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Continue with a wallet" })
-      ]
-    }
-  );
-}
-
-// src/components/auth/methods/web3/Web3Connectors.tsx
-var _sdkreactcore = require('@dynamic-labs/sdk-react-core');
-
-function Web3Connectors() {
-  var _a, _b;
-  const { appearance, step, setStep } = useAuthForm();
-  if (step === "web3") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        AuthFormBackButton,
-        {
-          onClick: () => setStep("initial"),
-          iconColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary,
-          ringColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.accent
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-[10px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "widget-container", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _sdkreactcore.DynamicEmbeddedWidget, { background: "none" }) }) }) })
-    ] });
-  }
-  return null;
-}
-
-// src/components/auth/methods/web3/Web3AuthFlow.tsx
-
-function Web3AuthFlow() {
-  const { step } = useAuthForm();
-  if (step.startsWith("web3")) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Web3Connectors, {});
-  }
-  if (step === "initial") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Web3AuthFlowButton, {});
-  }
-  return null;
-}
-
-// src/components/auth/AuthForm.tsx
-
-function AuthForm({ className }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const { step, appearance, loginMethods, baseUrl, error, termsOfServiceText, authModalTitle } = useAuthForm();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none",
-        className
-      ),
-      children: [
-        error != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: "flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted",
-            style: {
-              backgroundColor: new (0, _color2.default)((_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.danger) != null ? _b : "#f44336").alpha(0.12).toString()
-            },
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-[20px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZMSST6ZZcjs.AlertIcon, { customColor: (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.danger) != null ? _d : "#f44336" }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ml-2 text-sm", style: { color: (_f = (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.danger) != null ? _f : "#f44336" }, children: error })
-            ]
-          }
-        ) : null,
-        step === "initial" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "h1",
-            {
-              className: "text-2xl font-bold text-cm-text-primary",
-              style: { color: (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.textPrimary },
-              children: authModalTitle != null ? authModalTitle : "Sign in to Crossmint"
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "p",
-            {
-              className: "text-base font-normal mb-3 text-cm-text-secondary",
-              style: { color: (_h = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _h.textSecondary },
-              children: "Access using one of the options below."
-            }
-          )
-        ] }) : null,
-        loginMethods.includes("google") ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GoogleSignIn, {}) : null,
-        loginMethods.includes("farcaster") ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQQXBYOKAcjs.FarcasterProvider, { baseUrl, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FarcasterSignIn, {}) }) : null,
-        loginMethods.includes("twitter") ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TwitterSignIn, {}) : null,
-        loginMethods.some((method) => method.startsWith("web3")) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Web3AuthFlow, {}) : null,
-        loginMethods.includes("email") ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          loginMethods.length > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Divider, { appearance, text: "OR" }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmailAuthFlow, {})
-        ] }) : null,
-        step === "initial" && termsOfServiceText != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: "text-sm text-center text-cm-text-secondary mt-2",
-            style: { color: (_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.textSecondary },
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { children: `
-                        p a {
-                            color: ${(_k = (_j = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _j.textLink) != null ? _k : "#1A74E9"};
-                        }
-                    ` }),
-              termsOfServiceText
-            ]
-          }
-        ) : null,
-        step === "initial" || step === "otp" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFHPIRUUDcjs.SecuredByCrossmint,
-          {
-            className: "mt-1.5 md:mt-4 justify-center",
-            color: (_m = (_l = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _l.textSecondary) != null ? _m : "#67797F"
-          }
-        ) : null
-      ]
-    }
-  );
-}
-
-// src/components/auth/AuthFormDialog.tsx
-
-
-function AuthFormDialog({ open }) {
-  var _a, _b, _c;
-  const { appearance, setDialogOpen } = useAuthForm();
-  _react.useEffect.call(void 0, () => {
-    document.body.style.overflow = open ? "hidden" : "";
-  }, [open]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEAESLKVcjs.Dialog, { modal: false, open, onOpenChange: setDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkLEAESLKVcjs.DialogContent,
-    {
-      onInteractOutside: (e) => e.preventDefault(),
-      onOpenAutoFocus: (e) => e.preventDefault(),
-      closeButtonColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary,
-      closeButtonRingColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.accent,
-      className: "!p-0 !min-[480px]:p-0",
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        backgroundColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.background
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEAESLKVcjs.DialogTitle, { children: "Crossmint Auth" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEAESLKVcjs.DialogDescription, { children: "Sign in via Crossmint" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AuthForm, { className: "max-w-[448px]" })
-      ]
-    }
-  ) });
-}
-
-// src/providers/auth/web3/DynamicWeb3WalletConnect.tsx
-
-var _ethereum = require('@dynamic-labs/ethereum');
-var _solana = require('@dynamic-labs/solana');
-
-function DynamicWeb3WalletConnect({
-  children,
-  apiKeyEnvironment,
-  enabled
-}) {
-  var _a, _b;
-  const { crossmintAuth } = useCrossmintAuth();
-  const { appearance, loginMethods } = useAuthForm();
-  let connectors = enabled ? [_ethereum.EthereumWalletConnectors, _solana.SolanaWalletConnectors] : void 0;
-  if (loginMethods.includes("web3:evm-only")) {
-    connectors = [_ethereum.EthereumWalletConnectors];
-  } else if (loginMethods.includes("web3:solana-only")) {
-    connectors = [_solana.SolanaWalletConnectors];
-  }
-  const cssOverrides = `.powered-by-dynamic { display: none !important; } .wallet-list__scroll-container { padding: 0px !important; } .wallet-list__search-container { padding-left: 0px !important; padding-right: 0px !important; } .dynamic-footer { display: none !important; } h1 { color: ${(_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary} !important; } * { color: ${(_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary} !important; }`;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7EPTEGBPcjs.DynamicContextProviderWrapper,
-    {
-      apiKeyEnvironment,
-      settings: {
-        walletConnectors: connectors,
-        cssOverrides,
-        events: {
-          onWalletRemoved() {
-            console.log("[CryptoWalletConnectionHandler] onWalletRemoved");
-          },
-          onAuthFlowCancel() {
-            console.log("[CryptoWalletConnectionHandler] onAuthFlowCancel");
-          },
-          onAuthFlowClose() {
-            console.log("[CryptoWalletConnectionHandler] onAuthFlowClose");
-          },
-          onAuthFailure(data, reason) {
-            console.error("[CryptoWalletConnectionHandler] onAuthFailure", data, reason);
-          },
-          onAuthSuccess(data) {
-            console.log("[CryptoWalletConnectionHandler] onAuthSuccess", data);
-          }
-        },
-        handlers: {
-          handleConnectedWallet: (args) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-            var _a2;
-            console.log("[CryptoWalletConnectionHandler] handleConnectedWallet", args);
-            const address = args.address;
-            if (!address) {
-              console.error("[CryptoWalletConnectionHandler] handleConnectedWallet: address is missing");
-              return false;
-            }
-            const chain = yield _chunkXW53XESIcjs.dynamicChainToCrossmintChain.call(void 0, args);
-            const type = chain === "solana" ? "solana" : "evm";
-            try {
-              const res = yield crossmintAuth == null ? void 0 : crossmintAuth.signInWithSmartWallet(address, type);
-              const rawSignature = yield (_a2 = args.connector) == null ? void 0 : _a2.proveOwnership(
-                address,
-                res.challenge
-              );
-              let signature = rawSignature;
-              if (type === "solana") {
-                const signatureBuffer = Buffer.from(rawSignature, "base64");
-                signature = _bs582.default.encode(signatureBuffer);
-              }
-              const authResponse = yield crossmintAuth == null ? void 0 : crossmintAuth.authenticateSmartWallet(
-                address,
-                type,
-                signature
-              );
-              const oneTimeSecret = authResponse.oneTimeSecret;
-              yield crossmintAuth == null ? void 0 : crossmintAuth.handleRefreshAuthMaterial(oneTimeSecret);
-            } catch (error) {
-              console.error("[CryptoWalletConnectionHandler] Error authenticating wallet:", error);
-              false;
-            }
-            return true;
-          })
-        }
-      },
-      children
-    },
-    `${apiKeyEnvironment}-${loginMethods.join(",")}`
-  );
-}
-
-// src/providers/CrossmintAuthProvider.tsx
-
-var defaultContextValue = {
-  crossmintAuth: void 0,
-  login: () => {
-  },
-  logout: () => {
-  },
-  jwt: void 0,
-  user: void 0,
-  status: "initializing",
-  getUser: () => {
-  }
-};
-var AuthContext = _react.createContext.call(void 0, defaultContextValue);
-var defaultEmbeddedWallets = {
-  createOnLogin: "off",
-  type: "evm-smart-wallet",
-  experimental_enableRecoveryKeys: false
-};
-function CrossmintAuthProvider({
-  embeddedWallets = defaultEmbeddedWallets,
-  children,
-  appearance,
-  termsOfServiceText,
-  prefetchOAuthUrls = true,
-  authModalTitle,
-  onLoginSuccess,
-  loginMethods = ["email", "google"],
-  refreshRoute,
-  logoutRoute
-}) {
-  var _a;
-  const [user, setUser] = _react.useState.call(void 0, void 0);
-  const { crossmint, setJwt } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, "CrossmintAuthProvider must be used within CrossmintProvider");
-  const crossmintAuthRef = _react.useRef.call(void 0, null);
-  const crossmintAuth = _react.useMemo.call(void 0, () => {
-    if (!crossmintAuthRef.current) {
-      crossmintAuthRef.current = _clientsdkauth.CrossmintAuth.from(crossmint, {
-        callbacks: {
-          onLogout: () => {
-            setJwt(void 0);
-            setUser(void 0);
-          },
-          onTokenRefresh: (authMaterial) => {
-            setJwt(authMaterial.jwt);
-            setUser(authMaterial.user);
-          }
-        },
-        refreshRoute,
-        logoutRoute
-      });
-    }
-    return crossmintAuthRef.current;
-  }, []);
-  const crossmintBaseUrl = _commonsdkbase.validateApiKeyAndGetCrossmintBaseUrl.call(void 0, crossmint.apiKey);
-  const [dialogOpen, setDialogOpen] = _react.useState.call(void 0, false);
-  const [initialized, setInitialized] = _react.useState.call(void 0, false);
-  const [defaultEmail, setDefaultEmail] = _react.useState.call(void 0, void 0);
-  const [isDynamicSdkLoaded, setIsDynamicSdkLoaded] = _react.useState.call(void 0, false);
-  const isWeb3Enabled = loginMethods.some((method) => method.startsWith("web3"));
-  const triggerHasJustLoggedIn = _react.useCallback.call(void 0, () => {
-    onLoginSuccess == null ? void 0 : onLoginSuccess();
-  }, [onLoginSuccess]);
-  _react.useEffect.call(void 0, () => {
-    if (crossmint.jwt == null) {
-      const jwt = _clientsdkauth.getCookie.call(void 0, _commonsdkauth.SESSION_PREFIX);
-      setJwt(jwt);
-    }
-    setInitialized(true);
-  }, [crossmint.jwt, setJwt]);
-  _react.useEffect.call(void 0, () => {
-    if (crossmint.jwt != null && dialogOpen) {
-      setDialogOpen(false);
-      triggerHasJustLoggedIn();
-    }
-  }, [crossmint.jwt, dialogOpen, triggerHasJustLoggedIn]);
-  const login = _react.useCallback.call(void 0, 
-    (defaultEmail2) => {
-      if (crossmint.jwt != null) {
-        console.log("User already logged in");
-        return;
-      }
-      if (defaultEmail2 != null && typeof defaultEmail2 === "string") {
-        setDefaultEmail(defaultEmail2);
-      }
-      setDialogOpen(true);
-    },
-    [crossmint.jwt]
-  );
-  const logout = _react.useCallback.call(void 0, () => {
-    crossmintAuth.logout();
-  }, [crossmintAuth]);
-  const getAuthStatus = _react.useCallback.call(void 0, () => {
-    if (!initialized) {
-      return "initializing";
-    }
-    if (isWeb3Enabled && !isDynamicSdkLoaded) {
-      return "initializing";
-    }
-    if (crossmint.jwt != null) {
-      return "logged-in";
-    }
-    if (dialogOpen) {
-      return "in-progress";
-    }
-    return "logged-out";
-  }, [initialized, crossmint.jwt, dialogOpen, isDynamicSdkLoaded, isWeb3Enabled]);
-  const getUser = _react.useCallback.call(void 0, () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    if (crossmint.jwt == null) {
-      console.log("User not logged in");
-      return;
-    }
-    const user2 = yield crossmintAuth.getUser();
-    setUser(user2);
-  }), [crossmint.jwt, crossmintAuth]);
-  const authContextValue = _react.useMemo.call(void 0, 
-    () => ({
-      crossmintAuth,
-      login,
-      logout,
-      jwt: crossmint.jwt,
-      user,
-      status: getAuthStatus(),
-      getUser
-    }),
-    [crossmintAuth, login, logout, crossmint.jwt, user, getAuthStatus, getUser]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKQ4YOEXcjs.TwindProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AuthContext.Provider, { value: authContextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    CrossmintWalletProvider,
-    {
-      showPasskeyHelpers: embeddedWallets.showPasskeyHelpers,
-      appearance,
-      experimental_enableRecoveryKeys: (_a = embeddedWallets.experimental_enableRecoveryKeys) != null ? _a : false,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        AuthFormProvider,
-        {
-          setDialogOpen: (open, successfulLogin) => {
-            setDialogOpen(open);
-            if (successfulLogin) {
-              triggerHasJustLoggedIn();
-            }
-          },
-          preFetchOAuthUrls: getAuthStatus() === "logged-out" && prefetchOAuthUrls,
-          initialState: {
-            appearance,
-            loginMethods,
-            termsOfServiceText,
-            authModalTitle,
-            embeddedWallets,
-            baseUrl: crossmintBaseUrl,
-            defaultEmail
-          },
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            DynamicWeb3WalletConnect,
-            {
-              enabled: isWeb3Enabled,
-              apiKeyEnvironment: crossmint.apiKey.includes("production") ? "production" : "staging",
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  WalletManager,
-                  {
-                    embeddedWallets,
-                    accessToken: crossmint.jwt,
-                    setIsDynamicSdkLoaded,
-                    isWeb3Enabled
-                  }
-                ),
-                children,
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AuthFormDialog, { open: dialogOpen })
-              ]
-            }
-          )
-        }
-      )
-    },
-    crossmint.jwt
-  ) }) });
-}
-function WalletManager({
-  embeddedWallets,
-  accessToken,
-  setIsDynamicSdkLoaded,
-  isWeb3Enabled
-}) {
-  const { getOrCreateWallet, clearWallet, status: walletStatus } = useWallet();
-  const { sdkHasLoaded, getAdminSigner, cleanup, isDynamicWalletConnected } = _chunkC3MY2FNDcjs.useDynamicConnect.call(void 0, 
-    isWeb3Enabled,
-    setIsDynamicSdkLoaded,
-    accessToken
-  );
-  const { createOnLogin, adminSigner: defaultAdminSigner, linkedUser } = embeddedWallets;
-  const canGetOrCreateWallet = createOnLogin === "all-users" && walletStatus === "not-loaded" && accessToken != null && sdkHasLoaded;
-  const handleWalletCreation = _react.useCallback.call(void 0, () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a, _b;
-    if (!canGetOrCreateWallet) {
-      return;
-    }
-    let adminSigner = defaultAdminSigner;
-    let walletType = embeddedWallets.type;
-    if (isDynamicWalletConnected) {
-      adminSigner = (_a = yield getAdminSigner()) != null ? _a : adminSigner;
-      walletType = (_b = _chunkI22MLYYWcjs.mapSignerToWalletType.call(void 0, adminSigner == null ? void 0 : adminSigner.type)) != null ? _b : walletType;
-    }
-    if (!isDynamicWalletConnected && embeddedWallets.type == null) {
-      console.error(
-        "[CrossmintAuthProvider] \u26A0\uFE0F embeddedWallets.type is required when no external wallet is connected"
-      );
-      return;
-    }
-    getOrCreateWallet({
-      type: walletType,
-      args: {
-        adminSigner,
-        linkedUser
-      }
-    });
-  }), [canGetOrCreateWallet, getOrCreateWallet, linkedUser, defaultAdminSigner, embeddedWallets.type, getAdminSigner]);
-  const handleWalletCleanup = _react.useCallback.call(void 0, () => {
-    if (accessToken == null && walletStatus === "loaded") {
-      clearWallet();
-    }
-    cleanup();
-  }, [walletStatus, accessToken, clearWallet, cleanup]);
-  _react.useEffect.call(void 0, () => {
-    handleWalletCreation();
-    handleWalletCleanup();
-  }, [handleWalletCreation, handleWalletCleanup]);
-  return null;
-}
-
-// src/hooks/useAuth.ts
-function useAuth() {
-  const context = _react.useContext.call(void 0, AuthContext);
-  if (context === void 0) {
-    throw new Error("useAuth must be used within an AuthProvider");
-  }
-  return context;
-}
-
-// src/providers/signers/CrossmintSignerProvider.tsx
-
-var DEFAULT_EVENT_OPTIONS = {
-  timeoutMs: 1e4,
-  intervalMs: 5e3
-};
-var CrossmintSignerContext = _react.createContext.call(void 0, null);
-function CrossmintSignerProvider({ children, setWalletState, appearance }) {
-  const {
-    crossmint: { apiKey, jwt }
-  } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
-  const smartWalletSDK = _react.useMemo.call(void 0, () => _walletssdk.CrossmintWallets.from({ apiKey, jwt }), [apiKey, jwt]);
-  const [step, setStep] = _react.useState.call(void 0, "initial");
-  const [dialogOpen, setDialogOpen] = _react.useState.call(void 0, false);
-  const iframeWindow = _chunkWO6OW46Hcjs.useSignerIFrameWindow.call(void 0, );
-  const successHandlerRef = _react.useRef.call(void 0, null);
-  const errorHandlerRef = _react.useRef.call(void 0, null);
-  const experimental_getOrCreateWalletWithRecoveryKey = (args) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a;
-    if (args.type !== "solana") {
-      throw new Error("Unsupported wallet type, only solana is supported at the moment");
-    }
-    if (!iframeWindow.current) {
-      throw new Error("IFrame window not initialized");
-    }
-    try {
-      setWalletState({ status: "in-progress" });
-      const signerResponse = yield (_a = iframeWindow.current) == null ? void 0 : _a.sendAction({
-        event: "request:get-public-key",
-        responseEvent: "response:get-public-key",
-        data: {
-          authData: {
-            jwt,
-            apiKey
-          },
-          data: {
-            chainLayer: "solana"
-          }
-        }
-      });
-      if (signerResponse.status === "success") {
-        yield getOrCreateSolanaWalletWithSigner(signerResponse.publicKey);
-        return;
-      }
-      if (args.email != null) {
-        yield handleEmailSubmit(args.email);
-        return;
-      }
-      return new Promise((resolve, reject) => {
-        setDialogOpen(true);
-        setStep("initial");
-        const cleanup = () => {
-          setDialogOpen(false);
-          setStep("initial");
-        };
-        const successHandler = () => {
-          cleanup();
-          resolve();
-        };
-        const errorHandler = (error) => {
-          cleanup();
-          reject(error);
-        };
-        successHandlerRef.current = successHandler;
-        errorHandlerRef.current = errorHandler;
-      });
-    } catch (error) {
-      console.error("There was an error creating a wallet ", error);
-      setWalletState(_chunkHIU3FK4Mcjs.deriveWalletErrorState.call(void 0, error));
-      throw error;
-    }
-  });
-  const handleOnGetOrCreateRecoveryKey = (email) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a;
-    try {
-      if (!iframeWindow.current) {
-        throw new Error("IFrame window not initialized");
-      }
-      if (jwt == null) {
-        throw new Error("JWT not set");
-      }
-      console.log("Creating Recovery Key");
-      const res = yield (_a = iframeWindow.current) == null ? void 0 : _a.sendAction({
-        event: "request:create-signer",
-        responseEvent: "response:create-signer",
-        data: {
-          authData: {
-            jwt,
-            apiKey
-          },
-          data: {
-            chainLayer: "solana",
-            authId: `email:${email}`
-          }
-        }
-      });
-      if (res.status === "error") {
-        throw new Error(res.error);
-      }
-      if (res.status === "success" && res.address != null) {
-        yield getOrCreateSolanaWalletWithSigner(res.address);
-        setStep("initial");
-        setDialogOpen(false);
-      }
-    } catch (err) {
-      console.error("There was an error creating a recovery key ", err);
-      throw err;
-    }
-  });
-  const handleEmailSubmit = (email) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a;
-    try {
-      yield handleOnGetOrCreateRecoveryKey(email);
-      setStep("otp");
-      setDialogOpen(true);
-    } catch (error) {
-      console.error("Error in email submission:", error);
-      (_a = errorHandlerRef.current) == null ? void 0 : _a.call(errorHandlerRef, error);
-      throw error;
-    }
-  });
-  const handleOTPSubmit = (token) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-    var _a, _b;
-    if (!iframeWindow.current) {
-      throw new Error("IFrame window not initialized");
-    }
-    if (jwt == null) {
-      throw new Error("JWT not set");
-    }
-    try {
-      const res = yield iframeWindow.current.sendAction({
-        event: "request:send-otp",
-        responseEvent: "response:send-otp",
-        data: {
-          authData: {
-            jwt,
-            apiKey
-          },
-          data: {
-            encryptedOtp: token,
-            chainLayer: "solana"
-          }
-        }
-      });
-      if (res.status === "error") {
-        throw new Error(res.error);
-      }
-      yield getOrCreateSolanaWalletWithSigner(res.address);
-      setStep("initial");
-      setDialogOpen(false);
-      (_a = successHandlerRef.current) == null ? void 0 : _a.call(successHandlerRef);
-    } catch (error) {
-      console.error("Error in OTP submission:", error);
-      (_b = errorHandlerRef.current) == null ? void 0 : _b.call(errorHandlerRef, error);
-      throw error;
-    }
-  });
-  function getOrCreateSolanaWalletWithSigner(publicSignerAddress) {
-    return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-      if (jwt == null) {
-        throw new Error("[getOrCreateSolanaWalletWithSigner] JWT not set!");
-      }
-      try {
-        const wallet = yield smartWalletSDK.getOrCreateWallet("solana-smart-wallet", {
-          adminSigner: {
-            type: "solana-keypair",
-            address: publicSignerAddress,
-            signer: {
-              signMessage: (message) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-                if (iframeWindow.current == null) {
-                  throw new Error("IFrame window not initialized");
-                }
-                const res = yield iframeWindow.current.sendAction({
-                  event: "request:sign-message",
-                  responseEvent: "response:sign-message",
-                  data: {
-                    authData: {
-                      jwt,
-                      apiKey
-                    },
-                    data: {
-                      message: _bs582.default.encode(message),
-                      chainLayer: "solana",
-                      encoding: "base58"
-                    }
-                  },
-                  options: DEFAULT_EVENT_OPTIONS
-                });
-                if (res.status === "error") {
-                  throw new Error(res.error);
-                }
-                if (res.signature == null) {
-                  throw new Error("Failed to sign message");
-                }
-                return _bs582.default.decode(res.signature);
-              }),
-              signTransaction: (transaction) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-                var _a;
-                console.log("Signing transaction...", transaction);
-                const res = yield (_a = iframeWindow.current) == null ? void 0 : _a.sendAction({
-                  event: "request:sign-transaction",
-                  responseEvent: "response:sign-transaction",
-                  data: {
-                    authData: {
-                      jwt,
-                      apiKey
-                    },
-                    data: {
-                      transaction: _bs582.default.encode(transaction.serialize()),
-                      chainLayer: "solana",
-                      encoding: "base58"
-                    }
-                  },
-                  options: DEFAULT_EVENT_OPTIONS
-                });
-                if ((res == null ? void 0 : res.status) === "error") {
-                  throw new Error(res.error);
-                }
-                if ((res == null ? void 0 : res.signature) == null) {
-                  throw new Error("Failed to sign transaction");
-                }
-                transaction.addSignature(new (0, _web3js.PublicKey)(publicSignerAddress), _bs582.default.decode(res.signature));
-                return transaction;
-              })
-            }
-          }
-        });
-        setWalletState({ status: "loaded", wallet, type: "solana-smart-wallet" });
-      } catch (error) {
-        console.error("Error creating wallet with signer:", error);
-        setWalletState(_chunkHIU3FK4Mcjs.deriveWalletErrorState.call(void 0, error));
-        throw error;
-      }
-    });
-  }
-  _react.useEffect.call(void 0, () => {
-    document.body.style.overflow = dialogOpen ? "hidden" : "";
-  }, [dialogOpen]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CrossmintSignerContext.Provider, { value: { experimental_getOrCreateWalletWithRecoveryKey }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUYMSOJYKcjs.EmailSignersDialog,
-      {
-        open: dialogOpen,
-        setOpen: setDialogOpen,
-        step,
-        setStep,
-        onSubmitOTP: handleOTPSubmit,
-        onResendOTPCode: (email) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-          yield handleOnGetOrCreateRecoveryKey(email);
-          setStep("otp");
-        }),
-        onSubmitEmail: handleEmailSubmit,
-        appearance
-      }
-    ),
-    children
-  ] });
-}
-function useCrossmintSigner({ enabled = true } = {}) {
-  const context = _react.useContext.call(void 0, CrossmintSignerContext);
-  if (!enabled) {
-    return {
-      experimental_getOrCreateWalletWithRecoveryKey: () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
-        yield Promise.reject(
-          new Error("useCrossmintSigner is disabled, please set 'experimental_enableRecoveryKeys' to true")
-        );
-      })
-    };
-  }
-  if (context === null) {
-    throw new Error("useCrossmintSigner must be used within a CrossmintSignerProvider");
-  }
-  return context;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.CrossmintSignerContext = CrossmintSignerContext; exports.CrossmintSignerProvider = CrossmintSignerProvider; exports.useCrossmintSigner = useCrossmintSigner; exports.WalletContext = WalletContext; exports.CrossmintWalletProvider = CrossmintWalletProvider; exports.useWallet = useWallet; exports.useCrossmintAuth = useCrossmintAuth; exports.useAuthForm = useAuthForm; exports.AuthFormProvider = AuthFormProvider; exports.AuthFormBackButton = AuthFormBackButton; exports.EMAIL_VERIFICATION_TOKEN_LENGTH = EMAIL_VERIFICATION_TOKEN_LENGTH; exports.EmailOTPInput = EmailOTPInput; exports.useOAuthWindowListener = useOAuthWindowListener; exports.ContinueWithGoogle = ContinueWithGoogle; exports.EmailSignIn = EmailSignIn; exports.EmailAuthFlow = EmailAuthFlow; exports.Divider = Divider; exports.GoogleSignIn = GoogleSignIn; exports.FarcasterSignIn = FarcasterSignIn; exports.TwitterSignIn = TwitterSignIn; exports.Web3AuthFlowButton = Web3AuthFlowButton; exports.Web3Connectors = Web3Connectors; exports.Web3AuthFlow = Web3AuthFlow; exports.AuthForm = AuthForm; exports.AuthFormDialog = AuthFormDialog; exports.DynamicWeb3WalletConnect = DynamicWeb3WalletConnect; exports.AuthContext = AuthContext; exports.CrossmintAuthProvider = CrossmintAuthProvider; exports.useAuth = useAuth;
-//# sourceMappingURL=chunk-QUZAE6AP.cjs.map