@zerodev/wallet-react-ui 0.0.12 → 0.0.13

package/dist/index.mjs

@@ -1,82 +1,88 @@
-import { jsxs as c, jsx as n, Fragment as b } from "react/jsx-runtime";
-import { Text as w, cn as q, PoweredBy as Z, Button as A, Wrapper as c2, BottomSheet as u2, BottomSheetContent as f2, BottomSheetTitle as p2, BottomSheetClose as m2, QrCode as N2, Input as U2, Icon as K, ListItem as T, ListItemChevron as G, ListItemIcon as h2, Badge as X, Screen as g2, TopNav as z2 } from "@zerodev/react-ui";
-import { useState as E, useEffect as N, useMemo as $, useRef as e2, createContext as I2, useContext as T2, useLayoutEffect as L2, useCallback as O2, Fragment as M2 } from "react";
-import { useStore as W, create as B2 } from "zustand";
-import { useConfig as H2, useConnectors as H, useConnect as V, useConnections as R2, useAccount as D2 } from "wagmi";
-import { useSendMagicLink as C2, useSendOTP as w2, useVerifyOTP as P2, useAuthenticateOAuth as W2, useRegisterPasskey as _2, useLoginPasskey as Z2, useVerifyMagicLink as G2, zeroDevWallet as V2, NotAuthenticatedError as j2 } from "@zerodev/wallet-react";
-import { subscribeWithSelector as q2 } from "zustand/middleware";
-import { walletConnect as K2 } from "wagmi/connectors";
-const J2 = "" + new URL("error.webp", import.meta.url).href, Q2 = "" + new URL("loading.webp", import.meta.url).href, Y2 = "" + new URL("send.webp", import.meta.url).href, X2 = "" + new URL("success.webp", import.meta.url).href, $2 = {
-  error: J2,
-  loading: Q2,
-  send: Y2,
-  success: X2
+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 L({
+function N({
   imageName: e,
   title: t,
-  children: r,
+  children: o,
   className: i
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: q("zd:flex zd:flex-col zd:gap-8 zd:items-center", i),
+      className: G("zd:flex zd:flex-col zd:gap-8 zd:items-center", i),
       children: [
         /* @__PURE__ */ n(
           "img",
           {
-            src: $2[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__ */ n(w, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: t }),
-          /* @__PURE__ */ n(w, { 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 ee() {
-  const t = H2().connectors.find((r) => r.id === "zerodev-wallet");
+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 t.getKitStore();
 }
-function S() {
-  const e = ee(), t = W(e, (s) => s.auth.step), r = W(e, (s) => s.auth.stepHistory), i = W(e, (s) => s.auth.email), o = W(e, (s) => s.auth.otpId), a = W(
+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,
     (s) => s.auth.otpEncryptionTargetBundle
-  );
+  ), c = T(e, (s) => s.auth.pendingWallet), l = T(e, (s) => s.auth.connectError);
   return {
     step: t,
     email: i,
-    otpId: o,
+    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 te() {
-  const { email: e, setOtpSession: t } = S(), { mutateAsync: r, isPending: i } = C2(), [o, a] = E(60), s = o <= 0 && !i;
-  return N(() => {
-    if (o <= 0) return;
-    const u = setInterval(() => {
-      a((g) => Math.max(0, g - 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(u);
+      clearInterval(s);
     };
-  }, [o]), /* @__PURE__ */ c(b, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ c(
-        L,
+  }, [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",
           title: `Check your email!
@@ -84,278 +90,278 @@ function te() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ n(w, { 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__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(w, { 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__ */ n(
           "button",
           {
             type: "button",
-            disabled: !s,
+            disabled: !c,
             onClick: async () => {
-              if (!(!e || !s))
+              if (!(!e || !c))
                 try {
-                  const { otpId: u, otpEncryptionTargetBundle: g } = await r({
+                  const { otpId: s, otpEncryptionTargetBundle: d } = await o({
                     email: e
                   });
-                  t({ otpId: u, otpEncryptionTargetBundle: g }), a(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: s ? "Resend" : `Resend in ${o} ${o === 1 ? "second" : "seconds"}`
+            children: c ? "Resend" : `Resend in ${r} ${r === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function ne() {
+function oe() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function _() {
+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 ie({
+function ae({
   title: e = "Oops, something went wrong",
   message: t = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
-  showRetry: r = !1,
+  showRetry: o = !1,
   showChooseAnother: i = !0
 }) {
-  const { goToStep: o, goBack: a, reset: s } = S();
-  return /* @__PURE__ */ c(b, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      /* @__PURE__ */ n(L, { imageName: "error", title: e, children: t }),
-      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
-        r && /* @__PURE__ */ n(A, { action: "primary", text: "Try again", onClick: a ?? (() => o("sign-up")) }),
+  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(
-          A,
+          v,
           {
-            action: r ? "secondary" : "primary",
+            action: o ? "secondary" : "primary",
             onClick: () => {
-              _(), o("sign-up");
+              P(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !r && !i && /* @__PURE__ */ n(A, { action: "primary", text: "Start over", onClick: s })
+        !o && !i && /* @__PURE__ */ n(v, { action: "primary", text: "Start over", onClick: c })
       ] })
     ] }),
-    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const re = 4, oe = 8, ae = 6;
-function se(e) {
-  return Math.max(re, Math.min(oe, e));
+const se = 4, le = 8, ce = 6;
+function de(e) {
+  return Math.max(se, Math.min(le, e));
 }
-function le({ char: e, isFocused: t }) {
+function ue({ char: e, isFocused: t }) {
   return /* @__PURE__ */ n(
-    c2,
+    u2,
     {
       "data-testid": "code-input-box",
       "data-active": t || void 0,
-      className: q(
+      className: G(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
         t && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ n(w, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ n(D, { className: "zd:text-h2", children: e })
     }
   );
 }
-function de({
+function fe({
   onChange: e,
   onComplete: t,
-  disabled: r = !1,
+  disabled: o = !1,
   error: i = !1,
-  autoFocus: o = !1,
-  length: a = ae,
-  "data-testid": s
+  autoFocus: r = !1,
+  length: a = ce,
+  "data-testid": c
 }) {
-  const l = se(a), u = $(
-    () => Array.from({ length: l }, (f, C) => ({
-      id: `char-${C}`,
-      index: C
+  const l = de(a), s = Y(
+    () => Array.from({ length: l }, (u, h) => ({
+      id: `char-${h}`,
+      index: h
     })),
     [l]
-  ), [g, z] = E(""), [F, p] = E(!1), d = e2(null);
-  N(() => {
-    var f;
-    o && !r && ((f = d.current) == null || f.focus());
-  }, [o, r]), N(() => {
-    z((f) => f.slice(0, l));
+  ), [d, p] = x(""), [w, z] = x(!1), C = j(null);
+  k(() => {
+    var u;
+    r && !o && ((u = C.current) == null || u.focus());
+  }, [r, o]), k(() => {
+    p((u) => u.slice(0, l));
   }, [l]);
-  const D = (f) => {
-    const C = f.slice(0, l).toUpperCase();
-    z(C), e == null || e(C), C.length === l && setTimeout(() => {
-      var x;
-      t == null || t(C), (x = d.current) == null || x.blur();
+  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 f;
-        return (f = d.current) == null ? void 0 : f.focus();
+        var u;
+        return (u = C.current) == null ? void 0 : u.focus();
       },
-      disabled: r,
-      "data-testid": s,
+      disabled: o,
+      "data-testid": c,
       children: [
         /* @__PURE__ */ n(
           "input",
           {
-            ref: d,
-            value: g,
-            onChange: (f) => D(f.target.value),
-            onFocus: () => p(!0),
-            onBlur: () => p(!1),
+            ref: C,
+            value: d,
+            onChange: (u) => m(u.target.value),
+            onFocus: () => z(!0),
+            onBlur: () => z(!1),
             maxLength: l,
-            disabled: r,
+            disabled: o,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        u.map((f) => /* @__PURE__ */ n(
-          le,
+        s.map((u) => /* @__PURE__ */ n(
+          ue,
           {
-            char: g[f.index] ?? "",
-            isFocused: !i && F && f.index === g.length
+            char: d[u.index] ?? "",
+            isFocused: !i && w && u.index === d.length
           },
-          f.id
+          u.id
         ))
       ]
     }
   );
 }
-function ce() {
+function pe() {
   const {
     email: e,
     otpId: t,
-    otpEncryptionTargetBundle: r,
+    otpEncryptionTargetBundle: o,
     setOtpSession: i,
-    clearOtpSession: o,
+    clearOtpSession: r,
     goToStep: a
-  } = S(), { mutateAsync: s, isPending: l } = w2(), { mutateAsync: u, isPending: g } = P2(), [z, F] = E(""), [p, d] = E(!1), [D, f] = E(60);
-  N(() => {
-    if (D <= 0) return;
-    const v = setInterval(() => {
-      f((y) => Math.max(0, y - 1));
+  } = 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);
-  }, [D]);
-  const C = async () => {
-    if (!(!z.trim() || !t || !r)) {
-      d(!1);
+    return () => clearInterval(S);
+  }, [m]);
+  const h = async () => {
+    if (!(!p.trim() || !t || !o)) {
+      C(!1);
       try {
-        await u({
+        await s({
           otpId: t,
-          code: z.trim(),
-          otpEncryptionTargetBundle: r
-        }), o(), a("authenticated");
+          code: p.trim(),
+          otpEncryptionTargetBundle: o
+        }), r(), a("authenticated");
       } catch {
-        d(!0);
+        C(!0);
       }
     }
-  }, x = (v) => {
-    F(v);
-  }, m = async () => {
-    if (!(!e || D > 0 || l))
+  }, g = (S) => {
+    w(S);
+  }, E = async () => {
+    if (!(!e || m > 0 || l))
       try {
-        const { otpId: v, otpEncryptionTargetBundle: y } = await s({ email: e });
+        const { otpId: S, otpEncryptionTargetBundle: y } = await c({ email: e });
         i({
-          otpId: v,
+          otpId: S,
           otpEncryptionTargetBundle: y
-        }), f(60), d(!1);
+        }), u(60), C(!1);
       } catch {
-        d(!0);
+        C(!0);
       }
-  }, h = D <= 0 && !l;
-  return /* @__PURE__ */ c(b, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
-      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
-        /* @__PURE__ */ n(w, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
-        /* @__PURE__ */ c(w, { 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__ */ n(w, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ n(D, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
       /* @__PURE__ */ n(
-        de,
+        fe,
         {
-          onComplete: x,
-          onChange: () => d(!1),
-          disabled: g,
-          error: p,
+          onComplete: g,
+          onChange: () => C(!1),
+          disabled: d,
+          error: z,
           autoFocus: !0
         }
       ),
       /* @__PURE__ */ n(
-        A,
+        v,
         {
           text: "Confirm code",
-          onClick: C,
-          disabled: !z.trim() || g
+          onClick: h,
+          disabled: !p.trim() || d
         }
       ),
-      /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(w, { 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__ */ n(
           "button",
           {
             type: "button",
-            disabled: !h,
-            onClick: m,
+            disabled: !F,
+            onClick: E,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: h ? "Resend" : `Resend in ${D} ${D === 1 ? "second" : "seconds"}`
+            children: F ? "Resend" : `Resend in ${m} ${m === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ n(Z, { 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({
+function he({
   termsAndConditionsUrl: e,
   privacyPolicyUrl: t,
-  agreedToTerms: r,
+  agreedToTerms: o,
   setAgreedToTerms: i,
-  highlight: o = !1
+  highlight: r = !1
 }) {
-  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || t) && /* @__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 ${o ? "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__ */ n(
             "input",
             {
               type: "checkbox",
-              checked: r,
-              onChange: (s) => i(s.target.checked),
+              checked: o,
+              onChange: (c) => i(c.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ c(w, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ f(D, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
             e && /* @__PURE__ */ n(
-              w,
+              D,
               {
                 as: "a",
                 href: e,
@@ -367,7 +373,7 @@ function ue({
             ),
             e && t && " and ",
             t && /* @__PURE__ */ n(
-              w,
+              D,
               {
                 as: "a",
                 href: t,
@@ -381,17 +387,17 @@ function ue({
         ]
       }
     ),
-    /* @__PURE__ */ n(Z, {})
+    /* @__PURE__ */ n(H, {})
   ] });
 }
-const fe = "" + new URL("blob.webm", import.meta.url).href;
-function pe({ className: e }) {
+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: fe,
+      src: me,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -401,17 +407,14 @@ function pe({ className: e }) {
     }
   );
 }
-const me = "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,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'/%3e%3c/defs%3e%3c/svg%3e", t2 = me;
-function R(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 n2(e, t) {
+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,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'/%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 O(e, t) {
-  return n2(e, t) ? !0 : !!t.rdns && (Array.isArray(e.rdns) ? e.rdns.includes(t.rdns) : e.rdns === t.rdns);
+function M(e, t) {
+  return $(e, t) ? !0 : !!t.rdns && (Array.isArray(e.rdns) ? e.rdns.includes(t.rdns) : e.rdns === t.rdns);
 }
-const he = [
+const Ce = [
   {
     id: "metamask",
     name: "MetaMask",
@@ -490,52 +493,48 @@ const he = [
     mobileLink: "bnc://app.binance.com/cedefi/wc?uri=",
     downloadUrl: "https://www.binance.com/en/download"
   }
-], k = he;
-function ge({
+], U = Ce;
+function De({
   open: e,
   onOpenChange: t,
-  wallet: r,
+  wallet: o,
   pairing: i
 }) {
-  return /* @__PURE__ */ n(u2, { open: e, onOpenChange: t, children: /* @__PURE__ */ c(f2, { className: "zd:p-4", children: [
-    /* @__PURE__ */ n(p2, { children: r ? `Connect ${r.name}` : "WalletConnect" }),
-    /* @__PURE__ */ n(ze, { wallet: r, 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 ze({
+function we({
   wallet: e,
   pairing: t
 }) {
-  const { goToStep: r } = S(), { uri: i, error: o, retry: a } = t, s = H(), { connect: l } = V(), u = e ? s.find((h) => O(h, e)) : void 0, [g, z] = E(
-    u ? "browser" : "mobile"
-  ), [F, p] = E(null), [d, D] = E(!1), f = i && (e != null && e.mobileLink) ? `${e.mobileLink}${encodeURIComponent(i)}` : i, C = async () => {
+  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), D(!0), setTimeout(() => D(!1), 2e3);
+        await navigator.clipboard.writeText(i), w(!0), setTimeout(() => w(!1), 2e3);
       } catch {
       }
-  }, x = () => {
-    u && (p(null), l(
-      { connector: u },
-      {
-        onSuccess: () => r(null),
-        onError: (h) => {
-          R(h) || p(h instanceof Error ? h.message : String(h));
-        }
-      }
-    ));
-  }, m = o ?? F;
-  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-3", children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:gap-2", children: [
+  }, 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 : t2,
+          src: e ? e.icon : X,
           alt: "",
           className: "zd:w-8 zd:h-8 zd:rounded-xl"
         }
       ),
-      /* @__PURE__ */ n(w, { className: "zd:text-h3 zd:flex-1", children: e ? e.name : "WalletConnect" }),
+      /* @__PURE__ */ n(D, { className: "zd:text-h3 zd:flex-1", children: e ? e.name : "WalletConnect" }),
       /* @__PURE__ */ n(m2, { asChild: !0, children: /* @__PURE__ */ n(
         "button",
         {
@@ -550,21 +549,21 @@ function ze({
       "button",
       {
         type: "button",
-        onClick: () => z(h),
-        className: `zd:flex-1 zd:rounded-2xl zd:py-1.5 zd:text-body3 zd:cursor-pointer ${g === h ? "zd:bg-greyScale/10 zd:font-semibold" : "zd:text-greyScale/60"}`,
+        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 || g === "mobile" ? m ? /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-2 zd:items-center", children: [
-      /* @__PURE__ */ n(w, { className: "zd:text-center zd:text-red-500", children: m }),
-      /* @__PURE__ */ n(A, { action: "secondary", text: "Try again", onClick: a })
-    ] }) : /* @__PURE__ */ c(b, { children: [
-      /* @__PURE__ */ n("div", { className: "zd:bg-white zd:rounded-2xl zd:p-2 zd:border zd:border-greyScale/10", children: f ? /* @__PURE__ */ n(N2, { value: f, 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" }) }) }),
-      f && (e == null ? void 0 : e.mobileLink) && /* @__PURE__ */ c(
+    !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: f,
+          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 ",
@@ -573,36 +572,36 @@ function ze({
         }
       ),
       /* @__PURE__ */ n(
-        A,
+        v,
         {
           action: "secondary",
-          text: d ? "Copied" : "Copy link",
+          text: p ? "Copied" : "Copy link",
           onClick: C,
-          disabled: !f
+          disabled: !z
         }
       )
-    ] }) : m ? /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-2 zd:items-center", children: [
-      /* @__PURE__ */ n(w, { className: "zd:text-center zd:text-red-500", children: m }),
+    ] }) : 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(
-        A,
+        v,
         {
           action: "secondary",
           text: "Try again",
-          onClick: u ? x : a
+          onClick: l ? m : a
         }
       )
-    ] }) : u && e ? /* @__PURE__ */ c(
+    ] }) : l && e ? /* @__PURE__ */ f(
       "button",
       {
         type: "button",
-        onClick: x,
+        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__ */ c(
+    ) : e && /* @__PURE__ */ f(
       "a",
       {
         href: e.downloadUrl,
@@ -617,199 +616,202 @@ function ze({
     )
   ] });
 }
-function x2() {
+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 J(e) {
+function q(e) {
   return e.type === "walletConnect" && "zdWalletConnect" in e;
 }
-function De(e) {
-  const { wallet: t, connectors: r, uri: i, mobile: o } = e;
-  return !t.mobileLink || !o || !i || r.some((a) => O(a, t)) ? null : `${t.mobileLink}${encodeURIComponent(i)}`;
+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 Ce() {
-  const { goToStep: e } = S(), t = H(), r = t.find(J), { connect: i } = V(), a = R2().some(
-    (d) => d.connector.uid === (r == null ? void 0 : r.uid)
-  ), { isReconnecting: s } = D2(), [l, u] = E(null), [g, z] = E(null), F = e2(!1), p = (d) => {
-    z(null), u(null), i({ connector: d }, { onError: (D) => z(D.message) });
+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 N(() => {
-    if (!r || a) return;
-    const d = ({ type: m, data: h }) => {
-      m === "display_uri" && typeof h == "string" && u(h);
+  return k(() => {
+    if (!o || a) return;
+    const C = ({ type: E, data: F }) => {
+      E === "display_uri" && typeof F == "string" && s(F);
     };
-    r.emitter.on("message", d);
-    const D = () => z("Proposal expired"), f = () => e(null);
-    let C, x = !1;
-    return r.getProvider().then((m) => {
-      var h, v, y;
-      x || (C = m, (y = (v = (h = C.signer) == null ? void 0 : h.client) == null ? void 0 : v.events) == null || y.on("proposal_expire", D), C.on("connect", f));
-    }).catch((m) => {
-      x || z(m instanceof Error ? m.message : String(m));
-    }), !F.current && !s && (F.current = !0, p(r)), () => {
-      var m, h, v;
-      x = !0, (v = (h = (m = C == null ? void 0 : C.signer) == null ? void 0 : m.client) == null ? void 0 : h.events) == null || v.off("proposal_expire", D), C == null || C.off("connect", f), r.emitter.off("message", d);
+    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);
     };
-  }, [r, a, s]), {
+  }, [o, a, c]), {
     uri: l,
-    error: g,
+    error: d,
     retry: () => {
-      r && p(r);
+      o && z(o);
     },
-    deepLinkFor: (d) => De({
-      wallet: d,
+    deepLinkFor: (C) => xe({
+      wallet: C,
       connectors: t,
-      uri: g ? null : l,
-      mobile: x2()
+      uri: d ? null : l,
+      mobile: F2()
     })
   };
 }
-const E2 = I2(null);
-function U() {
-  const e = T2(E2);
+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 P(e) {
-  const { setAuthPending: t } = U();
-  N(() => (t(e), () => t(!1)), [e, t]);
+function e2(e) {
+  const { setAuthPending: t } = I();
+  k(() => (t(e), () => t(!1)), [e, t]);
 }
-const we = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function Y(e) {
-  return we.test(e.trim());
+const ye = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function J(e) {
+  return ye.test(e.trim());
 }
-function F2() {
-  const { goToStep: e, setEmail: t, setOtpSession: r } = S(), {
+function b2() {
+  const { goToStep: e, setEmail: t, setOtpSession: o } = b(), {
     authPending: i,
-    emailAuthMethod: o,
+    emailAuthMethod: r,
     needsAgreement: a,
-    guardAgreement: s,
+    guardAgreement: c,
     setError: l
-  } = U(), [u, g] = E(""), z = o === "otp", { mutateAsync: F, isPending: p } = w2(), { mutateAsync: d, isPending: D } = C2(), f = p || D;
-  P(f);
-  const C = async () => {
-    if (!(!u || i) && Y(u) && s()) {
+  } = 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 x = z ? F : d, { otpId: m, otpEncryptionTargetBundle: h } = await x({
-          email: u
+        const g = p ? w : C, { otpId: E, otpEncryptionTargetBundle: F } = await g({
+          email: s
         });
-        t(u), r({ otpId: m, otpEncryptionTargetBundle: h }), e(z ? "otp-input" : "email-verification");
-      } catch (x) {
+        t(s), o({ otpId: E, otpEncryptionTargetBundle: F }), e(p ? "otp-input" : "email-verification");
+      } catch (g) {
         l(
-          x instanceof Error ? x.message : "Failed to send verification code"
+          g instanceof Error ? g.message : "Failed to send verification code"
         );
       }
     }
   };
   return /* @__PURE__ */ n(
-    U2,
+    L2,
     {
       iconName: "email",
       placeholder: "Enter your email",
-      value: u,
-      onChange: (x) => g(x.target.value),
+      value: s,
+      onChange: (g) => d(g.target.value),
       type: "email",
       autoCapitalize: "none",
       autoComplete: "email",
       disabled: i,
       variant: "listItemStyle",
-      onKeyDown: (x) => {
-        x.key === "Enter" && u && !i && C();
+      onKeyDown: (g) => {
+        g.key === "Enter" && s && !i && h();
       },
-      children: f ? /* @__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(
+      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: !Y(u) || a,
-          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${Y(u) && !a ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
-          onClick: () => C(),
-          children: /* @__PURE__ */ n(K, { name: "chevronRight", className: "zd:text-greyScale" })
+          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 y2() {
-  const { goToStep: e } = S(), { authPending: t, guardAgreement: r, setError: i } = U(), { mutateAsync: o, isPending: a } = W2({
+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 P(a), /* @__PURE__ */ n(
-    T,
+  return e2(a), /* @__PURE__ */ n(
+    O,
     {
-      icon: /* @__PURE__ */ n(h2, { name: "google" }),
+      icon: /* @__PURE__ */ n(g2, { name: "google" }),
       title: "Google",
-      trailing: /* @__PURE__ */ n(G, {}),
+      trailing: /* @__PURE__ */ n(_, {}),
       disabled: t,
       onClick: async () => {
-        if (!t && r()) {
+        if (!t && o()) {
           i(null);
           try {
-            await o({ provider: "google" });
+            await r({ provider: "google" });
           } catch (l) {
-            R(l) || i(l instanceof Error ? l.message : String(l));
+            t2(l) || i(l instanceof Error ? l.message : String(l));
           }
         }
       }
     }
   );
 }
-function xe({
+function ve({
   excludeWalletIds: e = [],
   maxWallets: t = 4
 }) {
-  const { goToStep: r } = S(), { authPending: i, guardAgreement: o, setError: a, registeredWallets: s } = U(), l = H(), { connect: u, isPending: g } = V();
-  P(g);
-  const z = l.filter(
-    (p) => p.type === "injected" && p.id !== "injected" && p.id !== "zerodev-wallet"
-  ).map((p) => {
-    const d = k.find((D) => O(p, D));
+  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: p,
-      walletId: d == null ? void 0 : d.id,
-      name: (d == null ? void 0 : d.name) ?? p.name,
-      icon: (d == null ? void 0 : d.icon) ?? p.icon,
-      ids: d ? [d.id, p.id] : [p.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(
-    (p) => !(p.walletId && s.includes(p.walletId))
-  ).filter((p) => !p.ids.some((d) => e.includes(d))).sort((p, d) => p.rank - d.rank).slice(0, t), F = (p) => {
-    i || o() && (a(null), u(
-      { connector: p },
-      {
-        // 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) => {
-          R(d) || a(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__ */ n(b, { children: z.map(({ connector: p, name: d, icon: D }) => /* @__PURE__ */ n(
-    T,
+  return /* @__PURE__ */ n(A, { children: l.map((d) => /* @__PURE__ */ n(
+    O,
     {
-      title: d,
-      icon: D ? /* @__PURE__ */ n("img", { src: D, alt: "", className: "zd:w-6 zd:h-6" }) : null,
-      subtitle: /* @__PURE__ */ n(X, { text: "INSTALLED" }),
-      trailing: /* @__PURE__ */ n(G, {}),
+      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: () => F(p)
+      onClick: () => s(d)
     },
-    p.uid
+    d.connector.uid
   )) });
 }
-function Ee({ tile: e }) {
-  return /* @__PURE__ */ c(
+function be({ tile: e }) {
+  return /* @__PURE__ */ f(
     "button",
     {
       type: "button",
@@ -817,26 +819,26 @@ function Ee({ tile: e }) {
       className: "zd:flex zd:flex-col zd:items-center zd:gap-1.5 zd:cursor-pointer",
       children: [
         /* @__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(
-          K,
+          V,
           {
             name: "walletOutline",
             className: "zd:w-8 zd:h-8 zd:text-greyScale"
           }
         ) }),
-        /* @__PURE__ */ n(w, { 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 Fe({
+function Se({
   open: e,
   onOpenChange: t,
-  tiles: r
+  tiles: o
 }) {
-  return /* @__PURE__ */ n(u2, { open: e, onOpenChange: t, children: /* @__PURE__ */ c(f2, { className: "zd:p-4", children: [
-    /* @__PURE__ */ n(p2, { children: "All wallets" }),
-    /* @__PURE__ */ c("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
-      /* @__PURE__ */ n(w, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
+  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",
         {
@@ -847,182 +849,158 @@ function Fe({
         }
       ) })
     ] }),
-    /* @__PURE__ */ n("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: r.map((i) => /* @__PURE__ */ n(Ee, { tile: i }, i.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 ye({
+function Ae({
   title: e = "More wallets"
 }) {
-  const { goToStep: t } = S(), { authPending: r, guardAgreement: i, setError: o, openWalletSheet: a } = U(), [s, l] = E(!1), u = H(), { connect: g, isPending: z } = V();
-  P(z);
-  const F = u.filter(
-    (m) => m.id !== "zerodev-wallet" && m.type !== "walletConnect"
-  ), p = (m) => {
-    r || i() && (l(!1), o(null), g(
-      { connector: m },
-      {
-        // The external wallet is now the active wagmi connection — the
-        // embedded-wallet flow is done, so close it.
-        onSuccess: () => t(null),
-        onError: (h) => {
-          R(h) || o(h instanceof Error ? h.message : String(h));
-        }
-      }
-    ));
-  }, d = u.some(J), D = k.map((m) => {
-    const h = F.find((v) => n2(v, m));
+  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"
+  ), 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: m.id,
-      name: m.name,
-      icon: m.icon,
+      key: u.id,
+      name: u.name,
+      icon: u.icon,
       onSelect: () => {
         if (h) {
-          p(h);
+          d(h, u.name, u.icon);
           return;
         }
-        if (d) {
-          if (r || !i()) return;
-          l(!1), a(m);
+        if (p) {
+          if (o || !i()) return;
+          c(!1), r(u);
           return;
         }
-        const v = F.find((y) => O(y, m));
-        if (v) {
-          p(v);
+        const g = s.find((E) => M(E, u));
+        if (g) {
+          d(g, u.name, u.icon);
           return;
         }
-        l(!1), window.open(m.downloadUrl, "_blank", "noopener,noreferrer");
+        c(!1), window.open(u.downloadUrl, "_blank", "noopener,noreferrer");
       }
     };
-  }), f = F.filter((m) => !k.some((h) => O(m, h))).map((m) => ({
-    key: m.uid,
-    name: m.name,
-    icon: m.icon,
-    onSelect: () => p(m)
+  }), z = s.filter((u) => !U.some((h) => M(u, h))).map((u) => ({
+    key: u.uid,
+    name: u.name,
+    icon: u.icon,
+    onSelect: () => d(u, u.name, u.icon)
   }));
-  return /* @__PURE__ */ c(b, { children: [
+  return /* @__PURE__ */ f(A, { children: [
     /* @__PURE__ */ n(
-      T,
+      O,
       {
-        icon: /* @__PURE__ */ n(h2, { 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__ */ n(G, {}),
-        disabled: r,
+        trailing: /* @__PURE__ */ n(_, {}),
+        disabled: o,
         onClick: () => {
-          r || i() && l(!0);
+          o || i() && c(!0);
         }
       }
     ),
     /* @__PURE__ */ n(
-      Fe,
+      Se,
       {
-        open: s,
-        onOpenChange: l,
-        tiles: [...d ? [
+        open: a,
+        onOpenChange: c,
+        tiles: [...p ? [
           {
             key: "walletconnect",
             name: "WalletConnect",
-            icon: t2,
+            icon: X,
             onSelect: () => {
-              r || i() && (l(!1), a());
+              o || i() && (c(!1), r());
             }
           }
-        ] : [], ...D, ...f]
+        ] : [], ...w, ...z]
       }
     )
   ] });
 }
-function v2() {
-  const { goToStep: e } = S(), { authPending: t, guardAgreement: r, setError: i } = U(), o = {
+function A2() {
+  const { goToStep: e } = b(), { authPending: t, guardAgreement: o, setError: i } = I(), r = {
     onSuccess: () => {
       e("authenticated");
     },
-    onError: (z) => {
-      R(z) || i(z instanceof Error ? z.message : String(z));
+    onError: (p) => {
+      t2(p) || i(p instanceof Error ? p.message : String(p));
     }
-  }, { mutate: a, isPending: s } = _2({ mutation: o }), { mutate: l, isPending: u } = Z2({
-    mutation: o
+  }, { mutate: a, isPending: c } = V2({ mutation: r }), { mutate: l, isPending: s } = j2({
+    mutation: r
   });
-  P(s || u);
-  const g = (z) => () => {
-    t || r() && (i(null), z());
+  e2(c || s);
+  const d = (p) => () => {
+    t || o() && (i(null), p());
   };
-  return /* @__PURE__ */ c(b, { children: [
+  return /* @__PURE__ */ f(A, { children: [
     /* @__PURE__ */ n(
-      A,
+      v,
       {
         action: "secondary",
         text: "Create a passkey",
         iconName: "key",
         trailIcon: !0,
         disabled: t,
-        onClick: g(() => a())
+        onClick: d(() => a())
       }
     ),
     /* @__PURE__ */ n(
-      A,
+      v,
       {
         action: "secondary",
         text: "Log in with passkey",
         iconName: "key",
         trailIcon: !0,
         disabled: t,
-        onClick: g(() => l())
+        onClick: d(() => l())
       }
     )
   ] });
 }
-function ve({ walletId: e }) {
-  const t = k.find((f) => f.id === e);
+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 } = S(), {
-    authPending: i,
-    guardAgreement: o,
-    setError: a,
-    registerWallet: s,
-    openWalletSheet: l
-  } = U(), u = H(), { connect: g, isPending: z } = V();
-  P(z), L2(() => s(t.id), [s, t.id]);
-  const F = u.find((f) => n2(f, t)), p = {
+  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(G, {})
+    trailing: /* @__PURE__ */ n(_, {})
   };
-  if (!F && u.some(J))
+  if (!s && l.some(q))
     return /* @__PURE__ */ n(
-      T,
+      O,
       {
-        ...p,
+        ...d,
         disabled: i,
         onClick: () => {
-          i || o() && l(t);
+          i || r() && c(t);
         }
       }
     );
-  const d = F ?? u.find((f) => O(f, t));
-  return d ? /* @__PURE__ */ n(
-    T,
+  const p = s ?? l.find((z) => M(z, t));
+  return p ? /* @__PURE__ */ n(
+    O,
     {
-      ...p,
-      ...!!F && { subtitle: /* @__PURE__ */ n(X, { text: "INSTALLED" }) },
+      ...d,
+      ...!!s && { subtitle: /* @__PURE__ */ n(Q, { text: "INSTALLED" }) },
       disabled: i,
       onClick: () => {
-        i || o() && (a(null), g(
-          { connector: d },
-          {
-            // 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) => {
-              R(f) || a(f instanceof Error ? f.message : String(f));
-            }
-          }
-        ));
+        i || r() && o({
+          connectorUid: p.uid,
+          name: t.name,
+          icon: t.icon
+        });
       }
     }
-  ) : /* @__PURE__ */ n(T, { ...p, asChild: !0, children: /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ n(O, { ...d, asChild: !0, children: /* @__PURE__ */ n(
     "a",
     {
       href: t.downloadUrl,
@@ -1031,282 +1009,426 @@ function ve({ walletId: e }) {
     }
   ) });
 }
-function Se() {
-  const { authPending: e, guardAgreement: t, openWalletSheet: r } = U();
-  return H().some(J) ? /* @__PURE__ */ n(
-    T,
+function Ne() {
+  const { authPending: e, guardAgreement: t, openWalletSheet: o } = I();
+  return W().some(q) ? /* @__PURE__ */ n(
+    O,
     {
       title: "WalletConnect",
-      icon: /* @__PURE__ */ n("img", { src: t2, alt: "", className: "zd:w-6 zd:h-6" }),
-      subtitle: /* @__PURE__ */ n(X, { text: "QR CODE" }),
-      trailing: /* @__PURE__ */ n(G, {}),
+      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() && r();
+        e || t() && o();
       }
     }
   ) : null;
 }
-function S2({
+function k2({
   children: e,
   termsAndConditionsUrl: t,
-  privacyPolicyUrl: r,
+  privacyPolicyUrl: o,
   emailAuthMethod: i = "magicLink"
 }) {
-  const [o, a] = E(!1), [s, l] = E(!1), [u, g] = E(null), [z, F] = E(!1), [p, d] = E(
+  const [r, a] = x(!1), [c, l] = x(!1), [s, d] = x(null), [p, w] = x(!1), [z, C] = x(
     []
-  ), D = O2((y) => (d((M) => [...M, y]), () => {
-    d((M) => {
-      const Q = [...M];
-      return Q.splice(Q.indexOf(y), 1), Q;
+  ), m = B2((y) => (C((B) => [...B, y]), () => {
+    C((B) => {
+      const K = [...B];
+      return K.splice(K.indexOf(y), 1), K;
     });
-  }), []), [f, C] = E(null), x = Ce(), h = !!(t || r) && !o, v = () => h ? (l(!0), !1) : !0;
-  return /* @__PURE__ */ c(
-    E2.Provider,
+  }), []), [u, h] = x(null), g = Ee(), F = !!(t || o) && !r, S = () => F ? (l(!0), !1) : !0;
+  return /* @__PURE__ */ f(
+    v2.Provider,
     {
       value: {
-        authPending: z,
+        authPending: p,
         emailAuthMethod: i,
-        setAuthPending: F,
-        needsAgreement: h,
-        guardAgreement: v,
-        setError: g,
-        registeredWallets: p,
-        registerWallet: D,
+        setAuthPending: w,
+        needsAgreement: F,
+        guardAgreement: S,
+        setError: d,
+        registeredWallets: z,
+        registerWallet: m,
         openWalletSheet: (y) => {
-          const M = y && x.deepLinkFor(y);
-          M && (window.location.href = M), C({ wallet: y });
+          const B = y && g.deepLinkFor(y);
+          B && (window.location.href = B), h({ wallet: y });
         }
       },
       children: [
-        u !== null && /* @__PURE__ */ n("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__ */ n(w, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
-          /* @__PURE__ */ n(w, { className: "zd:text-center zd:text-red-500", children: u }),
+        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(
-            A,
+            v,
             {
               action: "primary",
               text: "Try again",
-              onClick: () => g(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${u !== 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__ */ n("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ n(pe, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
-                  /* @__PURE__ */ n(w, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
-                  /* @__PURE__ */ n(w, { 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__ */ n("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:px-4", children: /* @__PURE__ */ n(
-                ue,
+                he,
                 {
                   termsAndConditionsUrl: t,
-                  privacyPolicyUrl: r,
-                  agreedToTerms: o,
+                  privacyPolicyUrl: o,
+                  agreedToTerms: r,
                   setAgreedToTerms: (y) => {
                     a(y), y && l(!1);
                   },
-                  highlight: s
+                  highlight: c
                 }
               ) })
             ]
           }
         ),
         /* @__PURE__ */ n(
-          ge,
+          De,
           {
-            pairing: x,
-            open: f !== null,
+            pairing: g,
+            open: u !== null,
             onOpenChange: (y) => {
-              y || C(null);
+              y || h(null);
             },
-            wallet: f == null ? void 0 : f.wallet
+            wallet: u == null ? void 0 : u.wallet
           }
         )
       ]
     }
   );
 }
-function A2({ label: e = "or" }) {
-  return /* @__PURE__ */ c("div", { className: "zd:-mx-4 zd:my-2 zd:flex zd:items-center zd:gap-3", children: [
+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(w, { className: "zd:text-body3", children: e }),
+    /* @__PURE__ */ n(D, { className: "zd:text-body3", children: e }),
     /* @__PURE__ */ n("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
   ] });
 }
-function Ae(e) {
-  return /* @__PURE__ */ c(S2, { ...e, children: [
-    /* @__PURE__ */ n(v2, {}),
+function Ue(e) {
+  return /* @__PURE__ */ f(k2, { ...e, children: [
     /* @__PURE__ */ n(A2, {}),
-    /* @__PURE__ */ n(y2, {}),
-    /* @__PURE__ */ n(F2, {})
+    /* @__PURE__ */ n(N2, {}),
+    /* @__PURE__ */ n(S2, {}),
+    /* @__PURE__ */ n(b2, {})
   ] });
 }
-const be = Object.assign(S2, {
-  Default: Ae,
-  Passkey: v2,
-  Google: y2,
-  Email: F2,
-  Wallet: ve,
-  WalletConnect: Se,
-  InstalledWallets: xe,
-  MoreWallets: ye,
-  Divider: A2
+const Ie = Object.assign(k2, {
+  Default: Ue,
+  Passkey: A2,
+  Google: S2,
+  Email: b2,
+  Wallet: ke,
+  WalletConnect: Ne,
+  InstalledWallets: ve,
+  MoreWallets: Ae,
+  Divider: N2
 });
-function ke() {
+function Te() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-function Ne() {
-  const { otpId: e, otpEncryptionTargetBundle: t, goToStep: r, clearOtpSession: i } = S(), [o] = E(ke), [a, s] = E(null), l = e2(!1), { mutate: u, isPending: g } = G2({
+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: () => {
-        i(), r("authenticated");
+        i(), o("authenticated");
       },
       onError: (z) => {
-        s(z);
+        c(z);
       }
     }
   });
-  return N(() => {
-    if (!(l.current || !o)) {
-      if (l.current = !0, !e || !t) {
-        _(), r(null);
+  return k(() => {
+    if (!(d.current || !r)) {
+      if (d.current = !0, !e || !t) {
+        s(!0);
         return;
       }
-      u({ otpId: e, code: o, otpEncryptionTargetBundle: t });
+      p({ otpId: e, code: r, otpEncryptionTargetBundle: t });
     }
-  }, [e, t, o, u, r]), /* @__PURE__ */ c(b, { children: [
-    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      !a && g && /* @__PURE__ */ n(L, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
-      !a && !o && !g && /* @__PURE__ */ c(b, { children: [
-        /* @__PURE__ */ c(L, { 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__ */ n("br", {}),
           "Please check your email and try again with the correct link."
         ] }),
         /* @__PURE__ */ n(
-          A,
+          v,
           {
             action: "primary",
             onClick: () => {
-              _(), r("sign-up");
+              P(), o("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      a != null && /* @__PURE__ */ c(b, { children: [
-        /* @__PURE__ */ n(L, { 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." }),
+      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(
-          A,
+          v,
           {
             action: "primary",
             onClick: () => {
-              _(), r("sign-up");
+              P(), o("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ n(Z, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ n(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+  ] });
+}
+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 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 Ue() {
-  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(L, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+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 Ie() {
-  return /* @__PURE__ */ n("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ n(L, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+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 Te(e, t) {
+function Pe(e, t) {
   switch (e) {
     case "sign-up":
-      return t ? t() : /* @__PURE__ */ n(be.Default, {});
+      return t ? t() : /* @__PURE__ */ n(Ie.Default, {});
     case "email-verification":
-      return /* @__PURE__ */ n(te, {});
+      return /* @__PURE__ */ n(re, {});
     case "otp-input":
-      return /* @__PURE__ */ n(ce, {});
+      return /* @__PURE__ */ n(pe, {});
     case "verifying-otp":
-      return /* @__PURE__ */ n(Ne, {});
+      return /* @__PURE__ */ n(Le, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ n(Ue, {});
+      return /* @__PURE__ */ n(Re, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ n(Ie, {});
+      return /* @__PURE__ */ n(He, {});
+    case "wallet-connecting":
+      return /* @__PURE__ */ n(Be, {});
     case "error":
-      return /* @__PURE__ */ n(ie, {});
+      return /* @__PURE__ */ n(ae, {});
     default:
       return null;
   }
 }
-function rt({
+function pt({
   onClose: e,
   size: t,
-  renderSignUp: r,
+  renderSignUp: o,
   logo: i
 } = {}) {
-  const { step: o, goToStep: a, goBack: s, reset: l } = S();
-  N(() => {
-    o === null && ne() && a("verifying-otp");
-  }, [o, a]);
-  const u = Te(o, r);
-  return u ? /* @__PURE__ */ n(
-    g2,
+  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,
     {
       ...t && { size: t },
-      className: o === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
+      className: r === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
       topNav: /* @__PURE__ */ n(
-        z2,
+        C2,
         {
-          ...s !== null && { onLeftButtonClick: s },
+          ...c !== null && { onLeftButtonClick: c },
           onRightButtonClick: () => {
-            _(), l(), e == null || e();
+            P(), l(), e == null || e();
           },
-          ...o === "sign-up" && {
+          ...r === "sign-up" && {
             ...i && { logo: i },
             className: "zd:px-4"
           }
         }
       ),
-      children: u
+      children: s
     }
   ) : null;
 }
-function Le(e) {
+function _e(e) {
   const t = e.toLowerCase();
-  return k.find((r) => {
-    const i = r.name.toLowerCase();
+  return U.find((o) => {
+    const i = o.name.toLowerCase();
     return t.includes(i) || i.includes(t);
   });
 }
-function Oe(e) {
-  return k.find((t) => O(e, t));
+function Ze(e) {
+  return U.find((t) => M(e, t));
 }
-function Me() {
-  const { connector: e, isConnected: t } = D2(), [r, i] = E(void 0), o = !!e && e.type === "walletConnect";
-  return N(() => {
-    if (!e || !o) {
+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((s) => {
-      var u, g;
+    return e.getProvider().then((c) => {
+      var s, d;
       if (a) return;
-      const l = (g = (u = s.session) == null ? void 0 : u.peer) == null ? void 0 : g.metadata;
+      const l = (d = (s = c.session) == null ? void 0 : s.peer) == null ? void 0 : d.metadata;
       i(l);
     }).catch(() => {
     }), () => {
       a = !0;
     };
-  }, [e, o]), $(() => {
-    var s;
+  }, [e, r]), Y(() => {
+    var c;
     if (!t || !e) return;
     if (e.id === "zerodev-wallet")
       return {
@@ -1314,35 +1436,35 @@ function Me() {
         icon: e.icon,
         source: "embedded"
       };
-    if (o) {
-      const l = r != null && r.name ? Le(r.name) : void 0;
+    if (r) {
+      const l = o != null && o.name ? _e(o.name) : void 0;
       return {
-        name: (r == null ? void 0 : r.name) ?? void 0,
-        icon: ((s = r == null ? void 0 : r.icons) == null ? void 0 : s[0]) ?? (l == null ? void 0 : l.icon),
+        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 = Oe(e);
+    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, o, r]);
+  }, [e, t, r, o]);
 }
-function ot(e) {
-  const t = Me();
-  return $(() => ({ walletInfo: t }), [t]);
+function ht(e) {
+  const t = Ge();
+  return Y(() => ({ walletInfo: t }), [t]);
 }
-const i2 = "zerodev:auth:otpSession";
-function Be() {
+const n2 = "zerodev:auth:otpSession";
+function Ve() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(i2);
+    const e = window.localStorage.getItem(n2);
     if (!e) return null;
     const t = JSON.parse(e);
     return !(t != null && t.otpId) || !(t != null && t.otpEncryptionTargetBundle) ? null : t;
@@ -1350,24 +1472,24 @@ function Be() {
     return null;
   }
 }
-function He(e) {
+function je(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        i2,
+        n2,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function r2() {
+function o2() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(i2);
+      window.localStorage.removeItem(n2);
     } catch {
     }
 }
-const Re = (e, t, r) => ({
+const qe = (e, t, o) => ({
   auth: {
     // Initial state
     step: null,
@@ -1375,69 +1497,96 @@ const Re = (e, t, r) => ({
     email: null,
     otpId: null,
     otpEncryptionTargetBundle: null,
+    pendingWallet: null,
+    connectError: null,
     // Actions
     initialize: () => {
-      const i = Be();
-      i && e((o) => ({
+      const i = Ve();
+      i && e((r) => ({
         auth: {
-          ...o.auth,
+          ...r.auth,
           otpId: i.otpId,
           otpEncryptionTargetBundle: i.otpEncryptionTargetBundle
         }
       }));
     },
     goToStep: (i) => {
-      e((o) => ({
+      e((r) => ({
         auth: {
-          ...o.auth,
+          ...r.auth,
           step: i,
-          stepHistory: o.auth.step === null ? o.auth.stepHistory : [...o.auth.stepHistory, o.auth.step]
+          // `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: i } = t();
       if (i.stepHistory.length === 0) return;
-      const o = [...i.stepHistory], a = o.pop();
-      e((s) => ({
+      const r = [...i.stepHistory], a = r.pop();
+      e((c) => ({
         auth: {
-          ...s.auth,
+          ...c.auth,
           step: a,
-          stepHistory: o
+          stepHistory: r
         }
       }));
     },
     reset: () => {
-      r2(), e((i) => ({
+      o2(), e((i) => ({
         auth: {
           ...i.auth,
           step: null,
           stepHistory: [],
           email: null,
           otpId: null,
-          otpEncryptionTargetBundle: null
+          otpEncryptionTargetBundle: null,
+          pendingWallet: null,
+          connectError: null
         }
       }));
     },
+    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((o) => ({
+      e((r) => ({
         auth: {
-          ...o.auth,
+          ...r.auth,
           email: i
         }
       }));
     },
-    setOtpSession: ({ otpId: i, otpEncryptionTargetBundle: o }) => {
-      He({ otpId: i, otpEncryptionTargetBundle: o }), e((a) => ({
+    setOtpSession: ({ otpId: i, otpEncryptionTargetBundle: r }) => {
+      je({ otpId: i, otpEncryptionTargetBundle: r }), e((a) => ({
         auth: {
           ...a.auth,
           otpId: i,
-          otpEncryptionTargetBundle: o
+          otpEncryptionTargetBundle: r
         }
       }));
     },
     clearOtpSession: () => {
-      r2(), e((i) => ({
+      o2(), e((i) => ({
         auth: {
           ...i.auth,
           otpId: null,
@@ -1446,104 +1595,104 @@ const Re = (e, t, r) => ({
       }));
     }
   }
-}), Pe = () => B2()(
-  q2((e, t, r) => ({
+}), Ke = () => H2()(
+  Y2((e, t, o) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
-    addPendingRequest: (i) => e((o) => ({
-      pendingRequests: [...o.pendingRequests, i]
+    addPendingRequest: (i) => e((r) => ({
+      pendingRequests: [...r.pendingRequests, i]
     })),
-    removePendingRequest: (i) => e((o) => ({
-      pendingRequests: o.pendingRequests.filter((a) => a.id !== i)
+    removePendingRequest: (i) => e((r) => ({
+      pendingRequests: r.pendingRequests.filter((a) => a.id !== i)
     })),
     clearPendingRequests: () => e({ pendingRequests: [] }),
     setUserConfirmationListenerActive: (i) => e({ userConfirmationListenerActive: i }),
-    ...Re(e, t)
+    ...qe(e, t)
   }))
 );
-function We(e) {
-  return new Promise((t, r) => {
+function Je(e) {
+  return new Promise((t, o) => {
     const i = e.subscribe(
-      (o) => o.auth.step,
-      (o) => {
-        o === "authenticated" ? (i(), t()) : o === null && (i(), r(new Error("Auth flow dismissed")));
+      (r) => r.auth.step,
+      (r) => {
+        r === "authenticated" ? (i(), t()) : r === null && (i(), o(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function at(e) {
-  const t = V2(e), r = Pe();
+function mt(e) {
+  const t = K2(e), o = Ke();
   return (i) => {
-    const o = t(i);
+    const r = t(i);
     return {
-      ...o,
+      ...r,
       async connect(a) {
         try {
-          return await o.connect(a);
-        } catch (s) {
-          if (a != null && a.isReconnecting || !(s instanceof j2))
-            throw s;
-          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 We(r), o.connect(a);
+          return o.getState().auth.goToStep("sign-up"), await Je(o), r.connect(a);
         }
       },
       async disconnect() {
         var a;
-        await ((a = o.disconnect) == null ? void 0 : a.call(o)), r.getState().auth.reset();
+        await ((a = r.disconnect) == null ? void 0 : a.call(r)), o.getState().auth.reset();
       },
       async setup() {
         var a;
-        await ((a = o.setup) == null ? void 0 : a.call(o)), !(typeof window > "u") && r.getState().auth.initialize();
+        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 _e = {
+const Qe = {
   Pending: "zd:text-solarOrange",
   Success: "zd:text-positive",
   Failed: "zd:text-negative"
 };
-function Ze({
+function Ye({
   icon: e,
   title: t,
-  value: r,
+  value: o,
   chainName: i,
-  chainIconUrl: o,
+  chainIconUrl: r,
   destChainName: a,
-  destChainIconUrl: s,
+  destChainIconUrl: c,
   status: l,
-  className: u
+  className: s
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: q(
+      className: G(
         "zd:flex zd:w-full zd:items-center zd:gap-2 zd:p-2",
-        u
+        s
       ),
       children: [
-        /* @__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(K, { 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__ */ n(w, { className: "zd:shrink-0 zd:whitespace-nowrap zd:text-body1", children: t }),
-            /* @__PURE__ */ n(w, { 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__ */ 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(
-                o2,
+                a2,
                 {
                   name: i,
-                  ...o && { iconUrl: o }
+                  ...r && { iconUrl: r }
                 }
               ),
-              a && /* @__PURE__ */ c(b, { children: [
+              a && /* @__PURE__ */ f(A, { children: [
                 /* @__PURE__ */ n(
-                  K,
+                  V,
                   {
                     name: "arrowRightFill",
                     "aria-hidden": !0,
@@ -1551,18 +1700,18 @@ function Ze({
                   }
                 ),
                 /* @__PURE__ */ n(
-                  o2,
+                  a2,
                   {
                     name: a,
-                    ...s && { iconUrl: s }
+                    ...c && { iconUrl: c }
                   }
                 )
               ] })
             ] }),
             /* @__PURE__ */ n(
-              w,
+              D,
               {
-                className: q("zd:shrink-0 zd:text-body3", _e[l]),
+                className: G("zd:shrink-0 zd:text-body3", Qe[l]),
                 children: l
               }
             )
@@ -1572,8 +1721,8 @@ function Ze({
     }
   );
 }
-function o2({ name: e, iconUrl: t }) {
-  return /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-[5px]", children: [
+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",
       {
@@ -1583,21 +1732,21 @@ function o2({ name: e, iconUrl: t }) {
         className: "zd:size-full zd:object-cover"
       }
     ) }),
-    /* @__PURE__ */ n(w, { className: "zd:truncate zd:text-body3", children: e })
+    /* @__PURE__ */ n(D, { className: "zd:truncate zd:text-body3", children: e })
   ] });
 }
-const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png", a2 = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png", I = 3600 * 1e3, Ge = [
+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: B,
+    chainIconUrl: R,
     destChainName: "Base",
-    destChainIconUrl: a2,
+    destChainIconUrl: s2,
     status: "Pending",
-    timestamp: Date.now() - 1 * I
+    timestamp: Date.now() - 1 * L
   },
   {
     id: "mock-2",
@@ -1605,11 +1754,11 @@ const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Swapped ETH → USD₮0",
     value: "2,343 ETH",
     chainName: "Arbitrum One",
-    chainIconUrl: B,
+    chainIconUrl: R,
     destChainName: "Base",
-    destChainIconUrl: a2,
+    destChainIconUrl: s2,
     status: "Pending",
-    timestamp: Date.now() - 2 * I
+    timestamp: Date.now() - 2 * L
   },
   {
     id: "mock-3",
@@ -1617,9 +1766,9 @@ const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Fixed Yield",
     value: "2,323 PT wstETH (25 Jan 2026)",
     chainName: "Arbitrum One",
-    chainIconUrl: B,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 3 * I
+    timestamp: Date.now() - 3 * L
   },
   {
     id: "mock-4",
@@ -1627,9 +1776,9 @@ const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Received NFT",
     value: "Bored Ape Yacht Club",
     chainName: "Arbitrum One",
-    chainIconUrl: B,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 4 * I
+    timestamp: Date.now() - 4 * L
   },
   {
     id: "mock-5",
@@ -1637,9 +1786,9 @@ const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Collateral Used",
     value: "Collateralization enabled for USD₮0",
     chainName: "Arbitrum One",
-    chainIconUrl: B,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 336 * I
+    timestamp: Date.now() - 336 * L
   },
   {
     id: "mock-6",
@@ -1647,64 +1796,64 @@ const B = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchai
     title: "Liquid Staked ETH",
     value: "2,323 PT wstETH (25 Jan 2026)",
     chainName: "Arbitrum One",
-    chainIconUrl: B,
+    chainIconUrl: R,
     status: "Success",
-    timestamp: Date.now() - 336 * I - 1 * I
+    timestamp: Date.now() - 336 * L - 1 * L
   }
 ];
-function j(e) {
+function Z(e) {
   const t = new Date(e);
   return `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`;
 }
-function Ve(e, t) {
-  const r = j(e);
-  return r === j(t) ? "Today" : r === j(t - 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 je(e, t = Date.now()) {
+function et(e, t = Date.now()) {
   var a;
-  const r = [...e].sort((s, l) => l.timestamp - s.timestamp), i = [];
-  let o = null;
-  for (const s of r) {
-    const l = j(s.timestamp);
-    l !== o && (o = l, i.push({ label: Ve(s.timestamp, t), entries: [] })), (a = i[i.length - 1]) == null || a.entries.push(s);
+  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 i;
 }
-function qe({
-  entries: e = Ge,
+function tt({
+  entries: e = Xe,
   onSelectEntry: t
 }) {
-  const r = je(e);
+  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(
-    c2,
+    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((i) => /* @__PURE__ */ c(M2, { children: [
-        /* @__PURE__ */ n("div", { className: "zd:flex zd:w-full zd:items-center zd:py-2 zd:pr-2", children: /* @__PURE__ */ n(w, { className: "zd:text-body3", children: i.label }) }),
+      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(
-          (o) => t ? /* @__PURE__ */ n(
+          (r) => t ? /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => t(o),
+              onClick: () => t(r),
               className: "zd:w-full zd:cursor-pointer zd:text-left",
-              children: /* @__PURE__ */ n(s2, { entry: o })
+              children: /* @__PURE__ */ n(l2, { entry: r })
             },
-            o.id
-          ) : /* @__PURE__ */ n(s2, { entry: o }, o.id)
+            r.id
+          ) : /* @__PURE__ */ n(l2, { entry: r }, r.id)
         )
       ] }, i.label))
     }
   ) });
 }
-function s2({ entry: e }) {
+function l2({ entry: e }) {
   return /* @__PURE__ */ n(
-    Ze,
+    Ye,
     {
       icon: e.icon,
       title: e.title,
@@ -1719,82 +1868,82 @@ function s2({ entry: e }) {
     }
   );
 }
-const Ke = {
+const nt = {
   history: "History"
 };
-function st({
+function gt({
   onClose: e,
   entries: t,
-  onSelectEntry: r,
+  onSelectEntry: o,
   className: i,
-  size: o
+  size: r
 }) {
-  const [a] = E("history"), s = () => {
+  const [a] = x("history"), c = () => {
     switch (a) {
       case "history":
         return /* @__PURE__ */ n(
-          qe,
+          tt,
           {
             ...t && { entries: t },
-            ...r && { onSelectEntry: r }
+            ...o && { onSelectEntry: o }
           }
         );
     }
   };
   return /* @__PURE__ */ n(
-    g2,
+    z2,
     {
       ...i && { className: i },
-      ...o && { size: o },
-      topNav: /* @__PURE__ */ n(z2, { title: Ke[a], onRightButtonClick: e }),
-      children: s()
+      ...r && { size: r },
+      topNav: /* @__PURE__ */ n(C2, { title: nt[a], onRightButtonClick: e }),
+      children: c()
     }
   );
 }
-const b2 = "WALLETCONNECT_DEEPLINK_CHOICE", l2 = /* @__PURE__ */ new WeakSet();
+const U2 = "WALLETCONNECT_DEEPLINK_CHOICE", c2 = /* @__PURE__ */ new WeakSet();
 function d2(e) {
-  var i, o, a;
-  const t = (o = (i = e.session) == null ? void 0 : i.peer) == null ? void 0 : o.metadata, r = (a = t == null ? void 0 : t.redirect) == null ? void 0 : a.native;
-  if (!r || !x2()) {
-    k2();
+  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(
-      b2,
-      JSON.stringify({ href: r, name: (t == null ? void 0 : t.name) ?? "" })
+      U2,
+      JSON.stringify({ href: o, name: (t == null ? void 0 : t.name) ?? "" })
     );
   } catch {
   }
 }
-function k2() {
+function I2() {
   try {
-    localStorage.removeItem(b2);
+    localStorage.removeItem(U2);
   } catch {
   }
 }
-function Je(e) {
-  l2.has(e) || (l2.add(e), e.on("connect", () => d2(e)), e.on("disconnect", k2), e.session && d2(e));
+function it(e) {
+  c2.has(e) || (c2.add(e), e.on("connect", () => d2(e)), e.on("disconnect", I2), e.session && d2(e));
 }
-function lt(e) {
+function zt(e) {
   if (!e.projectId)
     throw new Error("zeroDevWalletConnect requires a WalletConnect projectId");
-  const t = K2({ ...e, showQrModal: !1 });
-  return (r) => {
-    const i = Object.assign(t(r), { zdWalletConnect: !0 }), o = i.getProvider.bind(i);
+  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 s = await o(...a);
-      return Je(s), s;
+      const c = await r(...a);
+      return it(c), c;
     }, i;
   };
 }
 export {
-  rt as ConnectWallet,
-  be as SignUp,
-  st as TxHistory,
-  S as useAuth,
-  ot as useWalletInfo,
-  at as zeroDevWallet,
-  lt as zeroDevWalletConnect
+  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