@crossmint/client-sdk-react-ui 1.10.5 → 1.10.7

package/dist/{chunk-T5WAVOPI.js → chunk-O53ZB544.js}

@@ -1,12 +1,3 @@
-import {
-  Web3ConnectorButton
-} from "./chunk-NFWMF6T7.js";
-import {
-  Web3Connector
-} from "./chunk-ZSWTJ6E7.js";
-import {
-  WagmiAuthProvider
-} from "./chunk-OZS4WEKF.js";
 import {
   FarcasterProvider
 } from "./chunk-A7J4DAE7.js";
@@ -39,19 +30,9 @@ import {
 import {
   LeftArrowIcon
 } from "./chunk-ZDQGQY7Z.js";
-import {
-  WalletIcon
-} from "./chunk-VZIXXIU5.js";
 import {
   AlertIcon
 } from "./chunk-7KIY6DLW.js";
-import {
-  metamaskIcon,
-  walletConnectIcon
-} from "./chunk-QFQWKKVU.js";
-import {
-  ChevronRightIcon
-} from "./chunk-3KR4GYLF.js";
 import {
   EmailOtpIcon
 } from "./chunk-I63FQCIV.js";
@@ -72,7 +53,7 @@ import {
 } from "./chunk-CRTRMMJ7.js";
 
 // src/providers/CrossmintWalletProvider.tsx
-import { createContext as createContext3, useMemo as useMemo3, useState as useState9 } from "react";
+import { createContext as createContext3, useMemo as useMemo3, useState as useState8 } from "react";
 import { createPortal } from "react-dom";
 import {
   SmartWalletError,
@@ -93,7 +74,7 @@ function useWallet() {
 import { useContext as useContext4 } from "react";
 
 // src/providers/CrossmintAuthProvider.tsx
-import { createContext as createContext2, useEffect as useEffect6, useMemo as useMemo2, useRef as useRef2, useState as useState8 } from "react";
+import { createContext as createContext2, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef2, useState as useState7 } from "react";
 import { CrossmintAuth, getCookie } from "@crossmint/client-sdk-auth";
 import { validateApiKeyAndGetCrossmintBaseUrl } from "@crossmint/common-sdk-base";
 import { SESSION_PREFIX } from "@crossmint/common-sdk-auth";
@@ -181,9 +162,13 @@ var AuthFormProvider = ({
     setError,
     setStep
   };
-  return /* @__PURE__ */ jsx(AuthFormContext.Provider, { value, children: /* @__PURE__ */ jsx(WagmiAuthProvider, { children }) });
+  return /* @__PURE__ */ jsx(AuthFormContext.Provider, { value, children });
 };
 
+// src/components/auth/AuthForm.tsx
+import { lazy } from "react";
+import Color2 from "color";
+
 // src/components/auth/methods/email/EmailAuthFlow.tsx
 import { useState as useState4 } from "react";
 
@@ -756,236 +741,20 @@ function FarcasterQRCode() {
   ] });
 }
 
-// src/components/auth/methods/web3/Web3AuthFlowButton.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-function Web3AuthFlowButton() {
-  var _a, _b, _c, _d, _e;
-  const { step, appearance, setStep, setError } = useAuthForm();
-  if (step !== "initial") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs6(
-    "button",
-    {
-      className: classNames(
-        "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__ */ jsx9(
-          WalletIcon,
-          {
-            className: "h-[21px] w-[21px] absolute left-[20px]",
-            style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary }
-          }
-        ),
-        /* @__PURE__ */ jsx9("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__ */ jsx9(
-          ChevronRightIcon,
-          {
-            className: "h-[21px] w-[21px] absolute right-[20px]",
-            style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textSecondary }
-          }
-        ),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Continue with a wallet" })
-      ]
-    }
-  );
-}
-
-// src/components/auth/methods/web3/Web3ConnectorContainer.tsx
-import { useState as useState7, useEffect as useEffect4 } from "react";
-import { useAccount, useChainId, useConnect, useSignMessage } from "wagmi";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function Web3ConnectorContainer({ providerType, flag, icon }) {
-  var _a, _b;
-  const { crossmintAuth } = useCrossmintAuth();
-  const { appearance, error, setError } = useAuthForm();
-  const [isLoading, setIsLoading] = useState7(false);
-  const chainId = useChainId();
-  const { address, status: accountStatus } = useAccount();
-  const { signMessageAsync, status: signMessageStatus } = useSignMessage();
-  const { connect, connectors } = useConnect({
-    mutation: {
-      onError: () => setIsLoading(false)
-    }
-  });
-  const isExtensionInstalled = (_b = (_a = window.ethereum) == null ? void 0 : _a[flag]) != null ? _b : false;
-  if (!isExtensionInstalled) {
-    providerType = "walletConnect";
-  }
-  const connector = connectors.find((c) => c.id === providerType);
-  useEffect4(() => {
-    if (address != null) {
-      handleSignIn();
-    }
-  }, [address]);
-  const handleSignIn = () => __async(this, null, function* () {
-    if (address == null) {
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const res = yield crossmintAuth == null ? void 0 : crossmintAuth.signInWithSmartWallet(address);
-      const signature = yield signMessageAsync({ message: res.challenge });
-      const authResponse = yield crossmintAuth == null ? void 0 : crossmintAuth.authenticateSmartWallet(address, signature);
-      const oneTimeSecret = authResponse.oneTimeSecret;
-      yield crossmintAuth == null ? void 0 : crossmintAuth.handleRefreshAuthMaterial(oneTimeSecret);
-    } catch (error2) {
-      console.error(`Error connecting to ${providerType}:`, error2);
-      setError(`Error connecting to ${providerType}. Please try again or contact support.`);
-    } finally {
-      setIsLoading(false);
-    }
-  });
-  const isLoadingOrPending = isLoading || accountStatus === "connecting" || accountStatus === "reconnecting" || signMessageStatus === "pending";
-  return /* @__PURE__ */ jsx10(
-    Web3Connector,
-    {
-      icon,
-      appearance,
-      headingText: signMessageStatus === "pending" ? "Sign to verify" : "Connect your wallet",
-      buttonText: error != null && !isLoadingOrPending ? "Retry" : isLoadingOrPending ? "Connecting" : "Connect",
-      isLoading: isLoadingOrPending,
-      onConnectClick: () => {
-        if (address != null) {
-          handleSignIn();
-        } else if (connector) {
-          connect({ connector, chainId });
-        }
-      }
-    }
-  );
-}
-
-// src/components/auth/methods/web3/Web3Connectors.tsx
-import { useAccount as useAccount2, useDisconnect } from "wagmi";
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function Web3Connectors() {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { appearance, step, setStep } = useAuthForm();
-  const { isConnected } = useAccount2();
-  const { disconnect } = useDisconnect();
-  if (step === "web3") {
-    return /* @__PURE__ */ jsxs7(Fragment4, { children: [
-      /* @__PURE__ */ jsx11(
-        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__ */ jsxs7("div", { className: "flex flex-col items-center gap-2", children: [
-        /* @__PURE__ */ jsx11("div", { className: "text-center mb-6", children: /* @__PURE__ */ jsx11(
-          "h3",
-          {
-            className: "text-lg font-semibold text-cm-text-primary",
-            style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textPrimary },
-            children: "Connect wallet"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[10px] w-full", children: [
-          /* @__PURE__ */ jsx11(
-            Web3ConnectorButton,
-            {
-              title: "Metamask",
-              appearance,
-              img: metamaskIcon,
-              onClick: () => {
-                if (isConnected) {
-                  disconnect();
-                }
-                setTimeout(() => {
-                  setStep("web3/metamask");
-                }, 200);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            Web3ConnectorButton,
-            {
-              title: "WalletConnect",
-              appearance,
-              img: walletConnectIcon,
-              onClick: () => {
-                if (isConnected) {
-                  disconnect();
-                }
-                setTimeout(() => {
-                  setStep("web3/walletconnect");
-                }, 200);
-              }
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-  if (step === "web3/metamask") {
-    return /* @__PURE__ */ jsxs7(Fragment4, { children: [
-      /* @__PURE__ */ jsx11(
-        AuthFormBackButton,
-        {
-          onClick: () => {
-            setStep("web3");
-          },
-          iconColor: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textPrimary,
-          ringColor: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.accent
-        }
-      ),
-      /* @__PURE__ */ jsx11(Web3ConnectorContainer, { providerType: "metaMaskSDK", flag: "isMetaMask", icon: metamaskIcon })
-    ] });
-  }
-  if (step === "web3/walletconnect") {
-    return /* @__PURE__ */ jsxs7(Fragment4, { children: [
-      /* @__PURE__ */ jsx11(
-        AuthFormBackButton,
-        {
-          onClick: () => {
-            setStep("web3");
-          },
-          iconColor: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textPrimary,
-          ringColor: (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.accent
-        }
-      ),
-      /* @__PURE__ */ jsx11(Web3ConnectorContainer, { providerType: "walletConnect", icon: walletConnectIcon })
-    ] });
-  }
-  return null;
-}
-
-// src/components/auth/methods/web3/Web3AuthFlow.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Web3AuthFlow() {
-  const { step } = useAuthForm();
-  if (step.startsWith("web3")) {
-    return /* @__PURE__ */ jsx12(Web3Connectors, {});
-  }
-  if (step === "initial") {
-    return /* @__PURE__ */ jsx12(Web3AuthFlowButton, {});
-  }
-  return null;
-}
-
 // src/components/auth/AuthForm.tsx
-import Color2 from "color";
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var Web3AuthFlow = lazy(
+  () => (
+    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile
+    import("./components/auth/methods/web3/Web3AuthFlow.js").then((mod) => ({
+      default: mod.Web3AuthFlow
+    }))
+  )
+);
 function AuthForm({ className }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const { step, appearance, loginMethods, baseUrl, error } = useAuthForm();
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: classNames(
@@ -993,7 +762,7 @@ function AuthForm({ className }) {
         className
       ),
       children: [
-        error ? /* @__PURE__ */ jsxs8(
+        error ? /* @__PURE__ */ jsxs6(
           "div",
           {
             className: "flex items-start justify-start w-full rounded-lg p-2 mt-4 bg-cm-danger-muted",
@@ -1001,13 +770,13 @@ function AuthForm({ className }) {
               backgroundColor: new Color2((_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.danger) != null ? _b : "#f44336").alpha(0.12).toString()
             },
             children: [
-              /* @__PURE__ */ jsx13(AlertIcon, { customColor: (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.danger) != null ? _d : "#f44336" }),
-              /* @__PURE__ */ jsx13("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 })
+              /* @__PURE__ */ jsx9(AlertIcon, { customColor: (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.danger) != null ? _d : "#f44336" }),
+              /* @__PURE__ */ jsx9("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__ */ jsxs8("div", { children: [
-          /* @__PURE__ */ jsx13(
+        step === "initial" ? /* @__PURE__ */ jsxs6("div", { children: [
+          /* @__PURE__ */ jsx9(
             "h1",
             {
               className: "text-2xl font-bold text-cm-text-primary",
@@ -1015,7 +784,7 @@ function AuthForm({ className }) {
               children: "Sign In"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx9(
             "p",
             {
               className: "text-base font-normal mb-3 text-cm-text-secondary",
@@ -1024,14 +793,14 @@ function AuthForm({ className }) {
             }
           )
         ] }) : null,
-        loginMethods.includes("email") ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
-          /* @__PURE__ */ jsx13(EmailAuthFlow, {}),
-          loginMethods.length > 1 ? /* @__PURE__ */ jsx13(Divider, { appearance, text: "OR" }) : null
+        loginMethods.includes("email") ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+          /* @__PURE__ */ jsx9(EmailAuthFlow, {}),
+          loginMethods.length > 1 ? /* @__PURE__ */ jsx9(Divider, { appearance, text: "OR" }) : null
         ] }) : null,
-        loginMethods.includes("google") ? /* @__PURE__ */ jsx13(GoogleSignIn, {}) : null,
-        loginMethods.includes("farcaster") ? /* @__PURE__ */ jsx13(FarcasterProvider, { baseUrl, children: /* @__PURE__ */ jsx13(FarcasterSignIn, {}) }) : null,
-        loginMethods.includes("web3") ? /* @__PURE__ */ jsx13(Web3AuthFlow, {}) : null,
-        step === "initial" || step === "otp" ? /* @__PURE__ */ jsx13(
+        loginMethods.includes("google") ? /* @__PURE__ */ jsx9(GoogleSignIn, {}) : null,
+        loginMethods.includes("farcaster") ? /* @__PURE__ */ jsx9(FarcasterProvider, { baseUrl, children: /* @__PURE__ */ jsx9(FarcasterSignIn, {}) }) : null,
+        loginMethods.includes("web3") ? /* @__PURE__ */ jsx9(Web3AuthFlow, {}) : null,
+        step === "initial" || step === "otp" ? /* @__PURE__ */ jsx9(
           PoweredByCrossmint,
           {
             className: "mt-4 justify-center",
@@ -1044,15 +813,15 @@ function AuthForm({ className }) {
 }
 
 // src/components/auth/AuthFormDialog.tsx
-import { useEffect as useEffect5 } from "react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useEffect as useEffect4 } from "react";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function AuthFormDialog({ open }) {
   var _a, _b, _c;
   const { appearance, setDialogOpen } = useAuthForm();
-  useEffect5(() => {
+  useEffect4(() => {
     document.body.style.overflow = open ? "hidden" : "";
   }, [open]);
-  return /* @__PURE__ */ jsx14(Dialog, { modal: false, open, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx10(Dialog, { modal: false, open, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs7(
     DialogContent,
     {
       onInteractOutside: (e) => e.preventDefault(),
@@ -1065,16 +834,16 @@ function AuthFormDialog({ open }) {
         backgroundColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.background
       },
       children: [
-        /* @__PURE__ */ jsx14(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx14(DialogTitle, { children: "Crossmint Auth" }) }),
-        /* @__PURE__ */ jsx14(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx14(DialogDescription, { children: "Sign in via Crossmint" }) }),
-        /* @__PURE__ */ jsx14(AuthForm, { className: "max-w-[448px]" })
+        /* @__PURE__ */ jsx10(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx10(DialogTitle, { children: "Crossmint Auth" }) }),
+        /* @__PURE__ */ jsx10(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx10(DialogDescription, { children: "Sign in via Crossmint" }) }),
+        /* @__PURE__ */ jsx10(AuthForm, { className: "max-w-[448px]" })
       ]
     }
   ) });
 }
 
 // src/providers/CrossmintAuthProvider.tsx
-import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var defaultContextValue = {
   crossmintAuth: void 0,
   login: () => {
@@ -1101,7 +870,7 @@ function CrossmintAuthProvider({
   refreshRoute,
   logoutRoute
 }) {
-  const [user, setUser] = useState8(void 0);
+  const [user, setUser] = useState7(void 0);
   const { crossmint, setJwt } = useCrossmint("CrossmintAuthProvider must be used within CrossmintProvider");
   const crossmintAuthRef = useRef2(null);
   const crossmintAuth = useMemo2(() => {
@@ -1124,14 +893,14 @@ function CrossmintAuthProvider({
     return crossmintAuthRef.current;
   }, []);
   const crossmintBaseUrl = validateApiKeyAndGetCrossmintBaseUrl(crossmint.apiKey);
-  const [dialogOpen, setDialogOpen] = useState8(false);
-  useEffect6(() => {
+  const [dialogOpen, setDialogOpen] = useState7(false);
+  useEffect5(() => {
     if (crossmint.jwt == null) {
       const jwt = getCookie(SESSION_PREFIX);
       setJwt(jwt);
     }
   }, []);
-  useEffect6(() => {
+  useEffect5(() => {
     if (crossmint.jwt == null) {
       return;
     }
@@ -1164,7 +933,7 @@ function CrossmintAuthProvider({
     const user2 = yield crossmintAuth.getUser();
     setUser(user2);
   });
-  return /* @__PURE__ */ jsx15(TwindProvider, { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx11(TwindProvider, { children: /* @__PURE__ */ jsx11(
     AuthContext.Provider,
     {
       value: {
@@ -1176,13 +945,13 @@ function CrossmintAuthProvider({
         status: getAuthStatus(),
         getUser
       },
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx11(
         CrossmintWalletProvider,
         {
           defaultChain: embeddedWallets.defaultChain,
           showPasskeyHelpers: embeddedWallets.showPasskeyHelpers,
           appearance,
-          children: /* @__PURE__ */ jsxs10(
+          children: /* @__PURE__ */ jsxs8(
             AuthFormProvider,
             {
               initialState: {
@@ -1193,8 +962,8 @@ function CrossmintAuthProvider({
                 baseUrl: crossmintBaseUrl
               },
               children: [
-                /* @__PURE__ */ jsx15(WalletManager, { embeddedWallets, accessToken: crossmint.jwt, children }),
-                /* @__PURE__ */ jsx15(AuthFormDialog, { open: dialogOpen })
+                /* @__PURE__ */ jsx11(WalletManager, { embeddedWallets, accessToken: crossmint.jwt, children }),
+                /* @__PURE__ */ jsx11(AuthFormDialog, { open: dialogOpen })
               ]
             }
           )
@@ -1209,7 +978,7 @@ function WalletManager({
   accessToken
 }) {
   const { getOrCreateWallet, clearWallet, status } = useWallet();
-  useEffect6(() => {
+  useEffect5(() => {
     if (embeddedWallets.createOnLogin === "all-users" && status === "not-loaded" && accessToken != null) {
       getOrCreateWallet({
         type: embeddedWallets.type,
@@ -1220,7 +989,7 @@ function WalletManager({
       clearWallet();
     }
   }, [accessToken, status]);
-  return /* @__PURE__ */ jsx15(Fragment6, { children });
+  return /* @__PURE__ */ jsx11(Fragment5, { children });
 }
 
 // src/hooks/useAuth.ts
@@ -1233,7 +1002,7 @@ function useAuth() {
 }
 
 // src/providers/CrossmintWalletProvider.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var WalletContext = createContext3({
   status: "not-loaded",
   getOrCreateWallet: () => Promise.resolve({ startedCreation: false }),
@@ -1249,8 +1018,8 @@ function CrossmintWalletProvider({
 }) {
   const { crossmint } = useCrossmint("CrossmintWalletProvider must be used within CrossmintProvider");
   const smartWalletSDK = useMemo3(() => SmartWalletSDK.init({ clientApiKey: crossmint.apiKey }), [crossmint.apiKey]);
-  const [walletState, setWalletState] = useState9({ status: "not-loaded" });
-  const [passkeyPromptState, setPasskeyPromptState] = useState9({ open: false });
+  const [walletState, setWalletState] = useState8({ status: "not-loaded" });
+  const [passkeyPromptState, setPasskeyPromptState] = useState8({ open: false });
   const getOrCreateWallet = (..._0) => __async(this, [..._0], function* (config = { type: "evm-smart-wallet", signer: { type: "PASSKEY" } }) {
     if (walletState.status == "in-progress") {
       console.log("Wallet already loading");
@@ -1303,9 +1072,9 @@ function CrossmintWalletProvider({
   const clearWallet = () => {
     setWalletState({ status: "not-loaded" });
   };
-  return /* @__PURE__ */ jsxs11(WalletContext.Provider, { value: __spreadProps(__spreadValues({}, walletState), { getOrCreateWallet, clearWallet }), children: [
+  return /* @__PURE__ */ jsxs9(WalletContext.Provider, { value: __spreadProps(__spreadValues({}, walletState), { getOrCreateWallet, clearWallet }), children: [
     children,
-    passkeyPromptState.open ? createPortal(/* @__PURE__ */ jsx16(PasskeyPrompt, { state: passkeyPromptState, appearance }), document.body) : null
+    passkeyPromptState.open ? createPortal(/* @__PURE__ */ jsx12(PasskeyPrompt, { state: passkeyPromptState, appearance }), document.body) : null
   ] });
 }
 function deriveErrorState(error) {
@@ -1333,14 +1102,10 @@ export {
   useOAuthWindowListener,
   GoogleSignIn,
   FarcasterSignIn,
-  Web3AuthFlowButton,
-  Web3ConnectorContainer,
-  Web3Connectors,
-  Web3AuthFlow,
   AuthForm,
   AuthFormDialog,
   AuthContext,
   CrossmintAuthProvider,
   useAuth
 };
-//# sourceMappingURL=chunk-T5WAVOPI.js.map
+//# sourceMappingURL=chunk-O53ZB544.js.map