@coinbase/cdp-react 0.0.85 → 0.0.87

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/useTimeout.d.ts

@@ -0,0 +1,4 @@
+export declare const useTimeout: () => {
+    schedule: (callback: () => void, delay: number) => void;
+    cancel: () => void;
+};

package/dist/hooks/useTimeout.js

@@ -0,0 +1,16 @@
+import { useRef as o, useEffect as l, useCallback as r } from "react";
+const s = () => {
+  const e = o(null);
+  l(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []);
+  const t = r((c, n) => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(c, n);
+  }, []), u = r(() => {
+    e.current && (clearTimeout(e.current), e.current = null);
+  }, []);
+  return { schedule: t, cancel: u };
+};
+export {
+  s as useTimeout
+};

package/dist/hooks/useTransitionMap.js

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

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,

package/dist/index.js

@@ -2,11 +2,11 @@ import "./chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
 import "./version.js";
 import { AuthButton as a } from "./components/AuthButton/index.js";
-import { c as p, A as m, C as x, O as i, V as s, d as M, e as d, f as u, u as c, a as I, b as g } from "./chunks/CDPReactProvider.CIQm4C4z.js";
+import { c as l, A as p, C as x, O as i, V as s, d as M, e as d, f as u, u as c, a as I, b as g } from "./chunks/CDPReactProvider.C38bKQ2x.js";
 import { CopyAddress as C } from "./components/CopyAddress/index.js";
-import { CopyEvmKeyButton as S } from "./components/CopyEvmKeyButton/index.js";
-import { CopySolanaKeyButton as A } from "./components/CopySolanaKeyButton/index.js";
-import { EnrollMfa as y, EnrollMfaError as k } from "./components/EnrollMfa/index.js";
+import { CopyEvmKeyButton as T } from "./components/CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as S } from "./components/CopySolanaKeyButton/index.js";
+import { EnrollMfa as A, EnrollMfaError as k } from "./components/EnrollMfa/index.js";
 import { EnrollMfaModal as B, EnrollMfaModalContent as L, EnrollMfaModalTrigger as w } from "./components/EnrollMfaModal/index.js";
 import { ExportWallet as D, ExportWalletCopyAddress as b, ExportWalletCopyKeyButton as P, ExportWalletFooter as v, E as O, a as H, b as R, c as U, d as _, ExportWalletTitle as z, ExportWalletWarning as K } from "./components/ExportWallet/index.js";
 import { Fund as j, FundFooter as G } from "./components/Fund/index.js";
@@ -14,13 +14,13 @@ import { FundModal as q, FundModalContent as J, FundModalTrigger as Q } from "./
 import { LinkAuth as Z, LinkAuthError as $ } from "./components/LinkAuth/index.js";
 import { LinkAuthModal as ro, LinkAuthModalContent as eo, LinkAuthModalTrigger as to } from "./components/LinkAuthModal/index.js";
 import { SendEvmTransactionButton as fo } from "./components/SendEvmTransactionButton/index.js";
-import { SendSolanaTransactionButton as lo } from "./components/SendSolanaTransactionButton/index.js";
-import { SignIn as mo } from "./components/SignIn/index.js";
+import { SendSolanaTransactionButton as mo } from "./components/SendSolanaTransactionButton/index.js";
+import { SignIn as po } from "./components/SignIn/index.js";
 import { useSignInReducer as io } from "./components/SignIn/useSignInReducer.js";
 import { SignInModal as Mo, SignInModalContent as uo, SignInModalTrigger as co } from "./components/SignInModal/index.js";
 import { SignOutButton as go } from "./components/SignOutButton/index.js";
-import { ThemeProvider as Co, useTheme as To } from "./components/ThemeProvider/index.js";
-import { VerifyMfaInline as ho, VerifyMfaInlineBackButton as Ao, VerifyMfaInlineFlow as Fo, useVerifyMfaInlineContext as yo } from "./components/VerifyMfaInline/index.js";
+import { ThemeProvider as Co, useTheme as yo } from "./components/ThemeProvider/index.js";
+import { VerifyMfaInline as Fo, VerifyMfaInlineBackButton as So, VerifyMfaInlineFlow as ho, useVerifyMfaInlineContext as Ao } from "./components/VerifyMfaInline/index.js";
 import { Button as Vo } from "./components/ui/Button/index.js";
 import { Modal as Lo, ModalClose as wo, ModalContent as Wo, ModalDescription as Do, ModalTitle as bo, ModalTrigger as Po } from "./components/ui/Modal/index.js";
 import { cssVariables as Oo } from "./theme/cssVariables.js";
@@ -28,16 +28,16 @@ import { theme as Ro } from "./theme/theme.js";
 import { borderRadius as _o, borderRadiusComponents as zo, borderRadiusSemantic as Ko, colors as No, colorsBase as jo, colorsComponents as Go, colorsSemantic as Xo, font as qo, fontComponents as Jo, fontSemantic as Qo, tokens as Yo, zIndex as Zo, zIndexComponents as $o, zIndexSemantic as or } from "./theme/tokens.js";
 import { flattenTokensObject as er, themeToCssVariables as tr } from "./theme/utils.js";
 import { IconAppleLogo as fr } from "./icons/IconAppleLogo.js";
-import { IconArrowLeft as lr } from "./icons/IconArrowLeft.js";
-import { IconArrowsUpDown as mr } from "./icons/IconArrowsUpDown.js";
+import { IconArrowLeft as mr } from "./icons/IconArrowLeft.js";
+import { IconArrowsUpDown as pr } from "./icons/IconArrowsUpDown.js";
 import { IconCheck as ir } from "./icons/IconCheck.js";
 import { IconCheckCircle as Mr } from "./icons/IconCheckCircle.js";
 import { IconChevronDown as ur } from "./icons/IconChevronDown.js";
 import { IconCopy as Ir } from "./icons/IconCopy.js";
 import { IconEnvelope as Er } from "./icons/IconEnvelope.js";
-import { IconExclamationCircle as Tr } from "./icons/IconExclamationCircle.js";
-import { IconExclamationTriangle as hr } from "./icons/IconExclamationTriangle.js";
-import { IconGoogleLogo as Fr } from "./icons/IconGoogleLogo.js";
+import { IconExclamationCircle as yr } from "./icons/IconExclamationCircle.js";
+import { IconExclamationTriangle as Fr } from "./icons/IconExclamationTriangle.js";
+import { IconGoogleLogo as hr } from "./icons/IconGoogleLogo.js";
 import { IconLock as kr } from "./icons/IconLock.js";
 import { IconMinus as Br } from "./icons/IconMinus.js";
 import { IconPhone as wr } from "./icons/IconPhone.js";
@@ -56,17 +56,17 @@ import "@coinbase/cdp-core";
 import { EnrollMfaDescription as re } from "./components/EnrollMfa/EnrollMfaDescription.js";
 import { EnrollMfaFlow as te } from "./components/EnrollMfa/EnrollMfaFlow.js";
 import { EnrollMfaFlowBackButton as fe } from "./components/EnrollMfa/EnrollMfaFlowBackButton.js";
-import { EnrollMfaFooter as le } from "./components/EnrollMfa/EnrollMfaFooter.js";
-import { EnrollMfaImage as me } from "./components/EnrollMfa/EnrollMfaImage.js";
+import { EnrollMfaFooter as me } from "./components/EnrollMfa/EnrollMfaFooter.js";
+import { EnrollMfaImage as pe } from "./components/EnrollMfa/EnrollMfaImage.js";
 import { EnrollMfaItem as ie } from "./components/EnrollMfa/EnrollMfaItem.js";
 import { EnrollMfaItems as Me } from "./components/EnrollMfa/EnrollMfaItems.js";
 import { EnrollMfaTitle as ue } from "./components/EnrollMfa/EnrollMfaTitle.js";
 import { useEnrollMfaContext as Ie } from "./components/EnrollMfa/EnrollMfaProvider.js";
 import { useEnrollMfaFlow as Ee } from "./components/EnrollMfa/EnrollMfaFlowProvider.js";
-import { FundForm as Te } from "./components/Fund/FundForm.js";
-import { FundTitle as he } from "./components/Fund/FundTitle.js";
-import { useFundContext as Fe } from "./components/Fund/FundProvider.js";
-import { a as ke, u as Ve } from "./chunks/LinkAuthFlow.BaUSMzGH.js";
+import { FundForm as ye } from "./components/Fund/FundForm.js";
+import { FundTitle as Fe } from "./components/Fund/FundTitle.js";
+import { useFundContext as he } from "./components/Fund/FundProvider.js";
+import { a as ke, u as Ve } from "./chunks/LinkAuthFlow.CLubKoY0.js";
 import { LinkAuthFlowBackButton as Le } from "./components/LinkAuth/LinkAuthFlowBackButton.js";
 import { LinkAuthItem as We } from "./components/LinkAuth/LinkAuthItem.js";
 import { LinkAuthItems as be } from "./components/LinkAuth/LinkAuthItems.js";
@@ -81,27 +81,31 @@ import { SignInImage as Qe } from "./components/SignIn/SignInImage.js";
 import { SignInTitle as Ze } from "./components/SignIn/SignInTitle.js";
 import { useSignInContext as ot } from "./components/SignIn/SignInProvider.js";
 import { VerifyMfaDescription as et } from "./components/VerifyMfa/VerifyMfaDescription.js";
-import { VerifyMfaFooter as nt } from "./components/VerifyMfa/VerifyMfaFooter.js";
-import { VerifyMfaFlow as at } from "./components/VerifyMfa/VerifyMfaFlow.js";
-import { VerifyMfaImage as pt } from "./components/VerifyMfa/VerifyMfaImage.js";
-import { VerifyMfaTitle as xt } from "./components/VerifyMfa/VerifyMfaTitle.js";
-import { useVerifyMfaContext as st } from "./components/VerifyMfa/VerifyMfaProvider.js";
+import { VerifyMfaFlow as nt } from "./components/VerifyMfa/VerifyMfaFlow.js";
+import { VerifyMfaFlowBackButton as at } from "./components/VerifyMfa/VerifyMfaFlowBackButton.js";
+import { VerifyMfaFooter as lt } from "./components/VerifyMfa/VerifyMfaFooter.js";
+import { VerifyMfaImage as xt } from "./components/VerifyMfa/VerifyMfaImage.js";
+import { VerifyMfaItem as st } from "./components/VerifyMfa/VerifyMfaItem.js";
+import { VerifyMfaItems as dt } from "./components/VerifyMfa/VerifyMfaItems.js";
+import { VerifyMfaTitle as ct } from "./components/VerifyMfa/VerifyMfaTitle.js";
+import { useVerifyMfaContext as gt } from "./components/VerifyMfa/VerifyMfaProvider.js";
+import { useVerifyMfaFlow as Ct } from "./components/VerifyMfa/VerifyMfaFlowProvider.js";
 export {
-  p as ALL_AUTH_METHODS,
-  m as AUTH_METHODS,
+  l as ALL_AUTH_METHODS,
+  p as AUTH_METHODS,
   a as AuthButton,
   Vo as Button,
   x as CDPReactProvider,
   C as CopyAddress,
-  S as CopyEvmKeyButton,
-  A as CopySolanaKeyButton,
-  y as EnrollMfa,
+  T as CopyEvmKeyButton,
+  S as CopySolanaKeyButton,
+  A as EnrollMfa,
   re as EnrollMfaDescription,
   k as EnrollMfaError,
   te as EnrollMfaFlow,
   fe as EnrollMfaFlowBackButton,
-  le as EnrollMfaFooter,
-  me as EnrollMfaImage,
+  me as EnrollMfaFooter,
+  pe as EnrollMfaImage,
   ie as EnrollMfaItem,
   Me as EnrollMfaItems,
   B as EnrollMfaModal,
@@ -121,22 +125,22 @@ export {
   K as ExportWalletWarning,
   j as Fund,
   G as FundFooter,
-  Te as FundForm,
+  ye as FundForm,
   q as FundModal,
   J as FundModalContent,
   Q as FundModalTrigger,
-  he as FundTitle,
+  Fe as FundTitle,
   fr as IconAppleLogo,
-  lr as IconArrowLeft,
-  mr as IconArrowsUpDown,
+  mr as IconArrowLeft,
+  pr as IconArrowsUpDown,
   ir as IconCheck,
   Mr as IconCheckCircle,
   ur as IconChevronDown,
   Ir as IconCopy,
   Er as IconEnvelope,
-  Tr as IconExclamationCircle,
-  hr as IconExclamationTriangle,
-  Fr as IconGoogleLogo,
+  yr as IconExclamationCircle,
+  Fr as IconExclamationTriangle,
+  hr as IconGoogleLogo,
   kr as IconLock,
   Br as IconMinus,
   wr as IconPhone,
@@ -163,8 +167,8 @@ export {
   Po as ModalTrigger,
   i as OAUTH_METHODS,
   fo as SendEvmTransactionButton,
-  lo as SendSolanaTransactionButton,
-  mo as SignIn,
+  mo as SendSolanaTransactionButton,
+  po as SignIn,
   Ue as SignInAuthMethodButtons,
   ze as SignInBackButton,
   Ne as SignInDescription,
@@ -179,16 +183,19 @@ export {
   Co as ThemeProvider,
   s as VerifyMfa,
   et as VerifyMfaDescription,
-  at as VerifyMfaFlow,
-  nt as VerifyMfaFooter,
-  pt as VerifyMfaImage,
-  ho as VerifyMfaInline,
-  Ao as VerifyMfaInlineBackButton,
-  Fo as VerifyMfaInlineFlow,
+  nt as VerifyMfaFlow,
+  at as VerifyMfaFlowBackButton,
+  lt as VerifyMfaFooter,
+  xt as VerifyMfaImage,
+  Fo as VerifyMfaInline,
+  So as VerifyMfaInlineBackButton,
+  ho as VerifyMfaInlineFlow,
+  st as VerifyMfaItem,
+  dt as VerifyMfaItems,
   M as VerifyMfaModal,
   d as VerifyMfaModalContent,
   u as VerifyMfaModalTrigger,
-  xt as VerifyMfaTitle,
+  ct as VerifyMfaTitle,
   _o as borderRadius,
   zo as borderRadiusComponents,
   Ko as borderRadiusSemantic,
@@ -213,15 +220,16 @@ export {
   c as useAppConfig,
   Ie as useEnrollMfaContext,
   Ee as useEnrollMfaFlow,
-  Fe as useFundContext,
+  he as useFundContext,
   He as useLinkAuthContext,
   Ve as useLinkAuthFlow,
   I as useProviderName,
   ot as useSignInContext,
   io as useSignInReducer,
-  To as useTheme,
-  st as useVerifyMfaContext,
-  yo as useVerifyMfaInlineContext,
+  yo as useTheme,
+  gt as useVerifyMfaContext,
+  Ct as useVerifyMfaFlow,
+  Ao as useVerifyMfaInlineContext,
   g as useVerifyMfaModal,
   Zo as zIndex,
   $o as zIndexComponents,

package/dist/utils/transition.d.ts

@@ -21,10 +21,10 @@ export declare const getState: (status: number) => {
     isMounted: boolean;
     isResolved: boolean;
 };
-export declare const startOrEnd: (unmounted: boolean) => 6 | 5;
-export declare const getEndStatus: (status: number, unmountOnExit: boolean) => 6 | 2 | 5 | undefined;
+export declare const startOrEnd: (unmounted: boolean) => 5 | 6;
+export declare const getEndStatus: (status: number, unmountOnExit: boolean) => 2 | 5 | 6 | undefined;
 export declare const getTimeout: (timeout: number | {
     enter: number;
     exit: number;
 }) => number[];
-export declare const nextTick: (transitState: (status: number) => void, status: number) => number;
+export declare const nextTick: (transitState: (status: number) => void, status: number, onTimerScheduled?: (id: number) => void) => number;

package/dist/utils/transition.js

@@ -1,4 +1,4 @@
-const T = 0, c = 1, s = 2, o = 3, r = 4, N = 5, I = 6, n = [
+const s = 0, o = 1, r = 2, N = 3, I = 4, i = 5, R = 6, T = [
   "preEnter",
   "entering",
   "entered",
@@ -6,38 +6,39 @@ const T = 0, c = 1, s = 2, o = 3, r = 4, N = 5, I = 6, n = [
   "exiting",
   "exited",
   "unmounted"
-], R = (E) => ({
+], d = (E) => ({
   _s: E,
-  status: n[E],
+  status: T[E],
   isEnter: E < 3,
   isMounted: E !== 6,
   isResolved: E === 2 || E > 4
-}), t = (E) => E ? 6 : 5, i = (E, e) => {
+}), c = (E) => E ? 6 : 5, D = (E, e) => {
   switch (E) {
     case 1:
     case 0:
       return 2;
     case 4:
     case 3:
-      return t(e);
+      return c(e);
   }
-}, D = (E) => typeof E == "object" ? [E.enter, E.exit] : [E, E], X = (E, e) => requestAnimationFrame(() => {
-  requestAnimationFrame(() => {
+}, X = (E) => typeof E == "object" ? [E.enter, E.exit] : [E, E], a = (E, e, n) => requestAnimationFrame(() => {
+  const t = requestAnimationFrame(() => {
     E(e + 1);
   });
+  n?.(t);
 });
 export {
-  s as ENTERED,
-  c as ENTERING,
-  N as EXITED,
-  r as EXITING,
-  T as PRE_ENTER,
-  o as PRE_EXIT,
-  n as STATUS,
-  I as UNMOUNTED,
-  i as getEndStatus,
-  R as getState,
-  D as getTimeout,
-  X as nextTick,
-  t as startOrEnd
+  r as ENTERED,
+  o as ENTERING,
+  i as EXITED,
+  I as EXITING,
+  s as PRE_ENTER,
+  N as PRE_EXIT,
+  T as STATUS,
+  R as UNMOUNTED,
+  D as getEndStatus,
+  d as getState,
+  X as getTimeout,
+  a as nextTick,
+  c as startOrEnd
 };

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.0.85";
+export declare const VERSION = "0.0.87";

package/dist/version.js

@@ -1,4 +1,4 @@
-const o = "0.0.85";
+const o = "0.0.87";
 export {
   o as VERSION
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.85",
+  "version": "0.0.87",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -16,8 +16,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-core": "^0.0.85",
-    "@coinbase/cdp-hooks": "^0.0.85"
+    "@coinbase/cdp-core": "^0.0.87",
+    "@coinbase/cdp-hooks": "^0.0.87"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -49,8 +49,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.85",
-    "@coinbase/cdp-hooks": "^0.0.85"
+    "@coinbase/cdp-core": "^0.0.87",
+    "@coinbase/cdp-hooks": "^0.0.87"
   },
   "size-limit": [
     {
@@ -58,7 +58,7 @@
       "path": "./dist/index.js",
       "import": "*",
       "running": false,
-      "limit": "132 KB"
+      "limit": "140 KB"
     },
     {
       "name": "single-component",