@coinbase/cdp-react 0.0.86 → 0.0.87

package/dist/components/VerifyMfaInline/index.d.ts

@@ -34,7 +34,7 @@ interface VerifyMfaInlineBackButtonProps extends ButtonHTMLAttributes<HTMLButton
     size?: ButtonSize;
     variant?: ButtonVariant;
 }
-declare const VerifyMfaInlineBackButton: ({ children, onClick, size, variant, ["aria-label"]: ariaLabel, ...props }: VerifyMfaInlineBackButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const VerifyMfaInlineBackButton: ({ children, onClick, size, variant, ["aria-label"]: ariaLabel, className, ...props }: VerifyMfaInlineBackButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 declare const VerifyMfaInlineFlow: ({ children, className, animateHeight, autoFocus, transition, }: VerifyMfaInlineFlowProps) => import("react/jsx-runtime").JSX.Element;
 declare const VerifyMfaInline: ({ children, verifyFirst, onVerified, onCancel, successDelay, className, ...props }: VerifyMfaInlineProps) => import("react/jsx-runtime").JSX.Element;
 export { VerifyMfaInline, VerifyMfaInlineBackButton, VerifyMfaInlineFlow, useVerifyMfaInlineContext, type VerifyMfaInlineBackButtonProps, type VerifyMfaInlineContextValue, type VerifyMfaInlineDirection, type VerifyMfaInlineFlowProps, type VerifyMfaInlineProps, type VerifyMfaInlineView, };

package/dist/components/VerifyMfaInline/index.js

@@ -1,175 +1,192 @@
-import { jsx as n, jsxs as R } from "react/jsx-runtime";
-import { isMfaRequired as E } from "@coinbase/cdp-core";
-import { useCancelMfaVerification as j, useIsInitialized as q, useRegisterMfaListener as F } from "@coinbase/cdp-hooks";
-import { u as L } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { createContext as A, useMemo as h, useRef as x, useState as b, useCallback as w, useContext as O } from "react";
-import { c as P } from "../../chunks/lite.1fxw3LjI.js";
-import { Button as W } from "../ui/Button/index.js";
-import { SwitchFadeTransition as X } from "../ui/SwitchFadeTransition/index.js";
-import { SwitchSlideTransition as Y } from "../ui/SwitchSlideTransition/index.js";
-import { V as G } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import { IconArrowLeft as J } from "../../icons/IconArrowLeft.js";
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import { isMfaRequired as q } from "@coinbase/cdp-core";
+import { useCancelMfaVerification as L, useIsInitialized as A, useRegisterMfaListener as O } from "@coinbase/cdp-hooks";
+import { u as P } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { createContext as W, useMemo as h, useRef as k, useState as R, useCallback as C, useContext as X, useEffect as Y } from "react";
+import { c as j } from "../../chunks/lite.1fxw3LjI.js";
+import { Button as H } from "../ui/Button/index.js";
+import { SwitchFadeTransition as J } from "../ui/SwitchFadeTransition/index.js";
+import { SwitchSlideTransition as Q } from "../ui/SwitchSlideTransition/index.js";
+import { V as U } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
+import { IconArrowLeft as Z } from "../../icons/IconArrowLeft.js";
 import "../../theme/theme.js";
-import { VerifyMfaImage as Q } from "../VerifyMfa/VerifyMfaImage.js";
-import { VerifyMfaTitle as U } from "../VerifyMfa/VerifyMfaTitle.js";
-import { VerifyMfaDescription as Z } from "../VerifyMfa/VerifyMfaDescription.js";
-import { VerifyMfaFlow as $ } from "../VerifyMfa/VerifyMfaFlow.js";
-import '../../assets/VerifyMfaInline.css';const H = "VerifyMfaInline-module__icon___pezMX", C = {
+import { useVerifyMfaContext as $ } from "../VerifyMfa/VerifyMfaProvider.js";
+import { useVerifyMfaFlow as K } from "../VerifyMfa/VerifyMfaFlowProvider.js";
+import { VerifyMfaFlow as ee } from "../VerifyMfa/VerifyMfaFlow.js";
+import { VerifyMfaImage as ne } from "../VerifyMfa/VerifyMfaImage.js";
+import { VerifyMfaTitle as te } from "../VerifyMfa/VerifyMfaTitle.js";
+import { VerifyMfaDescription as ie } from "../VerifyMfa/VerifyMfaDescription.js";
+import '../../assets/VerifyMfaInline.css';const oe = "VerifyMfaInline-module__icon___pezMX", re = "VerifyMfaInline-module__button___-gTjp", I = {
   "verify-mfa-inline": "VerifyMfaInline-module__verify-mfa-inline___mn38o",
-  icon: H,
+  icon: oe,
+  button: re,
   "mfa-verification": "VerifyMfaInline-module__mfa-verification___WyY76",
-  "mfa-verification-content": "VerifyMfaInline-module__mfa-verification-content___M4fq0",
-  "mfa-verification-form": "VerifyMfaInline-module__mfa-verification-form___8h2u-"
-}, z = A(null), S = () => {
-  const e = O(z);
+  "mfa-verification-content": "VerifyMfaInline-module__mfa-verification-content___M4fq0"
+}, z = W(null), B = () => {
+  const e = X(z);
   if (!e)
     throw new Error("VerifyMfaInline compound components must be used within VerifyMfaInline");
   return e;
-}, ve = () => {
-  const { view: e, goToContent: t, goToVerify: i, goBack: o } = S();
+}, he = () => {
+  const { view: e, goToContent: n, goToVerify: i, goBack: o } = B();
   return h(
-    () => ({ view: e, goToVerify: i, goToContent: t, goBack: o }),
-    [e, i, t, o]
+    () => ({ view: e, goToVerify: i, goToContent: n, goBack: o }),
+    [e, i, n, o]
   );
-}, Ve = ({
+}, Be = ({
   children: e,
-  onClick: t,
+  onClick: n,
   size: i = "md",
   variant: o = "transparentSecondary",
-  ["aria-label"]: d = "Back",
+  ["aria-label"]: f = "Back",
+  className: r = "",
   ...s
 }) => {
-  const { goBack: M, verifyFirst: y, needsMfa: l, view: r } = S(), m = (f) => {
-    t?.(f), M();
+  const { goBack: u, verifyFirst: d, needsMfa: c, view: y, canGoBack: l } = B(), V = (M) => {
+    n?.(M), u();
   };
-  return y || !l || r === "content" ? null : /* @__PURE__ */ n(
-    W,
+  return !c || y === "content" || d && !l ? null : /* @__PURE__ */ t(
+    H,
     {
       type: "button",
-      "aria-label": d,
-      onClick: m,
+      "aria-label": f,
+      onClick: V,
       size: i,
       variant: o,
+      className: j(I.button, r),
       ...s,
-      children: e || /* @__PURE__ */ n(J, { className: C.icon })
+      children: e || /* @__PURE__ */ t(Z, { className: I.icon })
     }
   );
-}, N = ({ onSuccess: e }) => /* @__PURE__ */ n(G, { className: C["mfa-verification"], onSuccess: e, children: /* @__PURE__ */ R("div", { className: C["mfa-verification-content"], children: [
-  /* @__PURE__ */ n(Q, {}),
-  /* @__PURE__ */ R("div", { children: [
-    /* @__PURE__ */ n(U, {}),
-    /* @__PURE__ */ n(Z, {})
-  ] }),
-  /* @__PURE__ */ n($, { className: C["mfa-verification-form"] })
-] }) }), Me = ({
+}, fe = () => {
+  const { state: e } = $(), { back: n } = K(), { setCanGoBack: i, mfaFlowBackRef: o } = B(), f = e.step === "list" || e.step === "verification" && e.method !== e.methods[0];
+  return Y(() => (i(f), o.current = f ? n : null, () => {
+    i(!1), o.current = null;
+  }), [f, n, i, o]), /* @__PURE__ */ t(ee, { animateHeight: !1, children: ({ step: r, method: s, Content: u }) => /* @__PURE__ */ E("div", { className: I["mfa-verification-content"], children: [
+    /* @__PURE__ */ t(ne, { step: r, method: s }),
+    /* @__PURE__ */ E("div", { children: [
+      /* @__PURE__ */ t(te, { step: r, method: s }),
+      /* @__PURE__ */ t(ie, { step: r, method: s })
+    ] }),
+    u
+  ] }) });
+}, N = ({ onSuccess: e }) => /* @__PURE__ */ t(U, { className: I["mfa-verification"], onSuccess: e, children: /* @__PURE__ */ t(fe, {}) }), be = ({
   children: e,
-  className: t = "",
+  className: n = "",
   animateHeight: i = !0,
   autoFocus: o = !0,
-  transition: d = "slide"
+  transition: f = "slide"
 }) => {
   const {
-    goToContent: s,
-    initialView: M,
-    direction: y,
-    transitionRef: l,
-    verifyFirst: r,
-    onVerified: m,
-    successDelay: f
-  } = S(), _ = w(() => {
-    m?.(), r && (f > 0 ? setTimeout(() => s(), f) : s());
-  }, [s, r, m, f]), v = M === "verify" ? ["verify", "content"] : ["content", "verify"], I = typeof e == "function", V = ({ itemKey: u, ...p }) => {
-    let c = null;
-    return I ? c = e(
-      u === "content" ? { view: "content", Content: null } : { view: u, Content: u === "verify" ? /* @__PURE__ */ n(N, { onSuccess: _ }) : void 0 }
-    ) : c = u === "verify" ? /* @__PURE__ */ n(N, { onSuccess: _ }) : e, /* @__PURE__ */ n("div", { ...p, children: c });
+    goToContent: r,
+    initialView: s,
+    direction: u,
+    transitionRef: d,
+    verifyFirst: c,
+    onVerified: y,
+    successDelay: l
+  } = B(), V = C(() => {
+    y?.(), c && (l > 0 ? setTimeout(() => r(), l) : r());
+  }, [r, c, y, l]), M = s === "verify" ? ["verify", "content"] : ["content", "verify"], p = typeof e == "function", w = ({ itemKey: m, ...g }) => {
+    let v = null;
+    return p ? v = e(
+      m === "content" ? { view: "content", Content: null } : { view: m, Content: m === "verify" ? /* @__PURE__ */ t(N, { onSuccess: V }) : void 0 }
+    ) : v = m === "verify" ? /* @__PURE__ */ t(N, { onSuccess: V }) : e, /* @__PURE__ */ t("div", { ...g, children: v });
   };
-  return d === "fade" ? /* @__PURE__ */ n(
-    X,
+  return f === "fade" ? /* @__PURE__ */ t(
+    J,
     {
       autoFocus: o,
       animateHeight: i,
-      items: v,
+      items: M,
       initialEntered: !0,
-      transitionRef: l,
-      className: t,
-      children: V
+      transitionRef: d,
+      className: n,
+      children: w
     }
-  ) : /* @__PURE__ */ n(
-    Y,
+  ) : /* @__PURE__ */ t(
+    Q,
     {
       autoFocus: o,
       animateHeight: i,
-      items: v,
+      items: M,
       initialEntered: !0,
-      direction: y,
-      transitionRef: l,
-      className: t,
-      children: V
+      direction: u,
+      transitionRef: d,
+      className: n,
+      children: w
     }
   );
-}, _e = ({
+}, xe = ({
   children: e,
-  verifyFirst: t = !0,
+  verifyFirst: n = !0,
   onVerified: i,
   onCancel: o,
-  successDelay: d = 500,
-  className: s = "",
-  ...M
+  successDelay: f = 500,
+  className: r = "",
+  ...s
 }) => {
-  L("verify_mfa_inline");
-  const { cancelMfaVerification: y } = j(), { isInitialized: l } = q(), r = h(() => l ? E() : !1, [l]), m = x(null), f = h(() => r && t ? "verify" : "content", [r, t]), [_, v] = b(f), [I, V] = b("left"), u = x(null), p = x(f), c = w((a) => {
-    p.current !== a && (p.current = a, u.current?.transition.toggle(a));
-  }, []), g = w(
+  P("verify_mfa_inline");
+  const { cancelMfaVerification: u } = L(), { isInitialized: d } = A(), c = h(() => d ? q() : !1, [d]), y = k(null), l = k(null), [V, M] = R(!1), p = h(() => c && n ? "verify" : "content", [c, n]), [w, m] = R(p), [g, v] = R("left"), b = k(null), x = k(p), _ = C((a) => {
+    x.current !== a && (x.current = a, b.current?.transition.toggle(a));
+  }, []), T = C(
     (a = "left") => {
-      V(a), v("verify"), c("verify");
+      v(a), m("verify"), _("verify");
     },
-    [c]
-  ), T = w(
+    [_]
+  ), S = C(
     (a = "left") => {
-      V(a), v("content"), c("content");
+      v(a), m("content"), _("content");
     },
-    [c]
-  ), k = w(() => {
-    const a = p.current === "verify", B = a ? "content" : "verify";
-    V("right"), v(B), c(B), a && (y(), o?.());
-  }, [c, o, y]);
-  F(() => g(), {
-    scope: m,
-    enabled: r
+    [_]
+  ), F = C(() => {
+    if (v("right"), l.current) {
+      l.current();
+      return;
+    }
+    const a = x.current === "verify", G = a ? "content" : "verify";
+    m(G), _(G), a && (u(), o?.());
+  }, [_, o, u]);
+  O(() => T(), {
+    scope: y,
+    enabled: c
   });
   const D = h(
     () => ({
-      view: _,
-      goToVerify: g,
-      goToContent: T,
-      goBack: k,
-      needsMfa: r,
-      verifyFirst: t,
-      initialView: f,
-      direction: I,
-      transitionRef: u,
+      view: w,
+      goToVerify: T,
+      goToContent: S,
+      goBack: F,
+      needsMfa: c,
+      verifyFirst: n,
+      initialView: p,
+      direction: g,
+      transitionRef: b,
+      mfaFlowBackRef: l,
+      canGoBack: V,
+      setCanGoBack: M,
       onVerified: i,
-      successDelay: d
+      successDelay: f
     }),
     [
-      _,
-      g,
+      w,
       T,
-      k,
-      r,
-      t,
-      f,
-      I,
+      S,
+      F,
+      c,
+      n,
+      p,
+      g,
+      V,
       i,
-      d
+      f
     ]
   );
-  return /* @__PURE__ */ n(z.Provider, { value: D, children: /* @__PURE__ */ n("div", { ref: m, className: P(C["verify-mfa-inline"], s), ...M, children: e }) });
+  return /* @__PURE__ */ t(z.Provider, { value: D, children: /* @__PURE__ */ t("div", { ref: y, className: j(I["verify-mfa-inline"], r), ...s, children: e }) });
 };
 export {
-  _e as VerifyMfaInline,
-  Ve as VerifyMfaInlineBackButton,
-  Me as VerifyMfaInlineFlow,
-  ve as useVerifyMfaInlineContext
+  xe as VerifyMfaInline,
+  Be as VerifyMfaInlineBackButton,
+  be as VerifyMfaInlineFlow,
+  he as useVerifyMfaInlineContext
 };

package/dist/components/VerifyMfaModal/index.js

@@ -2,18 +2,20 @@ import "react/jsx-runtime";
 import "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
 import "../../chunks/lite.1fxw3LjI.js";
-import { d as g, e as n, f as x } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { d as x, e as C, f as T } from "../../chunks/CDPReactProvider.C38bKQ2x.js";
 import "../ui/Button/index.js";
 import "../ui/Modal/index.js";
+import "../ui/VisuallyHidden/index.js";
 import "../../icons/IconXMark.js";
 import "../../utils/childrenHasComponent.js";
+import "../VerifyMfa/VerifyMfaFlowBackButton.js";
+import "../VerifyMfa/VerifyMfaFlow.js";
 import "../VerifyMfa/VerifyMfaImage.js";
 import "../VerifyMfa/VerifyMfaTitle.js";
 import "../VerifyMfa/VerifyMfaDescription.js";
-import "../VerifyMfa/VerifyMfaFlow.js";
 import "../VerifyMfa/VerifyMfaFooter.js";
 export {
-  g as VerifyMfaModal,
-  n as VerifyMfaModalContent,
-  x as VerifyMfaModalTrigger
+  x as VerifyMfaModal,
+  C as VerifyMfaModalContent,
+  T as VerifyMfaModalTrigger
 };

package/dist/components/ui/SwitchTransition/index.js

@@ -1,5 +1,5 @@
 import { jsx as b, Fragment as H } from "react/jsx-runtime";
-import { useRef as R, useId as J, useState as _, useImperativeHandle as P, useLayoutEffect as j, useEffect as Q } from "react";
+import { useRef as R, useId as J, useState as _, useImperativeHandle as P, useLayoutEffect as Q, useEffect as j } from "react";
 import { useTransitionMap as U } from "../../../hooks/useTransitionMap.js";
 import '../../../assets/SwitchTransition.css';const V = {
   "transition-wrapper": "SwitchTransition-module__transition-wrapper___jrI35"
@@ -15,7 +15,7 @@ import '../../../assets/SwitchTransition.css';const V = {
     transitionName: I,
     parentKey: m
   } = v;
-  Q(() => (f(i, { initialEntered: u }), () => {
+  j(() => (f(i, { initialEntered: u }), () => {
     p(i);
   }), [i, u, f, p]);
   const { isEnter: h, isMounted: w, isResolved: x, status: g } = y.get(i) || {};
@@ -70,7 +70,7 @@ import '../../../assets/SwitchTransition.css';const V = {
         a.toggle(t), A(t);
       }
     } : a
-  })), j(() => {
+  })), Q(() => {
     if (!n)
       return;
     let t = null;

package/dist/hooks/usePhoneNumberState.d.ts

@@ -0,0 +1,15 @@
+import { CountryCode } from 'libphonenumber-js';
+import { PhoneNumber } from '../utils/parseValuesFromPhoneNumber';
+export interface UsePhoneNumberStateOptions {
+    phoneNumber?: string;
+    countryCode?: CountryCode;
+    onPhoneNumberChange?: (e164: string) => void;
+    onCountryCodeChange?: (countryCode: CountryCode) => void;
+}
+export interface UsePhoneNumberStateResult {
+    phoneNumberObject: PhoneNumber;
+    countryCode: CountryCode;
+    handlePhoneNumberChange: (pn: PhoneNumber) => void;
+    handleCountryCodeChange: (countryCode: CountryCode) => void;
+}
+export declare const usePhoneNumberState: ({ phoneNumber, countryCode: initialCountryCode, onPhoneNumberChange, onCountryCodeChange, }?: UsePhoneNumberStateOptions) => UsePhoneNumberStateResult;

package/dist/hooks/usePhoneNumberState.js

@@ -0,0 +1,39 @@
+import "libphonenumber-js";
+import { useState as l, useEffect as h, useCallback as m } from "react";
+import { parseValuesFromPhoneNumber as n } from "../utils/parseValuesFromPhoneNumber.js";
+const i = ({
+  phoneNumber: r = "",
+  countryCode: o = "US",
+  onPhoneNumberChange: u,
+  onCountryCodeChange: c
+} = {}) => {
+  const [s, f] = l(o), [t, a] = l(
+    () => n(r, o)
+  );
+  h(() => {
+    if (r === t.e164)
+      return;
+    const e = n(r, s);
+    a(e);
+  }, [r, s, t.e164]);
+  const b = m(
+    (e) => {
+      e.value !== t.value && (a(e), u?.(e.e164));
+    },
+    [t.value, u]
+  ), d = m(
+    (e) => {
+      f(e), c?.(e);
+    },
+    [c]
+  );
+  return {
+    phoneNumberObject: t,
+    countryCode: s,
+    handlePhoneNumberChange: b,
+    handleCountryCodeChange: d
+  };
+};
+export {
+  i as usePhoneNumberState
+};

package/dist/hooks/useTransitionMap.js

@@ -1,6 +1,6 @@
 import { useState as $, useRef as h, useCallback as f, useEffect as q } from "react";
 import { getTimeout as z, getEndStatus as B, getState as H, PRE_EXIT as D, nextTick as J, PRE_ENTER as A, EXITING as C, ENTERING as V, ENTERED as j, startOrEnd as F } from "../utils/transition.js";
-const w = (l, s, m, c, o, E) => {
+const _ = (l, s, m, c, o, E) => {
   o && (clearTimeout(o), cancelAnimationFrame(o));
   const p = H(s), i = new Map(c.current);
   i.set(l, p), m(i), c.current = i, E?.({ key: l, current: p });
@@ -13,51 +13,53 @@ const w = (l, s, m, c, o, E) => {
     preExit: E,
     timeout: p = 200,
     initialEntered: i,
-    mountOnEnter: _,
+    mountOnEnter: v,
     unmountOnExit: d,
     onStateChange: g
-  } = l, [v, T] = $(/* @__PURE__ */ new Map()), n = h(v), u = h(/* @__PURE__ */ new Map()), [S, O] = z(p), G = f(
+  } = l, [x, T] = $(/* @__PURE__ */ new Map()), r = h(x), u = h(/* @__PURE__ */ new Map()), [O, R] = z(p), G = f(
     (t, e) => {
-      const { initialEntered: a = i } = e || {}, r = a ? j : F(_ ?? !1);
-      w(t, r, T, n), u.current.set(t, {});
+      const { initialEntered: a = i } = e || {}, n = a ? j : F(v ?? !1);
+      _(t, n, T, r), u.current.set(t, {});
     },
-    [i, _]
+    [i, v]
   ), P = f((t) => {
-    const e = new Map(n.current);
-    return e.delete(t) ? (T(e), n.current = e, u.current.delete(t), !0) : !1;
+    const e = new Map(r.current);
+    return e.delete(t) ? (T(e), r.current = e, u.current.delete(t), !0) : !1;
   }, []), I = f(
     (t) => {
-      const e = n.current.get(t);
+      const e = r.current.get(t);
       if (!e) {
         process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && console.error(`[React-Transition-State] invalid key: ${t}`);
         return;
       }
-      const { timerId: a } = u.current.get(t) ?? {}, r = B(e._s, d ?? !1);
-      r && w(t, r, T, n, a, g);
+      const { timerId: a } = u.current.get(t) ?? {}, n = B(e._s, d ?? !1);
+      n && _(t, n, T, r, a, g);
     },
     [g, d]
   ), M = f(
     (t, e) => {
-      const a = n.current.get(t);
+      const a = r.current.get(t);
       if (!a) {
         process.env.NODE_ENV !== "production" && console.error(`[React-Transition-State] invalid key: ${t}`);
         return;
       }
-      const r = u.current.get(t), R = (N) => {
-        switch (w(t, N, T, n, r.timerId, g), N) {
+      const n = u.current.get(t), b = (N) => {
+        switch (_(t, N, T, r, n.timerId, g), N) {
           case V:
-            S >= 0 && (r.timerId = setTimeout(() => I(t), S));
+            O >= 0 && (n.timerId = setTimeout(() => I(t), O));
             break;
           case C:
-            O >= 0 && (r.timerId = setTimeout(() => I(t), O));
+            R >= 0 && (n.timerId = setTimeout(() => I(t), R));
             break;
           case A:
           case D:
-            r.timerId = J(R, N);
+            n.timerId = J(b, N, (S) => {
+              n.timerId = S;
+            });
             break;
         }
-      }, b = a.isEnter;
-      typeof e != "boolean" && (e = !b), e ? b || (R(m ? o ? A : V : j), s || n.current.forEach((N, x) => x !== t && M(x, !1))) : b && R(c ? E ? D : C : F(d ?? !1));
+      }, w = a.isEnter;
+      typeof e != "boolean" && (e = !w), e ? w || (b(m ? o ? A : V : j), s || r.current.forEach((N, S) => S !== t && M(S, !1))) : w && b(c ? E ? D : C : F(d ?? !1));
     },
     [
       g,
@@ -67,14 +69,14 @@ const w = (l, s, m, c, o, E) => {
       c,
       o,
       E,
-      S,
       O,
+      R,
       d
     ]
   ), X = f(
     (t) => {
       if (!(!s && t !== !1))
-        for (const e of n.current.keys()) M(e, t);
+        for (const e of r.current.keys()) M(e, t);
     },
     [s, M]
   );
@@ -85,7 +87,7 @@ const w = (l, s, m, c, o, E) => {
         e.timerId && (clearTimeout(e.timerId), cancelAnimationFrame(e.timerId));
     };
   }, []), {
-    stateMap: v,
+    stateMap: x,
     toggle: M,
     toggleAll: X,
     endTransition: I,

package/dist/hooks/useVerifyMfaModal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@coinbase/cdp-core";
 import "../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { g as t, h as m, b as p } from "../chunks/CDPReactProvider.CIQm4C4z.js";
+import { g as t, h as m, b as p } from "../chunks/CDPReactProvider.C38bKQ2x.js";
 import "react";
 export {
   t as VerifyMfaModalProvider,