@coinbase/cdp-react 0.0.86 → 0.0.87

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
 };

package/dist/components/EnrollMfa/EnrollMfaProvider.js

@@ -1,24 +1,29 @@
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as u, useContext as a, useMemo as f } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as s, useContext as a, useEffect as u, useMemo as c } from "react";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
-import { useEnrollMfaReducer as m } from "./useEnrollMfaReducer.js";
-const n = u(null), p = () => {
-  const t = a(n);
-  if (!t)
+import { useEnrollMfaReducer as p } from "./useEnrollMfaReducer.js";
+const i = s(null), C = () => {
+  const o = a(i);
+  if (!o)
     throw new Error("useEnrollMfaContext must be used within EnrollMfaProvider");
-  return t;
-}, E = ({
-  children: t,
-  onEnrollSuccess: o,
-  methods: s
+  return o;
+}, v = ({
+  children: o,
+  onEnrollSuccess: n,
+  methods: t
 }) => {
-  const [r, e] = m(s), l = f(
-    () => ({ state: r, dispatch: e, onEnrollSuccess: o }),
-    [r, e, o]
+  const [r, e] = p(t);
+  u(() => {
+    t && t.join(",") !== r.methods.join(",") && e({ type: "SET_METHODS", payload: { methods: t } });
+  }, [t, e, r.methods]);
+  const l = c(
+    () => ({ state: r, dispatch: e, onEnrollSuccess: n }),
+    [r, e, n]
   );
-  return /* @__PURE__ */ i(n.Provider, { value: l, children: t });
+  return /* @__PURE__ */ f(i.Provider, { value: l, children: o });
 };
 export {
-  E as EnrollMfaProvider,
-  p as useEnrollMfaContext
+  v as EnrollMfaProvider,
+  C as useEnrollMfaContext
 };

package/dist/components/EnrollMfa/EnrollMfaTitle.js

@@ -1,21 +1,22 @@
 import { jsx as t, Fragment as h } from "react/jsx-runtime";
 import "react";
 import { useEnrollMfaContext as p } from "./EnrollMfaProvider.js";
-import { m as f } from "../../chunks/index.CKQKBoX2.js";
+import { m as f } from "../../chunks/index.Bgx0-QLY.js";
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
 import '../../assets/EnrollMfaTitle.css';const g = "EnrollMfaTitle-module__heading___ogrZZ", u = {
   heading: g
-}, y = ({
-  as: s = "h2",
-  children: i,
-  className: r = "",
+}, C = ({
+  as: i = "h2",
+  children: r,
+  className: s = "",
   method: l,
   step: m,
   ...a
 }) => {
   const { state: o } = p(), e = m || o.step, n = l || o.method, c = f[n].title, d = e === "list" ? /* @__PURE__ */ t(h, { children: "Add multi-factor authentication" }) : /* @__PURE__ */ t(c, { step: e, method: n });
-  return /* @__PURE__ */ t(s, { className: `${u.heading} ${r}`, ...a, children: i ?? d });
+  return /* @__PURE__ */ t(i, { className: `${u.heading} ${s}`, ...a, children: r ?? d });
 };
 export {
-  y as EnrollMfaTitle
+  C as EnrollMfaTitle
 };

package/dist/components/EnrollMfa/index.js

@@ -1,180 +1,186 @@
-import { jsx as o, jsxs as a, Fragment as E } from "react/jsx-runtime";
-import { useIsInitialized as B, useCurrentUser as P, useInitiateMfaEnrollment as b, useSubmitMfaEnrollment as D, useRecordMfaEnrollmentPrompted as $ } from "@coinbase/cdp-hooks";
-import { u as k } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useMemo as V, useRef as p, useEffect as R, useCallback as d, useLayoutEffect as j } from "react";
-import { c as z } from "../../chunks/lite.1fxw3LjI.js";
-import { u as J } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import { useTimeout as K } from "../../hooks/useTimeout.js";
-import { isApiError as q } from "../../utils/isApiError.js";
+import { jsx as r, jsxs as s, Fragment as u } from "react/jsx-runtime";
+import { getEnabledMfaMethods as $, getEnrolledMfaMethods as k } from "@coinbase/cdp-core";
+import { useCurrentUser as w, useIsInitialized as V, useInitiateMfaEnrollment as j, useSubmitMfaEnrollment as z, useRecordMfaEnrollmentPrompted as q } from "@coinbase/cdp-hooks";
+import { u as J } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { useMemo as C, useRef as _, useEffect as v, useCallback as p, useLayoutEffect as K } from "react";
+import { c as G } from "../../chunks/lite.1fxw3LjI.js";
+import { u as X } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { useTimeout as Y } from "../../hooks/useTimeout.js";
+import { isApiError as Z } from "../../utils/isApiError.js";
 import "libphonenumber-js";
-import { EnrollMfaDescription as x } from "./EnrollMfaDescription.js";
-import { EnrollMfaFlow as G } from "./EnrollMfaFlow.js";
-import { EnrollMfaFlowBackButton as X } from "./EnrollMfaFlowBackButton.js";
-import { EnrollMfaFlowProvider as Y } from "./EnrollMfaFlowProvider.js";
-import { useEnrollMfaFlow as xe } from "./EnrollMfaFlowProvider.js";
-import { EnrollMfaFooter as Z } from "./EnrollMfaFooter.js";
-import { EnrollMfaImage as H } from "./EnrollMfaImage.js";
-import { EnrollMfaItem as Ue } from "./EnrollMfaItem.js";
-import { EnrollMfaItems as Fe } from "./EnrollMfaItems.js";
-import { EnrollMfaProvider as Q, useEnrollMfaContext as U } from "./EnrollMfaProvider.js";
-import { EnrollMfaTitle as C } from "./EnrollMfaTitle.js";
-import { Banner as W } from "../ui/Banner/index.js";
-import '../../assets/EnrollMfa.css';const ee = "EnrollMfa-module__img___JmjV1", te = "EnrollMfa-module__centered___YxB8I", re = "EnrollMfa-module__footer___Zro3u", l = {
+import { EnrollMfaDescription as O } from "./EnrollMfaDescription.js";
+import { EnrollMfaFlow as H } from "./EnrollMfaFlow.js";
+import { EnrollMfaFlowBackButton as Q } from "./EnrollMfaFlowBackButton.js";
+import { EnrollMfaFlowProvider as W } from "./EnrollMfaFlowProvider.js";
+import { useEnrollMfaFlow as Fe } from "./EnrollMfaFlowProvider.js";
+import { EnrollMfaFooter as ee } from "./EnrollMfaFooter.js";
+import { EnrollMfaImage as te } from "./EnrollMfaImage.js";
+import { EnrollMfaItem as Pe } from "./EnrollMfaItem.js";
+import { EnrollMfaItems as De } from "./EnrollMfaItems.js";
+import { EnrollMfaProvider as oe, useEnrollMfaContext as A } from "./EnrollMfaProvider.js";
+import { EnrollMfaTitle as U } from "./EnrollMfaTitle.js";
+import { m as re } from "../../chunks/index.Bgx0-QLY.js";
+import { Banner as ne } from "../ui/Banner/index.js";
+import '../../assets/EnrollMfa.css';const le = "EnrollMfa-module__img___JmjV1", ae = "EnrollMfa-module__centered___YxB8I", ie = "EnrollMfa-module__footer___Zro3u", a = {
   "mfa-enrollment": "EnrollMfa-module__mfa-enrollment___80xnL",
-  img: ee,
+  img: le,
   "flex-container": "EnrollMfa-module__flex-container___9Dazs",
   "gap-2": "EnrollMfa-module__gap-2___BKEqR",
   "gap-3": "EnrollMfa-module__gap-3___JKVyF",
-  centered: te,
-  footer: re
-}, oe = 5 * 60 * 1e3, ne = ({ role: c = "alert", ...i }) => {
-  const { state: s } = U(), { error: m } = s;
-  return m ? /* @__PURE__ */ o(W, { variant: "error", role: c, ...i, children: q(m) ? m.message : m }) : null;
-}, le = ({
-  className: c = "",
-  children: i,
-  resetOnSuccess: s = !0,
-  ...m
+  centered: ae,
+  footer: ie
+}, se = 5 * 60 * 1e3, me = ({ role: d = "alert", ...m }) => {
+  const { state: i } = A(), { error: l } = i;
+  return l ? /* @__PURE__ */ r(ne, { variant: "error", role: d, ...m, children: Z(l) ? l.message : l }) : null;
+}, ce = ({
+  className: d = "",
+  children: m,
+  resetOnSuccess: i = !0,
+  ...l
 }) => {
-  const { isInitialized: f } = B(), { currentUser: u } = P(), { state: e, dispatch: n, onEnrollSuccess: _ } = U(), { initiateMfaEnrollment: M } = b(), { submitMfaEnrollment: h } = D(), { recordMfaEnrollmentPrompted: I } = $(), { showCoinbaseFooter: v } = J(), N = p(!1);
-  R(() => {
-    !f || !u || N.current || (I(), N.current = !0);
-  }, [I, f, u]), R(() => {
+  const { isInitialized: c } = V(), { currentUser: E } = w(), { state: e, dispatch: o, onEnrollSuccess: M } = A(), { initiateMfaEnrollment: h } = j(), { submitMfaEnrollment: I } = z(), { recordMfaEnrollmentPrompted: S } = q(), { showCoinbaseFooter: F } = X(), g = _(!1), y = !!E;
+  v(() => {
+    !c || !y || g.current || (S(), g.current = !0);
+  }, [S, c, y]), v(() => {
     if (!e.initiatedAt) return;
     const t = () => {
-      e.initiatedAt && Date.now() - e.initiatedAt >= oe && n({ type: "ENROLLMENT_SESSION_EXPIRED" });
+      e.initiatedAt && Date.now() - e.initiatedAt >= se && o({ type: "ENROLLMENT_SESSION_EXPIRED" });
     };
     t();
-    const r = setInterval(t, 1e3);
-    return () => clearInterval(r);
-  }, [e.initiatedAt, n]);
-  const S = p(e.step), T = p(null), { schedule: y } = K(), g = d((t) => {
-    S.current !== t && (S.current = t, T.current?.transition.toggle(t));
-  }, []), F = d(() => {
-    n({ type: "GO_TO_PREVIOUS_STEP" });
-  }, [n]), w = d(
+    const n = setInterval(t, 1e3);
+    return () => clearInterval(n);
+  }, [e.initiatedAt, o]);
+  const T = _(e.step), N = _(null), { schedule: L } = Y(), R = p((t) => {
+    T.current !== t && (T.current = t, N.current?.transition.toggle(t));
+  }, []), B = p(() => {
+    o({ type: "GO_TO_PREVIOUS_STEP" });
+  }, [o]), P = p(
     async (t) => {
-      if (f) {
-        n({ type: "INITIATE_ENROLLMENT", payload: { method: t } });
-        try {
-          const r = await M({ mfaMethod: t });
-          if ("authUrl" in r && "secret" in r)
-            n({
-              type: "INITIATE_ENROLLMENT_SUCCESS",
-              payload: { authUrl: r.authUrl, secret: r.secret }
-            });
-          else
-            throw new Error("Failed to initiate enrollment");
-        } catch (r) {
-          n({
-            type: "INITIATE_ENROLLMENT_FAILURE",
-            payload: {
-              error: r instanceof Error ? r.message : "Failed to initiate enrollment"
-            }
-          });
-        }
+      if (!c) return;
+      const n = re[t];
+      if (n.requiresInput && e.step !== "setup") {
+        o({
+          type: "SET_STEP",
+          payload: { step: "setup", flowDirection: "left", method: t }
+        });
+        return;
+      }
+      o({ type: "INITIATE_ENROLLMENT", payload: { method: t } });
+      try {
+        const f = n.getInitiateOptions(e), D = await h(f);
+        o({ type: "INITIATE_ENROLLMENT_SUCCESS", payload: D });
+      } catch (f) {
+        o({
+          type: "INITIATE_ENROLLMENT_FAILURE",
+          payload: {
+            error: f instanceof Error ? f.message : "Failed to initiate enrollment"
+          }
+        });
       }
     },
-    [n, M, f]
-  ), A = d(
+    [o, h, c, e]
+  ), b = p(
     async (t) => {
-      t.preventDefault(), n({ type: "SUBMIT_ENROLLMENT" });
+      t.preventDefault(), o({ type: "SUBMIT_ENROLLMENT" });
       try {
-        await h({
+        await I({
           mfaMethod: e.method,
           mfaCode: e.mfaCode
-        }), n({ type: "SUBMIT_ENROLLMENT_SUCCESS" }), _?.(), s && y(() => {
-          n({ type: "SET_STEP", payload: { step: "list", flowDirection: "left" } });
+        }), o({ type: "SUBMIT_ENROLLMENT_SUCCESS" }), M?.(), i && L(() => {
+          o({ type: "SET_STEP", payload: { step: "list", flowDirection: "left" } });
         }, 800);
-      } catch (r) {
-        n({
+      } catch (n) {
+        o({
           type: "SUBMIT_ENROLLMENT_FAILURE",
           payload: {
-            error: r instanceof Error ? r.message : "Verification failed"
+            error: n instanceof Error ? n.message : "Verification failed"
           }
         });
       }
     },
     [
-      n,
+      o,
       e.method,
       e.mfaCode,
-      h,
-      _,
-      s,
-      y
+      I,
+      M,
+      i,
+      L
     ]
   );
-  j(() => {
-    g(e.step);
-  }, [e.step, g]);
-  const L = typeof i == "function" ? i(e) : i;
-  return /* @__PURE__ */ o(
-    Y,
+  K(() => {
+    R(e.step);
+  }, [e.step, R]);
+  const x = typeof m == "function" ? m(e) : m;
+  return /* @__PURE__ */ r(
+    W,
     {
-      onBack: F,
-      onStartEnrollment: w,
-      onSubmit: A,
-      transitionRef: T,
-      children: /* @__PURE__ */ a("div", { className: `${l["mfa-enrollment"]} ${c}`, ...m, children: [
-        L,
-        !L && /* @__PURE__ */ a(E, { children: [
-          /* @__PURE__ */ a(
+      onBack: B,
+      onStartEnrollment: P,
+      onSubmit: b,
+      transitionRef: N,
+      children: /* @__PURE__ */ s("div", { className: `${a["mfa-enrollment"]} ${d}`, ...l, children: [
+        x,
+        !x && /* @__PURE__ */ s(u, { children: [
+          /* @__PURE__ */ s(
             "div",
             {
-              className: z(
-                l["flex-container"],
-                e.step === "list" ? l["gap-3"] : ""
+              className: G(
+                a["flex-container"],
+                e.step === "list" ? a["gap-3"] : ""
               ),
               children: [
-                e.step === "list" ? /* @__PURE__ */ a(E, { children: [
-                  /* @__PURE__ */ a("div", { children: [
-                    /* @__PURE__ */ o(C, { step: "list", method: e.method }),
-                    /* @__PURE__ */ o(x, { step: "list", method: e.method })
+                e.step === "list" ? /* @__PURE__ */ s(u, { children: [
+                  /* @__PURE__ */ s("div", { children: [
+                    /* @__PURE__ */ r(U, { step: "list", method: e.method }),
+                    /* @__PURE__ */ r(O, { step: "list", method: e.method })
                   ] }),
-                  /* @__PURE__ */ o(ne, {})
-                ] }) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(X, { step: e.step }) }),
-                /* @__PURE__ */ o(G, { children: ({ step: t, method: r, Content: O }) => /* @__PURE__ */ a("div", { className: `${l["flex-container"]} ${l["gap-2"]}`, children: [
-                  t !== "list" && /* @__PURE__ */ a(E, { children: [
-                    /* @__PURE__ */ o(
-                      H,
+                  /* @__PURE__ */ r(me, {})
+                ] }) : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Q, { step: e.step }) }),
+                /* @__PURE__ */ r(H, { children: ({ step: t, method: n, Content: f }) => /* @__PURE__ */ s("div", { className: `${a["flex-container"]} ${a["gap-2"]}`, children: [
+                  t !== "list" && /* @__PURE__ */ s(u, { children: [
+                    /* @__PURE__ */ r(
+                      te,
                       {
-                        className: `${l.img} ${l.centered}`,
+                        className: `${a.img} ${a.centered}`,
                         step: t,
-                        method: r
+                        method: n
                       }
                     ),
-                    /* @__PURE__ */ a("div", { className: l.centered, children: [
-                      /* @__PURE__ */ o(C, { step: t, method: r }),
-                      /* @__PURE__ */ o(x, { step: t, method: r })
+                    /* @__PURE__ */ s("div", { className: a.centered, children: [
+                      /* @__PURE__ */ r(U, { step: t, method: n }),
+                      /* @__PURE__ */ r(O, { step: t, method: n })
                     ] })
                   ] }),
-                  O
+                  f
                 ] }) })
               ]
             }
           ),
-          v && /* @__PURE__ */ o(Z, { className: l.footer })
+          F && /* @__PURE__ */ r(ee, { className: a.footer })
         ] })
       ] })
     }
   );
-}, ge = ({ onEnrollSuccess: c, ...i }) => {
-  k("enroll_mfa");
-  const s = V(() => ["totp"], []);
-  return /* @__PURE__ */ o(Q, { methods: s, onEnrollSuccess: c, children: /* @__PURE__ */ o(le, { ...i }) });
+}, Ue = ({ onEnrollSuccess: d, ...m }) => {
+  J("enroll_mfa");
+  const { currentUser: i } = w(), l = $(), c = C(
+    () => i ? k(i) : [],
+    [i]
+  ), E = C(() => [.../* @__PURE__ */ new Set([...l, ...c])], [l, c]);
+  return /* @__PURE__ */ r(oe, { methods: E, onEnrollSuccess: d, children: /* @__PURE__ */ r(ce, { ...m }) });
 };
 export {
-  ge as EnrollMfa,
-  x as EnrollMfaDescription,
-  ne as EnrollMfaError,
-  G as EnrollMfaFlow,
-  X as EnrollMfaFlowBackButton,
-  Z as EnrollMfaFooter,
-  H as EnrollMfaImage,
-  Ue as EnrollMfaItem,
-  Fe as EnrollMfaItems,
-  C as EnrollMfaTitle,
-  U as useEnrollMfaContext,
-  xe as useEnrollMfaFlow
+  Ue as EnrollMfa,
+  O as EnrollMfaDescription,
+  me as EnrollMfaError,
+  H as EnrollMfaFlow,
+  Q as EnrollMfaFlowBackButton,
+  ee as EnrollMfaFooter,
+  te as EnrollMfaImage,
+  Pe as EnrollMfaItem,
+  De as EnrollMfaItems,
+  U as EnrollMfaTitle,
+  A as useEnrollMfaContext,
+  Fe as useEnrollMfaFlow
 };

package/dist/components/EnrollMfa/methods/sms.d.ts

@@ -0,0 +1,6 @@
+import { EnrollMfaMethodConfig, EnrollMfaMethodContentProps, EnrollMfaMethodComponentProps } from '../types';
+export declare const SmsContent: ({ autoFocus, step, onSubmit, children, }: EnrollMfaMethodContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SmsTitle: ({ step }: EnrollMfaMethodComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SmsDescription: ({ step }: EnrollMfaMethodComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SmsImage: ({ step }: EnrollMfaMethodComponentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const smsMethodConfig: EnrollMfaMethodConfig;