@zerodev/wallet-react-ui 0.0.6 → 0.0.8

package/dist/index.mjs

@@ -1,61 +1,59 @@
-import { jsxs as c, jsx as n, Fragment as A } from "react/jsx-runtime";
-import { Text as m, cn as G, PoweredBy as B, Button as E, Wrapper as ne, ListItem as $, ListItemChevron as re, ListItemIcon as D, Input as se, Icon as ie, Screen as ae, TopNav as oe } from "@zerodev/react-ui";
-import { useState as w, useEffect as O, useMemo as le, useRef as K } from "react";
-import { useStore as I, create as de } from "zustand";
-import { useConfig as ce, useConnect as ue } from "wagmi";
-import { useSendMagicLink as Y, useSendOTP as J, useVerifyOTP as he, useAuthenticateOAuth as pe, useRegisterPasskey as me, useLoginPasskey as ze, useVerifyMagicLink as fe, zeroDevWallet as ge, NotAuthenticatedError as ye } from "@zerodev/wallet-react";
-import { subscribeWithSelector as xe } from "zustand/middleware";
-const we = "" + new URL("error.webp", import.meta.url).href, Se = "" + new URL("loading.webp", import.meta.url).href, Ne = "" + new URL("send.webp", import.meta.url).href, ve = "" + new URL("success.webp", import.meta.url).href, be = {
-  error: we,
-  loading: Se,
-  send: Ne,
-  success: ve
+import { jsxs as p, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { Text as z, cn as j, PoweredBy as O, Button as S, Wrapper as a2, Input as o2, Icon as q, ListItem as T, ListItemChevron as P, ListItemIcon as $, Badge as K, BottomSheet as s2, BottomSheetContent as l2, BottomSheetTitle as d2, BottomSheetClose as c2, Screen as u2, TopNav as p2 } from "@zerodev/react-ui";
+import { useState as E, useEffect as N, useMemo as f2, useRef as X, createContext as h2, useContext as m2, useLayoutEffect as g2, useCallback as D2 } from "react";
+import { useStore as M, create as z2 } from "zustand";
+import { useConfig as C2, useConnectors as Z, useConnect as G } from "wagmi";
+import { useSendMagicLink as J, useSendOTP as Y, useVerifyOTP as E2, useAuthenticateOAuth as w2, useRegisterPasskey as F2, useLoginPasskey as x2, useVerifyMagicLink as y2, zeroDevWallet as v2, NotAuthenticatedError as S2 } from "@zerodev/wallet-react";
+import { subscribeWithSelector as A2 } from "zustand/middleware";
+const b2 = "" + new URL("error.webp", import.meta.url).href, k2 = "" + new URL("loading.webp", import.meta.url).href, N2 = "" + new URL("send.webp", import.meta.url).href, _2 = "" + new URL("success.webp", import.meta.url).href, L2 = {
+  error: b2,
+  loading: k2,
+  send: N2,
+  success: _2
 };
-function P({
+function b({
   imageName: e,
-  title: s,
+  title: n,
   children: a,
-  className: t
+  className: r
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: G("zd:flex zd:flex-col zd:gap-8 zd:items-center", t),
+      className: j("zd:flex zd:flex-col zd:gap-8 zd:items-center", r),
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "img",
           {
-            src: be[e],
+            src: L2[e],
             alt: e,
             className: "zd:w-[118px] zd:h-[118px] zd:bg-transparent"
           }
         ),
-        /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
-          /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: s }),
-          /* @__PURE__ */ n(m, { className: "zd:text-center zd:whitespace-pre-wrap", children: a })
+        /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
+          /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: n }),
+          /* @__PURE__ */ t(z, { className: "zd:text-center zd:whitespace-pre-wrap", children: a })
         ] })
       ]
     }
   );
 }
-function X() {
-  const s = ce().connectors.find((a) => a.id === "zerodev-wallet");
-  if (!s || !("getKitStore" in s))
+function M2() {
+  const n = C2().connectors.find((a) => a.id === "zerodev-wallet");
+  if (!n || !("getKitStore" in n))
     throw new Error("useKitStore must be used with the zeroDevWallet connector");
-  return s.getKitStore();
+  return n.getKitStore();
 }
-function R() {
-  const e = X(), s = I(e, (l) => l.auth.step), a = I(e, (l) => l.auth.stepHistory), t = I(e, (l) => l.auth.email), r = I(e, (l) => l.auth.otpId), d = I(
+function F() {
+  const e = M2(), n = M(e, (s) => s.auth.step), a = M(e, (s) => s.auth.stepHistory), r = M(e, (s) => s.auth.email), i = M(e, (s) => s.auth.otpId), o = M(
     e,
-    (l) => l.auth.otpEncryptionTargetBundle
-  ), i = I(e, (l) => l.auth.enabledMethods), u = I(e, (l) => l.auth.config);
+    (s) => s.auth.otpEncryptionTargetBundle
+  );
   return {
-    step: s,
-    email: t,
-    otpId: r,
-    otpEncryptionTargetBundle: d,
-    enabledMethods: i,
-    config: u,
+    step: n,
+    email: r,
+    otpId: i,
+    otpEncryptionTargetBundle: o,
     goToStep: e.getState().auth.goToStep,
     goBack: a.length > 0 ? e.getState().auth.goBack : null,
     reset: e.getState().auth.reset,
@@ -64,20 +62,20 @@ function R() {
     clearOtpSession: e.getState().auth.clearOtpSession
   };
 }
-function Ee() {
-  const { email: e, setOtpSession: s } = R(), { mutateAsync: a, isPending: t } = Y(), [r, d] = w(60), i = r <= 0 && !t;
-  return O(() => {
-    if (r <= 0) return;
-    const l = setInterval(() => {
-      d((h) => Math.max(0, h - 1));
+function U2() {
+  const { email: e, setOtpSession: n } = F(), { mutateAsync: a, isPending: r } = J(), [i, o] = E(60), s = i <= 0 && !r;
+  return N(() => {
+    if (i <= 0) return;
+    const f = setInterval(() => {
+      o((m) => Math.max(0, m - 1));
     }, 1e3);
     return () => {
-      clearInterval(l);
+      clearInterval(f);
     };
-  }, [r]), /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ c(
-        P,
+  }, [i]), /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
+      /* @__PURE__ */ p(
+        b,
         {
           imageName: "send",
           title: `Check your email!
@@ -85,280 +83,278 @@ function Ee() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ n(m, { as: "span", className: "zd:text-solarOrange", children: e }),
+            /* @__PURE__ */ t(z, { as: "span", className: "zd:text-solarOrange", children: e }),
             `
 `,
             "Please open the email and click the link to log in."
           ]
         }
       ),
-      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(m, { className: "zd:text-center", children: [
+      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ p(z, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            disabled: !i,
+            disabled: !s,
             onClick: async () => {
-              if (!(!e || !i))
+              if (!(!e || !s))
                 try {
-                  const { otpId: l, otpEncryptionTargetBundle: h } = await a({
+                  const { otpId: f, otpEncryptionTargetBundle: m } = await a({
                     email: e
                   });
-                  s({ otpId: l, otpEncryptionTargetBundle: h }), d(60);
+                  n({ otpId: f, otpEncryptionTargetBundle: m }), o(60);
                 } catch {
                 }
             },
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: i ? "Resend" : `Resend in ${r} ${r === 1 ? "second" : "seconds"}`
+            children: s ? "Resend" : `Resend in ${i} ${i === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function ke() {
+function T2() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function M() {
+function U() {
   if (typeof window > "u") return;
   const e = new URL(window.location.href);
   e.searchParams.has("code") && (e.searchParams.delete("code"), window.history.replaceState(null, "", e.toString()));
 }
-function Te({
+function O2({
   title: e = "Oops, something went wrong",
-  message: s = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
+  message: n = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
   showRetry: a = !1,
-  showChooseAnother: t = !0
+  showChooseAnother: r = !0
 }) {
-  const { goToStep: r, goBack: d, reset: i } = R();
-  return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      /* @__PURE__ */ n(P, { imageName: "error", title: e, children: s }),
-      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
-        a && /* @__PURE__ */ n(E, { action: "primary", text: "Try again", onClick: d ?? (() => r("sign-up")) }),
-        t && /* @__PURE__ */ n(
-          E,
+  const { goToStep: i, goBack: o, reset: s } = F();
+  return /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      /* @__PURE__ */ t(b, { imageName: "error", title: e, children: n }),
+      /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
+        a && /* @__PURE__ */ t(S, { action: "primary", text: "Try again", onClick: o ?? (() => i("sign-up")) }),
+        r && /* @__PURE__ */ t(
+          S,
           {
             action: a ? "secondary" : "primary",
             onClick: () => {
-              M(), r("sign-up");
+              U(), i("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !a && !t && /* @__PURE__ */ n(E, { action: "primary", text: "Start over", onClick: i })
+        !a && !r && /* @__PURE__ */ t(S, { action: "primary", text: "Start over", onClick: s })
       ] })
     ] }),
-    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const Ie = 4, Ae = 8, Ce = 6;
-function Le(e) {
-  return Math.max(Ie, Math.min(Ae, e));
+const I2 = 4, H2 = 8, P2 = 6;
+function R2(e) {
+  return Math.max(I2, Math.min(H2, e));
 }
-function Pe({ char: e, isFocused: s }) {
-  return /* @__PURE__ */ n(
-    ne,
+function B2({ char: e, isFocused: n }) {
+  return /* @__PURE__ */ t(
+    a2,
     {
       "data-testid": "code-input-box",
-      "data-active": s || void 0,
-      className: G(
+      "data-active": n || void 0,
+      className: j(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
-        s && "zd:border-[1.5px] zd:border-greyScale"
+        n && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ n(m, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ t(z, { className: "zd:text-h2", children: e })
     }
   );
 }
-function Re({
+function Z2({
   onChange: e,
-  onComplete: s,
+  onComplete: n,
   disabled: a = !1,
-  error: t = !1,
-  autoFocus: r = !1,
-  length: d = Ce,
-  "data-testid": i
+  error: r = !1,
+  autoFocus: i = !1,
+  length: o = P2,
+  "data-testid": s
 }) {
-  const u = Le(d), l = le(
-    () => Array.from({ length: u }, (p, g) => ({
-      id: `char-${g}`,
-      index: g
+  const c = R2(o), f = f2(
+    () => Array.from({ length: c }, (d, D) => ({
+      id: `char-${D}`,
+      index: D
     })),
-    [u]
-  ), [h, x] = w(""), [f, N] = w(!1), k = K(null);
-  O(() => {
-    var p;
-    r && !a && ((p = k.current) == null || p.focus());
-  }, [r, a]), O(() => {
-    x((p) => p.slice(0, u));
-  }, [u]);
-  const v = (p) => {
-    const g = p.slice(0, u).toUpperCase();
-    x(g), e == null || e(g), g.length === u && setTimeout(() => {
+    [c]
+  ), [m, g] = E(""), [w, u] = E(!1), l = X(null);
+  N(() => {
+    var d;
+    i && !a && ((d = l.current) == null || d.focus());
+  }, [i, a]), N(() => {
+    g((d) => d.slice(0, c));
+  }, [c]);
+  const h = (d) => {
+    const D = d.slice(0, c).toUpperCase();
+    g(D), e == null || e(D), D.length === c && setTimeout(() => {
       var C;
-      s == null || s(g), (C = k.current) == null || C.blur();
+      n == null || n(D), (C = l.current) == null || C.blur();
     }, 0);
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ p(
     "button",
     {
       type: "button",
       className: "zd:flex zd:flex-row zd:items-center zd:justify-between zd:gap-2 zd:w-full zd:cursor-text",
       onClick: () => {
-        var p;
-        return (p = k.current) == null ? void 0 : p.focus();
+        var d;
+        return (d = l.current) == null ? void 0 : d.focus();
       },
       disabled: a,
-      "data-testid": i,
+      "data-testid": s,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "input",
           {
-            ref: k,
-            value: h,
-            onChange: (p) => v(p.target.value),
-            onFocus: () => N(!0),
-            onBlur: () => N(!1),
-            maxLength: u,
+            ref: l,
+            value: m,
+            onChange: (d) => h(d.target.value),
+            onFocus: () => u(!0),
+            onBlur: () => u(!1),
+            maxLength: c,
             disabled: a,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        l.map((p) => /* @__PURE__ */ n(
-          Pe,
+        f.map((d) => /* @__PURE__ */ t(
+          B2,
           {
-            char: h[p.index] ?? "",
-            isFocused: !t && f && p.index === h.length
+            char: m[d.index] ?? "",
+            isFocused: !r && w && d.index === m.length
           },
-          p.id
+          d.id
         ))
       ]
     }
   );
 }
-function Oe() {
+function G2() {
   const {
     email: e,
-    otpId: s,
+    otpId: n,
     otpEncryptionTargetBundle: a,
-    setOtpSession: t,
-    clearOtpSession: r,
-    goToStep: d,
-    config: i
-  } = R(), { mutateAsync: u, isPending: l } = J(), { mutateAsync: h, isPending: x } = he(), [f, N] = w(""), [k, v] = w(!1), [p, g] = w(60);
-  O(() => {
-    if (p <= 0) return;
-    const S = setInterval(() => {
-      g((T) => Math.max(0, T - 1));
+    setOtpSession: r,
+    clearOtpSession: i,
+    goToStep: o
+  } = F(), { mutateAsync: s, isPending: c } = Y(), { mutateAsync: f, isPending: m } = E2(), [g, w] = E(""), [u, l] = E(!1), [h, d] = E(60);
+  N(() => {
+    if (h <= 0) return;
+    const y = setInterval(() => {
+      d((R) => Math.max(0, R - 1));
     }, 1e3);
-    return () => clearInterval(S);
-  }, [p]);
-  const C = async () => {
-    var S, T;
-    if (!(!f.trim() || !s || !a)) {
-      v(!1);
+    return () => clearInterval(y);
+  }, [h]);
+  const D = async () => {
+    if (!(!g.trim() || !n || !a)) {
+      l(!1);
       try {
-        await h({
-          otpId: s,
-          code: f.trim(),
+        await f({
+          otpId: n,
+          code: g.trim(),
           otpEncryptionTargetBundle: a
-        }), r(), d("authenticated"), (S = i == null ? void 0 : i.onSuccess) == null || S.call(i);
-      } catch (F) {
-        v(!0), (T = i == null ? void 0 : i.onError) == null || T.call(i, F);
+        }), i(), o("authenticated");
+      } catch {
+        l(!0);
       }
     }
-  }, y = (S) => {
-    N(S);
-  }, H = async () => {
-    if (!(!e || p > 0 || l))
+  }, C = (y) => {
+    w(y);
+  }, x = async () => {
+    if (!(!e || h > 0 || c))
       try {
-        const { otpId: S, otpEncryptionTargetBundle: T } = await u({ email: e });
-        t({
-          otpId: S,
-          otpEncryptionTargetBundle: T
-        }), g(60), v(!1);
+        const { otpId: y, otpEncryptionTargetBundle: R } = await s({ email: e });
+        r({
+          otpId: y,
+          otpEncryptionTargetBundle: R
+        }), d(60), l(!1);
       } catch {
-        v(!0);
+        l(!0);
       }
-  }, U = p <= 0 && !l;
-  return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
-      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
-        /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
-        /* @__PURE__ */ c(m, { className: "zd:text-center", children: [
+  }, A = h <= 0 && !c;
+  return /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
+      /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
+        /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
+        /* @__PURE__ */ p(z, { className: "zd:text-center", children: [
           "Enter the code from the email we sent to",
           " ",
-          /* @__PURE__ */ n(m, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ t(z, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
-      /* @__PURE__ */ n(
-        Re,
+      /* @__PURE__ */ t(
+        Z2,
         {
-          onComplete: y,
-          onChange: () => v(!1),
-          disabled: x,
-          error: k,
+          onComplete: C,
+          onChange: () => l(!1),
+          disabled: m,
+          error: u,
           autoFocus: !0
         }
       ),
-      /* @__PURE__ */ n(
-        E,
+      /* @__PURE__ */ t(
+        S,
         {
           text: "Confirm code",
-          onClick: C,
-          disabled: !f.trim() || x
+          onClick: D,
+          disabled: !g.trim() || m
         }
       ),
-      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(m, { className: "zd:text-center", children: [
+      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ p(z, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            disabled: !U,
-            onClick: H,
+            disabled: !A,
+            onClick: x,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: U ? "Resend" : `Resend in ${p} ${p === 1 ? "second" : "seconds"}`
+            children: A ? "Resend" : `Resend in ${h} ${h === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Be({
+function V2({
   termsAndConditionsUrl: e,
-  privacyPolicyUrl: s,
+  privacyPolicyUrl: n,
   agreedToTerms: a,
-  setAgreedToTerms: t,
-  highlight: r = !1
+  setAgreedToTerms: r,
+  highlight: i = !1
 }) {
-  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || s) && /* @__PURE__ */ c(
+  return /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
+    !!(e || n) && /* @__PURE__ */ p(
       "div",
       {
-        className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${r ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
+        className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${i ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "input",
             {
               type: "checkbox",
               checked: a,
-              onChange: (i) => t(i.target.checked),
+              onChange: (s) => r(s.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ c(m, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ p(z, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
-            e && /* @__PURE__ */ n(
-              m,
+            e && /* @__PURE__ */ t(
+              z,
               {
                 as: "a",
                 href: e,
@@ -368,12 +364,12 @@ function Be({
                 children: "Terms & Conditions"
               }
             ),
-            e && s && " and ",
-            s && /* @__PURE__ */ n(
-              m,
+            e && n && " and ",
+            n && /* @__PURE__ */ t(
+              z,
               {
                 as: "a",
-                href: s,
+                href: n,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "zd:underline",
@@ -384,21 +380,17 @@ function Be({
         ]
       }
     ),
-    /* @__PURE__ */ n(B, {})
+    /* @__PURE__ */ t(O, {})
   ] });
 }
-const Me = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function j(e) {
-  return Me.test(e.trim());
-}
-const Ue = "" + new URL("blob.webm", import.meta.url).href;
-function je({ className: e }) {
-  return /* @__PURE__ */ n(
+const W2 = "" + new URL("blob.webm", import.meta.url).href;
+function j2({ className: e }) {
+  return /* @__PURE__ */ t(
     "video",
     {
       className: e,
       style: { aspectRatio: "1 / 1" },
-      src: Ue,
+      src: W2,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -408,462 +400,706 @@ function je({ className: e }) {
     }
   );
 }
-function _(e) {
-  return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
+const Q = h2(null);
+function _() {
+  const e = m2(Q);
+  if (!e)
+    throw new Error("SignUp.* components must be rendered inside <SignUp>");
+  return e;
 }
-function He() {
-  const { goToStep: e, setEmail: s, setOtpSession: a, config: t, enabledMethods: r } = R(), [d, i] = w(!1), [u, l] = w(!1), [h, x] = w(""), f = (t == null ? void 0 : t.emailAuthMethod) === "otp", { mutateAsync: N, isPending: k } = J(), { mutateAsync: v, isPending: p } = Y(), g = k || p, [C, y] = w(null), { mutateAsync: H, isPending: U } = pe({
-    mutation: {
-      onSuccess: async () => {
-        var o;
-        e("authenticated"), (o = t == null ? void 0 : t.onSuccess) == null || o.call(t);
-      },
-      onError: (o) => {
-        var z;
-        (z = t == null ? void 0 : t.onError) == null || z.call(t, o);
+function L(e) {
+  const { setAuthPending: n } = _();
+  N(() => (n(e), () => n(!1)), [e, n]);
+}
+const q2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function B(e) {
+  return q2.test(e.trim());
+}
+function e2() {
+  const { goToStep: e, setEmail: n, setOtpSession: a } = F(), {
+    authPending: r,
+    emailAuthMethod: i,
+    needsAgreement: o,
+    guardAgreement: s,
+    setError: c
+  } = _(), [f, m] = E(""), g = i === "otp", { mutateAsync: w, isPending: u } = Y(), { mutateAsync: l, isPending: h } = J(), d = u || h;
+  L(d);
+  const D = async () => {
+    if (!(!f || r) && B(f) && s()) {
+      c(null);
+      try {
+        const C = g ? w : l, { otpId: x, otpEncryptionTargetBundle: A } = await C({
+          email: f
+        });
+        n(f), a({ otpId: x, otpEncryptionTargetBundle: A }), e(g ? "otp-input" : "email-verification");
+      } catch (C) {
+        c(
+          C instanceof Error ? C.message : "Failed to send verification code"
+        );
       }
     }
-  }), { mutate: S, isPending: T } = me({
-    mutation: {
-      onSuccess: () => {
-        var o;
-        e("authenticated"), (o = t == null ? void 0 : t.onSuccess) == null || o.call(t);
+  };
+  return /* @__PURE__ */ t(
+    o2,
+    {
+      iconName: "email",
+      placeholder: "Enter your email",
+      value: f,
+      onChange: (C) => m(C.target.value),
+      type: "email",
+      autoCapitalize: "none",
+      autoComplete: "email",
+      disabled: r,
+      variant: "listItemStyle",
+      onKeyDown: (C) => {
+        C.key === "Enter" && f && !r && D();
       },
-      onError: (o) => {
-        var z;
-        _(o) || y(o instanceof Error ? o.message : String(o)), (z = t == null ? void 0 : t.onError) == null || z.call(t, o);
-      }
+      children: d ? /* @__PURE__ */ t("div", { className: "zd:w-13 zd:h-13 zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ t("div", { className: "zd:w-5 zd:h-5 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) : /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          disabled: !B(f) || o,
+          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${B(f) && !o ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
+          onClick: () => D(),
+          children: /* @__PURE__ */ t(q, { name: "chevronRight", className: "zd:text-greyScale" })
+        }
+      )
     }
-  }), { mutate: F, isPending: Q } = ze({
+  );
+}
+function I(e) {
+  return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" || e.name === "UserRejectedRequestError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
+}
+function t2() {
+  const { goToStep: e } = F(), { authPending: n, guardAgreement: a, setError: r } = _(), { mutateAsync: i, isPending: o } = w2({
     mutation: {
       onSuccess: () => {
-        var o;
-        e("authenticated"), (o = t == null ? void 0 : t.onSuccess) == null || o.call(t);
-      },
-      onError: (o) => {
-        var z;
-        _(o) || y(o instanceof Error ? o.message : String(o)), (z = t == null ? void 0 : t.onError) == null || z.call(t, o);
+        e("authenticated");
       }
     }
-  }), b = U || g || T || Q, L = !!(t != null && t.termsAndConditionsUrl || t != null && t.privacyPolicyUrl) && !d, Z = () => {
-    if (!b) {
-      if (L) {
-        l(!0);
-        return;
+  });
+  return L(o), /* @__PURE__ */ t(
+    T,
+    {
+      icon: /* @__PURE__ */ t($, { name: "google" }),
+      title: "Google",
+      trailing: /* @__PURE__ */ t(P, {}),
+      disabled: n,
+      onClick: async () => {
+        if (!n && a()) {
+          r(null);
+          try {
+            await i({ provider: "google" });
+          } catch (c) {
+            I(c) || r(c instanceof Error ? c.message : String(c));
+          }
+        }
       }
-      y(null), S();
     }
-  }, ee = () => {
-    if (!b) {
-      if (L) {
-        l(!0);
-        return;
+  );
+}
+function H(e, n) {
+  return !!n.rdns && (e.id === n.rdns || (Array.isArray(e.rdns) ? e.rdns.includes(n.rdns) : e.rdns === n.rdns));
+}
+const $2 = [
+  {
+    id: "metamask",
+    name: "MetaMask",
+    rdns: "io.metamask",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23ff5c16%22%20d%3D%22m24.024%2023.824-4.846-1.434-3.655%202.172-2.55-.001-3.656-2.171-4.844%201.434L3%2018.88l1.473-5.488L3%208.751%204.473%203l7.569%204.496h4.413L24.024%203l1.473%205.751-1.473%204.64%201.473%205.488z%22%2F%3E%3Cpath%20fill%3D%22%23ff5c16%22%20d%3D%22m4.474%203%207.57%204.499-.302%203.087zm4.844%2015.881%203.33%202.522-3.33.987zm3.064-4.17-.64-4.123-4.097%202.804h-.002v.001l.013%202.886%201.661-1.567zM24.024%203l-7.57%204.499.3%203.087zM19.18%2018.881l-3.33%202.522%203.33.987zm1.674-5.488v-.002zl-4.097-2.804-.64%204.124h3.064l1.662%201.567z%22%2F%3E%3Cpath%20fill%3D%22%23e34807%22%20d%3D%22m9.317%2022.39-4.844%201.434L3%2018.881h6.317zm3.064-7.68.925%205.962-1.282-3.315-4.37-1.078%201.662-1.568zm6.799%207.68%204.844%201.434%201.473-4.943H19.18zm-3.064-7.68-.925%205.962%201.282-3.315%204.37-1.078-1.663-1.568z%22%2F%3E%3Cpath%20fill%3D%22%23ff8d5d%22%20d%3D%22m3%2018.88%201.473-5.489h3.169l.012%202.887%204.37%201.078%201.282%203.314-.659.73-3.33-2.522H3zm22.497%200-1.473-5.489h-3.17l-.01%202.887-4.371%201.078-1.282%203.314.659.73%203.33-2.522h6.317zM16.455%207.495h-4.413l-.3%203.087%201.565%2010.084h1.884l1.565-10.084z%22%2F%3E%3Cpath%20fill%3D%22%23661800%22%20d%3D%22M4.473%203%203%208.751l1.473%204.64h3.169l4.1-2.805zm6.992%2012.908H10.03l-.781.761%202.776.685-.56-1.447M24.024%203l1.473%205.751-1.473%204.64h-3.17l-4.098-2.805zm-6.99%2012.908h1.437l.782.762-2.78.686.56-1.45zm-1.512%206.687.328-1.193-.66-.73h-1.885l-.659.73.327%201.192%22%2F%3E%3Cpath%20fill%3D%22%23c0c4cd%22%20d%3D%22M15.522%2022.594v1.969h-2.548v-1.969z%22%2F%3E%3Cpath%20fill%3D%22%23e7ebf6%22%20d%3D%22m9.318%2022.388%203.658%202.174v-1.969l-.328-1.192zm9.862%200-3.658%202.174v-1.969l.328-1.192z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3%203h22.5v21.563H3z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    mobileLink: "https://metamask.app.link/wc?uri=",
+    downloadUrl: "https://metamask.io/download"
+  },
+  {
+    id: "trust",
+    name: "Trust Wallet",
+    rdns: "com.trustwallet.app",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%230500FF%22%20d%3D%22M6%207.583%2013.53%205v17.882C8.15%2020.498%206%2015.928%206%2013.345V7.583Z%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M22%207.583%2013.53%205v17.882c6.05-2.384%208.47-6.954%208.47-9.537V7.583Z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2219.768%22%20x2%3D%2214.072%22%20y1%3D%223.753%22%20y2%3D%2222.853%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.02%22%20stop-color%3D%22%2300F%22%2F%3E%3Cstop%20offset%3D%22.08%22%20stop-color%3D%22%230094FF%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%2348FF91%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%230094FF%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%230038FF%22%2F%3E%3Cstop%20offset%3D%22.9%22%20stop-color%3D%22%230500FF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    mobileLink: "trust://wc?uri=",
+    downloadUrl: "https://trustwallet.com/download"
+  },
+  {
+    id: "coinbase",
+    name: "Coinbase Wallet",
+    rdns: "com.coinbase.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22%232C5FF6%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%2023.8C19.4124%2023.8%2023.8%2019.4124%2023.8%2014C23.8%208.58761%2019.4124%204.2%2014%204.2C8.58761%204.2%204.2%208.58761%204.2%2014C4.2%2019.4124%208.58761%2023.8%2014%2023.8ZM11.55%2010.8C11.1358%2010.8%2010.8%2011.1358%2010.8%2011.55V16.45C10.8%2016.8642%2011.1358%2017.2%2011.55%2017.2H16.45C16.8642%2017.2%2017.2%2016.8642%2017.2%2016.45V11.55C17.2%2011.1358%2016.8642%2010.8%2016.45%2010.8H11.55Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E",
+    downloadUrl: "https://coinbase.com/wallet/downloads"
+  },
+  {
+    id: "rainbow",
+    name: "Rainbow",
+    rdns: "me.rainbow",
+    icon: "data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220%200%20120%20120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%22120%22%20height%3D%22120%22%20fill%3D%22url(%23paint0_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2038H26C56.9279%2038%2082%2063.0721%2082%2094V100H94C97.3137%20100%20100%2097.3137%20100%2094C100%2053.1309%2066.8691%2020%2026%2020C22.6863%2020%2020%2022.6863%2020%2026V38Z%22%20fill%3D%22url(%23paint1_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M84%2094H100C100%2097.3137%2097.3137%20100%2094%20100H84V94Z%22%20fill%3D%22url(%23paint2_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M26%2020L26%2036H20L20%2026C20%2022.6863%2022.6863%2020%2026%2020Z%22%20fill%3D%22url(%23paint3_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2036H26C58.0325%2036%2084%2061.9675%2084%2094V100H66V94C66%2071.9086%2048.0914%2054%2026%2054H20V36Z%22%20fill%3D%22url(%23paint4_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M68%2094H84V100H68V94Z%22%20fill%3D%22url(%23paint5_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2052L20%2036L26%2036L26%2052H20Z%22%20fill%3D%22url(%23paint6_linear_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M20%2062C20%2065.3137%2022.6863%2068%2026%2068C40.3594%2068%2052%2079.6406%2052%2094C52%2097.3137%2054.6863%20100%2058%20100H68V94C68%2070.804%2049.196%2052%2026%2052H20V62Z%22%20fill%3D%22url(%23paint7_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M52%2094H68V100H58C54.6863%20100%2052%2097.3137%2052%2094Z%22%20fill%3D%22url(%23paint8_radial_62_329)%22%2F%3E%0A%3Cpath%20d%3D%22M26%2068C22.6863%2068%2020%2065.3137%2020%2062L20%2052L26%2052L26%2068Z%22%20fill%3D%22url(%23paint9_radial_62_329)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_62_329%22%20x1%3D%2260%22%20y1%3D%220%22%20x2%3D%2260%22%20y2%3D%22120%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23174299%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23001E59%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint1_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(26%2094)%20rotate(-90)%20scale(74)%22%3E%0A%3Cstop%20offset%3D%220.770277%22%20stop-color%3D%22%23FF4000%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238754C9%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22paint2_linear_62_329%22%20x1%3D%2283%22%20y1%3D%2297%22%20x2%3D%22100%22%20y2%3D%2297%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF4000%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238754C9%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint3_linear_62_329%22%20x1%3D%2223%22%20y1%3D%2220%22%20x2%3D%2223%22%20y2%3D%2237%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%238754C9%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF4000%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint4_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(26%2094)%20rotate(-90)%20scale(58)%22%3E%0A%3Cstop%20offset%3D%220.723929%22%20stop-color%3D%22%23FFF700%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9901%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3ClinearGradient%20id%3D%22paint5_linear_62_329%22%20x1%3D%2268%22%20y1%3D%2297%22%20x2%3D%2284%22%20y2%3D%2297%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FFF700%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9901%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint6_linear_62_329%22%20x1%3D%2223%22%20y1%3D%2252%22%20x2%3D%2223%22%20y2%3D%2236%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FFF700%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9901%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CradialGradient%20id%3D%22paint7_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(26%2094)%20rotate(-90)%20scale(42)%22%3E%0A%3Cstop%20offset%3D%220.59513%22%20stop-color%3D%22%2300AAFF%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301DA40%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22paint8_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(51%2097)%20scale(17%2045.3333)%22%3E%0A%3Cstop%20stop-color%3D%22%2300AAFF%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301DA40%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3CradialGradient%20id%3D%22paint9_radial_62_329%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(23%2069)%20rotate(-90)%20scale(17%20322.37)%22%3E%0A%3Cstop%20stop-color%3D%22%2300AAFF%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301DA40%22%2F%3E%0A%3C%2FradialGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
+    mobileLink: "rainbow://wc?uri=",
+    downloadUrl: "https://rainbow.download"
+  },
+  {
+    id: "rabby",
+    name: "Rabby Wallet",
+    rdns: "io.rabby",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%238697FF%22%20d%3D%22M28%200H0v28h28V0Z%22%2F%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M22.54%2015.078c.677-1.514-2.673-5.744-5.874-7.506-2.017-1.365-4.12-1.178-4.545-.579-.935%201.316%203.094%202.43%205.788%203.731-.58.252-1.125.703-1.446%201.28-1.004-1.096-3.209-2.04-5.796-1.28-1.743.513-3.191%201.721-3.751%203.546a1.097%201.097%200%201%200-.445%202.1c.112%200%20.463-.075.463-.075l5.612.041c-2.244%203.56-4.018%204.081-4.018%204.698s1.697.45%202.335.22c3.05-1.1%206.327-4.531%206.89-5.519%202.36.295%204.345.33%204.786-.657Z%22%2F%3E%3Cpath%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m17.885%2010.713.025.01c.125-.049.105-.233.07-.378-.078-.333-1.438-1.676-2.715-2.277-1.743-.82-3.025-.777-3.212-.398.356.726%201.998%201.408%203.714%202.12.723.3%201.46.606%202.118.923Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.701%2018.036a10.296%2010.296%200%200%200-1.2-.37c.482-.862.583-2.138.128-2.945-.639-1.133-1.44-1.736-3.304-1.736-1.024%200-3.783.346-3.832%202.648-.005.242%200%20.464.017.667l5.036.037a17.264%2017.264%200%200%201-1.871%202.483c.669.172%201.221.316%201.728.448.48.125.92.24%201.38.357a21.003%2021.003%200%200%200%201.918-1.59Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23e)%22%20d%3D%22M6.848%2016.063c.206%201.75%201.2%202.435%203.232%202.638%202.032.203%203.197.067%204.749.208%201.296.118%202.453.778%202.882.55.386-.205.17-.947-.347-1.423-.67-.617-1.597-1.046-3.229-1.199.325-.89.234-2.138-.27-2.817-.731-.982-2.079-1.426-3.785-1.232-1.782.202-3.49%201.08-3.232%203.275Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2210.464%22%20x2%3D%2222.394%22%20y1%3D%2213.737%22%20y2%3D%2217.12%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.386%22%20x2%3D%2211.779%22%20y1%3D%2213.509%22%20y2%3D%224.879%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237258DC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23797DEA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.94%22%20x2%3D%227.673%22%20y1%3D%2218.337%22%20y2%3D%2213.584%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237461EA%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BFC2FF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%2211.177%22%20x2%3D%2216.765%22%20y1%3D%2213.648%22%20y2%3D%2220.749%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.984%22%20stop-color%3D%22%23D5CEFF%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    downloadUrl: "https://rabby.io"
+  },
+  {
+    id: "okx",
+    name: "OKX Wallet",
+    rdns: "com.okex.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.819%205.556H5.93a.376.376%200%200%200-.375.375v4.888c0%20.207.168.375.375.375h4.888a.376.376%200%200%200%20.375-.376V5.932a.376.376%200%200%200-.376-.375Zm5.64%205.638h-4.886a.376.376%200%200%200-.376.376v4.887c0%20.208.168.376.376.376h4.887a.376.376%200%200%200%20.376-.375V11.57a.376.376%200%200%200-.376-.377Zm.75-5.638h4.887c.208%200%20.376.168.376.375v4.888a.376.376%200%200%201-.376.375H17.21a.376.376%200%200%201-.376-.376V5.933c0-.208.169-.376.376-.376Zm-6.39%2011.277H5.93a.376.376%200%200%200-.375.376v4.887c0%20.208.168.376.375.376h4.888a.376.376%200%200%200%20.375-.376V17.21a.376.376%200%200%200-.376-.376Zm6.39%200h4.887c.208%200%20.376.169.376.376v4.887a.376.376%200%200%201-.376.376H17.21a.376.376%200%200%201-.376-.376V17.21c0-.207.169-.376.376-.376Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "okex://main/wc?uri=",
+    downloadUrl: "https://okx.com/download"
+  },
+  {
+    id: "zerion",
+    name: "Zerion",
+    rdns: "io.zerion.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%232962EF%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.073%207c-.48%200-.665.593-.262.841l10.073%206.074a.577.577%200%200%200%20.758-.139l4.43-5.814c.3-.404-.004-.962-.525-.962H6.073ZM21.904%2021c.48%200%20.67-.596.267-.844l-10.075-6.073a.569.569%200%200%200-.751.146l-4.437%205.813c-.301.404.012.958.534.958h14.462Z%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "zerion://wc?uri=",
+    downloadUrl: "https://zerion.io"
+  },
+  {
+    id: "uniswap",
+    name: "Uniswap",
+    rdns: "org.uniswap.app",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFD8EA%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cg%20fill%3D%22%23FF007A%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M9.635%206.068c-.255-.039-.266-.043-.145-.06.23-.035.773.012%201.148.099.874.202%201.67.722%202.519%201.646l.225.246.323-.051c1.36-.213%202.741-.044%203.899.477.319.144.821.43.882.503.022.024.058.173.082.335.086.557.044.982-.13%201.301-.096.173-.101.228-.037.377a.367.367%200%200%200%20.334.206c.287%200%20.597-.454.74-1.086l.056-.252.113.126c.62.685%201.106%201.618%201.189%202.282l.021.174-.103-.158a1.966%201.966%200%200%200-.59-.604c-.415-.268-.855-.36-2.017-.42-1.05-.053-1.645-.141-2.234-.329-1.003-.32-1.508-.744-2.699-2.27-.53-.678-.855-1.053-1.18-1.354-.74-.687-1.466-1.047-2.396-1.187v-.001Z%22%2F%3E%3Cpath%20d%3D%22M18.725%207.581c.026-.453.088-.753.216-1.026.028-.07.063-.136.104-.198a.69.69%200%200%201-.049.178c-.092.266-.108.629-.043%201.052.081.536.126.613.706%201.192.273.272.589.613.704.761l.21.267-.21-.191c-.255-.233-.841-.69-.972-.755-.086-.042-.1-.042-.153.01-.05.048-.06.12-.068.461-.01.532-.084.873-.263%201.213-.096.187-.111.147-.025-.062.066-.155.072-.224.072-.739%200-1.033-.127-1.283-.864-1.707a8.169%208.169%200%200%200-.684-.346%202.614%202.614%200%200%201-.334-.16c.02-.02.74.185%201.029.293.431.163.502.183.555.164.034-.013.051-.113.068-.407h.001Zm-8.595%201.77c-.517-.696-.838-1.764-.768-2.563l.02-.247.119.02c.222.04.603.179.783.286.49.29.703.673.918%201.657.064.288.147.613.185.725.061.178.294.592.483.862.136.194.046.286-.255.26-.46-.04-1.083-.46-1.485-1Zm7.965%205.182c-2.42-.95-3.273-1.777-3.273-3.17%200-.206.007-.374.016-.374.008%200%20.102.067.208.151.491.384%201.04.548%202.563.765.896.128%201.398.231%201.864.382%201.48.478%202.392%201.449%202.61%202.773.063.384.028%201.104-.076%201.484-.082.3-.329.84-.394.861-.019.007-.037-.061-.04-.154-.025-.496-.283-.98-.715-1.343-.49-.412-1.15-.741-2.763-1.375Zm-1.699.396a4.13%204.13%200%200%200-.117-.5l-.062-.18.115.127c.16.173.285.396.391.693.082.227.09.294.09.662%200%20.361-.011.437-.087.64-.104.3-.28.572-.51.794-.443.44-1.011.683-1.833.784-.142.018-.557.047-.922.066-.922.046-1.529.144-2.073.33a.446.446%200%200%201-.156.036c-.021-.021.35-.237.656-.381.431-.204.861-.315%201.825-.47.475-.078.968-.173%201.093-.21%201.178-.352%201.784-1.263%201.59-2.39Z%22%2F%3E%3Cpath%20d%3D%22M17.506%2016.855c-.321-.675-.396-1.327-.22-1.935.02-.067.05-.119.068-.119a.64.64%200%200%201%20.169.09c.149.097.445.261%201.237.682.988.527%201.553.934%201.936%201.4.335.407.542.872.643%201.438.057.32.023%201.093-.061%201.416-.266%201.018-.882%201.818-1.764%202.285a2.129%202.129%200%200%201-.258.124c-.013%200%20.035-.116.104-.259.297-.605.331-1.193.107-1.848-.138-.401-.418-.89-.982-1.718-.657-.96-.817-1.218-.979-1.556Zm-9.095%203.644c.9-.742%202.016-1.267%203.036-1.43a4.85%204.85%200%200%201%201.575.06c.652.163%201.235.528%201.538.962.296.425.423.794.556%201.618.052.324.109.651.125.724.1.427.293.768.532.939.38.272%201.037.29%201.682.044a.853.853%200%200%201%20.21-.064c.023.023-.301.235-.53.347-.27.141-.572.213-.879.208-.59%200-1.08-.294-1.49-.891a7.027%207.027%200%200%201-.402-.784c-.431-.961-.644-1.253-1.145-1.575-.437-.28-1-.329-1.424-.126-.556.266-.71.96-.312%201.4.187.189.43.313.695.354a.75.75%200%200%200%20.589-.174.728.728%200%200%200%20.251-.551c0-.29-.114-.453-.4-.581-.392-.172-.812.029-.81.388%200%20.153.069.249.226.32.1.044.103.046.02.03-.358-.073-.442-.496-.154-.776.347-.336%201.064-.188%201.31.272.103.194.115.578.025.81-.203.52-.79.793-1.387.644-.407-.102-.571-.211-1.06-.703-.852-.856-1.182-1.023-2.408-1.21l-.237-.035.268-.22Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.418%205.179c2.842%203.368%204.8%204.757%205.017%205.05.18.243.112.462-.195.632a1.899%201.899%200%200%201-.699.191c-.2%200-.269-.075-.269-.075-.115-.106-.18-.088-.773-1.116A176.911%20176.911%200%200%200%205.968%207.56c-.044-.04-.042-.04%201.448%202.564.24.543.047.741.047.819%200%20.157-.044.24-.242.457-.332.36-.48.765-.587%201.604-.12.94-.456%201.604-1.39%202.741-.545.666-.635.787-.773%201.056-.174.338-.221.527-.24.952a2.9%202.9%200%200%200%20.16%201.174c.122.378.252.626.582%201.125.285.43.448.75.448.876%200%20.099.019.099.461.001%201.054-.232%201.91-.64%202.392-1.142.298-.311.367-.482.37-.907.002-.277-.008-.336-.085-.496-.125-.26-.353-.477-.855-.813-.66-.44-.942-.794-1.018-1.28-.065-.4.01-.682.373-1.427.377-.773.47-1.103.535-1.88.04-.503.096-.701.244-.861.155-.166.293-.222.676-.272.623-.084%201.018-.24%201.343-.534a1.14%201.14%200%200%200%20.421-.869l.014-.28-.16-.179C9.563%209.34%204.036%204.667%204%204.667c-.007%200%20.18.23.418.512Zm1.325%2013.086a.486.486%200%200%200-.157-.652c-.203-.133-.522-.069-.522.103%200%20.053.03.092.098.125.114.058.122.122.032.254s-.082.248.02.328c.168.126.404.057.529-.158ZM10.683%2012c-.29.086-.575.389-.664.706-.053.194-.022.534.058.638.13.169.255.213.596.212.665-.004%201.243-.283%201.311-.632.054-.286-.2-.68-.55-.855a1.33%201.33%200%200%200-.75-.07Zm.78.593c.102-.143.057-.296-.118-.4-.331-.199-.835-.035-.835.272%200%20.153.262.32.502.32.16%200%20.38-.093.45-.192Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%204h19v20H4z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
+    mobileLink: "uniswap://wc?uri=",
+    downloadUrl: "https://wallet.uniswap.org"
+  },
+  {
+    id: "ledger",
+    name: "Ledger",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.65%204.4H4.4V9h1.1V5.5l6.15-.04V4.4Zm.05%205.95v7.25h4.6v-1.1h-3.5l-.04-6.15H11.7ZM4.4%2023.6h7.25v-1.06L5.5%2022.5V19H4.4v4.6ZM16.35%204.4h7.25V9h-1.1V5.5l-6.15-.04V4.4Zm7.25%2019.2h-7.25v-1.06l6.15-.04V19h1.1v4.6Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "ledgerlive://wc?uri=",
+    downloadUrl: "https://www.ledger.com/ledger-live"
+  },
+  {
+    id: "binance",
+    name: "Binance Wallet",
+    rdns: "com.binance.wallet",
+    icon: "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%22130%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h130v130H0z%22%2F%3E%3Cpath%20fill%3D%22%23F3BA2F%22%20d%3D%22M45.587%2057.02%2065.01%2037.606l19.43%2019.43%2011.295-11.303L65.01%2015%2034.284%2045.725zM15%2065.004l11.299-11.299%2011.298%2011.299L26.3%2076.302zM45.587%2072.983%2065.01%2092.406l19.43-19.43%2011.303%2011.287-.008.007-30.725%2030.734-30.725-30.718-.016-.016zM92.403%2065.006%20103.7%2053.708%20115%2065.006l-11.299%2011.299z%22%2F%3E%3Cpath%20fill%3D%22%23F3BA2F%22%20d%3D%22m76.471%2064.998-11.46-11.469-8.476%208.475-.98.972-2.005%202.006-.016.016.016.024%2011.46%2011.453%2011.461-11.47.008-.007z%22%2F%3E%3C%2Fsvg%3E",
+    mobileLink: "bnc://app.binance.com/cedefi/wc?uri=",
+    downloadUrl: "https://www.binance.com/en/download"
+  }
+], k = $2;
+function K2({
+  excludeWalletIds: e = [],
+  maxWallets: n = 4
+}) {
+  const { goToStep: a } = F(), { authPending: r, guardAgreement: i, setError: o, registeredWallets: s } = _(), c = Z(), { mutate: f, isPending: m } = G();
+  L(m);
+  const g = c.filter(
+    (u) => u.type === "injected" && u.id !== "injected" && u.id !== "zerodev-wallet"
+  ).map((u) => {
+    const l = k.find((h) => H(u, h));
+    return {
+      connector: u,
+      walletId: l == null ? void 0 : l.id,
+      name: (l == null ? void 0 : l.name) ?? u.name,
+      icon: (l == null ? void 0 : l.icon) ?? u.icon,
+      ids: l ? [l.id, u.id] : [u.id],
+      rank: l ? k.indexOf(l) : k.length
+    };
+  }).filter(
+    (u) => !(u.walletId && s.includes(u.walletId))
+  ).filter((u) => !u.ids.some((l) => e.includes(l))).sort((u, l) => u.rank - l.rank).slice(0, n), w = (u) => {
+    r || i() && (o(null), f(
+      { connector: u },
+      {
+        // The external wallet is now the active wagmi connection — the
+        // embedded-wallet flow is done, so close it (mirrors SignUp.Wallet).
+        onSuccess: () => a(null),
+        onError: (l) => {
+          I(l) || o(l instanceof Error ? l.message : String(l));
+        }
       }
-      y(null), F();
-    }
-  }, te = async () => {
-    if (L) {
-      l(!0);
-      return;
-    }
-    y(null);
-    try {
-      await H({ provider: "google" });
-    } catch (o) {
-      const z = o instanceof Error ? o.message : String(o);
-      _(o) || y(z);
+    ));
+  };
+  return /* @__PURE__ */ t(v, { children: g.map(({ connector: u, name: l, icon: h }) => /* @__PURE__ */ t(
+    T,
+    {
+      title: l,
+      icon: h ? /* @__PURE__ */ t("img", { src: h, alt: "", className: "zd:w-6 zd:h-6" }) : null,
+      subtitle: /* @__PURE__ */ t(K, { text: "INSTALLED" }),
+      trailing: /* @__PURE__ */ t(P, {}),
+      disabled: r,
+      onClick: () => w(u)
+    },
+    u.uid
+  )) });
+}
+function X2({ tile: e }) {
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      type: "button",
+      onClick: e.onSelect,
+      className: "zd:flex zd:flex-col zd:items-center zd:gap-1.5 zd:cursor-pointer",
+      children: [
+        /* @__PURE__ */ t("div", { className: "zd:w-16 zd:h-16 zd:rounded-2xl zd:bg-greyScale/5 zd:flex zd:items-center zd:justify-center", children: e.icon ? /* @__PURE__ */ t("img", { src: e.icon, alt: "", className: "zd:w-8 zd:h-8" }) : /* @__PURE__ */ t(
+          q,
+          {
+            name: "walletOutline",
+            className: "zd:w-8 zd:h-8 zd:text-greyScale"
+          }
+        ) }),
+        /* @__PURE__ */ t(z, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
+      ]
     }
-  }, W = f ? async () => {
-    if (!(!h || b) && j(h)) {
-      if (L) {
-        l(!0);
-        return;
+  );
+}
+function J2({
+  open: e,
+  onOpenChange: n,
+  tiles: a
+}) {
+  return /* @__PURE__ */ t(s2, { open: e, onOpenChange: n, children: /* @__PURE__ */ p(l2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ t(d2, { children: "All wallets" }),
+    /* @__PURE__ */ p("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
+      /* @__PURE__ */ t(z, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
+      /* @__PURE__ */ t(c2, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Close",
+          className: "zd:cursor-pointer zd:px-2 zd:text-greyScale/60",
+          children: "✕"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: a.map((r) => /* @__PURE__ */ t(X2, { tile: r }, r.key)) })
+  ] }) });
+}
+function Y2({
+  title: e = "More wallets"
+}) {
+  const { goToStep: n } = F(), { authPending: a, guardAgreement: r, setError: i } = _(), [o, s] = E(!1), c = Z(), { mutate: f, isPending: m } = G();
+  L(m);
+  const g = c.filter(
+    (d) => d.id !== "zerodev-wallet" && d.type !== "walletConnect"
+  ), w = (d) => {
+    a || r() && (s(!1), i(null), f(
+      { connector: d },
+      {
+        // The external wallet is now the active wagmi connection — the
+        // embedded-wallet flow is done, so close it.
+        onSuccess: () => n(null),
+        onError: (D) => {
+          I(D) || i(D instanceof Error ? D.message : String(D));
+        }
       }
-      y(null);
-      try {
-        const { otpId: o, otpEncryptionTargetBundle: z } = await N({
-          email: h
-        });
-        s(h), a({ otpId: o, otpEncryptionTargetBundle: z }), e("otp-input");
-      } catch (o) {
-        y(
-          o instanceof Error ? o.message : "Failed to send verification code"
-        );
+    ));
+  }, u = k.map((d) => {
+    const D = g.find((C) => H(C, d));
+    return {
+      key: d.id,
+      name: d.name,
+      icon: d.icon,
+      onSelect: () => {
+        if (D) {
+          w(D);
+          return;
+        }
+        s(!1), window.open(d.downloadUrl, "_blank", "noopener,noreferrer");
       }
-    }
-  } : async () => {
-    if (!(!h || b) && j(h)) {
-      if (L) {
-        l(!0);
-        return;
+    };
+  }), l = g.filter((d) => !k.some((D) => H(d, D))).map((d) => ({
+    key: d.uid,
+    name: d.name,
+    icon: d.icon,
+    onSelect: () => w(d)
+  }));
+  return /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ t(
+      T,
+      {
+        icon: /* @__PURE__ */ t($, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
+        title: e,
+        trailing: /* @__PURE__ */ t(P, {}),
+        disabled: a,
+        onClick: () => {
+          a || r() && s(!0);
+        }
       }
-      y(null);
-      try {
-        const { otpId: o, otpEncryptionTargetBundle: z } = await v({
-          email: h
-        });
-        s(h), a({ otpId: o, otpEncryptionTargetBundle: z }), e("email-verification");
-      } catch (o) {
-        y(
-          o instanceof Error ? o.message : "Failed to send verification code"
-        );
+    ),
+    /* @__PURE__ */ t(
+      J2,
+      {
+        open: o,
+        onOpenChange: s,
+        tiles: [...u, ...l]
       }
+    )
+  ] });
+}
+function n2() {
+  const { goToStep: e } = F(), { authPending: n, guardAgreement: a, setError: r } = _(), i = {
+    onSuccess: () => {
+      e("authenticated");
+    },
+    onError: (g) => {
+      I(g) || r(g instanceof Error ? g.message : String(g));
     }
+  }, { mutate: o, isPending: s } = F2({ mutation: i }), { mutate: c, isPending: f } = x2({
+    mutation: i
+  });
+  L(s || f);
+  const m = (g) => () => {
+    n || a() && (r(null), g());
   };
-  return C ? /* @__PURE__ */ n("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full", children: /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
-    /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
-    /* @__PURE__ */ n(m, { className: "zd:text-center zd:text-red-500", children: C }),
-    /* @__PURE__ */ n(
-      E,
+  return /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ t(
+      S,
       {
-        action: "primary",
-        text: "Try again",
-        onClick: () => y(null)
+        action: "secondary",
+        text: "Create a passkey",
+        iconName: "key",
+        trailIcon: !0,
+        disabled: n,
+        onClick: m(() => o())
+      }
+    ),
+    /* @__PURE__ */ t(
+      S,
+      {
+        action: "secondary",
+        text: "Log in with passkey",
+        iconName: "key",
+        trailIcon: !0,
+        disabled: n,
+        onClick: m(() => c())
       }
     )
-  ] }) }) : /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-hidden", children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
-      /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:items-center", children: [
-        /* @__PURE__ */ n("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ n(je, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
-        /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
-        /* @__PURE__ */ n(m, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "zd:mt-6 zd:flex zd:flex-col zd:gap-4 zd:mb-4", children: [
-        r.includes("passkey") && /* @__PURE__ */ c(A, { children: [
-          /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:gap-2", children: [
-            /* @__PURE__ */ n(
-              E,
-              {
-                action: "secondary",
-                text: "Create a passkey",
-                iconName: "key",
-                trailIcon: !0,
-                disabled: b,
-                onClick: Z
-              }
-            ),
-            /* @__PURE__ */ n(
-              E,
-              {
-                action: "secondary",
-                text: "Log in with passkey",
-                iconName: "key",
-                trailIcon: !0,
-                disabled: b,
-                onClick: ee
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c("div", { className: "zd:flex zd:items-center zd:gap-3", children: [
-            /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" }),
-            /* @__PURE__ */ n(m, { className: "zd:text-body3", children: "or" }),
-            /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
-          ] })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:gap-2", children: [
-          r.includes("google") && /* @__PURE__ */ n(
-            $,
-            {
-              icon: /* @__PURE__ */ n(D, { name: "google" }),
-              title: "Google",
-              trailing: /* @__PURE__ */ n(re, {}),
-              className: "zd:rounded-3xl",
-              disabled: b,
-              onClick: te
+  ] });
+}
+function Q2({ walletId: e }) {
+  const n = k.find((h) => h.id === e);
+  if (!n)
+    throw new Error(
+      `Unknown walletId "${e}". Valid ids: ${k.map((h) => h.id).join(", ")}`
+    );
+  const { goToStep: a } = F(), { authPending: r, guardAgreement: i, setError: o, registerWallet: s } = _(), c = Z(), { mutate: f, isPending: m } = G();
+  L(m), g2(() => s(n.id), [s, n.id]);
+  const g = c.find((h) => H(h, n)), w = !!n.rdns && c.some((h) => h.id === n.rdns), u = {
+    title: n.name,
+    icon: /* @__PURE__ */ t("img", { src: n.icon, alt: "", className: "zd:w-6 zd:h-6" }),
+    trailing: /* @__PURE__ */ t(P, {})
+  };
+  return g ? /* @__PURE__ */ t(
+    T,
+    {
+      ...u,
+      ...w && { subtitle: /* @__PURE__ */ t(K, { text: "INSTALLED" }) },
+      disabled: r,
+      onClick: () => {
+        r || i() && (o(null), f(
+          { connector: g },
+          {
+            // The external wallet is now the active wagmi connection — the
+            // embedded-wallet flow is done, so close it (mirrors SignUp.MoreWallets).
+            onSuccess: () => a(null),
+            onError: (h) => {
+              I(h) || o(h instanceof Error ? h.message : String(h));
             }
-          ),
-          r.includes("email") && /* @__PURE__ */ n(
-            se,
+          }
+        ));
+      }
+    }
+  ) : /* @__PURE__ */ t(T, { ...u, asChild: !0, children: /* @__PURE__ */ t(
+    "a",
+    {
+      href: n.downloadUrl,
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }
+  ) });
+}
+function i2({
+  children: e,
+  termsAndConditionsUrl: n,
+  privacyPolicyUrl: a,
+  emailAuthMethod: r = "magicLink"
+}) {
+  const [i, o] = E(!1), [s, c] = E(!1), [f, m] = E(null), [g, w] = E(!1), [u, l] = E(
+    []
+  ), h = D2((x) => (l((A) => [...A, x]), () => {
+    l((A) => {
+      const y = [...A];
+      return y.splice(y.indexOf(x), 1), y;
+    });
+  }), []), D = !!(n || a) && !i, C = () => D ? (c(!0), !1) : !0;
+  return /* @__PURE__ */ p(
+    Q.Provider,
+    {
+      value: {
+        authPending: g,
+        emailAuthMethod: r,
+        setAuthPending: w,
+        needsAgreement: D,
+        guardAgreement: C,
+        setError: m,
+        registeredWallets: u,
+        registerWallet: h
+      },
+      children: [
+        f !== null && /* @__PURE__ */ t("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full zd:min-h-100", children: /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
+          /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
+          /* @__PURE__ */ t(z, { className: "zd:text-center zd:text-red-500", children: f }),
+          /* @__PURE__ */ t(
+            S,
             {
-              iconName: "email",
-              placeholder: "Enter your email",
-              value: h,
-              onChange: (o) => x(o.target.value),
-              type: "email",
-              autoCapitalize: "none",
-              autoComplete: "email",
-              disabled: b,
-              variant: "listItemStyle",
-              containerClassName: "zd:rounded-3xl",
-              onKeyDown: (o) => {
-                o.key === "Enter" && h && !b && W();
-              },
-              children: g ? /* @__PURE__ */ n("div", { className: "zd:w-13 zd:h-13 zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ n("div", { className: "zd:w-5 zd:h-5 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) : /* @__PURE__ */ n(
-                "button",
-                {
-                  type: "button",
-                  disabled: !j(h) || L,
-                  className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${j(h) && !L ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
-                  onClick: () => W(),
-                  children: /* @__PURE__ */ n(ie, { name: "chevronRight", className: "zd:text-greyScale" })
-                }
-              )
+              action: "primary",
+              text: "Try again",
+              onClick: () => m(null)
             }
           )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ n("div", { className: "zd:px-4", children: /* @__PURE__ */ n(
-      Be,
-      {
-        termsAndConditionsUrl: t == null ? void 0 : t.termsAndConditionsUrl,
-        privacyPolicyUrl: t == null ? void 0 : t.privacyPolicyUrl,
-        agreedToTerms: d,
-        setAgreedToTerms: (o) => {
-          i(o), o && l(!1);
-        },
-        highlight: u
-      }
-    ) })
+        ] }) }),
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: `zd:-mx-4 zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-hidden${f !== null ? " zd:hidden" : ""}`,
+            children: [
+              /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
+                /* @__PURE__ */ p("div", { className: "zd:px-4 zd:flex zd:flex-col zd:items-center", children: [
+                  /* @__PURE__ */ t("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ t(j2, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
+                  /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
+                  /* @__PURE__ */ t(z, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
+                ] }),
+                /* @__PURE__ */ t("div", { className: "zd:mt-6 zd:mb-4 zd:px-4 zd:flex zd:flex-col zd:gap-2", children: e })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "zd:px-4", children: /* @__PURE__ */ t(
+                V2,
+                {
+                  termsAndConditionsUrl: n,
+                  privacyPolicyUrl: a,
+                  agreedToTerms: i,
+                  setAgreedToTerms: (x) => {
+                    o(x), x && c(!1);
+                  },
+                  highlight: s
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function r2({ label: e = "or" }) {
+  return /* @__PURE__ */ p("div", { className: "zd:-mx-4 zd:my-2 zd:flex zd:items-center zd:gap-3", children: [
+    /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" }),
+    /* @__PURE__ */ t(z, { className: "zd:text-body3", children: e }),
+    /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
   ] });
 }
-function Fe() {
+function ee(e) {
+  return /* @__PURE__ */ p(i2, { ...e, children: [
+    /* @__PURE__ */ t(n2, {}),
+    /* @__PURE__ */ t(r2, {}),
+    /* @__PURE__ */ t(t2, {}),
+    /* @__PURE__ */ t(e2, {})
+  ] });
+}
+const te = Object.assign(i2, {
+  Default: ee,
+  Passkey: n2,
+  Google: t2,
+  Email: e2,
+  Wallet: Q2,
+  InstalledWallets: K2,
+  MoreWallets: Y2,
+  Divider: r2
+});
+function ne() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-function _e() {
-  const {
-    otpId: e,
-    otpEncryptionTargetBundle: s,
-    goToStep: a,
-    clearOtpSession: t,
-    config: r
-  } = R(), [d] = w(Fe), [i, u] = w(null), l = K(!1), { mutate: h, isPending: x } = fe({
+function ie() {
+  const { otpId: e, otpEncryptionTargetBundle: n, goToStep: a, clearOtpSession: r } = F(), [i] = E(ne), [o, s] = E(null), c = X(!1), { mutate: f, isPending: m } = y2({
     mutation: {
-      onSuccess: async () => {
-        var f;
-        t(), a("authenticated"), (f = r == null ? void 0 : r.onSuccess) == null || f.call(r);
+      onSuccess: () => {
+        r(), a("authenticated");
       },
-      onError: (f) => {
-        var N;
-        u(f), (N = r == null ? void 0 : r.onError) == null || N.call(r, f);
+      onError: (g) => {
+        s(g);
       }
     }
   });
-  return O(() => {
-    if (!(l.current || !d)) {
-      if (l.current = !0, !e || !s) {
-        M(), a(null);
+  return N(() => {
+    if (!(c.current || !i)) {
+      if (c.current = !0, !e || !n) {
+        U(), a(null);
         return;
       }
-      h({ otpId: e, code: d, otpEncryptionTargetBundle: s });
+      f({ otpId: e, code: i, otpEncryptionTargetBundle: n });
     }
-  }, [e, s, d, h, a]), /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      !i && x && /* @__PURE__ */ n(P, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
-      !i && !d && !x && /* @__PURE__ */ c(A, { children: [
-        /* @__PURE__ */ c(P, { imageName: "error", title: "Invalid Link", children: [
+  }, [e, n, i, f, a]), /* @__PURE__ */ p(v, { children: [
+    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      !o && m && /* @__PURE__ */ t(b, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
+      !o && !i && !m && /* @__PURE__ */ p(v, { children: [
+        /* @__PURE__ */ p(b, { imageName: "error", title: "Invalid Link", children: [
           "This verification link is invalid or incomplete.",
-          /* @__PURE__ */ n("br", {}),
+          /* @__PURE__ */ t("br", {}),
           "Please check your email and try again with the correct link."
         ] }),
-        /* @__PURE__ */ n(
-          E,
+        /* @__PURE__ */ t(
+          S,
           {
             action: "primary",
             onClick: () => {
-              M(), a("sign-up");
+              U(), a("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      i != null && /* @__PURE__ */ c(A, { children: [
-        /* @__PURE__ */ n(P, { imageName: "error", title: "Oops, something went wrong", children: "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request." }),
-        /* @__PURE__ */ n(
-          E,
+      o != null && /* @__PURE__ */ p(v, { children: [
+        /* @__PURE__ */ t(b, { imageName: "error", title: "Oops, something went wrong", children: "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request." }),
+        /* @__PURE__ */ t(
+          S,
           {
             action: "primary",
             onClick: () => {
-              M(), a("sign-up");
+              U(), a("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
-  ] });
-}
-function qe() {
-  const { goToStep: e } = R(), { connect: s, connectors: a, isPending: t } = ue(), r = a.filter((i) => i.id !== "zerodev-wallet"), d = (i) => {
-    s(
-      { connector: i },
-      {
-        onSuccess: () => {
-          e(null);
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ n(m, { className: "zd:text-h2 zd:text-center", children: "Select your wallet" }),
-      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-2", children: r.length === 0 ? /* @__PURE__ */ n(m, { className: "zd:text-center", children: "No wallets detected. Install a browser wallet extension to continue." }) : r.map((i) => /* @__PURE__ */ n(
-        $,
-        {
-          title: i.name,
-          icon: i.icon ? /* @__PURE__ */ n(
-            "img",
-            {
-              src: i.icon,
-              alt: "",
-              className: "zd:w-6 zd:h-6"
-            }
-          ) : /* @__PURE__ */ n(D, { name: "walletOutline" }),
-          disabled: t,
-          onClick: () => d(i),
-          className: "zd:rounded-3xl"
-        },
-        i.uid
-      )) })
-    ] }),
-    /* @__PURE__ */ n(B, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const We = {
-  "wallet-selection": "Choose your wallet"
-};
-function Ve() {
-  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(P, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+function re() {
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(b, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
 }
-function Ge() {
-  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(P, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+function ae() {
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(b, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
 }
-function $e(e) {
+function oe(e, n) {
   switch (e) {
     case "sign-up":
-      return /* @__PURE__ */ n(He, {});
+      return n ? n() : /* @__PURE__ */ t(te.Default, {});
     case "email-verification":
-      return /* @__PURE__ */ n(Ee, {});
+      return /* @__PURE__ */ t(U2, {});
     case "otp-input":
-      return /* @__PURE__ */ n(Oe, {});
+      return /* @__PURE__ */ t(G2, {});
     case "verifying-otp":
-      return /* @__PURE__ */ n(_e, {});
+      return /* @__PURE__ */ t(ie, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ n(Ve, {});
+      return /* @__PURE__ */ t(re, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ n(Ge, {});
-    case "wallet-selection":
-      return /* @__PURE__ */ n(qe, {});
+      return /* @__PURE__ */ t(ae, {});
     case "error":
-      return /* @__PURE__ */ n(Te, {});
+      return /* @__PURE__ */ t(O2, {});
     default:
       return null;
   }
 }
-function lt({
+function Ce({
   onClose: e,
-  size: s
+  size: n,
+  renderSignUp: a,
+  logo: r
 } = {}) {
-  const { step: a, goToStep: t, goBack: r, reset: d } = R(), i = I(X(), (x) => x.logo);
-  O(() => {
-    a === null && ke() && t("verifying-otp");
-  }, [a, t]);
-  const u = $e(a);
-  if (!u) return null;
-  const l = () => {
-    M(), d(), e == null || e();
-  }, h = a ? We[a] : void 0;
-  return /* @__PURE__ */ n(
-    ae,
+  const { step: i, goToStep: o, goBack: s, reset: c } = F();
+  N(() => {
+    i === null && T2() && o("verifying-otp");
+  }, [i, o]);
+  const f = oe(i, a);
+  return f ? /* @__PURE__ */ t(
+    u2,
     {
-      ...s && { size: s },
-      contentClassName: a === "sign-up" ? "zd:px-0" : void 0,
-      topNav: /* @__PURE__ */ n(
-        oe,
+      ...n && { size: n },
+      className: i === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
+      topNav: /* @__PURE__ */ t(
+        p2,
         {
-          ...r !== null && { onLeftButtonClick: r },
-          onRightButtonClick: l,
-          ...h && { title: h },
-          ...a === "sign-up" && {
-            ...i && { logo: i },
+          ...s !== null && { onLeftButtonClick: s },
+          onRightButtonClick: () => {
+            U(), c(), e == null || e();
+          },
+          ...i === "sign-up" && {
+            ...r && { logo: r },
             className: "zd:px-4"
           }
         }
       ),
-      children: u
+      children: f
     }
-  );
+  ) : null;
 }
-const q = "zerodev:auth:otpSession";
-function De() {
+const V = "zerodev:auth:otpSession";
+function se() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(q);
+    const e = window.localStorage.getItem(V);
     if (!e) return null;
-    const s = JSON.parse(e);
-    return !(s != null && s.otpId) || !(s != null && s.otpEncryptionTargetBundle) ? null : s;
+    const n = JSON.parse(e);
+    return !(n != null && n.otpId) || !(n != null && n.otpEncryptionTargetBundle) ? null : n;
   } catch {
     return null;
   }
 }
-function Ke(e) {
+function le(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        q,
+        V,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function V() {
+function W() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(q);
+      window.localStorage.removeItem(V);
     } catch {
     }
 }
-const Ye = (e, s, a) => ({
+const de = (e, n, a) => ({
   auth: {
     // Initial state
     step: null,
     stepHistory: [],
-    enabledMethods: [],
     email: null,
     otpId: null,
     otpEncryptionTargetBundle: null,
-    config: null,
     // Actions
-    initialize: (t) => {
-      const r = De();
-      e((d) => ({
+    initialize: () => {
+      const r = se();
+      r && e((i) => ({
         auth: {
-          ...d.auth,
-          config: t,
-          enabledMethods: t.enabledMethods,
-          ...r && {
-            otpId: r.otpId,
-            otpEncryptionTargetBundle: r.otpEncryptionTargetBundle
-          }
+          ...i.auth,
+          otpId: r.otpId,
+          otpEncryptionTargetBundle: r.otpEncryptionTargetBundle
         }
       }));
     },
-    goToStep: (t) => {
-      e((r) => ({
+    goToStep: (r) => {
+      e((i) => ({
         auth: {
-          ...r.auth,
-          step: t,
-          stepHistory: r.auth.step === null ? r.auth.stepHistory : [...r.auth.stepHistory, r.auth.step]
+          ...i.auth,
+          step: r,
+          stepHistory: i.auth.step === null ? i.auth.stepHistory : [...i.auth.stepHistory, i.auth.step]
         }
       }));
     },
     goBack: () => {
-      const { auth: t } = s();
-      if (t.stepHistory.length === 0) return;
-      const r = [...t.stepHistory], d = r.pop();
-      e((i) => ({
+      const { auth: r } = n();
+      if (r.stepHistory.length === 0) return;
+      const i = [...r.stepHistory], o = i.pop();
+      e((s) => ({
         auth: {
-          ...i.auth,
-          step: d,
-          stepHistory: r
+          ...s.auth,
+          step: o,
+          stepHistory: i
         }
       }));
     },
     reset: () => {
-      V(), e((t) => ({
+      W(), e((r) => ({
         auth: {
-          ...t.auth,
+          ...r.auth,
           step: null,
           stepHistory: [],
           email: null,
@@ -872,85 +1108,82 @@ const Ye = (e, s, a) => ({
         }
       }));
     },
-    setEmail: (t) => {
-      e((r) => ({
+    setEmail: (r) => {
+      e((i) => ({
         auth: {
-          ...r.auth,
-          email: t
+          ...i.auth,
+          email: r
         }
       }));
     },
-    setOtpSession: ({ otpId: t, otpEncryptionTargetBundle: r }) => {
-      Ke({ otpId: t, otpEncryptionTargetBundle: r }), e((d) => ({
+    setOtpSession: ({ otpId: r, otpEncryptionTargetBundle: i }) => {
+      le({ otpId: r, otpEncryptionTargetBundle: i }), e((o) => ({
         auth: {
-          ...d.auth,
-          otpId: t,
-          otpEncryptionTargetBundle: r
+          ...o.auth,
+          otpId: r,
+          otpEncryptionTargetBundle: i
         }
       }));
     },
     clearOtpSession: () => {
-      V(), e((t) => ({
+      W(), e((r) => ({
         auth: {
-          ...t.auth,
+          ...r.auth,
           otpId: null,
           otpEncryptionTargetBundle: null
         }
       }));
     }
   }
-}), Je = (e = {}) => de()(
-  xe((s, a, t) => ({
+}), ce = () => z2()(
+  A2((e, n, a) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
-    logo: e.logo ?? null,
-    addPendingRequest: (r) => s((d) => ({
-      pendingRequests: [...d.pendingRequests, r]
+    addPendingRequest: (r) => e((i) => ({
+      pendingRequests: [...i.pendingRequests, r]
     })),
-    removePendingRequest: (r) => s((d) => ({
-      pendingRequests: d.pendingRequests.filter((i) => i.id !== r)
+    removePendingRequest: (r) => e((i) => ({
+      pendingRequests: i.pendingRequests.filter((o) => o.id !== r)
     })),
-    clearPendingRequests: () => s({ pendingRequests: [] }),
-    setUserConfirmationListenerActive: (r) => s({ userConfirmationListenerActive: r }),
-    ...Ye(s, a)
+    clearPendingRequests: () => e({ pendingRequests: [] }),
+    setUserConfirmationListenerActive: (r) => e({ userConfirmationListenerActive: r }),
+    ...de(e, n)
   }))
 );
-function Xe(e) {
-  return new Promise((s, a) => {
-    const t = e.subscribe(
-      (r) => r.auth.step,
-      (r) => {
-        r === "authenticated" ? (t(), s()) : r === null && (t(), a(new Error("Auth flow dismissed")));
+function ue(e) {
+  return new Promise((n, a) => {
+    const r = e.subscribe(
+      (i) => i.auth.step,
+      (i) => {
+        i === "authenticated" ? (r(), n()) : i === null && (r(), a(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function dt(e) {
-  var t, r;
-  const s = ge(e), a = Je({ logo: (t = e.config) == null ? void 0 : t.logo });
-  return (r = e.config) != null && r.auth && a.getState().auth.initialize(e.config.auth), (d) => {
-    const i = s(d);
+function Ee(e) {
+  const n = v2(e), a = ce();
+  return (r) => {
+    const i = n(r);
     return {
       ...i,
-      async connect(u) {
-        var l;
+      async connect(o) {
         try {
-          return await i.connect(u);
-        } catch (h) {
-          if (u != null && u.isReconnecting || !((l = e.config) != null && l.auth) || !(h instanceof ye))
-            throw h;
+          return await i.connect(o);
+        } catch (s) {
+          if (o != null && o.isReconnecting || !(s instanceof S2))
+            throw s;
           if (a.getState().auth.step !== null)
             throw new Error("Auth flow already in progress");
-          return a.getState().auth.goToStep("sign-up"), await Xe(a), i.connect(u);
+          return a.getState().auth.goToStep("sign-up"), await ue(a), i.connect(o);
         }
       },
       async disconnect() {
-        var u, l;
-        await ((u = i.disconnect) == null ? void 0 : u.call(i)), (l = e.config) != null && l.auth && a.getState().auth.reset();
+        var o;
+        await ((o = i.disconnect) == null ? void 0 : o.call(i)), a.getState().auth.reset();
       },
       async setup() {
-        var u;
-        await ((u = i.setup) == null ? void 0 : u.call(i)), typeof window > "u";
+        var o;
+        await ((o = i.setup) == null ? void 0 : o.call(i)), !(typeof window > "u") && a.getState().auth.initialize();
       },
       getKitStore() {
         return a;
@@ -959,8 +1192,9 @@ function dt(e) {
   };
 }
 export {
-  lt as AuthFlow,
-  R as useAuth,
-  dt as zeroDevWallet
+  Ce as ConnectWallet,
+  te as SignUp,
+  F as useAuth,
+  Ee as zeroDevWallet
 };
 //# sourceMappingURL=index.mjs.map