@b3dotfun/sdk 0.1.70-alpha.2 → 0.1.70-alpha.21

package/README.md

@@ -69,7 +69,7 @@ import { AnySpendNFTButton } from "@b3dotfun/sdk/anyspend/react";
 function NFTMinting() {
   const nftContract = {
     address: "0x9c275ff1634519E9B5449ec79cd939B5F900564d",
-    chainId: 8333,
+    chainId: 8453,
     name: "Example NFT Collection",
     imageUrl: "https://example.com/nft-image.jpg",
     description: "A beautiful NFT from our collection",
@@ -127,7 +127,7 @@ import type { GetQuoteRequest } from "@b3dotfun/sdk/anyspend/types";
 // Get quote for cross-chain swap
 const quoteRequest: GetQuoteRequest = {
   srcChain: 1,
-  dstChain: 8333,
+  dstChain: 8453,
   srcTokenAddress: "0xA0b86a33E6c51c7C36c654d6C9e7b8F5d4a8b5c5",
   dstTokenAddress: "0x...",
   srcAmount: "1000000", // 1 USDC
@@ -142,7 +142,7 @@ const order = await anyspendService.createOrder({
   recipientAddress: "0x...",
   type: "swap",
   srcChain: 1,
-  dstChain: 8333,
+  dstChain: 8453,
   srcTokenAddress: "0x...",
   dstTokenAddress: "0x...",
   srcAmount: "1000000",

package/constants/chains/b3Chain.js

@@ -1,2 +1,4 @@
-// hack for metro https://github.com/b3-fun/b3-mono/pull/50
+// React Native / Metro requires CJS-compatible re-exports from a fixed path.
+// This shim resolves `@b3dotfun/sdk/constants/chains/b3Chain` for bundlers
+// that don't honour the package's `exports` map.
 export * from "../../dist/esm/constants/chains/b3Chain";

package/dist/cjs/anyspend/constants/rpc.d.ts

@@ -13,9 +13,11 @@ export declare const OPTIMISM_PUBLIC_RPC = "https://optimism-rpc.publicnode.com"
 export declare const POLYGON_PUBLIC_RPC = "https://polygon-bor-rpc.publicnode.com";
 export declare const AVALANCHE_PUBLIC_RPC = "https://avalanche-c-chain-rpc.publicnode.com";
 export declare const BSC_PUBLIC_RPC = "https://bsc-rpc.publicnode.com";
-export declare const B3_PUBLIC_RPC = "https://late-dimensional-yard.b3-mainnet.quiknode.pro/461dbdbd44158cd7a7a764a58ffb01a67eef77f2/";
+export declare const B3_PUBLIC_RPC = "https://mainnet-rpc.b3.fun";
 export declare const ABSTRACT_PUBLIC_RPC = "https://api.mainnet.abs.xyz";
 export declare const HYPEREVM_PUBLIC_RPC = "https://rpc.hyperliquid.xyz/evm";
+export declare const PLUME_PUBLIC_RPC = "https://rpc.plume.org";
+export declare const ROBINHOOD_PUBLIC_RPC = "https://rpc.mainnet.chain.robinhood.com";
 /**
  * Map of chain IDs to their default public RPC URLs.
  */

package/dist/cjs/anyspend/constants/rpc.js

@@ -8,7 +8,7 @@
  * - https://chainlist.org
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PUBLIC_RPC_URLS = exports.HYPEREVM_PUBLIC_RPC = exports.ABSTRACT_PUBLIC_RPC = exports.B3_PUBLIC_RPC = exports.BSC_PUBLIC_RPC = exports.AVALANCHE_PUBLIC_RPC = exports.POLYGON_PUBLIC_RPC = exports.OPTIMISM_PUBLIC_RPC = exports.BASE_PUBLIC_RPC = exports.ARBITRUM_PUBLIC_RPC = exports.ETHEREUM_PUBLIC_RPC = void 0;
+exports.PUBLIC_RPC_URLS = exports.ROBINHOOD_PUBLIC_RPC = exports.PLUME_PUBLIC_RPC = exports.HYPEREVM_PUBLIC_RPC = exports.ABSTRACT_PUBLIC_RPC = exports.B3_PUBLIC_RPC = exports.BSC_PUBLIC_RPC = exports.AVALANCHE_PUBLIC_RPC = exports.POLYGON_PUBLIC_RPC = exports.OPTIMISM_PUBLIC_RPC = exports.BASE_PUBLIC_RPC = exports.ARBITRUM_PUBLIC_RPC = exports.ETHEREUM_PUBLIC_RPC = void 0;
 // PublicNode endpoints
 exports.ETHEREUM_PUBLIC_RPC = "https://ethereum-rpc.publicnode.com";
 exports.ARBITRUM_PUBLIC_RPC = "https://arbitrum-one-rpc.publicnode.com";
@@ -18,9 +18,11 @@ exports.POLYGON_PUBLIC_RPC = "https://polygon-bor-rpc.publicnode.com";
 exports.AVALANCHE_PUBLIC_RPC = "https://avalanche-c-chain-rpc.publicnode.com";
 exports.BSC_PUBLIC_RPC = "https://bsc-rpc.publicnode.com";
 // Chain-specific public endpoints
-exports.B3_PUBLIC_RPC = "https://late-dimensional-yard.b3-mainnet.quiknode.pro/461dbdbd44158cd7a7a764a58ffb01a67eef77f2/";
+exports.B3_PUBLIC_RPC = "https://mainnet-rpc.b3.fun";
 exports.ABSTRACT_PUBLIC_RPC = "https://api.mainnet.abs.xyz";
 exports.HYPEREVM_PUBLIC_RPC = "https://rpc.hyperliquid.xyz/evm";
+exports.PLUME_PUBLIC_RPC = "https://rpc.plume.org";
+exports.ROBINHOOD_PUBLIC_RPC = "https://rpc.mainnet.chain.robinhood.com";
 /**
  * Map of chain IDs to their default public RPC URLs.
  */
@@ -35,4 +37,6 @@ exports.PUBLIC_RPC_URLS = {
     8333: exports.B3_PUBLIC_RPC, // B3
     2741: exports.ABSTRACT_PUBLIC_RPC, // Abstract
     999: exports.HYPEREVM_PUBLIC_RPC, // HyperEVM
+    98866: exports.PLUME_PUBLIC_RPC, // Plume Network
+    4663: exports.ROBINHOOD_PUBLIC_RPC, // Robinhood Chain
 };

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

@@ -20,7 +20,8 @@ export declare enum PanelView {
     FEE_DETAIL = 9,
     DIRECT_TRANSFER_SUCCESS = 10,
     FIAT_KYC = 11,
-    FIAT_AUTH = 12
+    FIAT_AUTH = 12,
+    PURE_TRANSFER_ADDRESS = 13
 }
 export declare function AnySpend(props: {
     mode?: "page" | "modal";
@@ -28,6 +29,13 @@ export declare function AnySpend(props: {
     sourceChainId?: number;
     destinationTokenAddress?: string;
     destinationTokenChainId?: number;
+    /**
+     * When false, the destination token is user-selectable even if a default destination token is
+     * provided (the provided destination is used only as the initial/default value). Used by the
+     * wallet-funding deposit flow so the user can change the receive token away from the default
+     * (Base USDC). Defaults to true (locked buy-mode display, current behavior).
+     */
+    lockDestinationToken?: boolean;
     recipientAddress?: string;
     loadOrder?: string;
     hideTransactionHistoryButton?: boolean;

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

@@ -42,6 +42,7 @@ const LoginStep_1 = require("../../../global-account/react/components/SignInWith
 const PanelOnramp_1 = require("./common/PanelOnramp");
 const PanelOnrampPayment_1 = require("./common/PanelOnrampPayment");
 const PointsDetailPanel_1 = require("./common/PointsDetailPanel");
+const PureTransferView_1 = require("./common/PureTransferView");
 const RecipientSelection_1 = require("./common/RecipientSelection");
 const TabSection_1 = require("./common/TabSection");
 const AnySpendCustomizationContext_1 = require("./context/AnySpendCustomizationContext");
@@ -61,13 +62,14 @@ var PanelView;
     PanelView[PanelView["DIRECT_TRANSFER_SUCCESS"] = 10] = "DIRECT_TRANSFER_SUCCESS";
     PanelView[PanelView["FIAT_KYC"] = 11] = "FIAT_KYC";
     PanelView[PanelView["FIAT_AUTH"] = 12] = "FIAT_AUTH";
+    PanelView[PanelView["PURE_TRANSFER_ADDRESS"] = 13] = "PURE_TRANSFER_ADDRESS";
 })(PanelView || (exports.PanelView = PanelView = {}));
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
 function AnySpend(props) {
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(AnySpendCustomizationContext_1.AnySpendCustomizationProvider, { slots: props.slots, content: props.content, theme: props.theme, children: (0, jsx_runtime_1.jsx)(AnySpendInner, { ...props }) }) }));
 }
-function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, destinationTokenAmount, callbackMetadata, senderAddress, kycEnabled = false, showFiatOption = true, }) {
+function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, lockDestinationToken = true, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, destinationTokenAmount, callbackMetadata, senderAddress, kycEnabled = false, showFiatOption = true, }) {
     const { slots, content } = (0, AnySpendCustomizationContext_1.useAnySpendCustomization)();
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
@@ -81,8 +83,10 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // in the same frame that onStatusResolved sets it (setState is async).
     // When kycEnabled is false (default), pre-approve so the KYC gate is skipped.
     const kycApprovedRef = (0, react_4.useRef)(!kycEnabled);
-    // Determine if we're in "buy mode" based on whether destination token props are provided
-    const isBuyMode = !!(destinationTokenAddress && destinationTokenChainId);
+    // Determine if we're in "buy mode" based on whether destination token props are provided.
+    // When lockDestinationToken is false, the provided destination is only a default and the user
+    // can change the receive token, so we stay out of buy mode (selectable swap mode).
+    const isBuyMode = !!(destinationTokenAddress && destinationTokenChainId) && lockDestinationToken;
     // Add refs to track URL state
     const initialUrlProcessed = (0, react_4.useRef)(false);
     const lastUrlUpdate = (0, react_4.useRef)(null);
@@ -142,9 +146,14 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     (0, react_4.useEffect)(() => {
         sessionStorage.setItem("anyspend_fiat_method", selectedFiatPaymentMethod);
     }, [selectedFiatPaymentMethod]);
+    // Whether a default destination token was provided. When lockDestinationToken is false this is
+    // used only as the INITIAL/default value (the user can still change the receive token), so the
+    // wallet-funding deposit flow defaults to Base USDC but stays selectable.
+    const hasProvidedDestination = !!(destinationTokenAddress && destinationTokenChainId);
     // Get initial chain IDs from URL or defaults
     const initialSrcChainId = sourceChainId || parseInt(searchParams.get("fromChainId") || "0") || chains_1.mainnet.id;
-    const initialDstChainId = parseInt(searchParams.get("toChainId") || "0") || (isBuyMode ? destinationTokenChainId : chains_1.base.id);
+    const initialDstChainId = parseInt(searchParams.get("toChainId") || "0") ||
+        (isBuyMode ? destinationTokenChainId : hasProvidedDestination ? destinationTokenChainId : chains_1.base.id);
     // State for source chain/token selection
     const [selectedSrcChainId, setSelectedSrcChainId] = (0, react_4.useState)(initialSrcChainId);
     const defaultSrcToken = (0, anyspend_1.getDefaultToken)(selectedSrcChainId);
@@ -181,19 +190,25 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     });
     // Helper to check if address is Hyperliquid USDC (supports both 34-char and 42-char formats)
     const isHyperliquidUSDCAddress = (address) => (0, anyspend_1.eqci)(address, anyspend_1.HYPERLIQUID_USDC_ADDRESS) || (0, anyspend_1.eqci)(address, anyspend_1.ZERO_ADDRESS);
-    const defaultDstToken = isBuyMode
-        ? // Special case: Hyperliquid uses zero address for USDC
-            destinationTokenChainId === anyspend_1.HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(destinationTokenAddress)
-                ? (0, anyspend_1.getHyperliquidUSDCToken)()
-                : {
-                    symbol: "",
-                    chainId: destinationTokenChainId,
-                    address: destinationTokenAddress,
-                    name: "",
-                    decimals: 18,
-                    metadata: {},
-                }
-        : (0, anyspend_1.getDefaultToken)(selectedDstChainId);
+    // Build a token object from the provided destination props (handles the Hyperliquid USDC special case).
+    // The inline truthiness check lets TypeScript narrow both props to non-null, so it is `undefined`
+    // unless both props are provided — i.e. only meaningful when hasProvidedDestination/isBuyMode is true.
+    const providedDstToken = destinationTokenChainId && destinationTokenAddress
+        ? destinationTokenChainId === anyspend_1.HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(destinationTokenAddress)
+            ? (0, anyspend_1.getHyperliquidUSDCToken)()
+            : {
+                symbol: "",
+                chainId: destinationTokenChainId,
+                address: destinationTokenAddress,
+                name: "",
+                decimals: 18,
+                metadata: {},
+            }
+        : undefined;
+    // In buy mode the provided destination is locked. Otherwise, if a default destination was provided
+    // (selectable deposit flow) seed it as the default; falling back to the chain's default token only
+    // when no destination prop is given (standard swap mode).
+    const defaultDstToken = (isBuyMode || hasProvidedDestination) && providedDstToken ? providedDstToken : (0, anyspend_1.getDefaultToken)(selectedDstChainId);
     const dstTokenFromUrl = (0, react_2.useTokenFromUrl)({
         defaultToken: defaultDstToken,
         prefix: "to",
@@ -440,7 +455,10 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         walletAddress,
         globalAddress,
     });
-    const recipientProfile = (0, react_2.useProfile)({ address: effectiveRecipientAddress, fresh: true });
+    const recipientProfile = (0, react_2.useProfile)({
+        address: effectiveRecipientAddress,
+        fresh: true,
+    });
     const recipientName = recipientProfile.data?.name;
     // Check token balance for crypto payments
     const effectiveBalanceAddress = senderAddress || connectedEOAWallet?.getAccount()?.address;
@@ -546,12 +564,15 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             anyspendQuote.data.currencyOut?.amount &&
             anyspendQuote.data.currencyOut?.currency?.decimals) {
             if (isSrcInputDirty) {
-                // Don't override dstAmount if we have a fixed destinationTokenAmount
-                if (!destinationTokenAmount) {
-                    const amount = anyspendQuote.data.currencyOut.amount;
-                    const decimals = anyspendQuote.data.currencyOut.currency.decimals;
-                    setDstAmount((0, number_1.formatTokenAmount)(BigInt(amount), decimals, 6, false));
-                }
+                // The user is driving the SOURCE (exact-in): reflect the quote's OUTPUT even
+                // when a fixed destinationTokenAmount pre-filled the receive. That lock only
+                // governs the INITIAL exact-out state (untouched source → compute the pay for
+                // the fixed receive). Once the user edits the pay, keeping the receive pinned
+                // shows a value that doesn't match the quote — the URL amount "overrides" the
+                // real output, an invalid mismatched swap.
+                const amount = anyspendQuote.data.currencyOut.amount;
+                const decimals = anyspendQuote.data.currencyOut.currency.decimals;
+                setDstAmount((0, number_1.formatTokenAmount)(BigInt(amount), decimals, 6, false));
             }
             else {
                 const amount = anyspendQuote.data.currencyIn.amount;
@@ -561,16 +582,13 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         }
         else {
             if (isSrcInputDirty) {
-                // Don't reset dstAmount if we have a fixed destinationTokenAmount
-                if (!destinationTokenAmount) {
-                    setDstAmount("");
-                }
+                setDstAmount("");
             }
             else {
                 setSrcAmount("");
             }
         }
-    }, [anyspendQuote, isSrcInputDirty, destinationTokenAmount]);
+    }, [anyspendQuote, isSrcInputDirty]);
     // Call onSuccess when order is executed
     (0, useOnOrderSuccess_1.useOnOrderSuccess)({ orderData: oat, orderId, onSuccess });
     // Clear all persisted selection state once an order is submitted — next open starts fresh
@@ -631,8 +649,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // Check if it's a same-chain same-token swap
     const isSameChainSameToken = (0, react_4.useMemo)(() => {
         return (activeTab === "crypto" &&
-            selectedSrcChainId === selectedDstChainId &&
-            selectedSrcToken.address.toLowerCase() === selectedDstToken.address.toLowerCase());
+            (0, anyspend_1.isSameChainAndToken)(selectedSrcChainId, selectedSrcToken.address, selectedDstChainId, selectedDstToken.address));
     }, [activeTab, selectedSrcChainId, selectedDstChainId, selectedSrcToken.address, selectedDstToken.address]);
     // Check if this is a direct transfer (same chain/token with allowDirectTransfer enabled)
     const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
@@ -641,11 +658,26 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
         // For fiat tab, check srcAmountOnRamp; for crypto tab, check activeInputAmountInWei
         const hasAmount = activeTab === "fiat" ? srcAmountOnRamp && parseFloat(srcAmountOnRamp) > 0 : activeInputAmountInWei !== "0";
         if (!hasAmount)
-            return { text: "Enter an amount", disable: true, error: false, loading: false };
+            return {
+                text: "Enter an amount",
+                disable: true,
+                error: false,
+                loading: false,
+            };
         if (isSameChainSameToken && !allowDirectTransfer)
-            return { text: "Select a different token or chain", disable: true, error: false, loading: false };
+            return {
+                text: "Select a different token or chain",
+                disable: true,
+                error: false,
+                loading: false,
+            };
         if (isLoadingAnyspendQuote && !isSameChainSameToken)
-            return { text: "Loading quote...", disable: true, error: false, loading: true };
+            return {
+                text: "Loading quote...",
+                disable: true,
+                error: false,
+                loading: true,
+            };
         if (isCreatingOrder || isCreatingOnrampOrder || isSwitchingOrExecuting)
             return {
                 text: isSwitchingOrExecuting ? "Transferring..." : "Creating order...",
@@ -654,14 +686,29 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                 loading: true,
             };
         if ((!anyspendQuote || !anyspendQuote.success) && !(isSameChainSameToken && allowDirectTransfer))
-            return { text: "No quote found", disable: true, error: false, loading: false };
+            return {
+                text: "No quote found",
+                disable: true,
+                error: false,
+                loading: false,
+            };
         if (activeTab === "fiat") {
             // For fiat: check recipient first, then payment method
             if (!effectiveRecipientAddress)
-                return { text: "Select recipient", disable: false, error: false, loading: false };
+                return {
+                    text: "Select recipient",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             // If no fiat payment method selected, show "Select payment method"
             if (selectedFiatPaymentMethod === FiatPaymentMethod_1.FiatPaymentMethod.NONE) {
-                return { text: "Select payment method", disable: false, error: false, loading: false };
+                return {
+                    text: "Select payment method",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
             // If payment method is selected, show "Continue"
             return { text: "Continue", disable: false, error: false, loading: false };
@@ -670,19 +717,40 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             // For crypto: check payment method first, then recipient
             // If no payment method selected, show "Choose payment method"
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.NONE) {
-                return { text: "Choose payment method", disable: false, error: false, loading: false };
+                return {
+                    text: "Choose payment method",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
             // Check recipient after payment method
             if (!effectiveRecipientAddress)
-                return { text: "Select recipient", disable: false, error: false, loading: false };
+                return {
+                    text: "Select recipient",
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             // If payment method selected, show appropriate action
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET ||
                 effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.GLOBAL_WALLET) {
                 const buttonText = isSameChainSameToken && allowDirectTransfer ? "Transfer" : "Swap";
-                return { text: buttonText, disable: false, error: false, loading: false };
+                return {
+                    text: buttonText,
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO) {
-                return { text: "Continue to payment", disable: false, error: false, loading: false };
+                const transferText = isSameChainSameToken && allowDirectTransfer ? "Show deposit address" : "Continue to payment";
+                return {
+                    text: transferText,
+                    disable: false,
+                    error: false,
+                    loading: false,
+                };
             }
         }
         return { text: "Continue", disable: false, error: false, loading: false };
@@ -774,8 +842,14 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     // Handle crypto swap creation
     const handleCryptoSwap = async (method) => {
         try {
-            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
+            // TRANSFER_CRYPTO is the manual deposit-address flow — no connected wallet to send from.
+            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer && method !== CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO;
             (0, invariant_1.default)(effectiveRecipientAddress, "Recipient address is not found");
+            // Same-token manual deposit → show recipient address + watch, no relayer order, no fee
+            if (isSameChainSameToken && allowDirectTransfer && method === CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO) {
+                navigateToPanel(PanelView.PURE_TRANSFER_ADDRESS, "forward");
+                return;
+            }
             const srcAmountBigInt = (0, viem_1.parseUnits)(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
             // Handle direct transfer (same chain/token) - bypass backend, transfer directly
             if (isDirectTransfer) {
@@ -794,9 +868,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
             }
             // Regular swap flow - use backend
             (0, invariant_1.default)(anyspendQuote, "Relay price is not found");
-            // Debug: Check payment method values
-            console.log("handleCryptoSwap - method parameter:", method);
-            console.log("handleCryptoSwap - selectedCryptoPaymentMethod state:", selectedCryptoPaymentMethod);
             createOrder({
                 recipientAddress: effectiveRecipientAddress,
                 orderType: "swap",
@@ -804,7 +875,11 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                 dstChain: isBuyMode ? destinationTokenChainId : selectedDstChainId,
                 srcToken: selectedSrcToken,
                 dstToken: isBuyMode
-                    ? { ...selectedDstToken, chainId: destinationTokenChainId, address: destinationTokenAddress }
+                    ? {
+                        ...selectedDstToken,
+                        chainId: destinationTokenChainId,
+                        address: destinationTokenAddress,
+                    }
                     : selectedDstToken,
                 srcAmount: srcAmountBigInt.toString(),
                 expectedDstAmount: anyspendQuote?.data?.currencyOut?.amount || "0",
@@ -1121,6 +1196,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     const authView = ((0, jsx_runtime_1.jsx)("div", { className: "mx-auto w-full max-w-[460px]", children: (0, jsx_runtime_1.jsx)(LoginStep_1.LoginStep, { chain: baseChain, onSuccess: async () => {
                 // isAuthenticated will be true at this point — the useEffect below handles navigation
             } }) }));
+    const pureTransferAddressView = ((0, jsx_runtime_1.jsx)(PureTransferView_1.PureTransferView, { mode: mode, recipientAddress: effectiveRecipientAddress ?? "", chainId: selectedSrcChainId, token: selectedSrcToken, displayAmount: srcAmount && srcAmount !== "0" ? `${srcAmount} ${selectedSrcToken.symbol}` : undefined, isActive: activePanel === PanelView.PURE_TRANSFER_ADDRESS, onBack: navigateBack, onClose: () => setB3ModalOpen(false), onTransferDetected: () => onSuccess?.() }));
     // Add tabs to the main component when no order is loaded
     return ((0, jsx_runtime_1.jsx)(react_2.StyleRoot, { children: (0, jsx_runtime_1.jsx)("div", { className: classes?.container ||
                 (0, cn_1.cn)("anyspend-container font-inter mx-auto w-full max-w-[460px]", mode === "page" &&
@@ -1156,5 +1232,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: directTransferSuccessView }, "direct-transfer-success-view"),
                     (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: kycView }, "fiat-kyc-view"),
                     (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: authView }, "fiat-auth-view"),
+                    (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(mode === "page" && "p-6"), children: pureTransferAddressView }, "pure-transfer-address-view"),
                 ] }) }) }));
 }

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

@@ -67,15 +67,10 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
     // Check if source and destination are the same token on the same chain
     const isSameChainSameToken = (0, react_4.useMemo)(() => {
         return (effectivePaymentType === "crypto" &&
-            selectedSrcChainId === selectedDstChainId &&
-            selectedSrcToken?.address?.toLowerCase() === selectedDstToken?.address?.toLowerCase());
-    }, [
-        effectivePaymentType,
-        selectedSrcChainId,
-        selectedDstChainId,
-        selectedSrcToken?.address,
-        selectedDstToken?.address,
-    ]);
+            selectedSrcToken != null &&
+            selectedDstToken != null &&
+            (0, utils_1.isSameChainAndToken)(selectedSrcChainId, selectedSrcToken.address, selectedDstChainId, selectedDstToken.address));
+    }, [effectivePaymentType, selectedSrcChainId, selectedDstChainId, selectedSrcToken, selectedDstToken]);
     // Check if this is a direct transfer
     const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
     // State for direct transfer success
@@ -254,7 +249,10 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
                         (0, cn_1.cn)("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: (0, cn_1.cn)(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) })) }), gasPriceData && !isLoadingGas && effectivePaymentType === "crypto" && !isDirectTransfer && ((0, jsx_runtime_1.jsx)(GasIndicator_1.GasIndicator, { gasPrice: gasPriceData, className: classes?.gasIndicator || "mt-2 w-full" })), mainFooter ? mainFooter : null] }));
     const handleCryptoOrder = async () => {
         try {
-            const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
+            // TRANSFER_CRYPTO is the manual deposit-address flow — no connected wallet to send from.
+            const isDirectTransfer = isSameChainSameToken &&
+                allowDirectTransfer &&
+                effectiveCryptoPaymentMethod !== CryptoPaymentMethod_1.CryptoPaymentMethodType.TRANSFER_CRYPTO;
             if (!isDirectTransfer) {
                 (0, invariant_1.default)(anyspendQuote, "Relay price is not found");
             }

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

@@ -41,6 +41,13 @@ export interface AnySpendDepositProps {
     destinationTokenAddress: string;
     /** The destination chain ID */
     destinationTokenChainId: number;
+    /**
+     * When false, the destination token is user-selectable even though a default destination token is
+     * provided (the provided destination is used only as the initial/default value). Used by the
+     * wallet-funding deposit flow so the user can change the receive token away from the default
+     * (Base USDC). Defaults to true (locked destination, current behavior). Does not affect the
+     * QR/pure-transfer path. */
+    lockDestinationToken?: boolean;
     /** Callback when deposit succeeds */
     onSuccess?: (amount: string) => void;
     /** Callback for opening a custom modal (e.g., for special token handling) */
@@ -77,8 +84,6 @@ export interface AnySpendDepositProps {
     showFiatOption?: boolean;
     /** Custom list of supported chains. If not provided, uses default chains */
     supportedChains?: ChainConfig[];
-    /** Minimum pool size for filtering tokens (default: 1,000,000) */
-    minPoolSize?: number;
     /** Custom title for chain selection step */
     chainSelectionTitle?: string;
     /** Custom description for chain selection step */
@@ -102,6 +107,13 @@ export interface AnySpendDepositProps {
     classes?: AnySpendAllClasses;
     /** When true, allows direct transfer without swap if source and destination token/chain are the same */
     allowDirectTransfer?: boolean;
+    /**
+     * When true, the QR-deposit path is a PURE TRANSFER: the destination token/chain
+     * mirror whatever source token the user selects, so the exact token they send lands
+     * in their wallet on the same chain (no swap/bridge). Forwarded to QRDeposit.
+     * Defaults to false.
+     */
+    pureTransferOnly?: boolean;
     /** Fixed destination token amount (in wei/smallest unit). When provided, user cannot change the amount. */
     destinationTokenAmount?: string;
     /** Opaque metadata passed to the order for callbacks (e.g., workflow form data) */
@@ -150,4 +162,4 @@ export interface AnySpendDepositProps {
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  */
-export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, showFiatOption, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, classes, allowDirectTransfer, destinationTokenAmount, callbackMetadata, senderAddress, slots, content, theme, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, lockDestinationToken, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, showFiatOption, supportedChains, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, classes, allowDirectTransfer, pureTransferOnly, destinationTokenAmount, callbackMetadata, senderAddress, slots, content, theme, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;