@coinbase/cdp-react 0.0.78 → 0.0.80

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

@@ -14,6 +14,7 @@ interface ExportWalletProps extends Omit<HTMLAttributes<HTMLDivElement>, "childr
     onCopySuccess?: () => void;
     onIframeError?: (error?: string) => void;
     onIframeSessionExpired?: () => void;
+    skipMfa?: boolean;
 }
 interface ExportWalletContext extends Pick<ExportWalletProps, "address" | "onIframeReady" | "onCopySuccess" | "onIframeError" | "onIframeSessionExpired"> {
     type: "evm-eoa" | "evm-smart" | "solana";
@@ -27,5 +28,5 @@ declare const ExportWalletWarning: (props: HTMLAttributes<HTMLDivElement>) => im
 declare const ExportWalletCopyAddress: ({ label, ...props }: ExportWalletCopyAddressProps) => import("react/jsx-runtime").JSX.Element;
 declare const ExportWalletCopyKeyButton: ({ fullWidth, ...props }: ExportWalletCopyKeyButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 declare const ExportWalletFooter: (props: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-declare const ExportWallet: ({ address, children, className, onIframeError, onIframeReady, onIframeSessionExpired, onCopySuccess, ...props }: ExportWalletProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExportWallet: ({ address, children, className, onIframeError, onIframeReady, onIframeSessionExpired, onCopySuccess, skipMfa, ...props }: ExportWalletProps) => import("react/jsx-runtime").JSX.Element;
 export { ExportWallet, ExportWalletCopyAddress, ExportWalletCopyKeyButton, ExportWalletFooter, ExportWalletTitle, ExportWalletWarning, type ExportWalletProps, type ExportWalletCopyAddressProps, type ExportWalletCopyKeyButtonProps, type ExportWalletTitleProps, };

package/dist/components/ExportWallet/index.js

@@ -1,20 +1,23 @@
-import { u as S, A as K } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { createContext as N, useMemo as x, useState as V, useCallback as Y, useContext as A } from "react";
-import { VERSION as z } from "../../version.js";
+import { u as S, A as z } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { createContext as A, useContext as k, useMemo as h, useState as D, useCallback as L } from "react";
+import { VERSION as U } from "../../version.js";
 import "../AuthButton/index.js";
-import { useAppConfig as g } from "../CDPReactProvider/index.js";
-import { CopyAddress as D } from "../CopyAddress/index.js";
-import { CopyEvmKeyButton as U } from "../CopyEvmKeyButton/index.js";
-import { CopySolanaKeyButton as X } from "../CopySolanaKeyButton/index.js";
-import { jsx as o, jsxs as d, Fragment as E } from "react/jsx-runtime";
-import { useCurrentUser as Z } from "@coinbase/cdp-hooks";
-import { c as h } from "../../chunks/lite.1fxw3LjI.js";
-import { Banner as _ } from "../ui/Banner/index.js";
-import { CoinbaseFooter as $ } from "../ui/CoinbaseFooter/index.js";
-import { Button as T } from "../ui/Button/index.js";
-import { Modal as q, ModalClose as H, ModalContent as L, ModalTitle as G, ModalTrigger as J } from "../ui/Modal/index.js";
-import { IconXMark as Q } from "../../icons/IconXMark.js";
-import { childrenHasComponent as M } from "../../utils/childrenHasComponent.js";
+import { u as b } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { CopyAddress as q } from "../CopyAddress/index.js";
+import { CopyEvmKeyButton as H } from "../CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as J } from "../CopySolanaKeyButton/index.js";
+import "../EnrollMfa/index.js";
+import "../EnrollMfaModal/index.js";
+import { jsx as t, jsxs as _, Fragment as y } from "react/jsx-runtime";
+import { useCurrentUser as X } from "@coinbase/cdp-hooks";
+import { c as m } from "../../chunks/lite.1fxw3LjI.js";
+import { Banner as w } from "../ui/Banner/index.js";
+import { CoinbaseFooter as C } from "../ui/CoinbaseFooter/index.js";
+import { VerifyMfaInline as F, VerifyMfaInlineFlow as I, useVerifyMfaInlineContext as Z } from "../VerifyMfaInline/index.js";
+import { Button as R } from "../ui/Button/index.js";
+import { Modal as $, ModalClose as G, ModalContent as Q, ModalTitle as tt, ModalTrigger as ot } from "../ui/Modal/index.js";
+import { IconXMark as et } from "../../icons/IconXMark.js";
+import { childrenHasComponent as g } from "../../utils/childrenHasComponent.js";
 import "../Fund/index.js";
 import "../FundModal/index.js";
 import "../LinkAuth/index.js";
@@ -42,9 +45,12 @@ import "../../icons/IconExclamationCircle.js";
 import "../../icons/IconExclamationTriangle.js";
 import "../../icons/IconGoogleLogo.js";
 import "../../icons/IconLock.js";
-import "../../icons/IconPhone.js";
 import "../../icons/IconMinus.js";
+import "../../icons/IconPhone.js";
+import "../../icons/IconPinCode.js";
 import "../../icons/IconPlus.js";
+import "../../icons/IconShield.js";
+import "../../icons/IconSmartPhone.js";
 import "../../utils/clamp.js";
 import "../../utils/getMessageFromUnknownError.js";
 import "../../utils/isApiError.js";
@@ -52,10 +58,20 @@ import "../../utils/isEmailInvalid.js";
 import "../../utils/parseValuesFromPhoneNumber.js";
 import "../../utils/sendIframeMessage.js";
 import "@coinbase/cdp-core";
+import "../EnrollMfa/EnrollMfaDescription.js";
+import "../EnrollMfa/EnrollMfaFlow.js";
+import "../EnrollMfa/EnrollMfaFlowBackButton.js";
+import "../EnrollMfa/EnrollMfaFooter.js";
+import "../EnrollMfa/EnrollMfaImage.js";
+import "../EnrollMfa/EnrollMfaItem.js";
+import "../EnrollMfa/EnrollMfaItems.js";
+import "../EnrollMfa/EnrollMfaTitle.js";
+import "../EnrollMfa/EnrollMfaProvider.js";
+import "../EnrollMfa/EnrollMfaFlowProvider.js";
 import "../Fund/FundForm.js";
 import "../Fund/FundTitle.js";
 import "../Fund/FundProvider.js";
-import "../../chunks/LinkAuthFlow.3HN888DV.js";
+import "../../chunks/LinkAuthFlow.BaUSMzGH.js";
 import "../LinkAuth/LinkAuthFlowBackButton.js";
 import "../LinkAuth/LinkAuthItem.js";
 import "../LinkAuth/LinkAuthItems.js";
@@ -69,243 +85,287 @@ import "../SignIn/SignInForm.js";
 import "../SignIn/SignInImage.js";
 import "../SignIn/SignInTitle.js";
 import "../SignIn/SignInProvider.js";
-import '../../assets/ExportWallet.css';const tt = "ExportWallet-module__footer___NvrFY", f = {
+import "../VerifyMfa/VerifyMfaDescription.js";
+import "../VerifyMfa/VerifyMfaFooter.js";
+import "../VerifyMfa/VerifyMfaFlow.js";
+import "../VerifyMfa/VerifyMfaImage.js";
+import "../VerifyMfa/VerifyMfaTitle.js";
+import "../VerifyMfa/VerifyMfaProvider.js";
+import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer___NvrFY", E = {
   "export-wallet": "ExportWallet-module__export-wallet___EyZys",
   "no-footer": "ExportWallet-module__no-footer___fzl3R",
+  "flex-container": "ExportWallet-module__flex-container___-vm5t",
   "export-wallet-title": "ExportWallet-module__export-wallet-title___MuI09",
-  footer: tt
-}, k = N({
+  footer: rt
+}, T = A({
   address: "",
   isSessionExpired: !1,
   type: "evm-eoa"
-}), C = () => {
-  const t = A(k);
-  if (!t)
+}), W = () => {
+  const o = k(T);
+  if (!o)
     throw new Error("useExportWalletContext must be used within a ExportWalletProvider");
-  return t;
-}, ot = ({
-  address: t,
+  return o;
+}, at = ({
+  address: o,
   children: e,
   onIframeError: r,
   onIframeReady: a,
-  onIframeSessionExpired: l,
+  onIframeSessionExpired: n,
   onCopySuccess: s
 }) => {
-  const { currentUser: n } = Z(), i = x(
-    () => !!n?.solanaAccountObjects?.find((w) => w.address === t),
-    [n?.solanaAccountObjects, t]
-  ), m = x(
-    () => !!n?.evmSmartAccountObjects?.find((w) => w.address === t),
-    [n?.evmSmartAccountObjects, t]
-  ), c = i ? "solana" : m ? "evm-smart" : "evm-eoa", [u, y] = V(!1), v = Y(() => {
-    y(!0), l?.();
-  }, [l]), B = x(
+  const { currentUser: i } = X(), c = h(
+    () => !!i?.solanaAccountObjects?.find((v) => v.address === o),
+    [i?.solanaAccountObjects, o]
+  ), d = h(
+    () => !!i?.evmSmartAccountObjects?.find((v) => v.address === o),
+    [i?.evmSmartAccountObjects, o]
+  ), u = c ? "solana" : d ? "evm-smart" : "evm-eoa", [p, x] = D(!1), f = L(() => {
+    x(!0), n?.();
+  }, [n]), Y = h(
     () => ({
-      address: t,
-      isSessionExpired: u,
-      type: c,
+      address: o,
+      isSessionExpired: p,
+      type: u,
       onIframeError: r,
       onIframeReady: a,
-      onIframeSessionExpired: v,
+      onIframeSessionExpired: f,
       onCopySuccess: s
     }),
     [
-      t,
+      o,
+      p,
       u,
-      c,
-      v,
+      f,
       r,
       a,
       s
     ]
   );
-  return /* @__PURE__ */ o(k.Provider, { value: B, children: e });
-}, P = ({
-  children: t,
+  return /* @__PURE__ */ t(T.Provider, { value: Y, children: e });
+}, lt = ({
+  children: o,
   className: e = "",
   as: r = "h2",
   ...a
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ t(
   r,
   {
     "data-part": "title",
-    className: h(f["export-wallet-title"], e),
+    className: m(E["export-wallet-title"], e),
     ...a,
-    children: t || "Export your wallet"
+    children: o || "Export your wallet"
   }
-), F = (t) => {
-  const { isSessionExpired: e, type: r } = C();
-  return e ? /* @__PURE__ */ o(_, { "data-part": "warning", variant: "warning", ...t, children: "Your export session has expired." }) : r === "evm-smart" ? /* @__PURE__ */ o(_, { "data-part": "warning", variant: "warning", ...t, children: "Cannot export a smart account's private key; only the owner's private key can be exported." }) : /* @__PURE__ */ o(_, { "data-part": "warning", variant: "warning", ...t, children: "Do not share your private key with anyone" });
-}, I = ({
-  label: t = "Your wallet address",
+), P = (o) => {
+  const { isSessionExpired: e, type: r } = W();
+  return e ? /* @__PURE__ */ t(w, { "data-part": "warning", variant: "warning", ...o, children: "Your export session has expired." }) : r === "evm-smart" ? /* @__PURE__ */ t(w, { "data-part": "warning", variant: "warning", ...o, children: "Cannot export a smart account's private key; only the owner's private key can be exported." }) : /* @__PURE__ */ t(w, { "data-part": "warning", variant: "warning", ...o, children: "Do not share your private key with anyone" });
+}, j = ({
+  label: o = "Your wallet address",
   ...e
 }) => {
-  const { address: r } = C();
-  return /* @__PURE__ */ o(D, { "data-part": "copy-address", address: r, label: t, ...e });
+  const { address: r } = W();
+  return /* @__PURE__ */ t(q, { "data-part": "copy-address", address: r, label: o, ...e });
 }, O = ({
-  fullWidth: t = !0,
+  fullWidth: o = !0,
   ...e
 }) => {
-  const { address: r, type: a, onIframeError: l, onIframeReady: s, onIframeSessionExpired: n, onCopySuccess: i } = C();
-  return a === "solana" ? /* @__PURE__ */ o(
-    X,
+  const { address: r, type: a, onIframeError: n, onIframeReady: s, onIframeSessionExpired: i, onCopySuccess: c } = W();
+  return a === "solana" ? /* @__PURE__ */ t(
+    J,
     {
-      fullWidth: t,
+      fullWidth: o,
       address: r,
-      onError: l,
+      onError: n,
       onReady: s,
-      onSessionExpired: n,
-      onSuccess: i,
+      onSessionExpired: i,
+      onSuccess: c,
       ...e
     }
-  ) : a === "evm-eoa" ? /* @__PURE__ */ o(
-    U,
+  ) : a === "evm-eoa" ? /* @__PURE__ */ t(
+    H,
     {
-      fullWidth: t,
+      fullWidth: o,
       address: r,
-      onError: l,
+      onError: n,
       onReady: s,
-      onSessionExpired: n,
-      onSuccess: i,
+      onSessionExpired: i,
+      onSuccess: c,
       ...e
     }
   ) : null;
-}, R = (t) => /* @__PURE__ */ o($, { "data-part": "coinbase-footer", ...t }), et = ({ children: t }) => {
-  const { showCoinbaseFooter: e } = g(), { type: r, isSessionExpired: a } = C();
-  return t && typeof t == "function" ? t({ type: r, isSessionExpired: a }) : t || /* @__PURE__ */ d(E, { children: [
-    /* @__PURE__ */ o(P, {}),
-    /* @__PURE__ */ o(F, {}),
-    /* @__PURE__ */ o(I, {}),
-    /* @__PURE__ */ o(O, {}),
-    e && /* @__PURE__ */ o(R, { className: f.footer })
+}, nt = (o) => /* @__PURE__ */ t(C, { "data-part": "coinbase-footer", ...o }), it = ({ children: o }) => {
+  const { showCoinbaseFooter: e } = b(), { type: r, isSessionExpired: a } = W();
+  return o && typeof o == "function" ? o({ type: r, isSessionExpired: a }) : o || /* @__PURE__ */ _(y, { children: [
+    /* @__PURE__ */ t(lt, {}),
+    /* @__PURE__ */ t(P, {}),
+    /* @__PURE__ */ t(j, {}),
+    /* @__PURE__ */ t(O, {}),
+    e && /* @__PURE__ */ t(nt, { className: E.footer })
   ] });
-}, rt = ({
-  address: t,
+}, st = ({
+  address: o,
   children: e,
   className: r = "",
   onIframeError: a,
-  onIframeReady: l,
+  onIframeReady: n,
   onIframeSessionExpired: s,
-  onCopySuccess: n,
-  ...i
+  onCopySuccess: i,
+  skipMfa: c = !1,
+  ...d
 }) => {
   S("export_wallet");
-  const { showCoinbaseFooter: m } = g();
-  return /* @__PURE__ */ o(
+  const { showCoinbaseFooter: u } = b(), p = /* @__PURE__ */ t(
+    at,
+    {
+      address: o,
+      onIframeReady: n,
+      onCopySuccess: i,
+      onIframeError: a,
+      onIframeSessionExpired: s,
+      children: /* @__PURE__ */ t(it, { children: e })
+    }
+  );
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: h(
-        f["export-wallet"],
-        !m && f["no-footer"],
+      className: m(
+        E["export-wallet"],
+        !u && E["no-footer"],
         r
       ),
-      ...i,
-      children: /* @__PURE__ */ o(
-        ot,
-        {
-          address: t,
-          onIframeReady: l,
-          onCopySuccess: n,
-          onIframeError: a,
-          onIframeSessionExpired: s,
-          children: /* @__PURE__ */ o(et, { children: e })
-        }
-      )
+      ...d,
+      children: c ? p : /* @__PURE__ */ t(F, { verifyFirst: !0, children: /* @__PURE__ */ t(I, { transition: "fade", children: /* @__PURE__ */ t("div", { className: m(E["flex-container"]), children: p }) }) })
     }
   );
-}, at = "ExportWalletModal-module__trigger___zMk8N", nt = "ExportWalletModal-module__content___KzNol", lt = "ExportWalletModal-module__footer___byg1T", st = "ExportWalletModal-module__modal___pX1AP", p = {
+}, pt = "ExportWalletModal-module__wrapper___r1E1L", mt = "ExportWalletModal-module__trigger___zMk8N", ct = "ExportWalletModal-module__content___KzNol", dt = "ExportWalletModal-module__footer___byg1T", ut = "ExportWalletModal-module__modal___pX1AP", l = {
   "export-wallet": "ExportWalletModal-module__export-wallet___--L56",
-  trigger: at,
+  "in-mfa-flow": "ExportWalletModal-module__in-mfa-flow___9Fe8k",
+  wrapper: pt,
+  "no-footer": "ExportWalletModal-module__no-footer___J8uj2",
+  trigger: mt,
   "title-bar": "ExportWalletModal-module__title-bar___RTPZq",
-  content: nt,
+  "title-bar-space-bottom": "ExportWalletModal-module__title-bar-space-bottom___l-NvR",
+  "export-wallet-title": "ExportWalletModal-module__export-wallet-title___2k0L-",
+  content: ct,
   "close-button": "ExportWalletModal-module__close-button___ImsDR",
   "close-icon": "ExportWalletModal-module__close-icon___iAfyT",
-  footer: lt,
-  modal: st
-}, j = N(null), it = () => {
-  const t = A(j);
-  if (!t)
+  footer: dt,
+  "footer-space-top": "ExportWalletModal-module__footer-space-top___URl9q",
+  "visually-hidden": "ExportWalletModal-module__visually-hidden___JAcNA",
+  modal: ut
+}, V = A(null), _t = () => {
+  const o = k(V);
+  if (!o)
     throw new Error("useExportWalletModalContext must be used within a ExportWalletModal");
-  return t;
-}, b = ({
-  children: t,
+  return o;
+}, N = ({
+  children: o,
   className: e = "",
   label: r,
   ...a
-}) => /* @__PURE__ */ o(J, { asChild: !0, children: t || /* @__PURE__ */ o(T, { className: h(p.trigger, e), ...a, children: r || "Export wallet" }) }), pt = ({
-  children: t = "Copy private key to export wallet",
-  ...e
-}) => /* @__PURE__ */ o(G, { asChild: !0, children: /* @__PURE__ */ o(P, { ...e, children: t }) }), mt = ({ children: t }) => /* @__PURE__ */ o(H, { asChild: !0, children: t || /* @__PURE__ */ o(
-  T,
+}) => /* @__PURE__ */ t(ot, { asChild: !0, children: o || /* @__PURE__ */ t(R, { className: m(l.trigger, e), ...a, children: r || "Export wallet" }) }), B = ({
+  children: o = "Copy private key to export wallet",
+  as: e = "h2",
+  className: r = "",
+  ...a
+}) => /* @__PURE__ */ t(tt, { asChild: !0, children: /* @__PURE__ */ t(e, { className: m(l["export-wallet-title"], r), ...a, children: o }) }), K = ({ children: o }) => /* @__PURE__ */ t(G, { asChild: !0, children: o || /* @__PURE__ */ t(
+  R,
   {
     "aria-label": "Close",
-    className: p["close-button"],
+    className: l["close-button"],
     variant: "transparentSecondary",
-    children: /* @__PURE__ */ o(Q, { className: p["close-icon"] })
+    children: /* @__PURE__ */ t(et, { className: l["close-icon"] })
   }
-) }), W = ({
-  children: t,
+) }), xt = ({ children: o }) => {
+  const { view: e } = Z();
+  return /* @__PURE__ */ _("div", { className: l["title-bar"], children: [
+    /* @__PURE__ */ t(B, { className: m(e === "content" ? "" : l["visually-hidden"]), children: o }),
+    /* @__PURE__ */ t(K, {})
+  ] });
+}, M = ({
+  children: o,
   className: e = "",
-  ...r
+  title: r,
+  ...a
 }) => {
-  const { showCoinbaseFooter: a } = g(), { address: l, onIframeReady: s, onCopySuccess: n, onIframeError: i, onIframeSessionExpired: m } = it();
-  return /* @__PURE__ */ o(L, { "aria-describedby": void 0, className: h(p.modal, e), ...r, children: /* @__PURE__ */ o(
-    rt,
+  const { showCoinbaseFooter: n } = b(), { address: s, onIframeReady: i, onCopySuccess: c, onIframeError: d, onIframeSessionExpired: u, skipMfa: p } = _t(), x = /* @__PURE__ */ t(
+    st,
     {
-      address: l,
-      onIframeReady: s,
-      onCopySuccess: n,
-      onIframeError: i,
-      onIframeSessionExpired: m,
-      className: p["export-wallet"],
-      children: t || (({ isSessionExpired: c }) => /* @__PURE__ */ d(E, { children: [
-        /* @__PURE__ */ d("div", { className: p["title-bar"], children: [
-          /* @__PURE__ */ o(pt, {}),
-          /* @__PURE__ */ o(mt, {})
+      address: s,
+      onIframeReady: i,
+      onCopySuccess: c,
+      onIframeError: d,
+      onIframeSessionExpired: u,
+      className: m(l["export-wallet"], !p && l["in-mfa-flow"]),
+      skipMfa: !0,
+      children: o || (({ isSessionExpired: f }) => /* @__PURE__ */ _(y, { children: [
+        p && /* @__PURE__ */ _("div", { className: m(l["title-bar"], l["title-bar-space-bottom"]), children: [
+          /* @__PURE__ */ t(B, {}),
+          /* @__PURE__ */ t(K, {})
         ] }),
-        /* @__PURE__ */ d("div", { className: p.content, children: [
-          c ? /* @__PURE__ */ o(_, { role: "alert", "data-part": "warning", variant: "warning", children: "Your export session has expired. Please close and reopen the modal to export again." }) : /* @__PURE__ */ o(F, {}),
-          /* @__PURE__ */ o(I, {}),
-          /* @__PURE__ */ o(O, {}),
-          a && /* @__PURE__ */ o(R, { className: p.footer })
+        /* @__PURE__ */ _("div", { className: l.content, children: [
+          f ? /* @__PURE__ */ t(w, { role: "alert", "data-part": "warning", variant: "warning", children: "Your export session has expired. Please close and reopen the modal to export again." }) : /* @__PURE__ */ t(P, {}),
+          /* @__PURE__ */ t(j, {}),
+          /* @__PURE__ */ t(O, {}),
+          p && n && /* @__PURE__ */ t(C, { className: l.footer })
         ] })
       ] }))
     }
+  );
+  return /* @__PURE__ */ t(Q, { "aria-describedby": void 0, className: m(l.modal, e), ...a, children: p ? x : /* @__PURE__ */ _(
+    F,
+    {
+      className: m(l.wrapper, n ? "" : l["no-footer"]),
+      verifyFirst: !0,
+      children: [
+        /* @__PURE__ */ t(xt, { children: r }),
+        /* @__PURE__ */ t(I, { transition: "fade", children: x }),
+        n && /* @__PURE__ */ t(C, { className: m(l.footer, l["footer-space-top"]) })
+      ]
+    }
   ) });
-}, Ao = ({
-  address: t,
+}, ee = ({
+  address: o,
   children: e,
   onIframeReady: r,
   onCopySuccess: a,
-  onIframeError: l,
+  onIframeError: n,
   onIframeSessionExpired: s,
-  open: n,
-  setIsOpen: i
+  open: i,
+  setIsOpen: c,
+  skipMfa: d = !1
 }) => {
   S("export_wallet_modal");
-  const m = x(
-    () => ({ address: t, onIframeReady: r, onCopySuccess: a, onIframeError: l, onIframeSessionExpired: s }),
-    [t, r, a, l, s]
-  ), c = e ? M(e, b) : !1, u = e ? M(e, W) : !1, y = !c && !u;
-  return /* @__PURE__ */ o(j.Provider, { value: m, children: /* @__PURE__ */ o(q, { open: n, onOpenChange: i, children: y ? /* @__PURE__ */ d(E, { children: [
-    /* @__PURE__ */ o(b, { children: e }),
-    /* @__PURE__ */ o(W, {})
-  ] }) : /* @__PURE__ */ d(E, { children: [
+  const u = h(
+    () => ({
+      address: o,
+      onIframeReady: r,
+      onCopySuccess: a,
+      onIframeError: n,
+      onIframeSessionExpired: s,
+      skipMfa: d
+    }),
+    [o, r, a, n, s, d]
+  ), p = e ? g(e, N) : !1, x = e ? g(e, M) : !1, f = !p && !x;
+  return /* @__PURE__ */ t(V.Provider, { value: u, children: /* @__PURE__ */ t($, { open: i, onOpenChange: c, children: f ? /* @__PURE__ */ _(y, { children: [
+    /* @__PURE__ */ t(N, { children: e }),
+    /* @__PURE__ */ t(M, {})
+  ] }) : /* @__PURE__ */ _(y, { children: [
     e,
-    !u && /* @__PURE__ */ o(W, {})
+    !x && /* @__PURE__ */ t(M, {})
   ] }) }) });
 };
-K.registerPackageVersion("react", z);
+z.registerPackageVersion("react", U);
 export {
-  Ao as E,
-  rt as ExportWallet,
-  I as ExportWalletCopyAddress,
+  ee as E,
+  st as ExportWallet,
+  j as ExportWalletCopyAddress,
   O as ExportWalletCopyKeyButton,
-  R as ExportWalletFooter,
-  P as ExportWalletTitle,
-  F as ExportWalletWarning,
-  mt as a,
-  W as b,
-  pt as c,
-  b as d
+  nt as ExportWalletFooter,
+  lt as ExportWalletTitle,
+  P as ExportWalletWarning,
+  K as a,
+  M as b,
+  B as c,
+  N as d
 };

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

@@ -6,7 +6,9 @@ interface ExportWalletModalTriggerProps extends Partial<Pick<ButtonProps, "class
     children?: ReactNode;
     label?: ReactNode;
 }
-type ExportWalletModalContentProps = Omit<ModalContentProps, "children"> & Pick<ExportWalletProps, "children">;
+type ExportWalletModalContentProps = Omit<ModalContentProps, "children"> & Pick<ExportWalletProps, "children"> & {
+    title?: ReactNode;
+};
 type ExportWalletModalTitleProps = ExportWalletTitleProps;
 interface ExportWalletModalCloseProps {
     children?: ReactNode;
@@ -15,10 +17,11 @@ interface ExportWalletModalProps extends Pick<ExportWalletProps, "address" | "on
     children?: ReactNode;
     open?: boolean;
     setIsOpen?: (value: boolean) => void;
+    skipMfa?: boolean;
 }
 declare const ExportWalletModalTrigger: ({ children, className, label, ...props }: ExportWalletModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
-declare const ExportWalletModalTitle: ({ children, ...props }: ExportWalletModalTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExportWalletModalTitle: ({ children, as: Component, className, ...props }: ExportWalletModalTitleProps) => import("react/jsx-runtime").JSX.Element;
 declare const ExportWalletModalClose: ({ children }: ExportWalletModalCloseProps) => import("react/jsx-runtime").JSX.Element;
-declare const ExportWalletModalContent: ({ children, className, ...props }: ExportWalletModalContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const ExportWalletModal: ({ address, children, onIframeReady, onCopySuccess, onIframeError, onIframeSessionExpired, open, setIsOpen, }: ExportWalletModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExportWalletModalContent: ({ children, className, title, ...props }: ExportWalletModalContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const ExportWalletModal: ({ address, children, onIframeReady, onCopySuccess, onIframeError, onIframeSessionExpired, open, setIsOpen, skipMfa, }: ExportWalletModalProps) => import("react/jsx-runtime").JSX.Element;
 export { ExportWalletModal, ExportWalletModalClose, ExportWalletModalContent, ExportWalletModalTitle, ExportWalletModalTrigger, type ExportWalletModalProps, type ExportWalletModalCloseProps, type ExportWalletModalContentProps, type ExportWalletModalTitleProps, type ExportWalletModalTriggerProps, };

package/dist/components/ExportWalletModal/index.js

@@ -2,17 +2,19 @@ import "react/jsx-runtime";
 import "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
 import "../../chunks/lite.1fxw3LjI.js";
-import "../CDPReactProvider/index.js";
-import { E, a as M, b as W, c as g, d as n } from "../ExportWallet/index.js";
+import "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { E as W, a as g, b as n, c as C, d as T } from "../ExportWallet/index.js";
 import "../ui/Banner/index.js";
 import "../ui/Button/index.js";
 import "../ui/Modal/index.js";
 import "../../icons/IconXMark.js";
 import "../../utils/childrenHasComponent.js";
+import "../ui/CoinbaseFooter/index.js";
+import "../VerifyMfaInline/index.js";
 export {
-  E as ExportWalletModal,
-  M as ExportWalletModalClose,
-  W as ExportWalletModalContent,
-  g as ExportWalletModalTitle,
-  n as ExportWalletModalTrigger
+  W as ExportWalletModal,
+  g as ExportWalletModalClose,
+  n as ExportWalletModalContent,
+  C as ExportWalletModalTitle,
+  T as ExportWalletModalTrigger
 };

package/dist/components/Fund/index.js

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as i, Fragment as f } from "react/jsx-runtime";
 import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { useId as c } from "react";
-import { useAppConfig as F } from "../CDPReactProvider/index.js";
-import { CoinbaseFooter as a } from "../ui/CoinbaseFooter/index.js";
+import { useId as a } from "react";
+import { u as c } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { CoinbaseFooter as F } from "../ui/CoinbaseFooter/index.js";
 import { FundForm as l } from "./FundForm.js";
 import { FundProvider as C, useFundContext as _ } from "./FundProvider.js";
 import { FundTitle as b } from "./FundTitle.js";
@@ -23,13 +23,13 @@ import '../../assets/Fund.css';const g = "Fund-module__fund___6j-Og", h = {
   submitLabel: e,
   title: s
 }) => {
-  const { state: u } = _(), t = c(), { showCoinbaseFooter: m } = F();
+  const { state: u } = _(), t = a(), { showCoinbaseFooter: m } = c();
   return x(), o ? typeof o == "function" ? o(u) : o : /* @__PURE__ */ n(l, { "aria-labelledby": t, openIn: r, submitLabel: e, children: ({ Content: d }) => /* @__PURE__ */ i(f, { children: [
     /* @__PURE__ */ n(b, { id: t, children: s }),
     d,
     m && /* @__PURE__ */ n(v, {})
   ] }) });
-}, v = (o) => /* @__PURE__ */ n(a, { ...o });
+}, v = (o) => /* @__PURE__ */ n(F, { ...o });
 export {
   N as Fund,
   v as FundFooter,