@b3dotfun/sdk 0.1.70-alpha.1 → 0.1.70-alpha.10

package/dist/cjs/shared/constants/chains/supported.js

@@ -3,60 +3,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseMainnet = exports.b3Testnet = exports.b3Mainnet = exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.coingeckoChains = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
+exports.baseMainnet = exports.b3Mainnet = exports.b3MainnetThirdWeb = exports.coingeckoChains = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
 exports.getCoingeckoChainInfo = getCoingeckoChainInfo;
 exports.getThirdwebChain = getThirdwebChain;
 exports.getChainLogo = getChainLogo;
+const chain_registry_1 = require("@b3/chain-registry");
 const chain_transformers_1 = require("../../../shared/utils/chain-transformers");
 const invariant_1 = __importDefault(require("invariant"));
-// Import the JSON directly
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-const chain_networks_json_1 = __importDefault(require("../../generated/chain-networks.json"));
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 const coingecko_chains_json_1 = __importDefault(require("../../generated/coingecko-chains.json"));
-const chainNetworks = chain_networks_json_1.default;
-// Convert custom chains to Viem format
-const viemChains = chainNetworks.map(chain_transformers_1.toViemChain);
-// TODO: link to doc explaining why we don't support all chains and how to add more
-// These are the chains that are supported for things such as bridging and fetching balances
-exports.supportedChains = [...viemChains];
-// ThirdWeb format chains
-exports.supportedChainsTW = [
-    ...chainNetworks
-        .map(chain => {
-        const networkData = chainNetworks.find(n => n.id === chain.id);
-        return networkData ? (0, chain_transformers_1.toThirdwebChain)(networkData) : undefined;
-    })
-        .filter((chain) => chain !== undefined),
-];
-// Original format from chain-networks.json
-exports.supportedChainNetworks = chainNetworks;
-// CoinGecko chain mapping
+exports.supportedChains = chain_registry_1.ANYSPEND_EVM_CHAINS.map(chain_transformers_1.toViemChain);
+exports.supportedChainsTW = chain_registry_1.ANYSPEND_EVM_CHAINS.map(chain_transformers_1.toThirdwebChain);
+exports.supportedChainNetworks = chain_registry_1.ANYSPEND_EVM_CHAINS;
 exports.coingeckoChains = coingecko_chains_json_1.default;
-// Helper function to get CoinGecko chain info
 function getCoingeckoChainInfo(chainId) {
     return exports.coingeckoChains[chainId];
 }
-const _b3MainnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 8333);
+const _b3MainnetThirdWeb = exports.supportedChainsTW.find(c => c.id === 8333);
 (0, invariant_1.default)(_b3MainnetThirdWeb, "B3 mainnet chain not found in supported chains TW");
 exports.b3MainnetThirdWeb = _b3MainnetThirdWeb;
-const _b3TestnetThirdWeb = exports.supportedChainsTW.find(chain => chain.id === 1993);
-(0, invariant_1.default)(_b3TestnetThirdWeb, "B3 testnet chain not found in supported chains TW");
-exports.b3TestnetThirdWeb = _b3TestnetThirdWeb;
-const _b3Mainnet = exports.supportedChains.find(chain => chain.id === 8333);
+const _b3Mainnet = exports.supportedChains.find(c => c.id === 8333);
 (0, invariant_1.default)(_b3Mainnet, "B3 mainnet chain not found in supported chains");
 exports.b3Mainnet = _b3Mainnet;
-const _b3Testnet = exports.supportedChains.find(chain => chain.id === 1993);
-(0, invariant_1.default)(_b3Testnet, "B3 testnet chain not found in supported chains");
-exports.b3Testnet = _b3Testnet;
-const _baseMainnet = exports.supportedChains.find(chain => chain.id === 8453);
+const _baseMainnet = exports.supportedChains.find(c => c.id === 8453);
 (0, invariant_1.default)(_baseMainnet, "Base mainnet chain not found in supported chains");
 exports.baseMainnet = _baseMainnet;
-/**
- * Get a Thirdweb chain by chain ID from supportedChainsTW
- */
 function getThirdwebChain(chainId) {
     const chain = exports.supportedChainsTW.find(c => c.id === chainId);
     if (!chain) {

package/dist/cjs/shared/utils/chain-transformers.d.ts

@@ -1,5 +1,5 @@
-import type { ChainNetworks } from "../../global-account/types/chain-networks";
+import type { ChainDefinition } from "@b3/chain-registry";
 import type { Chain as ThirdwebChain } from "thirdweb";
-import { Chain } from "viem";
-export declare function toViemChain(network: ChainNetworks): Chain;
-export declare function toThirdwebChain(network: ChainNetworks): ThirdwebChain;
+import type { Chain } from "viem";
+export declare function toViemChain(chain: ChainDefinition): Chain;
+export declare function toThirdwebChain(chain: ChainDefinition): ThirdwebChain;

package/dist/cjs/shared/utils/chain-transformers.js

@@ -3,48 +3,49 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.toViemChain = toViemChain;
 exports.toThirdwebChain = toThirdwebChain;
 const thirdweb_1 = require("thirdweb");
-function toViemChain(network) {
+// fallbackRpc is validated non-null at chain-registry module init for every
+// anyspend EVM chain (see ANYSPEND_EVM_CHAINS in @b3/chain-registry). Callers
+// outside the anyspend EVM set must ensure their own data shape.
+// Derive icon format from URL extension. Thirdweb chain config carries an
+// explicit `format` field; the old chain-networks.json had per-chain values
+// (svg/png/etc.) but @b3/chain-registry only stores `logoUrl`. URL extension
+// is reliable across our current chain set — 9/11 anyspend chains use .png
+// (trustwallet/relay/coinmarketcap), 2 use .svg (Base, Plume from cdn.b3.fun).
+function inferIconFormat(url) {
+    const match = url.toLowerCase().match(/\.([a-z0-9]+)(?:\?|#|$)/);
+    const ext = match?.[1];
+    if (ext === "png" || ext === "jpg" || ext === "jpeg" || ext === "gif" || ext === "webp")
+        return ext;
+    return "svg";
+}
+function toViemChain(chain) {
+    if (!chain.fallbackRpc) {
+        throw new Error(`toViemChain: chain ${chain.chainId} (${chain.key}) has no fallbackRpc`);
+    }
     return {
-        id: network.id,
-        name: network.name,
-        nativeCurrency: network.nativeCurrency,
-        rpcUrls: {
-            default: {
-                http: [network.rpcUrls.default.http],
-                webSocket: network.rpcUrls.default.ws ? [network.rpcUrls.default.ws] : undefined,
-            },
-        },
+        id: chain.chainId,
+        name: chain.name,
+        nativeCurrency: chain.nativeCurrency,
+        rpcUrls: { default: { http: [chain.fallbackRpc] } },
         blockExplorers: {
-            default: {
-                name: network.blockExplorers.explorerTitle,
-                url: network.blockExplorers.default,
-            },
+            default: { name: `${chain.name} Explorer`, url: chain.explorer },
         },
-        contracts: network.contracts,
-        testnet: network.testnet,
-        sourceId: network.sourceId,
-        formatters: network.formatters,
-        fees: network.fees,
+        testnet: chain.isTestnet,
     };
 }
-function toThirdwebChain(network) {
+function toThirdwebChain(chain) {
+    if (!chain.fallbackRpc) {
+        throw new Error(`toThirdwebChain: chain ${chain.chainId} (${chain.key}) has no fallbackRpc`);
+    }
     return (0, thirdweb_1.defineChain)({
-        id: network.id,
-        name: network.name,
-        nativeCurrency: network.nativeCurrency,
-        rpc: network.rpcUrls.default.http,
-        icon: {
-            url: network.icon.url,
-            width: network.icon.width,
-            height: network.icon.height,
-            format: network.icon.format,
-        },
-        blockExplorers: [
-            {
-                name: network.blockExplorers.explorerTitle,
-                url: network.blockExplorers.default,
-            },
-        ],
-        testnet: network.testnet ? true : undefined,
+        id: chain.chainId,
+        name: chain.name,
+        nativeCurrency: chain.nativeCurrency,
+        rpc: chain.fallbackRpc,
+        icon: chain.logoUrl
+            ? { url: chain.logoUrl, width: 32, height: 32, format: inferIconFormat(chain.logoUrl) }
+            : undefined,
+        blockExplorers: [{ name: `${chain.name} Explorer`, url: chain.explorer }],
+        testnet: chain.isTestnet ? true : undefined,
     });
 }

package/dist/cjs/shared/utils/thirdweb-insights.js

@@ -156,7 +156,7 @@ async function getNativeTokenBalance(address, chainId) {
     }
     try {
         // Find chain info from supported chains
-        const chainInfo = supported_1.supportedChainNetworks.find(chain => chain.id === chainId);
+        const chainInfo = supported_1.supportedChainNetworks.find(chain => chain.chainId === chainId);
         // Create a chain object from the chainId
         const chain = (0, thirdweb_1.defineChain)({
             id: chainId,
@@ -184,7 +184,7 @@ async function getNativeTokenBalance(address, chainId) {
             decimals: balance.decimals,
             balance: balance.value.toString(),
             metadata: {
-                logoURI: chainInfo?.icon?.url ||
+                logoURI: chainInfo?.logoUrl ||
                     "https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/info/logo.png",
             },
             // Add native token info in extra_metadata

package/dist/cjs/shared/utils/upload.d.ts

@@ -0,0 +1,9 @@
+interface UploadOptions {
+    baseUrl?: string;
+}
+/**
+ * Upload a file to the B3 uploads service (Cloudflare R2).
+ * Returns the public URL of the uploaded asset.
+ */
+export declare function uploadFile(file: File, options?: UploadOptions): Promise<string>;
+export {};

package/dist/cjs/shared/utils/upload.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadFile = uploadFile;
+const DEFAULT_UPLOADS_URL = "https://uploads.b3.fun";
+const ALLOWED_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
+/**
+ * Upload a file to the B3 uploads service (Cloudflare R2).
+ * Returns the public URL of the uploaded asset.
+ */
+async function uploadFile(file, options) {
+    if (!ALLOWED_TYPES.includes(file.type)) {
+        throw new Error(`Invalid file type. Allowed: ${ALLOWED_TYPES.join(", ")}`);
+    }
+    if (file.size > MAX_FILE_SIZE) {
+        throw new Error(`File too large. Maximum size: ${MAX_FILE_SIZE / 1024 / 1024}MB`);
+    }
+    const uploadsUrl = options?.baseUrl || DEFAULT_UPLOADS_URL;
+    const formData = new FormData();
+    formData.append("file", file);
+    const res = await fetch(`${uploadsUrl}/upload/image`, {
+        method: "POST",
+        body: formData,
+    });
+    if (!res.ok) {
+        const body = await res.json().catch(() => ({ success: false, error: "Upload failed" }));
+        throw new Error(body.error || `Upload failed (${res.status})`);
+    }
+    const body = await res.json().catch(() => ({ success: false, error: "Invalid response" }));
+    if (!body.success || !body.data) {
+        throw new Error(body.error || "Upload failed");
+    }
+    return body.data.url;
+}

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

@@ -13,9 +13,10 @@ 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";
 /**
  * Map of chain IDs to their default public RPC URLs.
  */

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

@@ -15,9 +15,10 @@ export const POLYGON_PUBLIC_RPC = "https://polygon-bor-rpc.publicnode.com";
 export const AVALANCHE_PUBLIC_RPC = "https://avalanche-c-chain-rpc.publicnode.com";
 export const BSC_PUBLIC_RPC = "https://bsc-rpc.publicnode.com";
 // Chain-specific public endpoints
-export const B3_PUBLIC_RPC = "https://late-dimensional-yard.b3-mainnet.quiknode.pro/461dbdbd44158cd7a7a764a58ffb01a67eef77f2/";
+export const B3_PUBLIC_RPC = "https://mainnet-rpc.b3.fun";
 export const ABSTRACT_PUBLIC_RPC = "https://api.mainnet.abs.xyz";
 export const HYPEREVM_PUBLIC_RPC = "https://rpc.hyperliquid.xyz/evm";
+export const PLUME_PUBLIC_RPC = "https://rpc.plume.org";
 /**
  * Map of chain IDs to their default public RPC URLs.
  */
@@ -32,4 +33,5 @@ export const PUBLIC_RPC_URLS = {
     8333: B3_PUBLIC_RPC, // B3
     2741: ABSTRACT_PUBLIC_RPC, // Abstract
     999: HYPEREVM_PUBLIC_RPC, // HyperEVM
+    98866: PLUME_PUBLIC_RPC, // Plume Network
 };

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

@@ -1,6 +1,6 @@
 import { AnySpendBondKitProps } from "../../../global-account/react/stores/useModalStore";
 import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
-export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, b3Amount: initialB3Amount, onSuccess, slots, content, theme, }: AnySpendBondKitProps & {
+export declare function AnySpendBondKit({ mode, recipientAddress, contractAddress, minTokensOut, imageUrl, b3Amount: initialB3Amount, onSuccess, slots, content, theme, showFiatOption, }: AnySpendBondKitProps & {
     slots?: AnySpendSlots;
     content?: AnySpendContent;
     theme?: AnySpendTheme;

package/dist/esm/anyspend/react/components/AnySpendBondKit.js

@@ -20,7 +20,7 @@ function formatNumberWithCommas(x) {
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
     return parts.join(".");
 }
-export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, b3Amount: initialB3Amount, onSuccess, slots, content, theme, }) {
+export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddress, minTokensOut = "0", imageUrl, b3Amount: initialB3Amount, onSuccess, slots, content, theme, showFiatOption, }) {
     const hasMounted = useHasMounted();
     const [showAmountPrompt, setShowAmountPrompt] = useState(!initialB3Amount);
     const [b3Amount, setB3Amount] = useState(initialB3Amount || "");
@@ -200,5 +200,5 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
     });
     return (_jsx(AnySpendCustom, { mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: baseMainnet.id, dstToken: dstToken, dstAmount: parseEther(b3Amount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
             action: "BondKit Buy",
-        }, header: header, onSuccess: onSuccess, showRecipient: true, slots: slots, content: content, theme: theme }));
+        }, header: header, onSuccess: onSuccess, showRecipient: true, slots: slots, content: content, theme: theme, showFiatOption: showFiatOption }));
 }

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

@@ -1,5 +1,5 @@
 import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
-export declare function AnySpendBuySpin({ loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, senderAddress, slots, content, theme, }: {
+export declare function AnySpendBuySpin({ loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, senderAddress, slots, content, theme, showFiatOption, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     spinwheelContractAddress: string;
@@ -12,4 +12,5 @@ export declare function AnySpendBuySpin({ loadOrder, mode, spinwheelContractAddr
     slots?: AnySpendSlots;
     content?: AnySpendContent;
     theme?: AnySpendTheme;
+    showFiatOption?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendBuySpin.js

@@ -84,7 +84,7 @@ const basePublicClient = createPublicClient({
     chain: baseMainnet,
     transport: http(PUBLIC_BASE_RPC_URL),
 });
-export function AnySpendBuySpin({ loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, senderAddress, slots, content, theme, }) {
+export function AnySpendBuySpin({ loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, senderAddress, slots, content, theme, showFiatOption, }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Payment config state
@@ -390,5 +390,5 @@ export function AnySpendBuySpin({ loadOrder, mode = "modal", spinwheelContractAd
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
     return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: chainId, dstToken: B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
             action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`,
-        }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false, senderAddress: senderAddress, slots: slots, content: content, theme: theme }));
+        }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false, senderAddress: senderAddress, slots: slots, content: content, theme: theme, showFiatOption: showFiatOption }));
 }

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

@@ -55,6 +55,8 @@ export interface AnySpendCustomExactInProps {
     content?: AnySpendContent;
     /** Structured color/theme configuration */
     theme?: AnySpendTheme;
+    /** Whether to show fiat payment option. Defaults to true. When false, paymentType is forced to "crypto". */
+    showFiatOption?: boolean;
 }
 export declare function AnySpendCustomExactIn(props: AnySpendCustomExactInProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -31,8 +31,9 @@ export function AnySpendCustomExactIn(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendCustomizationProvider, { slots: props.slots, content: props.content, theme: props.theme, children: _jsx(AnySpendCustomExactInInner, { ...props }) }) }));
 }
-function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, destinationToken, destinationChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, customExactInConfig, destinationTokenAmount, orderType = "custom_exact_in", minDestinationAmount, header, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, callbackMetadata, senderAddress, }) {
+function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, destinationToken, destinationChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, customExactInConfig, destinationTokenAmount, orderType = "custom_exact_in", minDestinationAmount, header, returnToHomeUrl, customRecipientLabel, returnHomeLabel, classes, allowDirectTransfer = false, callbackMetadata, senderAddress, showFiatOption = true, }) {
     const { slots, content } = useAnySpendCustomization();
+    const effectivePaymentType = showFiatOption ? paymentType : "crypto";
     const actionLabel = customExactInConfig?.action ?? "Custom Execution";
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
     const DESTINATION_TOKEN_DETAILS = {
@@ -40,7 +41,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
         LOGO_URI: destinationToken.metadata?.logoURI ?? "",
     };
     const { activePanel, setActivePanel, orderId, setOrderId, oat, selectedSrcChainId, setSelectedSrcChainId, selectedSrcToken, setSelectedSrcToken, selectedDstToken, selectedDstChainId, srcAmount, setSrcAmount, dstAmount, dstAmountInput, setDstAmountInput, isSrcInputDirty, setIsSrcInputDirty, tradeType, selectedCryptoPaymentMethod, effectiveCryptoPaymentMethod, setSelectedCryptoPaymentMethod, selectedFiatPaymentMethod, setSelectedFiatPaymentMethod, selectedRecipientAddress, setSelectedRecipientAddress, recipientName, globalAddress, hasEnoughBalance, isBalanceLoading, anyspendQuote, isLoadingAnyspendQuote, isQuoteLoading, activeInputAmountInWei, activeOutputAmountInWei, geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support, createOrder, isCreatingOrder, createOnrampOrder, isCreatingOnrampOrder, } = useAnyspendFlow({
-        paymentType,
+        paymentType: effectivePaymentType,
         recipientAddress,
         loadOrder,
         onTransactionSuccess: onSuccess,
@@ -59,10 +60,16 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
     const { executeDirectTransfer, isTransferring: isSwitchingOrExecuting } = useDirectTransfer();
     // Check if source and destination are the same token on the same chain
     const isSameChainSameToken = useMemo(() => {
-        return (paymentType === "crypto" &&
+        return (effectivePaymentType === "crypto" &&
             selectedSrcChainId === selectedDstChainId &&
             selectedSrcToken?.address?.toLowerCase() === selectedDstToken?.address?.toLowerCase());
-    }, [paymentType, selectedSrcChainId, selectedDstChainId, selectedSrcToken?.address, selectedDstToken?.address]);
+    }, [
+        effectivePaymentType,
+        selectedSrcChainId,
+        selectedDstChainId,
+        selectedSrcToken?.address,
+        selectedDstToken?.address,
+    ]);
     // Check if this is a direct transfer
     const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
     // State for direct transfer success
@@ -151,7 +158,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
                 };
             }
         }
-        if (paymentType === "crypto") {
+        if (effectivePaymentType === "crypto") {
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
                 return { text: "Choose payment method", disable: false, error: false, loading: false };
             }
@@ -168,7 +175,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
                     : `Execute ${actionLabel}`;
             return { text: buttonText, disable: false, error: false, loading: false };
         }
-        if (paymentType === "fiat") {
+        if (effectivePaymentType === "fiat") {
             if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
                 return { text: "Select payment method", disable: false, error: false, loading: false };
             }
@@ -183,7 +190,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
         isSwitchingOrExecuting,
         selectedRecipientOrDefault,
         anyspendQuote,
-        paymentType,
+        effectivePaymentType,
         effectiveCryptoPaymentMethod,
         selectedFiatPaymentMethod,
         hasEnoughBalance,
@@ -209,14 +216,14 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
             setActivePanel(PanelView.RECIPIENT_SELECTION);
             return;
         }
-        if (paymentType === "crypto") {
+        if (effectivePaymentType === "crypto") {
             if (effectiveCryptoPaymentMethod === CryptoPaymentMethodType.NONE) {
                 setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD);
                 return;
             }
             await handleCryptoOrder();
         }
-        else if (paymentType === "fiat") {
+        else if (effectivePaymentType === "fiat") {
             if (selectedFiatPaymentMethod === FiatPaymentMethod.NONE) {
                 setActivePanel(PanelView.FIAT_PAYMENT_METHOD);
                 return;
@@ -226,8 +233,8 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
     };
     const headerContent = header ? (header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote })) : (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsxs("div", { children: [_jsx("h1", { className: "text-as-primary text-xl font-bold", children: actionLabel }), _jsx("p", { className: "text-as-secondary text-sm", children: "Pay from any token to execute a custom exact-in transaction." })] }) }));
     const mainView = (_jsxs("div", { className: classes?.container ||
-            "anyspend-custom-exact-in-container mx-auto flex w-full max-w-[460px] flex-col items-center gap-2", children: [headerContent, _jsx("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [paymentType === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, isSrcInputDirty: isSrcInputDirty, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), anyspendQuote: anyspendQuote, onTokenSelect: onTokenSelect })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmount, setSrcAmountOnRamp: setSrcAmount, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: selectedRecipientOrDefault, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, hideDstToken: true, destinationAmount: dstAmount, onDestinationTokenChange: () => { }, onDestinationChainChange: () => { }, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, anyspendQuote: anyspendQuote, onShowPointsDetail: () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: () => setActivePanel(PanelView.FEE_DETAIL), customUsdInputValues: customUsdInputValues, customRecipientLabel: customRecipientLabel }) })), _jsx("div", { className: cn("relative -my-1 flex h-0 items-center justify-center", paymentType === "fiat" && "hidden"), children: _jsx(Button, { variant: "ghost", className: classes?.swapDirectionButton ||
-                                    "swap-direction-button border-as-stroke bg-as-surface-primary z-10 h-10 w-10 cursor-default rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) }), paymentType === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: false, effectiveRecipientAddress: selectedRecipientOrDefault, recipientName: recipientName || undefined, customRecipientLabel: customRecipientLabel, onSelectRecipient: () => setActivePanel(PanelView.RECIPIENT_SELECTION), dstAmount: isSrcInputDirty && !destinationTokenAmount ? dstAmount : dstAmountInput, dstToken: selectedDstToken, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, dstTokenLogoURI: DESTINATION_TOKEN_DETAILS.LOGO_URI, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: () => { }, setSelectedDstToken: () => { }, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
+            "anyspend-custom-exact-in-container mx-auto flex w-full max-w-[460px] flex-col items-center gap-2", children: [headerContent, _jsx("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [effectivePaymentType === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, isSrcInputDirty: isSrcInputDirty, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), anyspendQuote: anyspendQuote, onTokenSelect: onTokenSelect })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmount, setSrcAmountOnRamp: setSrcAmount, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: selectedRecipientOrDefault, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, hideDstToken: true, destinationAmount: dstAmount, onDestinationTokenChange: () => { }, onDestinationChainChange: () => { }, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, anyspendQuote: anyspendQuote, onShowPointsDetail: () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: () => setActivePanel(PanelView.FEE_DETAIL), customUsdInputValues: customUsdInputValues, customRecipientLabel: customRecipientLabel }) })), _jsx("div", { className: cn("relative -my-1 flex h-0 items-center justify-center", effectivePaymentType === "fiat" && "hidden"), children: _jsx(Button, { variant: "ghost", className: classes?.swapDirectionButton ||
+                                    "swap-direction-button border-as-stroke bg-as-surface-primary z-10 h-10 w-10 cursor-default rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) }), effectivePaymentType === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: false, effectiveRecipientAddress: selectedRecipientOrDefault, recipientName: recipientName || undefined, customRecipientLabel: customRecipientLabel, onSelectRecipient: () => setActivePanel(PanelView.RECIPIENT_SELECTION), dstAmount: isSrcInputDirty && !destinationTokenAmount ? dstAmount : dstAmountInput, dstToken: selectedDstToken, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, dstTokenLogoURI: DESTINATION_TOKEN_DETAILS.LOGO_URI, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: () => { }, setSelectedDstToken: () => { }, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
                                 setIsSrcInputDirty(false);
                                 setDstAmountInput(value);
                             }, disableAmountInput: !!destinationTokenAmount, anyspendQuote: isDirectTransfer ? undefined : anyspendQuote, onShowPointsDetail: isDirectTransfer ? undefined : () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: isDirectTransfer ? undefined : () => setActivePanel(PanelView.FEE_DETAIL) }))] }) }), _jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: slots.actionButton ? (slots.actionButton({
@@ -238,7 +245,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
                 })) : (_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: (btnInfo.error && classes?.mainButtonError) ||
                         (btnInfo.disable && classes?.mainButtonDisabled) ||
                         classes?.mainButton ||
-                        cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) })) }), gasPriceData && !isLoadingGas && paymentType === "crypto" && !isDirectTransfer && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: classes?.gasIndicator || "mt-2 w-full" })), mainFooter ? mainFooter : null] }));
+                        cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) })) }), gasPriceData && !isLoadingGas && effectivePaymentType === "crypto" && !isDirectTransfer && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: classes?.gasIndicator || "mt-2 w-full" })), mainFooter ? mainFooter : null] }));
     const handleCryptoOrder = async () => {
         try {
             const isDirectTransfer = isSameChainSameToken && allowDirectTransfer;
@@ -393,7 +400,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
             toast.error("Failed to create order: " + err.message);
         }
     };
-    const orderDetailsView = (_jsx("div", { className: "mx-auto w-full max-w-[460px]", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: paymentType === "fiat" ? CryptoPaymentMethodType.NONE : effectiveCryptoPaymentMethod, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onPaymentMethodChange: setSelectedCryptoPaymentMethod, onBack: () => {
+    const orderDetailsView = (_jsx("div", { className: "mx-auto w-full max-w-[460px]", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: effectivePaymentType === "fiat" ? CryptoPaymentMethodType.NONE : effectiveCryptoPaymentMethod, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onPaymentMethodChange: setSelectedCryptoPaymentMethod, onBack: () => {
                     setOrderId(undefined);
                     setActivePanel(PanelView.MAIN);
                 }, disableUrlParamManagement: true, points: oat.data.points || undefined, returnToHomeUrl: returnToHomeUrl, returnHomeLabel: returnHomeLabel })) }) }));
@@ -411,7 +418,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
             setActivePanel(PanelView.MAIN);
         }, srcAmountOnRamp: srcAmount }));
     const pointsDetailView = (_jsx(PointsDetailPanel, { pointsAmount: anyspendQuote?.data?.pointsAmount || 0, onBack: () => setActivePanel(PanelView.MAIN) }));
-    const feeDetailView = anyspendQuote?.data?.fee ? (_jsx(FeeDetailPanel, { fee: anyspendQuote.data.fee, transactionAmountUsd: paymentType === "fiat"
+    const feeDetailView = anyspendQuote?.data?.fee ? (_jsx(FeeDetailPanel, { fee: anyspendQuote.data.fee, transactionAmountUsd: effectivePaymentType === "fiat"
             ? parseFloat(srcAmount)
             : anyspendQuote.data.currencyIn?.amountUsd
                 ? Number(anyspendQuote.data.currencyIn.amountUsd)

package/dist/esm/anyspend/react/components/AnySpendDeposit.js

@@ -3,7 +3,7 @@ import { Skeleton, useAccountWallet, useSimBalance, useTokenData } from "../../.
 import { cn } from "../../../shared/utils/cn.js";
 import { NetworkArbitrumOne, NetworkBase, NetworkBinanceSmartChain, NetworkEthereum, NetworkOptimism, NetworkPolygonPos, } from "@web3icons/react";
 import { ChevronRight } from "lucide-react";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { AnySpend } from "./AnySpend.js";
 import { AnySpendCustomExactIn } from "./AnySpendCustomExactIn.js";
 import { ChainWarningText } from "./common/WarningText.js";
@@ -99,11 +99,17 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
     const depositClasses = classes?.deposit;
     const { connectedEOAWallet } = useAccountWallet();
     const eoaAddress = connectedEOAWallet?.getAccount()?.address;
+    const effectiveInitialPaymentType = !showFiatOption && initialPaymentType === "fiat" ? "crypto" : initialPaymentType;
     // Determine if we should show chain selection
-    const shouldShowChainSelection = showChainSelection ?? (!initialSourceChainId && !initialPaymentType);
+    const shouldShowChainSelection = showChainSelection ?? (!initialSourceChainId && !effectiveInitialPaymentType);
     const [step, setStep] = useState(shouldShowChainSelection ? "select-chain" : "deposit");
     const [selectedChainId, setSelectedChainId] = useState(initialSourceChainId);
-    const [paymentType, setPaymentType] = useState(initialPaymentType ?? "crypto");
+    const [paymentType, setPaymentType] = useState(effectiveInitialPaymentType ?? "crypto");
+    useEffect(() => {
+        if (!showFiatOption && paymentType === "fiat") {
+            setPaymentType("crypto");
+        }
+    }, [showFiatOption, paymentType]);
     // Fetch destination token data
     const { data: destinationTokenData } = useTokenData(destinationTokenChainId, destinationTokenAddress);
     // Construct full destination token object
@@ -207,5 +213,5 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
     // Deposit view
     return (_jsxs("div", { className: depositClasses?.form || "anyspend-deposit anyspend-deposit-form relative", children: [shouldShowChainSelection && (_jsxs("button", { onClick: handleBack, className: depositClasses?.backButton ||
                     "anyspend-deposit-back-button text-as-secondary hover:text-as-primary absolute left-4 top-4 z-10 flex items-center gap-1", children: [_jsx("svg", { className: depositClasses?.backIcon || "anyspend-deposit-back-icon h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }), _jsx("span", { className: depositClasses?.backText || "anyspend-deposit-back-text text-sm", children: "Back" })] })), onClose && (_jsx("button", { onClick: onClose, className: depositClasses?.closeButton ||
-                    "anyspend-deposit-close-button text-as-secondary hover:text-as-primary absolute right-4 top-4 z-10", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: depositClasses?.formContent || cn("anyspend-deposit-form-content", shouldShowChainSelection && "pt-8"), children: isCustomDeposit ? (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, paymentType: paymentType, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: selectedChainId, destinationToken: destinationToken, destinationChainId: destinationTokenChainId, orderType: effectiveOrderType, minDestinationAmount: minDestinationAmount, header: header ?? defaultHeader, onSuccess: onSuccess, onOpenCustomModal: onOpenCustomModal, mainFooter: mainFooter, onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, preferEoa: preferEoa, customExactInConfig: depositContractConfig, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel, classes: classes?.customExactIn, allowDirectTransfer: allowDirectTransfer, destinationTokenAmount: destinationTokenAmount, callbackMetadata: callbackMetadata, senderAddress: senderAddress, slots: slots, content: content, theme: theme }, selectedChainId)) : (_jsx(AnySpend, { loadOrder: loadOrder, mode: mode, defaultActiveTab: paymentType, recipientAddress: recipientAddress, sourceChainId: selectedChainId, destinationTokenAddress: destinationTokenAddress, destinationTokenChainId: destinationTokenChainId, onSuccess: txHash => onSuccess?.(txHash ?? ""), onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, hideHeader: true, hideBottomNavigation: true, disableUrlParamManagement: true, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel, classes: classes?.anySpend, allowDirectTransfer: allowDirectTransfer, destinationTokenAmount: destinationTokenAmount, callbackMetadata: callbackMetadata, senderAddress: senderAddress, slots: slots, content: content, theme: theme }, selectedChainId)) }), _jsx(ChainWarningText, { chainId: destinationTokenChainId, classes: classes?.chainWarningText || { root: "px-4 pb-4" } })] }));
+                    "anyspend-deposit-close-button text-as-secondary hover:text-as-primary absolute right-4 top-4 z-10", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: depositClasses?.formContent || cn("anyspend-deposit-form-content", shouldShowChainSelection && "pt-8"), children: isCustomDeposit ? (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, paymentType: paymentType, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: selectedChainId, destinationToken: destinationToken, destinationChainId: destinationTokenChainId, orderType: effectiveOrderType, minDestinationAmount: minDestinationAmount, header: header ?? defaultHeader, onSuccess: onSuccess, onOpenCustomModal: onOpenCustomModal, mainFooter: mainFooter, onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, preferEoa: preferEoa, customExactInConfig: depositContractConfig, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel, classes: classes?.customExactIn, allowDirectTransfer: allowDirectTransfer, destinationTokenAmount: destinationTokenAmount, callbackMetadata: callbackMetadata, senderAddress: senderAddress, showFiatOption: showFiatOption, slots: slots, content: content, theme: theme }, selectedChainId)) : (_jsx(AnySpend, { loadOrder: loadOrder, mode: mode, defaultActiveTab: paymentType, recipientAddress: recipientAddress, sourceChainId: selectedChainId, destinationTokenAddress: destinationTokenAddress, destinationTokenChainId: destinationTokenChainId, onSuccess: txHash => onSuccess?.(txHash ?? ""), onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, hideHeader: true, hideBottomNavigation: true, disableUrlParamManagement: true, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel, classes: classes?.anySpend, allowDirectTransfer: allowDirectTransfer, destinationTokenAmount: destinationTokenAmount, callbackMetadata: callbackMetadata, senderAddress: senderAddress, showFiatOption: showFiatOption, slots: slots, content: content, theme: theme }, selectedChainId)) }), _jsx(ChainWarningText, { chainId: destinationTokenChainId, classes: classes?.chainWarningText || { root: "px-4 pb-4" } })] }));
 }

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

@@ -1,6 +1,6 @@
 import { components } from "../../../anyspend/types/api";
 import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
-export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, senderAddress, slots, content, theme, }: {
+export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, senderAddress, showFiatOption, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress: string;
@@ -11,6 +11,7 @@ export declare function AnySpendDepositUpside({ loadOrder, mode, recipientAddres
     onSuccess?: (amount: string) => void;
     /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
     senderAddress?: string;
+    showFiatOption?: boolean;
     slots?: AnySpendSlots;
     content?: AnySpendContent;
     theme?: AnySpendTheme;

package/dist/esm/anyspend/react/components/AnySpendDepositUpside.js

@@ -22,7 +22,7 @@ const DEPOSIT_FOR_FUNCTION_ABI = JSON.stringify([
         type: "function",
     },
 ]);
-export function AnySpendDepositUpside({ loadOrder, mode = "modal", recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, senderAddress, slots, content, theme, }) {
+export function AnySpendDepositUpside({ loadOrder, mode = "modal", recipientAddress, sourceTokenAddress, sourceTokenChainId, depositContractAddress, token, onSuccess, senderAddress, showFiatOption, slots, content, theme, }) {
     if (!recipientAddress)
         return null;
     const header = () => (_jsx(_Fragment, { children: _jsx("div", { className: "from-b3-react-background to-as-on-surface-1 w-full rounded-t-lg bg-gradient-to-t", children: _jsx("div", { className: "mb-1 flex w-full flex-col items-center gap-2", children: _jsxs("span", { className: "font-sf-rounded text-2xl font-semibold", children: ["Swap & Deposit ", token.symbol] }) }) }) }));
@@ -34,5 +34,5 @@ export function AnySpendDepositUpside({ loadOrder, mode = "modal", recipientAddr
         spenderAddress: depositContractAddress,
         action: `deposit ${token.symbol}`,
     };
-    return (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: sourceTokenChainId, destinationToken: token, destinationChainId: base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess, senderAddress: senderAddress, slots: slots, content: content, theme: theme }));
+    return (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: sourceTokenChainId, destinationToken: token, destinationChainId: base.id, customExactInConfig: customExactInConfig, header: header, onSuccess: onSuccess, senderAddress: senderAddress, showFiatOption: showFiatOption, slots: slots, content: content, theme: theme }));
 }

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

@@ -1,5 +1,5 @@
 import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
-export declare function AnySpendStakeB3({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, }: {
+export declare function AnySpendStakeB3({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, showFiatOption, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress: string;
@@ -10,4 +10,5 @@ export declare function AnySpendStakeB3({ loadOrder, mode, recipientAddress, sta
     slots?: AnySpendSlots;
     content?: AnySpendContent;
     theme?: AnySpendTheme;
+    showFiatOption?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/anyspend/react/components/AnySpendStakeB3.js

@@ -28,7 +28,7 @@ function generateEncodedDataForStakingB3(amount, beneficiary) {
     });
     return encodedData;
 }
-export function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, }) {
+export function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, showFiatOption, }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Wagmi hooks for direct staking
@@ -270,5 +270,5 @@ export function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, s
     const encodedData = generateEncodedDataForStakingB3(userStakeAmount, recipientAddress);
     return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: base.id, dstToken: B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
             action: "stake B3",
-        }, header: header, onSuccess: onSuccess, showRecipient: true, senderAddress: senderAddress, slots: slots, content: content, theme: theme }));
+        }, header: header, onSuccess: onSuccess, showRecipient: true, senderAddress: senderAddress, slots: slots, content: content, theme: theme, showFiatOption: showFiatOption }));
 }

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

@@ -1,5 +1,5 @@
 import type { AnySpendContent, AnySpendSlots, AnySpendTheme } from "./types/customization";
-export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, senderAddress, slots, content, theme, }: {
+export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAddress, sourceTokenChainId, recipientAddress, stakeAmount, onSuccess, senderAddress, showFiatOption, slots, content, theme, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     sourceTokenAddress?: string;
@@ -9,6 +9,7 @@ export declare function AnySpendStakeB3ExactIn({ loadOrder, mode, sourceTokenAdd
     onSuccess?: (amount: string) => void;
     /** Optional sender (payer) address — pre-fills token balances when the user address is known ahead of time */
     senderAddress?: string;
+    showFiatOption?: boolean;
     slots?: AnySpendSlots;
     content?: AnySpendContent;
     theme?: AnySpendTheme;