@coinbase/cdp-react 0.0.86 → 0.0.88

package/dist/chunks/useSendComponentCallOnce.DGjALrnZ.js

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

package/dist/components/AuthButton/index.js

@@ -1,6 +1,6 @@
 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.BHZMuo6E.js";
+import { u as D } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.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";

package/dist/components/CDPReactProvider/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@coinbase/cdp-hooks";
 import "react";
-import { c as p, A as m, C as t, O as A, u as H, a as T } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { c as p, A as m, C as t, O as A, u as H, a as T } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import "../ThemeProvider/index.js";
 export {
   p as ALL_AUTH_METHODS,

package/dist/components/CopyEvmKeyButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as B } from "react/jsx-runtime";
 import { useConfig as S } from "@coinbase/cdp-hooks";
-import { u as _ } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as _ } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useRef as j, useState as i, useCallback as E } from "react";
 import "../ui/Button/index.js";
 import { IframeButton as K } from "../ui/IframeButton/index.js";

package/dist/components/CopySolanaKeyButton/index.js

@@ -1,6 +1,6 @@
 import { jsx as B } from "react/jsx-runtime";
 import { useConfig as _ } from "@coinbase/cdp-hooks";
-import { u as j } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as j } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { useRef as K, useState as i, useCallback as T } from "react";
 import "../ui/Button/index.js";
 import { IframeButton as U } from "../ui/IframeButton/index.js";

package/dist/components/EnrollMfa/EnrollMfaDescription.js

@@ -1,11 +1,12 @@
 import { jsx as t, Fragment as d } from "react/jsx-runtime";
 import "react";
 import { useEnrollMfaContext as f } from "./EnrollMfaProvider.js";
-import { m as h } from "../../chunks/index.CKQKBoX2.js";
+import { m as h } from "../../chunks/index.Bgx0-QLY.js";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
 import '../../assets/EnrollMfaDescription.css';const _ = "EnrollMfaDescription-module__description___qWKL6", u = {
   description: _
-}, q = ({
+}, v = ({
   as: s = "p",
   children: n,
   className: r = "",
@@ -17,5 +18,5 @@ import '../../assets/EnrollMfaDescription.css';const _ = "EnrollMfaDescription-m
   return /* @__PURE__ */ t(s, { className: `${u.description} ${r}`, ...m, children: n ?? a });
 };
 export {
-  q as EnrollMfaDescription
+  v as EnrollMfaDescription
 };

package/dist/components/EnrollMfa/EnrollMfaFlow.js

@@ -1,46 +1,47 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
-import { SwitchSlideTransition as _ } from "../ui/SwitchSlideTransition/index.js";
-import { useEnrollMfaFlowInternal as h } from "./EnrollMfaFlowProvider.js";
-import { EnrollMfaItems as w } from "./EnrollMfaItems.js";
-import { useEnrollMfaContext as M } from "./EnrollMfaProvider.js";
-import { m as S } from "../../chunks/index.CKQKBoX2.js";
+import { SwitchSlideTransition as E } from "../ui/SwitchSlideTransition/index.js";
+import { useEnrollMfaFlowInternal as _ } from "./EnrollMfaFlowProvider.js";
+import { EnrollMfaItems as M } from "./EnrollMfaItems.js";
+import { useEnrollMfaContext as h } from "./EnrollMfaProvider.js";
+import { m as S } from "../../chunks/index.Bgx0-QLY.js";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
-import { STEPS as b } from "./useEnrollMfaReducer.js";
-import '../../assets/EnrollMfaFlow.css';const x = "EnrollMfaFlow-module__list___oGYkb", s = {
-  "method-wrapper": "EnrollMfaFlow-module__method-wrapper___yT4Pj",
-  list: x
-}, $ = ({
-  autoFocus: e = !1,
-  animateHeight: m = !0,
+import { STEPS as $ } from "./useEnrollMfaReducer.js";
+import '../../assets/EnrollMfaFlow.css';const b = "EnrollMfaFlow-module__wrapper___OVdk0", v = "EnrollMfaFlow-module__list___oGYkb", e = {
+  wrapper: b,
+  list: v
+}, D = ({
+  autoFocus: n = !0,
+  animateHeight: p = !0,
   children: l,
-  className: a = "",
-  ...p
+  className: i = "",
+  ...s
 }) => {
-  const { state: n } = M(), { startEnrollment: f, submit: d, transitionRef: c } = h(), { method: i } = n;
+  const { state: m } = h(), { startEnrollment: f, submit: c, transitionRef: d } = _(), { method: a } = m;
   return /* @__PURE__ */ t(
-    _,
+    E,
     {
-      autoFocus: e,
-      animateHeight: m,
-      items: b,
+      autoFocus: n,
+      animateHeight: p,
+      items: $,
       initialEntered: !0,
       timeout: 250,
-      direction: n.flowDirection,
-      transitionRef: c,
+      direction: m.flowDirection,
+      transitionRef: d,
       children: ({ itemKey: r, ...u }) => {
         let o = null;
         if (r === "list")
-          o = /* @__PURE__ */ t(w, { className: s.list, onSetUp: f });
+          o = /* @__PURE__ */ t("div", { className: `${e.wrapper} ${i}`, ...s, children: /* @__PURE__ */ t(M, { className: e.list, onSetUp: f }) });
         else {
-          const E = S[i].content;
-          o = /* @__PURE__ */ t("div", { className: `${s["method-wrapper"]} ${a}`, ...p, children: /* @__PURE__ */ t(E, { autoFocus: e, step: r, onSubmit: d }) });
+          const w = S[a].content;
+          o = /* @__PURE__ */ t("div", { className: `${e.wrapper} ${i}`, ...s, children: /* @__PURE__ */ t(w, { autoFocus: n, step: r, onSubmit: c }) });
         }
-        return /* @__PURE__ */ t("div", { ...u, children: l ? l({ step: r, method: i, Content: o }) : o });
+        return /* @__PURE__ */ t("div", { ...u, children: l ? l({ step: r, method: a, Content: o }) : o });
       }
     }
   );
 };
 export {
-  $ as EnrollMfaFlow
+  D as EnrollMfaFlow
 };

package/dist/components/EnrollMfa/EnrollMfaFlowBackButton.js

@@ -1,15 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as p } from "../../chunks/lite.1fxw3LjI.js";
+import { c as u } from "../../chunks/lite.1fxw3LjI.js";
 import "react";
 import { Button as f } from "../ui/Button/index.js";
 import { IconArrowLeft as _ } from "../../icons/IconArrowLeft.js";
 import { useEnrollMfaFlowInternal as b } from "./EnrollMfaFlowProvider.js";
 import { useEnrollMfaContext as B } from "./EnrollMfaProvider.js";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
 import '../../assets/EnrollMfaFlowBackButton.css';const k = "EnrollMfaFlowBackButton-module__button___8J7mz", d = "EnrollMfaFlowBackButton-module__icon___H7y5j", t = {
   button: k,
   icon: d
-}, N = ({
+}, h = ({
   ["aria-label"]: n = "Back",
   children: r,
   className: l = "",
@@ -19,13 +20,13 @@ import '../../assets/EnrollMfaFlowBackButton.css';const k = "EnrollMfaFlowBackBu
   step: e,
   ...m
 }) => {
-  const { back: i } = b(), { state: u } = B();
-  return (e || u.step) === "list" ? null : /* @__PURE__ */ o(
+  const { back: i } = b(), { state: p } = B();
+  return (e || p.step) === "list" ? null : /* @__PURE__ */ o(
     f,
     {
       type: "button",
       "aria-label": n,
-      className: p(t.button, l),
+      className: u(t.button, l),
       onClick: s ?? i,
       size: a,
       variant: c,
@@ -35,5 +36,5 @@ import '../../assets/EnrollMfaFlowBackButton.css';const k = "EnrollMfaFlowBackBu
   );
 };
 export {
-  N as EnrollMfaFlowBackButton
+  h as EnrollMfaFlowBackButton
 };

package/dist/components/EnrollMfa/EnrollMfaFlowProvider.d.ts

@@ -3,7 +3,7 @@ import { SwitchSlideTransitionRef } from '../ui/SwitchSlideTransition';
 import { EnrollMfaStep, MfaMethod } from './types';
 export interface EnrollMfaFlowContextValue {
     back: () => void;
-    startEnrollment: (method: MfaMethod) => void;
+    startEnrollment: (method: MfaMethod) => Promise<void>;
     submit: (e: FormEvent<HTMLFormElement>) => void;
 }
 export interface EnrollMfaFlowContextValueInternal extends EnrollMfaFlowContextValue {

package/dist/components/EnrollMfa/EnrollMfaFlowProvider.js

@@ -1,15 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import { createContext as u, useContext as i, useMemo as c } from "react";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
 const l = u(null), f = () => {
   const o = i(l);
   if (!o)
     throw new Error("useEnrollMfaFlowInternal must be used within a EnrollMfaFlowContext.Provider");
   return o;
-}, E = () => {
+}, M = () => {
   const { transitionRef: o, ...t } = f();
   return t;
-}, M = ({
+}, F = ({
   children: o,
   onBack: t,
   onStartEnrollment: r,
@@ -28,7 +29,7 @@ const l = u(null), f = () => {
   return /* @__PURE__ */ a(l.Provider, { value: s, children: o });
 };
 export {
-  M as EnrollMfaFlowProvider,
-  E as useEnrollMfaFlow,
+  F as EnrollMfaFlowProvider,
+  M as useEnrollMfaFlow,
   f as useEnrollMfaFlowInternal
 };

package/dist/components/EnrollMfa/EnrollMfaImage.js

@@ -1,9 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "react";
 import { useEnrollMfaContext as l } from "./EnrollMfaProvider.js";
-import { m as c } from "../../chunks/index.CKQKBoX2.js";
+import { m as c } from "../../chunks/index.Bgx0-QLY.js";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
-const M = ({
+const u = ({
   as: r = "div",
   children: t,
   className: s = "",
@@ -11,9 +12,9 @@ const M = ({
   step: p,
   ...a
 }) => {
-  const { state: o } = l(), i = p || o.step, e = n || o.method, f = c[e].image;
-  return /* @__PURE__ */ m(r, { className: s, ...a, children: t || /* @__PURE__ */ m(f, { step: i, method: e }) });
+  const { state: o } = l(), i = p || o.step, m = n || o.method, f = c[m].image;
+  return /* @__PURE__ */ e(r, { className: s, ...a, children: t || /* @__PURE__ */ e(f, { step: i, method: m }) });
 };
 export {
-  M as EnrollMfaImage
+  u as EnrollMfaImage
 };

package/dist/components/EnrollMfa/EnrollMfaItem.js

@@ -1,21 +1,22 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useCurrentUser as l } from "@coinbase/cdp-hooks";
 import "react";
 import { ToggleListItem as a } from "../ui/ToggleListItem/index.js";
-const u = ({ method: e, icon: o, label: s, isPending: n, onSetUp: i }) => {
+import "@coinbase/cdp-core";
+const A = ({ method: e, icon: o, label: s, isPending: i, onSetUp: m }) => {
   const { currentUser: t } = l(), r = t?.mfaMethods?.[e]?.enrolledAt ? Date.now() > new Date(t.mfaMethods[e].enrolledAt).getTime() : !1;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ n(
     a,
     {
       icon: o,
       label: s,
       isActive: r,
-      isPending: n,
-      onActivate: i,
+      isPending: i,
+      onActivate: m,
       isDisabled: r
     }
   );
 };
 export {
-  u as EnrollMfaItem
+  A as EnrollMfaItem
 };

package/dist/components/EnrollMfa/EnrollMfaItems.js

@@ -1,39 +1,42 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { c as u } from "../../chunks/lite.1fxw3LjI.js";
-import { useMemo as d } from "react";
-import { IconPinCode as I } from "../../icons/IconPinCode.js";
-import { EnrollMfaItem as M } from "./EnrollMfaItem.js";
-import { useEnrollMfaContext as E } from "./EnrollMfaProvider.js";
+import { useMemo as I } from "react";
+import { IconPhone as M } from "../../icons/IconPhone.js";
+import { IconPinCode as d } from "../../icons/IconPinCode.js";
+import { EnrollMfaItem as E } from "./EnrollMfaItem.js";
+import { useEnrollMfaContext as P } from "./EnrollMfaProvider.js";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
 import '../../assets/EnrollMfaItems.css';const _ = "EnrollMfaItems-module__list___5ZZmE", x = {
   list: _
-}, P = {
-  totp: { Icon: /* @__PURE__ */ n(I, {}), label: "Authenticator app" }
-}, w = ({ children: l, className: m = "", onSetUp: s, ...c }) => {
-  const { state: a } = E(), { methods: r, method: i, isPending: e } = a, p = d(() => r.map((t) => {
-    const { Icon: o, label: f } = P[t];
+}, b = {
+  totp: { Icon: /* @__PURE__ */ t(d, {}), label: "Authenticator app" },
+  sms: { Icon: /* @__PURE__ */ t(M, {}), label: "SMS" }
+}, N = ({ children: l, className: m = "", onSetUp: r, ...c }) => {
+  const { state: a } = P(), { methods: s, method: i, isPending: e } = a, p = I(() => s.map((o) => {
+    const { Icon: n, label: f } = b[o];
     return {
-      method: t,
-      icon: o,
+      method: o,
+      icon: n,
       label: f,
       onSetUp: async () => {
-        await s?.(t);
+        await r?.(o);
       }
     };
-  }), [r, s]);
-  return /* @__PURE__ */ n("ul", { className: u(x.list, m), ...c, children: p.map(({ method: t, ...o }) => /* @__PURE__ */ n("li", { children: l?.({
-    ...o,
-    method: t,
-    isPending: e && i === t
-  }) || /* @__PURE__ */ n(
-    M,
+  }), [s, r]);
+  return /* @__PURE__ */ t("ul", { className: u(x.list, m), ...c, children: p.map(({ method: o, ...n }) => /* @__PURE__ */ t("li", { children: l?.({
+    ...n,
+    method: o,
+    isPending: e && i === o
+  }) || /* @__PURE__ */ t(
+    E,
     {
-      ...o,
-      method: t,
-      isPending: e && i === t
+      ...n,
+      method: o,
+      isPending: e && i === o
     }
-  ) }, t)) });
+  ) }, o)) });
 };
 export {
-  w as EnrollMfaItems
+  N as EnrollMfaItems
 };