@coinbase/cdp-react 0.0.72 → 0.0.74

package/dist/components/CopyEvmKeyButton/index.js

@@ -5,7 +5,7 @@ import { useRef as j, useState as i, useCallback as E } from "react";
 import "../ui/Button/index.js";
 import { IframeButton as K } from "../ui/IframeButton/index.js";
 import { useKeyExportPostMessage as T } from "../../hooks/useKeyExportPostMessage.js";
-import "../../types/secureIframe.js";
+import "@coinbase/cdp-core";
 const F = ({
   address: p,
   className: n = "",

package/dist/components/CopySolanaKeyButton/index.js

@@ -5,7 +5,7 @@ import { useRef as K, useState as i, useCallback as T } from "react";
 import "../ui/Button/index.js";
 import { IframeButton as U } from "../ui/IframeButton/index.js";
 import { useKeyExportPostMessage as v } from "../../hooks/useKeyExportPostMessage.js";
-import "../../types/secureIframe.js";
+import "@coinbase/cdp-core";
 const F = ({
   address: m,
   className: p = "",

package/dist/components/ExportWallet/index.js

@@ -51,7 +51,7 @@ import "../../utils/isApiError.js";
 import "../../utils/isEmailInvalid.js";
 import "../../utils/parseValuesFromPhoneNumber.js";
 import "../../utils/sendIframeMessage.js";
-import "../../types/secureIframe.js";
+import "@coinbase/cdp-core";
 import "../Fund/FundForm.js";
 import "../Fund/FundTitle.js";
 import "../Fund/FundProvider.js";

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

@@ -1,11 +1,11 @@
-import { jsxs as y, jsx as _ } from "react/jsx-runtime";
-import { c as S } from "../../../chunks/lite.1fxw3LjI.js";
-import { forwardRef as v, useRef as F, useMemo as T, useState as $, useEffect as I } from "react";
-import { useTheme as H } from "../../ThemeProvider/index.js";
-import { LoadingSkeleton as R } from "../LoadingSkeleton/index.js";
+import { jsxs as H, jsx as B } from "react/jsx-runtime";
+import { c as F } from "../../../chunks/lite.1fxw3LjI.js";
+import { forwardRef as R, useRef as y, useMemo as C, useState as U, useEffect as T } from "react";
+import { useTheme as L } from "../../ThemeProvider/index.js";
+import { LoadingSkeleton as W } from "../LoadingSkeleton/index.js";
 import "../../../theme/theme.js";
-import { colorsBase as l } from "../../../theme/tokens.js";
-import '../../../assets/IframeButton.css';const C = "IframeButton-module__label___Vvl8W", U = "IframeButton-module__iframe___0RBLL", L = "IframeButton-module__hidden___LcF1X", s = {
+import { colorsBase as i } from "../../../theme/tokens.js";
+import '../../../assets/IframeButton.css';const N = "IframeButton-module__label___Vvl8W", P = "IframeButton-module__iframe___0RBLL", j = "IframeButton-module__hidden___LcF1X", s = {
   "iframe-button": "IframeButton-module__iframe-button___XeAhH",
   "full-width": "IframeButton-module__full-width___lQWpM",
   "size-lg": "IframeButton-module__size-lg___HCOiF",
@@ -13,153 +13,154 @@ import '../../../assets/IframeButton.css';const C = "IframeButton-module__label_
   "size-sm": "IframeButton-module__size-sm___U8ILi",
   "size-xs": "IframeButton-module__size-xs___S2jGa",
   "loading-skeleton": "IframeButton-module__loading-skeleton___fzBol",
-  label: C,
+  label: N,
   "with-icon": "IframeButton-module__with-icon___KBiq1",
-  iframe: U,
-  hidden: L,
+  iframe: P,
+  hidden: j,
   "computed-style": "IframeButton-module__computed-style___ciB13"
-}, W = {
-  pageBg: l.white,
-  buttonBg: l.blue500,
+}, k = {
+  pageBg: i.white,
+  buttonBg: i.blue500,
   buttonBgHover: "#0748d6",
   buttonBgPressed: "#0b3eae",
-  buttonBgFocus: l.blue550,
-  buttonBorder: l.blue550,
+  buttonBgFocus: i.blue550,
+  buttonBorder: i.blue550,
   buttonBorderHover: "#0748d6",
   buttonBorderPressed: "#0b3eae",
-  buttonBorderFocus: l.blue550,
-  buttonBorderFocusInset: l.white,
-  buttonText: l.white,
-  buttonTextHover: l.white,
-  buttonTextPressed: l.white,
-  buttonTextFocus: l.white,
+  buttonBorderFocus: i.blue550,
+  buttonBorderFocusInset: i.white,
+  buttonText: i.white,
+  buttonTextHover: i.white,
+  buttonTextPressed: i.white,
+  buttonTextFocus: i.white,
   buttonBorderRadius: 99999,
   buttonFontSize: 16,
   buttonFontWeight: 500,
   buttonSize: "md",
   fontUrl: "",
   fontFamily: ""
-}, N = Object.keys(W), P = (n) => N.every(
-  (e) => e === "fontUrl" || e === "buttonSize" ? !0 : n[e] !== void 0
-), f = (n, e, t) => (e.style.backgroundColor = `var(--cdp-web-${n})`, k(getComputedStyle(e).backgroundColor, t)), k = (n, e) => {
-  if (!n || typeof n != "string")
-    return console.warn("Invalid color input:", n), "";
-  const t = n.trim();
+}, $ = Object.keys(k), q = (o) => $.every(
+  (e) => e === "fontUrl" || e === "buttonSize" ? !0 : o[e] !== void 0
+), v = (o, e) => o === e ? !0 : !o || !e ? !1 : $.every((t) => o[t] === e[t]), f = (o, e, t) => (e.style.backgroundColor = `var(--cdp-web-${o})`, A(getComputedStyle(e).backgroundColor, t)), A = (o, e) => {
+  if (!o || typeof o != "string")
+    return console.warn("Invalid color input:", o), "";
+  const t = o.trim();
   if (t.startsWith("#"))
     return /^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$/.test(t) ? t.toLowerCase() : (console.warn("Invalid hex color:", t), "");
   if (t === "transparent") return "transparent";
   if (t === "none") return "none";
-  const o = e.getContext("2d", { willReadFrequently: !0 });
-  if (!o)
+  const r = e.getContext("2d", { willReadFrequently: !0 });
+  if (!r)
     return console.warn("Could not create canvas context"), "";
-  if (o.fillStyle = t, o.fillStyle.startsWith("#"))
-    return o.fillStyle.toLowerCase();
-  o.fillRect(0, 0, 1, 1);
-  const a = o.getImageData(0, 0, 1, 1), [m, r, c, i] = a.data, d = m.toString(16).padStart(2, "0"), u = r.toString(16).padStart(2, "0"), g = c.toString(16).padStart(2, "0");
-  if (i < 255) {
-    const b = i.toString(16).padStart(2, "0");
-    return `#${d}${u}${g}${b}`;
+  if (r.fillStyle = t, r.fillStyle.startsWith("#"))
+    return r.fillStyle.toLowerCase();
+  r.fillRect(0, 0, 1, 1);
+  const a = r.getImageData(0, 0, 1, 1), [m, n, c, l] = a.data, d = m.toString(16).padStart(2, "0"), u = n.toString(16).padStart(2, "0"), _ = c.toString(16).padStart(2, "0");
+  if (l < 255) {
+    const b = l.toString(16).padStart(2, "0");
+    return `#${d}${u}${_}${b}`;
   }
-  return `#${d}${u}${g}`;
-}, j = (n, e, t, o) => {
-  const a = getComputedStyle(t), m = f("colors-page-bg-default", t, o), r = f(`colors-cta-${e}-bg-default`, t, o), c = f(`colors-cta-${e}-bg-hover`, t, o), i = f(`colors-cta-${e}-bg-pressed`, t, o), d = f(`colors-cta-${e}-text-default`, t, o);
+  return `#${d}${u}${_}`;
+}, M = (o, e, t, r) => {
+  const a = getComputedStyle(t), m = f("colors-page-bg-default", t, r), n = f(`colors-cta-${e}-bg-default`, t, r), c = f(`colors-cta-${e}-bg-hover`, t, r), l = f(`colors-cta-${e}-bg-pressed`, t, r), d = f(`colors-cta-${e}-text-default`, t, r);
   return {
     pageBg: m,
-    buttonBg: r,
+    buttonBg: n,
     buttonBgHover: c,
-    buttonBgPressed: i,
-    buttonBgFocus: r,
-    buttonBorder: r,
+    buttonBgPressed: l,
+    buttonBgFocus: n,
+    buttonBorder: n,
     buttonBorderHover: c,
-    buttonBorderPressed: i,
-    buttonBorderFocus: f(`colors-cta-${e}-border-focus`, t, o),
+    buttonBorderPressed: l,
+    buttonBorderFocus: f(`colors-cta-${e}-border-focus`, t, r),
     buttonBorderFocusInset: m,
     buttonBorderRadius: parseInt(a.borderRadius),
     buttonFontSize: parseInt(a.fontSize),
     buttonFontWeight: parseInt(a.fontWeight),
     buttonText: d,
-    buttonTextHover: f(`colors-cta-${e}-text-hover`, t, o),
+    buttonTextHover: f(`colors-cta-${e}-text-hover`, t, r),
     buttonTextPressed: d,
     buttonTextFocus: d,
-    buttonSize: n ?? "md",
+    buttonSize: o ?? "md",
     fontFamily: a.fontFamily,
     fontUrl: ""
   };
-}, A = {
+}, V = {
   xs: s["size-xs"],
   sm: s["size-sm"],
   md: s["size-md"],
   lg: s["size-lg"]
-}, M = v(
+}, D = R(
   ({
-    className: n = "",
+    className: o = "",
     isPending: e,
     label: t,
-    icon: o,
+    icon: r,
     fullWidth: a,
     size: m,
-    theme: r,
+    theme: n,
     onThemeChange: c,
-    ...i
+    ...l
   }, d) => {
-    const u = m === "none" ? "md" : m, { theme: g } = H(), b = g["font-url-iframe"], p = F(null), h = F(null), B = T(() => !!r && P(r), [r]), [x, z] = $(
-      B ? {
-        ...r,
-        fontUrl: r?.fontUrl ?? b,
+    const u = m === "none" ? "md" : m, { theme: _ } = L(), b = _["font-url-iframe"], p = y(null), x = y(null), h = C(() => !!n && q(n), [n]), [S, z] = U(
+      h ? {
+        ...n,
+        fontUrl: n?.fontUrl ?? b,
         buttonSize: u ?? "md"
       } : void 0
     );
-    return I(() => {
-      if (B) {
-        z({
-          ...r,
-          fontUrl: r?.fontUrl ?? b,
+    return T(() => {
+      if (h) {
+        const g = {
+          ...n,
+          fontUrl: n?.fontUrl ?? b,
           buttonSize: u ?? "md"
-        });
+        };
+        z((w) => v(g, w) ? w : g);
         return;
       }
-      if (!p.current || !h.current) return;
-      const w = j(
-        u ?? "md",
-        i.variant ?? "primary",
-        p.current,
-        h.current
-      );
-      z({
-        ...w,
+      if (!p.current || !x.current) return;
+      const I = {
+        ...M(
+          u ?? "md",
+          l.variant ?? "primary",
+          p.current,
+          x.current
+        ),
         fontUrl: b,
-        ...r
-      });
-    }, [i.variant, u, B, r, b]), I(() => {
-      x && c?.(x);
-    }, [x, c]), /* @__PURE__ */ y(
+        ...n
+      };
+      z((g) => v(I, g) ? g : I);
+    }, [l.variant, u, h, n, b, _]), T(() => {
+      S && c?.(S);
+    }, [S, c]), /* @__PURE__ */ H(
       "div",
       {
-        className: S(
+        className: F(
           s["iframe-button"],
-          o && s["with-icon"],
+          r && s["with-icon"],
           a && s["full-width"],
-          u && A[u]
+          u && V[u]
         ),
         "data-part": "iframe-button",
         children: [
-          /* @__PURE__ */ _("span", { className: s.label, children: t }),
-          e && /* @__PURE__ */ _(R, { className: S(s["loading-skeleton"]) }),
-          /* @__PURE__ */ _(
+          /* @__PURE__ */ B("span", { className: s.label, children: t }),
+          e && /* @__PURE__ */ B(W, { className: F(s["loading-skeleton"]) }),
+          /* @__PURE__ */ B(
             "iframe",
             {
               ref: d,
-              className: S(s.iframe, e ? s.hidden : void 0, n),
-              ...i
+              className: F(s.iframe, e ? s.hidden : void 0, o),
+              ...l
             }
           ),
-          !B && /* @__PURE__ */ _("div", { ref: p, className: s["computed-style"], children: /* @__PURE__ */ _("canvas", { ref: h }) })
+          !h && /* @__PURE__ */ B("div", { ref: p, className: s["computed-style"], children: /* @__PURE__ */ B("canvas", { ref: x }) })
         ]
       }
     );
   }
 );
-M.displayName = "IframeButton";
+D.displayName = "IframeButton";
 export {
-  M as IframeButton
+  D as IframeButton
 };

package/dist/hooks/useKeyExportPostMessage.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { SecureIframeChainType, SecureIframeKeyExportIncomingMessage, SecureIframeKeyExportOutgoingMessage, SecureIframeStatus, IframeTheme } from '../types/secureIframe';
+import { SecureIframeChainType, SecureIframeKeyExportIncomingMessage, SecureIframeStatus, IframeTheme } from '../types/secureIframe';
 export interface UseKeyExportPostMessageProps {
     address: string;
     type: SecureIframeChainType;
@@ -13,7 +13,6 @@ export interface UseKeyExportPostMessageProps {
     theme?: IframeTheme;
 }
 export declare const sendKeyExportMessage: (el: HTMLIFrameElement | null, message: SecureIframeKeyExportIncomingMessage) => void;
-export declare const isKeyExportMessage: (message: unknown) => message is SecureIframeKeyExportIncomingMessage | SecureIframeKeyExportOutgoingMessage;
 export declare const useKeyExportPostMessage: ({ address, basePath, copiedLabel, icon, iframeRef, label, onStatusUpdate, projectId, theme, type, }: UseKeyExportPostMessageProps) => {
     iframeUrl: string;
     isPending: boolean;

package/dist/hooks/useKeyExportPostMessage.js

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

package/dist/index.js

@@ -46,7 +46,7 @@ import { isApiError as hr } from "./utils/isApiError.js";
 import { isEmailInvalid as Sr } from "./utils/isEmailInvalid.js";
 import { parseValuesFromPhoneNumber as kr } from "./utils/parseValuesFromPhoneNumber.js";
 import { sendIframeMessage as Lr } from "./utils/sendIframeMessage.js";
-import "./types/secureIframe.js";
+import "@coinbase/cdp-core";
 import { FundForm as Wr } from "./components/Fund/FundForm.js";
 import { FundTitle as br } from "./components/Fund/FundTitle.js";
 import { useFundContext as wr } from "./components/Fund/FundProvider.js";

package/dist/types/secureIframe.d.ts

@@ -1,77 +1,4 @@
-import { AuthManager } from '@coinbase/cdp-core';
-export type IframeTheme = {
-    pageBg: string;
-    buttonBg: string;
-    buttonBgHover: string;
-    buttonBgPressed: string;
-    buttonBgFocus: string;
-    buttonBorder: string;
-    buttonBorderHover: string;
-    buttonBorderPressed: string;
-    buttonBorderFocus: string;
-    buttonBorderFocusInset: string;
-    buttonText: string;
-    buttonTextHover: string;
-    buttonTextPressed: string;
-    buttonTextFocus: string;
-    buttonBorderRadius: number;
-    buttonFontSize: number;
-    buttonFontWeight: number;
-    buttonSize: "xs" | "sm" | "md" | "lg";
-    fontUrl: string;
-    fontFamily: string;
-};
-export type SecureIframeAuthState = Parameters<AuthManager["setAuthState"]>[0];
-export type SecureIframeChainType = "evm" | "solana";
-export type SecureIframeContext = {
-    authState: SecureIframeAuthState;
-    theme?: IframeTheme;
-};
-export declare const SECURE_IFRAME_EVENT_TYPE_PREFIX = "CDP_WEB_SECURE_IFRAME_";
-export declare const SECURE_IFRAME_EVENT_TYPE: {
-    readonly INIT: "CDP_WEB_SECURE_IFRAME_INIT";
-    readonly LISTENING: "CDP_WEB_SECURE_IFRAME_LISTENING";
-    readonly STATUS: "CDP_WEB_SECURE_IFRAME_STATUS";
-    readonly THEME: "CDP_WEB_SECURE_IFRAME_THEME";
-};
-export type SecureIframeEventType = typeof SECURE_IFRAME_EVENT_TYPE;
-export type SecureIframeInitMessage = {
-    type: SecureIframeEventType["INIT"];
-    payload: SecureIframeContext;
-};
-export type SecureIframeThemeMessage = {
-    type: SecureIframeEventType["THEME"];
-    payload: {
-        theme: Partial<IframeTheme>;
-    };
-};
-export type SecureIframeIncomingMessage = SecureIframeInitMessage | SecureIframeThemeMessage;
-export type SecureIframeListeningMessage = {
-    type: SecureIframeEventType["LISTENING"];
-};
-export type SecureIframeStatus = "ready" | "success" | "error" | "expiring" | "expired";
-export type SecureIframeStatusMessage = {
-    type: SecureIframeEventType["STATUS"];
-    payload: {
-        status: SecureIframeStatus;
-        message?: string;
-    };
-};
-export type SecureIframeOutgoingMessage = SecureIframeListeningMessage | SecureIframeStatusMessage;
-export declare const SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE: {
-    readonly GET_PRIVATE_KEY: "CDP_WEB_SECURE_IFRAME_GET_PRIVATE_KEY";
-    readonly INIT: "CDP_WEB_SECURE_IFRAME_INIT";
-    readonly LISTENING: "CDP_WEB_SECURE_IFRAME_LISTENING";
-    readonly STATUS: "CDP_WEB_SECURE_IFRAME_STATUS";
-    readonly THEME: "CDP_WEB_SECURE_IFRAME_THEME";
-};
-export type SecureIframeKeyExportEventType = typeof SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE;
-export type SecureIframeGetPrivateKeyMessage = {
-    type: SecureIframeKeyExportEventType["GET_PRIVATE_KEY"];
-    payload: SecureIframeContext & {
-        address: string;
-        type: SecureIframeChainType;
-    };
-};
-export type SecureIframeKeyExportIncomingMessage = SecureIframeIncomingMessage | SecureIframeGetPrivateKeyMessage;
-export type SecureIframeKeyExportOutgoingMessage = SecureIframeOutgoingMessage;
+import { SECURE_IFRAME_EVENT_TYPE_PREFIX, SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE, SecureIframeTheme, SecureIframeAuthState, SecureIframeChainType, SecureIframeContext, SecureIframeStatus, SecureIframeEventType, SecureIframeInitMessage, SecureIframeThemeMessage, SecureIframeIncomingMessage, SecureIframeListeningMessage, SecureIframeStatusMessage, SecureIframeOutgoingMessage, SecureIframeKeyExportEventType, SecureIframeGetPrivateKeyMessage, SecureIframeKeyExportIncomingMessage, SecureIframeKeyExportOutgoingMessage } from '@coinbase/cdp-core';
+export type IframeTheme = SecureIframeTheme;
+export { SECURE_IFRAME_EVENT_TYPE_PREFIX, SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE };
+export type { SecureIframeAuthState, SecureIframeChainType, SecureIframeContext, SecureIframeStatus, SecureIframeEventType, SecureIframeInitMessage, SecureIframeThemeMessage, SecureIframeIncomingMessage, SecureIframeListeningMessage, SecureIframeStatusMessage, SecureIframeOutgoingMessage, SecureIframeKeyExportEventType, SecureIframeGetPrivateKeyMessage, SecureIframeKeyExportIncomingMessage, SecureIframeKeyExportOutgoingMessage, };

package/dist/types/secureIframe.js

@@ -1,15 +1,5 @@
-import "@coinbase/cdp-core";
-const E = "CDP_WEB_SECURE_IFRAME_", T = {
-  INIT: `${E}INIT`,
-  LISTENING: `${E}LISTENING`,
-  STATUS: `${E}STATUS`,
-  THEME: `${E}THEME`
-}, I = {
-  ...T,
-  GET_PRIVATE_KEY: `${E}GET_PRIVATE_KEY`
-};
+import { SECURE_IFRAME_EVENT_TYPE_PREFIX as R, SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE as T } from "@coinbase/cdp-core";
 export {
-  T as SECURE_IFRAME_EVENT_TYPE,
-  E as SECURE_IFRAME_EVENT_TYPE_PREFIX,
-  I as SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE
+  R as SECURE_IFRAME_EVENT_TYPE_PREFIX,
+  T as SECURE_IFRAME_KEY_EXPORT_EVENT_TYPE
 };

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.0.72";
+export declare const VERSION = "0.0.74";

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.72",
+  "version": "0.0.74",
   "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.72",
-    "@coinbase/cdp-hooks": "^0.0.72"
+    "@coinbase/cdp-core": "^0.0.74",
+    "@coinbase/cdp-hooks": "^0.0.74"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "^11.2.0",
@@ -47,8 +47,8 @@
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "@coinbase/cdp-core": "^0.0.72",
-    "@coinbase/cdp-hooks": "^0.0.72"
+    "@coinbase/cdp-core": "^0.0.74",
+    "@coinbase/cdp-hooks": "^0.0.74"
   },
   "size-limit": [
     {