@coinbase/cdp-react 0.0.62 → 0.0.64

package/dist/components/ExportWallet/index.js

@@ -1,110 +1,281 @@
-import { jsx as o, jsxs as d, Fragment as _ } from "react/jsx-runtime";
-import { useCurrentUser as W } from "@coinbase/cdp-hooks";
-import { c as i } from "../../chunks/lite.1fxw3LjI.js";
-import { createContext as f, useMemo as c, useContext as C } from "react";
-import { CopyAddress as w } from "../CopyAddress/index.js";
-import { unstable_CopyEvmKeyButton as v } from "../CopyEvmKeyButton/index.js";
-import { unstable_CopySolanaKeyButton as b } from "../CopySolanaKeyButton/index.js";
+import { u as F, A as B } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { createContext as M, useMemo as x, useContext as v } from "react";
+import { VERSION as I } from "../../version.js";
+import "../AuthButton/index.js";
+import { useAppConfig as g } from "../CDPReactProvider/index.js";
+import { CopyAddress as K } from "../CopyAddress/index.js";
+import { CopyEvmKeyButton as V } from "../CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as z } from "../CopySolanaKeyButton/index.js";
+import { jsx as o, jsxs as m, Fragment as E } from "react/jsx-runtime";
+import { useCurrentUser as D } from "@coinbase/cdp-hooks";
+import { c as f } from "../../chunks/lite.1fxw3LjI.js";
 import { Banner as h } from "../ui/Banner/index.js";
-import { CoinbaseFooter as A } from "../ui/CoinbaseFooter/index.js";
-import "../../index.js";
-import { useAppConfig as B } from "../CDPReactProvider/index.js";
-import '../../assets/ExportWallet.css';const F = "ExportWallet-module__footer___NvrFY", u = {
+import { CoinbaseFooter as O } from "../ui/CoinbaseFooter/index.js";
+import { Button as b } from "../ui/Button/index.js";
+import { Modal as j, ModalClose as U, ModalContent as X, ModalTitle as Y, ModalTrigger as Z } from "../ui/Modal/index.js";
+import { IconXMark as $ } from "../../icons/IconXMark.js";
+import { childrenHasComponent as W } from "../../utils/childrenHasComponent.js";
+import "../Fund/index.js";
+import "../FundModal/index.js";
+import "../LinkAuth/index.js";
+import "../LinkAuthModal/index.js";
+import "../SendEvmTransactionButton/index.js";
+import "../SendSolanaTransactionButton/index.js";
+import "../SignIn/index.js";
+import "../SignIn/useSignInReducer.js";
+import "../SignInModal/index.js";
+import "../SignOutButton/index.js";
+import "../ThemeProvider/index.js";
+import "../../theme/cssVariables.js";
+import "../../theme/theme.js";
+import "../../theme/tokens.js";
+import "../../theme/utils.js";
+import "../../icons/IconAppleLogo.js";
+import "../../icons/IconArrowLeft.js";
+import "../../icons/IconArrowsUpDown.js";
+import "../../icons/IconCheck.js";
+import "../../icons/IconCheckCircle.js";
+import "../../icons/IconChevronDown.js";
+import "../../icons/IconCopy.js";
+import "../../icons/IconEnvelope.js";
+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/IconPlus.js";
+import "../../utils/clamp.js";
+import "../../utils/getMessageFromUnknownError.js";
+import "../../utils/isApiError.js";
+import "../../utils/isEmailInvalid.js";
+import "../../utils/parseValuesFromPhoneNumber.js";
+import "../../utils/sendIframeMessage.js";
+import "@coinbase/cdp-core";
+import "../Fund/FundForm.js";
+import "../Fund/FundTitle.js";
+import "../Fund/FundProvider.js";
+import "../../chunks/LinkAuthFlow.3HN888DV.js";
+import "../LinkAuth/LinkAuthFlowBackButton.js";
+import "../LinkAuth/LinkAuthItem.js";
+import "../LinkAuth/LinkAuthItems.js";
+import "../LinkAuth/LinkAuthTitle.js";
+import "../LinkAuth/LinkAuthProvider.js";
+import "../SignIn/SignInAuthMethodButtons.js";
+import "../SignIn/SignInBackButton.js";
+import "../SignIn/SignInDescription.js";
+import "../SignIn/SignInFooter.js";
+import "../SignIn/SignInForm.js";
+import "../SignIn/SignInImage.js";
+import "../SignIn/SignInTitle.js";
+import "../SignIn/SignInProvider.js";
+import '../../assets/ExportWallet.css';const q = "ExportWallet-module__footer___NvrFY", _ = {
   "export-wallet": "ExportWallet-module__export-wallet___EyZys",
+  "no-footer": "ExportWallet-module__no-footer___fzl3R",
   "export-wallet-title": "ExportWallet-module__export-wallet-title___MuI09",
-  footer: F
-}, x = f({
+  footer: q
+}, N = M({
   address: "",
-  type: "evm"
-}), m = () => {
-  const t = C(x);
+  type: "evm-eoa"
+}), C = () => {
+  const t = v(N);
   if (!t)
     throw new Error("useExportWalletContext must be used within a ExportWalletProvider");
   return t;
-}, K = ({
+}, H = ({
   address: t,
   children: r,
   onIframeError: e,
-  onIframeReady: n,
-  onCopySuccess: l
+  onIframeReady: l,
+  onCopySuccess: n
 }) => {
-  const { currentUser: a } = W(), p = c(
-    () => !!a?.solanaAccounts?.find((E) => E === t),
+  const { currentUser: a } = D(), i = x(
+    () => !!a?.solanaAccounts?.find((c) => c === t),
     [a?.solanaAccounts, t]
-  ) ? "solana" : "evm", y = c(
-    () => ({ address: t, type: p, onIframeError: e, onIframeReady: n, onCopySuccess: l }),
-    [t, p, e, n, l]
+  ), s = x(
+    () => !!a?.evmSmartAccounts?.find((c) => c === t),
+    [a?.evmSmartAccounts, t]
+  ), d = i ? "solana" : s ? "evm-smart" : "evm-eoa", u = x(
+    () => ({ address: t, type: d, onIframeError: e, onIframeReady: l, onCopySuccess: n }),
+    [t, d, e, l, n]
   );
-  return /* @__PURE__ */ o(x.Provider, { value: y, children: r });
-}, S = ({
+  return /* @__PURE__ */ o(N.Provider, { value: u, children: r });
+}, A = ({
   children: t,
   className: r = "",
   as: e = "h2",
-  ...n
-}) => /* @__PURE__ */ o(e, { className: i(u["export-wallet-title"], r), ...n, children: t || "Export your wallet" }), g = (t) => /* @__PURE__ */ o(h, { variant: "warning", ...t, children: "Do not share your private key with anyone" }), N = ({
+  ...l
+}) => /* @__PURE__ */ o(
+  e,
+  {
+    "data-part": "title",
+    className: f(_["export-wallet-title"], r),
+    ...l,
+    children: t || "Export your wallet"
+  }
+), S = (t) => {
+  const { type: r } = C();
+  return r === "evm-smart" ? /* @__PURE__ */ o(h, { "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(h, { "data-part": "warning", variant: "warning", ...t, children: "Do not share your private key with anyone" });
+}, T = ({
   label: t = "Your wallet address",
   ...r
 }) => {
-  const { address: e } = m();
-  return /* @__PURE__ */ o(w, { address: e, label: t, ...r });
-}, P = ({
+  const { address: e } = C();
+  return /* @__PURE__ */ o(K, { "data-part": "copy-address", address: e, label: t, ...r });
+}, k = ({
   fullWidth: t = !0,
   ...r
 }) => {
-  const { address: e, type: n, onIframeError: l, onIframeReady: a, onCopySuccess: s } = m();
-  return n === "solana" ? /* @__PURE__ */ o(
-    b,
+  const { address: e, type: l, onIframeError: n, onIframeReady: a, onCopySuccess: i } = C();
+  return l === "solana" ? /* @__PURE__ */ o(
+    z,
     {
       fullWidth: t,
       address: e,
-      onError: l,
+      onError: n,
       onReady: a,
-      onSuccess: s,
+      onSuccess: i,
       ...r
     }
-  ) : n === "evm" ? /* @__PURE__ */ o(
-    v,
+  ) : l === "evm-eoa" ? /* @__PURE__ */ o(
+    V,
     {
       fullWidth: t,
       address: e,
-      onError: l,
+      onError: n,
       onReady: a,
-      onSuccess: s,
+      onSuccess: i,
       ...r
     }
   ) : null;
-}, j = (t) => /* @__PURE__ */ o(A, { ...t }), z = ({
+}, P = (t) => /* @__PURE__ */ o(O, { "data-part": "coinbase-footer", ...t }), L = ({
   address: t,
   children: r,
   className: e = "",
-  onIframeError: n,
-  onIframeReady: l,
+  onIframeError: l,
+  onIframeReady: n,
   onCopySuccess: a,
-  ...s
+  ...i
+}) => {
+  const { showCoinbaseFooter: s } = g();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: f(
+        _["export-wallet"],
+        !s && _["no-footer"],
+        e
+      ),
+      ...i,
+      children: /* @__PURE__ */ o(
+        H,
+        {
+          address: t,
+          onIframeReady: n,
+          onCopySuccess: a,
+          onIframeError: l,
+          children: r || /* @__PURE__ */ m(E, { children: [
+            /* @__PURE__ */ o(A, {}),
+            /* @__PURE__ */ o(S, {}),
+            /* @__PURE__ */ o(T, {}),
+            /* @__PURE__ */ o(k, {}),
+            s && /* @__PURE__ */ o(P, { className: _.footer })
+          ] })
+        }
+      )
+    }
+  );
+}, G = "ExportWalletModal-module__trigger___zMk8N", J = "ExportWalletModal-module__content___KzNol", Q = "ExportWalletModal-module__footer___byg1T", tt = "ExportWalletModal-module__modal___pX1AP", p = {
+  "export-wallet": "ExportWalletModal-module__export-wallet___--L56",
+  trigger: G,
+  "title-bar": "ExportWalletModal-module__title-bar___RTPZq",
+  content: J,
+  "close-button": "ExportWalletModal-module__close-button___ImsDR",
+  "close-icon": "ExportWalletModal-module__close-icon___iAfyT",
+  footer: Q,
+  modal: tt
+}, R = M(null), ot = () => {
+  const t = v(R);
+  if (!t)
+    throw new Error("useExportWalletModalContext must be used within a ExportWalletModal");
+  return t;
+}, w = ({
+  children: t,
+  className: r = "",
+  label: e,
+  ...l
+}) => /* @__PURE__ */ o(Z, { asChild: !0, children: t || /* @__PURE__ */ o(b, { className: f(p.trigger, r), ...l, children: e || "Export wallet" }) }), rt = ({
+  children: t = "Copy private key to export wallet",
+  ...r
+}) => /* @__PURE__ */ o(Y, { asChild: !0, children: /* @__PURE__ */ o(A, { ...r, children: t }) }), et = ({ children: t }) => /* @__PURE__ */ o(U, { asChild: !0, children: t || /* @__PURE__ */ o(
+  b,
+  {
+    "aria-label": "Close",
+    className: p["close-button"],
+    variant: "transparentSecondary",
+    children: /* @__PURE__ */ o($, { className: p["close-icon"] })
+  }
+) }), y = ({
+  children: t,
+  className: r = "",
+  ...e
 }) => {
-  const { showCoinbaseFooter: p } = B();
-  return /* @__PURE__ */ o("div", { className: i(u["export-wallet"], e), ...s, children: /* @__PURE__ */ o(
-    K,
+  const { showCoinbaseFooter: l } = g(), { address: n, onIframeReady: a, onCopySuccess: i, onIframeError: s } = ot();
+  return /* @__PURE__ */ o(X, { "aria-describedby": void 0, className: f(p.modal, r), ...e, children: /* @__PURE__ */ o(
+    L,
     {
-      address: t,
-      onIframeReady: l,
-      onCopySuccess: a,
-      onIframeError: n,
-      children: r || /* @__PURE__ */ d(_, { children: [
-        /* @__PURE__ */ o(S, {}),
-        /* @__PURE__ */ o(g, {}),
-        /* @__PURE__ */ o(N, {}),
-        /* @__PURE__ */ o(P, {}),
-        p && /* @__PURE__ */ o(j, { className: u.footer })
+      address: n,
+      onIframeReady: a,
+      onCopySuccess: i,
+      onIframeError: s,
+      className: p["export-wallet"],
+      children: t || /* @__PURE__ */ m(E, { children: [
+        /* @__PURE__ */ m("div", { className: p["title-bar"], children: [
+          /* @__PURE__ */ o(rt, {}),
+          /* @__PURE__ */ o(et, {})
+        ] }),
+        /* @__PURE__ */ m("div", { className: p.content, children: [
+          /* @__PURE__ */ o(S, {}),
+          /* @__PURE__ */ o(T, {}),
+          /* @__PURE__ */ o(k, {}),
+          l && /* @__PURE__ */ o(P, { className: p.footer })
+        ] })
       ] })
     }
   ) });
+}, wo = ({
+  address: t,
+  children: r,
+  onIframeReady: e,
+  onCopySuccess: l,
+  onIframeError: n,
+  open: a,
+  setIsOpen: i
+}) => {
+  F("export_wallet_modal");
+  const s = x(
+    () => ({ address: t, onIframeReady: e, onCopySuccess: l, onIframeError: n }),
+    [t, e, l, n]
+  ), d = r ? W(r, w) : !1, u = r ? W(r, y) : !1, c = !d && !u;
+  return /* @__PURE__ */ o(R.Provider, { value: s, children: /* @__PURE__ */ o(j, { open: a, onOpenChange: i, children: c ? /* @__PURE__ */ m(E, { children: [
+    /* @__PURE__ */ o(w, { children: r }),
+    /* @__PURE__ */ o(y, {})
+  ] }) : /* @__PURE__ */ m(E, { children: [
+    r,
+    !u && /* @__PURE__ */ o(y, {})
+  ] }) }) });
 };
+B.registerPackageVersion("react", I);
 export {
-  z as unstable_ExportWallet,
-  N as unstable_ExportWalletCopyAddress,
-  P as unstable_ExportWalletCopyKeyButton,
-  j as unstable_ExportWalletFooter,
-  S as unstable_ExportWalletTitle,
-  g as unstable_ExportWalletWarning
+  wo as E,
+  L as ExportWallet,
+  T as ExportWalletCopyAddress,
+  k as ExportWalletCopyKeyButton,
+  P as ExportWalletFooter,
+  A as ExportWalletTitle,
+  S as ExportWalletWarning,
+  et as a,
+  y as b,
+  rt as c,
+  w as d
 };

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { unstable_ExportWalletProps as ExportWalletProps } from '../ExportWallet';
+import { ExportWalletProps, ExportWalletTitleProps } from '../ExportWallet';
 import { ButtonProps } from '../ui/Button';
 import { ModalContentProps } from '../ui/Modal';
 interface ExportWalletModalTriggerProps extends Partial<Pick<ButtonProps, "className" | "fullWidth" | "size" | "style" | "variant">> {
@@ -7,12 +7,18 @@ interface ExportWalletModalTriggerProps extends Partial<Pick<ButtonProps, "class
     label?: ReactNode;
 }
 type ExportWalletModalContentProps = ModalContentProps;
+type ExportWalletModalTitleProps = ExportWalletTitleProps;
+interface ExportWalletModalCloseProps {
+    children?: ReactNode;
+}
 interface ExportWalletModalProps extends Pick<ExportWalletProps, "address" | "onIframeReady" | "onCopySuccess" | "onIframeError"> {
     children?: ReactNode;
     open?: boolean;
     setIsOpen?: (value: boolean) => void;
 }
 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 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, open, setIsOpen, }: ExportWalletModalProps) => import("react/jsx-runtime").JSX.Element;
-export { ExportWalletModal as unstable_ExportWalletModal, ExportWalletModalTrigger as unstable_ExportWalletModalTrigger, ExportWalletModalContent as unstable_ExportWalletModalContent, type ExportWalletModalProps as unstable_ExportWalletModalProps, type ExportWalletModalTriggerProps as unstable_ExportWalletModalTriggerProps, type ExportWalletModalContentProps as unstable_ExportWalletModalContentProps, };
+export { ExportWalletModal, ExportWalletModalClose, ExportWalletModalContent, ExportWalletModalTitle, ExportWalletModalTrigger, type ExportWalletModalProps, type ExportWalletModalCloseProps, type ExportWalletModalContentProps, type ExportWalletModalTitleProps, type ExportWalletModalTriggerProps, };

package/dist/components/ExportWalletModal/index.js

@@ -1,96 +1,17 @@
-import { jsx as t, jsxs as n, Fragment as _ } from "react/jsx-runtime";
-import { u as g } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { createContext as b, useMemo as h, useContext as y } from "react";
-import { c as E } from "../../chunks/lite.1fxw3LjI.js";
-import { useAppConfig as T } from "../CDPReactProvider/index.js";
-import { unstable_ExportWallet as w, unstable_ExportWalletWarning as N, unstable_ExportWalletCopyAddress as v, unstable_ExportWalletCopyKeyButton as A, unstable_ExportWalletFooter as F, unstable_ExportWalletTitle as j } from "../ExportWallet/index.js";
-import { Button as W } from "../ui/Button/index.js";
-import { Modal as k, ModalTrigger as B, ModalContent as K, ModalTitle as P, ModalClose as R } from "../ui/Modal/index.js";
-import { IconXMark as z } from "../../icons/IconXMark.js";
-import { childrenHasComponent as m } from "../../utils/childrenHasComponent.js";
-import '../../assets/ExportWalletModal.css';const D = "ExportWalletModal-module__trigger___zMk8N", I = "ExportWalletModal-module__content___KzNol", O = "ExportWalletModal-module__footer___byg1T", S = "ExportWalletModal-module__modal___pX1AP", e = {
-  "export-wallet": "ExportWalletModal-module__export-wallet___--L56",
-  "no-footer": "ExportWalletModal-module__no-footer___J8uj2",
-  trigger: D,
-  "title-bar": "ExportWalletModal-module__title-bar___RTPZq",
-  content: I,
-  "close-button": "ExportWalletModal-module__close-button___ImsDR",
-  "close-icon": "ExportWalletModal-module__close-icon___iAfyT",
-  footer: O,
-  modal: S
-}, M = b(null), X = () => {
-  const o = y(M);
-  if (!o)
-    throw new Error("useExportWalletModalContext must be used within a ExportWalletModal");
-  return o;
-}, u = ({
-  children: o,
-  className: l = "",
-  label: r,
-  ...a
-}) => /* @__PURE__ */ t(B, { asChild: !0, children: o || /* @__PURE__ */ t(W, { className: E(e.trigger, l), ...a, children: r || "Export wallet" }) }), $ = ({
-  children: o = "Copy private key to export wallet",
-  ...l
-}) => /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ t(j, { ...l, children: o }) }), q = ({ children: o }) => /* @__PURE__ */ t(R, { asChild: !0, children: o || /* @__PURE__ */ t(
-  W,
-  {
-    "aria-label": "Close",
-    className: e["close-button"],
-    variant: "transparentSecondary",
-    children: /* @__PURE__ */ t(z, { className: e["close-icon"] })
-  }
-) }), i = ({
-  children: o,
-  className: l = "",
-  ...r
-}) => {
-  const { showCoinbaseFooter: a } = T(), { address: s, onIframeReady: d, onCopySuccess: p, onIframeError: c } = X();
-  return /* @__PURE__ */ t(K, { "aria-describedby": void 0, className: E(e.modal, l), ...r, children: /* @__PURE__ */ t(
-    w,
-    {
-      address: s,
-      onIframeReady: d,
-      onCopySuccess: p,
-      onIframeError: c,
-      className: `${e["export-wallet"]} ${a ? "" : e["no-footer"]}`,
-      children: o || /* @__PURE__ */ n(_, { children: [
-        /* @__PURE__ */ n("div", { className: e["title-bar"], children: [
-          /* @__PURE__ */ t($, {}),
-          /* @__PURE__ */ t(q, {})
-        ] }),
-        /* @__PURE__ */ n("div", { className: e.content, children: [
-          /* @__PURE__ */ t(N, {}),
-          /* @__PURE__ */ t(v, {}),
-          /* @__PURE__ */ t(A, {}),
-          a && /* @__PURE__ */ t(F, { className: e.footer })
-        ] })
-      ] })
-    }
-  ) });
-}, ot = ({
-  address: o,
-  children: l,
-  onIframeReady: r,
-  onCopySuccess: a,
-  onIframeError: s,
-  open: d,
-  setIsOpen: p
-}) => {
-  g("export_wallet_modal");
-  const c = h(
-    () => ({ address: o, onIframeReady: r, onCopySuccess: a, onIframeError: s }),
-    [o, r, a, s]
-  ), C = l ? m(l, u) : !1, x = l ? m(l, i) : !1, f = !C && !x;
-  return /* @__PURE__ */ t(M.Provider, { value: c, children: /* @__PURE__ */ t(k, { open: d, onOpenChange: p, children: f ? /* @__PURE__ */ n(_, { children: [
-    /* @__PURE__ */ t(u, { children: l }),
-    /* @__PURE__ */ t(i, {})
-  ] }) : /* @__PURE__ */ n(_, { children: [
-    l,
-    !x && /* @__PURE__ */ t(i, {})
-  ] }) }) });
-};
+import "react/jsx-runtime";
+import "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import "react";
+import "../../chunks/lite.1fxw3LjI.js";
+import "../CDPReactProvider/index.js";
+import { E as x, a as E, b as M, c as W, d as g } from "../ExportWallet/index.js";
+import "../ui/Button/index.js";
+import "../ui/Modal/index.js";
+import "../../icons/IconXMark.js";
+import "../../utils/childrenHasComponent.js";
 export {
-  ot as unstable_ExportWalletModal,
-  i as unstable_ExportWalletModalContent,
-  u as unstable_ExportWalletModalTrigger
+  x as ExportWalletModal,
+  E as ExportWalletModalClose,
+  M as ExportWalletModalContent,
+  W as ExportWalletModalTitle,
+  g as ExportWalletModalTrigger
 };

package/dist/components/LinkAuth/LinkAuthFlow.js

@@ -5,7 +5,7 @@ import "../SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import "../ui/SwitchSlideTransition/index.js";
 import "../ui/VisuallyHidden/index.js";
-import { L as x } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { a as A } from "../../chunks/LinkAuthFlow.3HN888DV.js";
 import "./LinkAuthItems.js";
 import "./types.js";
 import "../SignIn/SignInProvider.js";
@@ -15,5 +15,5 @@ import "../SignIn/SignInTitle.js";
 import "../SignIn/SignInDescription.js";
 import "../SignIn/SignInFooter.js";
 export {
-  x as LinkAuthFlow
+  A as LinkAuthFlow
 };

package/dist/components/LinkAuth/LinkAuthFlowBackButton.js

@@ -3,7 +3,7 @@ import { c as k } from "../../chunks/lite.1fxw3LjI.js";
 import "react";
 import { Button as p } from "../ui/Button/index.js";
 import { IconArrowLeft as f } from "../../icons/IconArrowLeft.js";
-import { b as w } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { b as w } from "../../chunks/LinkAuthFlow.3HN888DV.js";
 import { useLinkAuthContext as _ } from "./LinkAuthProvider.js";
 import "../CDPReactProvider/index.js";
 import { methodToView as b } from "./utils.js";

package/dist/components/LinkAuth/LinkAuthFlowProvider.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../CDPReactProvider/index.js";
-import { a, u as e, b as n } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { L as e, u as n, b as s } from "../../chunks/LinkAuthFlow.3HN888DV.js";
 export {
-  a as LinkAuthFlowProvider,
-  e as useLinkAuthFlow,
-  n as useLinkAuthFlowInternal
+  e as LinkAuthFlowProvider,
+  n as useLinkAuthFlow,
+  s as useLinkAuthFlowInternal
 };

package/dist/components/LinkAuth/index.js

@@ -8,8 +8,8 @@ import { Banner as U } from "../ui/Banner/index.js";
 import { getMessageFromUnknownError as D } from "../../utils/getMessageFromUnknownError.js";
 import "libphonenumber-js";
 import { toOAuthProviderType as H } from "../../utils/toOAuthProviderType.js";
-import { a as M, L as v } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
-import { u as mt } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { L as M, a as v } from "../../chunks/LinkAuthFlow.3HN888DV.js";
+import { u as mt } from "../../chunks/LinkAuthFlow.3HN888DV.js";
 import { LinkAuthFlowBackButton as V } from "./LinkAuthFlowBackButton.js";
 import { LinkAuthItem as dt } from "./LinkAuthItem.js";
 import { LinkAuthItems as ft } from "./LinkAuthItems.js";

package/dist/components/LinkAuthModal/index.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as n, Fragment as d } from "react/jsx-runtime";
 import { u as p } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
-import { createContext as L, useMemo as f, useContext as g } from "react";
+import { createContext as f, useMemo as L, useContext as g } from "react";
 import { c as A } from "../../chunks/lite.1fxw3LjI.js";
 import "../CDPReactProvider/index.js";
 import { LinkAuth as C, LinkAuthError as x } from "../LinkAuth/index.js";
@@ -11,14 +11,14 @@ import { IconXMark as F } from "../../icons/IconXMark.js";
 import { childrenHasComponent as c } from "../../utils/childrenHasComponent.js";
 import { LinkAuthTitle as H } from "../LinkAuth/LinkAuthTitle.js";
 import { LinkAuthFlowBackButton as j } from "../LinkAuth/LinkAuthFlowBackButton.js";
-import { L as B } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { a as B } from "../../chunks/LinkAuthFlow.3HN888DV.js";
 import '../../assets/LinkAuthModal.css';const S = "LinkAuthModal-module__header___qoco6", D = "LinkAuthModal-module__error___Srl7H", E = "LinkAuthModal-module__trigger___aHDfG", r = {
   header: S,
   error: D,
   "close-icon": "LinkAuthModal-module__close-icon___Fe02C",
   "close-button": "LinkAuthModal-module__close-button___x6j3c",
   trigger: E
-}, h = L(null), O = () => {
+}, h = f(null), O = () => {
   const e = g(h);
   if (!e)
     throw new Error("useLinkAuthModalContext must be used within a LinkAuthModal");
@@ -26,9 +26,9 @@ import '../../assets/LinkAuthModal.css';const S = "LinkAuthModal-module__header_
 }, u = ({
   children: e,
   className: t = "",
-  label: l,
-  ...i
-}) => /* @__PURE__ */ o(T, { asChild: !0, children: e || /* @__PURE__ */ o(m, { className: A(r.trigger, t), ...i, children: l || "Link accounts" }) }), a = (e) => {
+  label: i,
+  ...a
+}) => /* @__PURE__ */ o(T, { asChild: !0, children: e || /* @__PURE__ */ o(m, { className: A(r.trigger, t), ...a, children: i || "Link accounts" }) }), l = (e) => {
   const { onLinkSuccess: t } = O();
   return /* @__PURE__ */ n(v, { "aria-describedby": void 0, ...e, children: [
     /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(w, { children: "Link a profile" }) }),
@@ -51,19 +51,19 @@ import '../../assets/LinkAuthModal.css';const S = "LinkAuthModal-module__header_
       /* @__PURE__ */ o(B, {})
     ] })
   ] });
-}, Z = ({ children: e, open: t, setIsOpen: l, onLinkSuccess: i }) => {
+}, Z = ({ children: e, open: t, setIsOpen: i, onLinkSuccess: a }) => {
   p("manage_auth_modal");
-  const _ = e ? c(e, u) : !1, s = e ? c(e, a) : !1, k = !_ && !s, M = f(() => ({ onLinkSuccess: i }), [i]);
-  return /* @__PURE__ */ o(h.Provider, { value: M, children: /* @__PURE__ */ o(b, { open: t, onOpenChange: l, children: k ? /* @__PURE__ */ n(d, { children: [
+  const _ = e ? c(e, u) : !1, s = e ? c(e, l) : !1, k = !_ && !s, M = L(() => ({ onLinkSuccess: a }), [a]);
+  return /* @__PURE__ */ o(h.Provider, { value: M, children: /* @__PURE__ */ o(b, { open: t, onOpenChange: i, children: k ? /* @__PURE__ */ n(d, { children: [
     /* @__PURE__ */ o(u, { children: e }),
-    /* @__PURE__ */ o(a, {})
+    /* @__PURE__ */ o(l, {})
   ] }) : /* @__PURE__ */ n(d, { children: [
     e,
-    !s && /* @__PURE__ */ o(a, {})
+    !s && /* @__PURE__ */ o(l, {})
   ] }) }) });
 };
 export {
   Z as LinkAuthModal,
-  a as LinkAuthModalContent,
+  l as LinkAuthModalContent,
   u as LinkAuthModalTrigger
 };

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

@@ -1,11 +1,15 @@
 import { IframeHTMLAttributes, ReactNode } from 'react';
-import { ButtonSize } from '../../../theme/theme';
+import { ButtonSize, ButtonVariant } from '../../../theme/theme';
+import { IframeTheme } from '../../../types/secureIframe';
 interface IframeButtonProps extends IframeHTMLAttributes<HTMLIFrameElement> {
-    isPending?: boolean;
-    label: ReactNode;
     icon?: boolean;
+    isPending?: boolean;
     fullWidth?: boolean;
+    label: ReactNode;
+    onThemeChange?: (theme: IframeTheme) => void;
     size?: ButtonSize;
+    theme?: Partial<IframeTheme>;
+    variant?: Extract<ButtonVariant, "primary" | "secondary">;
 }
-export declare const IframeButton: import('react').ForwardRefExoticComponent<IframeButtonProps & import('react').RefAttributes<HTMLIFrameElement>>;
-export {};
+declare const IframeButton: import('react').ForwardRefExoticComponent<IframeButtonProps & import('react').RefAttributes<HTMLIFrameElement>>;
+export { IframeButton, type IframeButtonProps, type IframeTheme };