@b3dotfun/sdk 0.1.66 → 0.1.68

package/dist/cjs/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/cjs/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/cjs/anyspend/react/components/types/customization.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,4 +1,5 @@
 import { components } from "../../../anyspend/types/api";
+import { CreateOrderResponse } from "../../../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/cjs/anyspend/react/hooks/useAnyspendCreateOrder.d.ts

@@ -1,4 +1,5 @@
 import { components } from "../../../anyspend/types/api";
+import { CreateOrderResponse } from "../../../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/cjs/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("../../../anyspend/react").CreateOrderParams, unknown>;
+    createOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, import("../../../anyspend/react").CreateOrderParams, unknown>;
     isCreatingOrder: boolean;
-    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<any, Error, import("../../../anyspend/react").CreateOnrampOrderParams, unknown>;
+    createOnrampOrder: import("@tanstack/react-query").UseMutateFunction<{
+        success: boolean;
+        message: string;
+        data: components["schemas"]["Order"];
+        statusCode: number;
+    }, Error, import("../../../anyspend/react").CreateOnrampOrderParams, unknown>;
     isCreatingOnrampOrder: boolean;
 };
 export {};

package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js

@@ -73,7 +73,7 @@ function generateEncodedData(config, amountInWei) {
     }
 }
 // This hook serves for order hype_duel and custom_exact_in
-function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", customExactInConfig, }) {
+function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", customExactInConfig, senderAddress, }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     // Panel and order state
@@ -108,9 +108,10 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     const recipientProfile = (0, react_2.useProfile)({ address: effectiveRecipientAddress, fresh: true });
     const recipientName = recipientProfile.data?.name;
     // Check token balance for crypto payments
+    const effectiveBalanceAddress = senderAddress || walletAddress;
     const { rawBalance, isLoading: isBalanceLoading } = (0, react_2.useTokenBalance)({
         token: selectedSrcToken,
-        address: walletAddress,
+        address: effectiveBalanceAddress,
     });
     // Check if user has enough balance
     const hasEnoughBalance = (0, react_3.useMemo)(() => {

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

@@ -1,4 +1,5 @@
 import { components } from "../../../anyspend/types/api";
+import { CreateOrderResponse } from "../../../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/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.js

@@ -63,6 +63,7 @@ function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
                     creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
                     partnerId,
                     visitorData,
+                    callbackMetadata: params.callbackMetadata,
                 });
             }
             catch (error) {

package/dist/cjs/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/cjs/anyspend/services/anyspend.js

@@ -11,7 +11,8 @@ const invariant_1 = __importDefault(require("invariant"));
 // Service functions
 exports.anyspendService = {
     getTokenList: async (chainId, query) => {
-        const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/chains/${chainId}/tokens?limit=100&term=${query}`);
+        const params = new URLSearchParams({ limit: "100", term: query });
+        const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/chains/${chainId}/tokens?${params.toString()}`);
         const body = await response.json();
         (0, invariant_1.default)(response.status === 200, `Failed to fetch token list for chain ${chainId}`);
         return body.data;
@@ -77,6 +78,7 @@ exports.anyspendService = {
         (0, invariant_1.default)(orderId, "orderId is required");
         const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/orders/${orderId}`);
         const data = await response.json();
+        (0, invariant_1.default)(response.status === 200, data.message || `Failed to fetch order ${orderId}`);
         return data;
     },
     getOrderHistory: async (creatorAddress, limit = 100, offset = 0) => {
@@ -89,6 +91,7 @@ exports.anyspendService = {
         }
         const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/orders?${params.toString()}`);
         const data = await response.json();
+        (0, invariant_1.default)(response.status === 200, data.message || "Failed to fetch order history");
         return data;
     },
     getCoinbaseOnrampOptions: async (country, visitorData) => {
@@ -117,8 +120,20 @@ exports.anyspendService = {
         (0, invariant_1.default)(response.status === 200, "Failed to check Stripe support");
         return data.data;
     },
+    getCoinbaseOnrampUrl: async (request) => {
+        const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/onramp/coinbase/onramp-url`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(request),
+        });
+        const data = await response.json();
+        if (!response.ok)
+            throw new Error(data.message || "Failed to get Coinbase onramp URL");
+        return data;
+    },
     getStripeClientSecret: async (paymentIntentId) => {
-        const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/stripe/clientSecret?paymentIntentId=${paymentIntentId}`);
+        const params = new URLSearchParams({ paymentIntentId });
+        const response = await fetch(`${constants_1.ANYSPEND_MAINNET_BASE_URL}/stripe/clientSecret?${params.toString()}`);
         const data = await response.json();
         (0, invariant_1.default)(response.status === 200, "Failed to get Stripe client secret");
         return data.data;

package/dist/cjs/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/cjs/anyspend/types/forms.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * Checkout form schema types
+ *
+ * Merchants define forms using a JSON schema to collect customer information
+ * during checkout (email, shipping address, discount codes, arbitrary fields).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/anyspend/utils/format.js

@@ -22,6 +22,7 @@ const getStatusDisplay = (order) => {
             return {
                 text: depositText,
                 status: "processing",
+                description: "Waiting for your deposit to be confirmed on-chain",
             };
         }
         case "waiting_stripe_payment":
@@ -37,7 +38,7 @@ const getStatusDisplay = (order) => {
                 description: "This order is no longer valid because the order expired.",
             };
         case "sending_token_from_vault":
-            return { text: "Sending Token", status: "processing" };
+            return { text: "Sending Token", status: "processing", description: "Preparing your tokens for delivery" };
         case "relay":
         case "executing":
             return {
@@ -65,9 +66,17 @@ const getStatusDisplay = (order) => {
             return { text, status: "success", description };
         }
         case "refunding":
-            return { text: "Order Refunding", status: "processing" };
+            return {
+                text: "Refunding Order",
+                status: "processing",
+                description: "Your funds are being returned to your wallet",
+            };
         case "refunded":
-            return { text: "Order Refunded", status: "failure" };
+            return {
+                text: "Order Refunded",
+                status: "failure",
+                description: "Your funds have been returned to your wallet.",
+            };
         case "failure":
             return {
                 text: "Order Failure",

package/dist/cjs/app.shared.js

@@ -8,6 +8,7 @@ const authentication_client_1 = require("@feathersjs/authentication-client");
 const js_cookie_1 = __importDefault(require("js-cookie"));
 const constants_1 = require("./shared/constants");
 exports.B3_API_URL = process.env.EXPO_PUBLIC_B3_API || process.env.NEXT_PUBLIC_B3_API || process.env.PUBLIC_B3_API || "https://api.b3.fun";
+const DEV_USER_GROUP = 4;
 const authenticate = async (app, accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
     // Do not authenticate if there is no token
@@ -22,6 +23,13 @@ const authenticate = async (app, accessToken, identityToken, params) => {
         }, {
             query: params || {},
         });
+        // Extend cookie expiration to 30 days for dev users
+        if (response?.user?.userGroups?.includes(DEV_USER_GROUP)) {
+            const token = js_cookie_1.default.get(constants_1.B3_AUTH_COOKIE_NAME);
+            if (token) {
+                js_cookie_1.default.set(constants_1.B3_AUTH_COOKIE_NAME, token, { expires: 30 });
+            }
+        }
         return response;
     }
     catch (error) {

package/dist/cjs/global-account/react/components/B3DynamicModal.js

@@ -8,6 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../anyspend/react");
 const AnySpendDeposit_1 = require("../../../anyspend/react/components/AnySpendDeposit");
 const AnyspendDepositHype_1 = require("../../../anyspend/react/components/AnyspendDepositHype");
+const AnySpendCheckoutTrigger_1 = require("../../../anyspend/react/components/checkout/AnySpendCheckoutTrigger");
 const AnySpendWorkflowTrigger_1 = require("../../../anyspend/react/components/AnySpendWorkflowTrigger");
 const AnySpendDepositUpside_1 = require("../../../anyspend/react/components/AnySpendDepositUpside");
 const AnySpendStakeUpside_1 = require("../../../anyspend/react/components/AnySpendStakeUpside");
@@ -60,6 +61,7 @@ function B3DynamicModal() {
         "notifications",
         "anySpendDeposit",
         "anySpendWorkflowTrigger",
+        "anySpendCheckoutTrigger",
     ];
     const freestyleTypes = [
         "anySpendNft",
@@ -73,6 +75,8 @@ function B3DynamicModal() {
         "anySpendSignatureMint",
         "anySpendBondKit",
     ];
+    // AnySpend modal types should not show the "Global Account" branding footer
+    const isAnySpendType = contentType?.type?.toLowerCase().startsWith("anyspend") ?? false;
     // Check if current content type is in freestyle types
     const isFreestyleType = freestyleTypes.includes(contentType?.type);
     // Determine if modal should be closable - defaults to true unless explicitly set to false
@@ -80,7 +84,7 @@ function B3DynamicModal() {
     const hideCloseButton = true;
     // Build content class using cn utility
     // eslint-disable-next-line tailwindcss/no-custom-classname
-    const contentClass = (0, cn_1.cn)("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:p-0", contentType?.type === "send" && "p-0", contentType?.type === "manageAccount" && " md:p-0 md:pt-2", contentType?.type === "linkAccount" && "md:p-0");
+    const contentClass = (0, cn_1.cn)("b3-modal", theme === "dark" && "dark", fullWidthTypes.includes(contentType?.type) && "w-full", isFreestyleType && "b3-modal-freestyle", contentType?.type === "signInWithB3" && "p-0", contentType?.type === "anySpend" && "md:p-0", contentType?.type === "send" && "p-0", contentType?.type === "manageAccount" && " md:p-0 md:pt-2", contentType?.type === "linkAccount" && "md:p-0", contentType?.type === "anySpendCheckoutTrigger" && "p-0");
     debug("contentType", contentType);
     const renderContent = () => {
         if (!contentType)
@@ -132,6 +136,8 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(AnySpendDeposit_1.AnySpendDeposit, { ...contentType, mode: "modal" });
             case "anySpendWorkflowTrigger":
                 return (0, jsx_runtime_1.jsx)(AnySpendWorkflowTrigger_1.AnySpendWorkflowTrigger, { ...contentType, mode: "modal" });
+            case "anySpendCheckoutTrigger":
+                return (0, jsx_runtime_1.jsx)(AnySpendCheckoutTrigger_1.AnySpendCheckoutTrigger, { ...contentType, mode: "modal" });
             case "avatarEditor":
                 return (0, jsx_runtime_1.jsx)(AvatarEditor_1.AvatarEditor, { onSetAvatar: contentType.onSuccess });
             case "deposit":
@@ -157,12 +163,12 @@ function B3DynamicModal() {
         }
         setB3ModalOpen(open);
     };
-    return ((0, jsx_runtime_1.jsxs)(ModalComponent, { open: isOpen, onOpenChange: handleOpenChange, children: [(0, jsx_runtime_1.jsxs)(ModalContent, { className: (0, cn_1.cn)(contentClass, "rounded-2xl bg-white shadow-xl dark:bg-gray-900", "border border-gray-200 dark:border-gray-800", (contentType?.type === "manageAccount" ||
+    return ((0, jsx_runtime_1.jsxs)(ModalComponent, { open: isOpen, onOpenChange: handleOpenChange, children: [(0, jsx_runtime_1.jsxs)(ModalContent, { className: (0, cn_1.cn)(contentClass, "rounded-2xl bg-white shadow-xl dark:bg-neutral-900", "border border-gray-200 dark:border-neutral-800", (contentType?.type === "manageAccount" ||
                     contentType?.type === "deposit" ||
                     contentType?.type === "send" ||
                     contentType?.type === "avatarEditor" ||
                     contentType?.type === "notifications") &&
-                    "p-0", "mx-auto w-full max-w-md sm:max-w-lg"), hideCloseButton: hideCloseButton, onEscapeKeyDown: !isClosable ? e => e.preventDefault() : undefined, onPointerDownOutside: !isClosable ? e => e.preventDefault() : undefined, onInteractOutside: !isClosable ? e => e.preventDefault() : undefined, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("b3-modal-content no-scrollbar dark:bg-b3-background flex max-h-[90dvh] flex-col overflow-auto sm:max-h-[80dvh]"), children: [!hideCloseButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "flex items-center gap-2 px-6 py-4 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M15.8337 10H4.16699", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.0003 15.8334L4.16699 10L10.0003 4.16669", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-semibold", children: "Back" })] })), (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: renderContent() }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: toasts.length > 0 && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3, ease: "easeInOut" }, className: "toast-section relative z-10 overflow-hidden bg-white dark:border-gray-800 dark:bg-gray-900", children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, delay: 0.1 }, className: "p-4 pt-0", children: (0, jsx_runtime_1.jsx)(index_1.ToastContainer, { toasts: toasts, onDismiss: removeToast, theme: theme }) }) })) })] })] }), isOpen && ((0, jsx_runtime_1.jsx)("style", { children: `
+                    "p-0", "mx-auto w-full max-w-md sm:max-w-lg"), hideCloseButton: hideCloseButton, hideGABranding: isAnySpendType, onEscapeKeyDown: !isClosable ? e => e.preventDefault() : undefined, onPointerDownOutside: !isClosable ? e => e.preventDefault() : undefined, onInteractOutside: !isClosable ? e => e.preventDefault() : undefined, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("b3-modal-content no-scrollbar dark:bg-b3-background flex max-h-[90dvh] flex-col overflow-auto sm:max-h-[80dvh]"), children: [!hideCloseButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "flex items-center gap-2 px-6 py-4 text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-white", children: [(0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M15.8337 10H4.16699", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.0003 15.8334L4.16699 10L10.0003 4.16669", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-inter text-sm font-semibold", children: "Back" })] })), (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: renderContent() }), (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: toasts.length > 0 && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3, ease: "easeInOut" }, className: "toast-section relative z-10 overflow-hidden bg-white dark:border-neutral-800 dark:bg-neutral-900", children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2, delay: 0.1 }, className: "p-4 pt-0", children: (0, jsx_runtime_1.jsx)(index_1.ToastContainer, { toasts: toasts, onDismiss: removeToast, theme: theme }) }) })) })] })] }), isOpen && !isAnySpendType && ((0, jsx_runtime_1.jsx)("style", { children: `
           .modal-inner-content {
             transition: margin-bottom 0.3s ease-in-out;
             margin-bottom: ${toasts.length > 0 ? "0px" : "23px"} !important;

package/dist/cjs/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/cjs/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;