@coinbase/cdp-react 0.0.85 → 0.0.87

package/dist/assets/CDPReactProvider.css

@@ -1 +1 @@
-.VerifyMfa-module__mfa-verification___txLpd{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:1em 2em;overflow:hidden;width:100%}.VerifyMfa-module__mfa-verification___txLpd *{box-sizing:border-box}.VerifyMfa-module__mfa-verification-content___-ksMh{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.VerifyMfa-module__mfa-verification-form___7b69Y{padding-top:.5em}.VerifyMfa-module__footer___3bANn{padding-top:.75em;margin-top:auto;width:100%}.VerifyMfaModal-module__verify___GZ6dw{padding-top:1.5em}.VerifyMfaModal-module__content___BSj0G{display:flex;flex-direction:column;gap:1em}.VerifyMfaModal-module__header___2plY9{display:flex;align-items:center;justify-content:space-between}.VerifyMfaModal-module__close-icon___pyobJ{width:1.5em;height:1.5em}.VerifyMfaModal-module__close-button___h9yrq{padding:0}.VerifyMfaModal-module__trigger___YXiwC{padding-left:2em;padding-right:2em}.VerifyMfaModal-module__flow___HE2Lf{padding-top:.5em;padding-bottom:1em}
+.VerifyMfa-module__mfa-verification___txLpd{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:.75em 1.5em 1em;overflow:hidden;width:100%}.VerifyMfa-module__mfa-verification___txLpd *{box-sizing:border-box}.VerifyMfa-module__mfa-verification-content___-ksMh{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.VerifyMfa-module__footer___3bANn{padding-top:.75em;margin-top:auto;width:100%}.VerifyMfaModal-module__verify___GZ6dw{padding-top:1.5em}.VerifyMfaModal-module__content___BSj0G{display:flex;flex-direction:column;gap:1em}.VerifyMfaModal-module__header___2plY9{display:flex;align-items:center;justify-content:space-between}.VerifyMfaModal-module__close-icon___pyobJ{width:1.5em;height:1.5em}.VerifyMfaModal-module__close-button___h9yrq{padding:0}.VerifyMfaModal-module__trigger___YXiwC{padding-left:2em;padding-right:2em}.VerifyMfaModal-module__flow___HE2Lf{padding-bottom:1em}

package/dist/assets/EnrollMfaFlow.css

@@ -1 +1 @@
-.EnrollMfaFlow-module__method-wrapper___yT4Pj{width:100%}.EnrollMfaFlow-module__list___oGYkb{display:flex;flex-direction:column;gap:.75em;width:100%}
+.EnrollMfaFlow-module__wrapper___OVdk0{width:100%}.EnrollMfaFlow-module__list___oGYkb{display:flex;flex-direction:column;gap:.75em;width:100%}

package/dist/assets/VerifyMfaFlow.css

@@ -1 +1 @@
-.VerifyMfaFlow-module__method-wrapper___LEPzD{width:100%}
+.VerifyMfaFlow-module__wrapper___lzVPg{width:100%}.VerifyMfaFlow-module__pad-top___gF1z2{padding-top:.5em}.VerifyMfaFlow-module__list___-N0zn{display:flex;flex-direction:column;gap:.75em;width:100%}

package/dist/assets/VerifyMfaFlowBackButton.css

@@ -0,0 +1 @@
+.VerifyMfaFlowBackButton-module__button___cAv9W{padding:0}.VerifyMfaFlowBackButton-module__icon___ezNaM{width:1.5em;height:1.5em}

package/dist/assets/VerifyMfaInline.css

@@ -1 +1 @@
-.VerifyMfaInline-module__verify-mfa-inline___mn38o{box-sizing:border-box;overflow:hidden;width:100%}.VerifyMfaInline-module__verify-mfa-inline___mn38o *{box-sizing:border-box}.VerifyMfaInline-module__icon___pezMX{width:1.5em;height:auto}div.VerifyMfaInline-module__mfa-verification___WyY76{padding:0}.VerifyMfaInline-module__mfa-verification-content___M4fq0{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.VerifyMfaInline-module__mfa-verification-form___8h2u-{padding-top:.5em}
+.VerifyMfaInline-module__verify-mfa-inline___mn38o{box-sizing:border-box;overflow:hidden;width:100%}.VerifyMfaInline-module__verify-mfa-inline___mn38o *{box-sizing:border-box}.VerifyMfaInline-module__icon___pezMX{width:1.5em;height:auto}.VerifyMfaInline-module__button___-gTjp{padding:0}div.VerifyMfaInline-module__mfa-verification___WyY76{background:transparent;overflow:visible;padding:0}.VerifyMfaInline-module__mfa-verification-content___M4fq0{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}

package/dist/assets/VerifyMfaItem.css

@@ -0,0 +1 @@
+.VerifyMfaItem-module__btn___7ZZjy{align-items:center;display:flex;gap:.75em;justify-content:flex-start;padding-left:1em;padding-right:1em}.VerifyMfaItem-module__icon___gse6F{display:flex;align-items:center;justify-content:center;width:1em;height:1em}.VerifyMfaItem-module__icon___gse6F svg{width:.875em;height:.875em}.VerifyMfaItem-module__text___aV6B6{font-weight:500;font-size:.875em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/assets/VerifyMfaItems.css

@@ -0,0 +1 @@
+.VerifyMfaItems-module__list___ITk0B{list-style:none;margin:0;padding:0;width:100%}

package/dist/assets/sms.css

@@ -0,0 +1 @@
+.sms-module__form___G393d{display:flex;flex-direction:column;gap:1em}.sms-module__otp-form___yNrQa{padding-top:.5em}.sms-module__credentials___jMUzc{font-weight:500;overflow-wrap:break-word;word-wrap:break-word}

package/dist/chunks/CDPReactProvider.C38bKQ2x.js

@@ -0,0 +1,337 @@
+import { jsx as t, jsxs as h, Fragment as x } from "react/jsx-runtime";
+import { OAuth2ProviderType as ee, CDPContext as te, CDPHooksProvider as oe } from "@coinbase/cdp-hooks";
+import { useRef as g, useEffect as O, useCallback as d, useLayoutEffect as re, createContext as D, useState as B, useMemo as T, useContext as S, useId as $, lazy as ne } from "react";
+import { registerMfaListener as se, cancelMfaVerification as ie } from "@coinbase/cdp-core";
+import { A as ae, u as j } from "./useSendComponentCallOnce.BHZMuo6E.js";
+import { ThemeProvider as ce } from "../components/ThemeProvider/index.js";
+import { c as le } from "./lite.1fxw3LjI.js";
+import { Button as J } from "../components/ui/Button/index.js";
+import { Modal as fe, ModalContent as de, ModalClose as ue, ModalTitle as me, ModalTrigger as pe } from "../components/ui/Modal/index.js";
+import { VisuallyHidden as he } from "../components/ui/VisuallyHidden/index.js";
+import { VerifyMfaDescription as q } from "../components/VerifyMfa/VerifyMfaDescription.js";
+import { VerifyMfaFlow as z } from "../components/VerifyMfa/VerifyMfaFlow.js";
+import { VerifyMfaFlowBackButton as G } from "../components/VerifyMfa/VerifyMfaFlowBackButton.js";
+import { VerifyMfaFlowProvider as Me } from "../components/VerifyMfa/VerifyMfaFlowProvider.js";
+import { VerifyMfaFooter as X } from "../components/VerifyMfa/VerifyMfaFooter.js";
+import { VerifyMfaImage as Y } from "../components/VerifyMfa/VerifyMfaImage.js";
+import "../components/VerifyMfa/VerifyMfaItem.js";
+import "../components/VerifyMfa/VerifyMfaItems.js";
+import { VerifyMfaProvider as ye, useVerifyMfaContext as _e } from "../components/VerifyMfa/VerifyMfaProvider.js";
+import { VerifyMfaTitle as K } from "../components/VerifyMfa/VerifyMfaTitle.js";
+import { IconXMark as ve } from "../icons/IconXMark.js";
+import { childrenHasComponent as I } from "../utils/childrenHasComponent.js";
+import '../assets/CDPReactProvider.css';function ge(e) {
+  const r = g(!1);
+  O(() => {
+    r.current || (ae.sendHookCallEvent({ name: e }), r.current = !0);
+  }, [e]);
+}
+const Ce = "VerifyMfa-module__footer___3bANn", E = {
+  "mfa-verification": "VerifyMfa-module__mfa-verification___txLpd",
+  "mfa-verification-content": "VerifyMfa-module__mfa-verification-content___-ksMh",
+  footer: Ce
+}, Ve = ({
+  className: e = "",
+  children: r,
+  ...s
+}) => {
+  const { state: o, dispatch: n } = _e(), { showCoinbaseFooter: l } = L(), a = g(o.step), c = g(null), u = d((i) => {
+    a.current !== i && (a.current = i, c.current?.transition.toggle(i));
+  }, []), M = d(() => {
+    o.step === "list" ? n({
+      type: "SET_STEP",
+      payload: { step: "verification", flowDirection: "right", method: o.methods[0] }
+    }) : n({ type: "SET_STEP", payload: { step: "list", flowDirection: "right" } });
+  }, [n, o.step, o.methods]), m = d(
+    (i) => {
+      n({ type: "SET_METHOD", payload: { method: i } });
+    },
+    [n]
+  ), y = d(() => {
+    n({ type: "SET_STEP", payload: { step: "list", flowDirection: "left" } });
+  }, [n]);
+  re(() => {
+    u(o.step);
+  }, [o.step, u]);
+  const _ = typeof r == "function" ? r(o) : r;
+  return /* @__PURE__ */ t(
+    Me,
+    {
+      direction: o.flowDirection,
+      onBack: M,
+      onSelectMethod: m,
+      onShowMethodList: y,
+      transitionRef: c,
+      children: /* @__PURE__ */ h("div", { className: `${E["mfa-verification"]} ${e}`, ...s, children: [
+        _,
+        !_ && /* @__PURE__ */ h(x, { children: [
+          /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(G, {}) }),
+          /* @__PURE__ */ h("div", { className: E["mfa-verification-content"], children: [
+            /* @__PURE__ */ t(z, { children: ({ step: i, method: f, Content: C }) => /* @__PURE__ */ h("div", { className: E["mfa-verification-content"], children: [
+              /* @__PURE__ */ t(Y, { step: i, method: f }),
+              /* @__PURE__ */ h("div", { children: [
+                /* @__PURE__ */ t(K, { step: i, method: f }),
+                /* @__PURE__ */ t(q, { step: i, method: f })
+              ] }),
+              C
+            ] }) }),
+            l && /* @__PURE__ */ t(X, { className: E.footer })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}, we = ({ onSuccess: e, onError: r, ...s }) => (j("verify_mfa"), /* @__PURE__ */ t(ye, { onError: r, onSuccess: e, children: /* @__PURE__ */ t(Ve, { ...s }) })), Pe = "VerifyMfaModal-module__verify___GZ6dw", Se = "VerifyMfaModal-module__content___BSj0G", Ae = "VerifyMfaModal-module__header___2plY9", xe = "VerifyMfaModal-module__trigger___YXiwC", Ee = "VerifyMfaModal-module__flow___HE2Lf", P = {
+  verify: Pe,
+  content: Se,
+  header: Ae,
+  "close-icon": "VerifyMfaModal-module__close-icon___pyobJ",
+  "close-button": "VerifyMfaModal-module__close-button___h9yrq",
+  trigger: xe,
+  flow: Ee
+}, W = D(null), be = () => {
+  const e = S(W);
+  if (!e)
+    throw new Error("useVerifyMfaModalContext must be used within a VerifyMfaModal");
+  return e;
+}, U = ({
+  children: e,
+  className: r = "",
+  label: s,
+  ...o
+}) => /* @__PURE__ */ t(pe, { asChild: !0, children: e || /* @__PURE__ */ t(J, { className: le(P.trigger, r), ...o, children: s || "Verify" }) }), b = ({ children: e, ...r }) => {
+  const { onSuccess: s, onError: o } = be(), { showCoinbaseFooter: n } = L();
+  return /* @__PURE__ */ t(de, { "aria-describedby": void 0, ...r, children: /* @__PURE__ */ t(we, { className: P.verify, onSuccess: s, onError: o, children: (l) => /* @__PURE__ */ h(x, { children: [
+    e ? typeof e == "function" ? e(l) : e : null,
+    !e && /* @__PURE__ */ h(x, { children: [
+      /* @__PURE__ */ h("div", { className: P.header, children: [
+        /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(G, {}) }),
+        /* @__PURE__ */ t(ue, { asChild: !0, children: /* @__PURE__ */ t(
+          J,
+          {
+            className: P["close-button"],
+            "aria-label": "Close",
+            size: "md",
+            variant: "transparentSecondary",
+            children: /* @__PURE__ */ t(ve, { className: P["close-icon"] })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ t("span", { children: "Verify your identity" }) }) }),
+      /* @__PURE__ */ t("div", { className: P.flow, children: /* @__PURE__ */ t(z, { children: ({ Content: a }) => /* @__PURE__ */ h("div", { className: P.content, children: [
+        /* @__PURE__ */ t(Y, {}),
+        /* @__PURE__ */ h("div", { children: [
+          /* @__PURE__ */ t(K, {}),
+          /* @__PURE__ */ t(q, {})
+        ] }),
+        a
+      ] }) }) }),
+      n && /* @__PURE__ */ t(X, {})
+    ] })
+  ] }) }) });
+}, Oe = ({
+  children: e,
+  open: r,
+  setIsOpen: s,
+  onCancel: o,
+  onError: n,
+  onSuccess: l
+}) => {
+  j("verify_mfa_modal");
+  const a = r !== void 0 && s !== void 0, [c, u] = B(!1), M = a ? r : c, m = g(!1), y = d(
+    (v) => {
+      m.current = !0, l?.(v);
+    },
+    [l]
+  ), _ = d(
+    (v) => {
+      a ? s?.(v) : u(v), v || (m.current || o?.(), m.current = !1);
+    },
+    [a, s, u, o]
+  ), i = e ? I(e, U) : !1, f = e ? I(e, b) : !1, C = !i && !f, A = T(
+    () => ({ onCancel: o, onError: n, onSuccess: y }),
+    [o, n, y]
+  );
+  return /* @__PURE__ */ t(W.Provider, { value: A, children: /* @__PURE__ */ t(fe, { open: M, onOpenChange: _, children: C ? /* @__PURE__ */ h(x, { children: [
+    /* @__PURE__ */ t(U, { children: e }),
+    /* @__PURE__ */ t(b, {})
+  ] }) : /* @__PURE__ */ h(x, { children: [
+    e,
+    !f && /* @__PURE__ */ t(b, {})
+  ] }) }) });
+}, Te = (e) => e?.closest("[data-cdp-provider]")?.getAttribute?.("data-cdp-provider") ?? null, F = D(void 0), Ne = "__core_mfa_handler__", De = ({ children: e }) => {
+  const { mfa: r } = L(), s = ke(), { disableAutoPrompt: o } = r, [n, l] = B(null), a = g(/* @__PURE__ */ new Map()), c = g(!1), u = d((p, V) => {
+    a.current.set(p, V);
+  }, []), M = d((p) => {
+    a.current.delete(p);
+  }, []), m = g(n);
+  m.current = n;
+  const y = g(null), _ = d((p) => m.current !== null ? !1 : (y.current = document.activeElement, l(p), !0), []), i = d(() => {
+    l(null);
+    const p = y.current;
+    y.current = null, p && requestAnimationFrame(() => {
+      p.focus();
+    });
+  }, []);
+  O(() => o ? void 0 : se(() => {
+    const V = document.activeElement, k = Te(V);
+    k !== null && k !== s || (c.current = !0, _(Ne));
+  }), [o, _, s]);
+  const f = n ? a.current.get(n)?.current : void 0, C = n !== null, A = d(
+    (p) => {
+      p || i();
+    },
+    [i]
+  ), v = d(
+    (p) => {
+      c.current && (c.current = !1), f?.onSuccess?.(p);
+      const V = f?.closeOnSuccessDelay === void 0 ? 500 : f?.closeOnSuccessDelay;
+      V !== null && (V === 0 ? i() : setTimeout(() => i(), V));
+    },
+    [f, i]
+  ), R = d(
+    (p) => {
+      f?.onError?.(p);
+    },
+    [f]
+  ), N = d(() => {
+    c.current && (ie(), c.current = !1), f?.onCancel?.();
+  }, [f]), Q = T(
+    () => ({
+      register: u,
+      unregister: M,
+      open: _,
+      close: i
+    }),
+    [u, M, _, i]
+  );
+  return /* @__PURE__ */ h(F.Provider, { value: Q, children: [
+    e,
+    /* @__PURE__ */ t(
+      Oe,
+      {
+        open: C,
+        setIsOpen: A,
+        onSuccess: v,
+        onError: R,
+        onCancel: N,
+        children: /* @__PURE__ */ t(b, {})
+      }
+    )
+  ] });
+}, at = (e = {}) => {
+  const r = S(F);
+  if (!r)
+    throw new Error(
+      "useVerifyMfaModal must be used within a MfaVerificationProvider or CDPReactProvider"
+    );
+  ge("use_verify_mfa_modal");
+  const s = $(), o = g(e);
+  O(() => {
+    o.current = e;
+  }, [e]);
+  const { register: n, unregister: l, open: a, close: c } = r;
+  O(() => (n(s, o), () => l(s)), [n, l, s]);
+  const u = d(() => a(s), [a, s]), M = d(() => {
+    c();
+  }, [c]);
+  return { open: u, close: M };
+}, ct = () => S(F) ?? {
+  register: () => {
+  },
+  unregister: () => {
+  },
+  open: () => !1,
+  close: () => {
+  }
+}, Fe = ne(() => import("../components/OAuthStatusModal/index.js")), Z = (e) => {
+  try {
+    return JSON.stringify(e);
+  } catch {
+  }
+  return "";
+}, He = Object.keys(ee).map((e) => `oauth:${e}`), Le = [
+  /** Email OTP method */
+  "email",
+  /** SMS OTP method */
+  "sms"
+], lt = [...Le, ...He], ft = ({
+  children: e,
+  className: r = "",
+  config: s,
+  name: o,
+  style: n,
+  theme: l
+}) => {
+  const a = $(), c = o ?? a, { appName: u, appLogoUrl: M, showCoinbaseFooter: m, authMethods: y, ..._ } = s, i = Z(_), f = T(() => _, [i]), C = { appName: u, appLogoUrl: M, showCoinbaseFooter: m, authMethods: y }, A = y?.some((N) => N.startsWith("oauth:")), v = /* @__PURE__ */ t(Re, { name: c, config: C, children: /* @__PURE__ */ t(ce, { className: r, style: n, theme: l, "data-cdp-provider": c, children: /* @__PURE__ */ h(De, { children: [
+    e,
+    A && /* @__PURE__ */ t(Fe, {})
+  ] }) }) });
+  return S(te) ? v : /* @__PURE__ */ t(oe, { config: f, children: v });
+}, H = D(
+  void 0
+), w = {
+  appName: "",
+  appLogoUrl: "",
+  showCoinbaseFooter: !0,
+  authMethods: ["email"],
+  mfa: {
+    disableAutoPrompt: !1
+  }
+}, Re = ({
+  children: e,
+  config: r,
+  name: s
+}) => {
+  const {
+    appName: o = w.appName,
+    appLogoUrl: n = w.appLogoUrl,
+    showCoinbaseFooter: l = w.showCoinbaseFooter,
+    authMethods: a = w.authMethods,
+    mfa: { disableAutoPrompt: c = w.mfa.disableAutoPrompt } = w.mfa
+  } = r ?? {}, u = Z(a), M = T(() => {
+    let m = ["email"];
+    try {
+      m = JSON.parse(u);
+    } catch {
+    }
+    return {
+      app: {
+        appName: o,
+        appLogoUrl: n,
+        showCoinbaseFooter: l,
+        authMethods: Array.isArray(m) && m?.length ? m : w.authMethods,
+        mfa: {
+          disableAutoPrompt: c
+        }
+      },
+      name: s
+    };
+  }, [o, n, l, u, s, c]);
+  return /* @__PURE__ */ t(H.Provider, { value: M, children: e });
+}, L = () => {
+  const e = S(H);
+  if (!e)
+    throw new Error("useAppConfig must be used within an AppConfigProvider");
+  return e.app;
+}, ke = () => {
+  const e = S(H);
+  if (!e)
+    throw new Error("useProviderName must be used within an AppConfigProvider");
+  return e.name ?? "";
+};
+export {
+  Le as A,
+  ft as C,
+  He as O,
+  we as V,
+  ke as a,
+  at as b,
+  lt as c,
+  Oe as d,
+  b as e,
+  U as f,
+  De as g,
+  ct as h,
+  L as u
+};

package/dist/chunks/{LinkAuthFlow.BaUSMzGH.js → LinkAuthFlow.CLubKoY0.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as m, Fragment as p } from "react/jsx-runtime";
-import { createContext as S, useContext as I, useMemo as v, forwardRef as A, useRef as L, useImperativeHandle as x, useEffect as N } from "react";
-import { u as C } from "./CDPReactProvider.CIQm4C4z.js";
+import { createContext as I, useContext as S, useMemo as v, forwardRef as A, useRef as L, useImperativeHandle as x, useEffect as N } from "react";
+import { u as C } from "./CDPReactProvider.C38bKQ2x.js";
 import { SignIn as _ } from "../components/SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import { SwitchSlideTransition as T } from "../components/ui/SwitchSlideTransition/index.js";
@@ -8,20 +8,20 @@ import { VisuallyHidden as h } from "../components/ui/VisuallyHidden/index.js";
 import { LinkAuthItems as E } from "../components/LinkAuth/LinkAuthItems.js";
 import { LINK_AUTH_FLOW_VIEWS as R } from "../components/LinkAuth/types.js";
 import { useSignInContext as y } from "../components/SignIn/SignInProvider.js";
-import { SignInImage as b } from "../components/SignIn/SignInImage.js";
-import { SignInForm as H } from "../components/SignIn/SignInForm.js";
+import { SignInImage as P } from "../components/SignIn/SignInImage.js";
+import { SignInForm as b } from "../components/SignIn/SignInForm.js";
 import { SignInTitle as g } from "../components/SignIn/SignInTitle.js";
 import { SignInDescription as w } from "../components/SignIn/SignInDescription.js";
-import { SignInFooter as P } from "../components/SignIn/SignInFooter.js";
-import '../assets/LinkAuthFlow.css';const j = "LinkAuthFlow-module__list___dkNmh", c = {
+import { SignInFooter as H } from "../components/SignIn/SignInFooter.js";
+import '../assets/LinkAuthFlow.css';const O = "LinkAuthFlow-module__list___dkNmh", c = {
   "sign-in": "LinkAuthFlow-module__sign-in___F2bj7",
   "sign-in-title-desc-wrapper": "LinkAuthFlow-module__sign-in-title-desc-wrapper___6QeTc",
   "sign-in-image": "LinkAuthFlow-module__sign-in-image___XGuJI",
   "sign-in-form": "LinkAuthFlow-module__sign-in-form___REZlP",
   "sign-in-footer": "LinkAuthFlow-module__sign-in-footer___KYZNd",
-  list: j
-}, k = S(null), f = () => {
-  const t = I(k);
+  list: O
+}, k = I(null), f = () => {
+  const t = S(k);
   if (!t)
     throw new Error("useLinkAuthFlowInternal must be used within a LinkAuthFlowContext.Provider");
   return t;
@@ -60,7 +60,7 @@ import '../assets/LinkAuthFlow.css';const j = "LinkAuthFlow-module__list___dkNmh
     () => ({
       canGoBack: e.step === "verification",
       goBack: () => {
-        r({ type: "RESET_STATE" });
+        r({ type: "GO_TO_PREVIOUS_STEP" });
       }
     }),
     [e.step, r]
@@ -72,15 +72,15 @@ import '../assets/LinkAuthFlow.css';const j = "LinkAuthFlow-module__list___dkNmh
       n.current?.querySelector("input[type='text']")?.focus();
     }, 300)), () => clearTimeout(o);
   }, [e.step]), /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ i("div", { className: c["sign-in-image"], children: /* @__PURE__ */ i(b, {}) }),
-    /* @__PURE__ */ i(H, { autoFocus: !1, onSuccess: a, children: ({ authMethod: o, step: l, Form: F }) => /* @__PURE__ */ m(p, { children: [
+    /* @__PURE__ */ i("div", { className: c["sign-in-image"], children: /* @__PURE__ */ i(P, {}) }),
+    /* @__PURE__ */ i(b, { autoFocus: !1, onSuccess: a, children: ({ authMethod: o, step: l, Form: F }) => /* @__PURE__ */ m(p, { children: [
       /* @__PURE__ */ m("div", { className: c["sign-in-title-desc-wrapper"], children: [
         l === "verification" ? /* @__PURE__ */ i(h, { as: "div", children: /* @__PURE__ */ i(g, {}) }) : /* @__PURE__ */ i(g, {}),
         l === "credentials" ? /* @__PURE__ */ i(h, { as: "div", children: /* @__PURE__ */ i(w, { authMethod: o }) }) : /* @__PURE__ */ i(w, { authMethod: o })
       ] }),
       /* @__PURE__ */ i("div", { ref: n, className: c["sign-in-form"], children: F })
     ] }) }),
-    s && /* @__PURE__ */ i(P, { className: c["sign-in-footer"] })
+    s && /* @__PURE__ */ i(H, { className: c["sign-in-footer"] })
   ] });
 });
 d.displayName = "SignInContent";

package/dist/chunks/{index.C_DV0Ud7.js → index.BN39qScu.js}

@@ -1,5 +1,5 @@
 import { OAuth2ProviderType as t } from "@coinbase/cdp-hooks";
-import "./CDPReactProvider.CIQm4C4z.js";
+import "./CDPReactProvider.C38bKQ2x.js";
 import { config as i } from "../components/SignIn/flows/SignInWithEmail.js";
 import { config as m } from "../components/SignIn/flows/SignInWithSms.js";
 import "react";

package/dist/chunks/index.BX4k-ruQ.js

@@ -0,0 +1,12 @@
+import "@coinbase/cdp-hooks";
+import "react";
+import "@coinbase/cdp-core";
+import { smsMethodConfig as o } from "../components/VerifyMfa/methods/sms.js";
+import { totpMethodConfig as t } from "../components/VerifyMfa/methods/totp.js";
+const e = {
+  totp: t,
+  sms: o
+};
+export {
+  e as m
+};

package/dist/chunks/index.Bgx0-QLY.js

@@ -0,0 +1,12 @@
+import "@coinbase/cdp-core";
+import "@coinbase/cdp-hooks";
+import "react";
+import { smsMethodConfig as o } from "../components/EnrollMfa/methods/sms.js";
+import { totpMethodConfig as t } from "../components/EnrollMfa/methods/totp.js";
+const e = {
+  totp: t,
+  sms: o
+};
+export {
+  e as m
+};

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.C38bKQ2x.js";
 import "../ThemeProvider/index.js";
 export {
   p as ALL_AUTH_METHODS,

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 {