@coinbase/cdp-react 0.0.78 → 0.0.80

package/dist/components/ui/QRCode/useMatrix.js

@@ -0,0 +1,17 @@
+import p from "qrcode";
+import { useMemo as s } from "react";
+function h(r, e) {
+  return s(() => {
+    const u = Array.prototype.slice.call(
+      p.create(r, { errorCorrectionLevel: e }).modules.data,
+      0
+    ), n = Math.sqrt(u.length);
+    return u.reduce(
+      (t, a, o) => (o % n === 0 ? t.push([a]) : t[t.length - 1].push(a)) && t,
+      []
+    );
+  }, [e, r]);
+}
+export {
+  h as useMatrix
+};

package/dist/components/ui/ToggleListItem/index.d.ts

@@ -0,0 +1,15 @@
+import { MouseEventHandler, ReactNode } from 'react';
+interface ToggleListItemProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    isActive?: boolean;
+    isPending?: boolean;
+    isDisabled?: boolean;
+    onActivate?: MouseEventHandler<HTMLButtonElement>;
+    onDeactivate?: MouseEventHandler<HTMLButtonElement>;
+    activateAriaLabel?: string;
+    deactivateAriaLabel?: string;
+    size?: "md" | "sm";
+}
+export declare const ToggleListItem: ({ icon, label, isActive, isPending, isDisabled, onActivate, onDeactivate, activateAriaLabel, deactivateAriaLabel, size, }: ToggleListItemProps) => import("react/jsx-runtime").JSX.Element;
+export type { ToggleListItemProps };

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

@@ -0,0 +1,52 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import "react";
+import { Button as s } from "../Button/index.js";
+import { IconMinus as g } from "../../../icons/IconMinus.js";
+import { IconPlus as f } from "../../../icons/IconPlus.js";
+import '../../../assets/ToggleListItem.css';const h = "ToggleListItem-module__item___MoMVD", v = "ToggleListItem-module__button___MEFkz", e = {
+  item: h,
+  "item-icon": "ToggleListItem-module__item-icon___-fk9h",
+  "item-text": "ToggleListItem-module__item-text___nFMfG",
+  "item-action": "ToggleListItem-module__item-action___G48jL",
+  button: v
+}, N = ({
+  icon: o,
+  label: i,
+  isActive: l = !1,
+  isPending: m = !1,
+  isDisabled: a = !1,
+  onActivate: n,
+  onDeactivate: r,
+  activateAriaLabel: c,
+  deactivateAriaLabel: _,
+  size: d = "md"
+}) => /* @__PURE__ */ u("div", { className: e.item, "data-size": d, children: [
+  o && /* @__PURE__ */ t("div", { className: e["item-icon"], children: o }),
+  /* @__PURE__ */ t("div", { className: e["item-text"], children: i }),
+  /* @__PURE__ */ t("div", { className: e["item-action"], children: l ? /* @__PURE__ */ t(
+    s,
+    {
+      variant: "secondary",
+      className: e.button,
+      isPending: m,
+      disabled: a,
+      onClick: r,
+      "aria-label": _ ?? `Deactivate ${i}`,
+      children: /* @__PURE__ */ t(g, { "aria-hidden": "true" })
+    }
+  ) : /* @__PURE__ */ t(
+    s,
+    {
+      variant: "primary",
+      className: e.button,
+      isPending: m,
+      disabled: a,
+      onClick: n,
+      "aria-label": c ?? `Activate ${i}`,
+      children: /* @__PURE__ */ t(f, { "aria-hidden": "true" })
+    }
+  ) })
+] });
+export {
+  N as ToggleListItem
+};

package/dist/hooks/useKeyExportPostMessage.js

@@ -1,82 +1,94 @@
-import { buildKeyExportIframeUrl as K, getAccessToken as P, getAccessTokenExpiration as L, SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE as n, isSecureIframeKeyExportMessage as C } from "@coinbase/cdp-core";
-import { useCurrentUser as N } from "@coinbase/cdp-hooks";
-import { useState as w, useRef as Y, useMemo as F, useCallback as A, useEffect as _ } from "react";
+import { buildKeyExportIframeUrl as P, getAccessTokenExpiration as q, SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE as c, getAccessToken as L, isSecureIframeKeyExportMessage as h } from "@coinbase/cdp-core";
+import { useCurrentUser as C } from "@coinbase/cdp-hooks";
+import { useState as w, useRef as N, useMemo as Y, useCallback as A, useEffect as _ } from "react";
 import "libphonenumber-js";
-import { sendIframeMessage as x } from "../utils/sendIframeMessage.js";
-const k = "https://secure-wallet.cdp.coinbase.com", G = (o, s) => {
-  x(o, s);
+import { sendIframeMessage as I } from "../utils/sendIframeMessage.js";
+const x = "https://secure-wallet.cdp.coinbase.com";
+let i = null;
+const v = async () => (i || (i = L({ forceRefresh: !0 }).finally(() => {
+  i = null;
+})), i), F = (o, t) => {
+  I(o, t);
 }, O = ({
   address: o,
-  basePath: s = k,
-  copiedLabel: E,
-  icon: d,
-  iframeRef: t,
+  basePath: t = x,
+  copiedLabel: l,
+  icon: y,
+  iframeRef: s,
   label: p,
-  onStatusUpdate: g,
-  projectId: y,
-  theme: a,
+  onStatusUpdate: a,
+  projectId: d,
+  theme: n,
   type: T
 }) => {
-  const { currentUser: c } = N(), [I, M] = w(!0), [i, R] = w(!1), l = Y(!1), S = F(() => K({
-    projectId: y,
+  const { currentUser: u } = C(), [M, R] = w(!0), [E, K] = w(!1), f = N(!1), S = Y(() => P({
+    projectId: d,
     label: p,
-    copiedLabel: E,
-    icon: d,
-    basePath: s
-  }), [y, p, E, d, s]), f = A(async () => {
-    if (!c || !t.current) return;
-    const r = await P({ forceRefresh: !0 }), e = await L();
-    G(t.current, {
-      type: n.GET_PRIVATE_KEY,
-      payload: {
-        address: o,
-        type: T,
-        authState: {
-          accessToken: r || "",
-          expiresAt: e || 0,
-          user: c
-        },
-        theme: a
+    copiedLabel: l,
+    icon: y,
+    basePath: t
+  }), [d, p, l, y, t]), k = A(async () => {
+    if (!(!u || !s.current))
+      try {
+        const e = await v(), r = await q();
+        F(s.current, {
+          type: c.GET_PRIVATE_KEY,
+          payload: {
+            address: o,
+            type: T,
+            authState: {
+              accessToken: e || "",
+              expiresAt: r || 0,
+              user: u
+            },
+            theme: n
+          }
+        });
+      } catch (e) {
+        console.error("Error requesting private key:", e), a?.(
+          "error",
+          e instanceof Error ? "Error requesting private key: " + e.message : "Error requesting private key"
+        );
       }
-    });
-  }, [c, o, T, a, t]), m = A(
-    (r, e) => {
-      g?.(r, e), M(!1);
+  }, [u, o, T, n, s, a]), m = A(
+    (e, r) => {
+      a?.(e, r), R(!1);
     },
-    [g]
+    [a]
   );
   return _(() => {
-    const r = l.current;
-    l.current = i, r && i && a && x(t.current, {
-      type: n.THEME,
+    const e = f.current;
+    f.current = E, e && E && n && I(s.current, {
+      type: c.THEME,
       payload: {
-        theme: a
+        theme: n
       }
     });
-  }, [a, i, t]), _(() => {
-    const r = (e) => {
-      let u = "";
+  }, [n, E, s]), _(() => {
+    const e = (r) => {
+      if (r.source !== s.current?.contentWindow) return;
+      let g = "";
       try {
-        u = new URL(s || k).origin;
+        g = new URL(t || x).origin;
       } catch (U) {
         console.error("Error parsing iframe origin", U);
       }
-      if (!(!u || e.origin !== u) && C(e.data))
-        switch (e.data?.type) {
-          case n.LISTENING:
-            R(!0), f();
+      if (!(!g || r.origin !== g) && h(r.data))
+        switch (r.data?.type) {
+          case c.LISTENING:
+            K(!0), k();
             break;
-          case n.STATUS:
-            m(e.data.payload.status, e.data.payload.message);
+          case c.STATUS:
+            m(r.data.payload.status, r.data.payload.message);
             break;
         }
     };
-    return window.addEventListener("message", r), () => {
-      window.removeEventListener("message", r);
+    return window.addEventListener("message", e), () => {
+      window.removeEventListener("message", e);
     };
-  }, [f, m, s]), { iframeUrl: S, isPending: I };
+  }, [k, m, t, s]), { iframeUrl: S, isPending: M };
 };
 export {
-  G as sendKeyExportMessage,
+  F as sendKeyExportMessage,
   O as useKeyExportPostMessage
 };

package/dist/hooks/useVerifyMfaModal.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, RefObject } from 'react';
+import { VerifyMfaModalProps } from '../components/VerifyMfaModal';
+export interface UseVerifyMfaModalOptions extends Pick<VerifyMfaModalProps, "onCancel" | "onError" | "onSuccess"> {
+    closeOnSuccessDelay?: number | null;
+}
+export interface UseVerifyMfaModalReturn {
+    open: () => boolean;
+    close: () => void;
+}
+interface VerifyMfaModalContextValue {
+    register: (id: string, optionsRef: RefObject<UseVerifyMfaModalOptions>) => void;
+    unregister: (id: string) => void;
+    open: (id: string) => boolean;
+    close: () => void;
+}
+interface MfaVerificationProviderProps {
+    children: ReactNode;
+}
+export declare const VerifyMfaModalProvider: ({ children }: MfaVerificationProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useVerifyMfaModal: (options?: UseVerifyMfaModalOptions) => UseVerifyMfaModalReturn;
+export declare const useMfaVerification: () => VerifyMfaModalContextValue;
+export {};

package/dist/hooks/useVerifyMfaModal.js

@@ -0,0 +1,10 @@
+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 "react";
+export {
+  t as VerifyMfaModalProvider,
+  m as useMfaVerification,
+  p as useVerifyMfaModal
+};

package/dist/icons/IconCoinbaseWordmark.js

@@ -1,16 +1,13 @@
-import { jsxs as r, jsx as C } from "react/jsx-runtime";
+import { jsx as C } from "react/jsx-runtime";
 import "react";
-import { SvgIcon as H } from "./SvgIcon.js";
-const o = (i) => /* @__PURE__ */ r(H, { width: "67", height: "13", viewBox: "0 0 67 13", fill: "none", ...i, children: [
-  /* @__PURE__ */ C("g", { clipPath: "url(#clip0_7507_87)", children: /* @__PURE__ */ C(
-    "path",
-    {
-      d: "M13.5224 3.8526C11.0884 3.8526 9.18662 5.70351 9.18662 8.18134C9.18662 10.6592 11.0404 12.4942 13.5224 12.4942C16.0044 12.4942 17.8903 10.6275 17.8903 8.1655C17.8903 5.71935 16.0366 3.8526 13.5224 3.8526ZM13.5388 10.7085C12.1527 10.7085 11.1371 9.63014 11.1371 8.18195C11.1371 6.71731 12.1363 5.63954 13.5224 5.63954C14.9248 5.63954 15.9399 6.73376 15.9399 8.18195C15.9399 9.63014 14.9248 10.7085 13.5388 10.7085ZM18.4219 5.7358H19.631V12.334H21.565V4.01344H18.4219V5.7358ZM4.31932 5.63893C5.33499 5.63893 6.14083 6.26646 6.44675 7.19983H8.4939C8.12291 5.20453 6.47899 3.8526 4.33574 3.8526C1.90179 3.8526 0 5.70351 0 8.18195C0 10.6604 1.85375 12.4948 4.33574 12.4948C6.43094 12.4948 8.10709 11.1429 8.47809 9.13116H6.44675C6.15665 10.0645 5.3508 10.7085 4.33514 10.7085C2.93266 10.7085 1.94984 9.63014 1.94984 8.18195C1.95045 6.71731 2.91746 5.63893 4.31932 5.63893ZM55.1696 7.37713L53.7513 7.16815C53.0744 7.07189 52.5909 6.84647 52.5909 6.3152C52.5909 5.7358 53.2198 5.44641 54.0736 5.44641C55.0084 5.44641 55.6051 5.84851 55.734 6.50833H57.6035C57.3937 4.83472 56.1044 3.85321 54.1223 3.85321C52.0752 3.85321 50.7213 4.8993 50.7213 6.37978C50.7213 7.79568 51.6081 8.61695 53.3967 8.87406L54.815 9.08303C55.5084 9.17929 55.8952 9.45346 55.8952 9.96828C55.8952 10.6281 55.2182 10.9016 54.2835 10.9016C53.1389 10.9016 52.4942 10.435 52.3975 9.72701H50.4957C50.6733 11.3525 51.9462 12.4948 54.2671 12.4948C56.3787 12.4948 57.7805 11.5292 57.7805 9.8714C57.7805 8.39092 56.7655 7.61839 55.1696 7.37713ZM20.598 0.585792C19.8888 0.585792 19.3567 1.10061 19.3567 1.80856C19.3567 2.51651 19.8882 3.03133 20.598 3.03133C21.3071 3.03133 21.8393 2.51651 21.8393 1.80856C21.8393 1.10061 21.3071 0.585792 20.598 0.585792ZM48.9807 6.86231C48.9807 5.06014 47.8848 3.85321 45.5639 3.85321C43.372 3.85321 42.1472 4.96388 41.9051 6.66978H43.8233C43.92 6.00996 44.4358 5.46286 45.5317 5.46286C46.5151 5.46286 46.9986 5.89725 46.9986 6.42852C46.9986 7.12063 46.1119 7.29731 45.016 7.41003C43.5332 7.57087 41.6959 8.08569 41.6959 10.017C41.6959 11.5139 42.8083 12.479 44.5811 12.479C45.9672 12.479 46.8375 11.8996 47.2729 10.9821C47.3374 11.8027 47.9498 12.334 48.8043 12.334H49.9325V10.6123H48.9813V6.86231H48.9807ZM47.0789 8.95448C47.0789 10.0651 46.1119 10.8858 44.9351 10.8858C44.2095 10.8858 43.5971 10.58 43.5971 9.93659C43.5971 9.11593 44.5805 8.89051 45.483 8.79425C46.3534 8.71383 46.8369 8.52069 47.0789 8.15027V8.95448ZM36.8122 3.8526C35.732 3.8526 34.8295 4.30345 34.1848 5.05953V0.505371H32.2508V12.334H34.1526V11.2398C34.7973 12.0282 35.7162 12.4948 36.8122 12.4948C39.133 12.4948 40.89 10.6604 40.89 8.18195C40.89 5.70351 39.1008 3.8526 36.8122 3.8526ZM36.5221 10.7085C35.136 10.7085 34.1203 9.63014 34.1203 8.18195C34.1203 6.73376 35.1518 5.63954 36.5379 5.63954C37.9403 5.63954 38.9232 6.71792 38.9232 8.18195C38.9232 9.63014 37.9081 10.7085 36.5221 10.7085ZM27.6249 3.8526C26.3678 3.8526 25.5456 4.36742 25.062 5.09182V4.01344H23.1438V12.3334H25.0779V7.81152C25.0779 6.54001 25.8837 5.63893 27.0764 5.63893C28.1887 5.63893 28.8814 6.4273 28.8814 7.57026V12.334H30.8155V7.42587C30.8161 5.33308 29.7366 3.8526 27.6249 3.8526ZM67 7.90839C67 5.52683 65.2594 3.85321 62.9221 3.85321C60.4401 3.85321 58.6186 5.71996 58.6186 8.18195C58.6186 10.7731 60.5691 12.4948 62.9544 12.4948C64.9693 12.4948 66.5487 11.3038 66.9513 9.6143H64.9364C64.6463 10.3545 63.9372 10.7731 62.986 10.7731C61.7447 10.7731 60.8099 10.0006 60.6007 8.64863H66.9994V7.90839H67ZM60.7138 7.26441C61.0203 6.10562 61.8906 5.54267 62.8899 5.54267C63.9858 5.54267 64.8239 6.1702 65.0173 7.26441H60.7138Z",
-      fill: "currentColor"
-    }
-  ) }),
-  /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_7507_87", children: /* @__PURE__ */ C("rect", { width: "67", height: "11.9895", fill: "white", transform: "translate(0 0.505371)" }) }) })
-] });
+import { SvgIcon as o } from "./SvgIcon.js";
+const Z = (H) => /* @__PURE__ */ C(o, { width: "65", height: "12", viewBox: "0 0 65 12", fill: "none", ...H, children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M13.1187 3.24731C10.7574 3.24731 8.91239 5.04297 8.91239 7.44683C8.91239 9.8507 10.7108 11.631 13.1187 11.631C15.5266 11.631 17.3563 9.81996 17.3563 7.43147C17.3563 5.05834 15.5579 3.24731 13.1187 3.24731ZM13.1346 9.89857C11.79 9.89857 10.8046 8.85239 10.8046 7.44742C10.8046 6.0265 11.774 4.98091 13.1187 4.98091C14.4793 4.98091 15.4641 6.04246 15.4641 7.44742C15.4641 8.85239 14.4793 9.89857 13.1346 9.89857ZM17.872 5.0743H19.045V11.4755H20.9213V3.40336H17.872V5.0743ZM4.19039 4.98032C5.17574 4.98032 5.95753 5.58912 6.25431 6.49463H8.24035C7.88043 4.55889 6.28558 3.24731 4.20632 3.24731C1.84502 3.24731 0 5.04297 0 7.44742C0 9.85188 1.79841 11.6316 4.20632 11.6316C6.23897 11.6316 7.86509 10.32 8.22501 8.3683H6.25431C5.97287 9.27382 5.19108 9.89857 4.20573 9.89857C2.84512 9.89857 1.89163 8.85239 1.89163 7.44742C1.89222 6.0265 2.83037 4.98032 4.19039 4.98032ZM53.5227 6.66663L52.1468 6.46389C51.4901 6.3705 51.021 6.15181 51.021 5.6364C51.021 5.0743 51.6311 4.79354 52.4595 4.79354C53.3664 4.79354 53.9452 5.18364 54.0703 5.82377H55.884C55.6805 4.20011 54.4296 3.2479 52.5067 3.2479C50.5207 3.2479 49.2073 4.26276 49.2073 5.69905C49.2073 7.07269 50.0675 7.86945 51.8028 8.11888L53.1788 8.32161C53.8514 8.415 54.2266 8.68098 54.2266 9.18043C54.2266 9.82055 53.5699 10.0859 52.6631 10.0859C51.5526 10.0859 50.9272 9.63319 50.8334 8.94637H48.9884C49.1607 10.5233 50.3956 11.6316 52.6471 11.6316C54.6957 11.6316 56.0557 10.6947 56.0557 9.08645C56.0557 7.65016 55.071 6.90069 53.5227 6.66663ZM19.9831 0.0780206C19.2951 0.0780206 18.7789 0.577471 18.7789 1.26429C18.7789 1.95111 19.2945 2.45056 19.9831 2.45056C20.6711 2.45056 21.1874 1.95111 21.1874 1.26429C21.1874 0.577471 20.6711 0.0780206 19.9831 0.0780206ZM47.5186 6.16718C47.5186 4.41881 46.4554 3.2479 44.2038 3.2479C42.0774 3.2479 40.889 4.32542 40.6542 5.9804H42.5152C42.609 5.34028 43.1093 4.8095 44.1726 4.8095C45.1266 4.8095 45.5957 5.23093 45.5957 5.74634C45.5957 6.41779 44.7354 6.5892 43.6722 6.69855C42.2337 6.85459 40.4512 7.35404 40.4512 9.22771C40.4512 10.68 41.5304 11.6162 43.2503 11.6162C44.595 11.6162 45.4393 11.0541 45.8618 10.164C45.9243 10.9601 46.5185 11.4755 47.3475 11.4755H48.442V9.80519H47.5192V6.16718H47.5186ZM45.6736 8.19689C45.6736 9.27441 44.7354 10.0706 43.5937 10.0706C42.8898 10.0706 42.2957 9.77386 42.2957 9.14969C42.2957 8.35353 43.2497 8.13483 44.1253 8.04145C44.9697 7.96343 45.4388 7.77606 45.6736 7.41669V8.19689ZM35.7133 3.24731C34.6654 3.24731 33.7898 3.6847 33.1644 4.41821V0H31.2881V11.4755H33.1331V10.414C33.7585 11.1788 34.6501 11.6316 35.7133 11.6316C37.9649 11.6316 39.6694 9.85188 39.6694 7.44742C39.6694 5.04297 37.9336 3.24731 35.7133 3.24731ZM35.4319 9.89857C34.0872 9.89857 33.1018 8.85239 33.1018 7.44742C33.1018 6.04246 34.1025 4.98091 35.4472 4.98091C36.8078 4.98091 37.7613 6.02709 37.7613 7.44742C37.7613 8.85239 36.7765 9.89857 35.4319 9.89857ZM26.8003 3.24731C25.5807 3.24731 24.783 3.74676 24.3139 4.44954V3.40336H22.453V11.4749H24.3293V7.08806C24.3293 5.8545 25.1111 4.98032 26.2681 4.98032C27.3473 4.98032 28.0193 5.74516 28.0193 6.85399V11.4755H29.8956V6.71391C29.8962 4.6836 28.8489 3.24731 26.8003 3.24731ZM65 7.18204C65 4.87156 63.3113 3.2479 61.0438 3.2479C58.6359 3.2479 56.8688 5.05893 56.8688 7.44742C56.8688 9.96123 58.761 11.6316 61.0751 11.6316C63.0299 11.6316 64.5622 10.476 64.9528 8.83702H62.998C62.7166 9.55516 62.0286 9.96123 61.1058 9.96123C59.9016 9.96123 58.9947 9.21176 58.7917 7.90018H64.9994V7.18204H65ZM58.9015 6.55728C59.1988 5.43307 60.0432 4.88693 61.0126 4.88693C62.0758 4.88693 62.8889 5.49573 63.0765 6.55728H58.9015Z",
+    fill: "currentColor"
+  }
+) });
 export {
-  o as IconCoinbaseWordmark
+  Z as IconCoinbaseWordmark
 };

package/dist/icons/IconPinCode.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconPinCode: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconPinCode.js

@@ -0,0 +1,13 @@
+import { jsxs as o, jsx as C } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as r } from "./SvgIcon.js";
+const i = (t) => /* @__PURE__ */ o(r, { width: "20", height: "20", viewBox: "0 0 16 16", fill: "currentColor", ...t, children: [
+  /* @__PURE__ */ C("path", { d: "M2.82585 7.66341C4.02246 7.66341 4.99251 6.69336 4.99251 5.49674C4.99251 4.30013 4.02246 3.33008 2.82585 3.33008C1.62923 3.33008 0.65918 4.30013 0.65918 5.49674C0.65918 6.69336 1.62923 7.66341 2.82585 7.66341ZM2.82585 6.33008C2.36561 6.33008 1.99251 5.95698 1.99251 5.49674C1.99251 5.03651 2.36561 4.66341 2.82585 4.66341C3.28608 4.66341 3.65918 5.03651 3.65918 5.49674C3.65918 5.95698 3.28608 6.33008 2.82585 6.33008Z" }),
+  /* @__PURE__ */ C("path", { d: "M13.1592 7.66341C14.3558 7.66341 15.3258 6.69336 15.3258 5.49674C15.3258 4.30013 14.3558 3.33008 13.1592 3.33008C11.9626 3.33008 10.9925 4.30013 10.9925 5.49674C10.9925 6.69336 11.9626 7.66341 13.1592 7.66341ZM13.1592 6.33008C12.6989 6.33008 12.3258 5.95698 12.3258 5.49674C12.3258 5.03651 12.6989 4.66341 13.1592 4.66341C13.6194 4.66341 13.9925 5.03651 13.9925 5.49674C13.9925 5.95698 13.6194 6.33008 13.1592 6.33008Z" }),
+  /* @__PURE__ */ C("path", { d: "M10.1592 5.49674C10.1592 6.69336 9.18913 7.66341 7.99251 7.66341C6.7959 7.66341 5.82585 6.69336 5.82585 5.49674C5.82585 4.30013 6.7959 3.33008 7.99251 3.33008C9.18913 3.33008 10.1592 4.30013 10.1592 5.49674ZM8.82585 5.49674C8.82585 5.03651 8.45275 4.66341 7.99251 4.66341C7.53228 4.66341 7.15918 5.03651 7.15918 5.49674C7.15918 5.95698 7.53228 6.33008 7.99251 6.33008C8.45275 6.33008 8.82585 5.95698 8.82585 5.49674Z" }),
+  /* @__PURE__ */ C("path", { d: "M10.6592 12.6634C9.46256 12.6634 8.49251 11.6934 8.49251 10.4967C8.49251 9.30013 9.46256 8.33008 10.6592 8.33008C11.8558 8.33008 12.8258 9.30013 12.8258 10.4967C12.8258 11.6934 11.8558 12.6634 10.6592 12.6634ZM10.6592 11.3301C11.1194 11.3301 11.4925 10.957 11.4925 10.4967C11.4925 10.0365 11.1194 9.66341 10.6592 9.66341C10.1989 9.66341 9.82585 10.0365 9.82585 10.4967C9.82585 10.957 10.1989 11.3301 10.6592 11.3301Z" }),
+  /* @__PURE__ */ C("path", { d: "M7.49251 10.4967C7.49251 11.6934 6.52246 12.6634 5.32585 12.6634C4.12923 12.6634 3.15918 11.6934 3.15918 10.4967C3.15918 9.30013 4.12923 8.33008 5.32585 8.33008C6.52246 8.33008 7.49251 9.30013 7.49251 10.4967ZM6.15918 10.4967C6.15918 10.0365 5.78608 9.66341 5.32585 9.66341C4.86561 9.66341 4.49251 10.0365 4.49251 10.4967C4.49251 10.957 4.86561 11.3301 5.32585 11.3301C5.78608 11.3301 6.15918 10.957 6.15918 10.4967Z" })
+] });
+export {
+  i as IconPinCode
+};

package/dist/icons/IconShield.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconShield: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconShield.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as t } from "./SvgIcon.js";
+const h = (r) => /* @__PURE__ */ o(t, { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", ...r, children: /* @__PURE__ */ o("path", { d: "M1.99997 3.99512L2.03005 11.9951C2.92005 20.0868 12.0001 22.9951 12.0001 22.9951C12.0001 22.9951 21.1101 20.2785 22.0001 12.1868V3.99512L12.0001 0.995117L1.99997 3.99512ZM10.9702 20.39C10.2594 20.0375 9.39941 19.5503 8.52813 18.9142C6.41552 17.3718 4.41951 15.0988 4.02962 11.8765L4.00557 5.4815L10.9702 3.39213V20.39ZM15.5109 18.9928C14.5994 19.6379 13.6998 20.1206 12.9702 20.4605V3.37422L20.0001 5.48318V12.0717C19.6103 15.2799 17.6195 17.5005 15.5109 18.9928Z" }) });
+export {
+  h as IconShield
+};

package/dist/icons/IconSmartPhone.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconSmartPhone: (props: Omit<SVGProps<SVGSVGElement>, "viewBox">) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/IconSmartPhone.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { SvgIcon as t } from "./SvgIcon.js";
+const e = (r) => /* @__PURE__ */ o(t, { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", ...r, children: /* @__PURE__ */ o("path", { d: "M3.98877 0V24H19.9888V0H3.98877ZM17.9888 2V4H5.98877V2H17.9888ZM17.9888 6V18H5.98877V6H17.9888ZM5.98877 22V20H17.9888V22H5.98877Z" }) });
+export {
+  e as IconSmartPhone
+};

package/dist/icons/index.d.ts

@@ -10,7 +10,10 @@ export * from './IconExclamationCircle';
 export * from './IconExclamationTriangle';
 export * from './IconGoogleLogo';
 export * from './IconLock';
-export * from './IconPhone';
-export * from './IconXMark';
 export * from './IconMinus';
+export * from './IconPhone';
+export * from './IconPinCode';
 export * from './IconPlus';
+export * from './IconShield';
+export * from './IconSmartPhone';
+export * from './IconXMark';

package/dist/icons/index.js

@@ -3,32 +3,38 @@ import { IconArrowLeft as c } from "./IconArrowLeft.js";
 import { IconArrowsUpDown as t } from "./IconArrowsUpDown.js";
 import { IconCheck as x } from "./IconCheck.js";
 import { IconCheckCircle as I } from "./IconCheckCircle.js";
-import { IconChevronDown as a } from "./IconChevronDown.js";
+import { IconChevronDown as i } from "./IconChevronDown.js";
 import { IconCopy as C } from "./IconCopy.js";
-import { IconEnvelope as h } from "./IconEnvelope.js";
+import { IconEnvelope as g } from "./IconEnvelope.js";
 import { IconExclamationCircle as w } from "./IconExclamationCircle.js";
-import { IconExclamationTriangle as s } from "./IconExclamationTriangle.js";
-import { IconGoogleLogo as E } from "./IconGoogleLogo.js";
-import { IconLock as v } from "./IconLock.js";
+import { IconExclamationTriangle as P } from "./IconExclamationTriangle.js";
+import { IconGoogleLogo as A } from "./IconGoogleLogo.js";
+import { IconLock as d } from "./IconLock.js";
+import { IconMinus as v } from "./IconMinus.js";
 import { IconPhone as M } from "./IconPhone.js";
-import { IconXMark as y } from "./IconXMark.js";
-import { IconMinus as T } from "./IconMinus.js";
-import { IconPlus as X } from "./IconPlus.js";
+import { IconPinCode as y } from "./IconPinCode.js";
+import { IconPlus as T } from "./IconPlus.js";
+import { IconShield as X } from "./IconShield.js";
+import { IconSmartPhone as j } from "./IconSmartPhone.js";
+import { IconXMark as z } from "./IconXMark.js";
 export {
   e as IconAppleLogo,
   c as IconArrowLeft,
   t as IconArrowsUpDown,
   x as IconCheck,
   I as IconCheckCircle,
-  a as IconChevronDown,
+  i as IconChevronDown,
   C as IconCopy,
-  h as IconEnvelope,
+  g as IconEnvelope,
   w as IconExclamationCircle,
-  s as IconExclamationTriangle,
-  E as IconGoogleLogo,
-  v as IconLock,
-  T as IconMinus,
+  P as IconExclamationTriangle,
+  A as IconGoogleLogo,
+  d as IconLock,
+  v as IconMinus,
   M as IconPhone,
-  X as IconPlus,
-  y as IconXMark
+  y as IconPinCode,
+  T as IconPlus,
+  X as IconShield,
+  j as IconSmartPhone,
+  z as IconXMark
 };

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export * from './components/CDPReactProvider';
 export * from './components/CopyAddress';
 export * from './components/CopyEvmKeyButton';
 export * from './components/CopySolanaKeyButton';
+export * from './components/EnrollMfa';
+export * from './components/EnrollMfaModal';
 export * from './components/ExportWallet';
 export * from './components/ExportWalletModal';
 export * from './components/Fund';
@@ -15,9 +17,13 @@ export * from './components/SignIn';
 export * from './components/SignInModal';
 export * from './components/SignOutButton';
 export * from './components/ThemeProvider';
+export * from './components/VerifyMfa';
+export * from './components/VerifyMfaModal';
+export * from './components/VerifyMfaInline';
 export * from './components/ui/Button';
 export * from './components/ui/Modal';
 export * from './theme';
 export * from './icons';
 export * from './utils';
+export { useVerifyMfaModal, type UseVerifyMfaModalOptions, type UseVerifyMfaModalReturn, } from './hooks/useVerifyMfaModal';
 export { type IframeTheme } from './types/secureIframe';