@coinbase/cdp-react 0.0.85 → 0.0.86

package/dist/components/EnrollMfa/index.js

@@ -1,57 +1,58 @@
-import { jsx as o, jsxs as a, Fragment as d } from "react/jsx-runtime";
-import { useIsInitialized as O, useCurrentUser as B, useInitiateMfaEnrollment as P, useSubmitMfaEnrollment as b, useRecordMfaEnrollmentPrompted as D } from "@coinbase/cdp-hooks";
-import { u as $ } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useMemo as k, useRef as p, useEffect as L, useCallback as E, useLayoutEffect as V } from "react";
-import { c as j } from "../../chunks/lite.1fxw3LjI.js";
-import { u as z } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import { isApiError as J } from "../../utils/isApiError.js";
+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 "libphonenumber-js";
-import { EnrollMfaDescription as R } from "./EnrollMfaDescription.js";
-import { EnrollMfaFlow as K } from "./EnrollMfaFlow.js";
-import { EnrollMfaFlowBackButton as q } from "./EnrollMfaFlowBackButton.js";
-import { EnrollMfaFlowProvider as G } from "./EnrollMfaFlowProvider.js";
-import { useEnrollMfaFlow as ge } from "./EnrollMfaFlowProvider.js";
-import { EnrollMfaFooter as X } from "./EnrollMfaFooter.js";
-import { EnrollMfaImage as Y } from "./EnrollMfaImage.js";
-import { EnrollMfaItem as Re } from "./EnrollMfaItem.js";
-import { EnrollMfaItems as Ce } from "./EnrollMfaItems.js";
-import { EnrollMfaProvider as Z, useEnrollMfaContext as C } from "./EnrollMfaProvider.js";
-import { EnrollMfaTitle as x } from "./EnrollMfaTitle.js";
-import { Banner as H } from "../ui/Banner/index.js";
-import '../../assets/EnrollMfa.css';const Q = "EnrollMfa-module__img___JmjV1", W = "EnrollMfa-module__centered___YxB8I", ee = "EnrollMfa-module__footer___Zro3u", l = {
+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 = {
   "mfa-enrollment": "EnrollMfa-module__mfa-enrollment___80xnL",
-  img: Q,
+  img: ee,
   "flex-container": "EnrollMfa-module__flex-container___9Dazs",
   "gap-2": "EnrollMfa-module__gap-2___BKEqR",
   "gap-3": "EnrollMfa-module__gap-3___JKVyF",
-  centered: W,
-  footer: ee
-}, te = 5 * 60 * 1e3, re = ({ role: c = "alert", ...i }) => {
-  const { state: s } = C(), { error: m } = s;
-  return m ? /* @__PURE__ */ o(H, { variant: "error", role: c, ...i, children: J(m) ? m.message : m }) : null;
-}, oe = ({
+  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
 }) => {
-  const { isInitialized: f } = O(), { currentUser: u } = B(), { state: e, dispatch: n, onEnrollSuccess: _ } = C(), { initiateMfaEnrollment: M } = P(), { submitMfaEnrollment: h } = b(), { recordMfaEnrollmentPrompted: I } = D(), { showCoinbaseFooter: U } = z(), N = p(!1);
-  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]), L(() => {
+  }, [I, f, u]), R(() => {
     if (!e.initiatedAt) return;
     const t = () => {
-      e.initiatedAt && Date.now() - e.initiatedAt >= te && n({ type: "ENROLLMENT_SESSION_EXPIRED" });
+      e.initiatedAt && Date.now() - e.initiatedAt >= oe && n({ type: "ENROLLMENT_SESSION_EXPIRED" });
     };
     t();
     const r = setInterval(t, 1e3);
     return () => clearInterval(r);
   }, [e.initiatedAt, n]);
-  const S = p(e.step), T = p(null), y = E((t) => {
+  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));
-  }, []), v = E(() => {
+  }, []), F = d(() => {
     n({ type: "GO_TO_PREVIOUS_STEP" });
-  }, [n]), F = E(
+  }, [n]), w = d(
     async (t) => {
       if (f) {
         n({ type: "INITIATE_ENROLLMENT", payload: { method: t } });
@@ -75,14 +76,14 @@ import '../../assets/EnrollMfa.css';const Q = "EnrollMfa-module__img___JmjV1", W
       }
     },
     [n, M, f]
-  ), w = E(
+  ), A = d(
     async (t) => {
       t.preventDefault(), n({ type: "SUBMIT_ENROLLMENT" });
       try {
         await h({
           mfaMethod: e.method,
           mfaCode: e.mfaCode
-        }), n({ type: "SUBMIT_ENROLLMENT_SUCCESS" }), _?.(), s && setTimeout(() => {
+        }), n({ type: "SUBMIT_ENROLLMENT_SUCCESS" }), _?.(), s && y(() => {
           n({ type: "SET_STEP", payload: { step: "list", flowDirection: "left" } });
         }, 800);
       } catch (r) {
@@ -94,41 +95,49 @@ import '../../assets/EnrollMfa.css';const Q = "EnrollMfa-module__img___JmjV1", W
         });
       }
     },
-    [n, e.method, e.mfaCode, h, _, s]
+    [
+      n,
+      e.method,
+      e.mfaCode,
+      h,
+      _,
+      s,
+      y
+    ]
   );
-  V(() => {
-    y(e.step);
-  }, [e.step, y]);
-  const g = typeof i == "function" ? i(e) : i;
+  j(() => {
+    g(e.step);
+  }, [e.step, g]);
+  const L = typeof i == "function" ? i(e) : i;
   return /* @__PURE__ */ o(
-    G,
+    Y,
     {
-      onBack: v,
-      onStartEnrollment: F,
-      onSubmit: w,
+      onBack: F,
+      onStartEnrollment: w,
+      onSubmit: A,
       transitionRef: T,
       children: /* @__PURE__ */ a("div", { className: `${l["mfa-enrollment"]} ${c}`, ...m, children: [
-        g,
-        !g && /* @__PURE__ */ a(d, { children: [
+        L,
+        !L && /* @__PURE__ */ a(E, { children: [
           /* @__PURE__ */ a(
             "div",
             {
-              className: j(
+              className: z(
                 l["flex-container"],
                 e.step === "list" ? l["gap-3"] : ""
               ),
               children: [
-                e.step === "list" ? /* @__PURE__ */ a(d, { children: [
+                e.step === "list" ? /* @__PURE__ */ a(E, { children: [
                   /* @__PURE__ */ a("div", { children: [
-                    /* @__PURE__ */ o(x, { step: "list", method: e.method }),
-                    /* @__PURE__ */ o(R, { step: "list", method: e.method })
+                    /* @__PURE__ */ o(C, { step: "list", method: e.method }),
+                    /* @__PURE__ */ o(x, { step: "list", method: e.method })
                   ] }),
-                  /* @__PURE__ */ o(re, {})
-                ] }) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(q, { step: e.step }) }),
-                /* @__PURE__ */ o(K, { children: ({ step: t, method: r, Content: A }) => /* @__PURE__ */ a("div", { className: `${l["flex-container"]} ${l["gap-2"]}`, children: [
-                  t !== "list" && /* @__PURE__ */ a(d, { children: [
+                  /* @__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(
-                      Y,
+                      H,
                       {
                         className: `${l.img} ${l.centered}`,
                         step: t,
@@ -136,36 +145,36 @@ import '../../assets/EnrollMfa.css';const Q = "EnrollMfa-module__img___JmjV1", W
                       }
                     ),
                     /* @__PURE__ */ a("div", { className: l.centered, children: [
-                      /* @__PURE__ */ o(x, { step: t, method: r }),
-                      /* @__PURE__ */ o(R, { step: t, method: r })
+                      /* @__PURE__ */ o(C, { step: t, method: r }),
+                      /* @__PURE__ */ o(x, { step: t, method: r })
                     ] })
                   ] }),
-                  A
+                  O
                 ] }) })
               ]
             }
           ),
-          U && /* @__PURE__ */ o(X, { className: l.footer })
+          v && /* @__PURE__ */ o(Z, { className: l.footer })
         ] })
       ] })
     }
   );
-}, Se = ({ onEnrollSuccess: c, ...i }) => {
-  $("enroll_mfa");
-  const s = k(() => ["totp"], []);
-  return /* @__PURE__ */ o(Z, { methods: s, onEnrollSuccess: c, children: /* @__PURE__ */ o(oe, { ...i }) });
+}, ge = ({ onEnrollSuccess: c, ...i }) => {
+  k("enroll_mfa");
+  const s = V(() => ["totp"], []);
+  return /* @__PURE__ */ o(Q, { methods: s, onEnrollSuccess: c, children: /* @__PURE__ */ o(le, { ...i }) });
 };
 export {
-  Se as EnrollMfa,
-  R as EnrollMfaDescription,
-  re as EnrollMfaError,
-  K as EnrollMfaFlow,
-  q as EnrollMfaFlowBackButton,
-  X as EnrollMfaFooter,
-  Y as EnrollMfaImage,
-  Re as EnrollMfaItem,
-  Ce as EnrollMfaItems,
-  x as EnrollMfaTitle,
-  C as useEnrollMfaContext,
-  ge as useEnrollMfaFlow
+  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
 };

package/dist/components/LinkAuth/index.js

@@ -1,93 +1,92 @@
-import { jsx as r, jsxs as h, Fragment as w } from "react/jsx-runtime";
-import { useLinkOAuth as C } from "@coinbase/cdp-hooks";
-import { u as I } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useRef as d, useState as N, useCallback as u } from "react";
+import { jsx as r, jsxs as h, Fragment as C } from "react/jsx-runtime";
+import { useLinkOAuth as I } from "@coinbase/cdp-hooks";
+import { u as N } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { useRef as d, useState as P, useCallback as a } from "react";
 import "../../chunks/CDPReactProvider.CIQm4C4z.js";
-import { useOauthStatusModal as P } from "../OAuthStatusModal/index.js";
-import { Banner as U } from "../ui/Banner/index.js";
-import { getMessageFromUnknownError as D } from "../../utils/getMessageFromUnknownError.js";
+import { useOauthStatusModal as U } from "../OAuthStatusModal/index.js";
+import { Banner as D } from "../ui/Banner/index.js";
+import { useTimeout as H } from "../../hooks/useTimeout.js";
+import { getMessageFromUnknownError as M } from "../../utils/getMessageFromUnknownError.js";
 import "libphonenumber-js";
-import { toOAuthProviderType as H } from "../../utils/toOAuthProviderType.js";
-import { L as M, a as v } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
-import { u as mt } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
-import { LinkAuthFlowBackButton as V } from "./LinkAuthFlowBackButton.js";
-import { LinkAuthItem as dt } from "./LinkAuthItem.js";
-import { LinkAuthItems as ft } from "./LinkAuthItems.js";
-import { useLinkAuthContext as y, LinkAuthProvider as j } from "./LinkAuthProvider.js";
-import { LinkAuthTitle as K } from "./LinkAuthTitle.js";
-import { methodToView as g } from "./utils.js";
-import '../../assets/LinkAuth.css';const W = "LinkAuth-module__header___0UuxP", $ = "LinkAuth-module__error___XUo4W", k = {
+import { toOAuthProviderType as v } from "../../utils/toOAuthProviderType.js";
+import { L as V, a as j } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { u as kt } from "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import { LinkAuthFlowBackButton as K } from "./LinkAuthFlowBackButton.js";
+import { LinkAuthItem as pt } from "./LinkAuthItem.js";
+import { LinkAuthItems as At } from "./LinkAuthItems.js";
+import { useLinkAuthContext as O, LinkAuthProvider as W } from "./LinkAuthProvider.js";
+import { LinkAuthTitle as $ } from "./LinkAuthTitle.js";
+import { methodToView as y } from "./utils.js";
+import '../../assets/LinkAuth.css';const b = "LinkAuth-module__header___0UuxP", G = "LinkAuth-module__error___XUo4W", k = {
   "link-auth": "LinkAuth-module__link-auth___kPJao",
-  header: W,
-  error: $
-}, b = ({ role: o = "alert", ...c }) => {
-  const { state: i } = y(), { error: s } = i;
-  return s ? /* @__PURE__ */ r(U, { variant: "error", role: o, ...c, children: s }) : null;
-}, G = ({ children: o, className: c = "", onLinkSuccess: i, ...s }) => {
-  const { linkOAuth: f } = C(), { persistOAuthState: p } = P(), { state: a, dispatch: n } = y(), { methodToLink: O } = a, L = d(null), l = d(null), x = g(O), A = d(x), [E, m] = N("left"), e = u(
+  header: b,
+  error: G
+}, J = ({ role: o = "alert", ...c }) => {
+  const { state: i } = O(), { error: s } = i;
+  return s ? /* @__PURE__ */ r(D, { variant: "error", role: o, ...c, children: s }) : null;
+}, X = ({ children: o, className: c = "", onLinkSuccess: i, ...s }) => {
+  const { linkOAuth: f } = I(), { persistOAuthState: p } = U(), { state: u, dispatch: n } = O(), { methodToLink: x } = u, L = d(null), l = d(null), { schedule: A } = H(), E = y(x), _ = d(E), [B, m] = P("left"), e = a(
     (t) => {
-      A.current !== t && (A.current = t, L.current?.transition.toggle(t), t === "list" && n({ type: "RESET_STATE" }), (t === "email" || t === "sms") && n({ type: "LINK_AUTH_METHOD", payload: { method: t } }));
+      _.current !== t && (_.current = t, L.current?.transition.toggle(t), t === "list" && n({ type: "RESET_STATE" }), (t === "email" || t === "sms") && n({ type: "LINK_AUTH_METHOD", payload: { method: t } }));
     },
     [n]
-  ), B = u(() => {
+  ), F = a(() => {
     if (m("right"), l.current?.canGoBack) {
       l.current.goBack();
       return;
     }
     e("list");
-  }, [e]), F = u(() => {
-    m("left"), i?.(a.methodToLink), setTimeout(() => {
-      e("list");
-    }, 800);
-  }, [e, a.methodToLink, i]), R = u(
+  }, [e]), R = a(() => {
+    m("left"), i?.(u.methodToLink), A(() => e("list"), 800);
+  }, [e, u.methodToLink, i, A]), S = a(
     async (t) => {
       if (m("left"), t?.startsWith("oauth:")) {
-        const T = H(t);
-        if (T)
+        const g = v(t);
+        if (g)
           try {
-            await f(T), p(!0);
-          } catch (S) {
+            await f(g), p(!0);
+          } catch (w) {
             n({
               type: "LINK_AUTH_METHOD_ERROR",
-              payload: { error: D(S) }
+              payload: { error: M(w) }
             });
           }
       } else
-        e(g(t));
+        e(y(t));
     },
     [f, e, p, n]
-  ), _ = typeof o == "function" ? o(a) : o;
+  ), T = typeof o == "function" ? o(u) : o;
   return /* @__PURE__ */ r("div", { className: `${k["link-auth"]} ${c}`, ...s, children: /* @__PURE__ */ h(
-    M,
+    V,
     {
-      direction: E,
-      onBack: B,
-      onLink: R,
-      onLinkSuccess: F,
+      direction: B,
+      onBack: F,
+      onLink: S,
+      onLinkSuccess: R,
       signInRef: l,
       transitionRef: L,
       children: [
-        _,
-        !_ && /* @__PURE__ */ h(w, { children: [
+        T,
+        !T && /* @__PURE__ */ h(C, { children: [
           /* @__PURE__ */ h("div", { className: k.header, children: [
-            /* @__PURE__ */ r(K, {}),
-            /* @__PURE__ */ r(V, {})
+            /* @__PURE__ */ r($, {}),
+            /* @__PURE__ */ r(K, {})
           ] }),
-          /* @__PURE__ */ r("div", { className: k.error, children: /* @__PURE__ */ r(b, {}) }),
-          /* @__PURE__ */ r(v, {})
+          /* @__PURE__ */ r("div", { className: k.error, children: /* @__PURE__ */ r(J, {}) }),
+          /* @__PURE__ */ r(j, {})
         ] })
       ]
     }
   ) });
-}, ut = (o) => (I("manage_auth"), /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(G, { ...o }) }));
+}, mt = (o) => (N("manage_auth"), /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(X, { ...o }) }));
 export {
-  ut as LinkAuth,
-  b as LinkAuthError,
-  v as LinkAuthFlow,
-  V as LinkAuthFlowBackButton,
-  dt as LinkAuthItem,
-  ft as LinkAuthItems,
-  K as LinkAuthTitle,
-  y as useLinkAuthContext,
-  mt as useLinkAuthFlow
+  mt as LinkAuth,
+  J as LinkAuthError,
+  j as LinkAuthFlow,
+  K as LinkAuthFlowBackButton,
+  pt as LinkAuthItem,
+  At as LinkAuthItems,
+  $ as LinkAuthTitle,
+  O as useLinkAuthContext,
+  kt as useLinkAuthFlow
 };

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,98 @@
-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 w = (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,
+    initialEntered: i,
     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(
+    unmountOnExit: d,
+    onStateChange: g
+  } = l, [v, T] = $(/* @__PURE__ */ new Map()), n = h(v), u = h(/* @__PURE__ */ new Map()), [S, O] = 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 || {}, r = a ? j : F(_ ?? !1);
+      w(t, r, T, n), u.current.set(t, {});
     },
-    [a, _]
-  ), X = u((t) => {
+    [i, _]
+  ), P = f((t) => {
     const e = new Map(n.current);
-    return e.delete(t) ? (g(e), n.current = e, T.current.delete(t), !0) : !1;
-  }, []), M = u(
+    return e.delete(t) ? (T(e), n.current = e, u.current.delete(t), !0) : !1;
+  }, []), I = f(
     (t) => {
       const e = n.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) ?? {}, r = B(e._s, d ?? !1);
+      r && w(t, r, T, n, a, g);
     },
-    [d, m]
-  ), N = u(
+    [g, d]
+  ), M = f(
     (t, e) => {
-      const i = n.current.get(t);
-      if (!i) {
+      const a = n.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 r = u.current.get(t), R = (N) => {
+        switch (w(t, N, T, n, r.timerId, g), N) {
           case V:
-            O >= 0 && (r.timerId = setTimeout(() => M(t), O));
+            S >= 0 && (r.timerId = setTimeout(() => I(t), S));
             break;
           case C:
+            O >= 0 && (r.timerId = setTimeout(() => I(t), O));
+            break;
+          case A:
           case D:
-            r.timerId = H(R, S);
+            r.timerId = J(R, N);
             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));
+      }, 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));
     },
     [
-      d,
-      M,
+      g,
+      I,
       s,
-      l,
+      m,
       c,
       o,
       E,
-      I,
+      S,
       O,
-      m
+      d
     ]
-  ), $ = u(
+  ), X = f(
     (t) => {
       if (!(!s && t !== !1))
-        for (const e of n.current.keys()) N(e, t);
+        for (const e of n.current.keys()) M(e, t);
     },
-    [s, N]
+    [s, M]
   );
-  return {
-    stateMap: x,
-    toggle: N,
-    toggleAll: $,
-    endTransition: M,
-    setItem: P,
-    deleteItem: X
+  return q(() => {
+    const t = u.current;
+    return () => {
+      for (const e of t.values())
+        e.timerId && (clearTimeout(e.timerId), cancelAnimationFrame(e.timerId));
+    };
+  }, []), {
+    stateMap: v,
+    toggle: M,
+    toggleAll: X,
+    endTransition: I,
+    setItem: G,
+    deleteItem: P
   };
 };
 export {
-  L as useTransitionMap
+  Q as useTransitionMap
 };

package/dist/version.d.ts

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

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.85",
+  "version": "0.0.86",
   "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.86",
+    "@coinbase/cdp-hooks": "^0.0.86"
   },
   "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.86",
+    "@coinbase/cdp-hooks": "^0.0.86"
   },
   "size-limit": [
     {