@b3dotfun/sdk 0.0.24 → 0.0.25

package/dist/cjs/global-account/react/hooks/useTokenPrice.js

@@ -1,15 +1,66 @@
 "use strict";
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchNativeTokenPriceUsd = fetchNativeTokenPriceUsd;
+exports.fetchNativeTokenPriceWithChange = fetchNativeTokenPriceWithChange;
+exports.fetchTokenPrice = fetchTokenPrice;
+exports.fetchTokenPriceWithChange = fetchTokenPriceWithChange;
 exports.useTokenPrice = useTokenPrice;
 const chainPlatformMap_1 = require("../../../shared/constants/chains/chainPlatformMap");
 const react_query_1 = require("@tanstack/react-query");
+async function fetchNativeTokenPriceUsd(contractAddress, network) {
+    const response = await fetch(`https://coingecko-api.sean-430.workers.dev?localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}&url=https://pro-api.coingecko.com/api/v3/onchain/simple/networks/${network}/token_price/${contractAddress}`, {
+        headers: {
+            accept: "application/json",
+        },
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch native token price: ${response.status} ${response.statusText}`);
+    }
+    const data = await response.json();
+    // Find the price using case-insensitive address comparison
+    const prices = data.data?.attributes?.token_prices || {};
+    const price = Object.entries(prices).find(([address]) => address.toLowerCase() === contractAddress.toLowerCase())?.[1];
+    if (!price) {
+        throw new Error(`No price data found for native token: ${contractAddress}`);
+    }
+    // Convert string price to number
+    const numericPrice = Number(price);
+    if (isNaN(numericPrice)) {
+        throw new Error(`Invalid price data for native token: ${contractAddress}`);
+    }
+    return numericPrice;
+}
+async function fetchNativeTokenPriceWithChange(network) {
+    // For ETH, use the regular simple price API instead of on-chain API to get price changes
+    const coinId = network === "eth" ? "ethereum" : network;
+    const response = await fetch(`https://coingecko-api.sean-430.workers.dev?localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}&url=https://pro-api.coingecko.com/api/v3/simple/price?ids=${coinId}&vs_currencies=usd&include_24hr_change=true`, {
+        headers: {
+            accept: "application/json",
+        },
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch native token price with change: ${response.status} ${response.statusText}`);
+    }
+    const data = await response.json();
+    if (!data[coinId]) {
+        throw new Error(`No price data found for coin: ${coinId}`);
+    }
+    const price = data[coinId].usd;
+    const priceChange = data[coinId].usd_24h_change;
+    if (typeof price !== "number") {
+        throw new Error(`Invalid price data for coin: ${coinId}`);
+    }
+    return {
+        price,
+        priceChange24h: priceChange || null,
+    };
+}
 async function fetchTokenPrice(contractAddress, chainId, vsCurrency = "usd") {
     const platformId = (0, chainPlatformMap_1.getPlatformId)(chainId);
-    const response = await fetch(`https://pro-api.coingecko.com/api/v3/simple/token_price/${platformId}?contract_addresses=${contractAddress}&vs_currencies=${vsCurrency}`, {
+    const response = await fetch(`https://coingecko-api.sean-430.workers.dev?localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}&url=https://pro-api.coingecko.com/api/v3/simple/token_price/${platformId}?contract_addresses=${contractAddress}&vs_currencies=${vsCurrency}`, {
         headers: {
             accept: "application/json",
-            "x-cg-pro-api-key": process.env.COINGECKO_API_KEY,
         },
     });
     if (!response.ok) {
@@ -27,6 +78,34 @@ async function fetchTokenPrice(contractAddress, chainId, vsCurrency = "usd") {
     // Return the price with proper type checking
     return data[contractAddress][vsCurrency];
 }
+async function fetchTokenPriceWithChange(contractAddress, chainId, vsCurrency = "usd") {
+    const platformId = (0, chainPlatformMap_1.getPlatformId)(chainId);
+    const response = await fetch(`https://coingecko-api.sean-430.workers.dev?localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}&url=https://pro-api.coingecko.com/api/v3/simple/token_price/${platformId}?contract_addresses=${contractAddress}&vs_currencies=${vsCurrency}&include_24hr_change=true`, {
+        headers: {
+            accept: "application/json",
+        },
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch token price with change: ${response.status} ${response.statusText}`);
+    }
+    const data = await response.json();
+    // Check if the contract address exists in the response
+    if (!data[contractAddress]) {
+        throw new Error(`No price data found for contract address: ${contractAddress}`);
+    }
+    // Check if the requested currency exists in the response
+    if (typeof data[contractAddress][vsCurrency] !== "number") {
+        throw new Error(`No price data found for currency: ${vsCurrency}`);
+    }
+    // Get the price change key (e.g., "usd_24h_change")
+    const priceChangeKey = `${vsCurrency}_24h_change`;
+    const priceChange = data[contractAddress][priceChangeKey];
+    // Return the price and price change with proper type checking
+    return {
+        price: data[contractAddress][vsCurrency],
+        priceChange24h: priceChange || null,
+    };
+}
 function useTokenPrice({ contractAddress, chainId = 8453, // Default to Base
 vsCurrency = "usd", refreshInterval = 30000, queryOptions = {}, }) {
     const { data: price = 0, isLoading, error, refetch, } = (0, react_query_1.useQuery)({

package/dist/cjs/global-account/react/hooks/useUnifiedChainSwitchAndExecute.js

@@ -15,6 +15,11 @@ const thirdweb_2 = require("thirdweb");
 const wagmi_1 = require("wagmi");
 const components_1 = require("../components");
 const useAccountWallet_1 = require("./useAccountWallet");
+const partnerId = String(process.env.PUBLIC_THIRDWEB_PARTNER_ID ||
+    process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID ||
+    process.env.PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID ||
+    process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID);
+(0, invariant_1.default)(partnerId, "Partner ID is required");
 function useUnifiedChainSwitchAndExecute() {
     const { data: walletClient } = (0, wagmi_1.useWalletClient)();
     const { switchChainAsync } = (0, wagmi_1.useSwitchChain)();
@@ -110,7 +115,7 @@ function useUnifiedChainSwitchAndExecute() {
             // Check if we can use global-accounts-intents, if yes, create an intent.
             try {
                 await app_1.default.service("global-accounts-intents").create({
-                    partnerId: String(process.env.PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID || process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
+                    partnerId: partnerId,
                     chainId: targetChainId,
                     to: params.to,
                     data: params.data || "0x",

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

@@ -1,5 +1,5 @@
-import { GenerateSigMintResponse } from "../../../anyspend/types/signatureMint";
 import { components } from "../../../anyspend/types/api";
+import { GenerateSigMintResponse } from "../../../anyspend/types/signatureMint";
 import { AllowedStrategy } from "../../../global-account/react";
 import { PermissionsConfig } from "../../../global-account/types/permissions";
 import { Address, Chain } from "thirdweb";

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

@@ -1,6 +1,5 @@
 import { components } from "../types/api";
 export declare const ANYSPEND_MAINNET_BASE_URL: string;
-export declare const ANYSPEND_TESTNET_BASE_URL: string;
 export declare const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
 export declare const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 export declare const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;

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

@@ -1,6 +1,5 @@
 import { base } from "viem/chains";
 export const ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
-export const ANYSPEND_TESTNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://testnet.anyspend.com";
 export const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
 export const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 export const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;

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

@@ -15,7 +15,6 @@ export declare enum PanelView {
     FIAT_PAYMENT_METHOD = 7
 }
 export declare function AnySpend(props: {
-    isMainnet?: boolean;
     mode?: "page" | "modal";
     defaultActiveTab?: "crypto" | "fiat";
     destinationTokenAddress?: string;

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

@@ -8,12 +8,12 @@ import { cn } from "../../../shared/utils/cn.js";
 import { shortenAddress } from "../../../shared/utils/formatAddress.js";
 import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/number.js";
 import invariant from "invariant";
-import { ArrowDown, ChevronRight, ChevronRightCircle, CircleAlert, HistoryIcon } from "lucide-react";
+import { ArrowDown, ChevronRight, CircleAlert, HistoryIcon } from "lucide-react";
 import { motion } from "motion/react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 import { parseUnits } from "viem";
-import { b3Sepolia, base, mainnet, sepolia } from "viem/chains";
+import { base, mainnet } from "viem/chains";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
@@ -41,7 +41,7 @@ export function AnySpend(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendInner, { ...props }) }));
 }
-function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMainnet = true, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, }) {
+function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
     // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -51,7 +51,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
     const lastUrlUpdate = useRef(null);
     const [activeTab, setActiveTab] = useState(defaultActiveTab);
     const [orderId, setOrderId] = useState(loadOrder);
-    const { orderAndTransactions: oat, getOrderAndTransactionsError } = useAnyspendOrderAndTransactions(isMainnet, orderId);
+    const { orderAndTransactions: oat, getOrderAndTransactionsError } = useAnyspendOrderAndTransactions(orderId);
     !!getOrderAndTransactionsError && console.log("getOrderAndTransactionsError", getOrderAndTransactionsError);
     const [activePanel, setActivePanel] = useState(loadOrder ? PanelView.ORDER_DETAILS : PanelView.MAIN);
     const [customRecipients, setCustomRecipients] = useState([]);
@@ -62,9 +62,8 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
     // const [newRecipientAddress, setNewRecipientAddress] = useState("");
     // const recipientInputRef = useRef<HTMLInputElement>(null);
     // Get initial chain IDs from URL or defaults
-    const initialSrcChainId = parseInt(searchParams.get("fromChainId") || "0") || (isMainnet ? mainnet.id : sepolia.id);
-    const initialDstChainId = parseInt(searchParams.get("toChainId") || "0") ||
-        (isBuyMode ? destinationTokenChainId : isMainnet ? base.id : b3Sepolia.id);
+    const initialSrcChainId = parseInt(searchParams.get("fromChainId") || "0") || mainnet.id;
+    const initialDstChainId = parseInt(searchParams.get("toChainId") || "0") || (isBuyMode ? destinationTokenChainId : base.id);
     // State for source chain/token selection
     const [selectedSrcChainId, setSelectedSrcChainId] = useState(initialSrcChainId);
     const defaultSrcToken = getDefaultToken(selectedSrcChainId);
@@ -294,7 +293,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
         setRecipientAddress(recipientAddressFromProps || globalAddress);
     }, [recipientAddressFromProps, globalAddress]);
     // Get geo-based onramp options for fiat payments
-    const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
+    const { geoData, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(srcAmountOnRamp);
     // Helper function to map payment method to onramp vendor
     const getOnrampVendor = (paymentMethod) => {
         switch (paymentMethod) {
@@ -315,7 +314,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
         ? parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals).toString()
         : parseUnits(dstAmount.replace(/,/g, ""), selectedDstToken.decimals).toString();
     const srcAmountOnrampInWei = parseUnits(srcAmountOnRamp.replace(/,/g, ""), USDC_BASE.decimals).toString();
-    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = useAnyspendQuote(isMainnet, activeTab === "crypto"
+    const { anyspendQuote, isLoadingAnyspendQuote, getAnyspendQuoteError } = useAnyspendQuote(activeTab === "crypto"
         ? {
             srcChain: selectedSrcChainId,
             dstChain: isBuyMode ? destinationTokenChainId : selectedDstChainId,
@@ -395,7 +394,6 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
     //     invariant(anyspendPrice, "Relay price is not found");
     //     const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
     //     createOrder({
-    //       isMainnet,
     //       recipientAddress,
     //       orderType: "swap",
     //       srcChain: selectedSrcChainId,
@@ -642,7 +640,6 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
             console.log("handleCryptoSwap - selectedCryptoPaymentMethod state:", selectedCryptoPaymentMethod);
             const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
             createOrder({
-                isMainnet,
                 recipientAddress,
                 orderType: "swap",
                 srcChain: selectedSrcChainId,
@@ -705,7 +702,6 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
                 return selectedDstToken;
             };
             createOnrampOrder({
-                isMainnet,
                 recipientAddress,
                 orderType: "swap",
                 dstChain: getDstToken().chainId,
@@ -784,7 +780,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
     // Add state for rate details toggle
     // const [showRateDetails, setShowRateDetails] = useState(false);
     const historyView = (_jsx("div", { className: "mx-auto flex w-[560px] max-w-full flex-col items-center", children: _jsx(OrderHistory, { mode: mode, onBack: () => setActivePanel(PanelView.MAIN), onSelectOrder: onSelectOrder }) }));
-    const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order }), _jsx(OrderDetails, { isMainnet: isMainnet, mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, onBack: () => {
+    const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatus, { order: oat.data.order }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(PanelView.MAIN);
                             setSelectedCryptoPaymentMethod(CryptoPaymentMethodType.NONE); // Reset payment method when going back
@@ -839,8 +835,8 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
                                             }
                                             // Using inline style to ensure color displays
                                             return (_jsxs("span", { className: "ml-2", style: { color: percentageNum >= 10 ? "red" : "#FFD700" }, children: ["(", isNegative ? "-" : "", percentage, "%)"] }));
-                                        })()] })] }))] }), getAnyspendQuoteError && (_jsxs("div", { className: "bg-as-on-surface-1 flex w-full max-w-[460px] items-center gap-2 rounded-2xl px-4 py-2", children: [_jsx(CircleAlert, { className: "bg-as-red h-4 min-h-4 w-4 min-w-4 rounded-full p-0 text-sm font-medium text-white" }), _jsx("div", { className: "text-as-red text-sm", children: getAnyspendQuoteError.message })] })), _jsxs(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", getAnyspendQuoteError && "mt-0"), children: [_jsxs(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("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: [btnInfo.text, !btnInfo.disable && !btnInfo.error && (_jsx(ChevronRightCircle, { className: "absolute right-0 top-1/2 h-6 w-6 -translate-y-1/2 opacity-70" }))] }), !hideTransactionHistoryButton && (globalAddress || recipientAddress) ? (_jsxs(Button, { variant: "link", onClick: onClickHistory, className: "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [_jsx(HistoryIcon, { className: "h-4 w-4" }), " ", _jsx("span", { className: "pr-4", children: "Transaction History" })] })) : null] })] }));
-    const onrampPaymentView = (_jsx(PanelOnrampPayment, { srcAmountOnRamp: srcAmountOnRamp, recipientName: recipientName || undefined, recipientAddress: recipientAddress, isMainnet: isMainnet, isBuyMode: isBuyMode, destinationTokenChainId: destinationTokenChainId, destinationTokenAddress: destinationTokenAddress, selectedDstChainId: selectedDstChainId, selectedDstToken: selectedDstToken, orderType: "swap", anyspendQuote: anyspendQuote, globalAddress: globalAddress, onOrderCreated: orderId => {
+                                        })()] })] }))] }), getAnyspendQuoteError && (_jsxs("div", { className: "bg-as-on-surface-1 flex w-full max-w-[460px] items-center gap-2 rounded-2xl px-4 py-2", children: [_jsx(CircleAlert, { className: "bg-as-red h-4 min-h-4 w-4 min-w-4 rounded-full p-0 text-sm font-medium text-white" }), _jsx("div", { className: "text-as-red text-sm", children: getAnyspendQuoteError.message })] })), _jsxs(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", getAnyspendQuoteError && "mt-0"), children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: 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: btnInfo.text }), !hideTransactionHistoryButton && (globalAddress || recipientAddress) ? (_jsxs(Button, { variant: "link", onClick: onClickHistory, className: "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [_jsx(HistoryIcon, { className: "h-4 w-4" }), " ", _jsx("span", { className: "pr-4", children: "Transaction History" })] })) : null] })] }));
+    const onrampPaymentView = (_jsx(PanelOnrampPayment, { srcAmountOnRamp: srcAmountOnRamp, recipientName: recipientName || undefined, recipientAddress: recipientAddress, isBuyMode: isBuyMode, destinationTokenChainId: destinationTokenChainId, destinationTokenAddress: destinationTokenAddress, selectedDstChainId: selectedDstChainId, selectedDstToken: selectedDstToken, orderType: "swap", anyspendQuote: anyspendQuote, globalAddress: globalAddress, onOrderCreated: orderId => {
             setOrderId(orderId);
             setActivePanel(PanelView.ORDER_DETAILS);
             // Add orderId and payment method to URL for persistence
@@ -866,9 +862,9 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, isMai
     const fiatPaymentMethodView = (_jsx(FiatPaymentMethodComponent, { selectedPaymentMethod: selectedFiatPaymentMethod, setSelectedPaymentMethod: setSelectedFiatPaymentMethod, onBack: () => setActivePanel(PanelView.MAIN), onSelectPaymentMethod: (method) => {
             setSelectedFiatPaymentMethod(method);
             setActivePanel(PanelView.MAIN); // Go back to main panel to show updated pricing
-        }, srcAmountOnRamp: srcAmountOnRamp, isMainnet: isMainnet }));
+        }, srcAmountOnRamp: srcAmountOnRamp }));
     // Add tabs to the main component when no order is loaded
-    return (_jsx(StyleRoot, { children: _jsx("div", { className: cn("mx-auto w-full max-w-[460px]", mode === "page" &&
+    return (_jsx(StyleRoot, { children: _jsx("div", { className: cn("anyspend-container font-inter mx-auto w-full max-w-[460px]", mode === "page" &&
                 "bg-as-surface-primary border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: _jsx(TransitionPanel, { activeIndex: orderId
                     ? oat
                         ? PanelView.ORDER_DETAILS

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

@@ -199,7 +199,7 @@ export function AnySpendBondKit({ mode = "modal", recipientAddress, contractAddr
         functionName: "buyFor",
         args: [recipientAddress, BigInt(minTokensOut)],
     });
-    return (_jsx(AnySpendCustom, { isMainnet: true, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: baseMainnet.id, dstToken: dstToken, dstAmount: parseEther(ethAmount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
+    return (_jsx(AnySpendCustom, { mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: baseMainnet.id, dstToken: dstToken, dstAmount: parseEther(ethAmount).toString(), contractAddress: contractAddress, encodedData: encodedData, metadata: {
             type: "custom",
             action: "BondKit Buy",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));

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

@@ -1,5 +1,4 @@
-export declare function AnySpendBuySpin({ isMainnet, loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, }: {
-    isMainnet?: boolean;
+export declare function AnySpendBuySpin({ loadOrder, mode, spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     spinwheelContractAddress: string;

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

@@ -84,7 +84,7 @@ const basePublicClient = createPublicClient({
     chain: baseMainnet,
     transport: http(),
 });
-export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, }) {
+export function AnySpendBuySpin({ loadOrder, mode = "modal", spinwheelContractAddress, chainId, recipientAddress, prefillQuantity, onSuccess, }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Payment config state
@@ -388,7 +388,7 @@ export function AnySpendBuySpin({ isMainnet = true, loadOrder, mode = "modal", s
     }
     // AnySpend flow for when user needs to swap to B3
     const encodedData = generateEncodedDataForBuyEntriesAndSpin(address || "", userSpinQuantity);
-    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: chainId, dstToken: B3_TOKEN, dstAmount: totalCost.toString(), contractAddress: spinwheelContractAddress, spenderAddress: paymentConfig.entryModule, encodedData: encodedData, metadata: {
+    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: {
             type: "custom",
             action: `buy ${userSpinQuantity} spin${userSpinQuantity !== "1" ? "s" : ""}`,
         }, header: header, onSuccess: txHash => onSuccess?.(txHash), showRecipient: false }));

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

@@ -2,7 +2,6 @@ import { components } from "../../../anyspend/types/api";
 import { GetQuoteResponse } from "../../../anyspend/types/api_req_res";
 import React from "react";
 export declare function AnySpendCustom(props: {
-    isMainnet?: boolean;
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress?: string;

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

@@ -12,7 +12,7 @@ import { ChevronRight, ChevronRightCircle, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
-import { base, baseSepolia } from "viem/chains";
+import { base } from "viem/chains";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper.js";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
@@ -92,7 +92,7 @@ export function AnySpendCustom(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendCustomInner, { ...props }) }));
 }
-function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
+function AnySpendCustomInner({ loadOrder, mode = "modal", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, }) {
     const hasMounted = useHasMounted();
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
@@ -108,10 +108,10 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
     // Update recipient logic to use custom recipient
     const recipientAddress = customRecipientAddress || currentWallet.address;
     const [orderId, setOrderId] = useState(loadOrder);
-    const [srcChainId, setSrcChainId] = useState(isMainnet ? base.id : baseSepolia.id);
+    const [srcChainId, setSrcChainId] = useState(base.id);
     // Get token list for token balance check
     const chainName = useMemo(() => simpleHashChainToChainName(srcChainId), [srcChainId]);
-    const { data: tokenList } = useAnyspendTokenList(isMainnet, srcChainId, "");
+    const { data: tokenList } = useAnyspendTokenList(srcChainId, "");
     // Get token balances for the selected chain
     const { nativeTokens, fungibleTokens } = useTokenBalancesByChain({
         address: currentWallet?.wallet?.address || "",
@@ -190,8 +190,8 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
         srcChainId,
         srcToken,
     ]);
-    const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(isMainnet, getRelayQuoteRequest);
-    const { orderAndTransactions: oat } = useAnyspendOrderAndTransactions(isMainnet, orderId);
+    const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(getRelayQuoteRequest);
+    const { orderAndTransactions: oat } = useAnyspendOrderAndTransactions(orderId);
     const onSelectOrder = (selectedOrderId) => {
         setActivePanel(PanelView.ORDER_DETAILS);
         setOrderId(selectedOrderId);
@@ -218,7 +218,7 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
     const formattedSrcAmount = srcAmount ? formatTokenAmount(srcAmount, srcToken.decimals, 6, false) : null;
     const srcFiatAmount = useMemo(() => (activeTab === "fiat" && srcAmount ? formatUnits(srcAmount.toString(), USDC_BASE.decimals) : "0"), [activeTab, srcAmount]);
     // Get geo data and onramp options (after quote is available)
-    const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(isMainnet, srcFiatAmount);
+    const { geoData, isOnrampSupported, coinbaseAvailablePaymentMethods, stripeWeb2Support } = useGeoOnrampOptions(srcFiatAmount);
     useEffect(() => {
         if (oat?.data?.order.status === "executed") {
             console.log("Calling onSuccess");
@@ -253,7 +253,6 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
             invariant(anyspendQuote, "Relay price is not found");
             invariant(srcAmount, "Src amount is null");
             const createOrderParams = {
-                isMainnet: isMainnet,
                 orderType: orderType,
                 srcChain: activeTab === "fiat" ? base.id : srcChainId,
                 dstChain: dstChainId,
@@ -413,7 +412,7 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
     const historyView = (_jsx("div", { className: cn("mx-auto flex w-full max-w-2xl flex-col items-center p-5", mode === "modal" && "bg-b3-react-background"), children: _jsx(OrderHistory, { mode: mode, onBack: () => {
                 setActivePanel(PanelView.HISTORY);
             }, onSelectOrder: onSelectOrder }) }));
-    const orderDetailsView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background rounded-xl"), children: [oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatusDisplay, { order: oat.data.order }), _jsx(OrderDetails, { isMainnet: isMainnet, mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
+    const orderDetailsView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background rounded-xl"), children: [oat && (_jsxs(_Fragment, { children: [_jsx(OrderStatusDisplay, { order: oat.data.order }), _jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTx: oat.data.relayTx, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, onBack: () => {
                             setOrderId(undefined);
                             setActivePanel(PanelView.CONFIRM_ORDER);
                             // Remove orderId from URL when canceling
@@ -484,7 +483,7 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
     const fiatPaymentMethodView = (_jsx("div", { className: cn("bg-as-surface-primary mx-auto w-[460px] max-w-full rounded-xl p-4"), children: _jsx(FiatPaymentMethodComponent, { selectedPaymentMethod: selectedFiatPaymentMethod, setSelectedPaymentMethod: setSelectedFiatPaymentMethod, onBack: () => setActivePanel(PanelView.CONFIRM_ORDER), onSelectPaymentMethod: (method) => {
                 setSelectedFiatPaymentMethod(method);
                 setActivePanel(PanelView.CONFIRM_ORDER);
-            }, srcAmountOnRamp: srcFiatAmount, isMainnet: isMainnet }) }));
+            }, srcAmountOnRamp: srcFiatAmount }) }));
     // Return the TransitionPanel with all views
     return (_jsx(StyleRoot, { children: _jsx(TransitionPanel, { activeIndex: orderId
                 ? oat
@@ -492,7 +491,7 @@ function AnySpendCustomInner({ isMainnet = true, loadOrder, mode = "modal", reci
                     : PanelView.LOADING
                 : activePanel === PanelView.ORDER_DETAILS
                     ? PanelView.CONFIRM_ORDER
-                    : activePanel, className: cn("w-full"), variants: {
+                    : activePanel, className: cn("anyspend-container font-inter w-full"), variants: {
                 enter: { x: 300, opacity: 0 },
                 center: { x: 0, opacity: 1 },
                 exit: { x: -300, opacity: 0 },

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

@@ -1,6 +1,5 @@
 import { components } from "../../../anyspend/types/api";
-export declare function AnySpendNFT({ isMainnet, loadOrder, mode, recipientAddress, nftContract, onSuccess, }: {
-    isMainnet?: boolean;
+export declare function AnySpendNFT({ loadOrder, mode, recipientAddress, nftContract, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress?: string;

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

@@ -26,7 +26,7 @@ const CONTRACT_URI_ABI = [
         type: "function",
     },
 ];
-export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, }) {
+export function AnySpendNFT({ loadOrder, mode = "modal", recipientAddress, nftContract, onSuccess, }) {
     const [imageUrlWithFallback, setFallbackImageUrl] = useState(nftContract.imageUrl);
     const [isLoadingFallback, setIsLoadingFallback] = useState(false);
     // Fetch contract metadata when imageUrl is empty
@@ -83,7 +83,7 @@ export function AnySpendNFT({ isMainnet = true, loadOrder, mode = "modal", recip
     const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative size-[200px]", children: [_jsx("div", { className: "absolute inset-0 scale-95 bg-black/30 blur-md" }), _jsxs(GlareCard, { className: "overflow-hidden", children: [imageUrlWithFallback && (_jsx("img", { src: imageUrlWithFallback, alt: nftContract.name, className: "size-full object-cover" })), _jsx("div", { className: "absolute inset-0 rounded-xl border border-white/10" })] }), _jsx(DropdownMenu, { nftContract: nftContract })] }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 -mb-5 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "mb-1 flex w-full flex-col items-center gap-2 p-5", children: [_jsx("span", { className: "font-sf-rounded text-2xl font-semibold", children: nftContract.name }), _jsx("div", { className: "flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsx("div", { className: cn("text-as-primary group flex items-center text-3xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice,
                                         }), children: formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }) }) })) : (_jsx("div", { className: "h-[36px] w-full" })) })] })] })] }));
-    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "mint_nft", dstChainId: nftContract.chainId, dstToken: nftContract.currency, dstAmount: nftContract.price, contractAddress: nftContract.contractAddress, encodedData: "0x", metadata: {
             type: "mint_nft",
             nftContract: nftContract,
         }, header: header, onSuccess: onSuccess }));

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

@@ -1,5 +1,4 @@
-export declare function AnySpendStakeB3({ isMainnet, loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
-    isMainnet?: boolean;
+export declare function AnySpendStakeB3({ loadOrder, mode, recipientAddress, stakeAmount, onSuccess, }: {
     loadOrder?: string;
     mode?: "modal" | "page";
     recipientAddress: string;

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

@@ -28,7 +28,7 @@ function generateEncodedDataForStakingB3(amount, beneficiary) {
     });
     return encodedData;
 }
-export function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, }) {
+export function AnySpendStakeB3({ loadOrder, mode = "modal", recipientAddress, stakeAmount, onSuccess, }) {
     const hasMounted = useHasMounted();
     const { setB3ModalOpen } = useModalStore();
     // Fetch B3 token balance
@@ -256,7 +256,7 @@ export function AnySpendStakeB3({ isMainnet = true, loadOrder, mode = "modal", r
                                 }, className: "bg-as-brand hover:bg-as-brand/90 text-as-primary h-14 w-full rounded-xl text-lg font-medium", children: "Done" })] })] }) }));
     }
     const encodedData = generateEncodedDataForStakingB3(userStakeAmount, recipientAddress);
-    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: base.id, dstToken: B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, orderType: "custom", dstChainId: base.id, dstToken: B3_TOKEN, dstAmount: userStakeAmount, contractAddress: ERC20Staking, encodedData: encodedData, metadata: {
             type: "custom",
             action: "stake B3",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));

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

@@ -1,6 +1,5 @@
 import { components } from "../../../anyspend/types/api";
 type AnySpendTournamentProps = {
-    isMainnet?: boolean;
     mode?: "modal" | "page";
     action: "join";
     joinFor: string;
@@ -12,7 +11,6 @@ type AnySpendTournamentProps = {
     tournamentEntryFee: string;
     onSuccess?: () => void;
 } | {
-    isMainnet?: boolean;
     mode?: "modal" | "page";
     action: "fund";
     loadOrder?: string;

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

@@ -4,13 +4,13 @@ import { formatDisplayNumber, formatTokenAmount } from "../../../shared/utils/nu
 import { AnimatePresence } from "motion/react";
 import { AnySpendCustom } from "./AnySpendCustom.js";
 export function AnySpendTournament(props) {
-    const { isMainnet = true, mode = "modal", action, loadOrder, tournamentChainId, tournamentContractAddress, tournamentMetadata, onSuccess, } = props;
+    const { mode = "modal", action, loadOrder, tournamentChainId, tournamentContractAddress, tournamentMetadata, onSuccess, } = props;
     const dstToken = action === "join" ? props.tournamentEntryToken : props.tournamentFundToken;
     const dstAmount = action === "join" ? props.tournamentEntryFee : props.tournamentFundAmount;
     const header = ({ anyspendPrice, isLoadingAnyspendPrice, }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "z-10 mt-[-100px] flex h-[270px] w-full items-end justify-center", children: _jsx("img", { src: "https://cdn.b3.fun/tournament-play.svg", alt: "Tournament Play", className: "h-[200px] w-[360px] object-cover object-center" }) }), _jsxs("div", { className: "from-b3-react-background to-as-on-surface-1 mt-[-100px] w-full rounded-t-lg bg-gradient-to-t", children: [_jsx("div", { className: "h-[100px] w-full" }), _jsxs("div", { className: "flex w-full flex-col items-center gap-1 p-6 pt-0", children: [_jsxs("span", { className: "font-sf-rounded text-center text-lg font-semibold", children: [action === "join" ? "Pay entry fee to join " : "Pay to fund ", " ", tournamentMetadata.name] }), _jsx("div", { className: "mt-2 flex w-fit items-center gap-1", children: anyspendPrice ? (_jsx(AnimatePresence, { mode: "wait", children: _jsxs("div", { className: cn("text-as-primary group flex items-center text-2xl font-semibold transition-all", {
                                             "opacity-0": isLoadingAnyspendPrice,
                                         }), children: [formatDisplayNumber(anyspendPrice?.data?.currencyIn?.amountUsd, { style: "currency" }), " (", formatTokenAmount(BigInt(dstAmount), dstToken.decimals, 6, true), " ", dstToken.symbol, ")"] }) })) : (_jsx("div", { className: "h-[32px] w-full" })) })] })] })] }));
-    return (_jsx(AnySpendCustom, { isMainnet: isMainnet, loadOrder: loadOrder, mode: mode, recipientAddress: action === "join" ? props.joinFor : undefined, orderType: action === "join" ? "join_tournament" : "fund_tournament", dstChainId: tournamentChainId, dstToken: dstToken, dstAmount: dstAmount, contractAddress: tournamentContractAddress, encodedData: "0x", metadata: {
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: action === "join" ? props.joinFor : undefined, orderType: action === "join" ? "join_tournament" : "fund_tournament", dstChainId: tournamentChainId, dstToken: dstToken, dstAmount: dstAmount, contractAddress: tournamentContractAddress, encodedData: "0x", metadata: {
             type: action === "join" ? "join_tournament" : "fund_tournament",
             tournament: tournamentMetadata,
         }, header: header, onSuccess: onSuccess, showRecipient: action === "join" }));

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

@@ -66,7 +66,7 @@ export function AnyspendSignatureMint({ loadOrder, mode = "modal", signatureData
     }
     const encodedData = generateEncodedDataForSignatureMint(signatureData);
     const price = parseEther(signatureData.payload.price?.toString() || "0");
-    return (_jsx(AnySpendCustom, { isMainnet: true, loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address, encodedData: encodedData, metadata: {
+    return (_jsx(AnySpendCustom, { loadOrder: loadOrder, mode: mode, recipientAddress: signatureData.payload.to, orderType: "custom", dstChainId: signatureData.collection.chainId, dstToken: dstToken, dstAmount: price.toString(), contractAddress: signatureData.collection.address, encodedData: encodedData, metadata: {
             type: "custom",
             action: "Signature Mint",
         }, header: header, onSuccess: onSuccess, showRecipient: true }));

package/dist/esm/anyspend/react/components/common/CryptoPaymentMethod.js

@@ -33,11 +33,11 @@ export function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentM
         createWallet("io.rabby"),
         createWallet("app.phantom"),
     ];
-    return (_jsxs("div", { className: "mx-auto h-fit w-[460px] max-w-full", children: [_jsxs("div", { className: cn("relative flex flex-col gap-10"), children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary absolute flex h-8 w-8 items-center justify-center rounded-lg transition-colors", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsx("div", { className: "flex items-center justify-around gap-4", children: _jsx("div", { className: "flex-1 text-center", children: _jsx("h2", { className: "text-as-primary text-lg font-semibold", children: "Choose payment method" }) }) }), _jsxs("div", { className: "flex flex-col gap-3", children: [!activeWallet ? (
+    return (_jsxs("div", { className: "crypto-payment-method mx-auto h-fit w-[460px] max-w-full", children: [_jsxs("div", { className: cn("relative flex flex-col gap-10"), children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary absolute flex h-8 w-8 items-center justify-center rounded-lg transition-colors", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsx("div", { className: "flex items-center justify-around gap-4", children: _jsx("div", { className: "flex-1 text-center", children: _jsx("h2", { className: "text-as-primary text-lg font-semibold", children: "Choose payment method" }) }) }), _jsxs("div", { className: "crypto-payment-methods flex flex-col gap-3", children: [!activeWallet ? (
                             // Not connected - show single connect button
-                            _jsxs("button", { onClick: () => setShowWalletModal(true), className: "bg-as-surface-primary border-as-border-secondary hover:border-as-secondary/80 group flex w-full items-center justify-between gap-4 rounded-xl border px-4 py-3.5 transition-all duration-200 hover:shadow-md", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-blue-100", children: _jsx(Wallet, { className: "h-4 w-4 text-blue-600" }) }), _jsxs("div", { className: "flex flex-col items-start text-left", children: [_jsx("h4", { className: "text-as-primary font-semibold", children: "Connect wallet" }), _jsx("p", { className: "text-as-primary/60 text-sm", children: "Choose from multiple wallet options" })] })] }), _jsx(ChevronRightCircle, { className: "text-as-primary/40 group-hover:text-as-primary/60 h-5 w-5 transition-colors" })] })) : (
+                            _jsxs("button", { onClick: () => setShowWalletModal(true), className: "crypto-payment-method-connect-wallet bg-as-surface-primary border-as-border-secondary hover:border-as-secondary/80 group flex w-full items-center justify-between gap-4 rounded-xl border px-4 py-3.5 transition-all duration-200 hover:shadow-md", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "wallet-icon flex h-8 w-8 items-center justify-center rounded-full bg-blue-100", children: _jsx(Wallet, { className: "h-4 w-4 text-blue-600" }) }), _jsxs("div", { className: "flex flex-col items-start text-left", children: [_jsx("h4", { className: "text-as-primary font-semibold", children: "Connect wallet" }), _jsx("p", { className: "text-as-primary/60 text-sm", children: "Choose from multiple wallet options" })] })] }), _jsx(ChevronRightCircle, { className: "text-as-primary/40 group-hover:text-as-primary/60 h-5 w-5 transition-colors" })] })) : (
                             // Connected - show wallet info
-                            _jsx("div", { className: "bg-as-surface-primary border-as-border-secondary rounded-xl border", children: _jsxs("div", { className: "flex items-center justify-between p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [globalWallet?.meta?.icon ? (_jsx("img", { src: globalWallet.meta.icon, alt: "Connected Wallet", className: "h-8 w-8 rounded-full" })) : (_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-green-100", children: _jsx(Wallet, { className: "h-4 w-4 text-green-600" }) })), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-as-primary font-semibold", children: "Connected Wallet" }), _jsx("span", { className: "text-as-primary/60 text-sm", children: shortenAddress(activeWallet.getAccount()?.address || "") })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { onClick: () => {
+                            _jsx("div", { className: "crypto-payment-method-connect-wallet wallet-connected bg-as-surface-primary border-as-border-secondary rounded-xl border", children: _jsxs("div", { className: "flex items-center justify-between p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [globalWallet?.meta?.icon ? (_jsx("img", { src: globalWallet.meta.icon, alt: "Connected Wallet", className: "h-8 w-8 rounded-full" })) : (_jsx("div", { className: "wallet-icon flex h-8 w-8 items-center justify-center rounded-full bg-green-100", children: _jsx(Wallet, { className: "h-4 w-4 text-green-600" }) })), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-as-primary font-semibold", children: "Connected Wallet" }), _jsx("span", { className: "text-as-primary/60 text-sm", children: shortenAddress(activeWallet.getAccount()?.address || "") })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { onClick: () => {
                                                         setSelectedPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
                                                         onSelectPaymentMethod(CryptoPaymentMethodType.CONNECT_WALLET);
                                                     }, className: "bg-as-brand hover:bg-as-brand/90 rounded-lg px-3 py-1.5 text-sm font-medium text-white transition-colors", children: "Use Wallet" }), _jsx("button", { onClick: async () => {
@@ -50,7 +50,7 @@ export function CryptoPaymentMethod({ selectedPaymentMethod, setSelectedPaymentM
                                                     }, className: "text-as-primary/60 hover:text-as-primary/80 rounded-lg p-1.5 transition-colors", children: _jsx(X, { className: "h-4 w-4" }) })] })] }) })), _jsxs("button", { onClick: () => {
                                     setSelectedPaymentMethod(CryptoPaymentMethodType.TRANSFER_CRYPTO);
                                     onSelectPaymentMethod(CryptoPaymentMethodType.TRANSFER_CRYPTO);
-                                }, disabled: isCreatingOrder, className: "bg-as-surface-primary border-as-border-secondary hover:border-as-secondary/80 group flex w-full items-center justify-between gap-4 rounded-xl border px-4 py-3.5 transition-all duration-200 hover:shadow-md", children: [_jsx("div", { className: "flex flex-col items-start text-left", children: _jsx("h4", { className: "text-as-primary font-semibold", children: "Transfer crypto" }) }), _jsx(ChevronRightCircle, { className: "text-as-primary/40 group-hover:text-as-primary/60 h-5 w-5 transition-colors" })] })] })] }), showWalletModal &&
+                                }, disabled: isCreatingOrder, className: "crypto-payment-method-transfer bg-as-surface-primary border-as-border-secondary hover:border-as-secondary/80 group flex w-full items-center justify-between gap-4 rounded-xl border px-4 py-3.5 transition-all duration-200 hover:shadow-md", children: [_jsx("div", { className: "flex flex-col items-start text-left", children: _jsx("h4", { className: "text-as-primary font-semibold", children: "Transfer crypto" }) }), _jsx(ChevronRightCircle, { className: "text-as-primary/40 group-hover:text-as-primary/60 h-5 w-5 transition-colors" })] })] })] }), showWalletModal &&
                 createPortal(_jsx("div", { className: "pointer-events-auto fixed inset-0 z-[9999] flex items-center justify-center bg-black/50", children: _jsxs("div", { className: "max-h-[80vh] w-[400px] max-w-[90vw] overflow-auto rounded-xl bg-white p-6 dark:bg-gray-900", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Connect Wallet" }), _jsx("button", { onClick: () => setShowWalletModal(false), className: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx(ConnectEmbed, { client: client, chain: thirdwebB3Mainnet, wallets: availableWallets, showThirdwebBranding: false, theme: lightTheme(), onConnect: async (wallet) => {
                                     console.log("Wallet connected:", wallet);
                                     // setShowWalletModal(false);

package/dist/esm/anyspend/react/components/common/FiatPaymentMethod.d.ts

@@ -9,7 +9,6 @@ interface FiatPaymentMethodProps {
     onBack: () => void;
     onSelectPaymentMethod: (method: FiatPaymentMethod) => void;
     srcAmountOnRamp: string;
-    isMainnet: boolean;
 }
-export declare function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedPaymentMethod, onBack, onSelectPaymentMethod, srcAmountOnRamp, isMainnet, }: FiatPaymentMethodProps): import("react/jsx-runtime").JSX.Element;
+export declare function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedPaymentMethod, onBack, onSelectPaymentMethod, srcAmountOnRamp, }: FiatPaymentMethodProps): import("react/jsx-runtime").JSX.Element;
 export {};