@coinbase/cdp-react 0.0.51 → 0.0.53

package/dist/assets/SignInAuthMethodButtons.css

@@ -1 +1 @@
-.SignInAuthMethodButtons-module__auth-method-buttons___jYEH7{display:flex;flex-direction:column;gap:.5em}.SignInAuthMethodButtons-module__auth-btn___o1a09{padding-left:2em;padding-right:2em;gap:0}.SignInAuthMethodButtons-module__auth-btn-icon___VjvFY{flex-shrink:0;flex-grow:0;height:1.25em;width:auto}.SignInAuthMethodButtons-module__auth-btn-label___mEWd3{flex-grow:1;padding:0 1.75em 0 .5em}.SignInAuthMethodButtons-module__divider___zphEh{position:relative;text-align:center;margin:1em 0 .5em}.SignInAuthMethodButtons-module__divider___zphEh hr{border:0;border-top:1px solid var(--cdp-web-colors-page-border-default);margin:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.SignInAuthMethodButtons-module__divider___zphEh span{background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-muted);text-transform:uppercase;font-size:.875em;font-weight:500;padding:0 .5em;position:relative}
+.SignInAuthMethodButtons-module__auth-method-buttons___jYEH7{display:flex;flex-direction:column;gap:.5em}.SignInAuthMethodButtons-module__auth-btn___o1a09{padding-left:2em;padding-right:2em;gap:0}.SignInAuthMethodButtons-module__auth-btn-icon___VjvFY{flex-shrink:0;flex-grow:0;height:1.25em;width:1.25em}.SignInAuthMethodButtons-module__auth-btn-icon___VjvFY svg{height:100%;width:100%}.SignInAuthMethodButtons-module__auth-btn-label___mEWd3{flex-grow:1;padding:0 1.75em 0 .5em}.SignInAuthMethodButtons-module__divider___zphEh{position:relative;text-align:center;margin:1em 0 .5em}.SignInAuthMethodButtons-module__divider___zphEh hr{border:0;border-top:1px solid var(--cdp-web-colors-page-border-default);margin:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.SignInAuthMethodButtons-module__divider___zphEh span{background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-muted);text-transform:uppercase;font-size:.875em;font-weight:500;padding:0 .5em;position:relative}

package/dist/chunks/useSendComponentCallOnce.CUgcsUye.js

@@ -0,0 +1,219 @@
+import { useRef as k, useEffect as q } from "react";
+function U(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+}
+var F = { exports: {} }, B = { exports: {} }, S;
+function H() {
+  return S || (S = 1, function() {
+    var s = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", l = {
+      // Bit-wise rotation left
+      rotl: function(c, u) {
+        return c << u | c >>> 32 - u;
+      },
+      // Bit-wise rotation right
+      rotr: function(c, u) {
+        return c << 32 - u | c >>> u;
+      },
+      // Swap big-endian to little-endian and vice versa
+      endian: function(c) {
+        if (c.constructor == Number)
+          return l.rotl(c, 8) & 16711935 | l.rotl(c, 24) & 4278255360;
+        for (var u = 0; u < c.length; u++)
+          c[u] = l.endian(c[u]);
+        return c;
+      },
+      // Generate an array of any length of random bytes
+      randomBytes: function(c) {
+        for (var u = []; c > 0; c--)
+          u.push(Math.floor(Math.random() * 256));
+        return u;
+      },
+      // Convert a byte array to big-endian 32-bit words
+      bytesToWords: function(c) {
+        for (var u = [], f = 0, a = 0; f < c.length; f++, a += 8)
+          u[a >>> 5] |= c[f] << 24 - a % 32;
+        return u;
+      },
+      // Convert big-endian 32-bit words to a byte array
+      wordsToBytes: function(c) {
+        for (var u = [], f = 0; f < c.length * 32; f += 8)
+          u.push(c[f >>> 5] >>> 24 - f % 32 & 255);
+        return u;
+      },
+      // Convert a byte array to a hex string
+      bytesToHex: function(c) {
+        for (var u = [], f = 0; f < c.length; f++)
+          u.push((c[f] >>> 4).toString(16)), u.push((c[f] & 15).toString(16));
+        return u.join("");
+      },
+      // Convert a hex string to a byte array
+      hexToBytes: function(c) {
+        for (var u = [], f = 0; f < c.length; f += 2)
+          u.push(parseInt(c.substr(f, 2), 16));
+        return u;
+      },
+      // Convert a byte array to a base-64 string
+      bytesToBase64: function(c) {
+        for (var u = [], f = 0; f < c.length; f += 3)
+          for (var a = c[f] << 16 | c[f + 1] << 8 | c[f + 2], d = 0; d < 4; d++)
+            f * 8 + d * 6 <= c.length * 8 ? u.push(s.charAt(a >>> 6 * (3 - d) & 63)) : u.push("=");
+        return u.join("");
+      },
+      // Convert a base-64 string to a byte array
+      base64ToBytes: function(c) {
+        c = c.replace(/[^A-Z0-9+\/]/ig, "");
+        for (var u = [], f = 0, a = 0; f < c.length; a = ++f % 4)
+          a != 0 && u.push((s.indexOf(c.charAt(f - 1)) & Math.pow(2, -2 * a + 8) - 1) << a * 2 | s.indexOf(c.charAt(f)) >>> 6 - a * 2);
+        return u;
+      }
+    };
+    B.exports = l;
+  }()), B.exports;
+}
+var E, w;
+function m() {
+  if (w) return E;
+  w = 1;
+  var s = {
+    // UTF-8 encoding
+    utf8: {
+      // Convert a string to a byte array
+      stringToBytes: function(l) {
+        return s.bin.stringToBytes(unescape(encodeURIComponent(l)));
+      },
+      // Convert a byte array to a string
+      bytesToString: function(l) {
+        return decodeURIComponent(escape(s.bin.bytesToString(l)));
+      }
+    },
+    // Binary encoding
+    bin: {
+      // Convert a string to a byte array
+      stringToBytes: function(l) {
+        for (var c = [], u = 0; u < l.length; u++)
+          c.push(l.charCodeAt(u) & 255);
+        return c;
+      },
+      // Convert a byte array to a string
+      bytesToString: function(l) {
+        for (var c = [], u = 0; u < l.length; u++)
+          c.push(String.fromCharCode(l[u]));
+        return c.join("");
+      }
+    }
+  };
+  return E = s, E;
+}
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+var C, A;
+function L() {
+  if (A) return C;
+  A = 1, C = function(c) {
+    return c != null && (s(c) || l(c) || !!c._isBuffer);
+  };
+  function s(c) {
+    return !!c.constructor && typeof c.constructor.isBuffer == "function" && c.constructor.isBuffer(c);
+  }
+  function l(c) {
+    return typeof c.readFloatLE == "function" && typeof c.slice == "function" && s(c.slice(0, 0));
+  }
+  return C;
+}
+var P;
+function J() {
+  return P || (P = 1, function() {
+    var s = H(), l = m().utf8, c = L(), u = m().bin, f = function(a, d) {
+      a.constructor == String ? d && d.encoding === "binary" ? a = u.stringToBytes(a) : a = l.stringToBytes(a) : c(a) ? a = Array.prototype.slice.call(a, 0) : !Array.isArray(a) && a.constructor !== Uint8Array && (a = a.toString());
+      for (var o = s.bytesToWords(a), g = a.length * 8, r = 1732584193, n = -271733879, e = -1732584194, t = 271733878, i = 0; i < o.length; i++)
+        o[i] = (o[i] << 8 | o[i] >>> 24) & 16711935 | (o[i] << 24 | o[i] >>> 8) & 4278255360;
+      o[g >>> 5] |= 128 << g % 32, o[(g + 64 >>> 9 << 4) + 14] = g;
+      for (var p = f._ff, h = f._gg, v = f._hh, y = f._ii, i = 0; i < o.length; i += 16) {
+        var M = r, O = n, D = e, R = t;
+        r = p(r, n, e, t, o[i + 0], 7, -680876936), t = p(t, r, n, e, o[i + 1], 12, -389564586), e = p(e, t, r, n, o[i + 2], 17, 606105819), n = p(n, e, t, r, o[i + 3], 22, -1044525330), r = p(r, n, e, t, o[i + 4], 7, -176418897), t = p(t, r, n, e, o[i + 5], 12, 1200080426), e = p(e, t, r, n, o[i + 6], 17, -1473231341), n = p(n, e, t, r, o[i + 7], 22, -45705983), r = p(r, n, e, t, o[i + 8], 7, 1770035416), t = p(t, r, n, e, o[i + 9], 12, -1958414417), e = p(e, t, r, n, o[i + 10], 17, -42063), n = p(n, e, t, r, o[i + 11], 22, -1990404162), r = p(r, n, e, t, o[i + 12], 7, 1804603682), t = p(t, r, n, e, o[i + 13], 12, -40341101), e = p(e, t, r, n, o[i + 14], 17, -1502002290), n = p(n, e, t, r, o[i + 15], 22, 1236535329), r = h(r, n, e, t, o[i + 1], 5, -165796510), t = h(t, r, n, e, o[i + 6], 9, -1069501632), e = h(e, t, r, n, o[i + 11], 14, 643717713), n = h(n, e, t, r, o[i + 0], 20, -373897302), r = h(r, n, e, t, o[i + 5], 5, -701558691), t = h(t, r, n, e, o[i + 10], 9, 38016083), e = h(e, t, r, n, o[i + 15], 14, -660478335), n = h(n, e, t, r, o[i + 4], 20, -405537848), r = h(r, n, e, t, o[i + 9], 5, 568446438), t = h(t, r, n, e, o[i + 14], 9, -1019803690), e = h(e, t, r, n, o[i + 3], 14, -187363961), n = h(n, e, t, r, o[i + 8], 20, 1163531501), r = h(r, n, e, t, o[i + 13], 5, -1444681467), t = h(t, r, n, e, o[i + 2], 9, -51403784), e = h(e, t, r, n, o[i + 7], 14, 1735328473), n = h(n, e, t, r, o[i + 12], 20, -1926607734), r = v(r, n, e, t, o[i + 5], 4, -378558), t = v(t, r, n, e, o[i + 8], 11, -2022574463), e = v(e, t, r, n, o[i + 11], 16, 1839030562), n = v(n, e, t, r, o[i + 14], 23, -35309556), r = v(r, n, e, t, o[i + 1], 4, -1530992060), t = v(t, r, n, e, o[i + 4], 11, 1272893353), e = v(e, t, r, n, o[i + 7], 16, -155497632), n = v(n, e, t, r, o[i + 10], 23, -1094730640), r = v(r, n, e, t, o[i + 13], 4, 681279174), t = v(t, r, n, e, o[i + 0], 11, -358537222), e = v(e, t, r, n, o[i + 3], 16, -722521979), n = v(n, e, t, r, o[i + 6], 23, 76029189), r = v(r, n, e, t, o[i + 9], 4, -640364487), t = v(t, r, n, e, o[i + 12], 11, -421815835), e = v(e, t, r, n, o[i + 15], 16, 530742520), n = v(n, e, t, r, o[i + 2], 23, -995338651), r = y(r, n, e, t, o[i + 0], 6, -198630844), t = y(t, r, n, e, o[i + 7], 10, 1126891415), e = y(e, t, r, n, o[i + 14], 15, -1416354905), n = y(n, e, t, r, o[i + 5], 21, -57434055), r = y(r, n, e, t, o[i + 12], 6, 1700485571), t = y(t, r, n, e, o[i + 3], 10, -1894986606), e = y(e, t, r, n, o[i + 10], 15, -1051523), n = y(n, e, t, r, o[i + 1], 21, -2054922799), r = y(r, n, e, t, o[i + 8], 6, 1873313359), t = y(t, r, n, e, o[i + 15], 10, -30611744), e = y(e, t, r, n, o[i + 6], 15, -1560198380), n = y(n, e, t, r, o[i + 13], 21, 1309151649), r = y(r, n, e, t, o[i + 4], 6, -145523070), t = y(t, r, n, e, o[i + 11], 10, -1120210379), e = y(e, t, r, n, o[i + 2], 15, 718787259), n = y(n, e, t, r, o[i + 9], 21, -343485551), r = r + M >>> 0, n = n + O >>> 0, e = e + D >>> 0, t = t + R >>> 0;
+      }
+      return s.endian([r, n, e, t]);
+    };
+    f._ff = function(a, d, o, g, r, n, e) {
+      var t = a + (d & o | ~d & g) + (r >>> 0) + e;
+      return (t << n | t >>> 32 - n) + d;
+    }, f._gg = function(a, d, o, g, r, n, e) {
+      var t = a + (d & g | o & ~g) + (r >>> 0) + e;
+      return (t << n | t >>> 32 - n) + d;
+    }, f._hh = function(a, d, o, g, r, n, e) {
+      var t = a + (d ^ o ^ g) + (r >>> 0) + e;
+      return (t << n | t >>> 32 - n) + d;
+    }, f._ii = function(a, d, o, g, r, n, e) {
+      var t = a + (o ^ (d | ~g)) + (r >>> 0) + e;
+      return (t << n | t >>> 32 - n) + d;
+    }, f._blocksize = 16, f._digestsize = 16, F.exports = function(a, d) {
+      if (a == null)
+        throw new Error("Illegal argument " + a);
+      var o = s.wordsToBytes(f(a, d));
+      return d && d.asBytes ? o : d && d.asString ? u.bytesToString(o) : s.bytesToHex(o);
+    };
+  }()), F.exports;
+}
+var G = J();
+const N = /* @__PURE__ */ U(G), $ = "1f8d3e558f493e38a037dbfadb8ba344", z = "d473b1dcc969105adab157226cd9cf63", x = Symbol.for("@coinbase/cdp-analytics");
+function W() {
+  const s = globalThis;
+  return s[x] || (s[x] = {
+    identifier: "",
+    enabled: !0,
+    isProduction: !1,
+    isUsingMocks: !1,
+    sendEvent: _,
+    sendActionCallEvent: (l) => _({ ...l, type: "action_call" }),
+    sendHookCallEvent: (l) => _({ ...l, type: "hook_call" }),
+    sendComponentCallEvent: (l) => _({ ...l, type: "component_call" })
+  }), s[x];
+}
+const T = W();
+async function _(s) {
+  if (!T.enabled || !T.identifier)
+    return;
+  const l = Date.now(), u = [{
+    user_id: T.identifier,
+    event_type: s.type,
+    platform: I() ? "web" : "native",
+    timestamp: l,
+    event_properties: {
+      project_name: "cdp-embedded-wallet",
+      isLocalHost: K(),
+      isUsingMocks: T.isUsingMocks,
+      ...s
+    }
+  }], f = JSON.stringify(u), a = l.toString(), d = N(f + a), o = {
+    client: T.isProduction ? z : $,
+    e: f,
+    checksum: d
+  };
+  await fetch("https://cca-lite.coinbase.com/amp", {
+    method: "POST",
+    mode: "no-cors",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(o)
+  });
+}
+function I() {
+  return typeof window < "u" && typeof document < "u";
+}
+function K() {
+  return I() ? window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1" : !1;
+}
+function Z(s) {
+  const l = k(!1);
+  q(() => {
+    l.current || (T.sendComponentCallEvent({ name: s }), l.current = !0);
+  }, [s]);
+}
+export {
+  Z as u
+};

package/dist/components/AuthButton/index.js

@@ -1,28 +1,30 @@
-import { jsx as u, jsxs as k, Fragment as y } from "react/jsx-runtime";
-import { useIsInitialized as z, useIsSignedIn as D } from "@coinbase/cdp-hooks";
-import { useState as f, useRef as M, useCallback as A, useEffect as m } from "react";
+import { jsx as u, jsxs as j, Fragment as k } from "react/jsx-runtime";
+import { useIsInitialized as y, useIsSignedIn as z } from "@coinbase/cdp-hooks";
+import { u as D } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { useState as m, useRef as M, useCallback as x, useEffect as f } from "react";
 import { SignInModal as N } from "../SignInModal/index.js";
 import { SignOutButton as $ } from "../SignOutButton/index.js";
-import { LoadingSkeleton as b } from "../ui/LoadingSkeleton/index.js";
-import '../../assets/AuthButton.css';const q = "AuthButton-module__loading___JpDqi", C = {
-  loading: q
-}, G = ({
+import { LoadingSkeleton as q } from "../ui/LoadingSkeleton/index.js";
+import '../../assets/AuthButton.css';const F = "AuthButton-module__loading___JpDqi", A = {
+  loading: F
+}, K = ({
   children: d,
   closeOnSuccessDelay: S = 800,
   onSignInSuccess: g,
-  onSignInSuccessTransitionEnd: h,
-  onSignOutSuccess: p,
+  onSignInSuccessTransitionEnd: p,
+  onSignOutSuccess: h,
   placeholder: I,
   signInModal: O,
-  signOutButton: T,
-  ...j
+  signOutButton: _,
+  ...b
 }) => {
-  const { isInitialized: n } = z(), { isSignedIn: r } = D(), [l, s] = f(r), [e, c] = f(!1), [i, a] = f(void 0), o = M(!1), _ = A(() => {
+  D("auth_button");
+  const { isInitialized: n } = y(), { isSignedIn: r } = z(), [l, s] = m(r), [e, c] = m(!1), [i, a] = m(void 0), o = M(!1), C = x(() => {
     g?.(), a(S);
-  }, [S, g]), v = A(() => {
-    p?.(), s(!1);
-  }, [p]);
-  m(() => {
+  }, [S, g]), T = x(() => {
+    h?.(), s(!1);
+  }, [h]);
+  f(() => {
     if (i === void 0)
       return;
     if (i === null) {
@@ -35,16 +37,16 @@ import '../../assets/AuthButton.css';const q = "AuthButton-module__loading___JpD
     return () => {
       t && clearTimeout(t);
     };
-  }, [i]), m(() => {
+  }, [i]), f(() => {
     if (e)
       return;
     let t = null;
     return o.current && (t = setTimeout(() => {
-      h?.(), o.current = !1, s(!0);
+      p?.(), o.current = !1, s(!0);
     }, 200)), () => {
       t && clearTimeout(t);
     };
-  }, [e, h]), m(() => {
+  }, [e, p]), f(() => {
     if (r) {
       if (o.current)
         return;
@@ -52,19 +54,19 @@ import '../../assets/AuthButton.css';const q = "AuthButton-module__loading___JpD
     } else
       s(!1);
   }, [r, e]);
-  const B = I ? I({ className: C.loading }) : /* @__PURE__ */ u(b, { className: C.loading }), w = T ? T({ onSuccess: v }) : /* @__PURE__ */ u($, { onSuccess: v }), x = O ? O({ open: e, setIsOpen: c, onSuccess: _ }) : /* @__PURE__ */ u(N, { open: e, setIsOpen: c, onSuccess: _ });
-  return /* @__PURE__ */ u("div", { ...j, children: d ? d({
+  const v = I ? I({ className: A.loading }) : /* @__PURE__ */ u(q, { className: A.loading }), B = _ ? _({ onSuccess: T }) : /* @__PURE__ */ u($, { onSuccess: T }), w = O ? O({ open: e, setIsOpen: c, onSuccess: C }) : /* @__PURE__ */ u(N, { open: e, setIsOpen: c, onSuccess: C });
+  return /* @__PURE__ */ u("div", { ...b, children: d ? d({
     isInitialized: n,
     isSignedIn: l,
-    Placeholder: B,
-    SignOutButton: w,
-    SignInModal: x
-  }) : /* @__PURE__ */ k(y, { children: [
-    !n && B,
-    n && l && w,
-    n && !l && x
+    Placeholder: v,
+    SignOutButton: B,
+    SignInModal: w
+  }) : /* @__PURE__ */ j(k, { children: [
+    !n && v,
+    n && l && B,
+    n && !l && w
   ] }) });
 };
 export {
-  G as AuthButton
+  K as AuthButton
 };

package/dist/components/Fund/index.js

@@ -1,38 +1,39 @@
-import { jsx as t, jsxs as m, Fragment as f } from "react/jsx-runtime";
-import { useId as p } from "react";
+import { jsx as n, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import { u as p } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { useId as c } from "react";
 import { useAppConfig as F } from "../CDPReactProvider/index.js";
-import { CoinbaseFooter as c } from "../ui/CoinbaseFooter/index.js";
-import { FundForm as a } from "./FundForm.js";
-import { FundProvider as l, useFundContext as C } from "./FundProvider.js";
-import { FundTitle as _ } from "./FundTitle.js";
-import { useSetupOnrampEventListeners as b } from "./hooks/useSetupOnrampEventListeners.js";
-import '../../assets/Fund.css';const x = "Fund-module__fund___6j-Og", g = {
-  fund: x
-}, L = ({
+import { CoinbaseFooter as a } from "../ui/CoinbaseFooter/index.js";
+import { FundForm as l } from "./FundForm.js";
+import { FundProvider as C, useFundContext as _ } from "./FundProvider.js";
+import { FundTitle as b } from "./FundTitle.js";
+import { useSetupOnrampEventListeners as x } from "./hooks/useSetupOnrampEventListeners.js";
+import '../../assets/Fund.css';const g = "Fund-module__fund___6j-Og", h = {
+  fund: g
+}, N = ({
   className: o = "",
   children: r,
   openIn: e,
   style: s,
   submitLabel: u,
-  title: n,
-  ...i
-}) => /* @__PURE__ */ t(l, { ...i, children: /* @__PURE__ */ t("div", { className: `${g.fund} ${o}`, style: s, children: /* @__PURE__ */ t(h, { openIn: e, submitLabel: u, title: n, children: r }) }) }), h = ({
+  title: t,
+  ...m
+}) => (p("fund"), /* @__PURE__ */ n(C, { ...m, children: /* @__PURE__ */ n("div", { className: `${h.fund} ${o}`, style: s, children: /* @__PURE__ */ n(j, { openIn: e, submitLabel: u, title: t, children: r }) }) })), j = ({
   children: o,
   openIn: r,
   submitLabel: e,
   title: s
 }) => {
-  const { state: u } = C(), n = p(), { showCoinbaseFooter: i } = F();
-  return b(), o ? typeof o == "function" ? o(u) : o : /* @__PURE__ */ t(a, { "aria-labelledby": n, openIn: r, submitLabel: e, children: ({ Content: d }) => /* @__PURE__ */ m(f, { children: [
-    /* @__PURE__ */ t(_, { id: n, children: s }),
+  const { state: u } = _(), t = c(), { showCoinbaseFooter: m } = F();
+  return x(), o ? typeof o == "function" ? o(u) : o : /* @__PURE__ */ n(l, { "aria-labelledby": t, openIn: r, submitLabel: e, children: ({ Content: d }) => /* @__PURE__ */ i(f, { children: [
+    /* @__PURE__ */ n(b, { id: t, children: s }),
     d,
-    i && /* @__PURE__ */ t(j, {})
+    m && /* @__PURE__ */ n(v, {})
   ] }) });
-}, j = (o) => /* @__PURE__ */ t(c, { ...o });
+}, v = (o) => /* @__PURE__ */ n(a, { ...o });
 export {
-  L as Fund,
-  j as FundFooter,
-  a as FundForm,
-  _ as FundTitle,
-  C as useFundContext
+  N as Fund,
+  v as FundFooter,
+  l as FundForm,
+  b as FundTitle,
+  _ as useFundContext
 };

package/dist/components/FundModal/index.js

@@ -1,46 +1,47 @@
-import { jsx as o, jsxs as i, Fragment as M } from "react/jsx-runtime";
+import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
+import { u as w } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { createContext as j, useState as A, useCallback as F, useMemo as S, useId as $, useContext as z } from "react";
 import { c as x } from "../../chunks/lite.1fxw3LjI.js";
-import { createContext as w, useState as j, useCallback as F, useMemo as A, useId as $, useContext as z } from "react";
-import { useAppConfig as S } from "../CDPReactProvider/index.js";
-import { Fund as V, FundFooter as k } from "../Fund/index.js";
+import { useAppConfig as V } from "../CDPReactProvider/index.js";
+import { Fund as k, FundFooter as D } from "../Fund/index.js";
 import { Button as v } from "../ui/Button/index.js";
-import { Modal as D, ModalContent as H, ModalTitle as L, ModalClose as R, ModalTrigger as U } from "../ui/Modal/index.js";
+import { Modal as H, ModalContent as L, ModalTitle as R, ModalClose as U, ModalTrigger as W } from "../ui/Modal/index.js";
 import { VisuallyHidden as C } from "../ui/VisuallyHidden/index.js";
-import { IconXMark as W } from "../../icons/IconXMark.js";
+import { IconXMark as X } from "../../icons/IconXMark.js";
 import { childrenHasComponent as g } from "../../utils/childrenHasComponent.js";
 import { FundTitle as _ } from "../Fund/FundTitle.js";
-import { FundForm as X } from "../Fund/FundForm.js";
-import '../../assets/FundModal.css';const q = "FundModal-module__trigger___2IuXj", B = "FundModal-module__fund___1AmQa", E = "FundModal-module__title___lNsoT", K = "FundModal-module__content___9f3ze", t = {
-  trigger: q,
-  fund: B,
+import { FundForm as q } from "../Fund/FundForm.js";
+import '../../assets/FundModal.css';const B = "FundModal-module__trigger___2IuXj", E = "FundModal-module__fund___1AmQa", K = "FundModal-module__title___lNsoT", P = "FundModal-module__content___9f3ze", t = {
+  trigger: B,
+  fund: E,
   "no-footer": "FundModal-module__no-footer___WKV78",
   "title-buttons": "FundModal-module__title-buttons___Lctf7",
   "close-button": "FundModal-module__close-button___jzdFM",
   "close-icon": "FundModal-module__close-icon___WoA4a",
   "fund-inner": "FundModal-module__fund-inner___UuOq3",
   "tx-status": "FundModal-module__tx-status___fc-3f",
-  title: E,
-  content: K,
+  title: K,
+  content: P,
   "error-view": "FundModal-module__error-view___hR1A0"
-}, N = w(null), y = () => {
+}, N = j(null), y = () => {
   const n = z(N);
   if (!n)
     throw new Error("useFundModalContext must be used within a FundModal");
   return n;
 }, b = ({ children: n, className: l = "", label: e, ...s }) => {
   const { cryptoCurrency: r } = y();
-  return /* @__PURE__ */ o(U, { asChild: !0, children: n || /* @__PURE__ */ o(v, { variant: "primary", className: x(t.trigger, l), ...s, children: e || `Deposit ${r.toUpperCase()}` }) });
+  return /* @__PURE__ */ o(W, { asChild: !0, children: n || /* @__PURE__ */ o(v, { variant: "primary", className: x(t.trigger, l), ...s, children: e || `Deposit ${r.toUpperCase()}` }) });
 }, f = (n) => {
-  const { showCoinbaseFooter: l } = S(), e = $(), { unmount: s, ...r } = y(), { openIn: m, submitLabel: u, title: a } = r;
-  return /* @__PURE__ */ o(H, { "aria-describedby": void 0, ...n, children: /* @__PURE__ */ o(
-    V,
+  const { showCoinbaseFooter: l } = V(), e = $(), { unmount: s, ...r } = y(), { openIn: m, submitLabel: u, title: a } = r;
+  return /* @__PURE__ */ o(L, { "aria-describedby": void 0, ...n, children: /* @__PURE__ */ o(
+    k,
     {
       className: x(t.fund, l ? "" : t["no-footer"]),
       ...r,
-      children: /* @__PURE__ */ i(M, { children: [
-        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(L, { asChild: !0, children: /* @__PURE__ */ o(_, { as: "span", children: a }) }) }),
+      children: /* @__PURE__ */ i(p, { children: [
+        /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(_, { as: "span", children: a }) }) }),
         /* @__PURE__ */ o(
-          X,
+          q,
           {
             "aria-labelledby": e,
             openIn: m,
@@ -54,14 +55,14 @@ import '../../assets/FundModal.css';const q = "FundModal-module__trigger___2IuXj
                 children: [
                   /* @__PURE__ */ i("div", { className: t["title-buttons"], children: [
                     d === "error" ? /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(_, { id: e, children: a }) }) : /* @__PURE__ */ o(_, { className: t.title, id: e, children: a }),
-                    /* @__PURE__ */ o(R, { asChild: !0, children: /* @__PURE__ */ o(
+                    /* @__PURE__ */ o(U, { asChild: !0, children: /* @__PURE__ */ o(
                       v,
                       {
                         className: t["close-button"],
                         "aria-label": "Close",
                         size: "md",
                         variant: "transparentSecondary",
-                        children: /* @__PURE__ */ o(W, { className: t["close-icon"] })
+                        children: /* @__PURE__ */ o(X, { className: t["close-icon"] })
                       }
                     ) })
                   ] }),
@@ -71,33 +72,34 @@ import '../../assets/FundModal.css';const q = "FundModal-module__trigger___2IuXj
             )
           }
         ),
-        l && /* @__PURE__ */ o(k, {})
+        l && /* @__PURE__ */ o(D, {})
       ] })
     }
   ) });
-}, so = ({ children: n, open: l, setIsOpen: e, ...s }) => {
-  const r = l !== void 0, [m, u] = j(!1), a = r ? l : m, d = F(
-    (p) => r ? e?.(p) : u(p),
+}, io = ({ children: n, open: l, setIsOpen: e, ...s }) => {
+  w("fund_modal");
+  const r = l !== void 0, [m, u] = A(!1), a = r ? l : m, d = F(
+    (h) => r ? e?.(h) : u(h),
     [r, e, u]
   ), c = F(() => {
     d(!1);
-  }, [d]), T = A(
+  }, [d]), O = S(
     () => ({
       unmount: c,
       ...s
     }),
     [c, s]
-  ), I = n ? g(n, b) : !1, h = n ? g(n, f) : !1, O = !I && !h;
-  return /* @__PURE__ */ o(N.Provider, { value: T, children: /* @__PURE__ */ o(D, { open: a, onOpenChange: d, children: O ? /* @__PURE__ */ i(M, { children: [
+  ), T = n ? g(n, b) : !1, M = n ? g(n, f) : !1, I = !T && !M;
+  return /* @__PURE__ */ o(N.Provider, { value: O, children: /* @__PURE__ */ o(H, { open: a, onOpenChange: d, children: I ? /* @__PURE__ */ i(p, { children: [
     /* @__PURE__ */ o(b, { children: n }),
     /* @__PURE__ */ o(f, {})
-  ] }) : /* @__PURE__ */ i(M, { children: [
+  ] }) : /* @__PURE__ */ i(p, { children: [
     n,
-    !h && /* @__PURE__ */ o(f, {})
+    !M && /* @__PURE__ */ o(f, {})
   ] }) }) });
 };
 export {
-  so as FundModal,
+  io as FundModal,
   f as FundModalContent,
   b as FundModalTrigger
 };

package/dist/components/OAuthStatusModal/index.js

@@ -1,57 +1,59 @@
 import { jsx as s, jsxs as o, Fragment as l } from "react/jsx-runtime";
 import "@coinbase/cdp-core";
 import { useOAuthState as O } from "@coinbase/cdp-hooks";
-import { useState as I, useEffect as u, useRef as g, useCallback as b } from "react";
+import { u as C } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { useState as I, useEffect as u, useRef as S, useCallback as b } from "react";
 import { useProviderName as v } from "../CDPReactProvider/index.js";
-import { OAUTH_PROVIDER_SESSION_STORAGE_KEY as S } from "../SignIn/hooks/useSignInWithOAuth.js";
-import { CoinbaseFooter as C } from "../ui/CoinbaseFooter/index.js";
-import { LoadingSpinner as T } from "../ui/LoadingSpinner/index.js";
-import { Modal as $, ModalContent as w, ModalTitle as E, ModalDescription as P } from "../ui/Modal/index.js";
-import { SwitchFadeTransition as R } from "../ui/SwitchFadeTransition/index.js";
+import { OAUTH_PROVIDER_SESSION_STORAGE_KEY as g } from "../SignIn/hooks/useSignInWithOAuth.js";
+import { CoinbaseFooter as T } from "../ui/CoinbaseFooter/index.js";
+import { LoadingSpinner as $ } from "../ui/LoadingSpinner/index.js";
+import { Modal as w, ModalContent as E, ModalTitle as P, ModalDescription as R } from "../ui/Modal/index.js";
+import { SwitchFadeTransition as y } from "../ui/SwitchFadeTransition/index.js";
 import { VisuallyHidden as f } from "../ui/VisuallyHidden/index.js";
-import { useTimer as y } from "../../hooks/useTimer.js";
-import { IconAppleLogo as k } from "../../icons/IconAppleLogo.js";
-import { IconCheck as U } from "../../icons/IconCheck.js";
-import { IconGoogleColorLogo as q } from "../../icons/IconGoogleColorLogo.js";
-import { IconXMark as x } from "../../icons/IconXMark.js";
+import { useTimer as k } from "../../hooks/useTimer.js";
+import { IconAppleLogo as U } from "../../icons/IconAppleLogo.js";
+import { IconCheck as q } from "../../icons/IconCheck.js";
+import { IconGoogleColorLogo as x } from "../../icons/IconGoogleColorLogo.js";
+import { IconXMark as G } from "../../icons/IconXMark.js";
 import { capitalize as d } from "../../utils/capitalize.js";
-import '../../assets/OAuthStatusModal.css';const G = "OAuthStatusModal-module__status___vU6x7", H = "OAuthStatusModal-module__graphic___2fKoa", K = "OAuthStatusModal-module__pad___oooMz", L = "OAuthStatusModal-module__spinner___Q3dYq", j = "OAuthStatusModal-module__icon___Lj5Gf", D = "OAuthStatusModal-module__subhead___Pg9GI", F = "OAuthStatusModal-module__description___0qOZY", Y = "OAuthStatusModal-module__ring___mKwSb", z = "OAuthStatusModal-module__invisible___IeRd0", t = {
+import '../../assets/OAuthStatusModal.css';const H = "OAuthStatusModal-module__status___vU6x7", K = "OAuthStatusModal-module__graphic___2fKoa", L = "OAuthStatusModal-module__pad___oooMz", j = "OAuthStatusModal-module__spinner___Q3dYq", D = "OAuthStatusModal-module__icon___Lj5Gf", F = "OAuthStatusModal-module__subhead___Pg9GI", Y = "OAuthStatusModal-module__description___0qOZY", z = "OAuthStatusModal-module__ring___mKwSb", V = "OAuthStatusModal-module__invisible___IeRd0", t = {
   "oauth-status-modal": "OAuthStatusModal-module__oauth-status-modal___I69Ii",
   "transition-wrapper": "OAuthStatusModal-module__transition-wrapper___TmPRh",
-  status: G,
-  graphic: H,
-  pad: K,
-  spinner: L,
-  icon: j,
+  status: H,
+  graphic: K,
+  pad: L,
+  spinner: j,
+  icon: D,
   "icon-success": "OAuthStatusModal-module__icon-success___gqMWr",
   "icon-error": "OAuthStatusModal-module__icon-error___psI7m",
-  subhead: D,
-  description: F,
-  ring: Y,
+  subhead: F,
+  description: Y,
+  ring: z,
   "ring-success": "OAuthStatusModal-module__ring-success___unyM9",
   "ring-error": "OAuthStatusModal-module__ring-error___OsgqU",
-  invisible: z
-}, V = ["pending", "success", "error"], St = () => {
+  invisible: V
+}, W = ["pending", "success", "error"], Ot = () => {
+  C("oauth_status_modal");
   const [n, e] = I(!1), { oauthState: r } = O(), a = v();
   return u(() => {
     if (r?.status === "pending" || r?.status === "error" || r?.status === "success") {
-      const c = sessionStorage.getItem(S);
+      const c = sessionStorage.getItem(g);
       if (c === null || c !== a)
         return;
-      sessionStorage.removeItem(S), e(!0);
+      sessionStorage.removeItem(g), e(!0);
     }
-  }, [r?.status, a]), /* @__PURE__ */ s($, { open: n, onOpenChange: e, children: /* @__PURE__ */ o(w, { children: [
-    /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(E, { children: "OAuth Status" }) }),
-    /* @__PURE__ */ s(f, { children: /* @__PURE__ */ o(P, { children: [
+  }, [r?.status, a]), /* @__PURE__ */ s(w, { open: n, onOpenChange: e, children: /* @__PURE__ */ o(E, { children: [
+    /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(P, { children: "OAuth Status" }) }),
+    /* @__PURE__ */ s(f, { children: /* @__PURE__ */ o(R, { children: [
       "Sign in with ",
       d(a),
       " ",
       r?.status ? `${r?.status === "success" ? "successful" : r?.status === "error" ? "failed" : "pending"}` : ""
     ] }) }),
-    /* @__PURE__ */ s(W, { handleClose: () => e(!1) })
+    /* @__PURE__ */ s(J, { handleClose: () => e(!1) })
   ] }) });
-}, W = ({ handleClose: n }) => {
-  const { oauthState: e } = O(), r = e?.providerType || "google", { timeRemaining: a, start: c, reset: m } = y(), _ = g(null), h = g(null), A = 250, p = b((i) => {
+}, J = ({ handleClose: n }) => {
+  const { oauthState: e } = O(), r = e?.providerType || "google", { timeRemaining: a, start: c, reset: m } = k(), _ = S(null), h = S(null), A = 250, p = b((i) => {
     h.current === i || i === void 0 || (h.current = i, _.current?.transition.toggle(i));
   }, []);
   return u(() => {
@@ -60,28 +62,28 @@ import '../../assets/OAuthStatusModal.css';const G = "OAuthStatusModal-module__s
     a !== null && a <= 0 && (m(), n());
   }, [a, m, n]), /* @__PURE__ */ o("div", { className: t["oauth-status-modal"], children: [
     /* @__PURE__ */ s(
-      R,
+      y,
       {
         animateHeight: !1,
         timeout: A,
-        items: V,
+        items: W,
         initialEntered: !1,
         transitionRef: _,
         className: t["transition-wrapper"],
         children: ({ itemKey: i, ...M }) => {
-          const N = Z[i];
+          const N = B[i];
           return /* @__PURE__ */ s("div", { ...M, className: t.status, children: /* @__PURE__ */ s(N, { timeRemaining: a, provider: r }) });
         }
       }
     ),
-    /* @__PURE__ */ s(C, {})
+    /* @__PURE__ */ s(T, {})
   ] });
-}, J = ({ provider: n }) => {
-  const e = B[n];
+}, Q = ({ provider: n }) => {
+  const e = tt[n];
   return /* @__PURE__ */ o(l, { children: [
     /* @__PURE__ */ o("div", { className: t.graphic, children: [
       /* @__PURE__ */ s(
-        T,
+        $,
         {
           strokeWidth: "5%",
           staticStroke: !0,
@@ -97,10 +99,10 @@ import '../../assets/OAuthStatusModal.css';const G = "OAuthStatusModal-module__s
     ] }),
     /* @__PURE__ */ s("p", { className: t.description, children: "Just a moment..." })
   ] });
-}, Q = ({ timeRemaining: n, provider: e }) => /* @__PURE__ */ o(l, { children: [
+}, X = ({ timeRemaining: n, provider: e }) => /* @__PURE__ */ o(l, { children: [
   /* @__PURE__ */ o("div", { className: t.graphic, children: [
     /* @__PURE__ */ s("span", { className: `${t.ring} ${t["ring-success"]}` }),
-    /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-success"]}`, children: /* @__PURE__ */ s(U, {}) })
+    /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-success"]}`, children: /* @__PURE__ */ s(q, {}) })
   ] }),
   /* @__PURE__ */ o("p", { className: t.subhead, children: [
     "Signed in with ",
@@ -110,23 +112,23 @@ import '../../assets/OAuthStatusModal.css';const G = "OAuthStatusModal-module__s
     "This window will automatically close in ",
     n ?? "soon"
   ] })
-] }), X = () => /* @__PURE__ */ o(l, { children: [
+] }), Z = () => /* @__PURE__ */ o(l, { children: [
   /* @__PURE__ */ o("div", { className: `${t.graphic} ${t.pad}`, children: [
     /* @__PURE__ */ s("span", { className: `${t.ring} ${t["ring-error"]}` }),
-    /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-error"]}`, children: /* @__PURE__ */ s(x, {}) })
+    /* @__PURE__ */ s("span", { className: `${t.icon} ${t["icon-error"]}`, children: /* @__PURE__ */ s(G, {}) })
   ] }),
   /* @__PURE__ */ s("p", { className: t.subhead, children: "Sign in failed" }),
   /* @__PURE__ */ s("p", { className: t.description, children: "Something went wrong. Please try again." })
-] }), Z = {
-  pending: J,
-  success: Q,
-  error: X
-}, B = {
-  google: q,
-  apple: k
+] }), B = {
+  pending: Q,
+  success: X,
+  error: Z
+}, tt = {
+  google: x,
+  apple: U
 };
 export {
-  St as OAuthStatusModal,
-  W as OAuthStatusModalContent,
-  St as default
+  Ot as OAuthStatusModal,
+  J as OAuthStatusModalContent,
+  Ot as default
 };

package/dist/components/SendEvmTransactionButton/index.js

@@ -1,16 +1,17 @@
 import { jsx as E } from "react/jsx-runtime";
-import { useSendEvmTransaction as S, APIError as b } from "@coinbase/cdp-hooks";
-import { c as T } from "../../chunks/lite.1fxw3LjI.js";
-import { useState as _, useCallback as y } from "react";
+import { useSendEvmTransaction as _, APIError as S } from "@coinbase/cdp-hooks";
+import { u as b } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
+import { useState as T, useCallback as y } from "react";
+import { c as C } from "../../chunks/lite.1fxw3LjI.js";
 import { Button as w } from "../ui/Button/index.js";
 import { getMessageFromUnknownError as x } from "../../utils/getMessageFromUnknownError.js";
 import '../../assets/SendEvmTransactionButton.css';const B = {
   "send-evm-transaction-button": "SendEvmTransactionButton-module__send-evm-transaction-button___74m57"
-}, q = ({
-  account: s,
-  children: l,
+}, F = ({
+  account: e,
+  children: f,
   className: u = "",
-  network: e,
+  network: s,
   onClick: o,
   onError: a,
   onSuccess: i,
@@ -18,48 +19,49 @@ import '../../assets/SendEvmTransactionButton.css';const B = {
   transaction: r,
   ...m
 }) => {
-  const [g, c] = _(!1), { sendEvmTransaction: d } = S(), h = y(
-    async (f) => {
-      f.preventDefault(), o?.(f);
+  b("send_evm_transaction_button");
+  const [v, c] = T(!1), { sendEvmTransaction: d } = _(), g = y(
+    async (l) => {
+      l.preventDefault(), o?.(l);
       try {
-        if (!s || !e || !r) {
+        if (!e || !s || !r) {
           const n = [];
-          throw s || n.push("account"), e || n.push("network"), r || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
+          throw e || n.push("account"), s || n.push("network"), r || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
         }
         c(!0);
         const { transactionHash: t } = await d({
           transaction: r,
-          evmAccount: s,
-          network: e
+          evmAccount: e,
+          network: s
         });
         i?.(t);
       } catch (t) {
         let n;
-        if (t instanceof b || t instanceof Error)
+        if (t instanceof S || t instanceof Error)
           n = t;
         else {
-          const v = x(t);
-          n = new Error(v);
+          const h = x(t);
+          n = new Error(h);
         }
         a?.(n);
       } finally {
         c(!1);
       }
     },
-    [s, e, o, a, i, d, r]
+    [e, s, o, a, i, d, r]
   );
   return /* @__PURE__ */ E(
     w,
     {
-      className: m.asChild ? "" : T(B["send-evm-transaction-button"], u),
-      isPending: g,
+      className: m.asChild ? "" : C(B["send-evm-transaction-button"], u),
+      isPending: v,
       pendingLabel: p || "Sending transaction...",
-      onClick: h,
+      onClick: g,
       ...m,
-      children: l || "Send transaction"
+      children: f || "Send transaction"
     }
   );
 };
 export {
-  q as SendEvmTransactionButton
+  F as SendEvmTransactionButton
 };

package/dist/components/SendSolanaTransactionButton/index.js

@@ -1,15 +1,16 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useSendSolanaTransaction as T, APIError as _ } from "@coinbase/cdp-hooks";
-import { c as w } from "../../chunks/lite.1fxw3LjI.js";
+import { jsx as _ } from "react/jsx-runtime";
+import { useSendSolanaTransaction as b, APIError as T } from "@coinbase/cdp-hooks";
+import { u as w } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
 import { useState as x, useCallback as y } from "react";
-import { Button as B } from "../ui/Button/index.js";
+import { c as B } from "../../chunks/lite.1fxw3LjI.js";
+import { Button as C } from "../ui/Button/index.js";
 import { getMessageFromUnknownError as E } from "../../utils/getMessageFromUnknownError.js";
 import '../../assets/SendSolanaTransactionButton.css';const P = {
   "send-solana-transaction-button": "SendSolanaTransactionButton-module__send-solana-transaction-button___OxwvB"
-}, q = ({
+}, D = ({
   account: t,
-  children: f,
-  className: u = "",
+  children: u,
+  className: f = "",
   network: s,
   onClick: e,
   onError: r,
@@ -18,16 +19,17 @@ import '../../assets/SendSolanaTransactionButton.css';const P = {
   transaction: o,
   ...l
 }) => {
-  const [S, c] = x(!1), { sendSolanaTransaction: d } = T(), g = y(
-    async (m) => {
-      m.preventDefault(), e?.(m);
+  w("send_solana_transaction_button");
+  const [S, c] = x(!1), { sendSolanaTransaction: m } = b(), g = y(
+    async (d) => {
+      d.preventDefault(), e?.(d);
       try {
         if (!t || !s || !o) {
           const n = [];
           throw t || n.push("account"), s || n.push("network"), o || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
         }
         c(!0);
-        const { transactionSignature: a } = await d({
+        const { transactionSignature: a } = await m({
           transaction: o,
           solanaAccount: t,
           network: s
@@ -35,7 +37,7 @@ import '../../assets/SendSolanaTransactionButton.css';const P = {
         i?.(a);
       } catch (a) {
         let n;
-        if (a instanceof _ || a instanceof Error)
+        if (a instanceof T || a instanceof Error)
           n = a;
         else {
           const h = E(a);
@@ -46,20 +48,20 @@ import '../../assets/SendSolanaTransactionButton.css';const P = {
         c(!1);
       }
     },
-    [t, s, e, r, i, d, o]
+    [t, s, e, r, i, m, o]
   );
-  return /* @__PURE__ */ b(
-    B,
+  return /* @__PURE__ */ _(
+    C,
     {
-      className: l.asChild ? "" : w(P["send-solana-transaction-button"], u),
+      className: l.asChild ? "" : B(P["send-solana-transaction-button"], f),
       isPending: S,
       pendingLabel: p || "Sending transaction...",
       onClick: g,
       ...l,
-      children: f || "Send transaction"
+      children: u || "Send transaction"
     }
   );
 };
 export {
-  q as SendSolanaTransactionButton
+  D as SendSolanaTransactionButton
 };

package/dist/components/SignIn/index.js

@@ -1,13 +1,14 @@
-import { jsx as n, jsxs as t, Fragment as s } from "react/jsx-runtime";
+import { jsx as n, jsxs as t, Fragment as c } from "react/jsx-runtime";
+import { u as d } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
 import "react";
-import { useAppConfig as d } from "../CDPReactProvider/index.js";
+import { useAppConfig as u } from "../CDPReactProvider/index.js";
 import { SignInAuthMethodButtons as f } from "./SignInAuthMethodButtons.js";
-import { SignInBackButton as u } from "./SignInBackButton.js";
-import { SignInDescription as I } from "./SignInDescription.js";
-import { SignInFooter as S } from "./SignInFooter.js";
-import { SignInForm as b } from "./SignInForm.js";
-import { SignInImage as k } from "./SignInImage.js";
-import { SignInProvider as w, useSignInContext as h } from "./SignInProvider.js";
+import { SignInBackButton as I } from "./SignInBackButton.js";
+import { SignInDescription as S } from "./SignInDescription.js";
+import { SignInFooter as b } from "./SignInFooter.js";
+import { SignInForm as k } from "./SignInForm.js";
+import { SignInImage as w } from "./SignInImage.js";
+import { SignInProvider as C, useSignInContext as h } from "./SignInProvider.js";
 import { SignInTitle as v } from "./SignInTitle.js";
 import "@coinbase/cdp-hooks";
 import '../../assets/SignIn.css';const F = "SignIn-module__footer___3Gkbc", o = {
@@ -16,33 +17,33 @@ import '../../assets/SignIn.css';const F = "SignIn-module__footer___3Gkbc", o =
   "back-button": "SignIn-module__back-button___bmE-y",
   "back-button-wrapper": "SignIn-module__back-button-wrapper___Q9FA1",
   footer: F
-}, N = ({ className: r = "", children: i, onSuccess: p, ...a }) => {
-  const { state: _ } = h(), { showCoinbaseFooter: g } = d(), c = typeof i == "function" ? i(_) : i;
+}, N = ({ className: r = "", children: e, onSuccess: p, ...a }) => {
+  const { state: _ } = h(), { showCoinbaseFooter: g } = u(), s = typeof e == "function" ? e(_) : e;
   return /* @__PURE__ */ t("div", { className: `${o["sign-in"]} ${r}`, ...a, children: [
-    c,
-    !c && /* @__PURE__ */ t(s, { children: [
-      /* @__PURE__ */ n("div", { className: o["back-button-wrapper"], children: /* @__PURE__ */ n(u, { className: o["back-button"] }) }),
-      /* @__PURE__ */ n(k, {}),
-      /* @__PURE__ */ n(b, { onSuccess: p, children: ({ authMethod: e, step: m, Form: l }) => /* @__PURE__ */ t(s, { children: [
+    s,
+    !s && /* @__PURE__ */ t(c, { children: [
+      /* @__PURE__ */ n("div", { className: o["back-button-wrapper"], children: /* @__PURE__ */ n(I, { className: o["back-button"] }) }),
+      /* @__PURE__ */ n(w, {}),
+      /* @__PURE__ */ n(k, { onSuccess: p, children: ({ authMethod: i, step: m, Form: l }) => /* @__PURE__ */ t(c, { children: [
         /* @__PURE__ */ t("div", { className: o["title-desc-wrapper"], children: [
-          /* @__PURE__ */ n(v, { step: m, authMethod: e }),
-          /* @__PURE__ */ n(I, { step: m, authMethod: e })
+          /* @__PURE__ */ n(v, { step: m, authMethod: i }),
+          /* @__PURE__ */ n(S, { step: m, authMethod: i })
         ] }),
         l,
-        m === "credentials" && /* @__PURE__ */ n(f, { activeMethod: e })
+        m === "credentials" && /* @__PURE__ */ n(f, { activeMethod: i })
       ] }) }),
-      g && /* @__PURE__ */ n(S, { className: o.footer })
+      g && /* @__PURE__ */ n(b, { className: o.footer })
     ] })
   ] });
-}, T = (r) => /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(N, { ...r }) });
+}, V = (r) => (d("sign_in"), /* @__PURE__ */ n(C, { children: /* @__PURE__ */ n(N, { ...r }) }));
 export {
-  T as SignIn,
+  V as SignIn,
   f as SignInAuthMethodButtons,
-  u as SignInBackButton,
-  I as SignInDescription,
-  S as SignInFooter,
-  b as SignInForm,
-  k as SignInImage,
+  I as SignInBackButton,
+  S as SignInDescription,
+  b as SignInFooter,
+  k as SignInForm,
+  w as SignInImage,
   v as SignInTitle,
   h as useSignInContext
 };

package/dist/components/SignInModal/index.js

@@ -1,34 +1,35 @@
 import { jsx as n, jsxs as t, Fragment as d } from "react/jsx-runtime";
-import { c as S } from "../../chunks/lite.1fxw3LjI.js";
+import { u as I } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
 import { createContext as C, useMemo as b, useContext as x } from "react";
-import { useAppConfig as v } from "../CDPReactProvider/index.js";
-import { SignIn as N } from "../SignIn/index.js";
+import { c as v } from "../../chunks/lite.1fxw3LjI.js";
+import { useAppConfig as N } from "../CDPReactProvider/index.js";
+import { SignIn as w } from "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
-import { Button as h } from "../ui/Button/index.js";
-import { ModalTrigger as w, ModalContent as T, ModalClose as k, Modal as B, ModalTitle as D, ModalDescription as F } from "../ui/Modal/index.js";
+import { Button as p } from "../ui/Button/index.js";
+import { ModalTrigger as T, ModalContent as k, ModalClose as B, Modal as D, ModalTitle as F, ModalDescription as j } from "../ui/Modal/index.js";
 import { VisuallyHidden as m } from "../ui/VisuallyHidden/index.js";
-import { IconXMark as j } from "../../icons/IconXMark.js";
+import { IconXMark as y } from "../../icons/IconXMark.js";
 import { childrenHasComponent as u } from "../../utils/childrenHasComponent.js";
-import { SignInBackButton as y } from "../SignIn/SignInBackButton.js";
-import { SignInImage as A } from "../SignIn/SignInImage.js";
-import { SignInForm as V } from "../SignIn/SignInForm.js";
+import { SignInBackButton as A } from "../SignIn/SignInBackButton.js";
+import { SignInImage as V } from "../SignIn/SignInImage.js";
+import { SignInForm as z } from "../SignIn/SignInForm.js";
 import { SignInTitle as g } from "../SignIn/SignInTitle.js";
 import { SignInDescription as _ } from "../SignIn/SignInDescription.js";
-import { SignInAuthMethodButtons as z } from "../SignIn/SignInAuthMethodButtons.js";
-import { SignInFooter as E } from "../SignIn/SignInFooter.js";
-import '../../assets/SignInModal.css';const H = "SignInModal-module__trigger___IcJ8x", J = "SignInModal-module__footer___6qEo2", X = "SignInModal-module__buttons___jhaVn", i = {
-  trigger: H,
+import { SignInAuthMethodButtons as E } from "../SignIn/SignInAuthMethodButtons.js";
+import { SignInFooter as H } from "../SignIn/SignInFooter.js";
+import '../../assets/SignInModal.css';const J = "SignInModal-module__trigger___IcJ8x", O = "SignInModal-module__footer___6qEo2", X = "SignInModal-module__buttons___jhaVn", i = {
+  trigger: J,
   "sign-in": "SignInModal-module__sign-in___n05-5",
   "no-footer": "SignInModal-module__no-footer___meSt1",
   "title-desc-wrapper": "SignInModal-module__title-desc-wrapper___--XLa",
   "sign-in-form": "SignInModal-module__sign-in-form___Jzx1-",
   "sign-in-image": "SignInModal-module__sign-in-image___DGg7B",
-  footer: J,
+  footer: O,
   buttons: X,
   "back-button": "SignInModal-module__back-button___nMh2-",
   "close-icon": "SignInModal-module__close-icon___b-gMh"
-}, p = C(null), $ = () => {
-  const o = x(p);
+}, h = C(null), $ = () => {
+  const o = x(h);
   if (!o)
     throw new Error("useSignInModalContext must be used within a SignInModal");
   return o;
@@ -37,10 +38,10 @@ import '../../assets/SignInModal.css';const H = "SignInModal-module__trigger___I
   className: r = "",
   label: l,
   ...e
-}) => /* @__PURE__ */ n(w, { asChild: !0, children: o || /* @__PURE__ */ n(h, { className: S(i.trigger, r), ...e, children: l || "Sign in" }) }), c = (o) => {
-  const { showCoinbaseFooter: r } = v(), { onSuccess: l } = $();
-  return /* @__PURE__ */ n(T, { ...o, children: /* @__PURE__ */ n(
-    N,
+}) => /* @__PURE__ */ n(T, { asChild: !0, children: o || /* @__PURE__ */ n(p, { className: v(i.trigger, r), ...e, children: l || "Sign in" }) }), c = (o) => {
+  const { showCoinbaseFooter: r } = N(), { onSuccess: l } = $();
+  return /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(
+    w,
     {
       onSuccess: l,
       className: `${i["sign-in"]} ${r ? "" : i["no-footer"]}`,
@@ -48,25 +49,26 @@ import '../../assets/SignInModal.css';const H = "SignInModal-module__trigger___I
       children: /* @__PURE__ */ t(d, { children: [
         /* @__PURE__ */ n(q, {}),
         /* @__PURE__ */ t("div", { className: i.buttons, children: [
-          /* @__PURE__ */ n(y, { className: i["back-button"] }),
-          /* @__PURE__ */ n(k, { asChild: !0, children: /* @__PURE__ */ n(h, { "aria-label": "Close", size: "md", variant: "transparentSecondary", children: /* @__PURE__ */ n(j, { className: i["close-icon"] }) }) })
+          /* @__PURE__ */ n(A, { className: i["back-button"] }),
+          /* @__PURE__ */ n(B, { asChild: !0, children: /* @__PURE__ */ n(p, { "aria-label": "Close", size: "md", variant: "transparentSecondary", children: /* @__PURE__ */ n(y, { className: i["close-icon"] }) }) })
         ] }),
-        /* @__PURE__ */ n("div", { className: i["sign-in-image"], children: /* @__PURE__ */ n(A, {}) }),
-        /* @__PURE__ */ n(V, { onSuccess: l, children: ({ authMethod: e, step: s, Form: a }) => /* @__PURE__ */ t(d, { children: [
+        /* @__PURE__ */ n("div", { className: i["sign-in-image"], children: /* @__PURE__ */ n(V, {}) }),
+        /* @__PURE__ */ n(z, { onSuccess: l, children: ({ authMethod: e, step: s, Form: a }) => /* @__PURE__ */ t(d, { children: [
           /* @__PURE__ */ t("div", { className: i["title-desc-wrapper"], children: [
             s === "verification" ? /* @__PURE__ */ n(m, { as: "div", children: /* @__PURE__ */ n(g, {}) }) : /* @__PURE__ */ n(g, {}),
             s === "credentials" ? /* @__PURE__ */ n(m, { as: "div", children: /* @__PURE__ */ n(_, { authMethod: e }) }) : /* @__PURE__ */ n(_, { authMethod: e })
           ] }),
           /* @__PURE__ */ n("div", { className: i["sign-in-form"], children: a }),
-          s === "credentials" && /* @__PURE__ */ n(z, { activeMethod: e })
+          s === "credentials" && /* @__PURE__ */ n(E, { activeMethod: e })
         ] }) }),
-        r && /* @__PURE__ */ n(E, { className: i.footer })
+        r && /* @__PURE__ */ n(H, { className: i.footer })
       ] })
     }
   ) });
-}, an = ({ children: o, open: r, setIsOpen: l, onSuccess: e }) => {
-  const s = o ? u(o, f) : !1, a = o ? u(o, c) : !1, M = !s && !a, I = b(() => ({ onSuccess: e }), [e]);
-  return /* @__PURE__ */ n(p.Provider, { value: I, children: /* @__PURE__ */ n(B, { open: r, onOpenChange: l, children: M ? /* @__PURE__ */ t(d, { children: [
+}, cn = ({ children: o, open: r, setIsOpen: l, onSuccess: e }) => {
+  I("sign_in_modal");
+  const s = o ? u(o, f) : !1, a = o ? u(o, c) : !1, M = !s && !a, S = b(() => ({ onSuccess: e }), [e]);
+  return /* @__PURE__ */ n(h.Provider, { value: S, children: /* @__PURE__ */ n(D, { open: r, onOpenChange: l, children: M ? /* @__PURE__ */ t(d, { children: [
     /* @__PURE__ */ n(f, { children: o }),
     /* @__PURE__ */ n(c, {})
   ] }) : /* @__PURE__ */ t(d, { children: [
@@ -74,11 +76,11 @@ import '../../assets/SignInModal.css';const H = "SignInModal-module__trigger___I
     !a && /* @__PURE__ */ n(c, {})
   ] }) }) });
 }, q = () => /* @__PURE__ */ t(m, { children: [
-  /* @__PURE__ */ n(D, { asChild: !0, children: /* @__PURE__ */ n(g, { as: "span" }) }),
-  /* @__PURE__ */ n(F, { asChild: !0, children: /* @__PURE__ */ n(_, { as: "span" }) })
+  /* @__PURE__ */ n(F, { asChild: !0, children: /* @__PURE__ */ n(g, { as: "span" }) }),
+  /* @__PURE__ */ n(j, { asChild: !0, children: /* @__PURE__ */ n(_, { as: "span" }) })
 ] });
 export {
-  an as SignInModal,
+  cn as SignInModal,
   c as SignInModalContent,
   f as SignInModalTrigger
 };

package/dist/components/SignOutButton/index.js

@@ -1,21 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useSignOut as m } from "@coinbase/cdp-hooks";
-import { c } from "../../chunks/lite.1fxw3LjI.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useSignOut as r } from "@coinbase/cdp-hooks";
+import { u as e } from "../../chunks/useSendComponentCallOnce.CUgcsUye.js";
 import "react";
-import { Button as e } from "../ui/Button/index.js";
+import { c } from "../../chunks/lite.1fxw3LjI.js";
+import { Button as a } from "../ui/Button/index.js";
 import '../../assets/SignOutButton.css';const g = {
   "sign-out-button": "SignOutButton-module__sign-out-button___qiybe"
-}, b = ({
+}, d = ({
   children: o,
   className: n = "",
-  onSuccess: i,
+  onSuccess: u,
   ...t
 }) => {
-  const { signOut: u } = m(), s = async () => {
-    await u(), i?.();
+  e("sign_out_button");
+  const { signOut: i } = r(), s = async () => {
+    await i(), u?.();
   };
-  return /* @__PURE__ */ r(
-    e,
+  return /* @__PURE__ */ m(
+    a,
     {
       className: t.asChild ? "" : c(g["sign-out-button"], n),
       onClick: s,
@@ -25,5 +27,5 @@ import '../../assets/SignOutButton.css';const g = {
   );
 };
 export {
-  b as SignOutButton
+  d as SignOutButton
 };

package/dist/components/forms/AmountInput/index.d.ts

@@ -1,3 +1,3 @@
 import { InputHTMLAttributes } from 'react';
 import { AmountInputProps } from './types';
-export declare const AmountInput: import('react').ForwardRefExoticComponent<AmountInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "max" | "min" | "onChange" | "inputMode"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const AmountInput: import('react').ForwardRefExoticComponent<AmountInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "max" | "min" | "onChange" | "inputMode"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/forms/ExchangeAmountInput/index.d.ts

@@ -1,3 +1,3 @@
 import { InputHTMLAttributes } from 'react';
 import { ExchangeAmountInputProps } from './types';
-export declare const ExchangeAmountInput: import('react').ForwardRefExoticComponent<ExchangeAmountInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "max" | "min" | "onChange" | "inputMode"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const ExchangeAmountInput: import('react').ForwardRefExoticComponent<ExchangeAmountInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "max" | "min" | "onChange" | "inputMode"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-export * from './components/CDPReactProvider';
 export * from './components/AuthButton';
+export * from './components/CDPReactProvider';
 export * from './components/Fund';
 export * from './components/FundModal';
 export * from './components/SendEvmTransactionButton';
 export * from './components/SendSolanaTransactionButton';
 export * from './components/SignIn';
-export * from './components/SignOutButton';
 export * from './components/SignInModal';
+export * from './components/SignOutButton';
 export * from './components/ThemeProvider';
 export * from './components/ui/Button';
 export * from './components/ui/Modal';

package/dist/index.js

@@ -1,13 +1,13 @@
-import { ALL_AUTH_METHODS as e, AUTH_METHODS as t, CDPReactProvider as n, OAUTH_METHODS as m, useAppConfig as p, useProviderName as f } from "./components/CDPReactProvider/index.js";
-import { AuthButton as x } from "./components/AuthButton/index.js";
+import { AuthButton as e } from "./components/AuthButton/index.js";
+import { ALL_AUTH_METHODS as n, AUTH_METHODS as m, CDPReactProvider as p, OAUTH_METHODS as f, useAppConfig as i, useProviderName as x } from "./components/CDPReactProvider/index.js";
 import { Fund as s, FundFooter as c } from "./components/Fund/index.js";
 import { FundModal as l, FundModalContent as u, FundModalTrigger as I } from "./components/FundModal/index.js";
 import { SendEvmTransactionButton as S } from "./components/SendEvmTransactionButton/index.js";
 import { SendSolanaTransactionButton as M } from "./components/SendSolanaTransactionButton/index.js";
 import { SignIn as F } from "./components/SignIn/index.js";
 import { useSignInReducer as A } from "./components/SignIn/useSignInReducer.js";
-import { SignOutButton as B } from "./components/SignOutButton/index.js";
-import { SignInModal as D, SignInModalContent as b, SignInModalTrigger as v } from "./components/SignInModal/index.js";
+import { SignInModal as B, SignInModalContent as k, SignInModalTrigger as D } from "./components/SignInModal/index.js";
+import { SignOutButton as v } from "./components/SignOutButton/index.js";
 import { ThemeProvider as O, useTheme as P } from "./components/ThemeProvider/index.js";
 import { Button as R } from "./components/ui/Button/index.js";
 import { Modal as L, ModalClose as _, ModalContent as V, ModalDescription as N, ModalTitle as j, ModalTrigger as X } from "./components/ui/Modal/index.js";
@@ -43,11 +43,11 @@ import { SignInImage as nr } from "./components/SignIn/SignInImage.js";
 import { SignInTitle as pr } from "./components/SignIn/SignInTitle.js";
 import { useSignInContext as ir } from "./components/SignIn/SignInProvider.js";
 export {
-  e as ALL_AUTH_METHODS,
-  t as AUTH_METHODS,
-  x as AuthButton,
+  n as ALL_AUTH_METHODS,
+  m as AUTH_METHODS,
+  e as AuthButton,
   R as Button,
-  n as CDPReactProvider,
+  p as CDPReactProvider,
   s as Fund,
   c as FundFooter,
   Xo as FundForm,
@@ -72,7 +72,7 @@ export {
   N as ModalDescription,
   j as ModalTitle,
   X as ModalTrigger,
-  m as OAUTH_METHODS,
+  f as OAUTH_METHODS,
   S as SendEvmTransactionButton,
   M as SendSolanaTransactionButton,
   F as SignIn,
@@ -82,11 +82,11 @@ export {
   or as SignInFooter,
   er as SignInForm,
   nr as SignInImage,
-  D as SignInModal,
-  b as SignInModalContent,
-  v as SignInModalTrigger,
+  B as SignInModal,
+  k as SignInModalContent,
+  D as SignInModalTrigger,
   pr as SignInTitle,
-  B as SignOutButton,
+  v as SignOutButton,
   O as ThemeProvider,
   K as borderRadius,
   Q as borderRadiusComponents,
@@ -108,9 +108,9 @@ export {
   G as theme,
   fo as themeToCssVariables,
   no as tokens,
-  p as useAppConfig,
+  i as useAppConfig,
   Go as useFundContext,
-  f as useProviderName,
+  x as useProviderName,
   ir as useSignInContext,
   A as useSignInReducer,
   P as useTheme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -16,8 +16,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-core": "^0.0.51",
-    "@coinbase/cdp-hooks": "^0.0.51"
+    "@coinbase/cdp-core": "^0.0.53",
+    "@coinbase/cdp-hooks": "^0.0.53"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -47,8 +47,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.51",
-    "@coinbase/cdp-hooks": "^0.0.51"
+    "@coinbase/cdp-core": "^0.0.53",
+    "@coinbase/cdp-hooks": "^0.0.53"
   },
   "size-limit": [
     {