@b3dotfun/sdk 0.0.86 → 0.0.87-alpha.1

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

@@ -24,9 +24,9 @@ interface UseAnyspendFlowProps {
     destinationTokenChainId?: number;
     slippage?: number;
     disableUrlParamManagement?: boolean;
-    orderType?: "hype_duel" | "custom_exact_in";
+    orderType?: "hype_duel" | "custom_exact_in" | "swap";
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;

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

@@ -28,7 +28,7 @@ var PanelView;
     PanelView[PanelView["FEE_DETAIL"] = 7] = "FEE_DETAIL";
 })(PanelView || (exports.PanelView = PanelView = {}));
 // This hook serves for order hype_duel and custom_exact_in
-function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", }) {
+function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage = 0, disableUrlParamManagement = false, orderType = "hype_duel", }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     // Panel and order state
@@ -135,16 +135,40 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
     // For fiat payments, always use USDC decimals (6) regardless of selectedSrcToken
     const effectiveDecimals = paymentType === "fiat" ? anyspend_1.USDC_BASE.decimals : selectedSrcToken.decimals;
     const activeInputAmountInWei = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), effectiveDecimals).toString();
-    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = (0, react_1.useAnyspendQuote)({
-        srcChain: paymentType === "fiat" ? chains_1.base.id : selectedSrcChainId,
-        dstChain: isDepositMode ? chains_1.base.id : selectedDstChainId, // For deposits, always Base; for swaps, use selected destination
-        srcTokenAddress: paymentType === "fiat" ? anyspend_1.USDC_BASE.address : selectedSrcToken.address,
-        dstTokenAddress: selectedDstToken.address,
-        type: orderType,
-        amount: activeInputAmountInWei,
-        recipientAddress: effectiveRecipientAddress,
-        onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
-    });
+    // Build quote request based on order type
+    const quoteRequest = (() => {
+        const baseParams = {
+            srcChain: paymentType === "fiat" ? chains_1.base.id : selectedSrcChainId,
+            dstChain: selectedDstChainId ?? chains_1.base.id,
+            srcTokenAddress: paymentType === "fiat" ? anyspend_1.USDC_BASE.address : selectedSrcToken.address,
+            dstTokenAddress: selectedDstToken.address,
+            recipientAddress: effectiveRecipientAddress,
+            onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
+        };
+        if (orderType === "swap") {
+            return {
+                ...baseParams,
+                type: "swap",
+                tradeType: "EXACT_INPUT",
+                amount: activeInputAmountInWei,
+            };
+        }
+        else if (orderType === "hype_duel") {
+            return {
+                ...baseParams,
+                type: "hype_duel",
+                amount: activeInputAmountInWei,
+            };
+        }
+        else {
+            return {
+                ...baseParams,
+                type: "custom_exact_in",
+                amount: activeInputAmountInWei,
+            };
+        }
+    })();
+    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = (0, react_1.useAnyspendQuote)(quoteRequest);
     // Get geo options for fiat
     const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = (0, react_1.useGeoOnrampOptions)(paymentType === "fiat" ? (0, number_1.formatUnits)(activeInputAmountInWei, anyspend_1.USDC_BASE.decimals) : "0");
     // Update destination amount when quote changes

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

@@ -8,7 +8,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -38,7 +38,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -68,7 +68,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -98,7 +98,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -128,7 +128,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -158,7 +158,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -188,7 +188,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -218,7 +218,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -239,6 +239,36 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         type: "fund_tournament";
         payload: import("../..").components["schemas"]["FundTournamentPayload"];
         metadata: import("../..").components["schemas"]["TournamentMetadata"];
+    }) | ({
+        id: string;
+        recipientAddress: string;
+        globalAddress: string;
+        srcChain: number;
+        dstChain: number;
+        srcTokenAddress: string;
+        dstTokenAddress: string;
+        srcAmount: string;
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        errorDetails: string | null;
+        createdAt: number;
+        expiredAt: number;
+        filledAt: number | null;
+        receivedDepositAt: number | null;
+        creatorAddress: string | null;
+        partnerId: string | null;
+        clientReferenceId?: string | null;
+        onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
+        oneClickBuyUrl: string | null;
+        stripePaymentIntentId: string | null;
+        settlement: {
+            actualDstAmount?: string;
+            relay?: Record<string, never>;
+        } | null;
+        fee?: Omit<import("../..").components["schemas"]["Fee"], "type"> | null;
+    } & {
+        type: "deposit_first";
+        payload: import("../..").components["schemas"]["DepositFirstPayload"];
+        metadata: import("../..").components["schemas"]["DepositFirstMetadata"];
     }))[];
     isLoadingOrderHistory: boolean;
     getOrderHistoryError: Error | null;
@@ -251,7 +281,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -281,7 +311,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -311,7 +341,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -341,7 +371,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -371,7 +401,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -401,7 +431,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -431,7 +461,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -461,7 +491,7 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         srcTokenAddress: string;
         dstTokenAddress: string;
         srcAmount: string;
-        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
         errorDetails: string | null;
         createdAt: number;
         expiredAt: number;
@@ -482,5 +512,35 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
         type: "fund_tournament";
         payload: import("../..").components["schemas"]["FundTournamentPayload"];
         metadata: import("../..").components["schemas"]["TournamentMetadata"];
+    }) | ({
+        id: string;
+        recipientAddress: string;
+        globalAddress: string;
+        srcChain: number;
+        dstChain: number;
+        srcTokenAddress: string;
+        dstTokenAddress: string;
+        srcAmount: string;
+        status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+        errorDetails: string | null;
+        createdAt: number;
+        expiredAt: number;
+        filledAt: number | null;
+        receivedDepositAt: number | null;
+        creatorAddress: string | null;
+        partnerId: string | null;
+        clientReferenceId?: string | null;
+        onrampMetadata: import("../..").components["schemas"]["OnrampMetadata"] | null;
+        oneClickBuyUrl: string | null;
+        stripePaymentIntentId: string | null;
+        settlement: {
+            actualDstAmount?: string;
+            relay?: Record<string, never>;
+        } | null;
+        fee?: Omit<import("../..").components["schemas"]["Fee"], "type"> | null;
+    } & {
+        type: "deposit_first";
+        payload: import("../..").components["schemas"]["DepositFirstPayload"];
+        metadata: import("../..").components["schemas"]["DepositFirstMetadata"];
     }))[], Error>>;
 };

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

@@ -0,0 +1,24 @@
+import { components } from "../../../anyspend/types/api";
+import { DepositContractConfig } from "../components/AnySpendDeposit";
+export type CreateDepositFirstOrderParams = {
+    recipientAddress: string;
+    srcChain: number;
+    dstChain: number;
+    srcToken: components["schemas"]["Token"];
+    dstToken: components["schemas"]["Token"];
+    creatorAddress?: string;
+    /** Optional contract config for custom execution after deposit */
+    contractConfig?: DepositContractConfig;
+};
+export type UseCreateDepositFirstOrderProps = {
+    onSuccess?: (data: any) => void;
+    onError?: (error: Error) => void;
+};
+/**
+ * Hook for creating deposit_first orders in the Anyspend protocol.
+ * 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>;
+    isCreatingOrder: boolean;
+};

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateDepositFirstOrder = useCreateDepositFirstOrder;
+const anyspend_1 = require("../../../anyspend/services/anyspend");
+const utils_1 = require("../../../anyspend/utils");
+const react_1 = require("../../../global-account/react");
+const fingerprintjs_pro_react_1 = require("@fingerprintjs/fingerprintjs-pro-react");
+const react_query_1 = require("@tanstack/react-query");
+const react_2 = require("react");
+/**
+ * Hook for creating deposit_first orders in the Anyspend protocol.
+ * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
+ */
+function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
+    const { partnerId } = (0, react_1.useB3)();
+    const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
+    const visitorData = fpData && {
+        requestId: fpData.requestId,
+        visitorId: fpData.visitorId,
+    };
+    const { mutate: createOrder, isPending } = (0, react_query_1.useMutation)({
+        mutationFn: async (params) => {
+            const { recipientAddress, srcChain, dstChain, srcToken, dstToken, creatorAddress, contractConfig } = params;
+            // Build payload based on whether we have a contract config
+            const payload = contractConfig
+                ? {
+                    functionAbi: contractConfig.functionAbi,
+                    functionName: contractConfig.functionName,
+                    functionArgs: contractConfig.functionArgs,
+                    to: (0, utils_1.normalizeAddress)(contractConfig.to),
+                    spenderAddress: contractConfig.spenderAddress ? (0, utils_1.normalizeAddress)(contractConfig.spenderAddress) : undefined,
+                    action: contractConfig.action,
+                }
+                : {};
+            try {
+                return await anyspend_1.anyspendService.createOrder({
+                    recipientAddress: (0, utils_1.normalizeAddress)(recipientAddress),
+                    type: "deposit_first",
+                    srcChain,
+                    dstChain,
+                    srcTokenAddress: (0, utils_1.normalizeAddress)(srcToken.address),
+                    dstTokenAddress: (0, utils_1.normalizeAddress)(dstToken.address),
+                    srcAmount: "", // Not required for deposit_first
+                    payload,
+                    metadata: {
+                        srcToken: {
+                            chainId: srcToken.chainId,
+                            address: srcToken.address,
+                            symbol: srcToken.symbol,
+                            name: srcToken.name,
+                            decimals: srcToken.decimals,
+                            metadata: srcToken.metadata || {},
+                        },
+                        dstToken: {
+                            chainId: dstToken.chainId,
+                            address: dstToken.address,
+                            symbol: dstToken.symbol,
+                            name: dstToken.name,
+                            decimals: dstToken.decimals,
+                            metadata: dstToken.metadata || {},
+                        },
+                    },
+                    creatorAddress: creatorAddress ? (0, utils_1.normalizeAddress)(creatorAddress) : undefined,
+                    partnerId,
+                    visitorData,
+                });
+            }
+            catch (error) {
+                if (error?.data) {
+                    throw error.data;
+                }
+                throw error;
+            }
+        },
+        onSuccess: (data) => {
+            onSuccess?.(data);
+        },
+        onError: (error) => {
+            onError?.(error);
+        },
+    });
+    return (0, react_2.useMemo)(() => ({
+        createOrder,
+        isCreatingOrder: isPending,
+    }), [createOrder, isPending]);
+}

package/dist/cjs/anyspend/types/api.d.ts

@@ -1952,6 +1952,15 @@ export interface components {
              */
             fundAmount: string;
         };
+        /** @description DepositFirst payload - empty at creation time, details determined after deposit is detected */
+        DepositFirstPayload: Record<string, never>;
+        /** @description DepositFirst metadata for display purposes */
+        DepositFirstMetadata: {
+            /** @description Token accepted for deposit */
+            srcToken: components["schemas"]["Token"];
+            /** @description Token to swap to after deposit */
+            dstToken: components["schemas"]["Token"];
+        };
         /** @description Swap metadata for display purposes */
         SwapMetadata: {
             srcToken: components["schemas"]["Token"];
@@ -2037,7 +2046,7 @@ export interface components {
              * @example executed
              * @enum {string}
              */
-            status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
+            status: "scanning_deposit_transaction" | "waiting_stripe_payment" | "expired" | "sending_token_from_vault" | "quoting_after_deposit" | "relay" | "executing" | "executed" | "refunding" | "refunded" | "failure";
             /** @description Error details if order failed */
             errorDetails: string | null;
             /**
@@ -2167,7 +2176,16 @@ export interface components {
             payload: components["schemas"]["FundTournamentPayload"];
             metadata: components["schemas"]["TournamentMetadata"];
         };
-        Order: components["schemas"]["SwapOrder"] | components["schemas"]["X402SwapOrder"] | components["schemas"]["HypeDuelOrder"] | components["schemas"]["CustomOrder"] | components["schemas"]["CustomExactInOrder"] | components["schemas"]["MintNftOrder"] | components["schemas"]["JoinTournamentOrder"] | components["schemas"]["FundTournamentOrder"];
+        DepositFirstOrder: components["schemas"]["BaseOrder"] & {
+            /**
+             * @description Order type for deposit-first flow where amount is determined after deposit
+             * @enum {string}
+             */
+            type: "deposit_first";
+            payload: components["schemas"]["DepositFirstPayload"];
+            metadata: components["schemas"]["DepositFirstMetadata"];
+        };
+        Order: components["schemas"]["SwapOrder"] | components["schemas"]["X402SwapOrder"] | components["schemas"]["HypeDuelOrder"] | components["schemas"]["CustomOrder"] | components["schemas"]["CustomExactInOrder"] | components["schemas"]["MintNftOrder"] | components["schemas"]["JoinTournamentOrder"] | components["schemas"]["FundTournamentOrder"] | components["schemas"]["DepositFirstOrder"];
         /** @description Swap order request */
         SwapOrderRequest: {
             /**
@@ -2568,7 +2586,51 @@ export interface components {
              */
             creatorAddress?: string;
         };
-        OrderRequest: components["schemas"]["SwapOrderRequest"] | components["schemas"]["X402SwapOrderRequest"] | components["schemas"]["HypeDuelOrderRequest"] | components["schemas"]["CustomOrderRequest"] | components["schemas"]["CustomExactInOrderRequest"] | components["schemas"]["MintNftOrderRequest"] | components["schemas"]["JoinTournamentOrderRequest"] | components["schemas"]["FundTournamentOrderRequest"];
+        /** @description Deposit-first order request. The srcAmount is determined after deposit is detected, so it is not required at creation time. This flow does not support onramp - users deposit crypto directly. */
+        DepositFirstOrderRequest: {
+            /**
+             * @description Order type for deposit-first flow
+             * @enum {string}
+             */
+            type: "deposit_first";
+            /**
+             * @description Address to receive the destination tokens after swap
+             * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
+             */
+            recipientAddress: string;
+            /**
+             * @description Source chain ID where deposit will be made
+             * @example 8453
+             */
+            srcChain: number;
+            /**
+             * @description Destination chain ID for the swap
+             * @example 8453
+             */
+            dstChain: number;
+            /**
+             * @description Token contract address that will be deposited
+             * @example 0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913
+             */
+            srcTokenAddress: string;
+            /**
+             * @description Token contract address to receive after swap
+             * @example 0x0000000000000000000000000000000000000000
+             */
+            dstTokenAddress: string;
+            payload: components["schemas"]["DepositFirstPayload"];
+            metadata: components["schemas"]["DepositFirstMetadata"];
+            /** @description Optional partner identifier */
+            partnerId?: string;
+            /** @description Optional client reference identifier for tracking purposes (alphanumeric, hyphens, and underscores only, max 255 chars) */
+            clientReferenceId?: string;
+            /**
+             * @description Optional address of the order creator
+             * @example 0x58241893EF1f86C9fBd8109Cd44Ea961fDb474e1
+             */
+            creatorAddress?: string;
+        };
+        OrderRequest: components["schemas"]["SwapOrderRequest"] | components["schemas"]["X402SwapOrderRequest"] | components["schemas"]["HypeDuelOrderRequest"] | components["schemas"]["CustomOrderRequest"] | components["schemas"]["CustomExactInOrderRequest"] | components["schemas"]["MintNftOrderRequest"] | components["schemas"]["JoinTournamentOrderRequest"] | components["schemas"]["FundTournamentOrderRequest"] | components["schemas"]["DepositFirstOrderRequest"];
         /** @description Deposit transaction (payment from user) */
         DepositTx: {
             /**

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

@@ -1,13 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getErrorDisplay = exports.getStatusDisplay = void 0;
+const number_1 = require("../../shared/utils/number");
 const getStatusDisplay = (order) => {
+    const srcToken = order.metadata?.srcToken;
+    const dstToken = order.metadata?.dstToken;
+    const formattedSrcAmount = srcToken ? (0, number_1.formatTokenAmount)(BigInt(order.srcAmount), srcToken.decimals) : undefined;
+    const actualDstAmount = order.settlement?.actualDstAmount;
+    const formattedActualDstAmount = actualDstAmount && dstToken ? (0, number_1.formatTokenAmount)(BigInt(actualDstAmount), dstToken.decimals) : undefined;
     switch (order.status) {
-        case "scanning_deposit_transaction":
+        case "scanning_deposit_transaction": {
+            const depositText = formattedSrcAmount && srcToken
+                ? `Awaiting ${formattedSrcAmount} ${srcToken.symbol}`
+                : order.onrampMetadata
+                    ? "Awaiting Payment"
+                    : "Awaiting Deposit";
             return {
-                text: order.onrampMetadata ? "Awaiting Payment" : "Awaiting Deposit",
+                text: depositText,
                 status: "processing",
             };
+        }
         case "waiting_stripe_payment":
             return {
                 text: "Awaiting Payment",
@@ -30,15 +42,16 @@ const getStatusDisplay = (order) => {
                 description: "It will take approximately one minute to complete.",
             };
         case "executed": {
+            const receivedText = formattedActualDstAmount && dstToken ? `Received ${formattedActualDstAmount} ${dstToken.symbol}` : undefined;
             const { text, description } = order.type === "swap"
-                ? { text: "Swap Complete", description: "Your swap has been completed successfully." }
+                ? { text: receivedText || "Swap Complete", description: "Your swap has been completed successfully." }
                 : order.type === "mint_nft"
                     ? { text: "NFT Minted", description: "Your NFT has been minted" }
                     : order.type === "join_tournament"
                         ? { text: "Tournament Joined", description: "You have joined the tournament" }
                         : order.type === "fund_tournament"
                             ? { text: "Tournament Funded", description: "You have funded the tournament" }
-                            : { text: "Order Complete", description: "Your order has been completed" };
+                            : { text: receivedText || "Order Complete", description: "Your order has been completed" };
             return { text, status: "success", description };
         }
         case "refunding":
@@ -51,8 +64,18 @@ const getStatusDisplay = (order) => {
                 status: "failure",
                 description: "This order has failed. Please try again or contact support.",
             };
+        case "quoting_after_deposit": {
+            return {
+                text: "Quoting After Deposit",
+                status: "processing",
+                description: "Getting quote for the order",
+            };
+        }
         default:
-            throw new Error("Invalid order status");
+            return {
+                text: order.status,
+                status: "processing",
+            };
     }
 };
 exports.getStatusDisplay = getStatusDisplay;

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -144,6 +144,10 @@ export interface AnySpendModalProps extends BaseModalProps {
     customUsdInputValues?: string[];
     /** Client-provided reference ID for tracking orders */
     clientReferenceId?: string;
+    /** Whether to hide the header */
+    hideHeader?: boolean;
+    /** When true, disables URL parameter management for swap configuration */
+    disableUrlParamManagement?: boolean;
 }
 /**
  * Props for the AnySpend NFT modal

package/dist/esm/anyspend/react/components/AnySpend.d.ts

@@ -20,6 +20,7 @@ export declare enum PanelView {
 export declare function AnySpend(props: {
     mode?: "page" | "modal";
     defaultActiveTab?: "crypto" | "fiat";
+    sourceChainId?: number;
     destinationTokenAddress?: string;
     destinationTokenChainId?: number;
     recipientAddress?: string;
@@ -34,4 +35,8 @@ export declare function AnySpend(props: {
     }) => void;
     onSuccess?: (txHash?: string) => void;
     customUsdInputValues?: string[];
+    hideHeader?: boolean;
+    hideBottomNavigation?: boolean;
+    /** When true, disables URL parameter management for swap configuration */
+    disableUrlParamManagement?: boolean;
 }): import("react/jsx-runtime").JSX.Element;