@b3dotfun/sdk 0.0.62-alpha.3 → 0.0.62-alpha.4

package/dist/cjs/anyspend/react/components/AnySpendStakeUpsideExactIn.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnySpendStakeUpsideExactIn = AnySpendStakeUpsideExactIn;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../anyspend/utils");
+const chains_1 = require("viem/chains");
+const AnySpendCustomExactIn_1 = require("./AnySpendCustomExactIn");
+const STAKE_FOR_FUNCTION_ABI = JSON.stringify([
+    {
+        name: "stakeFor",
+        type: "function",
+        stateMutability: "nonpayable",
+        inputs: [
+            { name: "user", type: "address" },
+            { name: "amount", type: "uint256" },
+        ],
+        outputs: [],
+    },
+]);
+function AnySpendStakeUpsideExactIn({ loadOrder, mode = "modal", recipientAddress, stakingContractAddress, token, onSuccess, }) {
+    if (!recipientAddress)
+        return null;
+    const header = () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "from-b3-react-background to-as-on-surface-1 w-full rounded-t-lg bg-gradient-to-t", children: (0, jsx_runtime_1.jsx)("div", { className: "mb-1 flex w-full flex-col items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Stake ", token.symbol, " (Exact In)"] }) }) }) }));
+    const customExactInConfig = {
+        functionAbi: STAKE_FOR_FUNCTION_ABI,
+        functionName: "stakeFor",
+        functionArgs: [(0, utils_1.normalizeAddress)(recipientAddress), "{{amount_out}}"],
+        to: stakingContractAddress,
+        spenderAddress: stakingContractAddress,
+        action: `stake ${token.symbol}`,
+    };
+    return ((0, jsx_runtime_1.jsx)(AnySpendCustomExactIn_1.AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, destinationToken: token, destinationChainId: chains_1.base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess }));
+}

package/dist/cjs/anyspend/react/components/common/OrderDetails.js

@@ -54,6 +54,12 @@ function getOrderSuccessText({ order, tournament, formattedActualDstAmount, form
         case "custom":
             actionText = order.metadata.action || `executed contract`;
             return `Successfully ${actionText}`;
+        case "x402_swap":
+            actionText = `sent ${formattedActualDstAmount || "--"} ${dstToken.symbol}`;
+            return `Successfully ${actionText} to ${recipient}`;
+        case "custom_exact_in":
+            actionText = `executed contract`;
+            return `Successfully ${actionText}`;
         default:
             throw new Error("Invalid order type");
     }
@@ -366,7 +372,7 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ mode = "modal",
                                             ? depositTxs.map(dTxs => ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: order.onrampMetadata?.vendor === "stripe-web2"
                                                     ? `Received payment`
                                                     : `Received ${(0, number_1.formatTokenAmount)(BigInt(dTxs.amount), srcToken.decimals)} ${srcToken.symbol}`, chainId: order.srcChain, tx: dTxs, isProcessing: false }, dTxs.txHash)))
-                                            : null, relayTxs.map(relayTx => ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: "Processed Transaction", chainId: relayTx.chain, isProcessing: false, tx: relayTx, delay: 0.5 }))), order.status === "executing" && ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: order.type === "swap"
+                                            : null, relayTxs.map(relayTx => ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: "Processed Transaction", chainId: relayTx.chain, isProcessing: false, tx: relayTx, delay: 0.5 }))), order.status === "executing" && ((0, jsx_runtime_1.jsx)(TransactionDetails, { title: order.type === "swap" || order.type === "x402_swap"
                                                 ? "Processing Swap"
                                                 : order.type === "mint_nft"
                                                     ? "Minting NFT"
@@ -376,7 +382,9 @@ exports.OrderDetails = (0, react_4.memo)(function OrderDetails({ mode = "modal",
                                                             ? "Funding Tournament"
                                                             : order.type === "hype_duel"
                                                                 ? "Depositing Hype Duel"
-                                                                : "Processing Bridge", chainId: order.dstChain, isProcessing: true, tx: null, delay: 1 }))] }) })] }) }), order.type === "join_tournament" && order.status === "executed" && ((0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4", children: "Continue to Tournament" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && ((0, jsx_runtime_1.jsx)("button", { className: "order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Return to Home ", (0, jsx_runtime_1.jsx)(lucide_react_1.Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
+                                                                : order.type === "custom" || order.type === "custom_exact_in"
+                                                                    ? "Executing Contract"
+                                                                    : "Processing Bridge", chainId: order.dstChain, isProcessing: true, tx: null, delay: 1 }))] }) })] }) }), order.type === "join_tournament" && order.status === "executed" && ((0, jsx_runtime_1.jsxs)(react_1.ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "flex w-full items-center gap-2", disabled: txLoading || isSwitchingOrExecuting, onClick: handleCloseModal, children: [(0, jsx_runtime_1.jsx)("span", { className: "pl-4", children: "Continue to Tournament" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] })), order.status === "executed" && ((0, jsx_runtime_1.jsx)("button", { className: "order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white", onClick: mode === "page" ? handleBack : handleCloseModal, children: mode === "page" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Return to Home ", (0, jsx_runtime_1.jsx)(lucide_react_1.Home, { className: "ml-2 h-4 w-4" })] })) : ("Close") }))] }));
     }
     // This boolean indicates that user finish payment, and waiting for the deposit to be confirmed. We get this from query params (waitingForDeposit=true)
     const waitingForDeposit = new URLSearchParams(window.location.search).get("waitingForDeposit") === "true";

package/dist/cjs/anyspend/react/components/common/OrderDetailsCollapsible.js

@@ -23,8 +23,7 @@ exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollaps
     const expectedDstAmount = order.type === "mint_nft" ||
         order.type === "join_tournament" ||
         order.type === "fund_tournament" ||
-        order.type === "custom" ||
-        order.type === "hype_duel"
+        order.type === "custom"
         ? "0"
         : order.payload.expectedDstAmount.toString();
     const finalFormattedExpectedDstAmount = formattedExpectedDstAmount || (0, number_1.formatTokenAmount)(BigInt(expectedDstAmount), dstToken.decimals);
@@ -36,7 +35,7 @@ exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollaps
                                         ? "Join tournament"
                                         : order.type === "fund_tournament"
                                             ? "Fund tournament"
-                                            : order.type === "custom"
+                                            : order.type === "custom" || order.type === "custom_exact_in"
                                                 ? order.metadata.action
                                                     ? (0, anyspend_1.capitalizeFirstLetter)(order.metadata.action)
                                                     : "Contract execution"

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

@@ -2,11 +2,15 @@ export { AnySpend } from "./AnySpend";
 export { AnySpendBondKit } from "./AnySpendBondKit";
 export { AnySpendBuySpin } from "./AnySpendBuySpin";
 export { AnySpendCustom } from "./AnySpendCustom";
+export { AnySpendCustomExactIn } from "./AnySpendCustomExactIn";
 export * from "./AnySpendFingerprintWrapper";
 export { AnySpendNFT } from "./AnySpendNFT";
+export { AnyspendSignatureMint } from "./AnyspendSignatureMint";
 export { AnySpendStakeB3 } from "./AnySpendStakeB3";
+export { AnySpendStakeB3ExactIn } from "./AnySpendStakeB3ExactIn";
+export { AnySpendStakeUpside } from "./AnySpendStakeUpside";
+export { AnySpendStakeUpsideExactIn } from "./AnySpendStakeUpsideExactIn";
 export { AnySpendTournament } from "./AnySpendTournament";
-export { AnyspendSignatureMint } from "./AnyspendSignatureMint";
 export { AnySpendNFTButton } from "./common/AnySpendNFTButton";
 export { ChainTokenIcon } from "./common/ChainTokenIcon";
 export { CryptoPaySection } from "./common/CryptoPaySection";

package/dist/cjs/anyspend/react/components/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TransferCryptoDetails = exports.TokenBalance = exports.StepProgress = exports.RecipientSelection = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetailsCollapsible = exports.OrderDetails = exports.CryptoReceiveSection = exports.CryptoPaySection = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnyspendSignatureMint = exports.AnySpendTournament = exports.AnySpendStakeB3 = exports.AnySpendNFT = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
+exports.WebviewOnrampPayment = exports.WebviewOnrampOrderStatus = exports.TransferCryptoDetails = exports.TokenBalance = exports.StepProgress = exports.RecipientSelection = exports.OrderTokenAmount = exports.OrderToken = exports.OrderStatus = exports.OrderHistoryItem = exports.OrderHistory = exports.OrderDetailsCollapsible = exports.OrderDetails = exports.CryptoReceiveSection = exports.CryptoPaySection = exports.ChainTokenIcon = exports.AnySpendNFTButton = exports.AnySpendTournament = exports.AnySpendStakeUpsideExactIn = exports.AnySpendStakeUpside = exports.AnySpendStakeB3ExactIn = exports.AnySpendStakeB3 = exports.AnyspendSignatureMint = exports.AnySpendNFT = exports.AnySpendCustomExactIn = exports.AnySpendCustom = exports.AnySpendBuySpin = exports.AnySpendBondKit = exports.AnySpend = void 0;
 // Components
 var AnySpend_1 = require("./AnySpend");
 Object.defineProperty(exports, "AnySpend", { enumerable: true, get: function () { return AnySpend_1.AnySpend; } });
@@ -24,15 +24,23 @@ var AnySpendBuySpin_1 = require("./AnySpendBuySpin");
 Object.defineProperty(exports, "AnySpendBuySpin", { enumerable: true, get: function () { return AnySpendBuySpin_1.AnySpendBuySpin; } });
 var AnySpendCustom_1 = require("./AnySpendCustom");
 Object.defineProperty(exports, "AnySpendCustom", { enumerable: true, get: function () { return AnySpendCustom_1.AnySpendCustom; } });
+var AnySpendCustomExactIn_1 = require("./AnySpendCustomExactIn");
+Object.defineProperty(exports, "AnySpendCustomExactIn", { enumerable: true, get: function () { return AnySpendCustomExactIn_1.AnySpendCustomExactIn; } });
 __exportStar(require("./AnySpendFingerprintWrapper"), exports);
 var AnySpendNFT_1 = require("./AnySpendNFT");
 Object.defineProperty(exports, "AnySpendNFT", { enumerable: true, get: function () { return AnySpendNFT_1.AnySpendNFT; } });
+var AnyspendSignatureMint_1 = require("./AnyspendSignatureMint");
+Object.defineProperty(exports, "AnyspendSignatureMint", { enumerable: true, get: function () { return AnyspendSignatureMint_1.AnyspendSignatureMint; } });
 var AnySpendStakeB3_1 = require("./AnySpendStakeB3");
 Object.defineProperty(exports, "AnySpendStakeB3", { enumerable: true, get: function () { return AnySpendStakeB3_1.AnySpendStakeB3; } });
+var AnySpendStakeB3ExactIn_1 = require("./AnySpendStakeB3ExactIn");
+Object.defineProperty(exports, "AnySpendStakeB3ExactIn", { enumerable: true, get: function () { return AnySpendStakeB3ExactIn_1.AnySpendStakeB3ExactIn; } });
+var AnySpendStakeUpside_1 = require("./AnySpendStakeUpside");
+Object.defineProperty(exports, "AnySpendStakeUpside", { enumerable: true, get: function () { return AnySpendStakeUpside_1.AnySpendStakeUpside; } });
+var AnySpendStakeUpsideExactIn_1 = require("./AnySpendStakeUpsideExactIn");
+Object.defineProperty(exports, "AnySpendStakeUpsideExactIn", { enumerable: true, get: function () { return AnySpendStakeUpsideExactIn_1.AnySpendStakeUpsideExactIn; } });
 var AnySpendTournament_1 = require("./AnySpendTournament");
 Object.defineProperty(exports, "AnySpendTournament", { enumerable: true, get: function () { return AnySpendTournament_1.AnySpendTournament; } });
-var AnyspendSignatureMint_1 = require("./AnyspendSignatureMint");
-Object.defineProperty(exports, "AnyspendSignatureMint", { enumerable: true, get: function () { return AnyspendSignatureMint_1.AnyspendSignatureMint; } });
 var AnySpendNFTButton_1 = require("./common/AnySpendNFTButton");
 Object.defineProperty(exports, "AnySpendNFTButton", { enumerable: true, get: function () { return AnySpendNFTButton_1.AnySpendNFTButton; } });
 // Common Components

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

@@ -20,10 +20,13 @@ interface UseAnyspendFlowProps {
     onTransactionSuccess?: (amount?: string) => void;
     sourceTokenAddress?: string;
     sourceTokenChainId?: number;
+    destinationTokenAddress?: string;
+    destinationTokenChainId?: number;
     slippage?: number;
     disableUrlParamManagement?: boolean;
+    orderType?: "hype_duel" | "custom_exact_in";
 }
-export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage, disableUrlParamManagement, }: UseAnyspendFlowProps): {
+export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrder, isDepositMode, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, destinationTokenAddress, destinationTokenChainId, slippage, disableUrlParamManagement, orderType, }: UseAnyspendFlowProps): {
     activePanel: PanelView;
     setActivePanel: import("react").Dispatch<import("react").SetStateAction<PanelView>>;
     orderId: string | undefined;
@@ -44,7 +47,6 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
     selectedSrcChainId: number;
     setSelectedSrcChainId: import("react").Dispatch<import("react").SetStateAction<number>>;
     selectedDstChainId: number;
-    setSelectedDstChainId: import("react").Dispatch<import("react").SetStateAction<number>>;
     selectedSrcToken: {
         chainId: number;
         address: string;
@@ -65,6 +67,26 @@ export declare function useAnyspendFlow({ paymentType, recipientAddress, loadOrd
             logoURI?: string;
         };
     }>>;
+    selectedDstToken: {
+        chainId: number;
+        address: string;
+        symbol: string;
+        name: string;
+        decimals: number;
+        metadata: {
+            logoURI?: string;
+        };
+    };
+    setSelectedDstToken: import("react").Dispatch<import("react").SetStateAction<{
+        chainId: number;
+        address: string;
+        symbol: string;
+        name: string;
+        decimals: number;
+        metadata: {
+            logoURI?: string;
+        };
+    }>>;
     srcAmount: string;
     setSrcAmount: import("react").Dispatch<import("react").SetStateAction<string>>;
     dstAmount: string;

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

@@ -27,21 +27,25 @@ var PanelView;
     PanelView[PanelView["POINTS_DETAIL"] = 6] = "POINTS_DETAIL";
     PanelView[PanelView["FEE_DETAIL"] = 7] = "FEE_DETAIL";
 })(PanelView || (exports.PanelView = PanelView = {}));
-function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder, isDepositMode = false, onOrderSuccess, onTransactionSuccess, sourceTokenAddress, sourceTokenChainId, slippage = 0, disableUrlParamManagement = false, }) {
+// 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", }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
     // Panel and order state
     const [activePanel, setActivePanel] = (0, react_3.useState)(loadOrder ? PanelView.ORDER_DETAILS : PanelView.MAIN);
     const [orderId, setOrderId] = (0, react_3.useState)(loadOrder);
     const { orderAndTransactions: oat } = (0, react_1.useAnyspendOrderAndTransactions)(orderId);
-    // Token selection state - use provided sourceTokenChainId if available
+    // Token selection state - use provided sourceTokenChainId and destinationTokenChainId if available
     const [selectedSrcChainId, setSelectedSrcChainId] = (0, react_3.useState)(sourceTokenChainId || (paymentType === "fiat" ? chains_1.base.id : chains_1.mainnet.id));
-    const [selectedDstChainId, setSelectedDstChainId] = (0, react_3.useState)(chains_1.base.id); // Default to Base for cross-chain swaps
     const defaultSrcToken = paymentType === "fiat" ? anyspend_1.USDC_BASE : (0, anyspend_1.getDefaultToken)(selectedSrcChainId);
+    const defaultDstToken = anyspend_1.B3_TOKEN; // Default destination token
     const [selectedSrcToken, setSelectedSrcToken] = (0, react_3.useState)(defaultSrcToken);
+    const [selectedDstToken, setSelectedDstToken] = (0, react_3.useState)(defaultDstToken);
     const [srcAmount, setSrcAmount] = (0, react_3.useState)(paymentType === "fiat" ? "5" : "0.1");
     const [dstAmount, setDstAmount] = (0, react_3.useState)("");
     const [isSrcInputDirty, setIsSrcInputDirty] = (0, react_3.useState)(true);
+    // Derive destination chain ID from token or prop (cannot change)
+    const selectedDstChainId = destinationTokenChainId || selectedDstToken.chainId;
     // Payment method state
     const [selectedCryptoPaymentMethod, setSelectedCryptoPaymentMethod] = (0, react_3.useState)(CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE);
     const [selectedFiatPaymentMethod, setSelectedFiatPaymentMethod] = (0, react_3.useState)(FiatPaymentMethod_1.FiatPaymentMethod.NONE);
@@ -101,6 +105,23 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
         };
         fetchSourceToken();
     }, [sourceTokenAddress, sourceTokenChainId]);
+    // Fetch specific token when destinationTokenAddress and destinationTokenChainId are provided
+    (0, react_3.useEffect)(() => {
+        const fetchDestinationToken = async () => {
+            if (destinationTokenAddress && destinationTokenChainId) {
+                try {
+                    const token = await anyspend_2.anyspendService.getToken(destinationTokenChainId, destinationTokenAddress);
+                    setSelectedDstToken(token);
+                }
+                catch (error) {
+                    console.error("Failed to fetch destination token:", error);
+                    sonner_1.toast.error(`Failed to load token ${destinationTokenAddress} on chain ${destinationTokenChainId}`);
+                    // Keep the default token on error
+                }
+            }
+        };
+        fetchDestinationToken();
+    }, [destinationTokenAddress, destinationTokenChainId]);
     // Helper function for onramp vendor mapping
     const getOnrampVendor = (paymentMethod) => {
         switch (paymentMethod) {
@@ -120,8 +141,8 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
         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: isDepositMode ? anyspend_1.B3_TOKEN.address : selectedSrcToken.address, // For deposits, always B3
-        type: "hype_duel",
+        dstTokenAddress: selectedDstToken.address,
+        type: orderType,
         amount: activeInputAmountInWei,
         recipientAddress: selectedRecipientAddress,
         onrampVendor: paymentType === "fiat" ? getOnrampVendor(selectedFiatPaymentMethod) : undefined,
@@ -217,10 +238,11 @@ function useAnyspendFlow({ paymentType = "crypto", recipientAddress, loadOrder,
         // Token state
         selectedSrcChainId,
         setSelectedSrcChainId,
-        selectedDstChainId,
-        setSelectedDstChainId,
+        selectedDstChainId, // Derived, not stateful
         selectedSrcToken,
         setSelectedSrcToken,
+        selectedDstToken,
+        setSelectedDstToken,
         srcAmount,
         setSrcAmount,
         dstAmount,

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

@@ -53,6 +53,35 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
             relay?: Record<string, never>;
         } | null;
         fee?: Omit<import("../..").components["schemas"]["Fee"], "type"> | null;
+    } & {
+        type: "x402_swap";
+        payload: import("../..").components["schemas"]["X402SwapPayload"];
+        metadata: import("../..").components["schemas"]["X402SwapMetadata"];
+    }) | ({
+        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" | "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;
+        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: "hype_duel";
         payload: import("../..").components["schemas"]["HypeDuelPayload"];
@@ -111,6 +140,35 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
             relay?: Record<string, never>;
         } | null;
         fee?: Omit<import("../..").components["schemas"]["Fee"], "type"> | null;
+    } & {
+        type: "custom_exact_in";
+        payload: import("../..").components["schemas"]["CustomExactInPayload"];
+        metadata: import("../..").components["schemas"]["CustomMetadata"];
+    }) | ({
+        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" | "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;
+        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: "mint_nft";
         payload: import("../..").components["schemas"]["MintNftPayload"];
@@ -230,6 +288,35 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
             relay?: Record<string, never>;
         } | null;
         fee?: Omit<import("../..").components["schemas"]["Fee"], "type"> | null;
+    } & {
+        type: "x402_swap";
+        payload: import("../..").components["schemas"]["X402SwapPayload"];
+        metadata: import("../..").components["schemas"]["X402SwapMetadata"];
+    }) | ({
+        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" | "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;
+        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: "hype_duel";
         payload: import("../..").components["schemas"]["HypeDuelPayload"];
@@ -288,6 +375,35 @@ export declare function useAnyspendOrderHistory(creatorAddress: string | undefin
             relay?: Record<string, never>;
         } | null;
         fee?: Omit<import("../..").components["schemas"]["Fee"], "type"> | null;
+    } & {
+        type: "custom_exact_in";
+        payload: import("../..").components["schemas"]["CustomExactInPayload"];
+        metadata: import("../..").components["schemas"]["CustomMetadata"];
+    }) | ({
+        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" | "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;
+        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: "mint_nft";
         payload: import("../..").components["schemas"]["MintNftPayload"];

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

@@ -14,7 +14,7 @@ function useAnyspendQuote(req) {
             req.dstChain &&
             req.srcTokenAddress &&
             req.dstTokenAddress &&
-            BigInt(req.type === "swap" || req.type === "hype_duel"
+            BigInt(req.type === "swap" || req.type === "hype_duel" || req.type === "x402_swap" || req.type === "custom_exact_in"
                 ? req.amount
                 : req.type === "mint_nft"
                     ? req.price