@zerodev/wallet-react-ui 0.0.11 → 0.0.13

package/dist/index.mjs

@@ -1,80 +1,87 @@
-import { jsxs as c, jsx as t, Fragment as x } from "react/jsx-runtime";
-import { Text as D, cn as B, PoweredBy as H, Button as S, Wrapper as e2, Input as f2, Icon as Z, ListItem as M, ListItemChevron as V, ListItemIcon as t2, Badge as n2, BottomSheet as m2, BottomSheetContent as g2, BottomSheetTitle as z2, BottomSheetClose as D2, Screen as i2, TopNav as a2 } from "@zerodev/react-ui";
-import { useState as C, useEffect as U, useMemo as w2, useRef as r2, createContext as C2, useContext as E2, useLayoutEffect as F2, useCallback as x2, Fragment as y2 } from "react";
-import { useStore as O, create as v2 } from "zustand";
-import { useConfig as S2, useConnectors as $, useConnect as q } from "wagmi";
-import { useSendMagicLink as s2, useSendOTP as l2, useVerifyOTP as b2, useAuthenticateOAuth as A2, useRegisterPasskey as N2, useLoginPasskey as k2, useVerifyMagicLink as U2, zeroDevWallet as T2, NotAuthenticatedError as _2 } from "@zerodev/wallet-react";
-import { subscribeWithSelector as L2 } from "zustand/middleware";
-const O2 = "" + new URL("error.webp", import.meta.url).href, I2 = "" + new URL("loading.webp", import.meta.url).href, M2 = "" + new URL("send.webp", import.meta.url).href, H2 = "" + new URL("success.webp", import.meta.url).href, P2 = {
-  error: O2,
-  loading: I2,
-  send: M2,
-  success: H2
+import { jsxs as f, jsx as n, Fragment as A } from "react/jsx-runtime";
+import { Text as D, cn as G, PoweredBy as H, Button as v, Wrapper as u2, BottomSheet as f2, BottomSheetContent as p2, BottomSheetTitle as h2, BottomSheetClose as m2, QrCode as T2, Input as L2, Icon as V, ListItem as O, ListItemChevron as _, ListItemIcon as g2, Badge as Q, Screen as z2, TopNav as C2 } from "@zerodev/react-ui";
+import { useState as x, useEffect as k, useMemo as Y, useRef as j, createContext as O2, useContext as M2, useLayoutEffect as W2, useCallback as B2, Fragment as R2 } from "react";
+import { useStore as T, create as H2 } from "zustand";
+import { useConfig as D2, useConnectors as W, useConnect as P2, useConnections as _2, useAccount as w2 } from "wagmi";
+import { useSendMagicLink as x2, useSendOTP as E2, useVerifyOTP as Z2, useAuthenticateOAuth as G2, useRegisterPasskey as V2, useLoginPasskey as j2, useVerifyMagicLink as q2, zeroDevWallet as K2, NotAuthenticatedError as J2 } from "@zerodev/wallet-react";
+import { connect as Q2 } from "@wagmi/core";
+import { subscribeWithSelector as Y2 } from "zustand/middleware";
+import { walletConnect as X2 } from "wagmi/connectors";
+const $2 = "" + new URL("error.webp", import.meta.url).href, ee = "" + new URL("loading.webp", import.meta.url).href, te = "" + new URL("send.webp", import.meta.url).href, ne = "" + new URL("success.webp", import.meta.url).href, ie = {
+  error: $2,
+  loading: ee,
+  send: te,
+  success: ne
 };
 function N({
   imageName: e,
-  title: n,
-  children: r,
-  className: a
+  title: t,
+  children: o,
+  className: i
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: B("zd:flex zd:flex-col zd:gap-8 zd:items-center", a),
+      className: G("zd:flex zd:flex-col zd:gap-8 zd:items-center", i),
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "img",
           {
-            src: P2[e],
+            src: ie[e],
             alt: e,
-            className: "zd:w-[118px] zd:h-[118px] zd:bg-transparent"
+            className: "zd:w-[118px] zd:h-[118px] zd:object-contain zd:bg-transparent"
           }
         ),
-        /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
-          /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: n }),
-          /* @__PURE__ */ t(D, { className: "zd:text-center zd:whitespace-pre-wrap", children: r })
+        /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
+          /* @__PURE__ */ n(D, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: t }),
+          /* @__PURE__ */ n(D, { className: "zd:text-center zd:whitespace-pre-wrap", children: o })
         ] })
       ]
     }
   );
 }
-function R2() {
-  const n = S2().connectors.find((r) => r.id === "zerodev-wallet");
-  if (!n || !("getKitStore" in n))
+function y2() {
+  const t = D2().connectors.find((o) => o.id === "zerodev-wallet");
+  if (!t || !("getKitStore" in t))
     throw new Error("useKitStore must be used with the zeroDevWallet connector");
-  return n.getKitStore();
+  return t.getKitStore();
 }
-function F() {
-  const e = R2(), n = O(e, (l) => l.auth.step), r = O(e, (l) => l.auth.stepHistory), a = O(e, (l) => l.auth.email), i = O(e, (l) => l.auth.otpId), s = O(
+function b() {
+  const e = y2(), t = T(e, (s) => s.auth.step), o = T(e, (s) => s.auth.stepHistory), i = T(e, (s) => s.auth.email), r = T(e, (s) => s.auth.otpId), a = T(
     e,
-    (l) => l.auth.otpEncryptionTargetBundle
-  );
+    (s) => s.auth.otpEncryptionTargetBundle
+  ), c = T(e, (s) => s.auth.pendingWallet), l = T(e, (s) => s.auth.connectError);
   return {
-    step: n,
-    email: a,
-    otpId: i,
-    otpEncryptionTargetBundle: s,
+    step: t,
+    email: i,
+    otpId: r,
+    otpEncryptionTargetBundle: a,
+    pendingWallet: c,
+    connectError: l,
+    startWalletConnection: e.getState().auth.startWalletConnection,
+    setConnectError: e.getState().auth.setConnectError,
+    clearPendingWallet: e.getState().auth.clearPendingWallet,
     goToStep: e.getState().auth.goToStep,
-    goBack: r.length > 0 ? e.getState().auth.goBack : null,
+    goBack: o.length > 0 ? e.getState().auth.goBack : null,
     reset: e.getState().auth.reset,
     setEmail: e.getState().auth.setEmail,
     setOtpSession: e.getState().auth.setOtpSession,
     clearOtpSession: e.getState().auth.clearOtpSession
   };
 }
-function B2() {
-  const { email: e, setOtpSession: n } = F(), { mutateAsync: r, isPending: a } = s2(), [i, s] = C(60), l = i <= 0 && !a;
-  return U(() => {
-    if (i <= 0) return;
-    const p = setInterval(() => {
-      s((m) => Math.max(0, m - 1));
+function re() {
+  const { email: e, setOtpSession: t } = b(), { mutateAsync: o, isPending: i } = x2(), [r, a] = x(60), c = r <= 0 && !i;
+  return k(() => {
+    if (r <= 0) return;
+    const s = setInterval(() => {
+      a((d) => Math.max(0, d - 1));
     }, 1e3);
     return () => {
-      clearInterval(p);
+      clearInterval(s);
     };
-  }, [i]), /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ c(
+  }, [r]), /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ f("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
+      /* @__PURE__ */ f(
         N,
         {
           imageName: "send",
@@ -83,155 +90,155 @@ function B2() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ t(D, { as: "span", className: "zd:text-solarOrange", children: e }),
+            /* @__PURE__ */ n(D, { as: "span", className: "zd:text-solarOrange", children: e }),
             `
 `,
             "Please open the email and click the link to log in."
           ]
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ f(D, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !l,
+            disabled: !c,
             onClick: async () => {
-              if (!(!e || !l))
+              if (!(!e || !c))
                 try {
-                  const { otpId: p, otpEncryptionTargetBundle: m } = await r({
+                  const { otpId: s, otpEncryptionTargetBundle: d } = await o({
                     email: e
                   });
-                  n({ otpId: p, otpEncryptionTargetBundle: m }), s(60);
+                  t({ otpId: s, otpEncryptionTargetBundle: d }), a(60);
                 } catch {
                 }
             },
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: l ? "Resend" : `Resend in ${i} ${i === 1 ? "second" : "seconds"}`
+            children: c ? "Resend" : `Resend in ${r} ${r === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function Z2() {
+function oe() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function I() {
+function P() {
   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 G2({
+function ae({
   title: e = "Oops, something went wrong",
-  message: n = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
-  showRetry: r = !1,
-  showChooseAnother: a = !0
+  message: t = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
+  showRetry: o = !1,
+  showChooseAnother: i = !0
 }) {
-  const { goToStep: i, goBack: s, reset: l } = F();
-  return /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      /* @__PURE__ */ t(N, { imageName: "error", title: e, children: n }),
-      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
-        r && /* @__PURE__ */ t(S, { action: "primary", text: "Try again", onClick: s ?? (() => i("sign-up")) }),
-        a && /* @__PURE__ */ t(
-          S,
+  const { goToStep: r, goBack: a, reset: c } = b();
+  return /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ f("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      /* @__PURE__ */ n(N, { imageName: "error", title: e, children: t }),
+      /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
+        o && /* @__PURE__ */ n(v, { action: "primary", text: "Try again", onClick: a ?? (() => r("sign-up")) }),
+        i && /* @__PURE__ */ n(
+          v,
           {
-            action: r ? "secondary" : "primary",
+            action: o ? "secondary" : "primary",
             onClick: () => {
-              I(), i("sign-up");
+              P(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !r && !a && /* @__PURE__ */ t(S, { action: "primary", text: "Start over", onClick: l })
+        !o && !i && /* @__PURE__ */ n(v, { action: "primary", text: "Start over", onClick: c })
       ] })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const V2 = 4, W2 = 8, j2 = 6;
-function $2(e) {
-  return Math.max(V2, Math.min(W2, e));
+const se = 4, le = 8, ce = 6;
+function de(e) {
+  return Math.max(se, Math.min(le, e));
 }
-function q2({ char: e, isFocused: n }) {
-  return /* @__PURE__ */ t(
-    e2,
+function ue({ char: e, isFocused: t }) {
+  return /* @__PURE__ */ n(
+    u2,
     {
       "data-testid": "code-input-box",
-      "data-active": n || void 0,
-      className: B(
+      "data-active": t || void 0,
+      className: G(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
-        n && "zd:border-[1.5px] zd:border-greyScale"
+        t && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ t(D, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ n(D, { className: "zd:text-h2", children: e })
     }
   );
 }
-function K2({
+function fe({
   onChange: e,
-  onComplete: n,
-  disabled: r = !1,
-  error: a = !1,
-  autoFocus: i = !1,
-  length: s = j2,
-  "data-testid": l
+  onComplete: t,
+  disabled: o = !1,
+  error: i = !1,
+  autoFocus: r = !1,
+  length: a = ce,
+  "data-testid": c
 }) {
-  const o = $2(s), p = w2(
-    () => Array.from({ length: o }, (u, z) => ({
-      id: `char-${z}`,
-      index: z
+  const l = de(a), s = Y(
+    () => Array.from({ length: l }, (u, h) => ({
+      id: `char-${h}`,
+      index: h
     })),
-    [o]
-  ), [m, g] = C(""), [E, h] = C(!1), d = r2(null);
-  U(() => {
+    [l]
+  ), [d, p] = x(""), [w, z] = x(!1), C = j(null);
+  k(() => {
     var u;
-    i && !r && ((u = d.current) == null || u.focus());
-  }, [i, r]), U(() => {
-    g((u) => u.slice(0, o));
-  }, [o]);
-  const f = (u) => {
-    const z = u.slice(0, o).toUpperCase();
-    g(z), e == null || e(z), z.length === o && setTimeout(() => {
-      var w;
-      n == null || n(z), (w = d.current) == null || w.blur();
+    r && !o && ((u = C.current) == null || u.focus());
+  }, [r, o]), k(() => {
+    p((u) => u.slice(0, l));
+  }, [l]);
+  const m = (u) => {
+    const h = u.slice(0, l).toUpperCase();
+    p(h), e == null || e(h), h.length === l && setTimeout(() => {
+      var g;
+      t == null || t(h), (g = C.current) == null || g.blur();
     }, 0);
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ f(
     "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 u;
-        return (u = d.current) == null ? void 0 : u.focus();
+        return (u = C.current) == null ? void 0 : u.focus();
       },
-      disabled: r,
-      "data-testid": l,
+      disabled: o,
+      "data-testid": c,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "input",
           {
-            ref: d,
-            value: m,
-            onChange: (u) => f(u.target.value),
-            onFocus: () => h(!0),
-            onBlur: () => h(!1),
-            maxLength: o,
-            disabled: r,
+            ref: C,
+            value: d,
+            onChange: (u) => m(u.target.value),
+            onFocus: () => z(!0),
+            onBlur: () => z(!1),
+            maxLength: l,
+            disabled: o,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        p.map((u) => /* @__PURE__ */ t(
-          q2,
+        s.map((u) => /* @__PURE__ */ n(
+          ue,
           {
-            char: m[u.index] ?? "",
-            isFocused: !a && E && u.index === m.length
+            char: d[u.index] ?? "",
+            isFocused: !i && w && u.index === d.length
           },
           u.id
         ))
@@ -239,121 +246,121 @@ function K2({
     }
   );
 }
-function Y2() {
+function pe() {
   const {
     email: e,
-    otpId: n,
-    otpEncryptionTargetBundle: r,
-    setOtpSession: a,
-    clearOtpSession: i,
-    goToStep: s
-  } = F(), { mutateAsync: l, isPending: o } = l2(), { mutateAsync: p, isPending: m } = b2(), [g, E] = C(""), [h, d] = C(!1), [f, u] = C(60);
-  U(() => {
-    if (f <= 0) return;
-    const v = setInterval(() => {
-      u((W) => Math.max(0, W - 1));
+    otpId: t,
+    otpEncryptionTargetBundle: o,
+    setOtpSession: i,
+    clearOtpSession: r,
+    goToStep: a
+  } = b(), { mutateAsync: c, isPending: l } = E2(), { mutateAsync: s, isPending: d } = Z2(), [p, w] = x(""), [z, C] = x(!1), [m, u] = x(60);
+  k(() => {
+    if (m <= 0) return;
+    const S = setInterval(() => {
+      u((y) => Math.max(0, y - 1));
     }, 1e3);
-    return () => clearInterval(v);
-  }, [f]);
-  const z = async () => {
-    if (!(!g.trim() || !n || !r)) {
-      d(!1);
+    return () => clearInterval(S);
+  }, [m]);
+  const h = async () => {
+    if (!(!p.trim() || !t || !o)) {
+      C(!1);
       try {
-        await p({
-          otpId: n,
-          code: g.trim(),
-          otpEncryptionTargetBundle: r
-        }), i(), s("authenticated");
+        await s({
+          otpId: t,
+          code: p.trim(),
+          otpEncryptionTargetBundle: o
+        }), r(), a("authenticated");
       } catch {
-        d(!0);
+        C(!0);
       }
     }
-  }, w = (v) => {
-    E(v);
-  }, y = async () => {
-    if (!(!e || f > 0 || o))
+  }, g = (S) => {
+    w(S);
+  }, E = async () => {
+    if (!(!e || m > 0 || l))
       try {
-        const { otpId: v, otpEncryptionTargetBundle: W } = await l({ email: e });
-        a({
-          otpId: v,
-          otpEncryptionTargetBundle: W
-        }), u(60), d(!1);
+        const { otpId: S, otpEncryptionTargetBundle: y } = await c({ email: e });
+        i({
+          otpId: S,
+          otpEncryptionTargetBundle: y
+        }), u(60), C(!1);
       } catch {
-        d(!0);
+        C(!0);
       }
-  }, b = f <= 0 && !o;
-  return /* @__PURE__ */ c(x, { 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__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
-        /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
+  }, F = m <= 0 && !l;
+  return /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ f("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
+      /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
+        /* @__PURE__ */ n(D, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
+        /* @__PURE__ */ f(D, { className: "zd:text-center", children: [
           "Enter the code from the email we sent to",
           " ",
-          /* @__PURE__ */ t(D, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ n(D, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
-      /* @__PURE__ */ t(
-        K2,
+      /* @__PURE__ */ n(
+        fe,
         {
-          onComplete: w,
-          onChange: () => d(!1),
-          disabled: m,
-          error: h,
+          onComplete: g,
+          onChange: () => C(!1),
+          disabled: d,
+          error: z,
           autoFocus: !0
         }
       ),
-      /* @__PURE__ */ t(
-        S,
+      /* @__PURE__ */ n(
+        v,
         {
           text: "Confirm code",
-          onClick: z,
-          disabled: !g.trim() || m
+          onClick: h,
+          disabled: !p.trim() || d
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
+      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ f(D, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !b,
-            onClick: y,
+            disabled: !F,
+            onClick: E,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: b ? "Resend" : `Resend in ${f} ${f === 1 ? "second" : "seconds"}`
+            children: F ? "Resend" : `Resend in ${m} ${m === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function J2({
+function he({
   termsAndConditionsUrl: e,
-  privacyPolicyUrl: n,
-  agreedToTerms: r,
-  setAgreedToTerms: a,
-  highlight: i = !1
+  privacyPolicyUrl: t,
+  agreedToTerms: o,
+  setAgreedToTerms: i,
+  highlight: r = !1
 }) {
-  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || n) && /* @__PURE__ */ c(
+  return /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
+    !!(e || t) && /* @__PURE__ */ f(
       "div",
       {
-        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"}`,
+        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"}`,
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ n(
             "input",
             {
               type: "checkbox",
-              checked: r,
-              onChange: (l) => a(l.target.checked),
+              checked: o,
+              onChange: (c) => i(c.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ c(D, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ f(D, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
-            e && /* @__PURE__ */ t(
+            e && /* @__PURE__ */ n(
               D,
               {
                 as: "a",
@@ -364,12 +371,12 @@ function J2({
                 children: "Terms & Conditions"
               }
             ),
-            e && n && " and ",
-            n && /* @__PURE__ */ t(
+            e && t && " and ",
+            t && /* @__PURE__ */ n(
               D,
               {
                 as: "a",
-                href: n,
+                href: t,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "zd:underline",
@@ -380,17 +387,17 @@ function J2({
         ]
       }
     ),
-    /* @__PURE__ */ t(H, {})
+    /* @__PURE__ */ n(H, {})
   ] });
 }
-const X2 = "" + new URL("blob.webm", import.meta.url).href;
-function Q2({ className: e }) {
-  return /* @__PURE__ */ t(
+const me = "" + new URL("blob.webm", import.meta.url).href;
+function ge({ className: e }) {
+  return /* @__PURE__ */ n(
     "video",
     {
       className: e,
       style: { aspectRatio: "1 / 1" },
-      src: X2,
+      src: me,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -400,108 +407,14 @@ function Q2({ className: e }) {
     }
   );
 }
-const o2 = C2(null);
-function T() {
-  const e = E2(o2);
-  if (!e)
-    throw new Error("SignUp.* components must be rendered inside <SignUp>");
-  return e;
+const ze = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='24'%20height='24'%20fill='url(%23pattern0_19361_9946)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_19361_9946'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_19361_9946'%20transform='scale(0.0136986)'/%3e%3c/pattern%3e%3cimage%20id='image0_19361_9946'%20width='73'%20height='73'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgpSURBVHgB5Zx/bFNVFMfPbWc2NJD9BAckjmSDDs1WEwSNvzqVxGCCDP/ABJUZTUQJv4wGogkwEg38xQ9jookJW9QE/hhs+8N/AFeDkoAkPIyuA6aUBEgJYw4WZcDayzl3feV1e3197/a+0rWfpGn7+nr73rfnnHvuue8+Blmm7nG/nwMEIBZ7DIDVMAA/bcdtNcb9cHsYtw2BeHANPJ6LuFHr/1MLQpZh4DI1Nf7SokegBWL8dfw1P6pRCpkTBA/rKopCZ1+fFgaXcUWkJGHIatwlyDys/e5/0BkOa0PgAkpFEuI8HFuPzW5QZDG2GXNP3lnEPXtUW5cykWrnN2x9EOKMR4jFeFt/7x+toIiMRap9wh9gUb5vfOB90JBYGLdaz/+ltUGGSIskXGtKbMx6chjGoO3u/2xjJvFKSiSfz18zyvghiHffuQ5ZlZezJtlY5QGHkHuNevhpmCQCERQK8E89PdfnXwUSeJ3sPNfXsIpz6MSXJTD5KOEMlpVPnwGD167+4uSLtkWq9TVs5YzthkkPCzgVypZIwoLyQiAdZ0KlFYliUNzF8gwWqKysDl8fiJxJu6fVh9SLRRnvybUcSCFDOKRpwlxKs9rJsnfLc4GIUhxfHqKcz2qnlCLV1jfsynOBBHSORVP4Pqt9TN2N4hBEeQ8UEBxY898hzTT2mloSjcWgwGDA96Vyuwki1dU3rC8ENzMByzxgOg5NcrcC6M3SMTR6i80ZPxhOsqRRiK0qYIEIU2tKsqS6+sYL2RJp2rSpsPCpBbAIH9OmToVZs2aKbcTNm8Nwc3gYQn1nxePk76fEtiwxwZoSIuEsRguPuRuwSYTly5bCKy81waKFCxx998TJU3Cws1s8XIex1v5ebVvirf6itr6RuvwAuMTaNauh5e2VCWuR5fLlK9CBQn319TfgGjR11XvmyftvIVFEuwAuQBaz84vtwp1UQmJt+nyLsDBX8LImfY5PBO6o1x0LanlnJfzQ9p1ygQhqk9omC3WF2H1NRBWgvHLGLlAcsOngP/14PbgNWSq58LFfj4NqBgeuttOzcLfa+Y3/qpwKIoHW2fiHyVWO/Nwjni9fuZLoweik633zxMNukD94qFu4n0qwlyujXo7V+nCcxtSN0+bjiXUdPGC5D/VQezHwUlyxA7kWiU49oxVL31gBodBZUIU+nvOI+XmF9GJek6rnuYSiLF2+AjZ9tsW2QIQI0vidwOIlog0z6DdVCkSweAjyllU9+ia+eRoUcgKTP/Jjo5scOdoD732wxpE44xnGBLP9+x9h9syZUF8/L7GdBNrrQkrAGIsMXot0eSuqZmwCF7Jso1DkXhs+2Qy3b98BFVAc09t2SyAB/gjWwb9lGLRPo/O5Noe2+OUmOHzUndIUBXYatrgFTWqeD52Z42GSvRr1QJSnBA//BLMt8iC7AlEb1Fa69oxYCaS3142diGyWr49jGQ5HODhEF4j+SYLizIfrNkoHztnxxFBPOqm9t1reTxmknbZHYlJ7MoNkSgMcT3OPF4jQs19jMLXL+BMytmfXoozQcXV1HEhqj7bJtldSAqWORVr70eokgXSo3OFUKDOBdGSE0sUwcy/6THYI41gk6qlSma0ToawE0nEilJVAOjIdyMgIDHnExU4OSOffdoSyI5COHaHSCUTHSsd8REIkGpY4tiTCjlDdGBfMhhFOBNKxinl2BZIsqYjqpAe7Ng0ksNNj7Pxye5JQ+gnJlE7MhKK2rbp4XSDpXIqNeRkOS6qfkR2WDAxcFyWK5597NuWBUjKpD0XoJKuqKlO2txnHZ4cxm6bvmFFcXAyvLXkVjv12HF7A36Q/IRUZCyRgJwYHIvsxT/Lj7ADfBRlgJ27QQVsFVRKoI16/JpF2YDVTNglUIxAkat0eTCul3M2IneTPyiWMAhHUC8kmf6LSQCUTBcMVHtfGM1qCLxhkfCW9TJas/+MdJjMgMlnypfgxZFJpMPKQLlJYw/klBdZEOBHKjks4EUq1QDRjol+tG08BWBcowo5QTmKGHaGUCwTkaixxqaAQqUjx5X5WQskEVdqX4oxZe24IRDDvfU2ESHGzCoJCzITST0gmqFq1p1wgTLSN6+oMGbc6l9MxnlgmAlm1p1ogAicA9hjfJ6a5a/z+0qI7OIvr0iojSgFUXfRgvLDCDYo4m2NcYpG4RHkoEhkpr6iegrIFwAVU1bf1tlS2ZwSL/23nQlq7cVvy9UklsFtFzjSZ8cZgwjq5JJFEzhRL9sdCgqzIbCXThFIJWZPTGlM+IJZ7mVgRMUEksiZMpN6FQoOz1lTr4UzXlmB5IIwllDLVM7u5CrnZ+ZDWmurzlJXJaDFsKwS3s3IznZQiiSDuYc1539vhOaZbdmq5lGvwWiRSUVF9FYVaBvnIWFFtf7rd0q53w/iklVdWM7eSzAfGuCtsrbC1chKFCuaVUA4EImyvwc0boRwKRDhazU1CVVRWX8RwH4BJuaKbbewPaTvAIdI3T5hMC3XE/UswQe7vk7v3kiNL0hkYiAxNr6zu4oyVQc7fRIEFsfTRfK5Pk67jS1mSkTqfvwUY35pzVkX5HQ410L0yXqovZUlGKEUgq4oBu5ErQZ0qi9FbrPmffjW3NsvYkoyMxSrYxoFL3RMkI9BysOvtpCFGzt5kyogQi1Y8ZcMNya2wBjY6Arsnxe3KzKC7AcZi0MIYvIiTWUqCPFpMOAbQxXAqTLbHcvZ7WUTcmKoEe8OxPKtRTDownvqOgWJwzcJ4kFqMww3cEozegqBbFpOKrIqUDnJTeqZL8LIthBX3AMO5NwaXDfWSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", X = ze;
+function $(e, t) {
+  return t.rdns && e.id === t.rdns ? !0 : !!t.rdns && e.type === "injected" && e.id !== "injected" && e.id !== "zerodev-wallet" && e.name === t.name;
 }
-function L(e) {
-  const { setAuthPending: n } = T();
-  U(() => (n(e), () => n(!1)), [e, n]);
-}
-const ee = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function j(e) {
-  return ee.test(e.trim());
-}
-function d2() {
-  const { goToStep: e, setEmail: n, setOtpSession: r } = F(), {
-    authPending: a,
-    emailAuthMethod: i,
-    needsAgreement: s,
-    guardAgreement: l,
-    setError: o
-  } = T(), [p, m] = C(""), g = i === "otp", { mutateAsync: E, isPending: h } = l2(), { mutateAsync: d, isPending: f } = s2(), u = h || f;
-  L(u);
-  const z = async () => {
-    if (!(!p || a) && j(p) && l()) {
-      o(null);
-      try {
-        const w = g ? E : d, { otpId: y, otpEncryptionTargetBundle: b } = await w({
-          email: p
-        });
-        n(p), r({ otpId: y, otpEncryptionTargetBundle: b }), e(g ? "otp-input" : "email-verification");
-      } catch (w) {
-        o(
-          w instanceof Error ? w.message : "Failed to send verification code"
-        );
-      }
-    }
-  };
-  return /* @__PURE__ */ t(
-    f2,
-    {
-      iconName: "email",
-      placeholder: "Enter your email",
-      value: p,
-      onChange: (w) => m(w.target.value),
-      type: "email",
-      autoCapitalize: "none",
-      autoComplete: "email",
-      disabled: a,
-      variant: "listItemStyle",
-      onKeyDown: (w) => {
-        w.key === "Enter" && p && !a && z();
-      },
-      children: u ? /* @__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: !j(p) || s,
-          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${j(p) && !s ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
-          onClick: () => z(),
-          children: /* @__PURE__ */ t(Z, { name: "chevronRight", className: "zd:text-greyScale" })
-        }
-      )
-    }
-  );
-}
-function P(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 M(e, t) {
+  return $(e, t) ? !0 : !!t.rdns && (Array.isArray(e.rdns) ? e.rdns.includes(t.rdns) : e.rdns === t.rdns);
 }
-function c2() {
-  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), { mutateAsync: i, isPending: s } = A2({
-    mutation: {
-      onSuccess: () => {
-        e("authenticated");
-      }
-    }
-  });
-  return L(s), /* @__PURE__ */ t(
-    M,
-    {
-      icon: /* @__PURE__ */ t(t2, { name: "google" }),
-      title: "Google",
-      trailing: /* @__PURE__ */ t(V, {}),
-      disabled: n,
-      onClick: async () => {
-        if (!n && r()) {
-          a(null);
-          try {
-            await i({ provider: "google" });
-          } catch (o) {
-            P(o) || a(o instanceof Error ? o.message : String(o));
-          }
-        }
-      }
-    }
-  );
-}
-function G(e, n) {
-  return !!n.rdns && (e.id === n.rdns || (Array.isArray(e.rdns) ? e.rdns.includes(n.rdns) : e.rdns === n.rdns));
-}
-const te = [
+const Ce = [
   {
     id: "metamask",
     name: "MetaMask",
@@ -538,6 +451,7 @@ const te = [
     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",
+    mobileLink: "rabby://wc?uri=",
     downloadUrl: "https://rabby.io"
   },
   {
@@ -579,83 +493,353 @@ const te = [
     mobileLink: "bnc://app.binance.com/cedefi/wc?uri=",
     downloadUrl: "https://www.binance.com/en/download"
   }
-], k = te;
-function ne({
+], U = Ce;
+function De({
+  open: e,
+  onOpenChange: t,
+  wallet: o,
+  pairing: i
+}) {
+  return /* @__PURE__ */ n(f2, { open: e, onOpenChange: t, children: /* @__PURE__ */ f(p2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ n(h2, { children: o ? `Connect ${o.name}` : "WalletConnect" }),
+    /* @__PURE__ */ n(we, { wallet: o, pairing: i })
+  ] }) });
+}
+function we({
+  wallet: e,
+  pairing: t
+}) {
+  const { startWalletConnection: o } = b(), { uri: i, error: r, retry: a } = t, c = W(), l = e ? c.find((h) => M(h, e)) : void 0, [s, d] = x(
+    l ? "browser" : "mobile"
+  ), [p, w] = x(!1), z = i && (e != null && e.mobileLink) ? `${e.mobileLink}${encodeURIComponent(i)}` : i, C = async () => {
+    if (i)
+      try {
+        await navigator.clipboard.writeText(i), w(!0), setTimeout(() => w(!1), 2e3);
+      } catch {
+      }
+  }, m = () => {
+    l && o({
+      connectorUid: l.uid,
+      name: (e == null ? void 0 : e.name) ?? l.name,
+      icon: (e == null ? void 0 : e.icon) ?? l.icon
+    });
+  }, u = r;
+  return /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-3", children: [
+    /* @__PURE__ */ f("div", { className: "zd:flex zd:w-full zd:items-center zd:gap-2", children: [
+      /* @__PURE__ */ n(
+        "img",
+        {
+          src: e ? e.icon : X,
+          alt: "",
+          className: "zd:w-8 zd:h-8 zd:rounded-xl"
+        }
+      ),
+      /* @__PURE__ */ n(D, { className: "zd:text-h3 zd:flex-1", children: e ? e.name : "WalletConnect" }),
+      /* @__PURE__ */ n(m2, { asChild: !0, children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Close",
+          className: "zd:cursor-pointer zd:px-2 zd:text-greyScale/60",
+          children: "✕"
+        }
+      ) })
+    ] }),
+    e && /* @__PURE__ */ n("div", { className: "zd:flex zd:w-full zd:gap-2", children: ["mobile", "browser"].map((h) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: () => d(h),
+        className: `zd:flex-1 zd:rounded-2xl zd:py-1.5 zd:text-body3 zd:cursor-pointer ${s === h ? "zd:bg-greyScale/10 zd:font-semibold" : "zd:text-greyScale/60"}`,
+        children: h === "mobile" ? "Mobile" : "Browser"
+      },
+      h
+    )) }),
+    !e || s === "mobile" ? u ? /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-2 zd:items-center", children: [
+      /* @__PURE__ */ n(D, { className: "zd:text-center zd:text-red-500", children: u }),
+      /* @__PURE__ */ n(v, { action: "secondary", text: "Try again", onClick: a })
+    ] }) : /* @__PURE__ */ f(A, { children: [
+      /* @__PURE__ */ n("div", { className: "zd:bg-white zd:rounded-2xl zd:p-2 zd:border zd:border-greyScale/10", children: z ? /* @__PURE__ */ n(T2, { value: z, size: 176 }) : /* @__PURE__ */ n("div", { className: "zd:w-[176px] zd:h-[176px] zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ n("div", { className: "zd:w-8 zd:h-8 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) }),
+      z && (e == null ? void 0 : e.mobileLink) && /* @__PURE__ */ f(
+        "a",
+        {
+          href: z,
+          className: "zd:w-full zd:rounded-2xl zd:bg-greyScale/10 zd:py-2 zd:text-center zd:text-body2 zd:font-semibold",
+          children: [
+            "Open in ",
+            e.name
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        v,
+        {
+          action: "secondary",
+          text: p ? "Copied" : "Copy link",
+          onClick: C,
+          disabled: !z
+        }
+      )
+    ] }) : u ? /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-2 zd:items-center", children: [
+      /* @__PURE__ */ n(D, { className: "zd:text-center zd:text-red-500", children: u }),
+      /* @__PURE__ */ n(
+        v,
+        {
+          action: "secondary",
+          text: "Try again",
+          onClick: l ? m : a
+        }
+      )
+    ] }) : l && e ? /* @__PURE__ */ f(
+      "button",
+      {
+        type: "button",
+        onClick: m,
+        className: "zd:w-full zd:cursor-pointer zd:rounded-2xl zd:bg-greyScale/10 zd:py-2 zd:text-center zd:text-body2 zd:font-semibold",
+        children: [
+          "Open in ",
+          e.name
+        ]
+      }
+    ) : e && /* @__PURE__ */ f(
+      "a",
+      {
+        href: e.downloadUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "zd:w-full zd:rounded-2xl zd:bg-greyScale/10 zd:py-2 zd:text-center zd:text-body2 zd:font-semibold",
+        children: [
+          "Get ",
+          e.name
+        ]
+      }
+    )
+  ] });
+}
+function F2() {
+  var e, t;
+  return typeof window > "u" ? !1 : ((t = (e = window.matchMedia) == null ? void 0 : e.call(window, "(pointer: coarse)")) == null ? void 0 : t.matches) || /Android|webOS|iPhone|iPad|iPod|BlackBerry|Opera Mini/u.test(
+    navigator.userAgent
+  );
+}
+function q(e) {
+  return e.type === "walletConnect" && "zdWalletConnect" in e;
+}
+function xe(e) {
+  const { wallet: t, connectors: o, uri: i, mobile: r } = e;
+  return !t.mobileLink || !r || !i || o.some((a) => M(a, t)) ? null : `${t.mobileLink}${encodeURIComponent(i)}`;
+}
+function Ee() {
+  const { goToStep: e } = b(), t = W(), o = t.find(q), { connect: i } = P2(), a = _2().some(
+    (C) => C.connector.uid === (o == null ? void 0 : o.uid)
+  ), { isReconnecting: c } = w2(), [l, s] = x(null), [d, p] = x(null), w = j(!1), z = (C) => {
+    p(null), s(null), i({ connector: C }, { onError: (m) => p(m.message) });
+  };
+  return k(() => {
+    if (!o || a) return;
+    const C = ({ type: E, data: F }) => {
+      E === "display_uri" && typeof F == "string" && s(F);
+    };
+    o.emitter.on("message", C);
+    const m = () => p("Proposal expired"), u = () => e(null);
+    let h, g = !1;
+    return o.getProvider().then((E) => {
+      var F, S, y;
+      g || (h = E, (y = (S = (F = h.signer) == null ? void 0 : F.client) == null ? void 0 : S.events) == null || y.on("proposal_expire", m), h.on("connect", u));
+    }).catch((E) => {
+      g || p(E instanceof Error ? E.message : String(E));
+    }), !w.current && !c && (w.current = !0, z(o)), () => {
+      var E, F, S;
+      g = !0, (S = (F = (E = h == null ? void 0 : h.signer) == null ? void 0 : E.client) == null ? void 0 : F.events) == null || S.off("proposal_expire", m), h == null || h.off("connect", u), o.emitter.off("message", C);
+    };
+  }, [o, a, c]), {
+    uri: l,
+    error: d,
+    retry: () => {
+      o && z(o);
+    },
+    deepLinkFor: (C) => xe({
+      wallet: C,
+      connectors: t,
+      uri: d ? null : l,
+      mobile: F2()
+    })
+  };
+}
+const v2 = O2(null);
+function I() {
+  const e = M2(v2);
+  if (!e)
+    throw new Error("SignUp.* components must be rendered inside <SignUp>");
+  return e;
+}
+function e2(e) {
+  const { setAuthPending: t } = I();
+  k(() => (t(e), () => t(!1)), [e, t]);
+}
+const ye = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function J(e) {
+  return ye.test(e.trim());
+}
+function b2() {
+  const { goToStep: e, setEmail: t, setOtpSession: o } = b(), {
+    authPending: i,
+    emailAuthMethod: r,
+    needsAgreement: a,
+    guardAgreement: c,
+    setError: l
+  } = I(), [s, d] = x(""), p = r === "otp", { mutateAsync: w, isPending: z } = E2(), { mutateAsync: C, isPending: m } = x2(), u = z || m;
+  e2(u);
+  const h = async () => {
+    if (!(!s || i) && J(s) && c()) {
+      l(null);
+      try {
+        const g = p ? w : C, { otpId: E, otpEncryptionTargetBundle: F } = await g({
+          email: s
+        });
+        t(s), o({ otpId: E, otpEncryptionTargetBundle: F }), e(p ? "otp-input" : "email-verification");
+      } catch (g) {
+        l(
+          g instanceof Error ? g.message : "Failed to send verification code"
+        );
+      }
+    }
+  };
+  return /* @__PURE__ */ n(
+    L2,
+    {
+      iconName: "email",
+      placeholder: "Enter your email",
+      value: s,
+      onChange: (g) => d(g.target.value),
+      type: "email",
+      autoCapitalize: "none",
+      autoComplete: "email",
+      disabled: i,
+      variant: "listItemStyle",
+      onKeyDown: (g) => {
+        g.key === "Enter" && s && !i && h();
+      },
+      children: u ? /* @__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(s) || a,
+          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${J(s) && !a ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
+          onClick: () => h(),
+          children: /* @__PURE__ */ n(V, { name: "chevronRight", className: "zd:text-greyScale" })
+        }
+      )
+    }
+  );
+}
+function t2(e) {
+  let t = e;
+  for (let i = 0; i < 5 && Fe(t); i++) {
+    if (t.code === 4001) return !0;
+    t = t.cause;
+  }
+  return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" || e.name === "UserRejectedRequestError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
+}
+function Fe(e) {
+  return typeof e == "object" && e !== null;
+}
+function S2() {
+  const { goToStep: e } = b(), { authPending: t, guardAgreement: o, setError: i } = I(), { mutateAsync: r, isPending: a } = G2({
+    mutation: {
+      onSuccess: () => {
+        e("authenticated");
+      }
+    }
+  });
+  return e2(a), /* @__PURE__ */ n(
+    O,
+    {
+      icon: /* @__PURE__ */ n(g2, { name: "google" }),
+      title: "Google",
+      trailing: /* @__PURE__ */ n(_, {}),
+      disabled: t,
+      onClick: async () => {
+        if (!t && o()) {
+          i(null);
+          try {
+            await r({ provider: "google" });
+          } catch (l) {
+            t2(l) || i(l instanceof Error ? l.message : String(l));
+          }
+        }
+      }
+    }
+  );
+}
+function ve({
   excludeWalletIds: e = [],
-  maxWallets: n = 4
+  maxWallets: t = 4
 }) {
-  const { goToStep: r } = F(), { authPending: a, guardAgreement: i, setError: s, registeredWallets: l } = T(), o = $(), { mutate: p, isPending: m } = q();
-  L(m);
-  const g = o.filter(
-    (h) => h.type === "injected" && h.id !== "injected" && h.id !== "zerodev-wallet"
-  ).map((h) => {
-    const d = k.find((f) => G(h, f));
+  const { startWalletConnection: o } = b(), { authPending: i, guardAgreement: r, registeredWallets: a } = I(), l = W().filter(
+    (d) => d.type === "injected" && d.id !== "injected" && d.id !== "zerodev-wallet"
+  ).map((d) => {
+    const p = U.find((w) => M(d, w));
     return {
-      connector: h,
-      walletId: d == null ? void 0 : d.id,
-      name: (d == null ? void 0 : d.name) ?? h.name,
-      icon: (d == null ? void 0 : d.icon) ?? h.icon,
-      ids: d ? [d.id, h.id] : [h.id],
-      rank: d ? k.indexOf(d) : k.length
+      connector: d,
+      walletId: p == null ? void 0 : p.id,
+      name: (p == null ? void 0 : p.name) ?? d.name,
+      icon: (p == null ? void 0 : p.icon) ?? d.icon,
+      ids: p ? [p.id, d.id] : [d.id],
+      rank: p ? U.indexOf(p) : U.length
     };
   }).filter(
-    (h) => !(h.walletId && l.includes(h.walletId))
-  ).filter((h) => !h.ids.some((d) => e.includes(d))).sort((h, d) => h.rank - d.rank).slice(0, n), E = (h) => {
-    a || i() && (s(null), p(
-      { connector: h },
-      {
-        // The external wallet is now the active wagmi connection — the
-        // embedded-wallet flow is done, so close it (mirrors SignUp.Wallet).
-        onSuccess: () => r(null),
-        onError: (d) => {
-          P(d) || s(d instanceof Error ? d.message : String(d));
-        }
-      }
-    ));
+    (d) => !(d.walletId && a.includes(d.walletId))
+  ).filter((d) => !d.ids.some((p) => e.includes(p))).sort((d, p) => d.rank - p.rank).slice(0, t), s = (d) => {
+    i || r() && o({
+      connectorUid: d.connector.uid,
+      name: d.name,
+      icon: d.icon
+    });
   };
-  return /* @__PURE__ */ t(x, { children: g.map(({ connector: h, name: d, icon: f }) => /* @__PURE__ */ t(
-    M,
+  return /* @__PURE__ */ n(A, { children: l.map((d) => /* @__PURE__ */ n(
+    O,
     {
-      title: d,
-      icon: f ? /* @__PURE__ */ t("img", { src: f, alt: "", className: "zd:w-6 zd:h-6" }) : null,
-      subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }),
-      trailing: /* @__PURE__ */ t(V, {}),
-      disabled: a,
-      onClick: () => E(h)
+      title: d.name,
+      icon: d.icon ? /* @__PURE__ */ n("img", { src: d.icon, alt: "", className: "zd:w-6 zd:h-6" }) : null,
+      subtitle: /* @__PURE__ */ n(Q, { text: "INSTALLED" }),
+      trailing: /* @__PURE__ */ n(_, {}),
+      disabled: i,
+      onClick: () => s(d)
     },
-    h.uid
+    d.connector.uid
   )) });
 }
-function ie({ tile: e }) {
-  return /* @__PURE__ */ c(
+function be({ tile: e }) {
+  return /* @__PURE__ */ f(
     "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(
-          Z,
+        /* @__PURE__ */ n("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__ */ n("img", { src: e.icon, alt: "", className: "zd:w-8 zd:h-8" }) : /* @__PURE__ */ n(
+          V,
           {
             name: "walletOutline",
             className: "zd:w-8 zd:h-8 zd:text-greyScale"
           }
         ) }),
-        /* @__PURE__ */ t(D, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
+        /* @__PURE__ */ n(D, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
       ]
     }
   );
 }
-function ae({
+function Se({
   open: e,
-  onOpenChange: n,
-  tiles: r
+  onOpenChange: t,
+  tiles: o
 }) {
-  return /* @__PURE__ */ t(m2, { open: e, onOpenChange: n, children: /* @__PURE__ */ c(g2, { className: "zd:p-4", children: [
-    /* @__PURE__ */ t(z2, { children: "All wallets" }),
-    /* @__PURE__ */ c("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
-      /* @__PURE__ */ t(D, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
-      /* @__PURE__ */ t(D2, { asChild: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(f2, { open: e, onOpenChange: t, children: /* @__PURE__ */ f(p2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ n(h2, { children: "All wallets" }),
+    /* @__PURE__ */ f("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
+      /* @__PURE__ */ n(D, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
+      /* @__PURE__ */ n(m2, { asChild: !0, children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
@@ -665,398 +849,647 @@ function ae({
         }
       ) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: r.map((a) => /* @__PURE__ */ t(ie, { tile: a }, a.key)) })
+    /* @__PURE__ */ n("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: o.map((i) => /* @__PURE__ */ n(be, { tile: i }, i.key)) })
   ] }) });
 }
-function re({
+function Ae({
   title: e = "More wallets"
 }) {
-  const { goToStep: n } = F(), { authPending: r, guardAgreement: a, setError: i } = T(), [s, l] = C(!1), o = $(), { mutate: p, isPending: m } = q();
-  L(m);
-  const g = o.filter(
+  const { startWalletConnection: t } = b(), { authPending: o, guardAgreement: i, openWalletSheet: r } = I(), [a, c] = x(!1), l = W(), s = l.filter(
     (u) => u.id !== "zerodev-wallet" && u.type !== "walletConnect"
-  ), E = (u) => {
-    r || a() && (l(!1), i(null), p(
-      { connector: u },
-      {
-        // The external wallet is now the active wagmi connection — the
-        // embedded-wallet flow is done, so close it.
-        onSuccess: () => n(null),
-        onError: (z) => {
-          P(z) || i(z instanceof Error ? z.message : String(z));
-        }
-      }
-    ));
-  }, h = k.map((u) => {
-    const z = g.find((w) => G(w, u));
+  ), d = (u, h, g) => {
+    o || i() && (c(!1), t({ connectorUid: u.uid, name: h, icon: g }));
+  }, p = l.some(q), w = U.map((u) => {
+    const h = s.find((g) => $(g, u));
     return {
       key: u.id,
       name: u.name,
       icon: u.icon,
       onSelect: () => {
-        if (z) {
-          E(z);
+        if (h) {
+          d(h, u.name, u.icon);
+          return;
+        }
+        if (p) {
+          if (o || !i()) return;
+          c(!1), r(u);
           return;
         }
-        l(!1), window.open(u.downloadUrl, "_blank", "noopener,noreferrer");
+        const g = s.find((E) => M(E, u));
+        if (g) {
+          d(g, u.name, u.icon);
+          return;
+        }
+        c(!1), window.open(u.downloadUrl, "_blank", "noopener,noreferrer");
       }
     };
-  }), d = g.filter((u) => !k.some((z) => G(u, z))).map((u) => ({
+  }), z = s.filter((u) => !U.some((h) => M(u, h))).map((u) => ({
     key: u.uid,
     name: u.name,
     icon: u.icon,
-    onSelect: () => E(u)
+    onSelect: () => d(u, u.name, u.icon)
   }));
-  return /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ t(
-      M,
+  return /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ n(
+      O,
       {
-        icon: /* @__PURE__ */ t(t2, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
+        icon: /* @__PURE__ */ n(g2, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
         title: e,
-        trailing: /* @__PURE__ */ t(V, {}),
-        disabled: r,
+        trailing: /* @__PURE__ */ n(_, {}),
+        disabled: o,
         onClick: () => {
-          r || a() && l(!0);
+          o || i() && c(!0);
         }
       }
     ),
-    /* @__PURE__ */ t(
-      ae,
+    /* @__PURE__ */ n(
+      Se,
       {
-        open: s,
-        onOpenChange: l,
-        tiles: [...h, ...d]
+        open: a,
+        onOpenChange: c,
+        tiles: [...p ? [
+          {
+            key: "walletconnect",
+            name: "WalletConnect",
+            icon: X,
+            onSelect: () => {
+              o || i() && (c(!1), r());
+            }
+          }
+        ] : [], ...w, ...z]
       }
     )
   ] });
 }
-function u2() {
-  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), i = {
+function A2() {
+  const { goToStep: e } = b(), { authPending: t, guardAgreement: o, setError: i } = I(), r = {
     onSuccess: () => {
       e("authenticated");
     },
-    onError: (g) => {
-      P(g) || a(g instanceof Error ? g.message : String(g));
+    onError: (p) => {
+      t2(p) || i(p instanceof Error ? p.message : String(p));
     }
-  }, { mutate: s, isPending: l } = N2({ mutation: i }), { mutate: o, isPending: p } = k2({
-    mutation: i
+  }, { mutate: a, isPending: c } = V2({ mutation: r }), { mutate: l, isPending: s } = j2({
+    mutation: r
   });
-  L(l || p);
-  const m = (g) => () => {
-    n || r() && (a(null), g());
+  e2(c || s);
+  const d = (p) => () => {
+    t || o() && (i(null), p());
   };
-  return /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ t(
-      S,
+  return /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ n(
+      v,
       {
         action: "secondary",
         text: "Create a passkey",
         iconName: "key",
         trailIcon: !0,
-        disabled: n,
-        onClick: m(() => s())
+        disabled: t,
+        onClick: d(() => a())
       }
     ),
-    /* @__PURE__ */ t(
-      S,
+    /* @__PURE__ */ n(
+      v,
       {
         action: "secondary",
         text: "Log in with passkey",
         iconName: "key",
         trailIcon: !0,
-        disabled: n,
-        onClick: m(() => o())
+        disabled: t,
+        onClick: d(() => l())
       }
     )
   ] });
 }
-function se({ walletId: e }) {
-  const n = k.find((f) => f.id === e);
-  if (!n)
+function ke({ walletId: e }) {
+  const t = U.find((z) => z.id === e);
+  if (!t)
     throw new Error(
-      `Unknown walletId "${e}". Valid ids: ${k.map((f) => f.id).join(", ")}`
+      `Unknown walletId "${e}". Valid ids: ${U.map((z) => z.id).join(", ")}`
     );
-  const { goToStep: r } = F(), { authPending: a, guardAgreement: i, setError: s, registerWallet: l } = T(), o = $(), { mutate: p, isPending: m } = q();
-  L(m), F2(() => l(n.id), [l, n.id]);
-  const g = o.find((f) => G(f, n)), E = !!n.rdns && o.some((f) => f.id === n.rdns), h = {
-    title: n.name,
-    icon: /* @__PURE__ */ t("img", { src: n.icon, alt: "", className: "zd:w-6 zd:h-6" }),
-    trailing: /* @__PURE__ */ t(V, {})
+  const { startWalletConnection: o } = b(), { authPending: i, guardAgreement: r, registerWallet: a, openWalletSheet: c } = I(), l = W();
+  W2(() => a(t.id), [a, t.id]);
+  const s = l.find((z) => $(z, t)), d = {
+    title: t.name,
+    icon: /* @__PURE__ */ n("img", { src: t.icon, alt: "", className: "zd:w-6 zd:h-6" }),
+    trailing: /* @__PURE__ */ n(_, {})
   };
-  return g ? /* @__PURE__ */ t(
-    M,
+  if (!s && l.some(q))
+    return /* @__PURE__ */ n(
+      O,
+      {
+        ...d,
+        disabled: i,
+        onClick: () => {
+          i || r() && c(t);
+        }
+      }
+    );
+  const p = s ?? l.find((z) => M(z, t));
+  return p ? /* @__PURE__ */ n(
+    O,
     {
-      ...h,
-      ...E && { subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }) },
-      disabled: a,
+      ...d,
+      ...!!s && { subtitle: /* @__PURE__ */ n(Q, { text: "INSTALLED" }) },
+      disabled: i,
       onClick: () => {
-        a || i() && (s(null), p(
-          { connector: g },
-          {
-            // The external wallet is now the active wagmi connection — the
-            // embedded-wallet flow is done, so close it (mirrors SignUp.MoreWallets).
-            onSuccess: () => r(null),
-            onError: (f) => {
-              P(f) || s(f instanceof Error ? f.message : String(f));
-            }
-          }
-        ));
+        i || r() && o({
+          connectorUid: p.uid,
+          name: t.name,
+          icon: t.icon
+        });
       }
     }
-  ) : /* @__PURE__ */ t(M, { ...h, asChild: !0, children: /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ n(O, { ...d, asChild: !0, children: /* @__PURE__ */ n(
     "a",
     {
-      href: n.downloadUrl,
+      href: t.downloadUrl,
       target: "_blank",
       rel: "noopener noreferrer"
     }
   ) });
 }
-function p2({
+function Ne() {
+  const { authPending: e, guardAgreement: t, openWalletSheet: o } = I();
+  return W().some(q) ? /* @__PURE__ */ n(
+    O,
+    {
+      title: "WalletConnect",
+      icon: /* @__PURE__ */ n("img", { src: X, alt: "", className: "zd:w-6 zd:h-6" }),
+      subtitle: /* @__PURE__ */ n(Q, { text: "QR CODE" }),
+      trailing: /* @__PURE__ */ n(_, {}),
+      disabled: e,
+      onClick: () => {
+        e || t() && o();
+      }
+    }
+  ) : null;
+}
+function k2({
   children: e,
-  termsAndConditionsUrl: n,
-  privacyPolicyUrl: r,
-  emailAuthMethod: a = "magicLink"
+  termsAndConditionsUrl: t,
+  privacyPolicyUrl: o,
+  emailAuthMethod: i = "magicLink"
 }) {
-  const [i, s] = C(!1), [l, o] = C(!1), [p, m] = C(null), [g, E] = C(!1), [h, d] = C(
+  const [r, a] = x(!1), [c, l] = x(!1), [s, d] = x(null), [p, w] = x(!1), [z, C] = x(
     []
-  ), f = x2((y) => (d((b) => [...b, y]), () => {
-    d((b) => {
-      const v = [...b];
-      return v.splice(v.indexOf(y), 1), v;
+  ), m = B2((y) => (C((B) => [...B, y]), () => {
+    C((B) => {
+      const K = [...B];
+      return K.splice(K.indexOf(y), 1), K;
     });
-  }), []), z = !!(n || r) && !i, w = () => z ? (o(!0), !1) : !0;
-  return /* @__PURE__ */ c(
-    o2.Provider,
+  }), []), [u, h] = x(null), g = Ee(), F = !!(t || o) && !r, S = () => F ? (l(!0), !1) : !0;
+  return /* @__PURE__ */ f(
+    v2.Provider,
     {
       value: {
-        authPending: g,
-        emailAuthMethod: a,
-        setAuthPending: E,
-        needsAgreement: z,
-        guardAgreement: w,
-        setError: m,
-        registeredWallets: h,
-        registerWallet: f
+        authPending: p,
+        emailAuthMethod: i,
+        setAuthPending: w,
+        needsAgreement: F,
+        guardAgreement: S,
+        setError: d,
+        registeredWallets: z,
+        registerWallet: m,
+        openWalletSheet: (y) => {
+          const B = y && g.deepLinkFor(y);
+          B && (window.location.href = B), h({ wallet: y });
+        }
       },
       children: [
-        p !== null && /* @__PURE__ */ t("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full zd:min-h-100", children: /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
-          /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
-          /* @__PURE__ */ t(D, { className: "zd:text-center zd:text-red-500", children: p }),
-          /* @__PURE__ */ t(
-            S,
+        s !== null && /* @__PURE__ */ n("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full zd:min-h-100", children: /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
+          /* @__PURE__ */ n(D, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
+          /* @__PURE__ */ n(D, { className: "zd:text-center zd:text-red-500", children: s }),
+          /* @__PURE__ */ n(
+            v,
             {
               action: "primary",
               text: "Try again",
-              onClick: () => m(null)
+              onClick: () => d(null)
             }
           )
         ] }) }),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ f(
           "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${p !== null ? " zd:hidden" : ""}`,
+            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${s !== null ? " zd: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__ */ t("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ t(Q2, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
-                  /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
-                  /* @__PURE__ */ t(D, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
+              /* @__PURE__ */ f("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
+                /* @__PURE__ */ f("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(ge, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
+                  /* @__PURE__ */ n(D, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
+                  /* @__PURE__ */ n(D, { 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__ */ n("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(
-                J2,
+              /* @__PURE__ */ n("div", { className: "zd:px-4", children: /* @__PURE__ */ n(
+                he,
                 {
-                  termsAndConditionsUrl: n,
-                  privacyPolicyUrl: r,
-                  agreedToTerms: i,
+                  termsAndConditionsUrl: t,
+                  privacyPolicyUrl: o,
+                  agreedToTerms: r,
                   setAgreedToTerms: (y) => {
-                    s(y), y && o(!1);
+                    a(y), y && l(!1);
                   },
-                  highlight: l
+                  highlight: c
                 }
               ) })
             ]
           }
+        ),
+        /* @__PURE__ */ n(
+          De,
+          {
+            pairing: g,
+            open: u !== null,
+            onOpenChange: (y) => {
+              y || h(null);
+            },
+            wallet: u == null ? void 0 : u.wallet
+          }
         )
       ]
     }
   );
 }
-function h2({ label: e = "or" }) {
-  return /* @__PURE__ */ c("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(D, { className: "zd:text-body3", children: e }),
-    /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
+function N2({ label: e = "or" }) {
+  return /* @__PURE__ */ f("div", { className: "zd:-mx-4 zd:my-2 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(D, { className: "zd:text-body3", children: e }),
+    /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
   ] });
 }
-function le(e) {
-  return /* @__PURE__ */ c(p2, { ...e, children: [
-    /* @__PURE__ */ t(u2, {}),
-    /* @__PURE__ */ t(h2, {}),
-    /* @__PURE__ */ t(c2, {}),
-    /* @__PURE__ */ t(d2, {})
+function Ue(e) {
+  return /* @__PURE__ */ f(k2, { ...e, children: [
+    /* @__PURE__ */ n(A2, {}),
+    /* @__PURE__ */ n(N2, {}),
+    /* @__PURE__ */ n(S2, {}),
+    /* @__PURE__ */ n(b2, {})
   ] });
 }
-const oe = Object.assign(p2, {
-  Default: le,
-  Passkey: u2,
-  Google: c2,
-  Email: d2,
-  Wallet: se,
-  InstalledWallets: ne,
-  MoreWallets: re,
-  Divider: h2
+const Ie = Object.assign(k2, {
+  Default: Ue,
+  Passkey: A2,
+  Google: S2,
+  Email: b2,
+  Wallet: ke,
+  WalletConnect: Ne,
+  InstalledWallets: ve,
+  MoreWallets: Ae,
+  Divider: N2
 });
-function de() {
+function Te() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-function ce() {
-  const { otpId: e, otpEncryptionTargetBundle: n, goToStep: r, clearOtpSession: a } = F(), [i] = C(de), [s, l] = C(null), o = r2(!1), { mutate: p, isPending: m } = U2({
+function Le() {
+  const { otpId: e, otpEncryptionTargetBundle: t, goToStep: o, clearOtpSession: i } = b(), [r] = x(Te), [a, c] = x(null), [l, s] = x(!1), d = j(!1), { mutate: p, isPending: w } = q2({
     mutation: {
       onSuccess: () => {
-        a(), r("authenticated");
+        i(), o("authenticated");
       },
-      onError: (g) => {
-        l(g);
+      onError: (z) => {
+        c(z);
       }
     }
   });
-  return U(() => {
-    if (!(o.current || !i)) {
-      if (o.current = !0, !e || !n) {
-        I(), r(null);
+  return k(() => {
+    if (!(d.current || !r)) {
+      if (d.current = !0, !e || !t) {
+        s(!0);
         return;
       }
-      p({ otpId: e, code: i, otpEncryptionTargetBundle: n });
+      p({ otpId: e, code: r, otpEncryptionTargetBundle: t });
     }
-  }, [e, n, i, p, r]), /* @__PURE__ */ c(x, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      !s && m && /* @__PURE__ */ t(N, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
-      !s && !i && !m && /* @__PURE__ */ c(x, { children: [
-        /* @__PURE__ */ c(N, { imageName: "error", title: "Invalid Link", children: [
+  }, [e, t, r, p, o]), /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ f("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      !a && w && /* @__PURE__ */ n(N, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
+      !a && l && /* @__PURE__ */ f(A, { children: [
+        /* @__PURE__ */ f(N, { imageName: "error", title: "Link Expired", children: [
+          "This verification link has expired or was already used.",
+          /* @__PURE__ */ n("br", {}),
+          "Please sign in again to request a new one."
+        ] }),
+        /* @__PURE__ */ n(
+          v,
+          {
+            action: "primary",
+            onClick: () => {
+              P(), o("sign-up");
+            },
+            text: "Choose another sign-in method"
+          }
+        )
+      ] }),
+      !a && !l && !r && !w && /* @__PURE__ */ f(A, { children: [
+        /* @__PURE__ */ f(N, { imageName: "error", title: "Invalid Link", children: [
           "This verification link is invalid or incomplete.",
-          /* @__PURE__ */ t("br", {}),
+          /* @__PURE__ */ n("br", {}),
           "Please check your email and try again with the correct link."
         ] }),
-        /* @__PURE__ */ t(
-          S,
+        /* @__PURE__ */ n(
+          v,
           {
             action: "primary",
             onClick: () => {
-              I(), r("sign-up");
+              P(), o("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      s != null && /* @__PURE__ */ c(x, { children: [
-        /* @__PURE__ */ t(N, { 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,
+      a != null && /* @__PURE__ */ f(A, { children: [
+        /* @__PURE__ */ n(N, { 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(
+          v,
           {
             action: "primary",
             onClick: () => {
-              I(), r("sign-up");
+              P(), o("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function ue() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(N, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+function Oe(e) {
+  let t = e;
+  for (let o = 0; o < 5 && Me(t); o++) {
+    if (t.code === -32002 || t.name === "ResourceUnavailableRpcError")
+      return !0;
+    t = t.cause;
+  }
+  return !1;
 }
-function pe() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(N, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+function Me(e) {
+  return typeof e == "object" && e !== null;
+}
+const i2 = /* @__PURE__ */ new WeakMap();
+function r2(e) {
+  let t = i2.get(e);
+  return t || (t = /* @__PURE__ */ new Set(), i2.set(e, t)), t;
+}
+function We(e, t) {
+  if (t2(e))
+    return {
+      title: "Request declined",
+      message: `You declined the connection request in ${t}.`,
+      pending: !1
+    };
+  if (Oe(e))
+    return {
+      title: `Check ${t}`,
+      message: `Open ${t} and check for an outstanding request. If one is waiting, approve or dismiss it, then try again.`,
+      pending: !0
+    };
+  let o, i;
+  if (typeof e == "string" && e.length > 0)
+    o = e;
+  else if (typeof e == "object" && e !== null) {
+    const r = e, a = r.shortMessage ?? r.message;
+    typeof a == "string" && a.length > 0 && (o = a), typeof r.code == "number" && (i = r.code);
+  }
+  return {
+    title: "Couldn’t connect",
+    message: o ?? `Something went wrong while connecting to ${t}. Please try again.` + (i !== void 0 ? ` (code ${i})` : ""),
+    pending: !1
+  };
+}
+function Be() {
+  const {
+    pendingWallet: e,
+    connectError: t,
+    setConnectError: o,
+    clearPendingWallet: i,
+    goToStep: r
+  } = b(), a = W(), c = D2(), l = y2(), s = e ? a.find((m) => m.uid === e.connectorUid) : void 0, d = (e == null ? void 0 : e.name) ?? "your wallet", p = () => {
+    const m = l.getState().auth;
+    m.stepHistory.length > 0 ? m.goBack() : m.goToStep("sign-up");
+  }, w = () => {
+    i(), r(null);
+  }, z = () => {
+    if (o(null), s && r2(c).has(s.uid)) return;
+    if (!s) {
+      i(), p();
+      return;
+    }
+    if (c.state.current === s.uid) {
+      w();
+      return;
+    }
+    const m = r2(c);
+    m.add(s.uid), Q2(c, { connector: s }).then(
+      () => {
+        m.delete(s.uid), w();
+      },
+      (u) => {
+        var g;
+        m.delete(s.uid);
+        const h = l.getState().auth;
+        h.step !== "wallet-connecting" || ((g = h.pendingWallet) == null ? void 0 : g.connectorUid) !== s.uid || o(We(u, d));
+      }
+    );
+  };
+  k(() => {
+    if (!s) return;
+    const m = s.uid;
+    return c.subscribe(
+      (u) => u.status === "connected" ? u.current : null,
+      (u) => {
+        var E;
+        if (!u) return;
+        const h = (E = c.state.connections.get(u)) == null ? void 0 : E.connector;
+        if ((h == null ? void 0 : h.uid) !== m) return;
+        const g = l.getState().auth;
+        g.clearPendingWallet(), g.goToStep(null);
+      }
+    );
+  }, [s, c, l]);
+  const C = j(!1);
+  return k(() => {
+    C.current || (C.current = !0, z());
+  }, []), /* @__PURE__ */ f(A, { children: [
+    /* @__PURE__ */ f("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      t === null ? /* @__PURE__ */ f(N, { imageName: "loading", title: `Waiting for ${d}`, children: [
+        "Approve or reject the request in your wallet.",
+        /* @__PURE__ */ n("br", {}),
+        "Nothing showing? Open the wallet, the request may be waiting behind its unlock screen."
+      ] }) : /* @__PURE__ */ n(
+        N,
+        {
+          imageName: t.pending ? "loading" : "error",
+          title: t.title,
+          children: t.message
+        }
+      ),
+      /* @__PURE__ */ f("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
+        t !== null && /* @__PURE__ */ n(v, { action: "primary", text: "Try again", onClick: z }),
+        /* @__PURE__ */ n(
+          v,
+          {
+            action: "secondary",
+            text: "Choose another sign-in method",
+            onClick: p
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+  ] });
 }
-function he(e, n) {
+function Re() {
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(N, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+}
+function He() {
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(N, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+}
+function Pe(e, t) {
   switch (e) {
     case "sign-up":
-      return n ? n() : /* @__PURE__ */ t(oe.Default, {});
+      return t ? t() : /* @__PURE__ */ n(Ie.Default, {});
     case "email-verification":
-      return /* @__PURE__ */ t(B2, {});
+      return /* @__PURE__ */ n(re, {});
     case "otp-input":
-      return /* @__PURE__ */ t(Y2, {});
+      return /* @__PURE__ */ n(pe, {});
     case "verifying-otp":
-      return /* @__PURE__ */ t(ce, {});
+      return /* @__PURE__ */ n(Le, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ t(ue, {});
+      return /* @__PURE__ */ n(Re, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ t(pe, {});
+      return /* @__PURE__ */ n(He, {});
+    case "wallet-connecting":
+      return /* @__PURE__ */ n(Be, {});
     case "error":
-      return /* @__PURE__ */ t(G2, {});
+      return /* @__PURE__ */ n(ae, {});
     default:
       return null;
   }
 }
-function _e({
+function pt({
   onClose: e,
-  size: n,
-  renderSignUp: r,
-  logo: a
+  size: t,
+  renderSignUp: o,
+  logo: i
 } = {}) {
-  const { step: i, goToStep: s, goBack: l, reset: o } = F();
-  U(() => {
-    i === null && Z2() && s("verifying-otp");
-  }, [i, s]);
-  const p = he(i, r);
-  return p ? /* @__PURE__ */ t(
-    i2,
+  const { step: r, goToStep: a, goBack: c, reset: l } = b();
+  k(() => {
+    r === null && oe() && a("verifying-otp");
+  }, [r, a]);
+  const s = Pe(r, o);
+  return s ? /* @__PURE__ */ n(
+    z2,
     {
-      ...n && { size: n },
-      className: i === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
-      topNav: /* @__PURE__ */ t(
-        a2,
+      ...t && { size: t },
+      className: r === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
+      topNav: /* @__PURE__ */ n(
+        C2,
         {
-          ...l !== null && { onLeftButtonClick: l },
+          ...c !== null && { onLeftButtonClick: c },
           onRightButtonClick: () => {
-            I(), o(), e == null || e();
+            P(), l(), e == null || e();
           },
-          ...i === "sign-up" && {
-            ...a && { logo: a },
+          ...r === "sign-up" && {
+            ...i && { logo: i },
             className: "zd:px-4"
           }
         }
       ),
-      children: p
+      children: s
     }
   ) : null;
 }
-const K = "zerodev:auth:otpSession";
-function fe() {
+function _e(e) {
+  const t = e.toLowerCase();
+  return U.find((o) => {
+    const i = o.name.toLowerCase();
+    return t.includes(i) || i.includes(t);
+  });
+}
+function Ze(e) {
+  return U.find((t) => M(e, t));
+}
+function Ge() {
+  const { connector: e, isConnected: t } = w2(), [o, i] = x(void 0), r = !!e && e.type === "walletConnect";
+  return k(() => {
+    if (!e || !r) {
+      i(void 0);
+      return;
+    }
+    let a = !1;
+    return e.getProvider().then((c) => {
+      var s, d;
+      if (a) return;
+      const l = (d = (s = c.session) == null ? void 0 : s.peer) == null ? void 0 : d.metadata;
+      i(l);
+    }).catch(() => {
+    }), () => {
+      a = !0;
+    };
+  }, [e, r]), Y(() => {
+    var c;
+    if (!t || !e) return;
+    if (e.id === "zerodev-wallet")
+      return {
+        name: e.name,
+        icon: e.icon,
+        source: "embedded"
+      };
+    if (r) {
+      const l = o != null && o.name ? _e(o.name) : void 0;
+      return {
+        name: (o == null ? void 0 : o.name) ?? void 0,
+        icon: ((c = o == null ? void 0 : o.icons) == null ? void 0 : c[0]) ?? (l == null ? void 0 : l.icon),
+        walletId: l == null ? void 0 : l.id,
+        // Identity is about the session, so a raw walletConnect() connector
+        // resolves here too — unlike pairing, which is kit-connector-only.
+        source: "walletconnect"
+      };
+    }
+    const a = Ze(e);
+    return {
+      name: e.name,
+      icon: e.icon ?? (a == null ? void 0 : a.icon),
+      walletId: a == null ? void 0 : a.id,
+      source: e.type === "injected" ? "injected" : "other"
+    };
+  }, [e, t, r, o]);
+}
+function ht(e) {
+  const t = Ge();
+  return Y(() => ({ walletInfo: t }), [t]);
+}
+const n2 = "zerodev:auth:otpSession";
+function Ve() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(K);
+    const e = window.localStorage.getItem(n2);
     if (!e) return null;
-    const n = JSON.parse(e);
-    return !(n != null && n.otpId) || !(n != null && n.otpEncryptionTargetBundle) ? null : n;
+    const t = JSON.parse(e);
+    return !(t != null && t.otpId) || !(t != null && t.otpEncryptionTargetBundle) ? null : t;
   } catch {
     return null;
   }
 }
-function me(e) {
+function je(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        K,
+        n2,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function Y() {
+function o2() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(K);
+      window.localStorage.removeItem(n2);
     } catch {
     }
 }
-const ge = (e, n, r) => ({
+const qe = (e, t, o) => ({
   auth: {
     // Initial state
     step: null,
@@ -1064,195 +1497,222 @@ const ge = (e, n, r) => ({
     email: null,
     otpId: null,
     otpEncryptionTargetBundle: null,
+    pendingWallet: null,
+    connectError: null,
     // Actions
     initialize: () => {
-      const a = fe();
-      a && e((i) => ({
+      const i = Ve();
+      i && e((r) => ({
         auth: {
-          ...i.auth,
-          otpId: a.otpId,
-          otpEncryptionTargetBundle: a.otpEncryptionTargetBundle
+          ...r.auth,
+          otpId: i.otpId,
+          otpEncryptionTargetBundle: i.otpEncryptionTargetBundle
         }
       }));
     },
-    goToStep: (a) => {
-      e((i) => ({
+    goToStep: (i) => {
+      e((r) => ({
         auth: {
-          ...i.auth,
-          step: a,
-          stepHistory: i.auth.step === null ? i.auth.stepHistory : [...i.auth.stepHistory, i.auth.step]
+          ...r.auth,
+          step: i,
+          // `null` ends the flow: clear the history so the next open has no
+          // stale back arrow.
+          stepHistory: i === null ? [] : r.auth.step === null ? r.auth.stepHistory : [...r.auth.stepHistory, r.auth.step]
         }
       }));
     },
     goBack: () => {
-      const { auth: a } = n();
-      if (a.stepHistory.length === 0) return;
-      const i = [...a.stepHistory], s = i.pop();
-      e((l) => ({
+      const { auth: i } = t();
+      if (i.stepHistory.length === 0) return;
+      const r = [...i.stepHistory], a = r.pop();
+      e((c) => ({
         auth: {
-          ...l.auth,
-          step: s,
-          stepHistory: i
+          ...c.auth,
+          step: a,
+          stepHistory: r
         }
       }));
     },
     reset: () => {
-      Y(), e((a) => ({
+      o2(), e((i) => ({
         auth: {
-          ...a.auth,
+          ...i.auth,
           step: null,
           stepHistory: [],
           email: null,
           otpId: null,
-          otpEncryptionTargetBundle: null
+          otpEncryptionTargetBundle: null,
+          pendingWallet: null,
+          connectError: null
         }
       }));
     },
-    setEmail: (a) => {
+    startWalletConnection: (i) => {
+      e((r) => ({
+        auth: {
+          ...r.auth,
+          pendingWallet: i,
+          connectError: null,
+          step: "wallet-connecting",
+          stepHistory: r.auth.step === null ? r.auth.stepHistory : [...r.auth.stepHistory, r.auth.step]
+        }
+      }));
+    },
+    setConnectError: (i) => {
+      e((r) => ({
+        auth: { ...r.auth, connectError: i }
+      }));
+    },
+    clearPendingWallet: () => {
       e((i) => ({
+        auth: { ...i.auth, pendingWallet: null, connectError: null }
+      }));
+    },
+    setEmail: (i) => {
+      e((r) => ({
         auth: {
-          ...i.auth,
-          email: a
+          ...r.auth,
+          email: i
         }
       }));
     },
-    setOtpSession: ({ otpId: a, otpEncryptionTargetBundle: i }) => {
-      me({ otpId: a, otpEncryptionTargetBundle: i }), e((s) => ({
+    setOtpSession: ({ otpId: i, otpEncryptionTargetBundle: r }) => {
+      je({ otpId: i, otpEncryptionTargetBundle: r }), e((a) => ({
         auth: {
-          ...s.auth,
-          otpId: a,
-          otpEncryptionTargetBundle: i
+          ...a.auth,
+          otpId: i,
+          otpEncryptionTargetBundle: r
         }
       }));
     },
     clearOtpSession: () => {
-      Y(), e((a) => ({
+      o2(), e((i) => ({
         auth: {
-          ...a.auth,
+          ...i.auth,
           otpId: null,
           otpEncryptionTargetBundle: null
         }
       }));
     }
   }
-}), ze = () => v2()(
-  L2((e, n, r) => ({
+}), Ke = () => H2()(
+  Y2((e, t, o) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
-    addPendingRequest: (a) => e((i) => ({
-      pendingRequests: [...i.pendingRequests, a]
+    addPendingRequest: (i) => e((r) => ({
+      pendingRequests: [...r.pendingRequests, i]
     })),
-    removePendingRequest: (a) => e((i) => ({
-      pendingRequests: i.pendingRequests.filter((s) => s.id !== a)
+    removePendingRequest: (i) => e((r) => ({
+      pendingRequests: r.pendingRequests.filter((a) => a.id !== i)
     })),
     clearPendingRequests: () => e({ pendingRequests: [] }),
-    setUserConfirmationListenerActive: (a) => e({ userConfirmationListenerActive: a }),
-    ...ge(e, n)
+    setUserConfirmationListenerActive: (i) => e({ userConfirmationListenerActive: i }),
+    ...qe(e, t)
   }))
 );
-function De(e) {
-  return new Promise((n, r) => {
-    const a = e.subscribe(
-      (i) => i.auth.step,
-      (i) => {
-        i === "authenticated" ? (a(), n()) : i === null && (a(), r(new Error("Auth flow dismissed")));
+function Je(e) {
+  return new Promise((t, o) => {
+    const i = e.subscribe(
+      (r) => r.auth.step,
+      (r) => {
+        r === "authenticated" ? (i(), t()) : r === null && (i(), o(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function Le(e) {
-  const n = T2(e), r = ze();
-  return (a) => {
-    const i = n(a);
+function mt(e) {
+  const t = K2(e), o = Ke();
+  return (i) => {
+    const r = t(i);
     return {
-      ...i,
-      async connect(s) {
+      ...r,
+      async connect(a) {
         try {
-          return await i.connect(s);
-        } catch (l) {
-          if (s != null && s.isReconnecting || !(l instanceof _2))
-            throw l;
-          if (r.getState().auth.step !== null)
+          return await r.connect(a);
+        } catch (c) {
+          if (a != null && a.isReconnecting || !(c instanceof J2))
+            throw c;
+          if (o.getState().auth.step !== null)
             throw new Error("Auth flow already in progress");
-          return r.getState().auth.goToStep("sign-up"), await De(r), i.connect(s);
+          return o.getState().auth.goToStep("sign-up"), await Je(o), r.connect(a);
         }
       },
       async disconnect() {
-        var s;
-        await ((s = i.disconnect) == null ? void 0 : s.call(i)), r.getState().auth.reset();
+        var a;
+        await ((a = r.disconnect) == null ? void 0 : a.call(r)), o.getState().auth.reset();
       },
       async setup() {
-        var s;
-        await ((s = i.setup) == null ? void 0 : s.call(i)), !(typeof window > "u") && r.getState().auth.initialize();
+        var a;
+        typeof window < "u" && o.getState().auth.initialize(), await ((a = r.setup) == null ? void 0 : a.call(r)), typeof window > "u";
       },
       getKitStore() {
-        return r;
+        return o;
       }
     };
   };
 }
-const we = {
+const Qe = {
   Pending: "zd:text-solarOrange",
   Success: "zd:text-positive",
   Failed: "zd:text-negative"
 };
-function Ce({
+function Ye({
   icon: e,
-  title: n,
-  value: r,
-  chainName: a,
-  chainIconUrl: i,
-  destChainName: s,
-  destChainIconUrl: l,
-  status: o,
-  className: p
+  title: t,
+  value: o,
+  chainName: i,
+  chainIconUrl: r,
+  destChainName: a,
+  destChainIconUrl: c,
+  status: l,
+  className: s
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: B(
+      className: G(
         "zd:flex zd:w-full zd:items-center zd:gap-2 zd:p-2",
-        p
+        s
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "zd:flex zd:size-11 zd:shrink-0 zd:items-center zd:justify-center zd:rounded-xl zd:bg-white", children: /* @__PURE__ */ t(Z, { name: e, className: "zd:size-5" }) }),
-        /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:flex-1 zd:flex-col zd:gap-2", children: [
-          /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
-            /* @__PURE__ */ t(D, { className: "zd:shrink-0 zd:whitespace-nowrap zd:text-body1", children: n }),
-            /* @__PURE__ */ t(D, { className: "zd:min-w-0 zd:truncate zd:text-right zd:text-body1", children: r })
+        /* @__PURE__ */ n("div", { className: "zd:flex zd:size-11 zd:shrink-0 zd:items-center zd:justify-center zd:rounded-xl zd:bg-white", children: /* @__PURE__ */ n(V, { name: e, className: "zd:size-5" }) }),
+        /* @__PURE__ */ f("div", { className: "zd:flex zd:min-w-0 zd:flex-1 zd:flex-col zd:gap-2", children: [
+          /* @__PURE__ */ f("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
+            /* @__PURE__ */ n(D, { className: "zd:shrink-0 zd:whitespace-nowrap zd:text-body1", children: t }),
+            /* @__PURE__ */ n(D, { className: "zd:min-w-0 zd:truncate zd:text-right zd:text-body1", children: o })
           ] }),
-          /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
-            /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-2", children: [
-              /* @__PURE__ */ t(
-                J,
+          /* @__PURE__ */ f("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
+            /* @__PURE__ */ f("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-2", children: [
+              /* @__PURE__ */ n(
+                a2,
                 {
-                  name: a,
-                  ...i && { iconUrl: i }
+                  name: i,
+                  ...r && { iconUrl: r }
                 }
               ),
-              s && /* @__PURE__ */ c(x, { children: [
-                /* @__PURE__ */ t(
-                  Z,
+              a && /* @__PURE__ */ f(A, { children: [
+                /* @__PURE__ */ n(
+                  V,
                   {
                     name: "arrowRightFill",
                     "aria-hidden": !0,
                     className: "zd:size-3 zd:shrink-0 zd:opacity-30"
                   }
                 ),
-                /* @__PURE__ */ t(
-                  J,
+                /* @__PURE__ */ n(
+                  a2,
                   {
-                    name: s,
-                    ...l && { iconUrl: l }
+                    name: a,
+                    ...c && { iconUrl: c }
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ n(
               D,
               {
-                className: B("zd:shrink-0 zd:text-body3", we[o]),
-                children: o
+                className: G("zd:shrink-0 zd:text-body3", Qe[l]),
+                children: l
               }
             )
           ] })
@@ -1261,32 +1721,32 @@ function Ce({
     }
   );
 }
-function J({ name: e, iconUrl: n }) {
-  return /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-[5px]", children: [
-    n && /* @__PURE__ */ t("span", { className: "zd:size-3 zd:shrink-0 zd:overflow-hidden zd:rounded-full zd:bg-white", children: /* @__PURE__ */ t(
+function a2({ name: e, iconUrl: t }) {
+  return /* @__PURE__ */ f("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-[5px]", children: [
+    t && /* @__PURE__ */ n("span", { className: "zd:size-3 zd:shrink-0 zd:overflow-hidden zd:rounded-full zd:bg-white", children: /* @__PURE__ */ n(
       "img",
       {
-        src: n,
+        src: t,
         alt: "",
         "aria-hidden": !0,
         className: "zd:size-full zd:object-cover"
       }
     ) }),
-    /* @__PURE__ */ t(D, { className: "zd:truncate zd:text-body3", children: e })
+    /* @__PURE__ */ n(D, { className: "zd:truncate zd:text-body3", children: e })
   ] });
 }
-const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png", X = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png", A = 3600 * 1e3, Ee = [
+const R = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png", s2 = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png", L = 3600 * 1e3, Xe = [
   {
     id: "mock-1",
     icon: "arrowSwapHorizontalOutline",
     title: "Swapped ETH → USD₮0",
     value: "2,343 ETH",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: R,
     destChainName: "Base",
-    destChainIconUrl: X,
+    destChainIconUrl: s2,
     status: "Pending",
-    timestamp: Date.now() - 1 * A
+    timestamp: Date.now() - 1 * L
   },
   {
     id: "mock-2",
@@ -1294,11 +1754,11 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Swapped ETH → USD₮0",
     value: "2,343 ETH",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: R,
     destChainName: "Base",
-    destChainIconUrl: X,
+    destChainIconUrl: s2,
     status: "Pending",
-    timestamp: Date.now() - 2 * A
+    timestamp: Date.now() - 2 * L
   },
   {
     id: "mock-3",
@@ -1306,9 +1766,9 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Fixed Yield",
     value: "2,323 PT wstETH (25 Jan 2026)",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 3 * A
+    timestamp: Date.now() - 3 * L
   },
   {
     id: "mock-4",
@@ -1316,9 +1776,9 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Received NFT",
     value: "Bored Ape Yacht Club",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 4 * A
+    timestamp: Date.now() - 4 * L
   },
   {
     id: "mock-5",
@@ -1326,9 +1786,9 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Collateral Used",
     value: "Collateralization enabled for USD₮0",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 336 * A
+    timestamp: Date.now() - 336 * L
   },
   {
     id: "mock-6",
@@ -1336,64 +1796,64 @@ const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Liquid Staked ETH",
     value: "2,323 PT wstETH (25 Jan 2026)",
     chainName: "Arbitrum One",
-    chainIconUrl: _,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 336 * A - 1 * A
+    timestamp: Date.now() - 336 * L - 1 * L
   }
 ];
-function R(e) {
-  const n = new Date(e);
-  return `${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`;
+function Z(e) {
+  const t = new Date(e);
+  return `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
-function Fe(e, n) {
-  const r = R(e);
-  return r === R(n) ? "Today" : r === R(n - 1440 * 60 * 1e3) ? "Yesterday" : new Intl.DateTimeFormat("en-US", {
+function $e(e, t) {
+  const o = Z(e);
+  return o === Z(t) ? "Today" : o === Z(t - 1440 * 60 * 1e3) ? "Yesterday" : new Intl.DateTimeFormat("en-US", {
     month: "long",
     day: "numeric",
     year: "numeric"
   }).format(new Date(e));
 }
-function xe(e, n = Date.now()) {
-  var s;
-  const r = [...e].sort((l, o) => o.timestamp - l.timestamp), a = [];
-  let i = null;
-  for (const l of r) {
-    const o = R(l.timestamp);
-    o !== i && (i = o, a.push({ label: Fe(l.timestamp, n), entries: [] })), (s = a[a.length - 1]) == null || s.entries.push(l);
+function et(e, t = Date.now()) {
+  var a;
+  const o = [...e].sort((c, l) => l.timestamp - c.timestamp), i = [];
+  let r = null;
+  for (const c of o) {
+    const l = Z(c.timestamp);
+    l !== r && (r = l, i.push({ label: $e(c.timestamp, t), entries: [] })), (a = i[i.length - 1]) == null || a.entries.push(c);
   }
-  return a;
+  return i;
 }
-function ye({
-  entries: e = Ee,
-  onSelectEntry: n
+function tt({
+  entries: e = Xe,
+  onSelectEntry: t
 }) {
-  const r = xe(e);
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:h-full zd:w-full zd:flex-col zd:gap-1 zd:pt-2 zd:pb-4", children: /* @__PURE__ */ t(
-    e2,
+  const o = et(e);
+  return /* @__PURE__ */ n("div", { className: "zd:flex zd:h-full zd:w-full zd:flex-col zd:gap-1 zd:pt-2 zd:pb-4", children: /* @__PURE__ */ n(
+    u2,
     {
       variant: "ghost",
       className: "zd:flex zd:w-full zd:flex-1 zd:flex-col zd:gap-1 zd:overflow-y-auto zd:rounded-2xl zd:p-2",
-      children: r.map((a) => /* @__PURE__ */ c(y2, { children: [
-        /* @__PURE__ */ t("div", { className: "zd:flex zd:w-full zd:items-center zd:py-2 zd:pr-2", children: /* @__PURE__ */ t(D, { className: "zd:text-body3", children: a.label }) }),
-        a.entries.map(
-          (i) => n ? /* @__PURE__ */ t(
+      children: o.map((i) => /* @__PURE__ */ f(R2, { children: [
+        /* @__PURE__ */ n("div", { className: "zd:flex zd:w-full zd:items-center zd:py-2 zd:pr-2", children: /* @__PURE__ */ n(D, { className: "zd:text-body3", children: i.label }) }),
+        i.entries.map(
+          (r) => t ? /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => n(i),
+              onClick: () => t(r),
               className: "zd:w-full zd:cursor-pointer zd:text-left",
-              children: /* @__PURE__ */ t(Q, { entry: i })
+              children: /* @__PURE__ */ n(l2, { entry: r })
             },
-            i.id
-          ) : /* @__PURE__ */ t(Q, { entry: i }, i.id)
+            r.id
+          ) : /* @__PURE__ */ n(l2, { entry: r }, r.id)
         )
-      ] }, a.label))
+      ] }, i.label))
     }
   ) });
 }
-function Q({ entry: e }) {
-  return /* @__PURE__ */ t(
-    Ce,
+function l2({ entry: e }) {
+  return /* @__PURE__ */ n(
+    Ye,
     {
       icon: e.icon,
       title: e.title,
@@ -1408,43 +1868,82 @@ function Q({ entry: e }) {
     }
   );
 }
-const ve = {
+const nt = {
   history: "History"
 };
-function Oe({
+function gt({
   onClose: e,
-  entries: n,
-  onSelectEntry: r,
-  className: a,
-  size: i
+  entries: t,
+  onSelectEntry: o,
+  className: i,
+  size: r
 }) {
-  const [s] = C("history"), l = () => {
-    switch (s) {
+  const [a] = x("history"), c = () => {
+    switch (a) {
       case "history":
-        return /* @__PURE__ */ t(
-          ye,
+        return /* @__PURE__ */ n(
+          tt,
           {
-            ...n && { entries: n },
-            ...r && { onSelectEntry: r }
+            ...t && { entries: t },
+            ...o && { onSelectEntry: o }
           }
         );
     }
   };
-  return /* @__PURE__ */ t(
-    i2,
+  return /* @__PURE__ */ n(
+    z2,
     {
-      ...a && { className: a },
-      ...i && { size: i },
-      topNav: /* @__PURE__ */ t(a2, { title: ve[s], onRightButtonClick: e }),
-      children: l()
+      ...i && { className: i },
+      ...r && { size: r },
+      topNav: /* @__PURE__ */ n(C2, { title: nt[a], onRightButtonClick: e }),
+      children: c()
     }
   );
 }
+const U2 = "WALLETCONNECT_DEEPLINK_CHOICE", c2 = /* @__PURE__ */ new WeakSet();
+function d2(e) {
+  var i, r, a;
+  const t = (r = (i = e.session) == null ? void 0 : i.peer) == null ? void 0 : r.metadata, o = (a = t == null ? void 0 : t.redirect) == null ? void 0 : a.native;
+  if (!o || !F2()) {
+    I2();
+    return;
+  }
+  try {
+    localStorage.setItem(
+      U2,
+      JSON.stringify({ href: o, name: (t == null ? void 0 : t.name) ?? "" })
+    );
+  } catch {
+  }
+}
+function I2() {
+  try {
+    localStorage.removeItem(U2);
+  } catch {
+  }
+}
+function it(e) {
+  c2.has(e) || (c2.add(e), e.on("connect", () => d2(e)), e.on("disconnect", I2), e.session && d2(e));
+}
+function zt(e) {
+  if (!e.projectId)
+    throw new Error("zeroDevWalletConnect requires a WalletConnect projectId");
+  const t = X2({ ...e, showQrModal: !1 });
+  return (o) => {
+    const i = Object.assign(t(o), { zdWalletConnect: !0 }), r = i.getProvider.bind(i);
+    return i.getProvider = async (...a) => {
+      const c = await r(...a);
+      return it(c), c;
+    }, i;
+  };
+}
 export {
-  _e as ConnectWallet,
-  oe as SignUp,
-  Oe as TxHistory,
-  F as useAuth,
-  Le as zeroDevWallet
+  pt as ConnectWallet,
+  Ie as SignUp,
+  gt as TxHistory,
+  b as useAuth,
+  ht as useWalletInfo,
+  mt as zeroDevWallet,
+  zt as zeroDevWalletConnect
 };
 //# sourceMappingURL=index.mjs.map