@b3dotfun/sdk 0.0.88-alpha.10 → 0.0.88-alpha.2

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

@@ -13,10 +13,6 @@ interface OrderDetailsProps {
     onBack?: () => void;
     disableUrlParamManagement?: boolean;
     points?: number | undefined;
-    /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
-    returnToHomeUrl?: string;
-    /** Custom label for the return home button (overrides "Return to Home" / "Close") */
-    returnHomeLabel?: string;
 }
 export declare const OrderDetails: import("react").NamedExoticComponent<OrderDetailsProps>;
 export declare const OrderDetailsLoadingView: import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/components/common/PanelOnramp.d.ts

@@ -1,7 +1,7 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { FiatPaymentMethod } from "./FiatPaymentMethod";
-export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, fiatPaymentMethodIndex, recipientSelectionPanelIndex, dstTokenSymbol, hideDstToken, anyspendQuote, onShowPointsDetail, onShowFeeDetail, customUsdInputValues, customRecipientLabel, }: {
+export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selectedPaymentMethod, setActivePanel, _recipientAddress, destinationToken, destinationChainId, destinationAmount, onDestinationTokenChange, onDestinationChainChange, fiatPaymentMethodIndex, recipientSelectionPanelIndex, dstTokenSymbol, hideDstToken, anyspendQuote, onShowPointsDetail, onShowFeeDetail, customUsdInputValues, }: {
     srcAmountOnRamp: string;
     setSrcAmountOnRamp: (amount: string) => void;
     selectedPaymentMethod?: FiatPaymentMethod;
@@ -20,6 +20,4 @@ export declare function PanelOnramp({ srcAmountOnRamp, setSrcAmountOnRamp, selec
     onShowPointsDetail?: () => void;
     onShowFeeDetail?: () => void;
     customUsdInputValues?: string[];
-    /** Custom label for recipient display (overrides recipientName) */
-    customRecipientLabel?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/anyspend/react/hooks/index.d.ts

@@ -7,7 +7,6 @@ export * from "./useAnyspendQuote";
 export * from "./useAnyspendTokens";
 export * from "./useCoinbaseOnrampOptions";
 export * from "./useConnectedUserProfile";
-export * from "./useGasPrice";
 export * from "./useGeoOnrampOptions";
 export * from "./useGetGeo";
 export * from "./useHyperliquidTransfer";

package/dist/types/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -5,14 +5,15 @@ import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
 import { CreateConnectorFn } from "wagmi";
 import { ClientType } from "../../../client-manager";
+import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, defaultPermissions, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     automaticallySetFirstEoa?: boolean;
     simDuneApiKey?: string;
     toaster?: {
@@ -29,5 +30,20 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     overrideDefaultConnectors?: boolean;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
+    children: React.ReactNode;
+    accountOverride?: Account;
+    environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
+    automaticallySetFirstEoa: boolean;
+    theme: "light" | "dark";
+    clientType?: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/global-account/react/components/B3Provider/B3Provider.native.d.ts

@@ -1,27 +1,27 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
+import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, defaultPermissions, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     clientType?: ClientType;
     partnerId: string;
     rpcUrls?: Record<number, string>;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
-    defaultPermissions?: PermissionsConfig;
 }): import("react/jsx-runtime").JSX.Element;
 /**
- * Inner provider component for native
+ * Inner provider component that provides the actual B3Context
  */
 export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, clientType, partnerId, rpcUrls, }: {
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
     theme: "light" | "dark";
     clientType?: ClientType;

package/dist/types/global-account/react/components/B3Provider/types.d.ts

@@ -0,0 +1,27 @@
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
+import { ClientType } from "../../../client-manager";
+/**
+ * Context type for B3Provider
+ */
+export interface B3ContextType {
+    account?: Account;
+    automaticallySetFirstEoa: boolean;
+    wallet?: Wallet;
+    initialized: boolean;
+    ready: boolean;
+    environment?: "development" | "production";
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+    clientType: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey?: boolean;
+}
+/**
+ * Context for B3 provider
+ */
+export declare const B3Context: import("react").Context<B3ContextType>;

package/dist/types/global-account/react/components/B3Provider/useB3.d.ts

@@ -1,16 +1,6 @@
 /**
- * Hook to access the B3 configuration
- * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ * @deprecated Use useB3Config or useB3Account instead
  */
-export declare function useB3(): {
-    automaticallySetFirstEoa: boolean;
-    environment: "development" | "production";
-    theme: "light" | "dark";
-    clientType: import("../../../client-manager").ClientType;
-    partnerId: string;
-    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
-    enableTurnkey: boolean;
-    stripePublishableKey: string | undefined;
-    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
-    accountOverride: import("thirdweb/wallets").Account | undefined;
-};
+export declare function useB3(): import("./types").B3ContextType;

package/dist/types/global-account/react/components/B3Provider/useB3Config.d.ts

@@ -1,17 +1,9 @@
-/**
- * Hook to access B3 configuration
- * Returns all config values from the Zustand store
- * Since config is static (set once at initialization), destructuring is fine here
- */
 export declare const useB3Config: () => {
     automaticallySetFirstEoa: boolean;
-    environment: "development" | "production";
+    environment: "development" | "production" | undefined;
     theme: "light" | "dark";
     clientType: import("../../../client-manager").ClientType;
     partnerId: string;
     createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
-    enableTurnkey: boolean;
-    stripePublishableKey: string | undefined;
-    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
-    accountOverride: import("thirdweb/wallets").Account | undefined;
+    enableTurnkey: boolean | undefined;
 };

package/dist/types/global-account/react/components/index.d.ts

@@ -1,6 +1,7 @@
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Provider } from "./B3Provider/B3Provider";
+export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
 export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper";
+export { B3Context, type B3ContextType } from "./B3Provider/types";
 export { useB3 } from "./B3Provider/useB3";
 export { useB3Account } from "./B3Provider/useB3Account";
 export { useB3Config } from "./B3Provider/useB3Config";

package/dist/types/global-account/react/hooks/index.d.ts

@@ -3,7 +3,6 @@ export { useAccountAssets } from "./useAccountAssets";
 export { useAccountWallet } from "./useAccountWallet";
 export { useAddTWSessionKey } from "./useAddTWSessionKey";
 export { useAnalytics } from "./useAnalytics";
-export { useAuth } from "./useAuth";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
@@ -43,4 +42,3 @@ export { useTokensFromAddress } from "./useTokensFromAddress";
 export { useTurnkeyAuth } from "./useTurnkeyAuth";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";
-export { useUser } from "./useUser";

package/dist/types/global-account/react/hooks/useTWAuth.d.ts

@@ -1,7 +1,4 @@
 import { Wallet } from "thirdweb/wallets";
-/**
- * @deprecated Use useAuth() with Turnkey authentication instead
- */
 export declare function useTWAuth(): {
     authenticate: (wallet: Wallet, partnerId: string) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
 };

package/dist/types/global-account/react/index.native.d.ts

@@ -1,4 +1,6 @@
 export { B3Provider } from "./components/B3Provider/B3Provider.native";
+export { B3Context, type B3ContextType } from "./components/B3Provider/types";
+export { useB3 } from "./components/B3Provider/useB3";
 export { useAccountWallet } from "./hooks/useAccountWallet";
 export { useAuthentication } from "./hooks/useAuthentication";
 export { useProfile } from "./hooks/useProfile";

package/dist/types/global-account/react/stores/index.d.ts

@@ -1,5 +1,4 @@
 export { useAuthStore } from "./useAuthStore";
-export { useB3ConfigStore } from "./configStore";
 export { useModalStore } from "./useModalStore";
 export { useRecentAddressesStore } from "./useRecentAddressesStore";
 export type { AnySpendBuySpinProps, AnySpendFundTournamentProps, AnySpendJoinTournamentProps, AnySpendModalProps, AnySpendNftProps, AnySpendOrderHistoryProps, AnySpendStakeB3Props, AnyspendOrderDetailsProps, ManageAccountModalProps, ModalContentType, RequestPermissionsModalProps, SignInWithB3ModalProps, } from "./useModalStore";

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

@@ -403,12 +403,6 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     customUsdInputValues?: string[];
     /** prefer eoa wallet */
     preferEoa?: boolean;
-    /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
-    returnToHomeUrl?: string;
-    /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
-    customRecipientLabel?: string;
-    /** Custom label for the return home button (overrides "Return to Home" / "Close") */
-    returnHomeLabel?: string;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */
@@ -477,10 +471,6 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     vendingMachineId: string;
     /** The pack type */
     packType: string;
-    /** Active tab */
-    activeTab?: "crypto" | "fiat";
-    /** Force fiat payment */
-    forceFiatPayment?: boolean;
 }
 /**
  * Union type of all possible modal content types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.88-alpha.10",
+  "version": "0.0.88-alpha.2",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/anyspend/constants/index.ts

@@ -4,9 +4,6 @@ import { components } from "../types/api";
 export const ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
 
 export const ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
-export const GAS_ORACLE_BASE_URL = process.env.NEXT_PUBLIC_GAS_ORACLE_URL || "https://gas-oracle.sean-430.workers.dev";
-
-export const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
 export const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 
 export const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;

package/src/anyspend/index.ts

@@ -1,6 +1,5 @@
 // Types
 export * from "./types/api";
-export * from "./types/gas";
 
 // Utils
 export * from "./utils/address";
@@ -15,9 +14,6 @@ export * from "./utils/validation";
 // Constants
 export * from "./constants";
 
-// Services
-export * from "./services/gas";
-
 // Abis
 export * from "./abis/abiUsdcBase";
 export * from "./abis/erc20Staking";

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

@@ -14,7 +14,6 @@ import {
   useAnyspendCreateOrder,
   useAnyspendOrderAndTransactions,
   useAnyspendQuote,
-  useGasPrice,
   useGeoOnrampOptions,
 } from "@b3dotfun/sdk/anyspend/react";
 import {
@@ -25,7 +24,7 @@ import {
   toast,
   TransitionPanel,
   useAccountWallet,
-  useB3Config,
+  useB3,
   useModalStore,
   useProfile,
   useRouter,
@@ -56,7 +55,6 @@ import { CryptoPaySection } from "./common/CryptoPaySection";
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection";
 import { FeeDetailPanel } from "./common/FeeDetailPanel";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
-import { GasIndicator } from "./common/GasIndicator";
 import { OrderDetails, OrderDetailsLoadingView } from "./common/OrderDetails";
 import { OrderHistory } from "./common/OrderHistory";
 import { PanelOnramp } from "./common/PanelOnramp";
@@ -109,12 +107,6 @@ export function AnySpend(props: {
   hideBottomNavigation?: boolean;
   /** When true, disables URL parameter management for swap configuration */
   disableUrlParamManagement?: boolean;
-  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
-  returnToHomeUrl?: string;
-  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
-  customRecipientLabel?: string;
-  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
-  returnHomeLabel?: string;
 }) {
   const fingerprintConfig = getFingerprintConfig();
 
@@ -140,9 +132,6 @@ function AnySpendInner({
   hideHeader,
   hideBottomNavigation = false,
   disableUrlParamManagement = false,
-  returnToHomeUrl,
-  customRecipientLabel,
-  returnHomeLabel,
 }: {
   sourceChainId?: number;
   destinationTokenAddress?: string;
@@ -158,14 +147,11 @@ function AnySpendInner({
   hideHeader?: boolean;
   hideBottomNavigation?: boolean;
   disableUrlParamManagement?: boolean;
-  returnToHomeUrl?: string;
-  customRecipientLabel?: string;
-  returnHomeLabel?: string;
 }) {
   const searchParams = useSearchParamsSSR();
   const router = useRouter();
 
-  const { partnerId } = useB3Config();
+  const { partnerId } = useB3();
   const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
 
   // Determine if we're in "buy mode" based on whether destination token props are provided
@@ -559,9 +545,6 @@ function AnySpendInner({
   const { geoData, coinbaseAvailablePaymentMethods, stripeOnrampSupport, stripeWeb2Support } =
     useGeoOnrampOptions(srcAmountOnRamp);
 
-  // Get gas price for source chain (where the user pays from)
-  const { gasPrice: gasPriceData, isLoading: isLoadingGas } = useGasPrice(selectedSrcChainId);
-
   // Helper function to map payment method to onramp vendor
   const getOnrampVendor = (paymentMethod: FiatPaymentMethod): "coinbase" | "stripe" | "stripe-web2" | undefined => {
     switch (paymentMethod) {
@@ -1083,8 +1066,6 @@ function AnySpendInner({
               // Reset payment methods when going back
               resetPaymentMethods();
             }}
-            returnToHomeUrl={returnToHomeUrl}
-            returnHomeLabel={returnHomeLabel}
           />
         )}
         {/* {mode === "page" && <div className="h-12" />} */}
@@ -1176,7 +1157,6 @@ function AnySpendInner({
                 onShowPointsDetail={() => navigateToPanel(PanelView.POINTS_DETAIL, "forward")}
                 onShowFeeDetail={() => navigateToPanel(PanelView.FEE_DETAIL, "forward")}
                 customUsdInputValues={customUsdInputValues}
-                customRecipientLabel={customRecipientLabel}
               />
             </motion.div>
           )}
@@ -1229,7 +1209,6 @@ function AnySpendInner({
               isBuyMode={isBuyMode}
               effectiveRecipientAddress={effectiveRecipientAddress}
               recipientName={recipientName || undefined}
-              customRecipientLabel={customRecipientLabel}
               onSelectRecipient={() => navigateToPanel(PanelView.RECIPIENT_SELECTION, "forward")}
               dstAmount={dstAmount}
               dstToken={selectedDstToken}
@@ -1248,11 +1227,6 @@ function AnySpendInner({
           )}
         </div>
 
-        {/* Gas indicator - show when source chain has gas data */}
-        {gasPriceData && !isLoadingGas && activeTab === "crypto" && (
-          <GasIndicator gasPrice={gasPriceData} className="mt-2 w-full" />
-        )}
-
         {/* Main button section */}
         <motion.div
           initial={{ opacity: 0, y: 20, filter: "blur(10px)" }}

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

@@ -109,10 +109,6 @@ export interface AnySpendCollectorClubPurchaseProps {
    * The partner ID
    */
   packType: string;
-  /**
-   * Force fiat payment
-   */
-  forceFiatPayment?: boolean;
 }
 
 export function AnySpendCollectorClubPurchase({
@@ -130,7 +126,6 @@ export function AnySpendCollectorClubPurchase({
   showRecipient = true,
   vendingMachineId,
   packType,
-  forceFiatPayment,
 }: AnySpendCollectorClubPurchaseProps) {
   // Calculate total amount needed (pricePerPack * packAmount)
   const totalAmount = useMemo(() => {
@@ -198,7 +193,6 @@ export function AnySpendCollectorClubPurchase({
       onSuccess={onSuccess}
       showRecipient={showRecipient}
       srcFiatAmount={srcFiatAmount}
-      forceFiatPayment={forceFiatPayment}
     />
   );
 }

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

@@ -174,7 +174,6 @@ export function AnySpendCustom(props: {
   dstChainId: number;
   dstToken: components["schemas"]["Token"];
   dstAmount: string;
-  forceFiatPayment?: boolean;
   contractAddress: string;
   encodedData: string;
   metadata: any;
@@ -218,7 +217,6 @@ function AnySpendCustomInner({
   showRecipient = true,
   onShowPointsDetail,
   srcFiatAmount: srcFiatAmountProps,
-  forceFiatPayment,
 }: {
   loadOrder?: string;
   mode?: "modal" | "page";
@@ -243,7 +241,6 @@ function AnySpendCustomInner({
   showRecipient?: boolean;
   onShowPointsDetail?: () => void;
   srcFiatAmount?: string;
-  forceFiatPayment?: boolean;
 }) {
   const hasMounted = useHasMounted();
 
@@ -864,67 +861,65 @@ function AnySpendCustomInner({
         onValueChange={value => setActiveTab(value as "crypto" | "fiat")}
         className="bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5"
       >
-        {!forceFiatPayment && (
-          <div className="w-full">
-            <div className="bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl">
-              <div
-                className={cn(
-                  "bg-as-brand absolute bottom-0 left-0 top-0 z-0 rounded-xl transition-transform duration-100",
-                  "h-full w-1/2",
-                  activeTab === "fiat" ? "translate-x-full" : "translate-x-0",
-                )}
-                style={{ willChange: "transform" }}
-              />
+        <div className="w-full">
+          <div className="bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl">
+            <div
+              className={cn(
+                "bg-as-brand absolute bottom-0 left-0 top-0 z-0 rounded-xl transition-transform duration-100",
+                "h-full w-1/2",
+                activeTab === "fiat" ? "translate-x-full" : "translate-x-0",
+              )}
+              style={{ willChange: "transform" }}
+            />
+            <button
+              className={cn(
+                "relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100",
+                activeTab === "crypto" ? "text-white" : "text-as-primary/70 hover:bg-as-on-surface-2 bg-transparent",
+              )}
+              onClick={() => {
+                setActiveTab("crypto");
+                // Reset payment methods when switching tabs
+                resetPaymentMethods();
+                setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
+              }}
+            >
+              Pay with crypto
+            </button>
+            {isOnrampSupported ? (
               <button
                 className={cn(
                   "relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100",
-                  activeTab === "crypto" ? "text-white" : "text-as-primary/70 hover:bg-as-on-surface-2 bg-transparent",
+                  activeTab === "fiat" ? "text-white" : "text-as-primary/70 hover:bg-as-on-surface-2 bg-transparent",
                 )}
                 onClick={() => {
-                  setActiveTab("crypto");
+                  setActiveTab("fiat");
                   // Reset payment methods when switching tabs
                   resetPaymentMethods();
                   setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
                 }}
               >
-                Pay with crypto
+                Pay with fiat
               </button>
-              {isOnrampSupported ? (
-                <button
-                  className={cn(
-                    "relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100",
-                    activeTab === "fiat" ? "text-white" : "text-as-primary/70 hover:bg-as-on-surface-2 bg-transparent",
-                  )}
-                  onClick={() => {
-                    setActiveTab("fiat");
-                    // Reset payment methods when switching tabs
-                    resetPaymentMethods();
-                    setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
-                  }}
-                >
-                  Pay with fiat
-                </button>
-              ) : (
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <button
-                      className={cn(
-                        "relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100",
-                        "text-as-primary/50 cursor-not-allowed bg-transparent",
-                      )}
-                      disabled
-                    >
-                      Pay with fiat
-                    </button>
-                  </TooltipTrigger>
-                  <TooltipContent>
-                    <span className="text-as-primary w-[140px]">Fiat payments are not supported for this amount</span>
-                  </TooltipContent>
-                </Tooltip>
-              )}
-            </div>
+            ) : (
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <button
+                    className={cn(
+                      "relative z-10 h-full w-full rounded-xl px-3 text-sm font-medium transition-colors duration-100",
+                      "text-as-primary/50 cursor-not-allowed bg-transparent",
+                    )}
+                    disabled
+                  >
+                    Pay with fiat
+                  </button>
+                </TooltipTrigger>
+                <TooltipContent>
+                  <span className="text-as-primary w-[140px]">Fiat payments are not supported for this amount</span>
+                </TooltipContent>
+              </Tooltip>
+            )}
           </div>
-        )}
+        </div>
 
         {/* Warning */}
         {/* {srcChainId === base.id || dstChainId === base.id || activeTab === "fiat" ? (

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

@@ -1,4 +1,3 @@
-import { useGasPrice } from "@b3dotfun/sdk/anyspend/react";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { GetQuoteResponse } from "@b3dotfun/sdk/anyspend/types/api_req_res";
 import { normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
@@ -26,7 +25,6 @@ import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPay
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection";
 import { FeeDetailPanel } from "./common/FeeDetailPanel";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod";
-import { GasIndicator } from "./common/GasIndicator";
 import { OrderDetails } from "./common/OrderDetails";
 import { PanelOnramp } from "./common/PanelOnramp";
 import { PointsDetailPanel } from "./common/PointsDetailPanel";
@@ -68,12 +66,6 @@ export interface AnySpendCustomExactInProps {
     anyspendPrice: GetQuoteResponse | undefined;
     isLoadingAnyspendPrice: boolean;
   }) => React.JSX.Element;
-  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
-  returnToHomeUrl?: string;
-  /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
-  customRecipientLabel?: string;
-  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
-  returnHomeLabel?: string;
 }
 
 export function AnySpendCustomExactIn(props: AnySpendCustomExactInProps) {
@@ -105,9 +97,6 @@ function AnySpendCustomExactInInner({
   orderType = "custom_exact_in",
   minDestinationAmount,
   header,
-  returnToHomeUrl,
-  customRecipientLabel,
-  returnHomeLabel,
 }: AnySpendCustomExactInProps) {
   const actionLabel = customExactInConfig?.action ?? "Custom Execution";
 
@@ -170,9 +159,6 @@ function AnySpendCustomExactInInner({
 
   const { connectedEOAWallet } = useAccountWallet();
   const setActiveWallet = useSetActiveWallet();
-
-  // Get gas price for source chain (where the user pays from)
-  const { gasPrice: gasPriceData, isLoading: isLoadingGas } = useGasPrice(selectedSrcChainId);
   const appliedPreferEoa = useRef(false);
 
   useEffect(() => {
@@ -372,7 +358,6 @@ function AnySpendCustomExactInInner({
                 onShowPointsDetail={() => setActivePanel(PanelView.POINTS_DETAIL)}
                 onShowFeeDetail={() => setActivePanel(PanelView.FEE_DETAIL)}
                 customUsdInputValues={customUsdInputValues}
-                customRecipientLabel={customRecipientLabel}
               />
             </motion.div>
           )}
@@ -398,7 +383,6 @@ function AnySpendCustomExactInInner({
               isBuyMode={true}
               effectiveRecipientAddress={selectedRecipientOrDefault}
               recipientName={recipientName || undefined}
-              customRecipientLabel={customRecipientLabel}
               onSelectRecipient={() => setActivePanel(PanelView.RECIPIENT_SELECTION)}
               dstAmount={dstAmount}
               dstToken={selectedDstToken}
@@ -443,11 +427,6 @@ function AnySpendCustomExactInInner({
         </ShinyButton>
       </motion.div>
 
-      {/* Gas indicator - show when source chain has gas data */}
-      {gasPriceData && !isLoadingGas && paymentType === "crypto" && (
-        <GasIndicator gasPrice={gasPriceData} className="mt-2 w-full" />
-      )}
-
       {mainFooter ? mainFooter : null}
     </div>
   );
@@ -553,8 +532,6 @@ function AnySpendCustomExactInInner({
             }}
             disableUrlParamManagement
             points={oat.data.points || undefined}
-            returnToHomeUrl={returnToHomeUrl}
-            returnHomeLabel={returnHomeLabel}
           />
         )}
       </div>