@b3dotfun/sdk 0.1.66 → 0.1.68

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

@@ -0,0 +1,23 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface CryptoPayPanelProps {
+    recipientAddress: string;
+    destinationTokenAddress: string;
+    destinationTokenChainId: number;
+    totalAmount: string;
+    buttonText?: string;
+    themeColor?: string;
+    /** @deprecated Use onOrderCreated instead. Kept for backward compatibility. */
+    onSuccess?: (result: {
+        txHash?: string;
+        orderId?: string;
+    }) => void;
+    /** Called when an order is created and payment committed — triggers lifecycle tracking in parent */
+    onOrderCreated?: (orderId: string) => void;
+    onError?: (error: Error) => void;
+    callbackMetadata?: Record<string, unknown>;
+    classes?: AnySpendCheckoutClasses;
+    /** Optional sender address for pre-fetching balances. Falls back to connected wallet. */
+    senderAddress?: string;
+}
+export declare function CryptoPayPanel({ recipientAddress, destinationTokenAddress, destinationTokenChainId, totalAmount, buttonText, themeColor, onSuccess, onOrderCreated, onError, callbackMetadata, classes, senderAddress, }: CryptoPayPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import type { DiscountResult } from "../../../types/forms";
+interface DiscountCodeInputProps {
+    onApply: (code: string) => Promise<DiscountResult>;
+    appliedDiscount: DiscountResult | null;
+    onRemove: () => void;
+    loading?: boolean;
+    tokenSymbol?: string;
+    tokenDecimals?: number;
+    className?: string;
+}
+export declare function DiscountCodeInput({ onApply, appliedDiscount, onRemove, loading, tokenSymbol, tokenDecimals, className, }: DiscountCodeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface FiatCheckoutPanelProps {
+    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 payment is confirmed — triggers lifecycle tracking in parent */
+    onOrderCreated?: (orderId: string) => void;
+    onError?: (error: Error) => void;
+    callbackMetadata?: Record<string, unknown>;
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function FiatCheckoutPanel({ recipientAddress, destinationTokenAddress, destinationTokenChainId, totalAmount, themeColor, onSuccess, onOrderCreated, onError, callbackMetadata, classes, }: FiatCheckoutPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import type { AnySpendCheckoutClasses } from "./AnySpendCheckout";
+interface PoweredByBrandingProps {
+    organizationName?: string;
+    organizationLogo?: string;
+    classes?: AnySpendCheckoutClasses;
+}
+export declare function PoweredByBranding({ organizationName, organizationLogo, classes }: PoweredByBrandingProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import type { ShippingOption } from "../../../types/forms";
+interface ShippingSelectorProps {
+    options: ShippingOption[];
+    selectedId: string | null;
+    onSelect: (option: ShippingOption) => void;
+    tokenSymbol?: string;
+    tokenDecimals?: number;
+    className?: string;
+}
+export declare function ShippingSelector({ options, selectedId, onSelect, tokenSymbol, tokenDecimals, className, }: ShippingSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/anyspend/react/components/common/OrderStatus.d.ts

@@ -1,6 +1,7 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import React from "react";
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
-export declare const OrderStatus: import("react").NamedExoticComponent<{
+export declare const OrderStatus: React.NamedExoticComponent<{
     order: components["schemas"]["Order"];
     selectedCryptoPaymentMethod?: CryptoPaymentMethodType;
 }>;

package/dist/types/anyspend/react/components/common/StepProgress.d.ts

@@ -7,5 +7,9 @@ export interface StepProgressProps {
     steps: Step[];
     currentStepIndex: number;
     className?: string;
+    /** When false, completed step checkmarks render in their static (post-animation) state.
+     *  Use false when the step was already completed in a previous render (e.g. transitioning
+     *  between sub-states within the same step). Defaults to true. */
+    animateCompletedSteps?: boolean;
 }
-export declare function StepProgress({ steps, currentStepIndex, className }: StepProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepProgress({ steps, currentStepIndex, className, animateCompletedSteps, }: StepProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/context/AnySpendCustomizationContext.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "../types/customization";
+interface AnySpendCustomizationContextValue {
+    slots: AnySpendSlots;
+    content: AnySpendContent;
+    theme: AnySpendTheme;
+}
+export interface AnySpendCustomizationProviderProps {
+    slots?: AnySpendSlots;
+    content?: AnySpendContent;
+    theme?: AnySpendTheme;
+    children: ReactNode;
+}
+export declare function AnySpendCustomizationProvider({ slots, content, theme, children }: AnySpendCustomizationProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAnySpendCustomization(): AnySpendCustomizationContextValue;
+export {};

package/dist/types/anyspend/react/components/icons/AnimatedCheckmark.d.ts

@@ -0,0 +1,23 @@
+interface AnimatedCheckmarkProps {
+    /** Circle stroke / fill color (CSS color value) */
+    color?: string;
+    /** Checkmark stroke color (defaults to white) */
+    checkColor?: string;
+    /** Stroke width for the circle and check path */
+    strokeWidth?: number;
+    /** Tailwind or custom className to control size, e.g. "h-16 w-16" */
+    className?: string;
+    /** Animation delay in seconds */
+    delay?: number;
+    /** Render in final (post-animation) state with no animation */
+    static?: boolean;
+}
+/**
+ * Animated checkmark SVG component.
+ * Circle draws in → checkmark draws → background fills → subtle scale bounce.
+ *
+ * Size is controlled via className (Tailwind classes like `h-10 w-10`, `h-16 w-16`, etc.).
+ * The SVG scales to fit its container via viewBox.
+ */
+export declare function AnimatedCheckmark({ color, checkColor, strokeWidth, className, delay, static: isStatic, }: AnimatedCheckmarkProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,8 @@
+export { AnySpendCheckout } from "./checkout/AnySpendCheckout";
+export type { AnySpendCheckoutProps, CheckoutItem, CheckoutSummaryLine, AnySpendCheckoutClasses, CheckoutFormSchema, CheckoutFormComponentProps, ShippingOption, DiscountResult, AddressData, } from "./checkout/AnySpendCheckout";
+export { AnySpendCheckoutTrigger } from "./checkout/AnySpendCheckoutTrigger";
+export type { AnySpendCheckoutTriggerProps } from "./checkout/AnySpendCheckoutTrigger";
+export type { PaymentMethod } from "./checkout/CheckoutPaymentPanel";
 export { AnySpend } from "./AnySpend";
 export { AnySpendBondKit } from "./AnySpendBondKit";
 export { AnySpendBuySpin } from "./AnySpendBuySpin";
@@ -6,7 +11,9 @@ export { AnySpendCustom } from "./AnySpendCustom";
 export { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
 export { AnySpendDeposit } from "./AnySpendDeposit";
 export type { AnySpendDepositProps, ChainConfig, DepositContractConfig } from "./AnySpendDeposit";
-export type { AnySpendAllClasses, AnySpendClasses, AnySpendCustomExactInClasses, AnySpendDepositClasses, CryptoPaymentMethodClasses, CryptoPaySectionClasses, CryptoReceiveSectionClasses, FiatPaymentMethodClasses, OrderDetailsClasses, PanelOnrampClasses, QRDepositClasses, RecipientSelectionClasses, } from "./types/classes";
+export type { AnySpendAllClasses, AnySpendCheckoutClasses as AnySpendCheckoutClassesFromTypes, AnySpendClasses, AnySpendCustomExactInClasses, AnySpendDepositClasses, CryptoPaymentMethodClasses, CryptoPaySectionClasses, CryptoReceiveSectionClasses, FiatPaymentMethodClasses, OrderDetailsClasses, PanelOnrampClasses, QRDepositClasses, RecipientSelectionClasses, } from "./types/classes";
+export type { ActionButtonSlotProps, AnySpendContent, AnySpendSlots, AnySpendTheme, ConnectWalletButtonSlotProps, ErrorScreenSlotProps, SuccessScreenSlotProps, } from "./types/customization";
+export { AnySpendCustomizationProvider, useAnySpendCustomization } from "./context/AnySpendCustomizationContext";
 export { AnySpendDepositHype, HYPE_TOKEN_DETAILS } from "./AnyspendDepositHype";
 export { AnySpendWorkflowTrigger } from "./AnySpendWorkflowTrigger";
 export type { AnySpendWorkflowTriggerProps } from "./AnySpendWorkflowTrigger";

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

@@ -366,11 +366,61 @@ export interface QRDepositClasses {
     orderDetailsContainer?: string;
     orderDetailsContent?: string;
 }
+/** Classes for AnySpendCheckout component */
+export interface AnySpendCheckoutClasses {
+    root?: string;
+    layout?: string;
+    paymentColumn?: string;
+    cartColumn?: string;
+    paymentPanel?: string;
+    paymentTitle?: string;
+    paymentMethodSelector?: string;
+    paymentMethodButton?: string;
+    cryptoPanel?: string;
+    tokenSelector?: string;
+    quoteDisplay?: string;
+    payButton?: string;
+    fiatPanel?: string;
+    stripeForm?: string;
+    stripeSubmitButton?: string;
+    coinbasePanel?: string;
+    cartPanel?: string;
+    cartTitle?: string;
+    cartItemRow?: string;
+    cartItemImage?: string;
+    cartItemName?: string;
+    cartItemDescription?: string;
+    cartItemPrice?: string;
+    cartSummary?: string;
+    cartTotal?: string;
+    cartSubtotal?: string;
+    cartSummaryLine?: string;
+    cartSummaryLineLabel?: string;
+    cartSummaryLineAmount?: string;
+    cartDiscount?: string;
+    cartItemMetadata?: string;
+    cartItemMetadataLabel?: string;
+    cartItemMetadataValue?: string;
+    formPanel?: string;
+    formField?: string;
+    formFieldLabel?: string;
+    formFieldInput?: string;
+    shippingSelector?: string;
+    discountInput?: string;
+    addressForm?: string;
+    poweredBy?: string;
+    successPanel?: string;
+    returnButton?: string;
+    orderStatusPanel?: string;
+    retryButton?: string;
+    transactionLink?: string;
+}
 /** Combined classes for all AnySpend-related components */
 export interface AnySpendAllClasses {
     deposit?: AnySpendDepositClasses;
     anySpend?: AnySpendClasses;
     customExactIn?: AnySpendCustomExactInClasses;
+    checkout?: AnySpendCheckoutClasses;
     cryptoPaySection?: CryptoPaySectionClasses;
     cryptoReceiveSection?: CryptoReceiveSectionClasses;
     panelOnramp?: PanelOnrampClasses;

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

@@ -0,0 +1,75 @@
+import type { ReactNode } from "react";
+import type { CheckoutFormComponentProps, ShippingSelectorSlotProps, DiscountInputSlotProps } from "../../../types/forms";
+export interface ActionButtonSlotProps {
+    onClick: () => void;
+    disabled: boolean;
+    loading: boolean;
+    text: string;
+}
+export interface ConnectWalletButtonSlotProps {
+    onPayment: () => void;
+    txLoading: boolean;
+    connectedAddress?: string;
+    paymentLabel: string;
+}
+export interface SuccessScreenSlotProps {
+    title: string;
+    description: string;
+    txHash?: string;
+    orderId?: string;
+    explorerUrl?: string;
+    onDone: () => void;
+    returnUrl?: string;
+    returnLabel?: string;
+}
+export interface ErrorScreenSlotProps {
+    title: string;
+    description: string;
+    errorType: "failure" | "expired" | "refunded";
+    orderId?: string;
+    onRetry?: () => void;
+    onDone?: () => void;
+}
+export interface AnySpendSlots {
+    actionButton?: (props: ActionButtonSlotProps) => ReactNode;
+    connectWalletButton?: (props: ConnectWalletButtonSlotProps) => ReactNode;
+    header?: (props: {
+        mode: "page" | "modal";
+    }) => ReactNode;
+    footer?: ReactNode;
+    successScreen?: (props: SuccessScreenSlotProps) => ReactNode;
+    errorScreen?: (props: ErrorScreenSlotProps) => ReactNode;
+    /** Replace the entire checkout form panel with a custom component */
+    checkoutForm?: (props: CheckoutFormComponentProps) => ReactNode;
+    /** Replace the shipping method selector */
+    shippingSelector?: (props: ShippingSelectorSlotProps) => ReactNode;
+    /** Replace the discount code input */
+    discountInput?: (props: DiscountInputSlotProps) => ReactNode;
+}
+export interface AnySpendContent {
+    successTitle?: string | ReactNode;
+    successDescription?: string | ReactNode;
+    failureTitle?: string | ReactNode;
+    failureDescription?: string | ReactNode;
+    expiredTitle?: string | ReactNode;
+    expiredDescription?: string | ReactNode;
+    refundedTitle?: string | ReactNode;
+    refundedDescription?: string | ReactNode;
+    processingTitle?: string | ReactNode;
+    processingDescription?: string | ReactNode;
+    returnButtonLabel?: string;
+    retryButtonLabel?: string;
+}
+export interface AnySpendTheme {
+    brandColor?: string;
+    colors?: Partial<{
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        surfacePrimary: string;
+        surfaceSecondary: string;
+        brand: string;
+        borderPrimary: string;
+        borderSecondary: string;
+    }>;
+}

package/dist/types/anyspend/react/hooks/useAnyspendCreateOnrampOrder.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { CreateOrderResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { CreateOrderParams } from "./useAnyspendCreateOrder";
 export type OnrampOptions = {
     vendor: components["schemas"]["OnrampMetadata"]["vendor"];
@@ -11,7 +12,7 @@ export type CreateOnrampOrderParams = Omit<CreateOrderParams, "srcChain" | "srcT
     onramp: OnrampOptions;
 };
 export type UseAnyspendCreateOnrampOrderProps = {
-    onSuccess?: (data: any) => void;
+    onSuccess?: (data: CreateOrderResponse) => void;
     onError?: (error: Error) => void;
 };
 /**
@@ -19,6 +20,11 @@ export type UseAnyspendCreateOnrampOrderProps = {
  * Specifically handles orders that involve fiat-to-crypto onramp functionality
  */
 export declare function useAnyspendCreateOnrampOrder({ onSuccess, onError }?: UseAnyspendCreateOnrampOrderProps): {
-    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, CreateOnrampOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, CreateOnrampOrderParams, unknown>;
     isCreatingOrder: boolean;
 };

package/dist/types/anyspend/react/hooks/useAnyspendCreateOrder.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { CreateOrderResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 export type CreateOrderParams = {
     recipientAddress: string;
     orderType: components["schemas"]["Order"]["type"];
@@ -21,7 +22,7 @@ export type CreateOrderParams = {
     callbackMetadata?: Record<string, unknown>;
 };
 export type UseAnyspendCreateOrderProps = {
-    onSuccess?: (data: any) => void;
+    onSuccess?: (data: CreateOrderResponse) => void;
     onError?: (error: Error) => void;
 };
 /**
@@ -30,6 +31,11 @@ export type UseAnyspendCreateOrderProps = {
  * For onramp orders, use useAnyspendCreateOnrampOrder instead.
  */
 export declare function useAnyspendCreateOrder({ onSuccess, onError }?: UseAnyspendCreateOrderProps): {
-    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, CreateOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, CreateOrderParams, unknown>;
     isCreatingOrder: boolean;
 };

package/dist/types/anyspend/react/hooks/useAnyspendFlow.d.ts

@@ -40,8 +40,10 @@ interface UseAnyspendFlowProps {
     disableUrlParamManagement?: boolean;
     orderType?: "hype_duel" | "custom_exact_in" | "swap";
     customExactInConfig?: CustomExactInConfig;
+    /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
+    senderAddress?: string;
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, customExactInConfig, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, customExactInConfig, senderAddress, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;
@@ -213,9 +215,19 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
         formattedFeeUsd: string;
     };
     getOnrampVendor: (paymentMethod: FiatPaymentMethod) => "coinbase" | "stripe" | "stripe-web2" | undefined;
-    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("@b3dotfun/sdk/anyspend/react").CreateOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, import("@b3dotfun/sdk/anyspend/react").CreateOrderParams, unknown>;
     isCreatingOrder: boolean;
-    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("@b3dotfun/sdk/anyspend/react").CreateOnrampOrderParams, unknown>;
+    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, import("@b3dotfun/sdk/anyspend/react").CreateOnrampOrderParams, unknown>;
     isCreatingOnrampOrder: boolean;
 };
 export {};

package/dist/types/anyspend/react/hooks/useCreateDepositFirstOrder.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { CreateOrderResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { DepositContractConfig } from "../components/AnySpendDeposit";
 export type CreateDepositFirstOrderParams = {
     recipientAddress: string;
@@ -9,9 +10,10 @@ export type CreateDepositFirstOrderParams = {
     creatorAddress?: string;
     /** Optional contract config for custom execution after deposit */
     contractConfig?: DepositContractConfig;
+    callbackMetadata?: Record<string, unknown>;
 };
 export type UseCreateDepositFirstOrderProps = {
-    onSuccess?: (data: any) => void;
+    onSuccess?: (data: CreateOrderResponse) => void;
     onError?: (error: Error) => void;
 };
 /**
@@ -19,6 +21,11 @@ export type UseCreateDepositFirstOrderProps = {
  * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
  */
 export declare function useCreateDepositFirstOrder({ onSuccess, onError }?: UseCreateDepositFirstOrderProps): {
-    createOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, CreateDepositFirstOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, CreateDepositFirstOrderParams, unknown>;
     isCreatingOrder: boolean;
 };

package/dist/types/anyspend/services/anyspend.d.ts

@@ -35,5 +35,6 @@ export declare const anyspendService: {
         stripeOnramp: boolean;
         stripeWeb2: components["schemas"]["StripeWeb2Support"];
     }>;
+    getCoinbaseOnrampUrl: (request: components["schemas"]["CoinbaseOnrampUrlRequest"]) => Promise<components["schemas"]["CoinbaseOnrampUrlResponse"]>;
     getStripeClientSecret: (paymentIntentId: string) => Promise<string | null>;
 };

package/dist/types/anyspend/types/forms.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Checkout form schema types
+ *
+ * Merchants define forms using a JSON schema to collect customer information
+ * during checkout (email, shipping address, discount codes, arbitrary fields).
+ */
+export interface CheckoutFormField {
+    /** Unique field identifier */
+    id: string;
+    /** Field type */
+    type: "text" | "email" | "phone" | "textarea" | "select" | "number" | "checkbox" | "address";
+    /** Display label */
+    label: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the field is required. Default: false */
+    required?: boolean;
+    /** Default value */
+    defaultValue?: string;
+    /** Options for "select" type fields */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    /** Validation rules */
+    validation?: {
+        pattern?: string;
+        minLength?: number;
+        maxLength?: number;
+        min?: number;
+        max?: number;
+    };
+}
+export interface CheckoutFormSchema {
+    fields: CheckoutFormField[];
+}
+export interface ShippingOption {
+    id: string;
+    name: string;
+    description?: string;
+    /** Amount in wei */
+    amount: string;
+    /** e.g. "5-7 business days" */
+    estimated_days?: string;
+}
+export interface DiscountResult {
+    valid: boolean;
+    discount_type?: "percentage" | "fixed";
+    discount_value?: string;
+    /** Computed discount amount in wei */
+    discount_amount?: string;
+    /** Final amount after discount in wei */
+    final_amount?: string;
+    error?: string;
+}
+export interface AddressData {
+    street: string;
+    city: string;
+    state: string;
+    zip: string;
+    country: string;
+}
+/**
+ * Props passed to custom form components or the checkoutForm slot
+ */
+export interface CheckoutFormComponentProps {
+    /** Call this when the form is submitted / values change */
+    onSubmit: (data: Record<string, unknown>) => void;
+    /** Call to signal whether the form is currently valid */
+    onValidationChange: (isValid: boolean) => void;
+    /** Current form data */
+    formData: Record<string, unknown>;
+    /** Update form data */
+    setFormData: (data: Record<string, unknown>) => void;
+}
+/**
+ * Props for shipping selector slot
+ */
+export interface ShippingSelectorSlotProps {
+    options: ShippingOption[];
+    selectedId: string | null;
+    onSelect: (option: ShippingOption) => void;
+}
+/**
+ * Props for discount input slot
+ */
+export interface DiscountInputSlotProps {
+    onApply: (code: string) => Promise<DiscountResult>;
+    appliedDiscount: DiscountResult | null;
+    onRemove: () => void;
+    loading: boolean;
+}

package/dist/types/global-account/react/components/WalletImage/WalletImage.d.ts

@@ -1,4 +1,4 @@
 declare const WalletImage: ({ fallback }: {
     fallback?: React.ReactNode;
-}) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+}) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
 export default WalletImage;

package/dist/types/global-account/react/components/ui/command.d.ts

@@ -6,7 +6,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -23,7 +23,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -33,7 +33,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -42,14 +42,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -58,7 +58,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -67,7 +67,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "onSelect" | "disabled"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "onSelect" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/types/global-account/react/components/ui/dialog.d.ts

@@ -11,6 +11,8 @@ type DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;
 type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
     hideCloseButton?: boolean;
     closeBtnClassName?: string;
+    /** Hide the "Global Account" branding footer below the modal */
+    hideGABranding?: boolean;
 };
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<DialogContentElement>>;
 declare const DialogHeader: {

package/dist/types/global-account/react/components/ui/drawer.d.ts

@@ -8,7 +8,9 @@ declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/r
 declare const DrawerPortal: typeof import("vaul").Portal;
 declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    hideGABranding?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/types/global-account/react/hooks/useAuth.d.ts

@@ -48,8 +48,8 @@ export declare function useAuth(): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                username?: string | undefined;
                 phone?: string | undefined;
+                username?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;

package/dist/types/global-account/react/hooks/useAuthentication.d.ts

@@ -41,8 +41,8 @@ export declare function useAuthentication(partnerId: string): {
                 name?: string | undefined;
                 address?: string | undefined;
                 email?: string | undefined;
-                username?: string | undefined;
                 phone?: string | undefined;
+                username?: string | undefined;
                 fid?: string | undefined;
             };
         }[] | undefined;