@b3dotfun/sdk 0.1.66 → 0.1.68

package/dist/types/anyspend/react/components/AnySpendDeposit.d.ts

@@ -1,6 +1,7 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import type { AnySpendAllClasses } from "./types/classes";
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
 export interface DepositContractConfig {
     /** Custom function ABI JSON string */
     functionAbi: string;
@@ -103,6 +104,14 @@ export interface AnySpendDepositProps {
     destinationTokenAmount?: string;
     /** Opaque metadata passed to the order for callbacks (e.g., workflow form data) */
     callbackMetadata?: Record<string, unknown>;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    /** Custom slot overrides for sub-components */
+    slots?: AnySpendSlots;
+    /** Custom content overrides for sub-components */
+    content?: AnySpendContent;
+    /** Custom theme overrides for sub-components */
+    theme?: AnySpendTheme;
 }
 /**
  * A flexible deposit component that wraps AnySpendCustomExactIn with optional chain selection.
@@ -139,4 +148,4 @@ export interface AnySpendDepositProps {
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  */
-export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, classes, allowDirectTransfer, destinationTokenAmount, callbackMetadata, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, classes, allowDirectTransfer, destinationTokenAmount, callbackMetadata, senderAddress, slots, content, theme, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/anyspend/react/components/AnySpendDepositUpside.d.ts

@@ -1,5 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, senderAddress, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress: string;
@@ -8,4 +9,9 @@ export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddres
     depositContractAddress: string;
     token: components["schemas"]["Token"];
     onSuccess?: (amount: string) => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/anyspend/react/components/AnySpendNFT.d.ts

@@ -1,9 +1,15 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, onShowPointsDetail, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, onShowPointsDetail, senderAddress, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress?: string;
     nftContract: components["schemas"]["NftContract"];
     onSuccess?: (txHash?: string) => void;
     onShowPointsDetail?: () => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/AnySpendStakeB3.d.ts

@@ -1,7 +1,13 @@
-export declare function AnySpendStakeB3({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnySpendStakeB3({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress: string;
     stakeAmount?: string;
     onSuccess?: () => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/AnySpendStakeB3ExactIn.d.ts

@@ -1,4 +1,5 @@
-export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     sourceTokenAddress?: string;
@@ -6,4 +7,9 @@ export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAdd
     recipientAddress: string;
     stakeAmount?: string;
     onSuccess?: (amount: string) => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/anyspend/react/components/AnySpendStakeUpside.d.ts

@@ -1,5 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, onSuccess, activeTab, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddress, stakeAmount, stakingContractAddress, token, onSuccess, activeTab, senderAddress, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     beneficiaryAddress: string;
@@ -8,4 +9,9 @@ export declare function AnySpendStakeUpside({ loadOrder, mode, beneficiaryAddres
     token: components["schemas"]["Token"];
     onSuccess?: () => void;
     activeTab?: "crypto" | "fiat";
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/AnySpendStakeUpsideExactIn.d.ts

@@ -1,5 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export declare function AnySpendStakeUpsideExactIn({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, destinationTokenAmount, stakingContractAddress, token, onSuccess, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnySpendStakeUpsideExactIn({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, destinationTokenAmount, stakingContractAddress, token, onSuccess, senderAddress, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress: string;
@@ -9,4 +10,9 @@ export declare function AnySpendStakeUpsideExactIn({ loadOrder, mode, recipientA
     token: components["schemas"]["Token"];
     destinationTokenAmount?: string;
     onSuccess?: (amount: string) => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/anyspend/react/components/AnySpendTournament.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
 type AnySpendTournamentProps = {
     mode?: "modal" | "page";
     action: "join";
@@ -10,6 +11,11 @@ type AnySpendTournamentProps = {
     tournamentEntryToken: components["schemas"]["Token"];
     tournamentEntryFee: string;
     onSuccess?: () => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 } | {
     mode?: "modal" | "page";
     action: "fund";
@@ -20,6 +26,11 @@ type AnySpendTournamentProps = {
     tournamentFundToken: components["schemas"]["Token"];
     tournamentFundAmount: string;
     onSuccess?: () => void;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 };
 export declare function AnySpendTournament(props: AnySpendTournamentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/anyspend/react/components/AnyspendDepositHype.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
 export declare const HYPE_TOKEN_DETAILS: {
     SYMBOL: string;
     LOGO_URI: string;
@@ -26,5 +27,10 @@ export interface AnySpendDepositHypeProps {
     returnToHomeUrl?: string;
     /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
     customRecipientLabel?: string;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }
-export declare function AnySpendDepositHype({ loadOrder, mode, recipientAddress, paymentType, sourceTokenAddress, sourceTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, }: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AnySpendDepositHype({ loadOrder, mode, recipientAddress, paymentType, sourceTokenAddress, sourceTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, senderAddress, slots, content, theme, }: AnySpendDepositHypeProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/anyspend/react/components/AnyspendSignatureMint.d.ts

@@ -1,8 +1,12 @@
 import { GenerateSigMintResponse } from "../../types/signatureMint";
-export declare function AnyspendSignatureMint({ loadOrder, mode, signatureData, imageUrl, onSuccess, }: {
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
+export declare function AnyspendSignatureMint({ loadOrder, mode, signatureData, imageUrl, onSuccess, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     signatureData: GenerateSigMintResponse;
     imageUrl?: string;
     onSuccess?: (txHash?: string) => void;
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/checkout/AddressForm.d.ts

@@ -0,0 +1,9 @@
+import type { AddressData } from "../../../types/forms";
+interface AddressFormProps {
+    value: AddressData;
+    onChange: (address: AddressData) => void;
+    required?: boolean;
+    className?: string;
+}
+export declare function AddressForm({ value, onChange, required, className }: AddressFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/AnySpendCheckout.d.ts

@@ -0,0 +1,117 @@
+import { type ReactNode } from "react";
+import { type PaymentMethod } from "./CheckoutPaymentPanel";
+export type { AnySpendCheckoutClasses } from "../types/classes";
+import type { AnySpendCheckoutClasses } from "../types/classes";
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "../types/customization";
+import type { CheckoutFormSchema, CheckoutFormComponentProps, ShippingOption, DiscountResult, AddressData } from "../../../types/forms";
+export type { CheckoutFormSchema, CheckoutFormComponentProps, ShippingOption, DiscountResult, AddressData };
+export interface CheckoutItem {
+    id?: string;
+    name: string;
+    description?: string;
+    imageUrl?: string;
+    /** Amount in wei (smallest unit of destination token) */
+    amount: string;
+    quantity: number;
+    /** Custom metadata displayed as label: value pairs (e.g., { "Size": "Large", "Color": "Blue" }) */
+    metadata?: Record<string, string>;
+}
+export interface CheckoutSummaryLine {
+    /** Display label (e.g., "Platform Fee", "Service Charge") */
+    label: string;
+    /** Amount in token's smallest unit (wei). Negative values shown as deductions. */
+    amount: string;
+    /** Optional description or note */
+    description?: string;
+}
+export interface AnySpendCheckoutProps {
+    /** Display mode */
+    mode?: "page" | "embedded";
+    /** The recipient address */
+    recipientAddress: string;
+    /** The destination token address */
+    destinationTokenAddress: string;
+    /** The destination chain ID */
+    destinationTokenChainId: number;
+    /** Line items */
+    items: CheckoutItem[];
+    /** Override computed total */
+    totalAmount?: string;
+    /** Organization name */
+    organizationName?: string;
+    /** Organization logo URL */
+    organizationLogo?: string;
+    /** Theme color (hex) */
+    themeColor?: string;
+    /** Custom button text */
+    buttonText?: string;
+    /** Checkout session ID (used by pay link backend to track sessions) */
+    checkoutSessionId?: string;
+    /** Called on successful payment */
+    onSuccess?: (result: {
+        txHash?: string;
+        orderId?: string;
+    }) => void;
+    /** Called on payment error */
+    onError?: (error: Error) => void;
+    /** URL to redirect to after payment */
+    returnUrl?: string;
+    /** Label for the return button */
+    returnLabel?: string;
+    /** Custom class names */
+    classes?: AnySpendCheckoutClasses;
+    /** Custom footer for the order summary. Pass `null` to hide, or a ReactNode to replace the default. */
+    footer?: ReactNode | null;
+    /** Which payment method to expand initially. Defaults to none (all collapsed). */
+    defaultPaymentMethod?: PaymentMethod;
+    /** Optional sender (payer) address — pre-fills token balances in the crypto panel */
+    senderAddress?: string;
+    /** Render function overrides for replaceable UI elements */
+    slots?: AnySpendSlots;
+    /** String or ReactNode overrides for text/messages */
+    content?: AnySpendContent;
+    /** Structured color/theme configuration */
+    theme?: AnySpendTheme;
+    /** Show the points row in the order status summary. Defaults to false. */
+    showPoints?: boolean;
+    /** Show the order ID row in the order status summary. Defaults to false. */
+    showOrderId?: boolean;
+    /** Shipping cost. String = amount in wei. Object = amount + custom label. */
+    shipping?: string | {
+        amount: string;
+        label?: string;
+    };
+    /** Tax amount. String = amount in wei. Object = amount + custom label + optional rate display. */
+    tax?: string | {
+        amount: string;
+        label?: string;
+        rate?: string;
+    };
+    /** Discount amount (displayed as negative). String = amount in wei. Object = amount + label + optional code. */
+    discount?: string | {
+        amount: string;
+        label?: string;
+        code?: string;
+    };
+    /** Additional summary line items (fees, tips, etc.) */
+    summaryLines?: CheckoutSummaryLine[];
+    /** JSON form schema defining fields to collect from the customer */
+    formSchema?: CheckoutFormSchema | null;
+    /** Custom React component to render as the checkout form */
+    formComponent?: React.ComponentType<CheckoutFormComponentProps>;
+    /** Called when form data changes */
+    onFormSubmit?: (data: Record<string, unknown>) => void;
+    /** Shipping options to display */
+    shippingOptions?: ShippingOption[] | null;
+    /** Whether to collect a shipping address */
+    collectShippingAddress?: boolean;
+    /** Called when shipping option changes */
+    onShippingChange?: (option: ShippingOption) => void;
+    /** Enable discount code input */
+    enableDiscountCode?: boolean;
+    /** Called when discount is applied */
+    onDiscountApplied?: (result: DiscountResult) => void;
+    /** Async function to validate a discount code. Returns DiscountResult. */
+    validateDiscount?: (code: string) => Promise<DiscountResult>;
+}
+export declare function AnySpendCheckout({ mode, recipientAddress, destinationTokenAddress, destinationTokenChainId, items, totalAmount: totalAmountOverride, organizationName, organizationLogo, themeColor, buttonText, checkoutSessionId, onSuccess, onError, returnUrl, returnLabel, classes, footer, defaultPaymentMethod, senderAddress, slots, content, theme, showPoints, showOrderId, shipping: shippingProp, tax, discount: discountProp, summaryLines, formSchema, formComponent, onFormSubmit, shippingOptions, collectShippingAddress, onShippingChange: onShippingChangeProp, enableDiscountCode, onDiscountApplied: onDiscountAppliedProp, validateDiscount, }: AnySpendCheckoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/checkout/AnySpendCheckoutTrigger.d.ts

@@ -0,0 +1,81 @@
+import { type ReactNode } from "react";
+import type { AnySpendCheckoutClasses } from "../types/classes";
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "../types/customization";
+import type { CheckoutItem, CheckoutSummaryLine } from "./AnySpendCheckout";
+import { type PaymentMethod } from "./CheckoutPaymentPanel";
+export interface AnySpendCheckoutTriggerProps {
+    /** Payment recipient address (hex) */
+    recipientAddress: string;
+    /** Destination token address */
+    destinationTokenAddress: string;
+    /** Destination chain ID */
+    destinationTokenChainId: number;
+    /** Line items to display in the cart (optional — if omitted, only the payment panel is shown) */
+    items?: CheckoutItem[];
+    /** Total amount in wei — required when items are not provided */
+    totalAmount?: string;
+    /** Organization name */
+    organizationName?: string;
+    /** Organization logo URL */
+    organizationLogo?: string;
+    /** Theme color (hex) */
+    themeColor?: string;
+    /** Custom button text */
+    buttonText?: string;
+    /** Workflow ID to trigger on payment */
+    workflowId?: string;
+    /** Organization ID that owns the workflow */
+    orgId?: string;
+    /** Optional callback metadata merged into the order */
+    callbackMetadata?: {
+        /** Passed as trigger result inputs — accessible via {{root.result.inputs.*}} */
+        inputs?: Record<string, unknown>;
+    } & Record<string, unknown>;
+    /** Called on successful payment */
+    onSuccess?: (result: {
+        txHash?: string;
+        orderId?: string;
+    }) => void;
+    /** Called on payment error */
+    onError?: (error: Error) => void;
+    /** URL to redirect to after payment */
+    returnUrl?: string;
+    /** Label for the return button */
+    returnLabel?: string;
+    /** Custom class names */
+    classes?: AnySpendCheckoutClasses;
+    /** Display mode — set automatically when used inside B3DynamicModal */
+    mode?: "modal" | "page";
+    /** Custom footer for the order summary. Pass `null` to hide, or a ReactNode to replace the default. */
+    footer?: ReactNode | null;
+    /** Which payment method to expand initially. Defaults to none (all collapsed). */
+    defaultPaymentMethod?: PaymentMethod;
+    /** Optional sender (payer) address — pre-fills token balances in the crypto panel */
+    senderAddress?: string;
+    /** Render function overrides for replaceable UI elements */
+    slots?: AnySpendSlots;
+    /** String or ReactNode overrides for text/messages */
+    content?: AnySpendContent;
+    /** Structured color/theme configuration */
+    theme?: AnySpendTheme;
+    /** Shipping cost. String = amount in wei. Object = amount + custom label. */
+    shipping?: string | {
+        amount: string;
+        label?: string;
+    };
+    /** Tax amount. String = amount in wei. Object = amount + custom label + optional rate display. */
+    tax?: string | {
+        amount: string;
+        label?: string;
+        rate?: string;
+    };
+    /** Discount amount (displayed as negative). String = amount in wei. Object = amount + label + optional code. */
+    discount?: string | {
+        amount: string;
+        label?: string;
+        code?: string;
+    };
+    /** Additional summary line items (fees, tips, etc.) */
+    summaryLines?: CheckoutSummaryLine[];
+}
+export declare function AnySpendCheckoutTrigger({ recipientAddress, destinationTokenAddress, destinationTokenChainId, items, totalAmount: totalAmountOverride, organizationName, organizationLogo, themeColor, buttonText, workflowId, orgId, callbackMetadata, onSuccess, onError, returnUrl, returnLabel, classes, footer, defaultPaymentMethod, senderAddress, slots, content, theme, shipping, tax, discount, summaryLines, }: AnySpendCheckoutTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/checkout/CartItemRow.d.ts

@@ -0,0 +1,8 @@
+import type { CheckoutItem, AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CartItemRowProps {
+    item: CheckoutItem;
+    formattedPrice: string;
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function CartItemRow({ item, formattedPrice, classes }: CartItemRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CartSummary.d.ts

@@ -0,0 +1,30 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+import type { CheckoutSummaryLine } from "./AnySpendCheckout";
+interface CartSummaryProps {
+    /** Formatted total (final amount after all adjustments) */
+    total: string;
+    tokenSymbol?: string;
+    classes?: AnySpendCheckoutClasses;
+    /** Formatted subtotal (sum of items only — shown when adjustments exist) */
+    subtotal?: string;
+    tokenDecimals?: number;
+    shipping?: {
+        amount: string;
+        label?: string;
+    };
+    tax?: {
+        amount: string;
+        label?: string;
+        rate?: string;
+    };
+    discount?: {
+        amount: string;
+        label?: string;
+        code?: string;
+    };
+    summaryLines?: CheckoutSummaryLine[];
+    /** Formatted USD equivalent (e.g. "$5.56") — shown for non-stablecoin tokens */
+    usdEquivalent?: string | null;
+}
+export declare function CartSummary({ total, tokenSymbol, classes, subtotal, tokenDecimals, shipping, tax, discount, summaryLines, usdEquivalent, }: CartSummaryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutCartPanel.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import type { CheckoutItem, CheckoutSummaryLine, AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CheckoutCartPanelProps {
+    items: CheckoutItem[];
+    totalAmount: string;
+    tokenSymbol?: string;
+    tokenDecimals?: number;
+    organizationName?: string;
+    organizationLogo?: string;
+    classes?: AnySpendCheckoutClasses;
+    /** Custom footer. Pass `null` to hide, or a ReactNode to replace the default PoweredByBranding. */
+    footer?: ReactNode | null;
+    shipping?: {
+        amount: string;
+        label?: string;
+    };
+    tax?: {
+        amount: string;
+        label?: string;
+        rate?: string;
+    };
+    discount?: {
+        amount: string;
+        label?: string;
+        code?: string;
+    };
+    summaryLines?: CheckoutSummaryLine[];
+    /** Formatted USD equivalent (e.g. "$5.56") — shown for non-stablecoin tokens */
+    usdEquivalent?: string | null;
+}
+export declare function CheckoutCartPanel({ items, totalAmount, tokenSymbol, tokenDecimals, organizationName, organizationLogo, classes, footer, shipping, tax, discount, summaryLines, usdEquivalent, }: CheckoutCartPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutFormField.d.ts

@@ -0,0 +1,10 @@
+import type { CheckoutFormField as FormFieldType } from "../../../types/forms";
+interface CheckoutFormFieldProps {
+    field: FormFieldType;
+    value: unknown;
+    onChange: (id: string, value: unknown) => void;
+    error?: string;
+    className?: string;
+}
+export declare function CheckoutFormFieldComponent({ field, value, onChange, error, className }: CheckoutFormFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutFormPanel.d.ts

@@ -0,0 +1,39 @@
+import type { CheckoutFormSchema, CheckoutFormComponentProps, AddressData, ShippingOption, DiscountResult } from "../../../types/forms";
+import type { AnySpendCheckoutClasses } from "../types/classes";
+interface CheckoutFormPanelProps {
+    /** JSON form definition */
+    formSchema?: CheckoutFormSchema | null;
+    /** Custom React component to render instead of schema-based form */
+    formComponent?: React.ComponentType<CheckoutFormComponentProps>;
+    /** Shipping options */
+    shippingOptions?: ShippingOption[] | null;
+    /** Whether to collect a shipping address */
+    collectShippingAddress?: boolean;
+    /** Enable discount code input */
+    enableDiscountCode?: boolean;
+    /** Validate a discount code */
+    validateDiscount?: (code: string) => Promise<DiscountResult>;
+    /** Token info for display */
+    tokenSymbol?: string;
+    tokenDecimals?: number;
+    /** CSS class overrides */
+    classes?: AnySpendCheckoutClasses;
+    /** Current form data (lifted state) */
+    formData: Record<string, unknown>;
+    /** Update form data */
+    onFormDataChange: (data: Record<string, unknown>) => void;
+    /** Shipping selection */
+    selectedShipping: ShippingOption | null;
+    onShippingChange: (option: ShippingOption) => void;
+    /** Discount state */
+    appliedDiscount: DiscountResult | null;
+    onDiscountApplied: (result: DiscountResult) => void;
+    onDiscountRemoved: () => void;
+    /** Shipping address */
+    shippingAddress: AddressData;
+    onShippingAddressChange: (address: AddressData) => void;
+    /** Slot overrides */
+    checkoutFormSlot?: (props: CheckoutFormComponentProps) => React.ReactNode;
+}
+export declare function CheckoutFormPanel({ formSchema, formComponent: FormComponent, shippingOptions, collectShippingAddress, enableDiscountCode, validateDiscount, tokenSymbol, tokenDecimals, classes, formData, onFormDataChange, selectedShipping, onShippingChange, appliedDiscount, onDiscountApplied, onDiscountRemoved, shippingAddress, onShippingAddressChange, checkoutFormSlot, }: CheckoutFormPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutLayout.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CheckoutLayoutProps {
+    mode: "page" | "embedded";
+    paymentPanel: ReactNode;
+    cartPanel: ReactNode;
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function CheckoutLayout({ mode, paymentPanel, cartPanel, classes }: CheckoutLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutOrderStatus.d.ts

@@ -0,0 +1,28 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CheckoutOrderStatusProps {
+    /** The order ID to track */
+    orderId: string;
+    /** Theme color (hex) */
+    themeColor?: string;
+    /** Return URL for the terminal success state */
+    returnUrl?: string;
+    /** Label for the return button */
+    returnLabel?: string;
+    /** Called when the order reaches "executed" */
+    onSuccess?: (result: {
+        txHash?: string;
+        orderId?: string;
+    }) => void;
+    /** Called when the order reaches a failure/expired/refunded terminal state */
+    onError?: (error: Error) => void;
+    /** Called when the user clicks "Try again" on failure */
+    onRetry?: () => void;
+    /** Show the points row in the order status summary. Defaults to false. */
+    showPoints?: boolean;
+    /** Show the order ID row in the order status summary. Defaults to false. */
+    showOrderId?: boolean;
+    /** Custom class names */
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function CheckoutOrderStatus({ orderId, themeColor, returnUrl, returnLabel, onSuccess, onError, onRetry, showPoints, showOrderId, classes, }: CheckoutOrderStatusProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutPaymentPanel.d.ts

@@ -0,0 +1,31 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+export type PaymentMethod = "crypto" | "card" | "coinbase";
+interface CheckoutPaymentPanelProps {
+    recipientAddress: string;
+    destinationTokenAddress: string;
+    destinationTokenChainId: number;
+    totalAmount: string;
+    buttonText?: string;
+    themeColor?: string;
+    returnUrl?: string;
+    returnLabel?: string;
+    onSuccess?: (result: {
+        txHash?: string;
+        orderId?: string;
+    }) => void;
+    onError?: (error: Error) => void;
+    callbackMetadata?: Record<string, unknown>;
+    classes?: AnySpendCheckoutClasses;
+    /** Which payment method to expand initially. Defaults to none (all collapsed). */
+    defaultPaymentMethod?: PaymentMethod;
+    /** Optional sender (payer) address — pre-fills token balances in the crypto panel */
+    senderAddress?: string;
+    /** Show the points row in the order status summary. Defaults to false. */
+    showPoints?: boolean;
+    /** Show the order ID row in the order status summary. Defaults to false. */
+    showOrderId?: boolean;
+    /** Whether the checkout form is valid. When false, payment methods are disabled. */
+    isFormValid?: boolean;
+}
+export declare function CheckoutPaymentPanel({ recipientAddress, destinationTokenAddress, destinationTokenChainId, totalAmount, buttonText, themeColor, returnUrl, returnLabel, onSuccess, onError, callbackMetadata, classes, defaultPaymentMethod, senderAddress, showPoints, showOrderId, isFormValid, }: CheckoutPaymentPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CheckoutSuccess.d.ts

@@ -0,0 +1,10 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CheckoutSuccessProps {
+    txHash?: string;
+    orderId?: string;
+    returnUrl?: string;
+    returnLabel?: string;
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function CheckoutSuccess({ txHash, orderId, returnUrl, returnLabel, classes }: CheckoutSuccessProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/anyspend/react/components/checkout/CoinbaseCheckoutPanel.d.ts

@@ -0,0 +1,20 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CoinbaseCheckoutPanelProps {
+    recipientAddress: string;
+    destinationTokenAddress: string;
+    destinationTokenChainId: number;
+    totalAmount: string;
+    themeColor?: string;
+    /** @deprecated Use onOrderCreated instead. Kept for backward compatibility. */
+    onSuccess?: (result: {
+        txHash?: string;
+        orderId?: string;
+    }) => void;
+    /** Called when order is created — triggers lifecycle tracking in parent */
+    onOrderCreated?: (orderId: string) => void;
+    onError?: (error: Error) => void;
+    callbackMetadata?: Record<string, unknown>;
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function CoinbaseCheckoutPanel({ recipientAddress, destinationTokenAddress, destinationTokenChainId, totalAmount, themeColor, onSuccess, onOrderCreated, onError, callbackMetadata, }: CoinbaseCheckoutPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};