@coinbase/cdp-react 0.0.38 → 0.0.39

package/README.md

@@ -7,7 +7,8 @@ the CDP frontend SDK.
  - {@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 SendTransactionButton | `SendTransactionButton`} - a button that signs and sends a transaction
+ - {@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
 

package/dist/assets/SendEvmTransactionButton.css

@@ -0,0 +1 @@
+.SendEvmTransactionButton-module__send-evm-transaction-button___74m57{padding-left:2em;padding-right:2em}

package/dist/assets/SendSolanaTransactionButton.css

@@ -0,0 +1 @@
+.SendSolanaTransactionButton-module__send-solana-transaction-button___OxwvB{padding-left:2em;padding-right:2em}

package/dist/components/Fund/FundProvider.js

@@ -1,12 +1,11 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useEvmAddress as U } from "@coinbase/cdp-hooks";
-import { createContext as R, useContext as b, useEffect as l, useMemo as M } from "react";
-import { useBuyUrl as g } from "./hooks/useBuyUrl.js";
-import { useEmitLifecycleStatus as k } from "./hooks/useEmitLifecycleStatus.js";
-import { useExchangeRate as H } from "./hooks/useExchangeRate.js";
-import { usePaymentMethods as N } from "./hooks/usePaymentMethods.js";
-import { useFundReducer as _ } from "./useFundReducer.js";
-const x = {
+import { jsx as A } from "react/jsx-runtime";
+import { createContext as E, useContext as R, useEffect as f, useMemo as b } from "react";
+import { useBuyUrl as M } from "./hooks/useBuyUrl.js";
+import { useEmitLifecycleStatus as g } from "./hooks/useEmitLifecycleStatus.js";
+import { useExchangeRate as k } from "./hooks/useExchangeRate.js";
+import { usePaymentMethods as H } from "./hooks/usePaymentMethods.js";
+import { useFundReducer as N } from "./useFundReducer.js";
+const h = {
   country: "US",
   cryptoCurrency: "ETH",
   cryptoDecimalPlaces: 8,
@@ -18,113 +17,118 @@ const x = {
   transactionStatus: {
     statusName: "init",
     statusData: null
-  }
-}, C = R(void 0), G = ({
+  },
+  destinationAddress: ""
+}, S = E(void 0), q = ({
   children: c,
-  fetchBuyOptions: h,
-  fetchBuyQuote: f,
-  inputType: S,
+  fetchBuyOptions: v,
+  fetchBuyQuote: y,
+  inputType: D,
   onError: u,
-  onStatus: D,
-  onSuccess: F,
-  ...I
+  onStatus: F,
+  onSuccess: I,
+  ...w
 }) => {
   const {
     country: t,
     cryptoCurrency: e,
-    cryptoDecimalPlaces: a,
+    cryptoDecimalPlaces: i,
     fiatCurrency: s,
-    fiatDecimalPlaces: i,
-    locale: d,
-    network: o,
-    presetAmountInputs: m,
-    redirectUrl: w,
-    subdivision: r
-  } = I, { evmAddress: A } = U(), [p, n] = _({
-    ...x,
+    fiatDecimalPlaces: d,
+    locale: m,
+    network: n,
+    presetAmountInputs: p,
+    redirectUrl: T,
+    subdivision: o,
+    destinationAddress: a
+  } = w, [l, r] = N({
+    ...h,
     country: t,
     cryptoCurrency: e,
-    cryptoDecimalPlaces: a,
+    cryptoDecimalPlaces: i,
     fiatCurrency: s,
-    fiatDecimalPlaces: i,
-    locale: d,
-    network: o,
-    presetAmountInputs: m,
-    subdivision: r,
-    selectedInputType: S || x.selectedInputType
+    fiatDecimalPlaces: d,
+    locale: m,
+    network: n,
+    presetAmountInputs: p,
+    subdivision: o,
+    destinationAddress: a,
+    selectedInputType: D || h.selectedInputType
   });
-  l(() => {
-    n({
+  f(() => {
+    r({
       type: "SYNC_WITH_PROPS",
       payload: {
         country: t,
         cryptoCurrency: e,
-        cryptoDecimalPlaces: a,
+        cryptoDecimalPlaces: i,
         fiatCurrency: s,
-        fiatDecimalPlaces: i,
-        locale: d,
-        network: o,
-        presetAmountInputs: m,
-        subdivision: r
+        fiatDecimalPlaces: d,
+        locale: m,
+        network: n,
+        presetAmountInputs: p,
+        subdivision: o,
+        destinationAddress: a
       }
     });
   }, [
     t,
     e,
-    a,
-    s,
     i,
+    s,
     d,
-    o,
     m,
+    n,
+    p,
+    o,
     r,
-    n
-  ]), k({
-    lifecycleStatus: p.transactionStatus,
+    a
+  ]), g({
+    lifecycleStatus: l.transactionStatus,
     onError: u,
-    onStatus: D,
-    onSuccess: F
+    onStatus: F,
+    onSuccess: I
   });
-  const { fetchExchangeRate: y } = H({
+  const { fetchExchangeRate: P } = k({
     cryptoCurrency: e,
     country: t,
-    dispatch: n,
-    fetchBuyQuote: f,
+    dispatch: r,
+    fetchBuyQuote: y,
     fiatCurrency: s,
-    network: o,
+    network: n,
     onError: u,
-    subdivision: r
-  }), { fetchPaymentMethods: P } = N({
+    subdivision: o
+  }), { fetchPaymentMethods: x } = H({
     country: t,
     cryptoCurrency: e,
-    dispatch: n,
-    fetchBuyOptions: h,
+    dispatch: r,
+    fetchBuyOptions: v,
     fiatCurrency: s,
-    network: o,
+    network: n,
     onError: u,
-    subdivision: r
-  }), { fetchBuyUrl: v } = g({
+    subdivision: o
+  }), { fetchBuyUrl: C } = M({
     cryptoCurrency: e,
-    destinationAddress: A || void 0,
     fiatCurrency: s,
-    fetchBuyQuote: f,
+    fetchBuyQuote: y,
     country: t,
-    network: o,
-    redirectUrl: w,
-    subdivision: r
-  }), E = M(() => ({ state: p, dispatch: n, fetchBuyUrl: v }), [p, n, v]);
-  return l(() => {
-    y();
-  }, [y]), l(() => {
+    network: n,
+    redirectUrl: T,
+    subdivision: o,
+    destinationAddress: a
+  }), U = b(() => ({ state: l, dispatch: r, fetchBuyUrl: C }), [l, r, C]);
+  return f(() => {
     P();
-  }, [P]), /* @__PURE__ */ T(C.Provider, { value: E, children: c });
-}, J = () => {
-  const c = b(C);
+  }, [P]), f(() => {
+    x();
+  }, [x]), /* @__PURE__ */ A(S.Provider, { value: U, children: c });
+}, z = () => {
+  const c = R(S);
   if (!c)
     throw new Error("useFundContext must be used within a FundProvider");
   return c;
 };
 export {
-  G as FundProvider,
-  J as useFundContext
+  q as FundProvider,
+  z as useFundContext
 };

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

@@ -1,8 +1,7 @@
 import { OnrampError, FundProps, FundState } from '../types';
-export type UseBuyUrlParams = Pick<FundState, "country" | "cryptoCurrency" | "fiatCurrency" | "network" | "subdivision"> & {
+export type UseBuyUrlParams = Pick<FundState, "country" | "cryptoCurrency" | "fiatCurrency" | "network" | "subdivision" | "destinationAddress"> & {
     fetchBuyQuote: FundProps["fetchBuyQuote"];
     onError?: (e: OnrampError | undefined) => void;
-    destinationAddress?: string;
     redirectUrl?: string;
 };
 export interface FetchBuyUrlParams {

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

@@ -8,29 +8,29 @@ const _ = (o) => {
 }, h = ({
   country: o,
   cryptoCurrency: a,
-  destinationAddress: n,
+  destinationAddress: c,
   fetchBuyQuote: u,
   fiatCurrency: p,
-  network: U,
-  onError: c,
-  redirectUrl: t,
+  network: d,
+  onError: n,
+  redirectUrl: s,
   subdivision: i
 }) => {
-  const l = y(
-    async ({ paymentMethod: d, paymentAmount: m }, f) => {
-      if (isNaN(m) || !n || !d)
+  const U = y(
+    async ({ paymentMethod: l, paymentAmount: m }, f) => {
+      if (isNaN(m) || !l)
         return "";
       try {
         const e = (await u({
           purchaseCurrency: a.toUpperCase(),
-          purchaseNetwork: U.toLowerCase(),
+          purchaseNetwork: d.toLowerCase(),
           paymentCurrency: p.toUpperCase(),
           paymentAmount: m.toFixed(),
-          paymentMethod: d.replace("_GUEST", ""),
+          paymentMethod: l.replace("_GUEST", ""),
           // remove "_GUEST" from the payment method since it is not valid in the Buy Quote API
           country: o.toUpperCase(),
           subdivision: i?.toUpperCase(),
-          destinationAddress: n
+          destinationAddress: c
         })).onrampUrl;
         if (!e) {
           const r = {
@@ -38,39 +38,39 @@ const _ = (o) => {
             code: "NO_ONRAMP_URL",
             debugMessage: "No payment methods found for the selected country and currency. See docs for more information: https://docs.cdp.coinbase.com/onramp/docs/api-configurations"
           };
-          return f?.(r), c?.(r), "";
+          return f?.(r), n?.(r), "";
         }
-        if (t && _(t)) {
+        if (s && _(s)) {
           const r = new URL(e);
-          return r.searchParams.set("redirectUrl", t), r.toString();
+          return r.searchParams.set("redirectUrl", s), r.toString();
         }
         return e;
-      } catch (s) {
+      } catch (t) {
         let e;
-        return s instanceof Error ? e = {
+        return t instanceof Error ? e = {
           errorType: "handled_error",
           code: "BUY_URL_ERROR",
-          debugMessage: s.message
+          debugMessage: t.message
         } : e = {
           errorType: "unknown_error",
           code: "UNKNOWN_BUY_URL_ERROR",
-          debugMessage: JSON.stringify(s)
-        }, f?.(e), c?.(e), "";
+          debugMessage: JSON.stringify(t)
+        }, f?.(e), n?.(e), "";
       }
     },
     [
       o,
       a,
-      n,
+      c,
       u,
       p,
-      U,
-      c,
-      t,
+      d,
+      n,
+      s,
       i
     ]
   );
-  return R(() => ({ fetchBuyUrl: l }), [l]);
+  return R(() => ({ fetchBuyUrl: U }), [U]);
 };
 export {
   h as useBuyUrl

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

@@ -100,8 +100,9 @@ export interface FundState {
     selectedPaymentMethod?: FundPaymentMethod;
     subdivision?: string;
     transactionStatus: FundLifecycleStatus;
+    destinationAddress: string;
 }
-export type FundStateProps = Pick<FundState, "country" | "cryptoCurrency" | "cryptoDecimalPlaces" | "fiatCurrency" | "fiatDecimalPlaces" | "locale" | "network" | "presetAmountInputs" | "subdivision">;
+export type FundStateProps = Pick<FundState, "country" | "cryptoCurrency" | "cryptoDecimalPlaces" | "fiatCurrency" | "fiatDecimalPlaces" | "locale" | "network" | "presetAmountInputs" | "subdivision" | "destinationAddress">;
 export interface FundProps extends FundStateProps, FundLifecycleEvents {
     children?: ReactNode | ((state: FundState) => ReactNode);
     className?: string;

package/dist/components/{SendTransactionButton → SendEvmTransactionButton}/index.d.ts

@@ -1,7 +1,7 @@
 import { APIError, SendEvmTransactionOptions } from '@coinbase/cdp-hooks';
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { ButtonVariant } from '../../theme/theme';
-export interface SendTransactionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onError"> {
+export interface SendEvmTransactionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onError"> {
     account: SendEvmTransactionOptions["evmAccount"];
     network: SendEvmTransactionOptions["network"];
     onError?: (error: APIError | Error) => void;
@@ -10,4 +10,4 @@ export interface SendTransactionButtonProps extends Omit<ButtonHTMLAttributes<HT
     transaction: SendEvmTransactionOptions["transaction"];
     variant?: ButtonVariant;
 }
-export declare const SendTransactionButton: ({ account, children, className, network, onClick, onError, onSuccess, pendingLabel, transaction, variant, ...props }: SendTransactionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SendEvmTransactionButton: ({ account, children, className, network, onClick, onError, onSuccess, pendingLabel, transaction, variant, ...props }: SendEvmTransactionButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SendEvmTransactionButton/index.js

@@ -0,0 +1,67 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useSendEvmTransaction as b, APIError as y } from "@coinbase/cdp-hooks";
+import { useState as T, useCallback as _ } from "react";
+import { Button as w } from "../ui/Button/index.js";
+import "../../theme/theme.js";
+import { getMessageFromUnknownError as B } from "../../utils/getMessageFromUnknownError.js";
+import '../../assets/SendEvmTransactionButton.css';const P = {
+  "send-evm-transaction-button": "SendEvmTransactionButton-module__send-evm-transaction-button___74m57"
+}, q = ({
+  account: e,
+  children: f,
+  className: l = "",
+  network: s,
+  onClick: o,
+  onError: a,
+  onSuccess: i,
+  pendingLabel: u,
+  transaction: r,
+  variant: p = "primary",
+  ...g
+}) => {
+  const [v, m] = T(!1), { sendEvmTransaction: c } = b(), h = _(
+    async (d) => {
+      d.preventDefault(), o?.(d);
+      try {
+        if (!e || !s || !r) {
+          const n = [];
+          throw e || n.push("account"), s || n.push("network"), r || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
+        }
+        m(!0);
+        const { transactionHash: t } = await c({
+          transaction: r,
+          evmAccount: e,
+          network: s
+        });
+        i?.(t);
+      } catch (t) {
+        let n;
+        if (t instanceof y || t instanceof Error)
+          n = t;
+        else {
+          const E = B(t);
+          n = new Error(E);
+        }
+        a?.(n);
+      } finally {
+        m(!1);
+      }
+    },
+    [e, s, o, a, i, c, r]
+  );
+  return /* @__PURE__ */ S(
+    w,
+    {
+      className: `${P["send-evm-transaction-button"]} ${l}`,
+      isPending: v,
+      pendingLabel: u || "Sending transaction...",
+      onClick: h,
+      variant: p,
+      ...g,
+      children: f || "Send transaction"
+    }
+  );
+};
+export {
+  q as SendEvmTransactionButton
+};

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

@@ -0,0 +1,13 @@
+import { APIError, SendSolanaTransactionOptions } from '@coinbase/cdp-hooks';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonVariant } from '../../theme/theme';
+export interface SendSolanaTransactionButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onError"> {
+    account: SendSolanaTransactionOptions["solanaAccount"];
+    network: SendSolanaTransactionOptions["network"];
+    onError?: (error: APIError | Error) => void;
+    onSuccess?: (signature: string) => void;
+    pendingLabel?: ReactNode;
+    transaction: SendSolanaTransactionOptions["transaction"];
+    variant?: ButtonVariant;
+}
+export declare const SendSolanaTransactionButton: ({ account, children, className, network, onClick, onError, onSuccess, pendingLabel, transaction, variant, ...props }: SendSolanaTransactionButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SendSolanaTransactionButton/index.js

@@ -0,0 +1,67 @@
+import { jsx as y } from "react/jsx-runtime";
+import { useSendSolanaTransaction as T, APIError as _ } from "@coinbase/cdp-hooks";
+import { useState as w, useCallback as B } from "react";
+import { Button as E } from "../ui/Button/index.js";
+import "../../theme/theme.js";
+import { getMessageFromUnknownError as x } from "../../utils/getMessageFromUnknownError.js";
+import '../../assets/SendSolanaTransactionButton.css';const P = {
+  "send-solana-transaction-button": "SendSolanaTransactionButton-module__send-solana-transaction-button___OxwvB"
+}, q = ({
+  account: t,
+  children: d,
+  className: f = "",
+  network: s,
+  onClick: r,
+  onError: e,
+  onSuccess: i,
+  pendingLabel: u,
+  transaction: o,
+  variant: p = "primary",
+  ...S
+}) => {
+  const [g, l] = w(!1), { sendSolanaTransaction: c } = T(), h = B(
+    async (m) => {
+      m.preventDefault(), r?.(m);
+      try {
+        if (!t || !s || !o) {
+          const n = [];
+          throw t || n.push("account"), s || n.push("network"), o || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
+        }
+        l(!0);
+        const { transactionSignature: a } = await c({
+          transaction: o,
+          solanaAccount: t,
+          network: s
+        });
+        i?.(a);
+      } catch (a) {
+        let n;
+        if (a instanceof _ || a instanceof Error)
+          n = a;
+        else {
+          const b = x(a);
+          n = new Error(b);
+        }
+        e?.(n);
+      } finally {
+        l(!1);
+      }
+    },
+    [t, s, r, e, i, c, o]
+  );
+  return /* @__PURE__ */ y(
+    E,
+    {
+      className: `${P["send-solana-transaction-button"]} ${f}`,
+      isPending: g,
+      pendingLabel: u || "Sending transaction...",
+      onClick: h,
+      variant: p,
+      ...S,
+      children: d || "Send transaction"
+    }
+  );
+};
+export {
+  q as SendSolanaTransactionButton
+};

package/dist/index.d.ts

@@ -2,7 +2,8 @@ export * from './components/CDPReactProvider';
 export * from './components/AuthButton';
 export * from './components/Fund';
 export * from './components/FundModal';
-export * from './components/SendTransactionButton';
+export * from './components/SendEvmTransactionButton';
+export * from './components/SendSolanaTransactionButton';
 export * from './components/SignIn';
 export * from './components/SignOutButton';
 export * from './components/SignInModal';

package/dist/index.js

@@ -1,44 +1,45 @@
 import { AUTH_METHODS as e, CDPReactProvider as t, useAppConfig as n } from "./components/CDPReactProvider/index.js";
 import { AuthButton as p } from "./components/AuthButton/index.js";
 import { Fund as x, FundFooter as i } from "./components/Fund/index.js";
-import { FundModal as c } from "./components/FundModal/index.js";
-import { SendTransactionButton as u } from "./components/SendTransactionButton/index.js";
-import { SignIn as l } from "./components/SignIn/index.js";
-import { useSignInReducer as g } from "./components/SignIn/useSignInReducer.js";
-import { SignOutButton as C } from "./components/SignOutButton/index.js";
-import { SignInModal as F } from "./components/SignInModal/index.js";
-import { ThemeProvider as k, useTheme as b } from "./components/ThemeProvider/index.js";
-import { cssVariables as B } from "./theme/cssVariables.js";
-import { theme as M } from "./theme/theme.js";
-import { borderRadius as w, borderRadiusComponents as D, borderRadiusSemantic as P, colors as R, colorsBase as O, colorsComponents as U, colorsSemantic as V, font as H, fontComponents as L, fontSemantic as j, tokens as N } from "./theme/tokens.js";
-import { flattenTokensObject as _, themeToCssVariables as q } from "./theme/utils.js";
-import { IconArrowLeft as z } from "./icons/IconArrowLeft.js";
-import { IconArrowsUpDown as J } from "./icons/IconArrowsUpDown.js";
-import { IconCheck as Q } from "./icons/IconCheck.js";
-import { IconCheckCircle as Y } from "./icons/IconCheckCircle.js";
-import { IconChevronDown as $ } from "./icons/IconChevronDown.js";
-import { IconEnvelope as ro } from "./icons/IconEnvelope.js";
-import { IconExclamationCircle as to } from "./icons/IconExclamationCircle.js";
-import { IconExclamationTriangle as mo } from "./icons/IconExclamationTriangle.js";
-import { IconLock as fo } from "./icons/IconLock.js";
-import { IconPhone as io } from "./icons/IconPhone.js";
-import { IconXMark as co } from "./icons/IconXMark.js";
-import { clamp as uo } from "./utils/clamp.js";
-import { getMessageFromUnknownError as lo } from "./utils/getMessageFromUnknownError.js";
-import { isApiError as So } from "./utils/isApiError.js";
-import { isEmailInvalid as ho } from "./utils/isEmailInvalid.js";
-import { parseValuesFromPhoneNumber as To } from "./utils/parseValuesFromPhoneNumber.js";
+import { FundModal as s } from "./components/FundModal/index.js";
+import { SendEvmTransactionButton as u } from "./components/SendEvmTransactionButton/index.js";
+import { SendSolanaTransactionButton as l } from "./components/SendSolanaTransactionButton/index.js";
+import { SignIn as S } from "./components/SignIn/index.js";
+import { useSignInReducer as C } from "./components/SignIn/useSignInReducer.js";
+import { SignOutButton as F } from "./components/SignOutButton/index.js";
+import { SignInModal as k } from "./components/SignInModal/index.js";
+import { ThemeProvider as E, useTheme as b } from "./components/ThemeProvider/index.js";
+import { cssVariables as v } from "./theme/cssVariables.js";
+import { theme as w } from "./theme/theme.js";
+import { borderRadius as P, borderRadiusComponents as R, borderRadiusSemantic as O, colors as U, colorsBase as V, colorsComponents as H, colorsSemantic as L, font as j, fontComponents as N, fontSemantic as X, tokens as _ } from "./theme/tokens.js";
+import { flattenTokensObject as y, themeToCssVariables as z } from "./theme/utils.js";
+import { IconArrowLeft as J } from "./icons/IconArrowLeft.js";
+import { IconArrowsUpDown as Q } from "./icons/IconArrowsUpDown.js";
+import { IconCheck as Y } from "./icons/IconCheck.js";
+import { IconCheckCircle as $ } from "./icons/IconCheckCircle.js";
+import { IconChevronDown as ro } from "./icons/IconChevronDown.js";
+import { IconEnvelope as to } from "./icons/IconEnvelope.js";
+import { IconExclamationCircle as mo } from "./icons/IconExclamationCircle.js";
+import { IconExclamationTriangle as fo } from "./icons/IconExclamationTriangle.js";
+import { IconLock as io } from "./icons/IconLock.js";
+import { IconPhone as so } from "./icons/IconPhone.js";
+import { IconXMark as uo } from "./icons/IconXMark.js";
+import { clamp as lo } from "./utils/clamp.js";
+import { getMessageFromUnknownError as go } from "./utils/getMessageFromUnknownError.js";
+import { isApiError as ho } from "./utils/isApiError.js";
+import { isEmailInvalid as To } from "./utils/isEmailInvalid.js";
+import { parseValuesFromPhoneNumber as Bo } from "./utils/parseValuesFromPhoneNumber.js";
 import { FundForm as bo } from "./components/Fund/FundForm.js";
-import { FundTitle as Bo } from "./components/Fund/FundTitle.js";
-import { useFundContext as Mo } from "./components/Fund/FundProvider.js";
-import { SignInAuthMethodButtons as wo } from "./components/SignIn/SignInAuthMethodButtons.js";
-import { SignInBackButton as Po } from "./components/SignIn/SignInBackButton.js";
-import { SignInDescription as Oo } from "./components/SignIn/SignInDescription.js";
-import { SignInFooter as Vo } from "./components/SignIn/SignInFooter.js";
-import { SignInForm as Lo } from "./components/SignIn/SignInForm.js";
-import { SignInImage as No } from "./components/SignIn/SignInImage.js";
-import { SignInTitle as _o } from "./components/SignIn/SignInTitle.js";
-import { useSignInContext as yo } from "./components/SignIn/SignInProvider.js";
+import { FundTitle as vo } from "./components/Fund/FundTitle.js";
+import { useFundContext as wo } from "./components/Fund/FundProvider.js";
+import { SignInAuthMethodButtons as Po } from "./components/SignIn/SignInAuthMethodButtons.js";
+import { SignInBackButton as Oo } from "./components/SignIn/SignInBackButton.js";
+import { SignInDescription as Vo } from "./components/SignIn/SignInDescription.js";
+import { SignInFooter as Lo } from "./components/SignIn/SignInFooter.js";
+import { SignInForm as No } from "./components/SignIn/SignInForm.js";
+import { SignInImage as _o } from "./components/SignIn/SignInImage.js";
+import { SignInTitle as yo } from "./components/SignIn/SignInTitle.js";
+import { useSignInContext as Go } from "./components/SignIn/SignInProvider.js";
 export {
   e as AUTH_METHODS,
   p as AuthButton,
@@ -46,54 +47,55 @@ export {
   x as Fund,
   i as FundFooter,
   bo as FundForm,
-  c as FundModal,
-  Bo as FundTitle,
-  z as IconArrowLeft,
-  J as IconArrowsUpDown,
-  Q as IconCheck,
-  Y as IconCheckCircle,
-  $ as IconChevronDown,
-  ro as IconEnvelope,
-  to as IconExclamationCircle,
-  mo as IconExclamationTriangle,
-  fo as IconLock,
-  io as IconPhone,
-  co as IconXMark,
-  u as SendTransactionButton,
-  l as SignIn,
-  wo as SignInAuthMethodButtons,
-  Po as SignInBackButton,
-  Oo as SignInDescription,
-  Vo as SignInFooter,
-  Lo as SignInForm,
-  No as SignInImage,
-  F as SignInModal,
-  _o as SignInTitle,
-  C as SignOutButton,
-  k as ThemeProvider,
-  w as borderRadius,
-  D as borderRadiusComponents,
-  P as borderRadiusSemantic,
-  uo as clamp,
-  R as colors,
-  O as colorsBase,
-  U as colorsComponents,
-  V as colorsSemantic,
-  B as cssVariables,
-  _ as flattenTokensObject,
-  H as font,
-  L as fontComponents,
-  j as fontSemantic,
-  lo as getMessageFromUnknownError,
-  So as isApiError,
-  ho as isEmailInvalid,
-  To as parseValuesFromPhoneNumber,
-  M as theme,
-  q as themeToCssVariables,
-  N as tokens,
+  s as FundModal,
+  vo as FundTitle,
+  J as IconArrowLeft,
+  Q as IconArrowsUpDown,
+  Y as IconCheck,
+  $ as IconCheckCircle,
+  ro as IconChevronDown,
+  to as IconEnvelope,
+  mo as IconExclamationCircle,
+  fo as IconExclamationTriangle,
+  io as IconLock,
+  so as IconPhone,
+  uo as IconXMark,
+  u as SendEvmTransactionButton,
+  l as SendSolanaTransactionButton,
+  S as SignIn,
+  Po as SignInAuthMethodButtons,
+  Oo as SignInBackButton,
+  Vo as SignInDescription,
+  Lo as SignInFooter,
+  No as SignInForm,
+  _o as SignInImage,
+  k as SignInModal,
+  yo as SignInTitle,
+  F as SignOutButton,
+  E as ThemeProvider,
+  P as borderRadius,
+  R as borderRadiusComponents,
+  O as borderRadiusSemantic,
+  lo as clamp,
+  U as colors,
+  V as colorsBase,
+  H as colorsComponents,
+  L as colorsSemantic,
+  v as cssVariables,
+  y as flattenTokensObject,
+  j as font,
+  N as fontComponents,
+  X as fontSemantic,
+  go as getMessageFromUnknownError,
+  ho as isApiError,
+  To as isEmailInvalid,
+  Bo as parseValuesFromPhoneNumber,
+  w as theme,
+  z as themeToCssVariables,
+  _ as tokens,
   n as useAppConfig,
-  Mo as useFundContext,
-  yo as useSignInContext,
-  g as useSignInReducer,
+  wo as useFundContext,
+  Go as useSignInContext,
+  C as useSignInReducer,
   b as useTheme
 };

package/package.json

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

package/dist/assets/SendTransactionButton.css

@@ -1 +0,0 @@
-.SendTransactionButton-module__send-transaction-button___-6UsN{padding-left:2em;padding-right:2em}

package/dist/components/SendTransactionButton/index.js

@@ -1,67 +0,0 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useSendEvmTransaction as y, APIError as T } from "@coinbase/cdp-hooks";
-import { useState as _, useCallback as v } from "react";
-import { Button as w } from "../ui/Button/index.js";
-import "../../theme/theme.js";
-import { getMessageFromUnknownError as B } from "../../utils/getMessageFromUnknownError.js";
-import '../../assets/SendTransactionButton.css';const P = {
-  "send-transaction-button": "SendTransactionButton-module__send-transaction-button___-6UsN"
-}, N = ({
-  account: s,
-  children: f,
-  className: l = "",
-  network: r,
-  onClick: o,
-  onError: a,
-  onSuccess: i,
-  pendingLabel: u,
-  transaction: e,
-  variant: p = "primary",
-  ...g
-}) => {
-  const [h, c] = _(!1), { sendEvmTransaction: m } = y(), E = v(
-    async (d) => {
-      d.preventDefault(), o?.(d);
-      try {
-        if (!s || !r || !e) {
-          const n = [];
-          throw s || n.push("account"), r || n.push("network"), e || n.push("transaction"), new Error(`Missing required parameters: ${n.join(", ")}`);
-        }
-        c(!0);
-        const { transactionHash: t } = await m({
-          transaction: e,
-          evmAccount: s,
-          network: r
-        });
-        i?.(t);
-      } catch (t) {
-        let n;
-        if (t instanceof T || t instanceof Error)
-          n = t;
-        else {
-          const S = B(t);
-          n = new Error(S);
-        }
-        a?.(n);
-      } finally {
-        c(!1);
-      }
-    },
-    [s, r, o, a, i, m, e]
-  );
-  return /* @__PURE__ */ b(
-    w,
-    {
-      className: `${P["send-transaction-button"]} ${l}`,
-      isPending: h,
-      pendingLabel: u || "Sending transaction...",
-      onClick: E,
-      variant: p,
-      ...g,
-      children: f || "Send transaction"
-    }
-  );
-};
-export {
-  N as SendTransactionButton
-};