@coinbase/cdp-react 0.0.60 → 0.0.62

package/README.md

@@ -3,14 +3,16 @@ the CDP frontend SDK.
 
 ## Components
 
- - {@link SignInModal | `SignInModal`} - a button that triggers a modal with the sign-in flow
- - {@link SignIn | `SignIn`} - the forms for the sign in flow, a logo, heading, and description text
- - {@link SignOutButton | `SignOutButton`} - a sign out button
- - {@link AuthButton | `AuthButton`} - the `SignOutButton` when logged in, and the `SignInModal` when logged out
- - {@link SendEvmTransactionButton | `SendEvmTransactionButton`} - a button that signs and sends an EVM transaction
- - {@link SendSolanaTransactionButton | `SendSolanaTransactionButton`} - a button that signs and sends a Solana transaction
- - {@link Fund | `Fund`} - the fund flow
- - {@link FundModal | `FundModal`} - a button that triggers a modal with the fund flow
+ - {@link SignInModal | SignInModal} - a button that triggers a modal with the sign-in flow
+ - {@link SignIn | SignIn} - the forms for the sign in flow, a logo, heading, and description text
+ - {@link SignOutButton | SignOutButton} - a sign out button
+ - {@link AuthButton | AuthButton} - the `SignOutButton` when logged in, and the `SignInModal` when logged out
+ - {@link SendEvmTransactionButton | SendEvmTransactionButton} - a button that signs and sends an EVM transaction
+ - {@link SendSolanaTransactionButton | SendSolanaTransactionButton} - a button that signs and sends a Solana transaction
+ - {@link Fund | Fund} - the fund flow
+ - {@link FundModal | FundModal} - a button that triggers a modal with the fund flow
+ - {@link LinkAuth | LinkAuth} - a component to link or unlink auth methods
+ - {@link LinkAuthModal | LinkAuthModal} - a button that triggers a modal with the link / unlink flow
 
 ## Quickstart
 

package/dist/chunks/{LinkAuthFlow.BZtyaLN-.js → LinkAuthFlow.CxSnHF2p.js}

@@ -93,7 +93,7 @@ const ii = ({ children: t }) => {
       animateHeight: !0,
       items: R,
       initialEntered: !0,
-      timeout: 300,
+      timeout: 250,
       direction: u,
       transitionRef: a,
       children: ({ itemKey: n, ...o }) => {

package/dist/components/CDPReactProvider/index.js

@@ -1,20 +1,20 @@
-import { jsx as p, jsxs as D } from "react/jsx-runtime";
-import { OAuth2ProviderType as H, CDPContext as S, CDPHooksProvider as U } from "@coinbase/cdp-hooks";
-import { lazy as _, createContext as E, useContext as m, useMemo as x } from "react";
-import { ThemeProvider as j } from "../ThemeProvider/index.js";
-const F = _(() => import("../OAuthStatusModal/index.js")), k = (e) => {
+import { jsx as p, jsxs as H } from "react/jsx-runtime";
+import { OAuth2ProviderType as S, CDPContext as U, CDPHooksProvider as _ } from "@coinbase/cdp-hooks";
+import { lazy as E, createContext as j, useContext as m, useMemo as L } from "react";
+import { ThemeProvider as F } from "../ThemeProvider/index.js";
+const k = E(() => import("../OAuthStatusModal/index.js")), I = (t) => {
   try {
-    return JSON.stringify(e);
+    return JSON.stringify(t);
   } catch {
   }
   return "";
-}, I = Object.keys(H).map((e) => `oauth:${e}`), J = [
+}, J = Object.keys(S).map((t) => `oauth:${t}`), V = [
   /** Email OTP method */
   "email",
   /** SMS OTP method */
   "sms"
-], q = [...J, ...I], G = ({
-  children: e,
+], G = [...V, ...J], K = ({
+  children: t,
   className: r = "",
   config: n,
   name: s,
@@ -25,16 +25,17 @@ const F = _(() => import("../OAuthStatusModal/index.js")), k = (e) => {
     appName: h,
     appLogoUrl: c,
     showCoinbaseFooter: u,
-    authMethods: o,
+    authMethods: e,
     projectId: d,
     secureIframeBasePath: C,
     useMock: l,
     debugging: f,
     basePath: A,
-    ethereum: L,
-    solana: y,
-    disableAnalytics: O
-  } = n, { createOnLogin: P } = L ?? {}, { createOnLogin: M } = y ?? {}, b = x(
+    ethereum: y,
+    solana: b,
+    disableAnalytics: O,
+    customAuth: P
+  } = n, { createOnLogin: M } = y ?? {}, { createOnLogin: v } = b ?? {}, w = L(
     () => ({
       projectId: d,
       useMock: l,
@@ -42,8 +43,9 @@ const F = _(() => import("../OAuthStatusModal/index.js")), k = (e) => {
       basePath: A,
       secureIframeBasePath: C,
       disableAnalytics: O,
-      ethereum: { createOnLogin: P },
-      solana: { createOnLogin: M }
+      customAuth: P,
+      ethereum: { createOnLogin: M },
+      solana: { createOnLogin: v }
     }),
     [
       d,
@@ -51,36 +53,37 @@ const F = _(() => import("../OAuthStatusModal/index.js")), k = (e) => {
       f,
       A,
       C,
-      P,
       M,
-      O
+      v,
+      O,
+      P
     ]
-  ), w = { appName: h, appLogoUrl: c, showCoinbaseFooter: u, authMethods: o }, N = o?.some((T) => T.startsWith("oauth:")), v = /* @__PURE__ */ p(V, { name: s, config: w, children: /* @__PURE__ */ D(j, { className: r, style: a, theme: i, children: [
-    e,
-    N && /* @__PURE__ */ p(F, {})
+  ), N = { appName: h, appLogoUrl: c, showCoinbaseFooter: u, authMethods: e }, T = e?.some((D) => D.startsWith("oauth:")), x = /* @__PURE__ */ p(z, { name: s, config: N, children: /* @__PURE__ */ H(F, { className: r, style: a, theme: i, children: [
+    t,
+    T && /* @__PURE__ */ p(k, {})
   ] }) });
-  return m(S) ? v : /* @__PURE__ */ p(U, { config: b, children: v });
-}, g = E(
+  return m(U) ? x : /* @__PURE__ */ p(_, { config: w, children: x });
+}, g = j(
   void 0
-), t = {
+), o = {
   appName: "",
   appLogoUrl: "",
   showCoinbaseFooter: !0,
   authMethods: ["email"]
-}, V = ({
-  children: e,
+}, z = ({
+  children: t,
   config: r,
   name: n
 }) => {
   const {
-    appName: s = t.appName,
-    appLogoUrl: a = t.appLogoUrl,
-    showCoinbaseFooter: i = t.showCoinbaseFooter,
-    authMethods: h = t.authMethods
-  } = r ?? {}, c = k(h), u = x(() => {
-    let o = ["email"];
+    appName: s = o.appName,
+    appLogoUrl: a = o.appLogoUrl,
+    showCoinbaseFooter: i = o.showCoinbaseFooter,
+    authMethods: h = o.authMethods
+  } = r ?? {}, c = I(h), u = L(() => {
+    let e = ["email"];
     try {
-      o = JSON.parse(c);
+      e = JSON.parse(c);
     } catch {
     }
     return {
@@ -88,28 +91,28 @@ const F = _(() => import("../OAuthStatusModal/index.js")), k = (e) => {
         appName: s,
         appLogoUrl: a,
         showCoinbaseFooter: i,
-        authMethods: Array.isArray(o) && o?.length ? o : t.authMethods
+        authMethods: Array.isArray(e) && e?.length ? e : o.authMethods
       },
       name: n
     };
   }, [s, a, i, c, n]);
-  return /* @__PURE__ */ p(g.Provider, { value: u, children: e });
-}, K = () => {
-  const e = m(g);
-  if (!e)
-    throw new Error("useAppConfig must be used within an AppConfigProvider");
-  return e.app;
+  return /* @__PURE__ */ p(g.Provider, { value: u, children: t });
 }, Q = () => {
-  const e = m(g);
-  if (!e)
+  const t = m(g);
+  if (!t)
+    throw new Error("useAppConfig must be used within an AppConfigProvider");
+  return t.app;
+}, X = () => {
+  const t = m(g);
+  if (!t)
     throw new Error("useProviderName must be used within an AppConfigProvider");
-  return e.name ?? "";
+  return t.name ?? "";
 };
 export {
-  q as ALL_AUTH_METHODS,
-  J as AUTH_METHODS,
-  G as CDPReactProvider,
-  I as OAUTH_METHODS,
-  K as useAppConfig,
-  Q as useProviderName
+  G as ALL_AUTH_METHODS,
+  V as AUTH_METHODS,
+  K as CDPReactProvider,
+  J as OAUTH_METHODS,
+  Q as useAppConfig,
+  X as useProviderName
 };

package/dist/components/CopyEvmKeyButton/index.js

@@ -1,18 +1,18 @@
-import { jsx as P } from "react/jsx-runtime";
-import { useConfig as v } from "@coinbase/cdp-hooks";
-import { useRef as x, useCallback as I } from "react";
+import { jsx as B } from "react/jsx-runtime";
+import { useConfig as P } from "@coinbase/cdp-hooks";
+import { useRef as v, useCallback as x } from "react";
 import "../ui/Button/index.js";
-import { IframeButton as K } from "../ui/IframeButton/index.js";
-import { useKeyExportPostMessage as h } from "../../hooks/useKeyExportPostMessage.js";
+import { IframeButton as I } from "../ui/IframeButton/index.js";
+import { useKeyExportPostMessage as K } from "../../hooks/useKeyExportPostMessage.js";
 import "@coinbase/cdp-core";
 import "../../theme/cssVariables.js";
 import "../../theme/theme.js";
 import "../../theme/tokens.js";
 const A = ({
-  address: f,
-  className: s = "",
+  address: s,
+  className: a = "",
   copiedLabel: n = "Copied",
-  icon: r = !0,
+  icon: o = !0,
   fullWidth: c,
   label: e = "Copy key",
   onReady: t,
@@ -22,38 +22,37 @@ const A = ({
   variant: u
 }) => {
   const {
-    config: { projectId: d, secureIframeBasePath: l }
-  } = v(), a = x(null), y = I(
-    (o, B) => {
-      o === "ready" && t?.(), o === "success" && m?.(), o === "error" && i?.(B);
+    config: { projectId: l, secureIframeBasePath: y }
+  } = P(), f = v(null), d = x(
+    (r, g) => {
+      r === "ready" && t?.(), r === "success" && m?.(), r === "error" && i?.(g);
     },
     [t, m, i]
-  ), { iframeUrl: C, onLoad: b, isPending: g } = h({
-    address: f,
+  ), { iframeUrl: C, isPending: b } = K({
+    address: s,
     type: "evm",
-    projectId: d,
+    projectId: l,
     variant: u,
     size: p,
     label: e,
-    basePath: l,
+    basePath: y,
     copiedLabel: n,
-    icon: r,
-    iframeRef: a,
-    onStatusUpdate: y
+    icon: o,
+    iframeRef: f,
+    onStatusUpdate: d
   });
-  return /* @__PURE__ */ P(
-    K,
+  return /* @__PURE__ */ B(
+    I,
     {
-      ref: a,
+      ref: f,
       src: C,
       allow: "clipboard-read; clipboard-write",
-      onLoad: b,
-      isPending: g,
+      isPending: b,
       label: e,
-      icon: r,
+      icon: o,
       fullWidth: c,
       size: p,
-      className: s
+      className: a
     }
   );
 };

package/dist/components/CopySolanaKeyButton/index.js

@@ -1,9 +1,9 @@
-import { jsx as P } from "react/jsx-runtime";
-import { useConfig as x } from "@coinbase/cdp-hooks";
-import { useRef as I, useCallback as K } from "react";
+import { jsx as B } from "react/jsx-runtime";
+import { useConfig as P } from "@coinbase/cdp-hooks";
+import { useRef as x, useCallback as I } from "react";
 import "../ui/Button/index.js";
-import { IframeButton as h } from "../ui/IframeButton/index.js";
-import { useKeyExportPostMessage as j } from "../../hooks/useKeyExportPostMessage.js";
+import { IframeButton as K } from "../ui/IframeButton/index.js";
+import { useKeyExportPostMessage as h } from "../../hooks/useKeyExportPostMessage.js";
 import "@coinbase/cdp-core";
 import "../../theme/cssVariables.js";
 import "../../theme/theme.js";
@@ -22,33 +22,32 @@ const A = ({
   variant: l
 }) => {
   const {
-    config: { projectId: u, secureIframeBasePath: d }
-  } = x(), m = I(null), y = K(
-    (o, B) => {
-      o === "ready" && t?.(), o === "success" && a?.(), o === "error" && i?.(B);
+    config: { projectId: u, secureIframeBasePath: y }
+  } = P(), m = x(null), d = I(
+    (o, g) => {
+      o === "ready" && t?.(), o === "success" && a?.(), o === "error" && i?.(g);
     },
     [t, a, i]
-  ), { iframeUrl: C, onLoad: b, isPending: g } = j({
+  ), { iframeUrl: C, isPending: b } = h({
     address: s,
     type: "solana",
     projectId: u,
     variant: l,
     size: p,
     label: e,
-    basePath: d,
+    basePath: y,
     copiedLabel: n,
     icon: r,
     iframeRef: m,
-    onStatusUpdate: y
+    onStatusUpdate: d
   });
-  return /* @__PURE__ */ P(
-    h,
+  return /* @__PURE__ */ B(
+    K,
     {
       ref: m,
       src: C,
       allow: "clipboard-read; clipboard-write",
-      onLoad: b,
-      isPending: g,
+      isPending: b,
       label: e,
       icon: r,
       fullWidth: c,

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.BZtyaLN-.js";
+import { L as x } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
 import "./LinkAuthItems.js";
 import "./types.js";
 import "../SignIn/SignInProvider.js";

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.BZtyaLN-.js";
+import { b as w } from "../../chunks/LinkAuthFlow.CxSnHF2p.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,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../CDPReactProvider/index.js";
-import { a, u as e, b as n } from "../../chunks/LinkAuthFlow.BZtyaLN-.js";
+import { a, u as e, b as n } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
 export {
   a as LinkAuthFlowProvider,
   e as useLinkAuthFlow,

package/dist/components/LinkAuth/LinkAuthTitle.d.ts

@@ -3,7 +3,4 @@ export interface LinkAuthTitleProps extends HTMLAttributes<HTMLElement> {
     as?: ElementType;
     children?: ReactNode;
 }
-export declare const LinkAuthTitle: ({ as: Component, children, className, ...props }: {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-} & HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const LinkAuthTitle: ({ as: Component, children, className, ...props }: LinkAuthTitleProps) => import("react/jsx-runtime").JSX.Element | null;

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.BZtyaLN-.js";
-import { u as mt } from "../../chunks/LinkAuthFlow.BZtyaLN-.js";
+import { a as M, L as v } from "../../chunks/LinkAuthFlow.CxSnHF2p.js";
+import { u as mt } from "../../chunks/LinkAuthFlow.CxSnHF2p.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

@@ -11,7 +11,7 @@ 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.BZtyaLN-.js";
+import { L as B } from "../../chunks/LinkAuthFlow.CxSnHF2p.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,

package/dist/components/SignIn/SignInProvider.js

@@ -1,9 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
-import { createContext as h, useContext as m, useMemo as l } from "react";
+import { jsx as h } from "react/jsx-runtime";
+import { createContext as m, useContext as l, useMemo as i } from "react";
 import { useAppConfig as f } from "../CDPReactProvider/index.js";
 import "@coinbase/cdp-hooks";
 import { useSignInReducer as p } from "./useSignInReducer.js";
-const r = {
+const a = {
   authMethod: "email",
   authMethods: ["email"],
   canResetOTP: !1,
@@ -15,28 +15,31 @@ const r = {
   otp: "",
   phoneNumber: "",
   step: "credentials"
-}, i = h({
-  state: r,
+}, u = m({
+  state: a,
   dispatch: () => {
   }
-}), I = () => {
-  const t = m(i);
+}), M = () => {
+  const t = l(u);
   if (!t)
     throw new Error("useSignInContext must be used within a SignInProvider");
   return t;
-}, P = ({
+}, v = ({
   children: t,
-  authMethods: a
+  authMethods: n
 }) => {
-  const { authMethods: e } = f(), o = a?.filter((c) => e.includes(c)) ?? e, [n, s] = p({
-    ...r,
-    authMethod: o?.[0] || "email",
-    authMethods: o
-  }), u = l(() => ({ state: n, dispatch: s }), [n, s]);
-  return /* @__PURE__ */ d(i.Provider, { value: u, children: t });
+  const { authMethods: o } = f(), e = i(() => n?.filter((d) => o.includes(d)) ?? o, [n, o]), [s, r] = p({
+    ...a,
+    authMethod: e?.[0] || "email",
+    authMethods: e
+  }), c = i(
+    () => ({ state: { ...s, authMethods: e }, dispatch: r }),
+    [s, r, e]
+  );
+  return /* @__PURE__ */ h(u.Provider, { value: c, children: t });
 };
 export {
-  i as SignInContext,
-  P as SignInProvider,
-  I as useSignInContext
+  u as SignInContext,
+  v as SignInProvider,
+  M as useSignInContext
 };

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

@@ -23,6 +23,11 @@ export type SignInAction = {
     payload: {
         authMethod: AuthMethod;
     };
+} | {
+    type: "SET_AUTH_METHODS";
+    payload: {
+        authMethods: AuthMethod[];
+    };
 } | {
     type: "SET_EMAIL";
     payload: {

package/dist/components/SignIn/useSignInReducer.js

@@ -1,8 +1,13 @@
-import { useReducer as n } from "react";
+import { useReducer as u } from "react";
 import "@coinbase/cdp-hooks";
 import "../CDPReactProvider/index.js";
 function l(e, r) {
   switch (r.type) {
+    case "SET_AUTH_METHODS":
+      return {
+        ...e,
+        authMethods: r.payload.authMethods
+      };
     case "SET_AUTH_METHOD":
       return {
         ...e,
@@ -87,7 +92,7 @@ function l(e, r) {
       throw new Error("Unknown action type");
   }
 }
-const s = (e) => n(l, e);
+const s = (e) => u(l, e);
 export {
   s as useSignInReducer
 };

package/dist/hooks/useKeyExportPostMessage.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { ButtonProps } from '../components/ui/Button';
-import { SecureIframeStatus, SecureIframeEventType, SecureIframeIncomingMessage, SecureIframeOutgoingMessage } from '../types/secureIframe';
+import { SecureIframeStatus, SecureIframeEventType, SecureIframeIncomingMessage, SecureIframeOutgoingMessage, SecureIframeInitMessage } from '../types/secureIframe';
 export declare const SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE: Readonly<{
     GET_PRIVATE_KEY: "CDP_WEB_SECURE_IFRAME_GET_PRIVATE_KEY";
     INIT: "CDP_WEB_SECURE_IFRAME_INIT";
@@ -13,6 +13,8 @@ export type SecureIframeGetPrivateKeyMessage = {
     payload: {
         address: string;
         type: "evm" | "solana";
+        authState: SecureIframeInitMessage["payload"]["authState"];
+        theme: SecureIframeInitMessage["payload"]["theme"];
     };
 };
 export type SecureIframeKeyExportIncomingMessage = SecureIframeIncomingMessage | SecureIframeGetPrivateKeyMessage;
@@ -32,6 +34,5 @@ export declare const sendKeyExportMessage: (el: HTMLIFrameElement | null, messag
 export declare const isKeyExportMessage: (message: unknown) => message is SecureIframeKeyExportIncomingMessage | SecureIframeKeyExportOutgoingMessage;
 export declare const useKeyExportPostMessage: ({ address, basePath, copiedLabel, icon, iframeRef, label, onStatusUpdate, projectId, size, type, variant, }: UseKeyExportPostMessageProps) => {
     iframeUrl: string;
-    onLoad: () => Promise<void>;
     isPending: boolean;
 };

package/dist/hooks/useKeyExportPostMessage.js

@@ -1,86 +1,83 @@
-import { getAccessToken as k, getAccessTokenExpiration as w } from "@coinbase/cdp-core";
-import { useCurrentUser as K } from "@coinbase/cdp-hooks";
-import { useState as $, useMemo as x, useCallback as T, useEffect as C } from "react";
-import { useTheme as Y } from "../components/ThemeProvider/index.js";
+import { getAccessToken as M, getAccessTokenExpiration as S } from "@coinbase/cdp-core";
+import { useCurrentUser as k } from "@coinbase/cdp-hooks";
+import { useState as w, useMemo as K, useCallback as l, useEffect as $ } from "react";
+import { useTheme as x } from "../components/ThemeProvider/index.js";
 import "../components/ui/Button/index.js";
-import { SECURE_IFRAME_EVENT_TYPE_PREFIX as h, SECURE_IFRAME_EVENT_TYPE as N } from "../types/secureIframe.js";
+import { SECURE_IFRAME_EVENT_TYPE_PREFIX as h, SECURE_IFRAME_EVENT_TYPE as C } from "../types/secureIframe.js";
 import "libphonenumber-js";
-import { sendIframeMessage as V } from "../utils/sendIframeMessage.js";
-const I = "https://secure.cdp.coinbase.com", i = Object.freeze({
-  ...N,
+import { sendIframeMessage as Y } from "../utils/sendIframeMessage.js";
+const A = "https://secure.cdp.coinbase.com", o = Object.freeze({
+  ...C,
   GET_PRIVATE_KEY: `${h}GET_PRIVATE_KEY`
-}), A = (t, o) => {
-  V(t, o);
-}, F = (t) => typeof t == "object" && t !== null && "type" in t && typeof t.type == "string" && !!i[t.type.replace(
+}), V = (t, s) => {
+  Y(t, s);
+}, F = (t) => typeof t == "object" && t !== null && "type" in t && typeof t.type == "string" && !!o[t.type.replace(
   h,
   ""
-)], D = ({
+)], B = ({
   address: t,
-  basePath: o = I,
-  copiedLabel: c,
-  icon: d,
-  iframeRef: n,
-  label: E,
-  onStatusUpdate: _,
-  projectId: a,
-  size: p,
-  type: f,
-  variant: u
+  basePath: s = A,
+  copiedLabel: n,
+  icon: T,
+  iframeRef: i,
+  label: c,
+  onStatusUpdate: f,
+  projectId: E,
+  size: a,
+  type: _,
+  variant: p
 }) => {
-  const { currentUser: s } = K(), { theme: y } = Y(), [U, P] = $(!0), R = x(() => {
+  const { currentUser: u } = k(), { theme: d } = x(), [I, R] = w(!0), U = K(() => {
     const e = ["fullWidth"];
-    return a && e.push(`projectId=${a.trim()}`), u && e.push(`variant=${u.trim()}`), p && e.push(`size=${p.trim()}`), E && e.push(`label=${encodeURIComponent(E.trim())}`), c && e.push(`copiedLabel=${encodeURIComponent(c.trim())}`), d && e.push("icon"), `${o}?${e.join("&")}`;
-  }, [a, u, p, E, c, d, o]), M = T(async () => {
-    if (!s || !n.current) return;
-    const e = await k(), r = await w();
-    A(n.current, {
-      type: i.INIT,
+    return E && e.push(`projectId=${E.trim()}`), p && e.push(`variant=${p.trim()}`), a && e.push(`size=${a.trim()}`), c && e.push(`label=${encodeURIComponent(c.trim())}`), n && e.push(`copiedLabel=${encodeURIComponent(n.trim())}`), T && e.push("icon"), `${s}?${e.join("&")}`;
+  }, [E, p, a, c, n, T, s]), y = l(async () => {
+    if (!u || !i.current) return;
+    const e = await M(), r = await S();
+    V(i.current, {
+      type: o.GET_PRIVATE_KEY,
       payload: {
+        address: t,
+        type: _,
         authState: {
           accessToken: e || "",
           expiresAt: r || 0,
-          user: s
+          user: u
         },
-        theme: y
+        theme: d
       }
     });
-  }, [s, y, n]), g = T(() => {
-    s && A(n.current, {
-      type: i.GET_PRIVATE_KEY,
-      payload: { address: t, type: f }
-    });
-  }, [s, t, f, n]), l = T(
+  }, [u, t, _, d, i]), g = l(
     (e, r) => {
-      _?.(e, r), e !== "pending" && P(!1);
+      f?.(e, r), R(!1);
     },
-    [_]
+    [f]
   );
-  return C(() => {
+  return $(() => {
     const e = (r) => {
       let m = "";
       try {
-        m = new URL(o || I).origin;
-      } catch (S) {
-        console.error("Error parsing iframe origin", S);
+        m = new URL(s || A).origin;
+      } catch (P) {
+        console.error("Error parsing iframe origin", P);
       }
       if (!(!m || r.origin !== m) && F(r.data))
         switch (r.data?.type) {
-          case i.LISTENING:
-            g();
+          case o.LISTENING:
+            y();
             break;
-          case i.STATUS:
-            l(r.data.payload.status, r.data.payload.message);
+          case o.STATUS:
+            g(r.data.payload.status, r.data.payload.message);
             break;
         }
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [g, l, o]), { iframeUrl: R, onLoad: M, isPending: U };
+  }, [y, g, s]), { iframeUrl: U, isPending: I };
 };
 export {
-  i as SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE,
+  o as SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE,
   F as isKeyExportMessage,
-  A as sendKeyExportMessage,
-  D as useKeyExportPostMessage
+  V as sendKeyExportMessage,
+  B as useKeyExportPostMessage
 };

package/dist/index.js

@@ -45,7 +45,7 @@ import { sendIframeMessage as ar } from "./utils/sendIframeMessage.js";
 import { FundForm as ur } from "./components/Fund/FundForm.js";
 import { FundTitle as cr } from "./components/Fund/FundTitle.js";
 import { useFundContext as Ir } from "./components/Fund/FundProvider.js";
-import { L as Ar, u as hr } from "./chunks/LinkAuthFlow.BZtyaLN-.js";
+import { L as Ar, u as hr } from "./chunks/LinkAuthFlow.CxSnHF2p.js";
 import { LinkAuthFlowBackButton as Mr } from "./components/LinkAuth/LinkAuthFlowBackButton.js";
 import { LinkAuthItem as Tr } from "./components/LinkAuth/LinkAuthItem.js";
 import { LinkAuthItems as Lr } from "./components/LinkAuth/LinkAuthItems.js";

package/dist/types/secureIframe.d.ts

@@ -19,7 +19,7 @@ export type SecureIframeIncomingMessage = SecureIframeInitMessage;
 export type SecureIframeListeningMessage = {
     type: SecureIframeEventType["LISTENING"];
 };
-export type SecureIframeStatus = "pending" | "ready" | "success" | "error";
+export type SecureIframeStatus = "ready" | "success" | "error";
 export type SecureIframeStatusMessage = {
     type: SecureIframeEventType["STATUS"];
     payload: {

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.0.59";
+export declare const VERSION = "0.0.61";

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "type": "module",
   "dependencies": {
     "@internationalized/number": "3.6.4",
@@ -15,8 +15,8 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0 <19.2.0",
-    "@coinbase/cdp-core": "^0.0.60",
-    "@coinbase/cdp-hooks": "^0.0.60"
+    "@coinbase/cdp-core": "^0.0.62",
+    "@coinbase/cdp-hooks": "^0.0.62"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -46,8 +46,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.60",
-    "@coinbase/cdp-hooks": "^0.0.60"
+    "@coinbase/cdp-core": "^0.0.62",
+    "@coinbase/cdp-hooks": "^0.0.62"
   },
   "size-limit": [
     {