@b3dotfun/sdk 0.0.24 → 0.0.25

package/src/anyspend/docs/installation.md

@@ -49,10 +49,7 @@ export default App;
 
 ### 2. Environment Configuration
 
-AnySpend automatically configures API endpoints based on the `isMainnet` parameter:
-
 - **Mainnet**: `https://mainnet.anyspend.com`
-- **Testnet**: `http://testnet.anyspend.com`
 
 ### 3. TypeScript Configuration (Optional but Recommended)
 
@@ -97,7 +94,6 @@ function TestComponent() {
     <AnySpendNFTButton
       nftContract={testNFT}
       recipientAddress="0x742d35Cc6634C0532925a3b8D07d77d9F05C4d57"
-      isMainnet={false} // Use testnet for testing
       onSuccess={(txHash) => {
         console.log("Test successful!", txHash);
       }}
@@ -110,4 +106,4 @@ function TestComponent() {
 
 - [Explore Components →](./components.md)
 - [Learn about Hooks →](./hooks.md)
-- [See Examples →](./examples.md) 
+- [See Examples →](./examples.md)

package/src/anyspend/react/components/AnySpend.tsx

@@ -25,12 +25,12 @@ import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { shortenAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
 import { formatDisplayNumber, formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 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 { components } from "../../types/api";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "./AnySpendFingerprintWrapper";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod";
@@ -65,7 +65,6 @@ export enum PanelView {
 const ANYSPEND_RECIPIENTS_KEY = "anyspend_recipients";
 
 export function AnySpend(props: {
-  isMainnet?: boolean;
   mode?: "page" | "modal";
   defaultActiveTab?: "crypto" | "fiat";
   destinationTokenAddress?: string;
@@ -86,7 +85,6 @@ export function AnySpend(props: {
 function AnySpendInner({
   destinationTokenAddress,
   destinationTokenChainId,
-  isMainnet = true,
   mode = "modal",
   defaultActiveTab = "crypto",
   loadOrder,
@@ -95,7 +93,6 @@ function AnySpendInner({
 }: {
   destinationTokenAddress?: string;
   destinationTokenChainId?: number;
-  isMainnet?: boolean;
   mode?: "page" | "modal";
   defaultActiveTab?: "crypto" | "fiat";
   loadOrder?: string;
@@ -129,10 +126,7 @@ function AnySpendInner({
   const [activeTab, setActiveTab] = useState<"crypto" | "fiat">(defaultActiveTab);
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);
-  const { orderAndTransactions: oat, getOrderAndTransactionsError } = useAnyspendOrderAndTransactions(
-    isMainnet,
-    orderId,
-  );
+  const { orderAndTransactions: oat, getOrderAndTransactionsError } = useAnyspendOrderAndTransactions(orderId);
   !!getOrderAndTransactionsError && console.log("getOrderAndTransactionsError", getOrderAndTransactionsError);
 
   const [activePanel, setActivePanel] = useState<PanelView>(loadOrder ? PanelView.ORDER_DETAILS : PanelView.MAIN);
@@ -147,10 +141,9 @@ function AnySpendInner({
   // 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 initialSrcChainId = parseInt(searchParams.get("fromChainId") || "0") || mainnet.id;
   const initialDstChainId =
-    parseInt(searchParams.get("toChainId") || "0") ||
-    (isBuyMode ? destinationTokenChainId : isMainnet ? base.id : b3Sepolia.id);
+    parseInt(searchParams.get("toChainId") || "0") || (isBuyMode ? destinationTokenChainId : base.id);
 
   // State for source chain/token selection
   const [selectedSrcChainId, setSelectedSrcChainId] = useState<number>(initialSrcChainId);
@@ -415,10 +408,7 @@ function AnySpendInner({
   }, [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: FiatPaymentMethod): "coinbase" | "stripe" | "stripe-web2" | undefined => {
@@ -442,7 +432,6 @@ function AnySpendInner({
     : 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"
       ? {
           srcChain: selectedSrcChainId,
@@ -534,7 +523,6 @@ function AnySpendInner({
   //     const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
 
   //     createOrder({
-  //       isMainnet,
   //       recipientAddress,
   //       orderType: "swap",
   //       srcChain: selectedSrcChainId,
@@ -800,7 +788,6 @@ function AnySpendInner({
       const srcAmountBigInt = parseUnits(srcAmount.replace(/,/g, ""), selectedSrcToken.decimals);
 
       createOrder({
-        isMainnet,
         recipientAddress,
         orderType: "swap",
         srcChain: selectedSrcChainId,
@@ -866,7 +853,6 @@ function AnySpendInner({
       };
 
       createOnrampOrder({
-        isMainnet,
         recipientAddress,
         orderType: "swap",
         dstChain: getDstToken().chainId,
@@ -969,7 +955,6 @@ function AnySpendInner({
           <>
             <OrderStatus order={oat.data.order} />
             <OrderDetails
-              isMainnet={isMainnet}
               mode={mode}
               order={oat.data.order}
               depositTxs={oat.data.depositTxs}
@@ -1322,15 +1307,12 @@ function AnySpendInner({
           disabled={btnInfo.disable}
           onClick={onMainButtonClick}
           className={cn(
-            "relative w-full",
+            "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")}
         >
           {btnInfo.text}
-          {!btnInfo.disable && !btnInfo.error && (
-            <ChevronRightCircle className="absolute right-0 top-1/2 h-6 w-6 -translate-y-1/2 opacity-70" />
-          )}
         </ShinyButton>
 
         {!hideTransactionHistoryButton && (globalAddress || recipientAddress) ? (
@@ -1351,7 +1333,6 @@ function AnySpendInner({
       srcAmountOnRamp={srcAmountOnRamp}
       recipientName={recipientName || undefined}
       recipientAddress={recipientAddress}
-      isMainnet={isMainnet}
       isBuyMode={isBuyMode}
       destinationTokenChainId={destinationTokenChainId}
       destinationTokenAddress={destinationTokenAddress}
@@ -1416,7 +1397,6 @@ function AnySpendInner({
         setActivePanel(PanelView.MAIN); // Go back to main panel to show updated pricing
       }}
       srcAmountOnRamp={srcAmountOnRamp}
-      isMainnet={isMainnet}
     />
   );
 
@@ -1425,7 +1405,7 @@ function AnySpendInner({
     <StyleRoot>
       <div
         className={cn(
-          "mx-auto w-full max-w-[460px]",
+          "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",
         )}

package/src/anyspend/react/components/AnySpendBondKit.tsx

@@ -357,7 +357,6 @@ export function AnySpendBondKit({
 
   return (
     <AnySpendCustom
-      isMainnet={true}
       mode={mode}
       recipientAddress={recipientAddress}
       orderType={"custom"}

package/src/anyspend/react/components/AnySpendBuySpin.tsx

@@ -121,7 +121,6 @@ const basePublicClient = createPublicClient({
 });
 
 export function AnySpendBuySpin({
-  isMainnet = true,
   loadOrder,
   mode = "modal",
   spinwheelContractAddress,
@@ -130,7 +129,6 @@ export function AnySpendBuySpin({
   prefillQuantity,
   onSuccess,
 }: {
-  isMainnet?: boolean;
   loadOrder?: string;
   mode?: "modal" | "page";
   spinwheelContractAddress: string;
@@ -665,7 +663,6 @@ export function AnySpendBuySpin({
 
   return (
     <AnySpendCustom
-      isMainnet={isMainnet}
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={recipientAddress}

package/src/anyspend/react/components/AnySpendCustom.tsx

@@ -41,7 +41,7 @@ import { ChevronRight, ChevronRightCircle, Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import React, { 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";
 import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPaymentMethod";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
@@ -144,7 +144,6 @@ function generateGetRelayQuoteRequest({
 }
 
 export function AnySpendCustom(props: {
-  isMainnet?: boolean;
   loadOrder?: string;
   mode?: "modal" | "page";
   recipientAddress?: string;
@@ -176,7 +175,6 @@ export function AnySpendCustom(props: {
 }
 
 function AnySpendCustomInner({
-  isMainnet = true,
   loadOrder,
   mode = "modal",
   recipientAddress: recipientAddressProps,
@@ -192,7 +190,6 @@ function AnySpendCustomInner({
   onSuccess,
   showRecipient = true,
 }: {
-  isMainnet?: boolean;
   loadOrder?: string;
   mode?: "modal" | "page";
   recipientAddress?: string;
@@ -241,11 +238,11 @@ function AnySpendCustomInner({
 
   const [orderId, setOrderId] = useState<string | undefined>(loadOrder);
 
-  const [srcChainId, setSrcChainId] = useState<number>(isMainnet ? base.id : baseSepolia.id);
+  const [srcChainId, setSrcChainId] = useState<number>(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({
@@ -334,9 +331,9 @@ function AnySpendCustomInner({
     srcChainId,
     srcToken,
   ]);
-  const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(isMainnet, getRelayQuoteRequest);
+  const { anyspendQuote, isLoadingAnyspendQuote } = useAnyspendQuote(getRelayQuoteRequest);
 
-  const { orderAndTransactions: oat } = useAnyspendOrderAndTransactions(isMainnet, orderId);
+  const { orderAndTransactions: oat } = useAnyspendOrderAndTransactions(orderId);
 
   const onSelectOrder = (selectedOrderId: string) => {
     setActivePanel(PanelView.ORDER_DETAILS);
@@ -371,10 +368,8 @@ function AnySpendCustomInner({
   );
 
   // 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") {
@@ -419,7 +414,6 @@ function AnySpendCustomInner({
       invariant(srcAmount, "Src amount is null");
 
       const createOrderParams = {
-        isMainnet: isMainnet,
         orderType: orderType,
         srcChain: activeTab === "fiat" ? base.id : srcChainId,
         dstChain: dstChainId,
@@ -661,7 +655,6 @@ function AnySpendCustomInner({
         <>
           <OrderStatusDisplay order={oat.data.order} />
           <OrderDetails
-            isMainnet={isMainnet}
             mode={mode}
             order={oat.data.order}
             depositTxs={oat.data.depositTxs}
@@ -1162,7 +1155,6 @@ function AnySpendCustomInner({
           setActivePanel(PanelView.CONFIRM_ORDER);
         }}
         srcAmountOnRamp={srcFiatAmount}
-        isMainnet={isMainnet}
       />
     </div>
   );
@@ -1180,7 +1172,7 @@ function AnySpendCustomInner({
               ? PanelView.CONFIRM_ORDER
               : activePanel
         }
-        className={cn("w-full")}
+        className={cn("anyspend-container font-inter w-full")}
         variants={{
           enter: { x: 300, opacity: 0 },
           center: { x: 0, opacity: 1 },

package/src/anyspend/react/components/AnySpendNFT.tsx

@@ -31,14 +31,12 @@ const CONTRACT_URI_ABI = [
 ] as const;
 
 export function AnySpendNFT({
-  isMainnet = true,
   loadOrder,
   mode = "modal",
   recipientAddress,
   nftContract,
   onSuccess,
 }: {
-  isMainnet?: boolean;
   loadOrder?: string;
   mode?: "modal" | "page";
   recipientAddress?: string;
@@ -150,7 +148,6 @@ export function AnySpendNFT({
 
   return (
     <AnySpendCustom
-      isMainnet={isMainnet}
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={recipientAddress}

package/src/anyspend/react/components/AnySpendStakeB3.tsx

@@ -42,14 +42,12 @@ function generateEncodedDataForStakingB3(amount: string, beneficiary: string): s
 }
 
 export function AnySpendStakeB3({
-  isMainnet = true,
   loadOrder,
   mode = "modal",
   recipientAddress,
   stakeAmount,
   onSuccess,
 }: {
-  isMainnet?: boolean;
   loadOrder?: string;
   mode?: "modal" | "page";
   recipientAddress: string;
@@ -482,7 +480,6 @@ export function AnySpendStakeB3({
 
   return (
     <AnySpendCustom
-      isMainnet={isMainnet}
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={recipientAddress}

package/src/anyspend/react/components/AnySpendTournament.tsx

@@ -7,7 +7,6 @@ import { AnySpendCustom } from "./AnySpendCustom";
 
 type AnySpendTournamentProps =
   | {
-      isMainnet?: boolean;
       mode?: "modal" | "page";
       action: "join";
       joinFor: string;
@@ -20,7 +19,6 @@ type AnySpendTournamentProps =
       onSuccess?: () => void;
     }
   | {
-      isMainnet?: boolean;
       mode?: "modal" | "page";
       action: "fund";
       loadOrder?: string;
@@ -34,7 +32,6 @@ type AnySpendTournamentProps =
 
 export function AnySpendTournament(props: AnySpendTournamentProps) {
   const {
-    isMainnet = true,
     mode = "modal",
     action,
     loadOrder,
@@ -91,7 +88,6 @@ export function AnySpendTournament(props: AnySpendTournamentProps) {
 
   return (
     <AnySpendCustom
-      isMainnet={isMainnet}
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={action === "join" ? props.joinFor : undefined}

package/src/anyspend/react/components/AnyspendSignatureMint.tsx

@@ -134,7 +134,6 @@ export function AnyspendSignatureMint({
 
   return (
     <AnySpendCustom
-      isMainnet={true}
       loadOrder={loadOrder}
       mode={mode}
       recipientAddress={signatureData.payload.to}

package/src/anyspend/react/components/common/CryptoPaymentMethod.tsx

@@ -57,7 +57,7 @@ export function CryptoPaymentMethod({
   ];
 
   return (
-    <div className="mx-auto h-fit w-[460px] max-w-full">
+    <div className="crypto-payment-method mx-auto h-fit w-[460px] max-w-full">
       <div className={cn("relative flex flex-col gap-10")}>
         {/* Header */}
         <button
@@ -73,16 +73,16 @@ export function CryptoPaymentMethod({
         </div>
 
         {/* Payment Methods */}
-        <div className="flex flex-col gap-3">
+        <div className="crypto-payment-methods flex flex-col gap-3">
           {/* Connect Wallet Option */}
           {!activeWallet ? (
             // Not connected - show single connect button
             <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"
+              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"
             >
               <div className="flex items-center gap-3">
-                <div className="flex h-8 w-8 items-center justify-center rounded-full bg-blue-100">
+                <div className="wallet-icon flex h-8 w-8 items-center justify-center rounded-full bg-blue-100">
                   <Wallet className="h-4 w-4 text-blue-600" />
                 </div>
                 <div className="flex flex-col items-start text-left">
@@ -94,13 +94,13 @@ export function CryptoPaymentMethod({
             </button>
           ) : (
             // Connected - show wallet info
-            <div className="bg-as-surface-primary border-as-border-secondary rounded-xl border">
+            <div className="crypto-payment-method-connect-wallet wallet-connected bg-as-surface-primary border-as-border-secondary rounded-xl border">
               <div className="flex items-center justify-between p-4">
                 <div className="flex items-center gap-3">
                   {globalWallet?.meta?.icon ? (
                     <img src={globalWallet.meta.icon} alt="Connected Wallet" className="h-8 w-8 rounded-full" />
                   ) : (
-                    <div className="flex h-8 w-8 items-center justify-center rounded-full bg-green-100">
+                    <div className="wallet-icon flex h-8 w-8 items-center justify-center rounded-full bg-green-100">
                       <Wallet className="h-4 w-4 text-green-600" />
                     </div>
                   )}
@@ -146,7 +146,7 @@ export function CryptoPaymentMethod({
               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"
+            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"
           >
             <div className="flex flex-col items-start text-left">
               <h4 className="text-as-primary font-semibold">Transfer crypto</h4>

package/src/anyspend/react/components/common/FiatPaymentMethod.tsx

@@ -16,7 +16,6 @@ interface FiatPaymentMethodProps {
   onBack: () => void;
   onSelectPaymentMethod: (method: FiatPaymentMethod) => void;
   srcAmountOnRamp: string;
-  isMainnet: boolean;
 }
 
 export function FiatPaymentMethodComponent({
@@ -25,7 +24,6 @@ export function FiatPaymentMethodComponent({
   onBack,
   onSelectPaymentMethod,
   srcAmountOnRamp,
-  isMainnet,
 }: FiatPaymentMethodProps) {
   // Helper function to get fees from API data
   const getFeeFromApi = (paymentMethod: FiatPaymentMethod): string | null => {
@@ -49,7 +47,7 @@ export function FiatPaymentMethodComponent({
     coinbaseAvailablePaymentMethods,
     stripeWeb2Support,
     isLoading: isLoadingGeoOnramp,
-  } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
+  } = useGeoOnrampOptions(srcAmountOnRamp);
 
   // Generate payment methods based on geo availability (like in PanelOnrampPayment)
   const availablePaymentMethods = [];
@@ -83,7 +81,7 @@ export function FiatPaymentMethodComponent({
   // Show loading state while checking geo availability
   if (isLoadingGeoOnramp) {
     return (
-      <div className="mx-auto w-[460px] max-w-full">
+      <div className="fiat-payment-method mx-auto w-[460px] max-w-full">
         <div className="flex flex-col gap-6">
           <div className="flex items-center gap-4">
             <button
@@ -106,7 +104,7 @@ export function FiatPaymentMethodComponent({
   }
 
   return (
-    <div className="mx-auto w-[460px] max-w-full">
+    <div className="fiat-payment-method mx-auto w-[460px] max-w-full">
       <div className="flex flex-col gap-6">
         {/* Header */}
         <div className="flex items-center gap-4">
@@ -124,7 +122,7 @@ export function FiatPaymentMethodComponent({
         {/* Payment Methods */}
         <div className="flex flex-col gap-3">
           {availablePaymentMethods.length === 0 ? (
-            <div className="bg-as-surface-secondary border-as-border-secondary rounded-2xl border p-6 text-center">
+            <div className="fiat-payment-method-no-methods bg-as-surface-secondary border-as-border-secondary rounded-2xl border p-6 text-center">
               <p className="text-as-secondary text-sm">
                 No payment methods available in your region for the selected amount.
               </p>
@@ -138,7 +136,7 @@ export function FiatPaymentMethodComponent({
                   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",
+                  "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",

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -54,7 +54,6 @@ import PaymentVendorUI from "./PaymentVendorUI";
 import { TransferCryptoDetails } from "./TransferCryptoDetails";
 
 interface OrderDetailsProps {
-  isMainnet: boolean;
   mode?: "modal" | "page";
   order: components["schemas"]["Order"];
   depositTxs: components["schemas"]["DepositTx"][] | null;
@@ -191,7 +190,6 @@ function roundTokenAmount(amount: string | undefined): string | undefined {
 }
 
 export const OrderDetails = memo(function OrderDetails({
-  isMainnet,
   mode = "modal",
   order,
   depositTxs,
@@ -963,7 +961,7 @@ export const OrderDetails = memo(function OrderDetails({
       {statusDisplay === "processing" && (
         <>
           {order.onrampMetadata ? (
-            <PaymentVendorUI isMainnet={isMainnet} order={order} dstTokenSymbol={dstToken.symbol} />
+            <PaymentVendorUI order={order} dstTokenSymbol={dstToken.symbol} />
           ) : effectiveCryptoPaymentMethod === CryptoPaymentMethodType.CONNECT_WALLET ? (
             <ConnectWalletPayment
               order={order}

package/src/anyspend/react/components/common/OrderHistory.tsx

@@ -5,8 +5,6 @@ import { Button, Skeleton, useAccountWallet } from "@b3dotfun/sdk/global-account
 import { ArrowLeft, RefreshCcw } from "lucide-react";
 import { OrderHistoryItem } from "./OrderHistoryItem";
 
-const isMainnet = true;
-
 interface OrderHistoryProps {
   mode: "modal" | "page";
   onBack: () => void;
@@ -15,7 +13,7 @@ interface OrderHistoryProps {
 
 export function OrderHistory({ mode, onBack, onSelectOrder }: OrderHistoryProps) {
   const { address } = useAccountWallet();
-  const { orderHistory, isLoadingOrderHistory, refetchOrderHistory } = useAnyspendOrderHistory(isMainnet, address);
+  const { orderHistory, isLoadingOrderHistory, refetchOrderHistory } = useAnyspendOrderHistory(address);
 
   return (
     <>

package/src/anyspend/react/components/common/OrderStatus.tsx

@@ -1,5 +1,6 @@
 import { getStatusDisplay } from "@b3dotfun/sdk/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { useSearchParams } from "@b3dotfun/sdk/shared/react";
 import { Check, X } from "lucide-react";
 import { memo } from "react";
 import { Step, StepProgress } from "./StepProgress";
@@ -7,6 +8,8 @@ import { Step, StepProgress } from "./StepProgress";
 export const OrderStatus = memo(function OrderStatus({ order }: { order: components["schemas"]["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);
@@ -25,7 +28,10 @@ export const OrderStatus = memo(function OrderStatus({ order }: { order: compone
   ];
 
   if (["waiting_stripe_payment", "scanning_deposit_transaction"].includes(order.status)) {
-    return <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 <StepProgress steps={paymentSteps} currentStepIndex={0} />;
+    }
   }
 
   if (["relay", "sending_token_from_vault"].includes(order.status)) {

package/src/anyspend/react/components/common/PanelOnramp.tsx

@@ -34,7 +34,7 @@ export function PanelOnramp({
   onDestinationChainChange?: (chainId: number) => void;
 }) {
   // 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: FiatPaymentMethod): number | null => {
@@ -74,7 +74,7 @@ export function PanelOnramp({
 
   // 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 });

package/src/anyspend/react/components/common/PanelOnrampPayment.tsx

@@ -13,7 +13,6 @@ interface PanelOnrampPaymentProps {
   srcAmountOnRamp: string;
   recipientName?: string;
   recipientAddress?: string;
-  isMainnet: boolean;
   isBuyMode: boolean;
   destinationTokenChainId?: number;
   destinationTokenAddress?: string;
@@ -45,7 +44,6 @@ function PanelOnrampPaymentInner(props: PanelOnrampPaymentProps) {
   const {
     srcAmountOnRamp,
     recipientAddress,
-    isMainnet,
     isBuyMode,
     destinationTokenChainId,
     destinationTokenAddress,
@@ -69,7 +67,7 @@ function PanelOnrampPaymentInner(props: PanelOnrampPaymentProps) {
     coinbaseAvailablePaymentMethods,
     stripeWeb2Support,
     isLoading: isLoadingGeoOnramp,
-  } = useGeoOnrampOptions(isMainnet, srcAmountOnRamp);
+  } = useGeoOnrampOptions(srcAmountOnRamp);
 
   const isLoading = isLoadingGeoOnramp;
 
@@ -127,7 +125,6 @@ function PanelOnrampPaymentInner(props: PanelOnrampPaymentProps) {
       };
 
       createOrder({
-        isMainnet,
         recipientAddress,
         orderType,
         dstChain: getDstToken().chainId,

package/src/anyspend/react/components/common/PaymentStripeWeb2.tsx

@@ -15,17 +15,15 @@ import PaymentMethodIcons from "./PaymentMethodIcons";
 const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
 
 interface PaymentStripeWeb2Props {
-  isMainnet: boolean;
   order: components["schemas"]["Order"];
   onPaymentSuccess?: (paymentIntent: any) => void;
 }
 
-export default function PaymentStripeWeb2({ isMainnet, order, onPaymentSuccess }: PaymentStripeWeb2Props) {
+export default function PaymentStripeWeb2({ order, onPaymentSuccess }: PaymentStripeWeb2Props) {
   const { theme } = useB3();
   const fingerprintConfig = getFingerprintConfig();
 
   const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(
-    isMainnet,
     order.stripePaymentIntentId!,
   );