@zerodev/wallet-react-ui 0.0.8 → 0.0.9

package/dist/index.mjs

@@ -1,81 +1,81 @@
-import { jsxs as p, jsx as t, Fragment as v } from "react/jsx-runtime";
-import { Text as z, cn as j, PoweredBy as O, Button as S, Wrapper as a2, Input as o2, Icon as q, ListItem as T, ListItemChevron as P, ListItemIcon as $, Badge as K, BottomSheet as s2, BottomSheetContent as l2, BottomSheetTitle as d2, BottomSheetClose as c2, Screen as u2, TopNav as p2 } from "@zerodev/react-ui";
-import { useState as E, useEffect as N, useMemo as f2, useRef as X, createContext as h2, useContext as m2, useLayoutEffect as g2, useCallback as D2 } from "react";
-import { useStore as M, create as z2 } from "zustand";
-import { useConfig as C2, useConnectors as Z, useConnect as G } from "wagmi";
-import { useSendMagicLink as J, useSendOTP as Y, useVerifyOTP as E2, useAuthenticateOAuth as w2, useRegisterPasskey as F2, useLoginPasskey as x2, useVerifyMagicLink as y2, zeroDevWallet as v2, NotAuthenticatedError as S2 } from "@zerodev/wallet-react";
-import { subscribeWithSelector as A2 } from "zustand/middleware";
-const b2 = "" + new URL("error.webp", import.meta.url).href, k2 = "" + new URL("loading.webp", import.meta.url).href, N2 = "" + new URL("send.webp", import.meta.url).href, _2 = "" + new URL("success.webp", import.meta.url).href, L2 = {
-  error: b2,
-  loading: k2,
-  send: N2,
-  success: _2
+import { jsxs as c, jsx as t, Fragment as x } from "react/jsx-runtime";
+import { Text as D, cn as B, PoweredBy as H, Button as S, Wrapper as e2, Input as f2, Icon as Z, ListItem as M, ListItemChevron as V, ListItemIcon as t2, Badge as n2, BottomSheet as m2, BottomSheetContent as g2, BottomSheetTitle as z2, BottomSheetClose as D2, Screen as i2, TopNav as a2 } from "@zerodev/react-ui";
+import { useState as C, useEffect as U, useMemo as w2, useRef as r2, createContext as C2, useContext as E2, useLayoutEffect as F2, useCallback as x2, Fragment as y2 } from "react";
+import { useStore as O, create as v2 } from "zustand";
+import { useConfig as S2, useConnectors as $, useConnect as q } from "wagmi";
+import { useSendMagicLink as s2, useSendOTP as l2, useVerifyOTP as b2, useAuthenticateOAuth as A2, useRegisterPasskey as N2, useLoginPasskey as k2, useVerifyMagicLink as U2, zeroDevWallet as T2, NotAuthenticatedError as _2 } from "@zerodev/wallet-react";
+import { subscribeWithSelector as L2 } from "zustand/middleware";
+const O2 = "" + new URL("error.webp", import.meta.url).href, I2 = "" + new URL("loading.webp", import.meta.url).href, M2 = "" + new URL("send.webp", import.meta.url).href, H2 = "" + new URL("success.webp", import.meta.url).href, P2 = {
+  error: O2,
+  loading: I2,
+  send: M2,
+  success: H2
 };
-function b({
+function N({
   imageName: e,
   title: n,
-  children: a,
-  className: r
+  children: r,
+  className: a
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: j("zd:flex zd:flex-col zd:gap-8 zd:items-center", r),
+      className: B("zd:flex zd:flex-col zd:gap-8 zd:items-center", a),
       children: [
         /* @__PURE__ */ t(
           "img",
           {
-            src: L2[e],
+            src: P2[e],
             alt: e,
             className: "zd:w-[118px] zd:h-[118px] zd:bg-transparent"
           }
         ),
-        /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
-          /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: n }),
-          /* @__PURE__ */ t(z, { className: "zd:text-center zd:whitespace-pre-wrap", children: a })
+        /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:items-center", children: [
+          /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center zd:whitespace-pre-wrap", children: n }),
+          /* @__PURE__ */ t(D, { className: "zd:text-center zd:whitespace-pre-wrap", children: r })
         ] })
       ]
     }
   );
 }
-function M2() {
-  const n = C2().connectors.find((a) => a.id === "zerodev-wallet");
+function R2() {
+  const n = S2().connectors.find((r) => r.id === "zerodev-wallet");
   if (!n || !("getKitStore" in n))
     throw new Error("useKitStore must be used with the zeroDevWallet connector");
   return n.getKitStore();
 }
 function F() {
-  const e = M2(), n = M(e, (s) => s.auth.step), a = M(e, (s) => s.auth.stepHistory), r = M(e, (s) => s.auth.email), i = M(e, (s) => s.auth.otpId), o = M(
+  const e = R2(), n = O(e, (l) => l.auth.step), r = O(e, (l) => l.auth.stepHistory), a = O(e, (l) => l.auth.email), i = O(e, (l) => l.auth.otpId), s = O(
     e,
-    (s) => s.auth.otpEncryptionTargetBundle
+    (l) => l.auth.otpEncryptionTargetBundle
   );
   return {
     step: n,
-    email: r,
+    email: a,
     otpId: i,
-    otpEncryptionTargetBundle: o,
+    otpEncryptionTargetBundle: s,
     goToStep: e.getState().auth.goToStep,
-    goBack: a.length > 0 ? e.getState().auth.goBack : null,
+    goBack: r.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 U2() {
-  const { email: e, setOtpSession: n } = F(), { mutateAsync: a, isPending: r } = J(), [i, o] = E(60), s = i <= 0 && !r;
-  return N(() => {
+function B2() {
+  const { email: e, setOtpSession: n } = F(), { mutateAsync: r, isPending: a } = s2(), [i, s] = C(60), l = i <= 0 && !a;
+  return U(() => {
     if (i <= 0) return;
-    const f = setInterval(() => {
-      o((m) => Math.max(0, m - 1));
+    const p = setInterval(() => {
+      s((m) => Math.max(0, m - 1));
     }, 1e3);
     return () => {
-      clearInterval(f);
+      clearInterval(p);
     };
-  }, [i]), /* @__PURE__ */ p(v, { children: [
-    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
-      /* @__PURE__ */ p(
-        b,
+  }, [i]), /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center", children: [
+      /* @__PURE__ */ c(
+        N,
         {
           imageName: "send",
           title: `Check your email!
@@ -83,222 +83,222 @@ function U2() {
           children: [
             "We've sent a magic link to",
             " ",
-            /* @__PURE__ */ t(z, { as: "span", className: "zd:text-solarOrange", children: e }),
+            /* @__PURE__ */ t(D, { as: "span", className: "zd:text-solarOrange", children: e }),
             `
 `,
             "Please open the email and click the link to log in."
           ]
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ p(z, { className: "zd:text-center", children: [
+      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            disabled: !s,
+            disabled: !l,
             onClick: async () => {
-              if (!(!e || !s))
+              if (!(!e || !l))
                 try {
-                  const { otpId: f, otpEncryptionTargetBundle: m } = await a({
+                  const { otpId: p, otpEncryptionTargetBundle: m } = await r({
                     email: e
                   });
-                  n({ otpId: f, otpEncryptionTargetBundle: m }), o(60);
+                  n({ otpId: p, otpEncryptionTargetBundle: m }), s(60);
                 } catch {
                 }
             },
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: s ? "Resend" : `Resend in ${i} ${i === 1 ? "second" : "seconds"}`
+            children: l ? "Resend" : `Resend in ${i} ${i === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function T2() {
+function Z2() {
   return typeof window > "u" ? !1 : new URLSearchParams(window.location.search).has("code");
 }
-function U() {
+function I() {
   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 O2({
+function G2({
   title: e = "Oops, something went wrong",
   message: n = "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request.",
-  showRetry: a = !1,
-  showChooseAnother: r = !0
+  showRetry: r = !1,
+  showChooseAnother: a = !0
 }) {
-  const { goToStep: i, goBack: o, reset: s } = F();
-  return /* @__PURE__ */ p(v, { children: [
-    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      /* @__PURE__ */ t(b, { imageName: "error", title: e, children: n }),
-      /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
-        a && /* @__PURE__ */ t(S, { action: "primary", text: "Try again", onClick: o ?? (() => i("sign-up")) }),
-        r && /* @__PURE__ */ t(
+  const { goToStep: i, goBack: s, reset: l } = F();
+  return /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      /* @__PURE__ */ t(N, { imageName: "error", title: e, children: n }),
+      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-1", children: [
+        r && /* @__PURE__ */ t(S, { action: "primary", text: "Try again", onClick: s ?? (() => i("sign-up")) }),
+        a && /* @__PURE__ */ t(
           S,
           {
-            action: a ? "secondary" : "primary",
+            action: r ? "secondary" : "primary",
             onClick: () => {
-              U(), i("sign-up");
+              I(), i("sign-up");
             },
             text: "Choose another sign-in method"
           }
         ),
-        !a && !r && /* @__PURE__ */ t(S, { action: "primary", text: "Start over", onClick: s })
+        !r && !a && /* @__PURE__ */ t(S, { action: "primary", text: "Start over", onClick: l })
       ] })
     ] }),
-    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-const I2 = 4, H2 = 8, P2 = 6;
-function R2(e) {
-  return Math.max(I2, Math.min(H2, e));
+const V2 = 4, W2 = 8, j2 = 6;
+function $2(e) {
+  return Math.max(V2, Math.min(W2, e));
 }
-function B2({ char: e, isFocused: n }) {
+function q2({ char: e, isFocused: n }) {
   return /* @__PURE__ */ t(
-    a2,
+    e2,
     {
       "data-testid": "code-input-box",
       "data-active": n || void 0,
-      className: j(
+      className: B(
         "zd:h-16 zd:w-14 zd:rounded-lg zd:flex zd:items-center zd:justify-center",
         n && "zd:border-[1.5px] zd:border-greyScale"
       ),
-      children: /* @__PURE__ */ t(z, { className: "zd:text-h2", children: e })
+      children: /* @__PURE__ */ t(D, { className: "zd:text-h2", children: e })
     }
   );
 }
-function Z2({
+function K2({
   onChange: e,
   onComplete: n,
-  disabled: a = !1,
-  error: r = !1,
+  disabled: r = !1,
+  error: a = !1,
   autoFocus: i = !1,
-  length: o = P2,
-  "data-testid": s
+  length: s = j2,
+  "data-testid": l
 }) {
-  const c = R2(o), f = f2(
-    () => Array.from({ length: c }, (d, D) => ({
-      id: `char-${D}`,
-      index: D
+  const o = $2(s), p = w2(
+    () => Array.from({ length: o }, (u, z) => ({
+      id: `char-${z}`,
+      index: z
     })),
-    [c]
-  ), [m, g] = E(""), [w, u] = E(!1), l = X(null);
-  N(() => {
-    var d;
-    i && !a && ((d = l.current) == null || d.focus());
-  }, [i, a]), N(() => {
-    g((d) => d.slice(0, c));
-  }, [c]);
-  const h = (d) => {
-    const D = d.slice(0, c).toUpperCase();
-    g(D), e == null || e(D), D.length === c && setTimeout(() => {
-      var C;
-      n == null || n(D), (C = l.current) == null || C.blur();
+    [o]
+  ), [m, g] = C(""), [E, h] = C(!1), d = r2(null);
+  U(() => {
+    var u;
+    i && !r && ((u = d.current) == null || u.focus());
+  }, [i, r]), U(() => {
+    g((u) => u.slice(0, o));
+  }, [o]);
+  const f = (u) => {
+    const z = u.slice(0, o).toUpperCase();
+    g(z), e == null || e(z), z.length === o && setTimeout(() => {
+      var w;
+      n == null || n(z), (w = d.current) == null || w.blur();
     }, 0);
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ c(
     "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 d;
-        return (d = l.current) == null ? void 0 : d.focus();
+        var u;
+        return (u = d.current) == null ? void 0 : u.focus();
       },
-      disabled: a,
-      "data-testid": s,
+      disabled: r,
+      "data-testid": l,
       children: [
         /* @__PURE__ */ t(
           "input",
           {
-            ref: l,
+            ref: d,
             value: m,
-            onChange: (d) => h(d.target.value),
-            onFocus: () => u(!0),
-            onBlur: () => u(!1),
-            maxLength: c,
-            disabled: a,
+            onChange: (u) => f(u.target.value),
+            onFocus: () => h(!0),
+            onBlur: () => h(!1),
+            maxLength: o,
+            disabled: r,
             className: "zd:absolute zd:opacity-0 zd:pointer-events-none",
             style: { position: "absolute", opacity: 0 },
             "aria-label": "Verification code"
           }
         ),
-        f.map((d) => /* @__PURE__ */ t(
-          B2,
+        p.map((u) => /* @__PURE__ */ t(
+          q2,
           {
-            char: m[d.index] ?? "",
-            isFocused: !r && w && d.index === m.length
+            char: m[u.index] ?? "",
+            isFocused: !a && E && u.index === m.length
           },
-          d.id
+          u.id
         ))
       ]
     }
   );
 }
-function G2() {
+function Y2() {
   const {
     email: e,
     otpId: n,
-    otpEncryptionTargetBundle: a,
-    setOtpSession: r,
+    otpEncryptionTargetBundle: r,
+    setOtpSession: a,
     clearOtpSession: i,
-    goToStep: o
-  } = F(), { mutateAsync: s, isPending: c } = Y(), { mutateAsync: f, isPending: m } = E2(), [g, w] = E(""), [u, l] = E(!1), [h, d] = E(60);
-  N(() => {
-    if (h <= 0) return;
-    const y = setInterval(() => {
-      d((R) => Math.max(0, R - 1));
+    goToStep: s
+  } = F(), { mutateAsync: l, isPending: o } = l2(), { mutateAsync: p, isPending: m } = b2(), [g, E] = C(""), [h, d] = C(!1), [f, u] = C(60);
+  U(() => {
+    if (f <= 0) return;
+    const v = setInterval(() => {
+      u((W) => Math.max(0, W - 1));
     }, 1e3);
-    return () => clearInterval(y);
-  }, [h]);
-  const D = async () => {
-    if (!(!g.trim() || !n || !a)) {
-      l(!1);
+    return () => clearInterval(v);
+  }, [f]);
+  const z = async () => {
+    if (!(!g.trim() || !n || !r)) {
+      d(!1);
       try {
-        await f({
+        await p({
           otpId: n,
           code: g.trim(),
-          otpEncryptionTargetBundle: a
-        }), i(), o("authenticated");
+          otpEncryptionTargetBundle: r
+        }), i(), s("authenticated");
       } catch {
-        l(!0);
+        d(!0);
       }
     }
-  }, C = (y) => {
-    w(y);
-  }, x = async () => {
-    if (!(!e || h > 0 || c))
+  }, w = (v) => {
+    E(v);
+  }, y = async () => {
+    if (!(!e || f > 0 || o))
       try {
-        const { otpId: y, otpEncryptionTargetBundle: R } = await s({ email: e });
-        r({
-          otpId: y,
-          otpEncryptionTargetBundle: R
-        }), d(60), l(!1);
+        const { otpId: v, otpEncryptionTargetBundle: W } = await l({ email: e });
+        a({
+          otpId: v,
+          otpEncryptionTargetBundle: W
+        }), u(60), d(!1);
       } catch {
-        l(!0);
+        d(!0);
       }
-  }, A = h <= 0 && !c;
-  return /* @__PURE__ */ p(v, { children: [
-    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
-      /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
-        /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
-        /* @__PURE__ */ p(z, { className: "zd:text-center", children: [
+  }, b = f <= 0 && !o;
+  return /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:justify-center zd:items-center", children: [
+      /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4", children: [
+        /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Enter verification code" }),
+        /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
           "Enter the code from the email we sent to",
           " ",
-          /* @__PURE__ */ t(z, { className: "zd:text-solarOrange", children: e })
+          /* @__PURE__ */ t(D, { className: "zd:text-solarOrange", children: e })
         ] })
       ] }),
       /* @__PURE__ */ t(
-        Z2,
+        K2,
         {
-          onComplete: C,
-          onChange: () => l(!1),
+          onComplete: w,
+          onChange: () => d(!1),
           disabled: m,
-          error: u,
+          error: h,
           autoFocus: !0
         }
       ),
@@ -306,37 +306,37 @@ function G2() {
         S,
         {
           text: "Confirm code",
-          onClick: D,
+          onClick: z,
           disabled: !g.trim() || m
         }
       ),
-      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ p(z, { className: "zd:text-center", children: [
+      /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-col zd:gap-1", children: /* @__PURE__ */ c(D, { className: "zd:text-center", children: [
         "Did not get an email?",
         " ",
         /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            disabled: !A,
-            onClick: x,
+            disabled: !b,
+            onClick: y,
             className: "zd:cursor-pointer zd:underline zd:disabled:opacity-50 zd:disabled:cursor-not-allowed",
-            children: A ? "Resend" : `Resend in ${h} ${h === 1 ? "second" : "seconds"}`
+            children: b ? "Resend" : `Resend in ${f} ${f === 1 ? "second" : "seconds"}`
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function V2({
+function J2({
   termsAndConditionsUrl: e,
   privacyPolicyUrl: n,
-  agreedToTerms: a,
-  setAgreedToTerms: r,
+  agreedToTerms: r,
+  setAgreedToTerms: a,
   highlight: i = !1
 }) {
-  return /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
-    !!(e || n) && /* @__PURE__ */ p(
+  return /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:items-center zd:gap-5", children: [
+    !!(e || n) && /* @__PURE__ */ c(
       "div",
       {
         className: `zd:flex zd:flex-row zd:items-center zd:gap-2 zd:rounded-md zd:p-2 zd:transition-colors ${i ? "zd:border zd:border-negative" : "zd:border zd:border-transparent"}`,
@@ -345,16 +345,16 @@ function V2({
             "input",
             {
               type: "checkbox",
-              checked: a,
-              onChange: (s) => r(s.target.checked),
+              checked: r,
+              onChange: (l) => a(l.target.checked),
               className: "zd:cursor-pointer zd:[color-scheme:light]"
             }
           ),
-          /* @__PURE__ */ p(z, { className: "zd:flex-1", children: [
+          /* @__PURE__ */ c(D, { className: "zd:flex-1", children: [
             "I agree to the",
             " ",
             e && /* @__PURE__ */ t(
-              z,
+              D,
               {
                 as: "a",
                 href: e,
@@ -366,7 +366,7 @@ function V2({
             ),
             e && n && " and ",
             n && /* @__PURE__ */ t(
-              z,
+              D,
               {
                 as: "a",
                 href: n,
@@ -380,17 +380,17 @@ function V2({
         ]
       }
     ),
-    /* @__PURE__ */ t(O, {})
+    /* @__PURE__ */ t(H, {})
   ] });
 }
-const W2 = "" + new URL("blob.webm", import.meta.url).href;
-function j2({ className: e }) {
+const X2 = "" + new URL("blob.webm", import.meta.url).href;
+function Q2({ className: e }) {
   return /* @__PURE__ */ t(
     "video",
     {
       className: e,
       style: { aspectRatio: "1 / 1" },
-      src: W2,
+      src: X2,
       autoPlay: !0,
       loop: !0,
       muted: !0,
@@ -400,108 +400,108 @@ function j2({ className: e }) {
     }
   );
 }
-const Q = h2(null);
-function _() {
-  const e = m2(Q);
+const o2 = C2(null);
+function T() {
+  const e = E2(o2);
   if (!e)
     throw new Error("SignUp.* components must be rendered inside <SignUp>");
   return e;
 }
 function L(e) {
-  const { setAuthPending: n } = _();
-  N(() => (n(e), () => n(!1)), [e, n]);
+  const { setAuthPending: n } = T();
+  U(() => (n(e), () => n(!1)), [e, n]);
 }
-const q2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function B(e) {
-  return q2.test(e.trim());
+const ee = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function j(e) {
+  return ee.test(e.trim());
 }
-function e2() {
-  const { goToStep: e, setEmail: n, setOtpSession: a } = F(), {
-    authPending: r,
+function d2() {
+  const { goToStep: e, setEmail: n, setOtpSession: r } = F(), {
+    authPending: a,
     emailAuthMethod: i,
-    needsAgreement: o,
-    guardAgreement: s,
-    setError: c
-  } = _(), [f, m] = E(""), g = i === "otp", { mutateAsync: w, isPending: u } = Y(), { mutateAsync: l, isPending: h } = J(), d = u || h;
-  L(d);
-  const D = async () => {
-    if (!(!f || r) && B(f) && s()) {
-      c(null);
+    needsAgreement: s,
+    guardAgreement: l,
+    setError: o
+  } = T(), [p, m] = C(""), g = i === "otp", { mutateAsync: E, isPending: h } = l2(), { mutateAsync: d, isPending: f } = s2(), u = h || f;
+  L(u);
+  const z = async () => {
+    if (!(!p || a) && j(p) && l()) {
+      o(null);
       try {
-        const C = g ? w : l, { otpId: x, otpEncryptionTargetBundle: A } = await C({
-          email: f
+        const w = g ? E : d, { otpId: y, otpEncryptionTargetBundle: b } = await w({
+          email: p
         });
-        n(f), a({ otpId: x, otpEncryptionTargetBundle: A }), e(g ? "otp-input" : "email-verification");
-      } catch (C) {
-        c(
-          C instanceof Error ? C.message : "Failed to send verification code"
+        n(p), r({ otpId: y, otpEncryptionTargetBundle: b }), e(g ? "otp-input" : "email-verification");
+      } catch (w) {
+        o(
+          w instanceof Error ? w.message : "Failed to send verification code"
         );
       }
     }
   };
   return /* @__PURE__ */ t(
-    o2,
+    f2,
     {
       iconName: "email",
       placeholder: "Enter your email",
-      value: f,
-      onChange: (C) => m(C.target.value),
+      value: p,
+      onChange: (w) => m(w.target.value),
       type: "email",
       autoCapitalize: "none",
       autoComplete: "email",
-      disabled: r,
+      disabled: a,
       variant: "listItemStyle",
-      onKeyDown: (C) => {
-        C.key === "Enter" && f && !r && D();
+      onKeyDown: (w) => {
+        w.key === "Enter" && p && !a && z();
       },
-      children: d ? /* @__PURE__ */ t("div", { className: "zd:w-13 zd:h-13 zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ t("div", { className: "zd:w-5 zd:h-5 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) : /* @__PURE__ */ t(
+      children: u ? /* @__PURE__ */ t("div", { className: "zd:w-13 zd:h-13 zd:flex zd:items-center zd:justify-center", children: /* @__PURE__ */ t("div", { className: "zd:w-5 zd:h-5 zd:border-2 zd:border-solarOrange zd:border-t-transparent zd:rounded-full zd:animate-spin" }) }) : /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          disabled: !B(f) || o,
-          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${B(f) && !o ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
-          onClick: () => D(),
-          children: /* @__PURE__ */ t(q, { name: "chevronRight", className: "zd:text-greyScale" })
+          disabled: !j(p) || s,
+          className: `zd:w-13 zd:h-13 zd:rounded-2xl zd:flex zd:items-center zd:justify-center zd:transition-colors ${j(p) && !s ? "zd:cursor-pointer" : "zd:cursor-not-allowed zd:opacity-50"}`,
+          onClick: () => z(),
+          children: /* @__PURE__ */ t(Z, { name: "chevronRight", className: "zd:text-greyScale" })
         }
       )
     }
   );
 }
-function I(e) {
+function P(e) {
   return e instanceof Error ? e.name === "AbortError" || e.name === "NotAllowedError" || e.name === "UserRejectedRequestError" ? !0 : e.message.toLowerCase().includes("oauth popup was closed") : !1;
 }
-function t2() {
-  const { goToStep: e } = F(), { authPending: n, guardAgreement: a, setError: r } = _(), { mutateAsync: i, isPending: o } = w2({
+function c2() {
+  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), { mutateAsync: i, isPending: s } = A2({
     mutation: {
       onSuccess: () => {
         e("authenticated");
       }
     }
   });
-  return L(o), /* @__PURE__ */ t(
-    T,
+  return L(s), /* @__PURE__ */ t(
+    M,
     {
-      icon: /* @__PURE__ */ t($, { name: "google" }),
+      icon: /* @__PURE__ */ t(t2, { name: "google" }),
       title: "Google",
-      trailing: /* @__PURE__ */ t(P, {}),
+      trailing: /* @__PURE__ */ t(V, {}),
       disabled: n,
       onClick: async () => {
-        if (!n && a()) {
-          r(null);
+        if (!n && r()) {
+          a(null);
           try {
             await i({ provider: "google" });
-          } catch (c) {
-            I(c) || r(c instanceof Error ? c.message : String(c));
+          } catch (o) {
+            P(o) || a(o instanceof Error ? o.message : String(o));
           }
         }
       }
     }
   );
 }
-function H(e, n) {
+function G(e, n) {
   return !!n.rdns && (e.id === n.rdns || (Array.isArray(e.rdns) ? e.rdns.includes(n.rdns) : e.rdns === n.rdns));
 }
-const $2 = [
+const te = [
   {
     id: "metamask",
     name: "MetaMask",
@@ -579,55 +579,55 @@ const $2 = [
     mobileLink: "bnc://app.binance.com/cedefi/wc?uri=",
     downloadUrl: "https://www.binance.com/en/download"
   }
-], k = $2;
-function K2({
+], k = te;
+function ne({
   excludeWalletIds: e = [],
   maxWallets: n = 4
 }) {
-  const { goToStep: a } = F(), { authPending: r, guardAgreement: i, setError: o, registeredWallets: s } = _(), c = Z(), { mutate: f, isPending: m } = G();
+  const { goToStep: r } = F(), { authPending: a, guardAgreement: i, setError: s, registeredWallets: l } = T(), o = $(), { mutate: p, isPending: m } = q();
   L(m);
-  const g = c.filter(
-    (u) => u.type === "injected" && u.id !== "injected" && u.id !== "zerodev-wallet"
-  ).map((u) => {
-    const l = k.find((h) => H(u, h));
+  const g = o.filter(
+    (h) => h.type === "injected" && h.id !== "injected" && h.id !== "zerodev-wallet"
+  ).map((h) => {
+    const d = k.find((f) => G(h, f));
     return {
-      connector: u,
-      walletId: l == null ? void 0 : l.id,
-      name: (l == null ? void 0 : l.name) ?? u.name,
-      icon: (l == null ? void 0 : l.icon) ?? u.icon,
-      ids: l ? [l.id, u.id] : [u.id],
-      rank: l ? k.indexOf(l) : k.length
+      connector: h,
+      walletId: d == null ? void 0 : d.id,
+      name: (d == null ? void 0 : d.name) ?? h.name,
+      icon: (d == null ? void 0 : d.icon) ?? h.icon,
+      ids: d ? [d.id, h.id] : [h.id],
+      rank: d ? k.indexOf(d) : k.length
     };
   }).filter(
-    (u) => !(u.walletId && s.includes(u.walletId))
-  ).filter((u) => !u.ids.some((l) => e.includes(l))).sort((u, l) => u.rank - l.rank).slice(0, n), w = (u) => {
-    r || i() && (o(null), f(
-      { connector: u },
+    (h) => !(h.walletId && l.includes(h.walletId))
+  ).filter((h) => !h.ids.some((d) => e.includes(d))).sort((h, d) => h.rank - d.rank).slice(0, n), E = (h) => {
+    a || i() && (s(null), p(
+      { connector: h },
       {
         // The external wallet is now the active wagmi connection — the
         // embedded-wallet flow is done, so close it (mirrors SignUp.Wallet).
-        onSuccess: () => a(null),
-        onError: (l) => {
-          I(l) || o(l instanceof Error ? l.message : String(l));
+        onSuccess: () => r(null),
+        onError: (d) => {
+          P(d) || s(d instanceof Error ? d.message : String(d));
         }
       }
     ));
   };
-  return /* @__PURE__ */ t(v, { children: g.map(({ connector: u, name: l, icon: h }) => /* @__PURE__ */ t(
-    T,
+  return /* @__PURE__ */ t(x, { children: g.map(({ connector: h, name: d, icon: f }) => /* @__PURE__ */ t(
+    M,
     {
-      title: l,
-      icon: h ? /* @__PURE__ */ t("img", { src: h, alt: "", className: "zd:w-6 zd:h-6" }) : null,
-      subtitle: /* @__PURE__ */ t(K, { text: "INSTALLED" }),
-      trailing: /* @__PURE__ */ t(P, {}),
-      disabled: r,
-      onClick: () => w(u)
+      title: d,
+      icon: f ? /* @__PURE__ */ t("img", { src: f, alt: "", className: "zd:w-6 zd:h-6" }) : null,
+      subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }),
+      trailing: /* @__PURE__ */ t(V, {}),
+      disabled: a,
+      onClick: () => E(h)
     },
-    u.uid
+    h.uid
   )) });
 }
-function X2({ tile: e }) {
-  return /* @__PURE__ */ p(
+function ie({ tile: e }) {
+  return /* @__PURE__ */ c(
     "button",
     {
       type: "button",
@@ -635,27 +635,27 @@ function X2({ tile: e }) {
       className: "zd:flex zd:flex-col zd:items-center zd:gap-1.5 zd:cursor-pointer",
       children: [
         /* @__PURE__ */ t("div", { className: "zd:w-16 zd:h-16 zd:rounded-2xl zd:bg-greyScale/5 zd:flex zd:items-center zd:justify-center", children: e.icon ? /* @__PURE__ */ t("img", { src: e.icon, alt: "", className: "zd:w-8 zd:h-8" }) : /* @__PURE__ */ t(
-          q,
+          Z,
           {
             name: "walletOutline",
             className: "zd:w-8 zd:h-8 zd:text-greyScale"
           }
         ) }),
-        /* @__PURE__ */ t(z, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
+        /* @__PURE__ */ t(D, { className: "zd:text-body3 zd:max-w-full zd:truncate", children: e.name })
       ]
     }
   );
 }
-function J2({
+function ae({
   open: e,
   onOpenChange: n,
-  tiles: a
+  tiles: r
 }) {
-  return /* @__PURE__ */ t(s2, { open: e, onOpenChange: n, children: /* @__PURE__ */ p(l2, { className: "zd:p-4", children: [
-    /* @__PURE__ */ t(d2, { children: "All wallets" }),
-    /* @__PURE__ */ p("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
-      /* @__PURE__ */ t(z, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
-      /* @__PURE__ */ t(c2, { asChild: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(m2, { open: e, onOpenChange: n, children: /* @__PURE__ */ c(g2, { className: "zd:p-4", children: [
+    /* @__PURE__ */ t(z2, { children: "All wallets" }),
+    /* @__PURE__ */ c("div", { className: "zd:mb-3 zd:flex zd:items-center zd:gap-2", children: [
+      /* @__PURE__ */ t(D, { className: "zd:text-h3 zd:flex-1", children: "All wallets" }),
+      /* @__PURE__ */ t(D2, { asChild: !0, children: /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -665,87 +665,87 @@ function J2({
         }
       ) })
     ] }),
-    /* @__PURE__ */ t("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: a.map((r) => /* @__PURE__ */ t(X2, { tile: r }, r.key)) })
+    /* @__PURE__ */ t("div", { className: "zd:grid zd:grid-cols-3 zd:gap-3 zd:max-h-80 zd:overflow-y-auto", children: r.map((a) => /* @__PURE__ */ t(ie, { tile: a }, a.key)) })
   ] }) });
 }
-function Y2({
+function re({
   title: e = "More wallets"
 }) {
-  const { goToStep: n } = F(), { authPending: a, guardAgreement: r, setError: i } = _(), [o, s] = E(!1), c = Z(), { mutate: f, isPending: m } = G();
+  const { goToStep: n } = F(), { authPending: r, guardAgreement: a, setError: i } = T(), [s, l] = C(!1), o = $(), { mutate: p, isPending: m } = q();
   L(m);
-  const g = c.filter(
-    (d) => d.id !== "zerodev-wallet" && d.type !== "walletConnect"
-  ), w = (d) => {
-    a || r() && (s(!1), i(null), f(
-      { connector: d },
+  const g = o.filter(
+    (u) => u.id !== "zerodev-wallet" && u.type !== "walletConnect"
+  ), E = (u) => {
+    r || a() && (l(!1), i(null), p(
+      { connector: u },
       {
         // The external wallet is now the active wagmi connection — the
         // embedded-wallet flow is done, so close it.
         onSuccess: () => n(null),
-        onError: (D) => {
-          I(D) || i(D instanceof Error ? D.message : String(D));
+        onError: (z) => {
+          P(z) || i(z instanceof Error ? z.message : String(z));
         }
       }
     ));
-  }, u = k.map((d) => {
-    const D = g.find((C) => H(C, d));
+  }, h = k.map((u) => {
+    const z = g.find((w) => G(w, u));
     return {
-      key: d.id,
-      name: d.name,
-      icon: d.icon,
+      key: u.id,
+      name: u.name,
+      icon: u.icon,
       onSelect: () => {
-        if (D) {
-          w(D);
+        if (z) {
+          E(z);
           return;
         }
-        s(!1), window.open(d.downloadUrl, "_blank", "noopener,noreferrer");
+        l(!1), window.open(u.downloadUrl, "_blank", "noopener,noreferrer");
       }
     };
-  }), l = g.filter((d) => !k.some((D) => H(d, D))).map((d) => ({
-    key: d.uid,
-    name: d.name,
-    icon: d.icon,
-    onSelect: () => w(d)
+  }), d = g.filter((u) => !k.some((z) => G(u, z))).map((u) => ({
+    key: u.uid,
+    name: u.name,
+    icon: u.icon,
+    onSelect: () => E(u)
   }));
-  return /* @__PURE__ */ p(v, { children: [
+  return /* @__PURE__ */ c(x, { children: [
     /* @__PURE__ */ t(
-      T,
+      M,
       {
-        icon: /* @__PURE__ */ t($, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
+        icon: /* @__PURE__ */ t(t2, { name: "walletOutline", className: "zd:w-5 zd:h-5" }),
         title: e,
-        trailing: /* @__PURE__ */ t(P, {}),
-        disabled: a,
+        trailing: /* @__PURE__ */ t(V, {}),
+        disabled: r,
         onClick: () => {
-          a || r() && s(!0);
+          r || a() && l(!0);
         }
       }
     ),
     /* @__PURE__ */ t(
-      J2,
+      ae,
       {
-        open: o,
-        onOpenChange: s,
-        tiles: [...u, ...l]
+        open: s,
+        onOpenChange: l,
+        tiles: [...h, ...d]
       }
     )
   ] });
 }
-function n2() {
-  const { goToStep: e } = F(), { authPending: n, guardAgreement: a, setError: r } = _(), i = {
+function u2() {
+  const { goToStep: e } = F(), { authPending: n, guardAgreement: r, setError: a } = T(), i = {
     onSuccess: () => {
       e("authenticated");
     },
     onError: (g) => {
-      I(g) || r(g instanceof Error ? g.message : String(g));
+      P(g) || a(g instanceof Error ? g.message : String(g));
     }
-  }, { mutate: o, isPending: s } = F2({ mutation: i }), { mutate: c, isPending: f } = x2({
+  }, { mutate: s, isPending: l } = N2({ mutation: i }), { mutate: o, isPending: p } = k2({
     mutation: i
   });
-  L(s || f);
+  L(l || p);
   const m = (g) => () => {
-    n || a() && (r(null), g());
+    n || r() && (a(null), g());
   };
-  return /* @__PURE__ */ p(v, { children: [
+  return /* @__PURE__ */ c(x, { children: [
     /* @__PURE__ */ t(
       S,
       {
@@ -754,7 +754,7 @@ function n2() {
         iconName: "key",
         trailIcon: !0,
         disabled: n,
-        onClick: m(() => o())
+        onClick: m(() => s())
       }
     ),
     /* @__PURE__ */ t(
@@ -765,45 +765,45 @@ function n2() {
         iconName: "key",
         trailIcon: !0,
         disabled: n,
-        onClick: m(() => c())
+        onClick: m(() => o())
       }
     )
   ] });
 }
-function Q2({ walletId: e }) {
-  const n = k.find((h) => h.id === e);
+function se({ walletId: e }) {
+  const n = k.find((f) => f.id === e);
   if (!n)
     throw new Error(
-      `Unknown walletId "${e}". Valid ids: ${k.map((h) => h.id).join(", ")}`
+      `Unknown walletId "${e}". Valid ids: ${k.map((f) => f.id).join(", ")}`
     );
-  const { goToStep: a } = F(), { authPending: r, guardAgreement: i, setError: o, registerWallet: s } = _(), c = Z(), { mutate: f, isPending: m } = G();
-  L(m), g2(() => s(n.id), [s, n.id]);
-  const g = c.find((h) => H(h, n)), w = !!n.rdns && c.some((h) => h.id === n.rdns), u = {
+  const { goToStep: r } = F(), { authPending: a, guardAgreement: i, setError: s, registerWallet: l } = T(), o = $(), { mutate: p, isPending: m } = q();
+  L(m), F2(() => l(n.id), [l, n.id]);
+  const g = o.find((f) => G(f, n)), E = !!n.rdns && o.some((f) => f.id === n.rdns), h = {
     title: n.name,
     icon: /* @__PURE__ */ t("img", { src: n.icon, alt: "", className: "zd:w-6 zd:h-6" }),
-    trailing: /* @__PURE__ */ t(P, {})
+    trailing: /* @__PURE__ */ t(V, {})
   };
   return g ? /* @__PURE__ */ t(
-    T,
+    M,
     {
-      ...u,
-      ...w && { subtitle: /* @__PURE__ */ t(K, { text: "INSTALLED" }) },
-      disabled: r,
+      ...h,
+      ...E && { subtitle: /* @__PURE__ */ t(n2, { text: "INSTALLED" }) },
+      disabled: a,
       onClick: () => {
-        r || i() && (o(null), f(
+        a || i() && (s(null), p(
           { connector: g },
           {
             // The external wallet is now the active wagmi connection — the
             // embedded-wallet flow is done, so close it (mirrors SignUp.MoreWallets).
-            onSuccess: () => a(null),
-            onError: (h) => {
-              I(h) || o(h instanceof Error ? h.message : String(h));
+            onSuccess: () => r(null),
+            onError: (f) => {
+              P(f) || s(f instanceof Error ? f.message : String(f));
             }
           }
         ));
       }
     }
-  ) : /* @__PURE__ */ t(T, { ...u, asChild: !0, children: /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ t(M, { ...h, asChild: !0, children: /* @__PURE__ */ t(
     "a",
     {
       href: n.downloadUrl,
@@ -812,37 +812,37 @@ function Q2({ walletId: e }) {
     }
   ) });
 }
-function i2({
+function p2({
   children: e,
   termsAndConditionsUrl: n,
-  privacyPolicyUrl: a,
-  emailAuthMethod: r = "magicLink"
+  privacyPolicyUrl: r,
+  emailAuthMethod: a = "magicLink"
 }) {
-  const [i, o] = E(!1), [s, c] = E(!1), [f, m] = E(null), [g, w] = E(!1), [u, l] = E(
+  const [i, s] = C(!1), [l, o] = C(!1), [p, m] = C(null), [g, E] = C(!1), [h, d] = C(
     []
-  ), h = D2((x) => (l((A) => [...A, x]), () => {
-    l((A) => {
-      const y = [...A];
-      return y.splice(y.indexOf(x), 1), y;
+  ), f = x2((y) => (d((b) => [...b, y]), () => {
+    d((b) => {
+      const v = [...b];
+      return v.splice(v.indexOf(y), 1), v;
     });
-  }), []), D = !!(n || a) && !i, C = () => D ? (c(!0), !1) : !0;
-  return /* @__PURE__ */ p(
-    Q.Provider,
+  }), []), z = !!(n || r) && !i, w = () => z ? (o(!0), !1) : !0;
+  return /* @__PURE__ */ c(
+    o2.Provider,
     {
       value: {
         authPending: g,
-        emailAuthMethod: r,
-        setAuthPending: w,
-        needsAgreement: D,
-        guardAgreement: C,
+        emailAuthMethod: a,
+        setAuthPending: E,
+        needsAgreement: z,
+        guardAgreement: w,
         setError: m,
-        registeredWallets: u,
-        registerWallet: h
+        registeredWallets: h,
+        registerWallet: f
       },
       children: [
-        f !== null && /* @__PURE__ */ t("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full zd:min-h-100", children: /* @__PURE__ */ p("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
-          /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
-          /* @__PURE__ */ t(z, { className: "zd:text-center zd:text-red-500", children: f }),
+        p !== null && /* @__PURE__ */ t("div", { className: "zd:flex zd:items-center zd:justify-center zd:h-full zd:min-h-100", children: /* @__PURE__ */ c("div", { className: "zd:flex zd:flex-col zd:gap-4 zd:max-w-md", children: [
+          /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Error occurred" }),
+          /* @__PURE__ */ t(D, { className: "zd:text-center zd:text-red-500", children: p }),
           /* @__PURE__ */ t(
             S,
             {
@@ -852,29 +852,29 @@ function i2({
             }
           )
         ] }) }),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ c(
           "div",
           {
-            className: `zd:-mx-4 zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-hidden${f !== null ? " zd:hidden" : ""}`,
+            className: `zd:-mx-4 zd:flex-1 zd:flex zd:flex-col zd:justify-between zd:pb-4 zd:overflow-y-auto zd:overflow-x-hidden${p !== null ? " zd:hidden" : ""}`,
             children: [
-              /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
-                /* @__PURE__ */ p("div", { className: "zd:px-4 zd:flex zd:flex-col zd:items-center", children: [
-                  /* @__PURE__ */ t("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ t(j2, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
-                  /* @__PURE__ */ t(z, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
-                  /* @__PURE__ */ t(z, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
+              /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:justify-center", children: [
+                /* @__PURE__ */ c("div", { className: "zd:px-4 zd:flex zd:flex-col zd:items-center", children: [
+                  /* @__PURE__ */ t("div", { className: "zd:w-full zd:px-16 zd:py-4", children: /* @__PURE__ */ t(Q2, { className: "zd:w-full zd:pointer-events-none zd:select-none" }) }),
+                  /* @__PURE__ */ t(D, { className: "zd:text-h2 zd:text-center", children: "Continue to your wallet" }),
+                  /* @__PURE__ */ t(D, { className: "zd:mt-2 zd:text-center zd:text-greyScale/50", children: "Choose a sign-in method to proceed" })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "zd:mt-6 zd:mb-4 zd:px-4 zd:flex zd:flex-col zd:gap-2", children: e })
               ] }),
               /* @__PURE__ */ t("div", { className: "zd:px-4", children: /* @__PURE__ */ t(
-                V2,
+                J2,
                 {
                   termsAndConditionsUrl: n,
-                  privacyPolicyUrl: a,
+                  privacyPolicyUrl: r,
                   agreedToTerms: i,
-                  setAgreedToTerms: (x) => {
-                    o(x), x && c(!1);
+                  setAgreedToTerms: (y) => {
+                    s(y), y && o(!1);
                   },
-                  highlight: s
+                  highlight: l
                 }
               ) })
             ]
@@ -884,58 +884,58 @@ function i2({
     }
   );
 }
-function r2({ label: e = "or" }) {
-  return /* @__PURE__ */ p("div", { className: "zd:-mx-4 zd:my-2 zd:flex zd:items-center zd:gap-3", children: [
+function h2({ label: e = "or" }) {
+  return /* @__PURE__ */ c("div", { className: "zd:-mx-4 zd:my-2 zd:flex zd:items-center zd:gap-3", children: [
     /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" }),
-    /* @__PURE__ */ t(z, { className: "zd:text-body3", children: e }),
+    /* @__PURE__ */ t(D, { className: "zd:text-body3", children: e }),
     /* @__PURE__ */ t("div", { className: "zd:h-px zd:flex-1 zd:bg-greyScale/30" })
   ] });
 }
-function ee(e) {
-  return /* @__PURE__ */ p(i2, { ...e, children: [
-    /* @__PURE__ */ t(n2, {}),
-    /* @__PURE__ */ t(r2, {}),
-    /* @__PURE__ */ t(t2, {}),
-    /* @__PURE__ */ t(e2, {})
+function le(e) {
+  return /* @__PURE__ */ c(p2, { ...e, children: [
+    /* @__PURE__ */ t(u2, {}),
+    /* @__PURE__ */ t(h2, {}),
+    /* @__PURE__ */ t(c2, {}),
+    /* @__PURE__ */ t(d2, {})
   ] });
 }
-const te = Object.assign(i2, {
-  Default: ee,
-  Passkey: n2,
-  Google: t2,
-  Email: e2,
-  Wallet: Q2,
-  InstalledWallets: K2,
-  MoreWallets: Y2,
-  Divider: r2
+const oe = Object.assign(p2, {
+  Default: le,
+  Passkey: u2,
+  Google: c2,
+  Email: d2,
+  Wallet: se,
+  InstalledWallets: ne,
+  MoreWallets: re,
+  Divider: h2
 });
-function ne() {
+function de() {
   return typeof window > "u" ? null : new URLSearchParams(window.location.search).get("code");
 }
-function ie() {
-  const { otpId: e, otpEncryptionTargetBundle: n, goToStep: a, clearOtpSession: r } = F(), [i] = E(ne), [o, s] = E(null), c = X(!1), { mutate: f, isPending: m } = y2({
+function ce() {
+  const { otpId: e, otpEncryptionTargetBundle: n, goToStep: r, clearOtpSession: a } = F(), [i] = C(de), [s, l] = C(null), o = r2(!1), { mutate: p, isPending: m } = U2({
     mutation: {
       onSuccess: () => {
-        r(), a("authenticated");
+        a(), r("authenticated");
       },
       onError: (g) => {
-        s(g);
+        l(g);
       }
     }
   });
-  return N(() => {
-    if (!(c.current || !i)) {
-      if (c.current = !0, !e || !n) {
-        U(), a(null);
+  return U(() => {
+    if (!(o.current || !i)) {
+      if (o.current = !0, !e || !n) {
+        I(), r(null);
         return;
       }
-      f({ otpId: e, code: i, otpEncryptionTargetBundle: n });
+      p({ otpId: e, code: i, otpEncryptionTargetBundle: n });
     }
-  }, [e, n, i, f, a]), /* @__PURE__ */ p(v, { children: [
-    /* @__PURE__ */ p("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
-      !o && m && /* @__PURE__ */ t(b, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
-      !o && !i && !m && /* @__PURE__ */ p(v, { children: [
-        /* @__PURE__ */ p(b, { imageName: "error", title: "Invalid Link", children: [
+  }, [e, n, i, p, r]), /* @__PURE__ */ c(x, { children: [
+    /* @__PURE__ */ c("div", { className: "zd:flex-1 zd:flex zd:flex-col zd:gap-8 zd:items-center zd:justify-center", children: [
+      !s && m && /* @__PURE__ */ t(N, { imageName: "loading", title: "Verifying Your Email", children: "Please wait while we securely connect your wallet." }),
+      !s && !i && !m && /* @__PURE__ */ c(x, { children: [
+        /* @__PURE__ */ c(N, { imageName: "error", title: "Invalid Link", children: [
           "This verification link is invalid or incomplete.",
           /* @__PURE__ */ t("br", {}),
           "Please check your email and try again with the correct link."
@@ -945,93 +945,93 @@ function ie() {
           {
             action: "primary",
             onClick: () => {
-              U(), a("sign-up");
+              I(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] }),
-      o != null && /* @__PURE__ */ p(v, { children: [
-        /* @__PURE__ */ t(b, { imageName: "error", title: "Oops, something went wrong", children: "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request." }),
+      s != null && /* @__PURE__ */ c(x, { children: [
+        /* @__PURE__ */ t(N, { imageName: "error", title: "Oops, something went wrong", children: "We couldn't complete the sign-in process. This could be due to timeout, an expired link, or a cancelled request." }),
         /* @__PURE__ */ t(
           S,
           {
             action: "primary",
             onClick: () => {
-              U(), a("sign-up");
+              I(), r("sign-up");
             },
             text: "Choose another sign-in method"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t(O, { className: "zd:self-center zd:pt-4 zd:pb-6" })
+    /* @__PURE__ */ t(H, { className: "zd:self-center zd:pt-4 zd:pb-6" })
   ] });
 }
-function re() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(b, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
+function ue() {
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(N, { imageName: "loading", title: "Authenticating...", children: "Please wait while we complete the OAuth authentication." }) });
 }
-function ae() {
-  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(b, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
+function pe() {
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:flex-1 zd:items-center zd:justify-center", children: /* @__PURE__ */ t(N, { imageName: "loading", title: "Passkey authentication", children: "Please authenticate with your passkey." }) });
 }
-function oe(e, n) {
+function he(e, n) {
   switch (e) {
     case "sign-up":
-      return n ? n() : /* @__PURE__ */ t(te.Default, {});
+      return n ? n() : /* @__PURE__ */ t(oe.Default, {});
     case "email-verification":
-      return /* @__PURE__ */ t(U2, {});
+      return /* @__PURE__ */ t(B2, {});
     case "otp-input":
-      return /* @__PURE__ */ t(G2, {});
+      return /* @__PURE__ */ t(Y2, {});
     case "verifying-otp":
-      return /* @__PURE__ */ t(ie, {});
+      return /* @__PURE__ */ t(ce, {});
     case "oauth-in-progress":
-      return /* @__PURE__ */ t(re, {});
+      return /* @__PURE__ */ t(ue, {});
     case "passkey-prompt":
-      return /* @__PURE__ */ t(ae, {});
+      return /* @__PURE__ */ t(pe, {});
     case "error":
-      return /* @__PURE__ */ t(O2, {});
+      return /* @__PURE__ */ t(G2, {});
     default:
       return null;
   }
 }
-function Ce({
+function _e({
   onClose: e,
   size: n,
-  renderSignUp: a,
-  logo: r
+  renderSignUp: r,
+  logo: a
 } = {}) {
-  const { step: i, goToStep: o, goBack: s, reset: c } = F();
-  N(() => {
-    i === null && T2() && o("verifying-otp");
-  }, [i, o]);
-  const f = oe(i, a);
-  return f ? /* @__PURE__ */ t(
-    u2,
+  const { step: i, goToStep: s, goBack: l, reset: o } = F();
+  U(() => {
+    i === null && Z2() && s("verifying-otp");
+  }, [i, s]);
+  const p = he(i, r);
+  return p ? /* @__PURE__ */ t(
+    i2,
     {
       ...n && { size: n },
       className: i === "sign-up" ? "zd:h-auto zd:max-h-202.5" : void 0,
       topNav: /* @__PURE__ */ t(
-        p2,
+        a2,
         {
-          ...s !== null && { onLeftButtonClick: s },
+          ...l !== null && { onLeftButtonClick: l },
           onRightButtonClick: () => {
-            U(), c(), e == null || e();
+            I(), o(), e == null || e();
           },
           ...i === "sign-up" && {
-            ...r && { logo: r },
+            ...a && { logo: a },
             className: "zd:px-4"
           }
         }
       ),
-      children: f
+      children: p
     }
   ) : null;
 }
-const V = "zerodev:auth:otpSession";
-function se() {
+const K = "zerodev:auth:otpSession";
+function fe() {
   if (typeof window > "u") return null;
   try {
-    const e = window.localStorage.getItem(V);
+    const e = window.localStorage.getItem(K);
     if (!e) return null;
     const n = JSON.parse(e);
     return !(n != null && n.otpId) || !(n != null && n.otpEncryptionTargetBundle) ? null : n;
@@ -1039,24 +1039,24 @@ function se() {
     return null;
   }
 }
-function le(e) {
+function me(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(
-        V,
+        K,
         JSON.stringify(e)
       );
     } catch {
     }
 }
-function W() {
+function Y() {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.removeItem(V);
+      window.localStorage.removeItem(K);
     } catch {
     }
 }
-const de = (e, n, a) => ({
+const ge = (e, n, r) => ({
   auth: {
     // Initial state
     step: null,
@@ -1066,40 +1066,40 @@ const de = (e, n, a) => ({
     otpEncryptionTargetBundle: null,
     // Actions
     initialize: () => {
-      const r = se();
-      r && e((i) => ({
+      const a = fe();
+      a && e((i) => ({
         auth: {
           ...i.auth,
-          otpId: r.otpId,
-          otpEncryptionTargetBundle: r.otpEncryptionTargetBundle
+          otpId: a.otpId,
+          otpEncryptionTargetBundle: a.otpEncryptionTargetBundle
         }
       }));
     },
-    goToStep: (r) => {
+    goToStep: (a) => {
       e((i) => ({
         auth: {
           ...i.auth,
-          step: r,
+          step: a,
           stepHistory: i.auth.step === null ? i.auth.stepHistory : [...i.auth.stepHistory, i.auth.step]
         }
       }));
     },
     goBack: () => {
-      const { auth: r } = n();
-      if (r.stepHistory.length === 0) return;
-      const i = [...r.stepHistory], o = i.pop();
-      e((s) => ({
+      const { auth: a } = n();
+      if (a.stepHistory.length === 0) return;
+      const i = [...a.stepHistory], s = i.pop();
+      e((l) => ({
         auth: {
-          ...s.auth,
-          step: o,
+          ...l.auth,
+          step: s,
           stepHistory: i
         }
       }));
     },
     reset: () => {
-      W(), e((r) => ({
+      Y(), e((a) => ({
         auth: {
-          ...r.auth,
+          ...a.auth,
           step: null,
           stepHistory: [],
           email: null,
@@ -1108,93 +1108,343 @@ const de = (e, n, a) => ({
         }
       }));
     },
-    setEmail: (r) => {
+    setEmail: (a) => {
       e((i) => ({
         auth: {
           ...i.auth,
-          email: r
+          email: a
         }
       }));
     },
-    setOtpSession: ({ otpId: r, otpEncryptionTargetBundle: i }) => {
-      le({ otpId: r, otpEncryptionTargetBundle: i }), e((o) => ({
+    setOtpSession: ({ otpId: a, otpEncryptionTargetBundle: i }) => {
+      me({ otpId: a, otpEncryptionTargetBundle: i }), e((s) => ({
         auth: {
-          ...o.auth,
-          otpId: r,
+          ...s.auth,
+          otpId: a,
           otpEncryptionTargetBundle: i
         }
       }));
     },
     clearOtpSession: () => {
-      W(), e((r) => ({
+      Y(), e((a) => ({
         auth: {
-          ...r.auth,
+          ...a.auth,
           otpId: null,
           otpEncryptionTargetBundle: null
         }
       }));
     }
   }
-}), ce = () => z2()(
-  A2((e, n, a) => ({
+}), ze = () => v2()(
+  L2((e, n, r) => ({
     pendingRequests: [],
     userConfirmationListenerActive: !1,
-    addPendingRequest: (r) => e((i) => ({
-      pendingRequests: [...i.pendingRequests, r]
+    addPendingRequest: (a) => e((i) => ({
+      pendingRequests: [...i.pendingRequests, a]
     })),
-    removePendingRequest: (r) => e((i) => ({
-      pendingRequests: i.pendingRequests.filter((o) => o.id !== r)
+    removePendingRequest: (a) => e((i) => ({
+      pendingRequests: i.pendingRequests.filter((s) => s.id !== a)
     })),
     clearPendingRequests: () => e({ pendingRequests: [] }),
-    setUserConfirmationListenerActive: (r) => e({ userConfirmationListenerActive: r }),
-    ...de(e, n)
+    setUserConfirmationListenerActive: (a) => e({ userConfirmationListenerActive: a }),
+    ...ge(e, n)
   }))
 );
-function ue(e) {
-  return new Promise((n, a) => {
-    const r = e.subscribe(
+function De(e) {
+  return new Promise((n, r) => {
+    const a = e.subscribe(
       (i) => i.auth.step,
       (i) => {
-        i === "authenticated" ? (r(), n()) : i === null && (r(), a(new Error("Auth flow dismissed")));
+        i === "authenticated" ? (a(), n()) : i === null && (a(), r(new Error("Auth flow dismissed")));
       }
     );
   });
 }
-function Ee(e) {
-  const n = v2(e), a = ce();
-  return (r) => {
-    const i = n(r);
+function Le(e) {
+  const n = T2(e), r = ze();
+  return (a) => {
+    const i = n(a);
     return {
       ...i,
-      async connect(o) {
+      async connect(s) {
         try {
-          return await i.connect(o);
-        } catch (s) {
-          if (o != null && o.isReconnecting || !(s instanceof S2))
-            throw s;
-          if (a.getState().auth.step !== null)
+          return await i.connect(s);
+        } catch (l) {
+          if (s != null && s.isReconnecting || !(l instanceof _2))
+            throw l;
+          if (r.getState().auth.step !== null)
             throw new Error("Auth flow already in progress");
-          return a.getState().auth.goToStep("sign-up"), await ue(a), i.connect(o);
+          return r.getState().auth.goToStep("sign-up"), await De(r), i.connect(s);
         }
       },
       async disconnect() {
-        var o;
-        await ((o = i.disconnect) == null ? void 0 : o.call(i)), a.getState().auth.reset();
+        var s;
+        await ((s = i.disconnect) == null ? void 0 : s.call(i)), r.getState().auth.reset();
       },
       async setup() {
-        var o;
-        await ((o = i.setup) == null ? void 0 : o.call(i)), !(typeof window > "u") && a.getState().auth.initialize();
+        var s;
+        await ((s = i.setup) == null ? void 0 : s.call(i)), !(typeof window > "u") && r.getState().auth.initialize();
       },
       getKitStore() {
-        return a;
+        return r;
       }
     };
   };
 }
+const we = {
+  Pending: "zd:text-solarOrange",
+  Success: "zd:text-positive",
+  Failed: "zd:text-negative"
+};
+function Ce({
+  icon: e,
+  title: n,
+  value: r,
+  chainName: a,
+  chainIconUrl: i,
+  destChainName: s,
+  destChainIconUrl: l,
+  status: o,
+  className: p
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: B(
+        "zd:flex zd:w-full zd:items-center zd:gap-2 zd:p-2",
+        p
+      ),
+      children: [
+        /* @__PURE__ */ t("div", { className: "zd:flex zd:size-11 zd:shrink-0 zd:items-center zd:justify-center zd:rounded-xl zd:bg-white", children: /* @__PURE__ */ t(Z, { name: e, className: "zd:size-5" }) }),
+        /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:flex-1 zd:flex-col zd:gap-2", children: [
+          /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
+            /* @__PURE__ */ t(D, { className: "zd:shrink-0 zd:whitespace-nowrap zd:text-body1", children: n }),
+            /* @__PURE__ */ t(D, { className: "zd:min-w-0 zd:truncate zd:text-right zd:text-body1", children: r })
+          ] }),
+          /* @__PURE__ */ c("div", { className: "zd:flex zd:w-full zd:items-center zd:justify-between zd:gap-2", children: [
+            /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-2", children: [
+              /* @__PURE__ */ t(
+                J,
+                {
+                  name: a,
+                  ...i && { iconUrl: i }
+                }
+              ),
+              s && /* @__PURE__ */ c(x, { children: [
+                /* @__PURE__ */ t(
+                  Z,
+                  {
+                    name: "arrowRightFill",
+                    "aria-hidden": !0,
+                    className: "zd:size-3 zd:shrink-0 zd:opacity-30"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  J,
+                  {
+                    name: s,
+                    ...l && { iconUrl: l }
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              D,
+              {
+                className: B("zd:shrink-0 zd:text-body3", we[o]),
+                children: o
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function J({ name: e, iconUrl: n }) {
+  return /* @__PURE__ */ c("div", { className: "zd:flex zd:min-w-0 zd:items-center zd:gap-[5px]", children: [
+    n && /* @__PURE__ */ t("span", { className: "zd:size-3 zd:shrink-0 zd:overflow-hidden zd:rounded-full zd:bg-white", children: /* @__PURE__ */ t(
+      "img",
+      {
+        src: n,
+        alt: "",
+        "aria-hidden": !0,
+        className: "zd:size-full zd:object-cover"
+      }
+    ) }),
+    /* @__PURE__ */ t(D, { className: "zd:truncate zd:text-body3", children: e })
+  ] });
+}
+const _ = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/arbitrum/info/logo.png", X = "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/base/info/logo.png", A = 3600 * 1e3, Ee = [
+  {
+    id: "mock-1",
+    icon: "arrowSwapHorizontalOutline",
+    title: "Swapped ETH → USD₮0",
+    value: "2,343 ETH",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    destChainName: "Base",
+    destChainIconUrl: X,
+    status: "Pending",
+    timestamp: Date.now() - 1 * A
+  },
+  {
+    id: "mock-2",
+    icon: "arrowSwapHorizontalOutline",
+    title: "Swapped ETH → USD₮0",
+    value: "2,343 ETH",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    destChainName: "Base",
+    destChainIconUrl: X,
+    status: "Pending",
+    timestamp: Date.now() - 2 * A
+  },
+  {
+    id: "mock-3",
+    icon: "lighting",
+    title: "Fixed Yield",
+    value: "2,323 PT wstETH (25 Jan 2026)",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 3 * A
+  },
+  {
+    id: "mock-4",
+    icon: "imageFill",
+    title: "Received NFT",
+    value: "Bored Ape Yacht Club",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 4 * A
+  },
+  {
+    id: "mock-5",
+    icon: "lighting",
+    title: "Collateral Used",
+    value: "Collateralization enabled for USD₮0",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 336 * A
+  },
+  {
+    id: "mock-6",
+    icon: "lighting",
+    title: "Liquid Staked ETH",
+    value: "2,323 PT wstETH (25 Jan 2026)",
+    chainName: "Arbitrum One",
+    chainIconUrl: _,
+    status: "Success",
+    timestamp: Date.now() - 336 * A - 1 * A
+  }
+];
+function R(e) {
+  const n = new Date(e);
+  return `${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`;
+}
+function Fe(e, n) {
+  const r = R(e);
+  return r === R(n) ? "Today" : r === R(n - 1440 * 60 * 1e3) ? "Yesterday" : new Intl.DateTimeFormat("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  }).format(new Date(e));
+}
+function xe(e, n = Date.now()) {
+  var s;
+  const r = [...e].sort((l, o) => o.timestamp - l.timestamp), a = [];
+  let i = null;
+  for (const l of r) {
+    const o = R(l.timestamp);
+    o !== i && (i = o, a.push({ label: Fe(l.timestamp, n), entries: [] })), (s = a[a.length - 1]) == null || s.entries.push(l);
+  }
+  return a;
+}
+function ye({
+  entries: e = Ee,
+  onSelectEntry: n
+}) {
+  const r = xe(e);
+  return /* @__PURE__ */ t("div", { className: "zd:flex zd:h-full zd:w-full zd:flex-col zd:gap-1 zd:pt-2 zd:pb-4", children: /* @__PURE__ */ t(
+    e2,
+    {
+      variant: "ghost",
+      className: "zd:flex zd:w-full zd:flex-1 zd:flex-col zd:gap-1 zd:overflow-y-auto zd:rounded-2xl zd:p-2",
+      children: r.map((a) => /* @__PURE__ */ c(y2, { children: [
+        /* @__PURE__ */ t("div", { className: "zd:flex zd:w-full zd:items-center zd:py-2 zd:pr-2", children: /* @__PURE__ */ t(D, { className: "zd:text-body3", children: a.label }) }),
+        a.entries.map(
+          (i) => n ? /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => n(i),
+              className: "zd:w-full zd:cursor-pointer zd:text-left",
+              children: /* @__PURE__ */ t(Q, { entry: i })
+            },
+            i.id
+          ) : /* @__PURE__ */ t(Q, { entry: i }, i.id)
+        )
+      ] }, a.label))
+    }
+  ) });
+}
+function Q({ entry: e }) {
+  return /* @__PURE__ */ t(
+    Ce,
+    {
+      icon: e.icon,
+      title: e.title,
+      value: e.value,
+      chainName: e.chainName,
+      ...e.chainIconUrl && { chainIconUrl: e.chainIconUrl },
+      ...e.destChainName && { destChainName: e.destChainName },
+      ...e.destChainIconUrl && {
+        destChainIconUrl: e.destChainIconUrl
+      },
+      status: e.status
+    }
+  );
+}
+const ve = {
+  history: "History"
+};
+function Oe({
+  onClose: e,
+  entries: n,
+  onSelectEntry: r,
+  className: a,
+  size: i
+}) {
+  const [s] = C("history"), l = () => {
+    switch (s) {
+      case "history":
+        return /* @__PURE__ */ t(
+          ye,
+          {
+            ...n && { entries: n },
+            ...r && { onSelectEntry: r }
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ t(
+    i2,
+    {
+      ...a && { className: a },
+      ...i && { size: i },
+      topNav: /* @__PURE__ */ t(a2, { title: ve[s], onRightButtonClick: e }),
+      children: l()
+    }
+  );
+}
 export {
-  Ce as ConnectWallet,
-  te as SignUp,
+  _e as ConnectWallet,
+  oe as SignUp,
+  Oe as TxHistory,
   F as useAuth,
-  Ee as zeroDevWallet
+  Le as zeroDevWallet
 };
 //# sourceMappingURL=index.mjs.map