@b3dotfun/sdk 0.0.24 → 0.0.25

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

@@ -9,7 +9,7 @@ export var FiatPaymentMethod;
     FiatPaymentMethod["COINBASE_PAY"] = "coinbase_pay";
     FiatPaymentMethod["STRIPE"] = "stripe";
 })(FiatPaymentMethod || (FiatPaymentMethod = {}));
-export function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedPaymentMethod, onBack, onSelectPaymentMethod, srcAmountOnRamp, isMainnet, }) {
+export function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedPaymentMethod, onBack, onSelectPaymentMethod, srcAmountOnRamp, }) {
     // Helper function to get fees from API data
     const getFeeFromApi = (paymentMethod) => {
         switch (paymentMethod) {
@@ -27,7 +27,7 @@ export function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedP
         }
     };
     // Load geo-based onramp options like in PanelOnramp
-    const { coinbaseAvailablePaymentMethods, stripeWeb2Support, isLoading: isLoadingGeoOnramp, } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
+    const { coinbaseAvailablePaymentMethods, stripeWeb2Support, isLoading: isLoadingGeoOnramp, } = useGeoOnrampOptions(srcAmountOnRamp);
     // Generate payment methods based on geo availability (like in PanelOnrampPayment)
     const availablePaymentMethods = [];
     // Add Coinbase Pay if available
@@ -56,12 +56,12 @@ export function FiatPaymentMethodComponent({ selectedPaymentMethod, setSelectedP
     }
     // Show loading state while checking geo availability
     if (isLoadingGeoOnramp) {
-        return (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary 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-1", children: _jsx("h2", { className: "text-as-primary text-lg font-semibold", children: "Choose payment method" }) })] }), _jsxs("div", { className: "flex items-center justify-center py-8", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("span", { className: "text-as-secondary ml-2 text-sm", children: "Loading payment methods..." })] })] }) }));
+        return (_jsx("div", { className: "fiat-payment-method mx-auto w-[460px] max-w-full", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary 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-1", children: _jsx("h2", { className: "text-as-primary text-lg font-semibold", children: "Choose payment method" }) })] }), _jsxs("div", { className: "flex items-center justify-center py-8", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("span", { className: "text-as-secondary ml-2 text-sm", children: "Loading payment methods..." })] })] }) }));
     }
-    return (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary 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-1", children: _jsx("h2", { className: "text-as-primary text-lg font-semibold", children: "Choose payment method" }) })] }), _jsx("div", { className: "flex flex-col gap-3", children: availablePaymentMethods.length === 0 ? (_jsx("div", { className: "bg-as-surface-secondary border-as-border-secondary rounded-2xl border p-6 text-center", children: _jsx("p", { className: "text-as-secondary text-sm", children: "No payment methods available in your region for the selected amount." }) })) : (availablePaymentMethods.map(method => (_jsxs("button", { onClick: () => {
+    return (_jsx("div", { className: "fiat-payment-method mx-auto w-[460px] max-w-full", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary 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-1", children: _jsx("h2", { className: "text-as-primary text-lg font-semibold", children: "Choose payment method" }) })] }), _jsx("div", { className: "flex flex-col gap-3", children: availablePaymentMethods.length === 0 ? (_jsx("div", { className: "fiat-payment-method-no-methods bg-as-surface-secondary border-as-border-secondary rounded-2xl border p-6 text-center", children: _jsx("p", { className: "text-as-secondary text-sm", children: "No payment methods available in your region for the selected amount." }) })) : (availablePaymentMethods.map(method => (_jsxs("button", { onClick: () => {
                             setSelectedPaymentMethod(method.id);
                             onSelectPaymentMethod(method.id);
-                        }, className: cn("bg-as-surface-secondary border-as-border-secondary flex w-full items-center gap-4 rounded-2xl border p-4 transition-all duration-200", selectedPaymentMethod === method.id
+                        }, className: cn("fiat-payment-method-item bg-as-surface-secondary border-as-border-secondary flex w-full items-center gap-4 rounded-2xl border p-4 transition-all duration-200", selectedPaymentMethod === method.id
                             ? "border-as-brand bg-as-brand/10"
                             : "hover:border-as-brand/50 hover:bg-as-brand/5"), children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-blue-600 text-2xl text-white", children: method.id === FiatPaymentMethod.COINBASE_PAY ? "C" : "S" }), _jsxs("div", { className: "flex flex-1 flex-col items-start text-left", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-as-primary text-base font-semibold", children: method.name }), _jsx("span", { className: cn("rounded-full px-2 py-1 text-xs font-medium", method.badgeColor), children: method.badge })] }), _jsx("span", { className: "text-as-primary/60 text-sm", children: method.description })] }), selectedPaymentMethod === method.id && _jsx(ChevronRight, { className: "text-as-brand h-5 w-5" })] }, method.id)))) })] }) }));
 }

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

@@ -1,7 +1,6 @@
 import { components } from "../../../../anyspend/types/api";
 import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
 interface OrderDetailsProps {
-    isMainnet: boolean;
     mode?: "modal" | "page";
     order: components["schemas"]["Order"];
     depositTxs: components["schemas"]["DepositTx"][] | null;

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

@@ -121,7 +121,7 @@ function roundTokenAmount(amount) {
     const roundedDecimalPart = digits.join("");
     return `${wholePart}.${roundedDecimalPart}`;
 }
-export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, }) {
+export const OrderDetails = memo(function OrderDetails({ mode = "modal", order, depositTxs, relayTx, executeTx, refundTxs, cryptoPaymentMethod, onBack, }) {
     const router = useRouter();
     const searchParams = useSearchParams();
     // Read crypto payment method from URL parameters
@@ -463,7 +463,7 @@ export const OrderDetails = memo(function OrderDetails({ isMainnet, mode = "moda
                                                 ? `Waiting for payment`
                                                 : `Waiting for deposit ${formattedDepositDeficit} ${srcToken.symbol}`, chainId: order.srcChain, tx: null, isProcessing: true, delay: 0.5 }))] }) })] }) })] }));
     }
-    return (_jsxs(_Fragment, { children: [statusDisplay === "processing" && (_jsx(_Fragment, { children: order.onrampMetadata ? (_jsx(PaymentVendorUI, { isMainnet: isMainnet, order: order, dstTokenSymbol: dstToken.symbol })) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ? (_jsx(ConnectWalletPayment, { order: order, onPayment: handlePayment, onCancel: handleBack, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, phantomWalletAddress: phantomWalletAddress, tournament: tournament, nft: nft })) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO ? (
+    return (_jsxs(_Fragment, { children: [statusDisplay === "processing" && (_jsx(_Fragment, { children: order.onrampMetadata ? (_jsx(PaymentVendorUI, { order: order, dstTokenSymbol: dstToken.symbol })) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ? (_jsx(ConnectWalletPayment, { order: order, onPayment: handlePayment, onCancel: handleBack, txLoading: txLoading, isSwitchingOrExecuting: isSwitchingOrExecuting, phantomWalletAddress: phantomWalletAddress, tournament: tournament, nft: nft })) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.TRANSFER_CRYPTO ? (
                 // Transfer Crypto Payment Method - Show new card-based UI
                 _jsx(TransferCryptoDetails, { order: order, recipientName: recipientName, srcToken: srcToken, dstToken: dstToken, tournament: tournament, nft: nft, onBack: handleBack })) : (_jsxs("div", { className: "relative flex w-full flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-as-primary/50", children: "Please send" }), _jsxs("div", { className: "flex w-full flex-wrap items-center gap-6 sm:justify-between sm:gap-0", children: [_jsx(CopyToClipboard, { text: roundedUpSrcAmount, onCopy: () => {
                                                 toast.success("Copied to clipboard");

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

@@ -4,10 +4,9 @@ import { useAnyspendOrderHistory } from "../../../../anyspend/react/index.js";
 import { Button, Skeleton, useAccountWallet } from "../../../../global-account/react/index.js";
 import { ArrowLeft, RefreshCcw } from "lucide-react";
 import { OrderHistoryItem } from "./OrderHistoryItem.js";
-const isMainnet = true;
 export function OrderHistory({ mode, onBack, onSelectOrder }) {
     const { address } = useAccountWallet();
-    const { orderHistory, isLoadingOrderHistory, refetchOrderHistory } = useAnyspendOrderHistory(isMainnet, address);
+    const { orderHistory, isLoadingOrderHistory, refetchOrderHistory } = useAnyspendOrderHistory(address);
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-6 flex w-full items-center gap-4", children: [_jsx(Button, { onClick: onBack, variant: "ghost", size: "icon", children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-xl font-semibold", children: "Order History" }), _jsx("p", { className: "text-as-primary/30 text-sm", children: "View your past transactions" })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => {
                             refetchOrderHistory();
                         }, children: _jsx(RefreshCcw, { className: "text-as-primary/30 hover:text-as-primary h-4 w-4 cursor-pointer transition-all hover:rotate-180" }) })] }), isLoadingOrderHistory ? (_jsx("div", { className: "w-full space-y-4", children: [1, 2, 3].map(i => (_jsx(Skeleton, { className: "h-[160px] w-full rounded-lg" }, i))) })) : !orderHistory?.length ? (_jsx("div", { className: "bg-as-light-brand w-full rounded-lg border p-8 text-center", children: _jsx("p", { className: "text-b3-react-muted-foreground", children: "No order history found" }) })) : (_jsx("div", { className: "mb-12 w-full space-y-4", children: [...orderHistory]

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

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getStatusDisplay } from "../../../../anyspend/index.js";
+import { useSearchParams } from "../../../../shared/react/index.js";
 import { Check, X } from "lucide-react";
 import { memo } from "react";
 import { StepProgress } from "./StepProgress.js";
 export const OrderStatus = memo(function OrderStatus({ order }) {
     const isComplete = order.status === "executed";
     const { text, status: displayStatus, description } = getStatusDisplay(order);
+    const searchParams = useSearchParams();
+    const cryptoPaymentMethod = searchParams.get("cryptoPaymentMethod");
     console.log("OrderStatus", displayStatus);
     console.log("OrderStatus", order);
     const paymentSteps = [
@@ -21,7 +24,10 @@ export const OrderStatus = memo(function OrderStatus({ order }) {
         },
     ];
     if (["waiting_stripe_payment", "scanning_deposit_transaction"].includes(order.status)) {
-        return _jsx(StepProgress, { steps: paymentSteps, currentStepIndex: 0 });
+        // hide step if order is scanning_deposit_transaction and crypto payment method is transfer_crypto
+        if (!(order.status === "scanning_deposit_transaction" && cryptoPaymentMethod === "transfer_crypto")) {
+            return _jsx(StepProgress, { steps: paymentSteps, currentStepIndex: 0 });
+        }
     }
     if (["relay", "sending_token_from_vault"].includes(order.status)) {
         return _jsx(StepProgress, { steps: paymentSteps, currentStepIndex: 1 });

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

@@ -11,7 +11,7 @@ import { FiatPaymentMethod } from "./FiatPaymentMethod.js";
 import { OrderTokenAmountFiat } from "./OrderTokenAmountFiat.js";
 export function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, }) {
     // Get geo-based onramp options to access fee information
-    const { stripeWeb2Support } = useGeoOnrampOptions(true, srcAmountOnRamp);
+    const { stripeWeb2Support } = useGeoOnrampOptions(srcAmountOnRamp);
     // Helper function to get fees from API data
     const getFeeFromApi = (paymentMethod) => {
         switch (paymentMethod) {
@@ -45,7 +45,7 @@ export function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPayme
     };
     // Get geo data for onramp availability
     const { geoData } = useGetGeo();
-    const { coinbaseOnrampOptions } = useCoinbaseOnrampOptions(true, geoData?.country || "US");
+    const { coinbaseOnrampOptions } = useCoinbaseOnrampOptions(geoData?.country || "US");
     // Get recipient profile for displaying name
     const recipientProfile = useProfile({ address: _recipientAddress });
     const recipientName = recipientProfile.data?.name;

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

@@ -4,7 +4,6 @@ interface PanelOnrampPaymentProps {
     srcAmountOnRamp: string;
     recipientName?: string;
     recipientAddress?: string;
-    isMainnet: boolean;
     isBuyMode: boolean;
     destinationTokenChainId?: number;
     destinationTokenAddress?: string;

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

@@ -12,8 +12,8 @@ export function PanelOnrampPayment(props) {
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(PanelOnrampPaymentInner, { ...props }) }));
 }
 function PanelOnrampPaymentInner(props) {
-    const { srcAmountOnRamp, recipientAddress, isMainnet, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, } = props;
-    const { geoData, coinbaseOnrampOptions, coinbaseAvailablePaymentMethods, stripeWeb2Support, isLoading: isLoadingGeoOnramp, } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
+    const { srcAmountOnRamp, recipientAddress, isBuyMode, destinationTokenChainId, destinationTokenAddress, selectedDstChainId, selectedDstToken, anyspendQuote, globalAddress, onOrderCreated, onBack, orderType, nft, tournament, payload, recipientEnsName, recipientImageUrl, } = props;
+    const { geoData, coinbaseOnrampOptions, coinbaseAvailablePaymentMethods, stripeWeb2Support, isLoading: isLoadingGeoOnramp, } = useGeoOnrampOptions(srcAmountOnRamp);
     const isLoading = isLoadingGeoOnramp;
     const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
         onSuccess: data => {
@@ -59,7 +59,6 @@ function PanelOnrampPaymentInner(props) {
                 return selectedDstToken;
             };
             createOrder({
-                isMainnet,
                 recipientAddress,
                 orderType,
                 dstChain: getDstToken().chainId,

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

@@ -1,8 +1,7 @@
 import { components } from "../../../../anyspend/types/api";
 interface PaymentStripeWeb2Props {
-    isMainnet: boolean;
     order: components["schemas"]["Order"];
     onPaymentSuccess?: (paymentIntent: any) => void;
 }
-export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }: PaymentStripeWeb2Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -12,10 +12,10 @@ import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFin
 import HowItWorks from "./HowItWorks.js";
 import PaymentMethodIcons from "./PaymentMethodIcons.js";
 const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
-export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }) {
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }) {
     const { theme } = useB3();
     const fingerprintConfig = getFingerprintConfig();
-    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(isMainnet, order.stripePaymentIntentId);
+    const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(order.stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
         return _jsx(StripeLoadingState, {});
     }

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

@@ -1,8 +1,7 @@
 import { components } from "../../../../anyspend/types/api";
 interface PaymentVendorUIProps {
-    isMainnet: boolean;
     order: components["schemas"]["Order"];
     dstTokenSymbol: string;
 }
-export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }: PaymentVendorUIProps): import("react/jsx-runtime").JSX.Element | null;
+export default function PaymentVendorUI({ order, dstTokenSymbol }: PaymentVendorUIProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PaymentOneClick from "./PaymentOneClick.js";
 import PaymentStripeWeb2 from "./PaymentStripeWeb2.js";
-export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }) {
+export default function PaymentVendorUI({ order, dstTokenSymbol }) {
     const vendor = order.onrampMetadata?.vendor;
     // Handle one-click payment flows (Coinbase, Stripe redirect)
     if (order.oneClickBuyUrl) {
@@ -9,7 +9,7 @@ export default function PaymentVendorUI({ isMainnet, order, dstTokenSymbol }) {
     }
     // Handle Stripe Web2 payment flow
     if (vendor === "stripe-web2") {
-        return _jsx(PaymentStripeWeb2, { isMainnet: isMainnet, order: order });
+        return _jsx(PaymentStripeWeb2, { order: order });
     }
     // Return null for unsupported vendors
     return null;

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

@@ -29,5 +29,5 @@ export function RecipientSelection({ initialValue = "", placeholder = "Enter rec
     };
     const isAddressValid = !validateAddress || !recipientAddress || validateAddress(recipientAddress);
     const canConfirm = recipientAddress && isAddressValid;
-    return (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex justify-around", children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary flex h-8 w-8 items-center justify-center rounded-lg transition-colors", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("h2", { className: "text-as-primary text-lg font-semibold", children: title }), _jsx("p", { className: "text-as-primary/60 text-sm", children: description })] })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "bg-as-surface-secondary border-as-border-secondary flex h-12 w-full overflow-hidden rounded-xl border", children: [_jsx("input", { type: "text", placeholder: placeholder, value: recipientAddress, onChange: e => setRecipientAddress(e.target.value), onKeyDown: handleKeyDown, className: "text-as-primary placeholder:text-as-primary/50 flex-1 bg-transparent px-4 text-base focus:outline-none", autoFocus: autoFocus }), _jsx("div", { className: "border-as-border-secondary border-l", children: _jsx("button", { onClick: handlePaste, className: "text-as-primary/70 hover:text-as-primary hover:bg-as-surface-primary h-full px-4 font-semibold transition-colors", children: "Paste" }) })] }), recipientAddress && !isAddressValid && (_jsx("div", { className: "text-as-red text-sm", children: "Please enter a valid address" })), _jsx("button", { onClick: handleConfirm, disabled: !canConfirm, className: "bg-as-brand hover:bg-as-brand/90 disabled:bg-as-on-surface-2 disabled:text-as-secondary h-12 w-full rounded-xl font-medium text-white transition-colors disabled:cursor-not-allowed", children: confirmText })] })] }) }));
+    return (_jsx("div", { className: "recipient-selection mx-auto w-[460px] max-w-full", children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex justify-around", children: [_jsx("button", { onClick: onBack, className: "text-as-quaternary hover:text-as-primary flex h-8 w-8 items-center justify-center rounded-lg transition-colors", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("h2", { className: "text-as-primary text-lg font-semibold", children: title }), _jsx("p", { className: "text-as-primary/60 text-sm", children: description })] })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "bg-as-surface-secondary border-as-border-secondary flex h-12 w-full overflow-hidden rounded-xl border", children: [_jsx("input", { type: "text", placeholder: placeholder, value: recipientAddress, onChange: e => setRecipientAddress(e.target.value), onKeyDown: handleKeyDown, className: "text-as-primary placeholder:text-as-primary/50 flex-1 bg-transparent px-4 text-base focus:outline-none", autoFocus: autoFocus }), _jsx("div", { className: "border-as-border-secondary border-l", children: _jsx("button", { onClick: handlePaste, className: "text-as-primary/70 hover:text-as-primary hover:bg-as-surface-primary h-full px-4 font-semibold transition-colors", children: "Paste" }) })] }), recipientAddress && !isAddressValid && (_jsx("div", { className: "text-as-red text-sm", children: "Please enter a valid address" })), _jsx("button", { onClick: handleConfirm, disabled: !canConfirm, className: "bg-as-brand hover:bg-as-brand/90 disabled:bg-as-on-surface-2 disabled:text-as-secondary h-12 w-full rounded-xl font-medium text-white transition-colors disabled:cursor-not-allowed", children: confirmText })] })] }) }));
 }

package/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -87,7 +87,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
 function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, partnerId, }) {
     const [createdOrder, setCreatedOrder] = useState(null);
     const orderCreationAttempted = useRef(false);
-    const { geoData, stripeWeb2Support, isLoading: isLoadingGeoOnramp } = useGeoOnrampOptions(true, srcAmountOnRamp);
+    const { geoData, stripeWeb2Support, isLoading: isLoadingGeoOnramp } = useGeoOnrampOptions(srcAmountOnRamp);
     const { createOrder, isCreatingOrder } = useAnyspendCreateOnrampOrder({
         onSuccess: data => {
             setCreatedOrder(data.data);
@@ -97,7 +97,7 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
             toast.error("Failed to create order: " + error.message);
         },
     });
-    const { clientSecret, isLoadingStripeClientSecret } = useStripeClientSecret(true, createdOrder?.stripePaymentIntentId || "");
+    const { clientSecret, isLoadingStripeClientSecret } = useStripeClientSecret(createdOrder?.stripePaymentIntentId || "");
     // Create order when component mounts and all required data is available
     useEffect(() => {
         const createOrderIfPossible = async () => {
@@ -118,7 +118,6 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
                         };
                     };
                     createOrder({
-                        isMainnet: true,
                         recipientAddress,
                         orderType: "swap",
                         dstChain: getDstToken().chainId,

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -19,7 +19,7 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     };
     const { mutate: createOrder, isPending } = useMutation({
         mutationFn: async (params) => {
-            const { isMainnet, recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
+            const { recipientAddress, orderType, dstChain, dstToken, srcFiatAmount, onramp, creatorAddress, expectedDstAmount, nft, tournament, payload, partnerId, } = params;
             try {
                 // Validate required onramp fields
                 if (!onramp.vendor || !onramp.country) {
@@ -30,7 +30,6 @@ export function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
                 // Create order with USDC on Base as source
                 const srcAmountOnRampInWei = parseUnits(srcFiatAmount, USDC_BASE.decimals);
                 return await anyspendService.createOrder({
-                    isMainnet,
                     recipientAddress: normalizeAddress(recipientAddress),
                     type: orderType,
                     srcChain,

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOrder.d.ts

@@ -1,6 +1,5 @@
 import { components } from "../../../anyspend/types/api";
 export type CreateOrderParams = {
-    isMainnet: boolean;
     recipientAddress: string;
     orderType: components["schemas"]["Order"]["type"];
     srcChain: number;

package/dist/esm/anyspend/react/hooks/useAnyspendCreateOrder.js

@@ -17,10 +17,9 @@ export function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     };
     const { mutate: createOrder, isPending } = useMutation({
         mutationFn: async (params) => {
-            const { isMainnet, recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress, } = params;
+            const { recipientAddress, orderType, srcChain, dstChain, srcToken, dstToken, srcAmount, creatorAddress } = params;
             try {
                 return await anyspendService.createOrder({
-                    isMainnet,
                     recipientAddress: normalizeAddress(recipientAddress),
                     type: orderType,
                     srcChain,

package/dist/esm/anyspend/react/hooks/useAnyspendOrderAndTransactions.d.ts

@@ -1,4 +1,4 @@
-export declare function useAnyspendOrderAndTransactions(isMainnet: boolean, orderId: string | undefined): {
+export declare function useAnyspendOrderAndTransactions(orderId: string | undefined): {
     orderAndTransactions: {
         success: boolean;
         message: string;

package/dist/esm/anyspend/react/hooks/useAnyspendOrderAndTransactions.js

@@ -21,7 +21,7 @@ function customDeepEqual(oldData, newData) {
     return oldData === newData;
 }
 // Hook to fetch and auto-refresh order status and transaction details
-export function useAnyspendOrderAndTransactions(isMainnet, orderId) {
+export function useAnyspendOrderAndTransactions(orderId) {
     const selectFn = useCallback((data) => {
         if (!data)
             return undefined;
@@ -29,7 +29,7 @@ export function useAnyspendOrderAndTransactions(isMainnet, orderId) {
     }, []);
     const { data, isLoading, refetch, error } = useQuery({
         queryKey: ["getAnyspendOrderAndTransactions", orderId],
-        queryFn: () => anyspendService.getOrderAndTransactions(isMainnet, orderId),
+        queryFn: () => anyspendService.getOrderAndTransactions(orderId),
         enabled: !!orderId,
         refetchInterval: 3000,
         staleTime: 1000,

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

@@ -1,4 +1,4 @@
-export declare function useAnyspendOrderHistory(isMainnet: boolean, creatorAddress: string | undefined, limit?: number, offset?: number): {
+export declare function useAnyspendOrderHistory(creatorAddress: string | undefined, limit?: number, offset?: number): {
     orderHistory: (({
         id: string;
         recipientAddress: string;

package/dist/esm/anyspend/react/hooks/useAnyspendOrderHistory.js

@@ -1,11 +1,11 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useAnyspendOrderHistory(isMainnet, creatorAddress, limit = 100, offset = 0) {
+export function useAnyspendOrderHistory(creatorAddress, limit = 100, offset = 0) {
     const { data: rawData = [], isLoading, refetch, error, } = useQuery({
         queryKey: ["getOrderHistory", creatorAddress, limit, offset],
         queryFn: async () => {
-            const response = await anyspendService.getOrderHistory(isMainnet, creatorAddress, limit, offset);
+            const response = await anyspendService.getOrderHistory(creatorAddress, limit, offset);
             return response.data;
         },
     });

package/dist/esm/anyspend/react/hooks/useAnyspendQuote.d.ts

@@ -2,7 +2,6 @@ import { GetQuoteRequest, GetQuoteResponse } from "../../types/api_req_res";
 /**
  * React hook to fetch the price or rate for a relay swap using Anyspend.
  *
- * @param isMainnet - Whether to use mainnet or testnet endpoints.
  * @param req - The request object containing source/destination chain, token addresses, and amount/price.
  * @remarks The query is enabled only if all required fields in `req` are present and the amount/price is non-zero.
  */
@@ -12,4 +11,4 @@ export type UseAnyspendQuoteResult = {
     getAnyspendQuoteError: Error | null;
     refetchAnyspendQuote: () => void;
 };
-export declare function useAnyspendQuote(isMainnet: boolean, req: GetQuoteRequest): UseAnyspendQuoteResult;
+export declare function useAnyspendQuote(req: GetQuoteRequest): UseAnyspendQuoteResult;

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

@@ -1,11 +1,11 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useAnyspendQuote(isMainnet, req) {
+export function useAnyspendQuote(req) {
     const { data, isLoading, refetch, error } = useQuery({
-        queryKey: ["useAnyspendQuote", isMainnet, JSON.stringify(req)],
+        queryKey: ["useAnyspendQuote", JSON.stringify(req)],
         queryFn: () => {
-            return anyspendService.getQuote(isMainnet, req);
+            return anyspendService.getQuote(req);
         },
         enabled: Boolean(req.srcChain &&
             req.dstChain &&

package/dist/esm/anyspend/react/hooks/useAnyspendTokens.d.ts

@@ -1,4 +1,4 @@
-export declare function useAnyspendTokenList(isMainnet: boolean, chainId: number, query: string): {
+export declare function useAnyspendTokenList(chainId: number, query: string): {
     data: {
         chainId: number;
         address: string;

package/dist/esm/anyspend/react/hooks/useAnyspendTokens.js

@@ -1,10 +1,10 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useAnyspendTokenList(isMainnet, chainId, query) {
+export function useAnyspendTokenList(chainId, query) {
     const { data = [], isLoading, refetch, } = useQuery({
         queryKey: ["getAnyspendTokenList", chainId, query],
-        queryFn: () => anyspendService.getTokenList(isMainnet, chainId, query),
+        queryFn: () => anyspendService.getTokenList(chainId, query),
         enabled: true,
     });
     return useMemo(() => ({

package/dist/esm/anyspend/react/hooks/useCoinbaseOnrampOptions.d.ts

@@ -1,5 +1,5 @@
 import { VisitorData } from "../../../anyspend/types/fingerprint";
-export declare function useCoinbaseOnrampOptions(isMainnet: boolean, country?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
+export declare function useCoinbaseOnrampOptions(country?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     coinbaseOnrampOptions: {
         paymentCurrencies: {
             id?: string;

package/dist/esm/anyspend/react/hooks/useCoinbaseOnrampOptions.js

@@ -1,10 +1,10 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useCoinbaseOnrampOptions(isMainnet, country, visitorData, isLoadingVisitorData) {
+export function useCoinbaseOnrampOptions(country, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["getCoinbaseOnrampOptions", isMainnet, country, visitorData],
-        queryFn: () => anyspendService.getCoinbaseOnrampOptions(isMainnet, country, visitorData),
+        queryKey: ["getCoinbaseOnrampOptions", country, visitorData],
+        queryFn: () => anyspendService.getCoinbaseOnrampOptions(country, visitorData),
         enabled: Boolean(country) && !isLoadingVisitorData,
     });
     return useMemo(() => ({

package/dist/esm/anyspend/react/hooks/useGeoOnrampOptions.d.ts

@@ -1,4 +1,4 @@
-export declare function useGeoOnrampOptions(isMainnet: boolean, srcFiatAmount: string): {
+export declare function useGeoOnrampOptions(srcFiatAmount: string): {
     geoData: import("./useGetGeo").GeoData | undefined;
     coinbaseOnrampOptions: {
         paymentCurrencies: {

package/dist/esm/anyspend/react/hooks/useGeoOnrampOptions.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { useCoinbaseOnrampOptions } from "./useCoinbaseOnrampOptions.js";
 import { useGetGeo } from "./useGetGeo.js";
 import { useStripeSupport } from "./useStripeSupport.js";
-export function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
+export function useGeoOnrampOptions(srcFiatAmount) {
     // Get fingerprint data
     const { data: fpData, isLoading: isLoadingVisitorData } = useVisitorData({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
@@ -12,8 +12,8 @@ export function useGeoOnrampOptions(isMainnet, srcFiatAmount) {
     };
     // Use existing hooks
     const { geoData, loading: isLoadingGeo, error: geoError } = useGetGeo();
-    const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = useCoinbaseOnrampOptions(isMainnet, geoData?.country, visitorData);
-    const { stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(isMainnet, srcFiatAmount, visitorData);
+    const { coinbaseOnrampOptions, isLoadingCoinbaseOnrampOptions, coinbaseOnrampOptionsError } = useCoinbaseOnrampOptions(geoData?.country, visitorData);
+    const { stripeWeb2Support, isLoadingStripeSupport, stripeSupportError } = useStripeSupport(srcFiatAmount, visitorData);
     // Calculate available payment methods based on the amount
     const coinbaseAvailablePaymentMethods = useMemo(() => {
         if (!coinbaseOnrampOptions?.paymentCurrencies?.[0]?.limits || !srcFiatAmount)

package/dist/esm/anyspend/react/hooks/useStripeClientSecret.d.ts

@@ -1,4 +1,4 @@
-export declare function useStripeClientSecret(isMainnet: boolean, paymentIntentId: string): {
+export declare function useStripeClientSecret(paymentIntentId: string): {
     clientSecret: string | null;
     isLoadingStripeClientSecret: boolean;
     stripeClientSecretError: Error | null;

package/dist/esm/anyspend/react/hooks/useStripeClientSecret.js

@@ -1,10 +1,10 @@
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
-export function useStripeClientSecret(isMainnet, paymentIntentId) {
+export function useStripeClientSecret(paymentIntentId) {
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["stripeClientSecret", isMainnet, paymentIntentId],
-        queryFn: () => anyspendService.getStripeClientSecret(isMainnet, paymentIntentId),
+        queryKey: ["stripeClientSecret", paymentIntentId],
+        queryFn: () => anyspendService.getStripeClientSecret(paymentIntentId),
     });
     return useMemo(() => ({
         clientSecret: data || null,

package/dist/esm/anyspend/react/hooks/useStripeSupport.d.ts

@@ -1,5 +1,5 @@
 import { VisitorData } from "../../../anyspend/types/fingerprint";
-export declare function useStripeSupport(isMainnet: boolean, usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
+export declare function useStripeSupport(usdAmount?: string, visitorData?: VisitorData, isLoadingVisitorData?: boolean): {
     stripeWeb2Support: {
         isSupport: false;
     } | {

package/dist/esm/anyspend/react/hooks/useStripeSupport.js

@@ -1,10 +1,10 @@
 import { anyspendService } from "../../../anyspend/services/anyspend.js";
 import { useQuery } from "@tanstack/react-query";
 import { useMemo } from "react";
-export function useStripeSupport(isMainnet, usdAmount, visitorData, isLoadingVisitorData) {
+export function useStripeSupport(usdAmount, visitorData, isLoadingVisitorData) {
     const { data, isLoading, error, refetch } = useQuery({
-        queryKey: ["useStripeSupport", isMainnet, usdAmount, visitorData?.requestId, visitorData?.visitorId],
-        queryFn: () => anyspendService.checkStripeSupport(isMainnet, usdAmount, visitorData),
+        queryKey: ["useStripeSupport", usdAmount, visitorData?.requestId, visitorData?.visitorId],
+        queryFn: () => anyspendService.checkStripeSupport(usdAmount, visitorData),
         enabled: !isLoadingVisitorData,
     });
     return useMemo(() => ({

package/dist/esm/anyspend/services/anyspend.d.ts

@@ -3,11 +3,10 @@ import { components } from "../types/api";
 import { GetCoinbaseOnrampOptionsResponse, GetOrderAndTxsResponse, GetOrderHistoryResponse, GetQuoteRequest, GetQuoteResponse } from "../types/api_req_res";
 import { VisitorData } from "../types/fingerprint";
 export declare const anyspendService: {
-    getTokenList: (isMainnet: boolean, chainId: number, query: string) => Promise<components["schemas"]["Token"][]>;
-    getToken: (isMainnet: boolean, chainId: number, tokenAddress: string) => Promise<components["schemas"]["Token"]>;
-    getQuote: (isMainnet: boolean, req: GetQuoteRequest) => Promise<GetQuoteResponse>;
-    createOrder: ({ isMainnet, recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, visitorData, }: {
-        isMainnet: boolean;
+    getTokenList: (chainId: number, query: string) => Promise<components["schemas"]["Token"][]>;
+    getToken: (chainId: number, tokenAddress: string) => Promise<components["schemas"]["Token"]>;
+    getQuote: (req: GetQuoteRequest) => Promise<GetQuoteResponse>;
+    createOrder: ({ recipientAddress, type, srcChain, dstChain, srcTokenAddress, dstTokenAddress, srcAmount, payload, onramp, metadata, creatorAddress, partnerId, visitorData, }: {
         recipientAddress: string;
         type: string;
         srcChain: number;
@@ -27,12 +26,12 @@ export declare const anyspendService: {
         data: components["schemas"]["Order"];
         statusCode: number;
     }>;
-    getOrderAndTransactions: (isMainnet: boolean, orderId: string | undefined) => Promise<GetOrderAndTxsResponse>;
-    getOrderHistory: (isMainnet: boolean, creatorAddress: string | undefined, limit?: number, offset?: number) => Promise<GetOrderHistoryResponse>;
-    getCoinbaseOnrampOptions: (isMainnet: boolean, country: string, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
-    checkStripeSupport: (isMainnet: boolean, usdAmount?: string, visitorData?: VisitorData) => Promise<{
+    getOrderAndTransactions: (orderId: string | undefined) => Promise<GetOrderAndTxsResponse>;
+    getOrderHistory: (creatorAddress: string | undefined, limit?: number, offset?: number) => Promise<GetOrderHistoryResponse>;
+    getCoinbaseOnrampOptions: (country: string, visitorData?: VisitorData) => Promise<GetCoinbaseOnrampOptionsResponse>;
+    checkStripeSupport: (usdAmount?: string, visitorData?: VisitorData) => Promise<{
         stripeOnramp: boolean;
         stripeWeb2: components["schemas"]["StripeWeb2Support"];
     }>;
-    getStripeClientSecret: (isMainnet: boolean, paymentIntentId: string) => Promise<string | null>;
+    getStripeClientSecret: (paymentIntentId: string) => Promise<string | null>;
 };