@coinbase/cdp-react 0.0.86 → 0.0.88

package/dist/components/EnrollMfa/types.d.ts

@@ -1,6 +1,7 @@
+import { InitiateMfaEnrollmentResult, InitiateMfaOptions } from '@coinbase/cdp-core';
 import { APIError } from '@coinbase/cdp-hooks';
 import { FC, FormEvent, ReactNode } from 'react';
-export type MfaMethod = "totp";
+export type MfaMethod = InitiateMfaOptions["mfaMethod"];
 export type EnrollMfaStep = "list" | "setup" | "setup-verification";
 export type EnrollMfaMethodStep = Exclude<EnrollMfaStep, "list">;
 export interface EnrollMfaMethodComponentProps {
@@ -15,6 +16,7 @@ export interface EnrollMfaState {
     mfaCode: string;
     authUrl: string | null;
     secret: string | null;
+    phoneNumber: string;
     initiatedAt: number | null;
     isExpired: boolean;
     error: string | APIError | null;
@@ -26,12 +28,18 @@ export type EnrollMfaAction = {
     payload: {
         step: EnrollMfaStep;
         flowDirection?: "left" | "right";
+        method?: MfaMethod;
     };
 } | {
     type: "SET_MFA_CODE";
     payload: {
         mfaCode: string;
     };
+} | {
+    type: "SET_PHONE_NUMBER";
+    payload: {
+        phoneNumber: string;
+    };
 } | {
     type: "INITIATE_ENROLLMENT";
     payload: {
@@ -39,10 +47,7 @@ export type EnrollMfaAction = {
     };
 } | {
     type: "INITIATE_ENROLLMENT_SUCCESS";
-    payload: {
-        authUrl: string;
-        secret: string;
-    };
+    payload: InitiateMfaEnrollmentResult;
 } | {
     type: "INITIATE_ENROLLMENT_FAILURE";
     payload: {
@@ -59,6 +64,11 @@ export type EnrollMfaAction = {
     payload: {
         error: string | APIError;
     };
+} | {
+    type: "SET_METHODS";
+    payload: {
+        methods: MfaMethod[];
+    };
 } | {
     type: "CLEAR_ERROR";
 } | {
@@ -78,6 +88,8 @@ export interface EnrollMfaMethodContentProps {
 export interface EnrollMfaMethodConfig {
     content: FC<EnrollMfaMethodContentProps>;
     description: FC<EnrollMfaMethodComponentProps>;
+    getInitiateOptions: (state: EnrollMfaState) => InitiateMfaOptions;
     image: FC<EnrollMfaMethodComponentProps>;
+    requiresInput?: boolean;
     title: FC<EnrollMfaMethodComponentProps>;
 }

package/dist/components/EnrollMfa/types.js

@@ -1,2 +1,3 @@
+import "@coinbase/cdp-core";
 import "@coinbase/cdp-hooks";
 import "react";

package/dist/components/EnrollMfa/useEnrollMfaReducer.js

@@ -1,111 +1,124 @@
-import { useReducer as n } from "react";
+import { useReducer as d } from "react";
 import "@coinbase/cdp-hooks";
-import { isApiError as t } from "../../utils/isApiError.js";
+import { isApiError as i } from "../../utils/isApiError.js";
 import "libphonenumber-js";
-const l = ["list", "setup", "setup-verification"], i = (r) => ({
-  method: r[0] || "totp",
-  methods: r,
+import "@coinbase/cdp-core";
+const l = ["list", "setup", "setup-verification"], s = (e) => ({
+  method: e[0] || "totp",
+  methods: e,
   step: "list",
   flowDirection: "left",
   mfaCode: "",
   authUrl: null,
   secret: null,
+  phoneNumber: "",
   initiatedAt: null,
   isExpired: !1,
   error: null,
   isPending: !1,
   isSuccess: !1
-}), u = (r, e) => {
-  switch (e.type) {
+}), u = (e, r) => {
+  switch (r.type) {
     case "SET_STEP":
       return {
-        ...r,
-        step: e.payload.step,
-        flowDirection: e.payload.flowDirection || r.flowDirection,
+        ...e,
+        step: r.payload.step,
+        flowDirection: r.payload.flowDirection || e.flowDirection,
+        method: r.payload.method || e.method,
         error: null
       };
     case "SET_MFA_CODE":
       return {
-        ...r,
-        mfaCode: e.payload.mfaCode,
+        ...e,
+        mfaCode: r.payload.mfaCode,
+        error: null
+      };
+    case "SET_PHONE_NUMBER":
+      return {
+        ...e,
+        phoneNumber: r.payload.phoneNumber,
         error: null
       };
     case "INITIATE_ENROLLMENT":
       return {
-        ...r,
-        method: e.payload.method,
+        ...e,
+        method: r.payload.method,
         isPending: !0,
         error: null,
         flowDirection: "left"
       };
-    case "INITIATE_ENROLLMENT_SUCCESS":
+    case "INITIATE_ENROLLMENT_SUCCESS": {
+      const o = l.indexOf(e.step), n = o < l.length - 1 ? l[o + 1] : e.step;
       return {
-        ...r,
+        ...e,
         isPending: !1,
-        authUrl: e.payload.authUrl,
-        secret: e.payload.secret,
+        authUrl: "authUrl" in r.payload ? r.payload.authUrl : null,
+        secret: "secret" in r.payload ? r.payload.secret : null,
         initiatedAt: Date.now(),
         isExpired: !1,
-        step: "setup"
+        step: n
       };
+    }
     case "INITIATE_ENROLLMENT_FAILURE":
       return {
-        ...r,
+        ...e,
         isPending: !1,
-        error: e.payload.error,
-        step: "list",
-        flowDirection: "right"
+        error: r.payload.error
       };
     case "ENROLLMENT_SESSION_EXPIRED":
       return {
-        ...r,
+        ...e,
         mfaCode: "",
         isExpired: !0
       };
     case "SUBMIT_ENROLLMENT":
       return {
-        ...r,
+        ...e,
         isPending: !0,
         error: null,
         flowDirection: "left"
       };
     case "SUBMIT_ENROLLMENT_SUCCESS":
       return {
-        ...r,
+        ...e,
         isPending: !1,
         isSuccess: !0
       };
     case "SUBMIT_ENROLLMENT_FAILURE":
       return {
-        ...r,
+        ...e,
         isPending: !1,
-        error: e.payload.error,
-        isExpired: t(e.payload.error) ? e.payload.error.errorType === "mfa_flow_expired" : e.payload.error.toLowerCase().startsWith("mfa flow not found or expired")
+        error: r.payload.error,
+        isExpired: i(r.payload.error) ? r.payload.error.errorType === "mfa_flow_expired" : r.payload.error.toLowerCase().startsWith("mfa flow not found or expired")
+      };
+    case "SET_METHODS":
+      return {
+        ...e,
+        methods: r.payload.methods
       };
     case "CLEAR_ERROR":
       return {
-        ...r,
+        ...e,
         error: null
       };
     case "GO_TO_PREVIOUS_STEP": {
-      const o = l.indexOf(r.step), s = o > 0 ? l[o - 1] : r.step;
+      const o = l.indexOf(e.step), n = o > 0 ? l[o - 1] : e.step;
       return {
-        ...r,
+        ...e,
         flowDirection: "right",
-        step: s,
+        step: n,
         error: null,
         isExpired: !1,
         mfaCode: ""
-        // Clear MFA code when going back
       };
     }
     case "RESET_STATE":
-      return i(r.methods);
+      return s(e.methods);
     default:
-      return r;
+      return e;
   }
-}, f = (r = ["totp"]) => n(u, r, i);
+}, S = (e = ["totp"]) => d(u, e, s);
 export {
   l as STEPS,
-  f as useEnrollMfaReducer
+  S as useEnrollMfaReducer
 };

package/dist/components/EnrollMfaModal/index.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as r, Fragment as s } from "react/jsx-runtime";
-import { u as v } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { u as v } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
 import { createContext as b, useMemo as w, useContext as y } from "react";
 import { c as p } from "../../chunks/lite.1fxw3LjI.js";
-import { u as F } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import { u as F } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
 import { EnrollMfa as T, EnrollMfaError as B } from "../EnrollMfa/index.js";
 import { Button as h } from "../ui/Button/index.js";
 import { Modal as A, ModalContent as O, ModalTitle as S, ModalDescription as $, ModalClose as E, ModalTrigger as D } from "../ui/Modal/index.js";

package/dist/components/ExportWallet/index.js

@@ -1,22 +1,22 @@
-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 { u as S, A as D } from "../../chunks/useSendComponentCallOnce.DGjALrnZ.js";
+import { createContext as A, useContext as k, useMemo as h, useState as L, useCallback as U } from "react";
+import { VERSION as q } from "../../version.js";
 import "../AuthButton/index.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 { u as b } from "../../chunks/CDPReactProvider.BkmtXUv1.js";
+import { CopyAddress as H } from "../CopyAddress/index.js";
+import { CopyEvmKeyButton as J } from "../CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as X } 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 { jsx as t, jsxs as d, Fragment as y } from "react/jsx-runtime";
+import { useCurrentUser as Z } 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 { VerifyMfaInline as F, VerifyMfaInlineBackButton as I, VerifyMfaInlineFlow as R, useVerifyMfaInlineContext as $ } from "../VerifyMfaInline/index.js";
+import { Button as T } from "../ui/Button/index.js";
+import { Modal as G, ModalClose as Q, ModalContent as tt, ModalTitle as ot, ModalTrigger as et } from "../ui/Modal/index.js";
+import { IconXMark as rt } from "../../icons/IconXMark.js";
 import { childrenHasComponent as g } from "../../utils/childrenHasComponent.js";
 import "../Fund/index.js";
 import "../FundModal/index.js";
@@ -71,7 +71,7 @@ import "../EnrollMfa/EnrollMfaFlowProvider.js";
 import "../Fund/FundForm.js";
 import "../Fund/FundTitle.js";
 import "../Fund/FundProvider.js";
-import "../../chunks/LinkAuthFlow.BaUSMzGH.js";
+import "../../chunks/LinkAuthFlow.B4FAtf4V.js";
 import "../LinkAuth/LinkAuthFlowBackButton.js";
 import "../LinkAuth/LinkAuthItem.js";
 import "../LinkAuth/LinkAuthItems.js";
@@ -86,27 +86,31 @@ import "../SignIn/SignInImage.js";
 import "../SignIn/SignInTitle.js";
 import "../SignIn/SignInProvider.js";
 import "../VerifyMfa/VerifyMfaDescription.js";
-import "../VerifyMfa/VerifyMfaFooter.js";
 import "../VerifyMfa/VerifyMfaFlow.js";
+import "../VerifyMfa/VerifyMfaFlowBackButton.js";
+import "../VerifyMfa/VerifyMfaFooter.js";
 import "../VerifyMfa/VerifyMfaImage.js";
+import "../VerifyMfa/VerifyMfaItem.js";
+import "../VerifyMfa/VerifyMfaItems.js";
 import "../VerifyMfa/VerifyMfaTitle.js";
 import "../VerifyMfa/VerifyMfaProvider.js";
-import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer___NvrFY", E = {
+import "../VerifyMfa/VerifyMfaFlowProvider.js";
+import '../../assets/ExportWallet.css';const at = "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: rt
-}, T = A({
+  footer: at
+}, P = A({
   address: "",
   isSessionExpired: !1,
   type: "evm-eoa"
 }), W = () => {
-  const o = k(T);
+  const o = k(P);
   if (!o)
     throw new Error("useExportWalletContext must be used within a ExportWalletProvider");
   return o;
-}, at = ({
+}, lt = ({
   address: o,
   children: e,
   onIframeError: r,
@@ -114,19 +118,19 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
   onIframeSessionExpired: n,
   onCopySuccess: s
 }) => {
-  const { currentUser: i } = X(), c = h(
-    () => !!i?.solanaAccountObjects?.find((v) => v.address === o),
+  const { currentUser: i } = Z(), c = h(
+    () => !!i?.solanaAccountObjects?.find((M) => M.address === o),
     [i?.solanaAccountObjects, o]
-  ), d = h(
-    () => !!i?.evmSmartAccountObjects?.find((v) => v.address === o),
+  ), u = h(
+    () => !!i?.evmSmartAccountObjects?.find((M) => M.address === o),
     [i?.evmSmartAccountObjects, o]
-  ), u = c ? "solana" : d ? "evm-smart" : "evm-eoa", [p, x] = D(!1), f = L(() => {
+  ), _ = c ? "solana" : u ? "evm-smart" : "evm-eoa", [p, x] = L(!1), f = U(() => {
     x(!0), n?.();
-  }, [n]), Y = h(
+  }, [n]), z = h(
     () => ({
       address: o,
       isSessionExpired: p,
-      type: u,
+      type: _,
       onIframeError: r,
       onIframeReady: a,
       onIframeSessionExpired: f,
@@ -135,15 +139,15 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
     [
       o,
       p,
-      u,
+      _,
       f,
       r,
       a,
       s
     ]
   );
-  return /* @__PURE__ */ t(T.Provider, { value: Y, children: e });
-}, lt = ({
+  return /* @__PURE__ */ t(P.Provider, { value: z, children: e });
+}, nt = ({
   children: o,
   className: e = "",
   as: r = "h2",
@@ -156,7 +160,7 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
     ...a,
     children: o || "Export your wallet"
   }
-), P = (o) => {
+), V = (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 = ({
@@ -164,14 +168,14 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
   ...e
 }) => {
   const { address: r } = W();
-  return /* @__PURE__ */ t(q, { "data-part": "copy-address", address: r, label: o, ...e });
-}, O = ({
+  return /* @__PURE__ */ t(H, { "data-part": "copy-address", address: r, label: o, ...e });
+}, B = ({
   fullWidth: o = !0,
   ...e
 }) => {
   const { address: r, type: a, onIframeError: n, onIframeReady: s, onIframeSessionExpired: i, onCopySuccess: c } = W();
   return a === "solana" ? /* @__PURE__ */ t(
-    J,
+    X,
     {
       fullWidth: o,
       address: r,
@@ -182,7 +186,7 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
       ...e
     }
   ) : a === "evm-eoa" ? /* @__PURE__ */ t(
-    H,
+    J,
     {
       fullWidth: o,
       address: r,
@@ -193,16 +197,16 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
       ...e
     }
   ) : null;
-}, nt = (o) => /* @__PURE__ */ t(C, { "data-part": "coinbase-footer", ...o }), it = ({ children: o }) => {
+}, it = (o) => /* @__PURE__ */ t(C, { "data-part": "coinbase-footer", ...o }), st = ({ 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, {}),
+  return o && typeof o == "function" ? o({ type: r, isSessionExpired: a }) : o || /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ t(nt, {}),
+    /* @__PURE__ */ t(V, {}),
     /* @__PURE__ */ t(j, {}),
-    /* @__PURE__ */ t(O, {}),
-    e && /* @__PURE__ */ t(nt, { className: E.footer })
+    /* @__PURE__ */ t(B, {}),
+    e && /* @__PURE__ */ t(it, { className: E.footer })
   ] });
-}, st = ({
+}, pt = ({
   address: o,
   children: e,
   className: r = "",
@@ -211,18 +215,18 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
   onIframeSessionExpired: s,
   onCopySuccess: i,
   skipMfa: c = !1,
-  ...d
+  ...u
 }) => {
   S("export_wallet");
-  const { showCoinbaseFooter: u } = b(), p = /* @__PURE__ */ t(
-    at,
+  const { showCoinbaseFooter: _ } = b(), p = /* @__PURE__ */ t(
+    lt,
     {
       address: o,
       onIframeReady: n,
       onCopySuccess: i,
       onIframeError: a,
       onIframeSessionExpired: s,
-      children: /* @__PURE__ */ t(it, { children: e })
+      children: /* @__PURE__ */ t(st, { children: e })
     }
   );
   return /* @__PURE__ */ t(
@@ -230,31 +234,34 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
     {
       className: m(
         E["export-wallet"],
-        !u && E["no-footer"],
+        !_ && E["no-footer"],
         r
       ),
-      ...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 }) }) })
+      ...u,
+      children: c ? p : /* @__PURE__ */ d(F, { verifyFirst: !0, children: [
+        /* @__PURE__ */ t(I, {}),
+        /* @__PURE__ */ t(R, { transition: "fade", children: /* @__PURE__ */ t("div", { className: m(E["flex-container"]), children: 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 = {
+}, mt = "ExportWalletModal-module__wrapper___r1E1L", ct = "ExportWalletModal-module__trigger___zMk8N", dt = "ExportWalletModal-module__content___KzNol", ut = "ExportWalletModal-module__footer___byg1T", _t = "ExportWalletModal-module__modal___pX1AP", l = {
   "export-wallet": "ExportWalletModal-module__export-wallet___--L56",
   "in-mfa-flow": "ExportWalletModal-module__in-mfa-flow___9Fe8k",
-  wrapper: pt,
+  wrapper: mt,
   "no-footer": "ExportWalletModal-module__no-footer___J8uj2",
-  trigger: mt,
+  trigger: ct,
   "title-bar": "ExportWalletModal-module__title-bar___RTPZq",
   "title-bar-space-bottom": "ExportWalletModal-module__title-bar-space-bottom___l-NvR",
   "export-wallet-title": "ExportWalletModal-module__export-wallet-title___2k0L-",
-  content: ct,
+  content: dt,
   "close-button": "ExportWalletModal-module__close-button___ImsDR",
   "close-icon": "ExportWalletModal-module__close-icon___iAfyT",
-  footer: dt,
+  footer: ut,
   "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);
+  modal: _t
+}, O = A(null), xt = () => {
+  const o = k(O);
   if (!o)
     throw new Error("useExportWalletModalContext must be used within a ExportWalletModal");
   return o;
@@ -263,68 +270,69 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
   className: e = "",
   label: r,
   ...a
-}) => /* @__PURE__ */ t(ot, { asChild: !0, children: o || /* @__PURE__ */ t(R, { className: m(l.trigger, e), ...a, children: r || "Export wallet" }) }), B = ({
+}) => /* @__PURE__ */ t(et, { asChild: !0, children: o || /* @__PURE__ */ t(T, { className: m(l.trigger, e), ...a, children: r || "Export wallet" }) }), K = ({
   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,
+}) => /* @__PURE__ */ t(ot, { asChild: !0, children: /* @__PURE__ */ t(e, { className: m(l["export-wallet-title"], r), ...a, children: o }) }), Y = ({ children: o }) => /* @__PURE__ */ t(Q, { asChild: !0, children: o || /* @__PURE__ */ t(
+  T,
   {
     "aria-label": "Close",
     className: l["close-button"],
     variant: "transparentSecondary",
-    children: /* @__PURE__ */ t(et, { className: l["close-icon"] })
+    children: /* @__PURE__ */ t(rt, { className: l["close-icon"] })
   }
-) }), 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, {})
+) }), ft = ({ children: o }) => {
+  const { view: e } = $();
+  return /* @__PURE__ */ d("div", { className: l["title-bar"], children: [
+    /* @__PURE__ */ t(I, {}),
+    /* @__PURE__ */ t(K, { className: m(e === "content" ? "" : l["visually-hidden"]), children: o }),
+    /* @__PURE__ */ t(Y, {})
   ] });
-}, M = ({
+}, v = ({
   children: o,
   className: e = "",
   title: r,
   ...a
 }) => {
-  const { showCoinbaseFooter: n } = b(), { address: s, onIframeReady: i, onCopySuccess: c, onIframeError: d, onIframeSessionExpired: u, skipMfa: p } = _t(), x = /* @__PURE__ */ t(
-    st,
+  const { showCoinbaseFooter: n } = b(), { address: s, onIframeReady: i, onCopySuccess: c, onIframeError: u, onIframeSessionExpired: _, skipMfa: p } = xt(), x = /* @__PURE__ */ t(
+    pt,
     {
       address: s,
       onIframeReady: i,
       onCopySuccess: c,
-      onIframeError: d,
-      onIframeSessionExpired: u,
+      onIframeError: u,
+      onIframeSessionExpired: _,
       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, {})
+      children: o || (({ isSessionExpired: f }) => /* @__PURE__ */ d(y, { children: [
+        p && /* @__PURE__ */ d("div", { className: m(l["title-bar"], l["title-bar-space-bottom"]), children: [
+          /* @__PURE__ */ t(K, {}),
+          /* @__PURE__ */ t(Y, {})
         ] }),
-        /* @__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__ */ d("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(V, {}),
           /* @__PURE__ */ t(j, {}),
-          /* @__PURE__ */ t(O, {}),
+          /* @__PURE__ */ t(B, {}),
           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__ */ _(
+  return /* @__PURE__ */ t(tt, { "aria-describedby": void 0, className: m(l.modal, e), ...a, children: p ? x : /* @__PURE__ */ d(
     F,
     {
       className: m(l.wrapper, n ? "" : l["no-footer"]),
       verifyFirst: !0,
       children: [
-        /* @__PURE__ */ t(xt, { children: r }),
-        /* @__PURE__ */ t(I, { transition: "fade", children: x }),
+        /* @__PURE__ */ t(ft, { children: r }),
+        /* @__PURE__ */ t(R, { transition: "fade", children: x }),
         n && /* @__PURE__ */ t(C, { className: m(l.footer, l["footer-space-top"]) })
       ]
     }
   ) });
-}, ee = ({
+}, ie = ({
   address: o,
   children: e,
   onIframeReady: r,
@@ -333,39 +341,39 @@ import '../../assets/ExportWallet.css';const rt = "ExportWallet-module__footer__
   onIframeSessionExpired: s,
   open: i,
   setIsOpen: c,
-  skipMfa: d = !1
+  skipMfa: u = !1
 }) => {
   S("export_wallet_modal");
-  const u = h(
+  const _ = h(
     () => ({
       address: o,
       onIframeReady: r,
       onCopySuccess: a,
       onIframeError: n,
       onIframeSessionExpired: s,
-      skipMfa: d
+      skipMfa: u
     }),
-    [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: [
+    [o, r, a, n, s, u]
+  ), p = e ? g(e, N) : !1, x = e ? g(e, v) : !1, f = !p && !x;
+  return /* @__PURE__ */ t(O.Provider, { value: _, children: /* @__PURE__ */ t(G, { open: i, onOpenChange: c, children: f ? /* @__PURE__ */ d(y, { children: [
     /* @__PURE__ */ t(N, { children: e }),
-    /* @__PURE__ */ t(M, {})
-  ] }) : /* @__PURE__ */ _(y, { children: [
+    /* @__PURE__ */ t(v, {})
+  ] }) : /* @__PURE__ */ d(y, { children: [
     e,
-    !x && /* @__PURE__ */ t(M, {})
+    !x && /* @__PURE__ */ t(v, {})
   ] }) }) });
 };
-z.registerPackageVersion("react", U);
+D.registerPackageVersion("react", q);
 export {
-  ee as E,
-  st as ExportWallet,
+  ie as E,
+  pt as ExportWallet,
   j as ExportWalletCopyAddress,
-  O as ExportWalletCopyKeyButton,
-  nt as ExportWalletFooter,
-  lt as ExportWalletTitle,
-  P as ExportWalletWarning,
-  K as a,
-  M as b,
-  B as c,
+  B as ExportWalletCopyKeyButton,
+  it as ExportWalletFooter,
+  nt as ExportWalletTitle,
+  V as ExportWalletWarning,
+  Y as a,
+  v as b,
+  K as c,
   N as d
 };