@coinbase/cdp-react 0.0.23 → 0.0.25

package/dist/components/Fund/hooks/usePopupMonitor.js

@@ -0,0 +1,17 @@
+import { useRef as u, useCallback as c, useEffect as l } from "react";
+const a = (e) => {
+  const r = u(null), t = c(
+    (n) => {
+      r.current && clearInterval(r.current), r.current = window.setInterval(() => {
+        n.closed && (r.current && (clearInterval(r.current), r.current = null), e?.());
+      }, 500);
+    },
+    [e]
+  );
+  return l(() => () => {
+    r.current && clearInterval(r.current);
+  }, []), { startPopupMonitor: t };
+};
+export {
+  a as usePopupMonitor
+};

package/dist/components/Fund/hooks/useSetupOnrampEventListeners.d.ts

@@ -0,0 +1 @@
+export declare const useSetupOnrampEventListeners: () => void;

package/dist/components/Fund/hooks/useSetupOnrampEventListeners.js

@@ -0,0 +1,56 @@
+import { useCallback as n, useEffect as u } from "react";
+import { useFundContext as c } from "../FundProvider.js";
+import { setupOnrampEventListeners as i } from "../utils/setupOnrampEventListeners.js";
+const e = (t) => ({
+  type: "SET_TRANSACTION_STATUS",
+  payload: {
+    transactionStatus: t
+  }
+}), S = () => {
+  const { dispatch: t } = c(), a = n(
+    (s) => {
+      s.eventName === "transition_view" ? t(
+        e({
+          statusName: "transactionPending",
+          statusData: null
+        })
+      ) : s.eventName === "error" && t(
+        e({
+          statusName: "error",
+          statusData: s.error
+        })
+      );
+    },
+    [t]
+  ), r = n(
+    (s) => {
+      t(
+        e({
+          statusName: "transactionSuccess",
+          statusData: s || null
+        })
+      );
+    },
+    [t]
+  ), o = n(() => {
+    t(
+      e({
+        statusName: "exit",
+        statusData: null
+      })
+    );
+  }, [t]);
+  u(() => {
+    const s = i({
+      onEvent: a,
+      onExit: o,
+      onSuccess: r
+    });
+    return () => {
+      s();
+    };
+  }, []);
+};
+export {
+  S as useSetupOnrampEventListeners
+};

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { InputType } from '../forms/ExchangeAmountInput/types';
+import { FundForm, FundFormProps } from './FundForm';
+import { useFundContext } from './FundProvider';
+import { FundTitle, FundTitleProps } from './FundTitle';
+import { FetchBuyUrlParams } from './hooks/useBuyUrl';
+import { CamelToSnakeCase, CamelToSnakeCaseNested, FundAction, FetchBuyOptions, FetchBuyQuote, FundPaymentMethod, FundPresetAmountInputs, FundProps, FundState, FundStateError, FundStateProps, FundContextType, FundLifecycleStatus, OnrampAmount, OnrampBuyQuoteResponse, OnrampBuyOptionsResponse, OnrampBuyOptionsSnakeCaseResponse, OnrampBuyQuoteSnakeCaseResponse, OnrampError, OnrampNetwork, OnrampPaymentCurrency, OnrampPaymentMethodLimit, OnrampPurchaseCurrency, OnrampSuccessEventData } from './types';
+declare const Fund: ({ className, children, openIn, submitLabel, title, ...props }: FundProps) => import("react/jsx-runtime").JSX.Element;
+declare const FundFooter: (props: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export { Fund as unstable_Fund, FundFooter as unstable_FundFooter, FundForm as unstable_FundForm, FundTitle as unstable_FundTitle, useFundContext as unstable_useFundContext, type CamelToSnakeCase as unstable_CamelToSnakeCase, type CamelToSnakeCaseNested as unstable_CamelToSnakeCaseNested, type FundAction as unstable_FundAction, type FetchBuyOptions as unstable_FetchBuyOptions, type FetchBuyQuote as unstable_FetchBuyQuote, type FetchBuyUrlParams as unstable_FetchBuyUrlParams, type FundContextType as unstable_FundContextType, type FundFormProps as unstable_FundFormProps, type FundLifecycleStatus as unstable_FundLifecycleStatus, type FundPaymentMethod as unstable_FundPaymentMethod, type FundPresetAmountInputs as unstable_FundPresetAmountInputs, type FundProps as unstable_FundProps, type FundState as unstable_FundState, type FundStateError as unstable_FundStateError, type FundStateProps as unstable_FundStateProps, type FundTitleProps as unstable_FundTitleProps, type InputType as unstable_InputType, type OnrampAmount as unstable_OnrampAmount, type OnrampBuyQuoteResponse as unstable_OnrampBuyQuoteResponse, type OnrampBuyOptionsResponse as unstable_OnrampBuyOptionsResponse, type OnrampBuyOptionsSnakeCaseResponse as unstable_OnrampBuyOptionsSnakeCaseResponse, type OnrampBuyQuoteSnakeCaseResponse as unstable_OnrampBuyQuoteSnakeCaseResponse, type OnrampError as unstable_OnrampError, type OnrampNetwork as unstable_OnrampNetwork, type OnrampPaymentCurrency as unstable_OnrampPaymentCurrency, type OnrampPaymentMethodLimit as unstable_OnrampPaymentMethodLimit, type OnrampPurchaseCurrency as unstable_OnrampPurchaseCurrency, type OnrampSuccessEventData as unstable_OnrampSuccessEventData, };

package/dist/components/Fund/index.js

@@ -0,0 +1,30 @@
+import { jsx as t, jsxs as m, Fragment as a } from "react/jsx-runtime";
+import { useId as F } from "react";
+import { useAppConfig as f } from "../CDPReactProvider/index.js";
+import { CoinbaseFooter as l } from "../ui/CoinbaseFooter/index.js";
+import { FundForm as p } from "./FundForm.js";
+import { FundProvider as c, useFundContext as _ } from "./FundProvider.js";
+import { FundTitle as b } from "./FundTitle.js";
+import { useSetupOnrampEventListeners as C } from "./hooks/useSetupOnrampEventListeners.js";
+import '../../assets/Fund.css';const x = "Fund-module__fund___6j-Og", g = {
+  fund: x
+}, E = ({ className: n = "", children: e, openIn: r, submitLabel: s, title: u, ...o }) => /* @__PURE__ */ t(c, { ...o, children: /* @__PURE__ */ t("div", { className: `${g.fund} ${n}`, children: /* @__PURE__ */ t(h, { openIn: r, submitLabel: s, title: u, children: e }) }) }), h = ({
+  children: n,
+  openIn: e,
+  submitLabel: r,
+  title: s
+}) => {
+  const { state: u } = _(), o = F(), { showCoinbaseFooter: d } = f();
+  return C(), n ? typeof n == "function" ? n(u) : n : /* @__PURE__ */ t(p, { "aria-labelledby": o, openIn: e, submitLabel: r, children: ({ Content: i }) => /* @__PURE__ */ m(a, { children: [
+    /* @__PURE__ */ t(b, { id: o, children: s }),
+    i,
+    d && /* @__PURE__ */ t(j, {})
+  ] }) });
+}, j = (n) => /* @__PURE__ */ t(l, { ...n });
+export {
+  E as unstable_Fund,
+  j as unstable_FundFooter,
+  p as unstable_FundForm,
+  b as unstable_FundTitle,
+  _ as unstable_useFundContext
+};

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

@@ -0,0 +1,218 @@
+import { Dispatch, ReactNode } from 'react';
+import { InputType } from '../forms/ExchangeAmountInput/types';
+import { FetchBuyUrlParams } from './hooks/useBuyUrl';
+export type CamelToSnakeCase<T extends string> = T extends `${infer A}${infer B}` ? B extends Uncapitalize<B> ? `${A}${CamelToSnakeCase<B>}` : `${Uncapitalize<A>}_${CamelToSnakeCase<Uncapitalize<B>>}` : T;
+export type CamelToSnakeCaseNested<T> = T extends readonly any[] ? T : T extends object ? {
+    [K in keyof T as K extends string ? CamelToSnakeCase<K> : K]: CamelToSnakeCaseNested<T[K]>;
+} : T;
+export type FundPresetAmountInputs = readonly [number, number, number];
+export interface FundPaymentMethod {
+    id: string;
+    name: string;
+    description: string;
+    icon: ReactNode;
+    minAmount?: number;
+    maxAmount?: number;
+}
+export type OnrampOpenEvent = {
+    eventName: "open";
+    widgetName: string;
+};
+export type OnrampTransitionViewEvent = {
+    eventName: "transition_view";
+    pageRoute: string;
+};
+export type OnrampPublicErrorEvent = {
+    eventName: "error";
+    error: OnrampError;
+};
+export type OnrampExitEvent = {
+    eventName: "exit";
+    error?: OnrampError;
+};
+export type OnrampSuccessEvent = {
+    eventName: "success";
+    data?: OnrampSuccessEventData;
+};
+export type OnrampSuccessEventData = {
+    assetImageUrl: string;
+    assetName: string;
+    assetSymbol: string;
+    chainId: string;
+};
+export type RequestOpenUrlEvent = {
+    eventName: "request_open_url";
+    url: string;
+};
+export type EventMetadata = OnrampOpenEvent | OnrampTransitionViewEvent | OnrampPublicErrorEvent | OnrampExitEvent | OnrampSuccessEvent | RequestOpenUrlEvent;
+export interface OnrampError {
+    errorType: "internal_error" | "handled_error" | "network_error" | "unknown_error";
+    code?: string;
+    debugMessage?: string;
+}
+export type FundLifecycleStatus = {
+    statusName: "init";
+    statusData: null;
+} | {
+    statusName: "exit";
+    statusData: null;
+} | {
+    statusName: "error";
+    statusData: OnrampError;
+} | {
+    statusName: "transactionSuccess";
+    statusData: OnrampSuccessEventData | null;
+} | {
+    statusName: "transactionPending";
+    statusData: null;
+};
+export type FundLifecycleEvents = {
+    onError?: (e: OnrampError | undefined) => void;
+    onStatus?: (lifecycleStatus: FundLifecycleStatus) => void;
+    onSuccess?: (result?: OnrampSuccessEventData) => void;
+};
+export type FundStateError = {
+    code: string;
+    message: string;
+};
+export interface FundState {
+    country: string;
+    cryptoAmount?: number;
+    cryptoCurrency: string;
+    cryptoDecimalPlaces?: number;
+    exchangeRate?: number;
+    exchangeRateError?: FundStateError | null;
+    isExchangeRatePending?: boolean;
+    isPaymentMethodsPending?: boolean;
+    fiatAmount?: number;
+    fiatCurrency: string;
+    fiatDecimalPlaces?: number;
+    locale?: string;
+    network: string;
+    paymentMethods?: FundPaymentMethod[];
+    paymentMethodsError?: FundStateError | null;
+    presetAmountInputs?: FundPresetAmountInputs;
+    selectedInputType: InputType;
+    selectedPaymentMethod?: FundPaymentMethod;
+    subdivision?: string;
+    transactionStatus: FundLifecycleStatus;
+}
+export type FundStateProps = Pick<FundState, "country" | "cryptoCurrency" | "cryptoDecimalPlaces" | "fiatCurrency" | "fiatDecimalPlaces" | "locale" | "network" | "presetAmountInputs" | "subdivision">;
+export interface FundProps extends FundStateProps, FundLifecycleEvents {
+    children?: ReactNode | ((state: FundState) => ReactNode);
+    className?: string;
+    fetchBuyOptions: FetchBuyOptions;
+    fetchBuyQuote: FetchBuyQuote;
+    inputType?: InputType;
+    openIn?: "popup" | "tab";
+    submitLabel?: ReactNode;
+    title?: ReactNode;
+}
+export type FundAction = {
+    type: "SET_FIELD";
+    payload: {
+        [K in keyof FundState]: {
+            field: K;
+            value: FundState[K];
+        };
+    }[keyof FundState];
+} | {
+    type: "SET_AMOUNTS";
+    payload: {
+        cryptoAmount: number;
+        fiatAmount: number;
+    };
+} | {
+    type: "FETCH_EXCHANGE_RATE";
+} | {
+    type: "SET_EXCHANGE_RATE_SUCCESS";
+    payload: {
+        exchangeRate: number | undefined;
+    };
+} | {
+    type: "SET_EXCHANGE_RATE_ERROR";
+    payload: {
+        error: Partial<NonNullable<FundState["exchangeRateError"]>>;
+    };
+} | {
+    type: "FETCH_PAYMENT_METHODS";
+} | {
+    type: "SET_PAYMENT_METHODS_SUCCESS";
+    payload: {
+        paymentMethods: FundPaymentMethod[];
+    };
+} | {
+    type: "SET_PAYMENT_METHODS_ERROR";
+    payload: {
+        error: Partial<NonNullable<FundState["paymentMethodsError"]>>;
+    };
+} | {
+    type: "SET_TRANSACTION_STATUS";
+    payload: {
+        transactionStatus: FundLifecycleStatus;
+    };
+} | {
+    type: "SYNC_WITH_PROPS";
+    payload: FundStateProps;
+};
+export type FundContextType = {
+    state: FundState;
+    dispatch: Dispatch<FundAction>;
+    fetchBuyUrl: (params: FetchBuyUrlParams, onError?: (e: OnrampError | undefined) => void) => Promise<string>;
+};
+export type OnrampPaymentMethodLimit = {
+    id: string;
+    min: string;
+    max: string;
+};
+export type OnrampPaymentCurrency = {
+    id: string;
+    limits: OnrampPaymentMethodLimit[];
+};
+export type OnrampNetwork = {
+    name: string;
+    displayName: string;
+    chainId: string;
+    contractAddress: string;
+    iconUrl: string;
+};
+export type OnrampPurchaseCurrency = {
+    id: string;
+    name: string;
+    symbol: string;
+    iconUrl: string;
+    networks: OnrampNetwork[];
+};
+export type OnrampAmount = {
+    value: string;
+    currency: string;
+};
+export type OnrampBuyOptionsResponse = {
+    paymentCurrencies: OnrampPaymentCurrency[];
+    purchaseCurrencies: OnrampPurchaseCurrency[];
+};
+export type OnrampBuyOptionsSnakeCaseResponse = CamelToSnakeCaseNested<OnrampBuyOptionsResponse>;
+export type OnrampBuyQuoteResponse = {
+    paymentTotal: OnrampAmount;
+    paymentSubtotal: OnrampAmount;
+    purchaseAmount: OnrampAmount;
+    coinbaseFee: OnrampAmount;
+    networkFee: OnrampAmount;
+    quoteId: string;
+    onrampUrl?: string;
+};
+export type OnrampBuyQuoteSnakeCaseResponse = CamelToSnakeCaseNested<OnrampBuyQuoteResponse>;
+export type FetchBuyOptions = (params: {
+    country: string;
+    subdivision?: string;
+}) => Promise<OnrampBuyOptionsResponse>;
+export type FetchBuyQuote = (params: {
+    destinationAddress: string;
+    purchaseCurrency: string;
+    purchaseNetwork: string;
+    paymentAmount: string;
+    paymentCurrency: string;
+    paymentMethod: string;
+    country: string;
+    subdivision?: string;
+}) => Promise<OnrampBuyQuoteResponse>;

package/dist/components/Fund/types.js

@@ -0,0 +1 @@
+import "react";

package/dist/components/Fund/useFundReducer.d.ts

@@ -0,0 +1,9 @@
+import { FundAction, FundState } from './types';
+export declare const useFundReducer: (initialState: FundState) => [FundState, import('react').ActionDispatch<[action: FundAction]>];
+export declare const createSetFieldAction: <K extends keyof FundState>(field: K, value: FundState[K]) => {
+    type: "SET_FIELD";
+    payload: {
+        field: K;
+        value: FundState[K];
+    };
+};

package/dist/components/Fund/useFundReducer.js

@@ -0,0 +1,104 @@
+import { useReducer as t } from "react";
+const n = (a, e) => {
+  if (e.statusName === "init" || e.statusName === "exit" || e.statusName === "transactionPending")
+    return e;
+  if (e.statusName === "error" || e.statusName === "transactionSuccess") {
+    if (a.statusName === "error")
+      return e;
+    if (a.statusName === "transactionSuccess" && e.statusName === "transactionSuccess" && a.statusData)
+      return {
+        ...e,
+        statusData: {
+          ...a.statusData,
+          ...e.statusData
+        }
+      };
+  }
+  return e;
+};
+function s(a, e) {
+  const { type: r } = e;
+  switch (r) {
+    case "SET_AMOUNTS":
+      return {
+        ...a,
+        cryptoAmount: e.payload.cryptoAmount,
+        fiatAmount: e.payload.fiatAmount
+      };
+    case "SET_FIELD":
+      return e.payload ? { ...a, [e.payload.field]: e.payload.value } : a;
+    case "FETCH_EXCHANGE_RATE":
+      return {
+        ...a,
+        isExchangeRatePending: !0,
+        exchangeRateError: null
+      };
+    case "SET_EXCHANGE_RATE_SUCCESS":
+      return {
+        ...a,
+        isExchangeRatePending: !1,
+        exchangeRate: e.payload.exchangeRate,
+        exchangeRateError: null
+      };
+    case "SET_EXCHANGE_RATE_ERROR":
+      return {
+        ...a,
+        exchangeRate: void 0,
+        isExchangeRatePending: !1,
+        exchangeRateError: {
+          code: e.payload.error.code || "UNKNOWN_EXCHANGE_RATE_ERROR",
+          message: e.payload.error.message || "Something went wrong fetching exchange rate"
+        }
+      };
+    case "FETCH_PAYMENT_METHODS":
+      return {
+        ...a,
+        isPaymentMethodsPending: !0,
+        paymentMethodsError: null
+      };
+    case "SET_PAYMENT_METHODS_SUCCESS":
+      return {
+        ...a,
+        isPaymentMethodsPending: !1,
+        paymentMethods: e.payload.paymentMethods,
+        selectedPaymentMethod: e.payload.paymentMethods[0],
+        paymentMethodsError: null
+      };
+    case "SET_PAYMENT_METHODS_ERROR":
+      return {
+        ...a,
+        paymentMethods: void 0,
+        isPaymentMethodsPending: !1,
+        paymentMethodsError: {
+          code: e.payload.error.code || "UNKNOWN_PAYMENT_METHODS_ERROR",
+          message: e.payload.error.message || "Something went wrong fetching payment methods"
+        }
+      };
+    case "SET_TRANSACTION_STATUS":
+      return {
+        ...a,
+        transactionStatus: n(
+          a.transactionStatus,
+          e.payload.transactionStatus
+        )
+      };
+    case "SYNC_WITH_PROPS":
+      return {
+        ...a,
+        ...e.payload
+      };
+    default:
+      throw new Error("Unknown action type");
+  }
+}
+const d = (a) => t(s, a), E = (a, e) => ({
+  type: "SET_FIELD",
+  payload: {
+    field: a,
+    value: e
+  }
+});
+export {
+  E as createSetFieldAction,
+  d as useFundReducer
+};

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

@@ -0,0 +1,5 @@
+import { OnrampBuyOptionsResponse, FundPaymentMethod } from '../types';
+export declare const buildCoinbasePaymentMethodDescription: (paymentMethodLimits: Array<{
+    id: string;
+}>) => string;
+export declare const buildPaymentMethods: (paymentOptions: OnrampBuyOptionsResponse, currency: string, country: string) => FundPaymentMethod[];

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

@@ -0,0 +1,57 @@
+import { jsx as r } from "react/jsx-runtime";
+import { IconAppleLogo as u } from "../../../icons/IconAppleLogo.js";
+import { IconCoinbaseMark as A } from "../../../icons/IconCoinbaseMark.js";
+import { IconCreditCard as C } from "../../../icons/IconCreditCard.js";
+const s = 2, c = 500, M = (n) => [
+  // Check API-provided methods
+  n.some((e) => e.id === "ACH_BANK_ACCOUNT") && "ACH",
+  n.some((e) => e.id === "CARD") && "debit",
+  n.some((e) => e.id === "FIAT_WALLET") && "cash",
+  // Always include these methods
+  "crypto balance"
+].filter(Boolean).join(", "), b = ({ limits: n }) => {
+  const o = n.flatMap((t) => t.min ? [Number(t.min)] : []), e = n.flatMap((t) => t.max ? [Number(t.max)] : []);
+  return {
+    id: n[0].id,
+    // use the first limit id as the coinbase payment method id to avoid passing in an invalid option
+    name: "Coinbase",
+    description: M(n),
+    icon: /* @__PURE__ */ r(A, {}),
+    minAmount: o.length > 0 ? Math.min(...o) : s,
+    maxAmount: e.length > 0 ? Math.max(...e) : c
+  };
+}, l = (n) => [
+  {
+    id: "APPLE_PAY_GUEST",
+    name: "Apple Pay",
+    icon: /* @__PURE__ */ r(u, {})
+  },
+  {
+    id: "CARD_GUEST",
+    name: "Debit card",
+    icon: /* @__PURE__ */ r(C, {})
+  }
+].map((e) => {
+  const t = n.limits.find(
+    (a) => a.id === e.id.replace("_GUEST", "")
+  );
+  return {
+    ...e,
+    description: "Up to $500/week. No sign up required.",
+    minAmount: Number(t?.min) || s,
+    maxAmount: Number(t?.max) || c
+  };
+}), N = (n, o, e) => {
+  const t = o.toUpperCase(), a = e.toUpperCase(), i = n.paymentCurrencies.find(
+    (p) => p.id.toUpperCase() === t
+  );
+  if (!i)
+    return [];
+  const d = b(i);
+  let m = [];
+  return a === "US" && t === "USD" && (m = l(i)), [d, ...m];
+};
+export {
+  M as buildCoinbasePaymentMethodDescription,
+  N as buildPaymentMethods
+};

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

@@ -0,0 +1,9 @@
+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 {};

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

@@ -0,0 +1,19 @@
+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
+}) {
+  return o({
+    allowedOrigin: s,
+    onMessage: (i) => {
+      const e = i;
+      e.eventName === "success" && r?.(e.data), e.eventName === "exit" && n?.(e.error), t?.(e);
+    }
+  });
+}
+export {
+  b as setupOnrampEventListeners
+};

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

@@ -0,0 +1,14 @@
+export type JsonObject = {
+    [Key in string]?: JsonValue;
+};
+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";
+type MessageData = JsonObject;
+export declare function subscribeToWindowMessage({ onMessage, allowedOrigin, onValidateOrigin, }: {
+    onMessage: (data?: MessageData) => void;
+    allowedOrigin: string;
+    onValidateOrigin?: (origin: string) => Promise<boolean>;
+}): () => void;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { unstable_FundProps as FundProps } from '../Fund';
+interface FundModalProps extends FundProps {
+    children?: ReactNode;
+    open?: boolean;
+    setIsOpen?: (value: boolean) => void;
+}
+declare const FundModal: ({ children, open, setIsOpen, openIn, submitLabel, title, ...fundProps }: FundModalProps) => import("react/jsx-runtime").JSX.Element;
+export { FundModal as unstable_FundModal, type FundModalProps as unstable_FundModalProps };