@coinbase/cdp-react 0.0.73 → 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/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.73";
+export declare const VERSION = "0.0.74";

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-react",
-  "version": "0.0.73",
+  "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.73",
-    "@coinbase/cdp-hooks": "^0.0.73"
+    "@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.73",
-    "@coinbase/cdp-hooks": "^0.0.73"
+    "@coinbase/cdp-core": "^0.0.74",
+    "@coinbase/cdp-hooks": "^0.0.74"
   },
   "size-limit": [
     {