@coinbase/cdp-react 0.0.67 → 0.0.69

package/dist/components/ExportWallet/index.js

@@ -1,20 +1,20 @@
-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 { u as S, A as Y } from "../../chunks/useSendComponentCallOnce.BHZMuo6E.js";
+import { createContext as N, useMemo as x, useState as z, useCallback as D, useContext as A } from "react";
+import { VERSION as O } 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 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 { CopyAddress as j } from "../CopyAddress/index.js";
+import { CopyEvmKeyButton as U } from "../CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as X } from "../CopySolanaKeyButton/index.js";
+import { jsx as o, jsxs as d, Fragment as E } from "react/jsx-runtime";
+import { useCurrentUser as Z } from "@coinbase/cdp-hooks";
+import { c as h } from "../../chunks/lite.1fxw3LjI.js";
+import { Banner as _ } from "../ui/Banner/index.js";
+import { CoinbaseFooter as $ } from "../ui/CoinbaseFooter/index.js";
+import { Button as T } from "../ui/Button/index.js";
+import { Modal as q, ModalClose as H, ModalContent as L, ModalTitle as G, ModalTrigger as J } from "../ui/Modal/index.js";
+import { IconXMark as Q } from "../../icons/IconXMark.js";
+import { childrenHasComponent as M } from "../../utils/childrenHasComponent.js";
 import "../Fund/index.js";
 import "../FundModal/index.js";
 import "../LinkAuth/index.js";
@@ -51,7 +51,7 @@ import "../../utils/isApiError.js";
 import "../../utils/isEmailInvalid.js";
 import "../../utils/parseValuesFromPhoneNumber.js";
 import "../../utils/sendIframeMessage.js";
-import "@coinbase/cdp-core";
+import "../../types/secureIframe.js";
 import "../Fund/FundForm.js";
 import "../Fund/FundTitle.js";
 import "../Fund/FundProvider.js";
@@ -69,213 +69,243 @@ 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", _ = {
+import '../../assets/ExportWallet.css';const tt = "ExportWallet-module__footer___NvrFY", f = {
   "export-wallet": "ExportWallet-module__export-wallet___EyZys",
   "no-footer": "ExportWallet-module__no-footer___fzl3R",
   "export-wallet-title": "ExportWallet-module__export-wallet-title___MuI09",
-  footer: q
-}, N = M({
+  footer: tt
+}, k = N({
   address: "",
+  isSessionExpired: !1,
   type: "evm-eoa"
 }), C = () => {
-  const t = v(N);
+  const t = A(k);
   if (!t)
     throw new Error("useExportWalletContext must be used within a ExportWalletProvider");
   return t;
-}, H = ({
+}, ot = ({
   address: t,
-  children: r,
-  onIframeError: e,
-  onIframeReady: l,
-  onCopySuccess: n
+  children: e,
+  onIframeError: r,
+  onIframeReady: a,
+  onIframeSessionExpired: l,
+  onCopySuccess: i
 }) => {
-  const { currentUser: a } = D(), i = x(
-    () => !!a?.solanaAccounts?.find((c) => c === t),
-    [a?.solanaAccounts, t]
-  ), 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]
+  const { currentUser: n } = Z(), s = x(
+    () => !!n?.solanaAccounts?.find((w) => w === t),
+    [n?.solanaAccounts, t]
+  ), m = x(
+    () => !!n?.evmSmartAccounts?.find((w) => w === t),
+    [n?.evmSmartAccounts, t]
+  ), c = s ? "solana" : m ? "evm-smart" : "evm-eoa", [u, y] = z(!1), v = D(() => {
+    y(!0), l?.();
+  }, [l]), V = x(
+    () => ({
+      address: t,
+      isSessionExpired: u,
+      type: c,
+      onIframeError: r,
+      onIframeReady: a,
+      onIframeSessionExpired: v,
+      onCopySuccess: i
+    }),
+    [
+      t,
+      u,
+      c,
+      v,
+      r,
+      a,
+      i
+    ]
   );
-  return /* @__PURE__ */ o(N.Provider, { value: u, children: r });
-}, A = ({
+  return /* @__PURE__ */ o(k.Provider, { value: V, children: e });
+}, P = ({
   children: t,
-  className: r = "",
-  as: e = "h2",
-  ...l
+  className: e = "",
+  as: r = "h2",
+  ...a
 }) => /* @__PURE__ */ o(
-  e,
+  r,
   {
     "data-part": "title",
-    className: f(_["export-wallet-title"], r),
-    ...l,
+    className: h(f["export-wallet-title"], e),
+    ...a,
     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 = ({
+), F = (t) => {
+  const { isSessionExpired: e, type: r } = C();
+  return e ? /* @__PURE__ */ o(_, { "data-part": "warning", variant: "warning", ...t, children: "Your export session has expired." }) : r === "evm-smart" ? /* @__PURE__ */ o(_, { "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(_, { "data-part": "warning", variant: "warning", ...t, children: "Do not share your private key with anyone" });
+}, I = ({
   label: t = "Your wallet address",
-  ...r
+  ...e
 }) => {
-  const { address: e } = C();
-  return /* @__PURE__ */ o(K, { "data-part": "copy-address", address: e, label: t, ...r });
-}, k = ({
+  const { address: r } = C();
+  return /* @__PURE__ */ o(j, { "data-part": "copy-address", address: r, label: t, ...e });
+}, R = ({
   fullWidth: t = !0,
-  ...r
+  ...e
 }) => {
-  const { address: e, type: l, onIframeError: n, onIframeReady: a, onCopySuccess: i } = C();
-  return l === "solana" ? /* @__PURE__ */ o(
-    z,
+  const { address: r, type: a, onIframeError: l, onIframeReady: i, onIframeSessionExpired: n, onCopySuccess: s } = C();
+  return a === "solana" ? /* @__PURE__ */ o(
+    X,
     {
       fullWidth: t,
-      address: e,
-      onError: n,
-      onReady: a,
-      onSuccess: i,
-      ...r
+      address: r,
+      onError: l,
+      onReady: i,
+      onSessionExpired: n,
+      onSuccess: s,
+      ...e
     }
-  ) : l === "evm-eoa" ? /* @__PURE__ */ o(
-    V,
+  ) : a === "evm-eoa" ? /* @__PURE__ */ o(
+    U,
     {
       fullWidth: t,
-      address: e,
-      onError: n,
-      onReady: a,
-      onSuccess: i,
-      ...r
+      address: r,
+      onError: l,
+      onReady: i,
+      onSessionExpired: n,
+      onSuccess: s,
+      ...e
     }
   ) : null;
-}, P = (t) => /* @__PURE__ */ o(O, { "data-part": "coinbase-footer", ...t }), L = ({
+}, B = (t) => /* @__PURE__ */ o($, { "data-part": "coinbase-footer", ...t }), et = ({ children: t }) => {
+  const { showCoinbaseFooter: e } = g(), { type: r, isSessionExpired: a } = C();
+  return t && typeof t == "function" ? t({ type: r, isSessionExpired: a }) : t || /* @__PURE__ */ d(E, { children: [
+    /* @__PURE__ */ o(P, {}),
+    /* @__PURE__ */ o(F, {}),
+    /* @__PURE__ */ o(I, {}),
+    /* @__PURE__ */ o(R, {}),
+    e && /* @__PURE__ */ o(B, { className: f.footer })
+  ] });
+}, rt = ({
   address: t,
-  children: r,
-  className: e = "",
-  onIframeError: l,
-  onIframeReady: n,
-  onCopySuccess: a,
-  ...i
+  children: e,
+  className: r = "",
+  onIframeError: a,
+  onIframeReady: l,
+  onIframeSessionExpired: i,
+  onCopySuccess: n,
+  ...s
 }) => {
-  const { showCoinbaseFooter: s } = g();
+  S("export_wallet");
+  const { showCoinbaseFooter: m } = g();
   return /* @__PURE__ */ o(
     "div",
     {
-      className: f(
-        _["export-wallet"],
-        !s && _["no-footer"],
-        e
+      className: h(
+        f["export-wallet"],
+        !m && f["no-footer"],
+        r
       ),
-      ...i,
+      ...s,
       children: /* @__PURE__ */ o(
-        H,
+        ot,
         {
           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 })
-          ] })
+          onIframeReady: l,
+          onCopySuccess: n,
+          onIframeError: a,
+          onIframeSessionExpired: i,
+          children: /* @__PURE__ */ o(et, { children: e })
         }
       )
     }
   );
-}, G = "ExportWalletModal-module__trigger___zMk8N", J = "ExportWalletModal-module__content___KzNol", Q = "ExportWalletModal-module__footer___byg1T", tt = "ExportWalletModal-module__modal___pX1AP", p = {
+}, at = "ExportWalletModal-module__trigger___zMk8N", nt = "ExportWalletModal-module__content___KzNol", lt = "ExportWalletModal-module__footer___byg1T", it = "ExportWalletModal-module__modal___pX1AP", p = {
   "export-wallet": "ExportWalletModal-module__export-wallet___--L56",
-  trigger: G,
+  trigger: at,
   "title-bar": "ExportWalletModal-module__title-bar___RTPZq",
-  content: J,
+  content: nt,
   "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);
+  footer: lt,
+  modal: it
+}, K = N(null), st = () => {
+  const t = A(K);
   if (!t)
     throw new Error("useExportWalletModalContext must be used within a ExportWalletModal");
   return t;
-}, w = ({
+}, b = ({
   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 = ({
+  className: e = "",
+  label: r,
+  ...a
+}) => /* @__PURE__ */ o(J, { asChild: !0, children: t || /* @__PURE__ */ o(T, { className: h(p.trigger, e), ...a, children: r || "Export wallet" }) }), pt = ({
   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,
+  ...e
+}) => /* @__PURE__ */ o(G, { asChild: !0, children: /* @__PURE__ */ o(P, { ...e, children: t }) }), mt = ({ children: t }) => /* @__PURE__ */ o(H, { asChild: !0, children: t || /* @__PURE__ */ o(
+  T,
   {
     "aria-label": "Close",
     className: p["close-button"],
     variant: "transparentSecondary",
-    children: /* @__PURE__ */ o($, { className: p["close-icon"] })
+    children: /* @__PURE__ */ o(Q, { className: p["close-icon"] })
   }
-) }), y = ({
+) }), W = ({
   children: t,
-  className: r = "",
-  ...e
+  className: e = "",
+  ...r
 }) => {
-  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,
+  const { showCoinbaseFooter: a } = g(), { address: l, onIframeReady: i, onCopySuccess: n, onIframeError: s, onIframeSessionExpired: m } = st();
+  return /* @__PURE__ */ o(L, { "aria-describedby": void 0, className: h(p.modal, e), ...r, children: /* @__PURE__ */ o(
+    rt,
     {
-      address: n,
-      onIframeReady: a,
-      onCopySuccess: i,
+      address: l,
+      onIframeReady: i,
+      onCopySuccess: n,
       onIframeError: s,
+      onIframeSessionExpired: m,
       className: p["export-wallet"],
-      children: t || /* @__PURE__ */ m(E, { children: [
-        /* @__PURE__ */ m("div", { className: p["title-bar"], children: [
-          /* @__PURE__ */ o(rt, {}),
-          /* @__PURE__ */ o(et, {})
+      children: t || (({ isSessionExpired: c }) => /* @__PURE__ */ d(E, { children: [
+        /* @__PURE__ */ d("div", { className: p["title-bar"], children: [
+          /* @__PURE__ */ o(pt, {}),
+          /* @__PURE__ */ o(mt, {})
         ] }),
-        /* @__PURE__ */ m("div", { className: p.content, children: [
-          /* @__PURE__ */ o(S, {}),
-          /* @__PURE__ */ o(T, {}),
-          /* @__PURE__ */ o(k, {}),
-          l && /* @__PURE__ */ o(P, { className: p.footer })
+        /* @__PURE__ */ d("div", { className: p.content, children: [
+          c ? /* @__PURE__ */ o(_, { role: "alert", "data-part": "warning", variant: "warning", children: "Your export session has expired. Please close and reopen the modal to export again." }) : /* @__PURE__ */ o(F, {}),
+          /* @__PURE__ */ o(I, {}),
+          /* @__PURE__ */ o(R, {}),
+          a && /* @__PURE__ */ o(B, { className: p.footer })
         ] })
-      ] })
+      ] }))
     }
   ) });
-}, wo = ({
+}, Ao = ({
   address: t,
-  children: r,
-  onIframeReady: e,
-  onCopySuccess: l,
-  onIframeError: n,
-  open: a,
-  setIsOpen: i
+  children: e,
+  onIframeReady: r,
+  onCopySuccess: a,
+  onIframeError: l,
+  onIframeSessionExpired: i,
+  open: n,
+  setIsOpen: s
 }) => {
-  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, {})
+  S("export_wallet_modal");
+  const m = x(
+    () => ({ address: t, onIframeReady: r, onCopySuccess: a, onIframeError: l, onIframeSessionExpired: i }),
+    [t, r, a, l, i]
+  ), c = e ? M(e, b) : !1, u = e ? M(e, W) : !1, y = !c && !u;
+  return /* @__PURE__ */ o(K.Provider, { value: m, children: /* @__PURE__ */ o(q, { open: n, onOpenChange: s, children: y ? /* @__PURE__ */ d(E, { children: [
+    /* @__PURE__ */ o(b, { children: e }),
+    /* @__PURE__ */ o(W, {})
+  ] }) : /* @__PURE__ */ d(E, { children: [
+    e,
+    !u && /* @__PURE__ */ o(W, {})
   ] }) }) });
 };
-B.registerPackageVersion("react", I);
+Y.registerPackageVersion("react", O);
 export {
-  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
+  Ao as E,
+  rt as ExportWallet,
+  I as ExportWalletCopyAddress,
+  R as ExportWalletCopyKeyButton,
+  B as ExportWalletFooter,
+  P as ExportWalletTitle,
+  F as ExportWalletWarning,
+  mt as a,
+  W as b,
+  pt as c,
+  b as d
 };

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

@@ -6,12 +6,12 @@ interface ExportWalletModalTriggerProps extends Partial<Pick<ButtonProps, "class
     children?: ReactNode;
     label?: ReactNode;
 }
-type ExportWalletModalContentProps = ModalContentProps;
+type ExportWalletModalContentProps = Omit<ModalContentProps, "children"> & Pick<ExportWalletProps, "children">;
 type ExportWalletModalTitleProps = ExportWalletTitleProps;
 interface ExportWalletModalCloseProps {
     children?: ReactNode;
 }
-interface ExportWalletModalProps extends Pick<ExportWalletProps, "address" | "onIframeReady" | "onCopySuccess" | "onIframeError"> {
+interface ExportWalletModalProps extends Pick<ExportWalletProps, "address" | "onIframeReady" | "onCopySuccess" | "onIframeError" | "onIframeSessionExpired"> {
     children?: ReactNode;
     open?: boolean;
     setIsOpen?: (value: boolean) => void;
@@ -20,5 +20,5 @@ declare const ExportWalletModalTrigger: ({ children, className, label, ...props
 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;
+declare const ExportWalletModal: ({ address, children, onIframeReady, onCopySuccess, onIframeError, onIframeSessionExpired, open, setIsOpen, }: ExportWalletModalProps) => import("react/jsx-runtime").JSX.Element;
 export { ExportWalletModal, ExportWalletModalClose, ExportWalletModalContent, ExportWalletModalTitle, ExportWalletModalTrigger, type ExportWalletModalProps, type ExportWalletModalCloseProps, type ExportWalletModalContentProps, type ExportWalletModalTitleProps, type ExportWalletModalTriggerProps, };

package/dist/components/ExportWalletModal/index.js

@@ -3,15 +3,16 @@ 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 { E, a as M, b as W, c as g, d as n } from "../ExportWallet/index.js";
+import "../ui/Banner/index.js";
 import "../ui/Button/index.js";
 import "../ui/Modal/index.js";
 import "../../icons/IconXMark.js";
 import "../../utils/childrenHasComponent.js";
 export {
-  x as ExportWalletModal,
-  E as ExportWalletModalClose,
-  M as ExportWalletModalContent,
-  W as ExportWalletModalTitle,
-  g as ExportWalletModalTrigger
+  E as ExportWalletModal,
+  M as ExportWalletModalClose,
+  W as ExportWalletModalContent,
+  g as ExportWalletModalTitle,
+  n as ExportWalletModalTrigger
 };

package/dist/components/Fund/utils/setupOnrampEventListeners.d.ts

@@ -1,9 +1,8 @@
 import { EventMetadata, OnrampError, OnrampSuccessEventData } from '../types';
 type SetupOnrampEventListenersParams = {
-    host?: string;
     onEvent?: (event: EventMetadata) => void;
     onExit?: (error?: OnrampError) => void;
     onSuccess?: (data?: OnrampSuccessEventData) => void;
 };
-export declare function setupOnrampEventListeners({ host, onEvent, onExit, onSuccess, }: SetupOnrampEventListenersParams): () => void;
+export declare function setupOnrampEventListeners({ onEvent, onExit, onSuccess, }: SetupOnrampEventListenersParams): () => void;
 export {};

package/dist/components/Fund/utils/setupOnrampEventListeners.js

@@ -1,19 +1,17 @@
 import "react";
-import { subscribeToWindowMessage as o, DEFAULT_ONRAMP_URL as a } from "./subscribeToWindowMessage.js";
-function b({
-  host: s = a,
-  onEvent: t,
-  onExit: n,
-  onSuccess: r
+import { subscribeToWindowMessage as i } from "./subscribeToWindowMessage.js";
+function c({
+  onEvent: s,
+  onExit: t,
+  onSuccess: n
 }) {
-  return o({
-    allowedOrigin: s,
-    onMessage: (i) => {
-      const e = i;
-      e.eventName === "success" && r?.(e.data), e.eventName === "exit" && n?.(e.error), t?.(e);
+  return i({
+    onMessage: (r) => {
+      const e = r;
+      e.eventName === "success" && n?.(e.data), e.eventName === "exit" && t?.(e.error), s?.(e);
     }
   });
 }
 export {
-  b as setupOnrampEventListeners
+  c as setupOnrampEventListeners
 };

package/dist/components/Fund/utils/subscribeToWindowMessage.d.ts

@@ -4,11 +4,11 @@ export type JsonObject = {
 export type JsonArray = JsonValue[];
 export type JsonPrimitive = string | number | boolean | null;
 export type JsonValue = JsonPrimitive | JsonObject | JsonArray;
-export declare const DEFAULT_ONRAMP_URL = "https://pay.coinbase.com";
+export declare const DEFAULT_ONRAMP_URL: string[];
 type MessageData = JsonObject;
 export declare function subscribeToWindowMessage({ onMessage, allowedOrigin, onValidateOrigin, }: {
     onMessage: (data?: MessageData) => void;
-    allowedOrigin: string;
+    allowedOrigin?: string | string[];
     onValidateOrigin?: (origin: string) => Promise<boolean>;
 }): () => void;
 export {};

package/dist/components/Fund/utils/subscribeToWindowMessage.js

@@ -1,23 +1,23 @@
-const a = "https://pay.coinbase.com";
+const a = ["https://pay.coinbase.com", "https://pay-sandbox.coinbase.com"];
 function d({
-  onMessage: s,
-  allowedOrigin: e = a,
-  onValidateOrigin: n = () => Promise.resolve(!0)
+  onMessage: e,
+  allowedOrigin: s = a,
+  onValidateOrigin: i = () => Promise.resolve(!0)
 }) {
-  const o = (i) => {
-    if (!c({ event: i, allowedOrigin: e }))
+  const o = (n) => {
+    if (!c({ event: n, allowedOrigin: s }))
       return;
-    const { eventName: t, data: r } = JSON.parse(i.data);
-    t === "event" && (async () => await n(i.origin) && s(r))();
+    const { eventName: t, data: r } = JSON.parse(n.data);
+    t === "event" && (async () => await i(n.origin) && e(r))();
   };
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
 }
 const c = ({
-  event: s,
-  allowedOrigin: e
-}) => !e || s.origin === e;
+  event: e,
+  allowedOrigin: s
+}) => !s || (typeof s == "string" ? e.origin === s : s.includes(e.origin));
 export {
   a as DEFAULT_ONRAMP_URL,
   d as subscribeToWindowMessage