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

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNotifications = useNotifications;
-const react_1 = require("../../../global-account/react");
 const auth_token_1 = require("../../../shared/utils/auth-token");
 const debug_1 = require("../../../shared/utils/debug");
-const react_2 = require("react");
+const react_1 = require("react");
+const components_1 = require("../components");
 const notificationsAPI_1 = require("../utils/notificationsAPI");
 const useUserQuery_1 = require("./useUserQuery");
 const debug = (0, debug_1.debugB3React)("useNotifications");
@@ -30,14 +30,14 @@ const debug = (0, debug_1.debugB3React)("useNotifications");
  */
 function useNotifications() {
     const { user } = (0, useUserQuery_1.useUserQuery)();
-    const { partnerId } = (0, react_1.useB3Config)();
-    const [userData, setUserData] = (0, react_2.useState)(null);
-    const [loading, setLoading] = (0, react_2.useState)(true);
-    const [error, setError] = (0, react_2.useState)(null);
-    const [telegramStatus, setTelegramStatus] = (0, react_2.useState)("idle");
+    const { partnerId } = (0, components_1.useB3)();
+    const [userData, setUserData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [telegramStatus, setTelegramStatus] = (0, react_1.useState)("idle");
     const userId = user?.userId;
     const jwtToken = (0, auth_token_1.getAuthToken)();
-    const loadUserData = (0, react_2.useCallback)(async () => {
+    const loadUserData = (0, react_1.useCallback)(async () => {
         if (!userId || !jwtToken) {
             setLoading(false);
             return;
@@ -66,10 +66,10 @@ function useNotifications() {
             setLoading(false);
         }
     }, [userId, jwtToken]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         loadUserData();
     }, [loadUserData]);
-    const createDefaultNotificationSettings = (0, react_2.useCallback)(async () => {
+    const createDefaultNotificationSettings = (0, react_1.useCallback)(async () => {
         if (!userId || !jwtToken)
             return;
         try {
@@ -80,7 +80,7 @@ function useNotifications() {
             debug("Error creating default notification settings:", err);
         }
     }, [userId, jwtToken, partnerId]);
-    const connectEmail = (0, react_2.useCallback)(async (email) => {
+    const connectEmail = (0, react_1.useCallback)(async (email) => {
         if (!userId || !jwtToken) {
             throw new Error("User not authenticated");
         }
@@ -94,7 +94,7 @@ function useNotifications() {
             throw new Error("Failed to connect email");
         }
     }, [userId, jwtToken, loadUserData, createDefaultNotificationSettings]);
-    const connectTelegram = (0, react_2.useCallback)(async () => {
+    const connectTelegram = (0, react_1.useCallback)(async () => {
         if (!userId || !jwtToken) {
             throw new Error("User not authenticated");
         }
@@ -138,7 +138,7 @@ function useNotifications() {
             throw new Error("Failed to connect Telegram");
         }
     }, [userId, jwtToken, loadUserData, createDefaultNotificationSettings]);
-    const disconnectChannel = (0, react_2.useCallback)(async (channelType) => {
+    const disconnectChannel = (0, react_1.useCallback)(async (channelType) => {
         if (!userId || !jwtToken) {
             throw new Error("User not authenticated");
         }
@@ -154,7 +154,7 @@ function useNotifications() {
             throw new Error(`Failed to disconnect ${channelType}`);
         }
     }, [userId, jwtToken, loadUserData]);
-    const sendTestNotification = (0, react_2.useCallback)(async () => {
+    const sendTestNotification = (0, react_1.useCallback)(async () => {
         if (!userId || !jwtToken) {
             throw new Error("User not authenticated");
         }

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

@@ -9,7 +9,7 @@ const thirdweb_insights_1 = require("../../../shared/utils/thirdweb-insights");
 const react_query_1 = require("@tanstack/react-query");
 const react_2 = require("react");
 function useTokenBalance({ token, address }) {
-    const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
+    const { ready } = (0, react_1.useB3)();
     const account = (0, react_1.useAccountWallet)();
     const effectiveAddress = address || account?.address;
     const { data: tokenBalance, isLoading, isFetching, refetch, } = (0, react_query_1.useQuery)({
@@ -41,7 +41,7 @@ function useTokenBalance({ token, address }) {
             }
             return { formatted: "0", raw: null };
         },
-        enabled: isAuthenticated && !!effectiveAddress,
+        enabled: ready && !!effectiveAddress,
         staleTime: 30000,
         gcTime: 5 * 60 * 1000,
         retry: 2,
@@ -49,12 +49,12 @@ function useTokenBalance({ token, address }) {
     });
     // Force a refetch when the wallet or token changes
     (0, react_2.useEffect)(() => {
-        if (isAuthenticated && effectiveAddress) {
+        if (ready && effectiveAddress) {
             refetch();
         }
-    }, [isAuthenticated, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
+    }, [ready, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
     // Determine if we're actually loading
-    const isActuallyLoading = !isAuthenticated || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
+    const isActuallyLoading = !ready || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
     return {
         rawBalance: tokenBalance?.raw || BigInt(0),
         formattedBalance: tokenBalance?.formatted || "0",

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

@@ -10,8 +10,8 @@ const react_query_1 = require("@tanstack/react-query");
 const b3Chain_1 = require("../../../shared/constants/chains/b3Chain");
 const chains_1 = require("../../../shared/utils/chains");
 const thirdweb_1 = require("../../../shared/utils/thirdweb");
-const invariant_1 = __importDefault(require("invariant"));
 const wallets_1 = require("thirdweb/wallets");
+const invariant_1 = __importDefault(require("invariant"));
 function useTokenBalancesByChain({ address, chainsIds, enabled = true, }) {
     // Normalize chains to array
     const chainIds = Array.isArray(chainsIds) ? chainsIds : [chainsIds];
@@ -52,9 +52,7 @@ function useTokenBalancesByChain({ address, chainsIds, enabled = true, }) {
         staleTime: 30000, // Consider data fresh for 30 seconds
         gcTime: 5 * 60 * 1000, // Keep in cache for 5 minutes
         retry: 2, // Limit retries on failure
-        // Enable structural sharing to prevent infinite loops
-        // This ensures we only get new references when data actually changes
-        structuralSharing: true,
+        structuralSharing: false,
     });
     return {
         nativeTokens: combinedData?.nativeTokens ?? [],

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

@@ -1,9 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUserQuery = useUserQuery;
+const debug_1 = require("../../../shared/utils/debug");
 const react_1 = require("react");
-const userStore_1 = require("../stores/userStore");
+const zustand_1 = require("zustand");
+const middleware_1 = require("zustand/middleware");
+const debug = (0, debug_1.debugB3React)("useUserQuery");
 const USER_QUERY_KEY = ["b3-user"];
+/**
+ * Zustand store for managing user state
+ * Persists user data to localStorage
+ */
+const useUserStore = (0, zustand_1.create)()((0, middleware_1.persist)(set => ({
+    user: null,
+    setUser: (newUser) => {
+        const userToSave = newUser ?? null;
+        set({ user: userToSave });
+        debug("User updated", userToSave);
+    },
+    clearUser: () => {
+        set({ user: null });
+        debug("User cleared");
+    },
+}), {
+    name: "b3-user",
+    onRehydrateStorage: () => (_, error) => {
+        if (error) {
+            console.warn("Failed to rehydrate user store:", error);
+        }
+    },
+}));
 /**
  * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
  *
@@ -11,9 +37,9 @@ const USER_QUERY_KEY = ["b3-user"];
  * This allows for invalidation and refetching of user data
  */
 function useUserQuery() {
-    const user = (0, userStore_1.useUserStore)(state => state.user);
-    const setUserStore = (0, userStore_1.useUserStore)(state => state.setUser);
-    const clearUserStore = (0, userStore_1.useUserStore)(state => state.clearUser);
+    const user = useUserStore(state => state.user);
+    const setUserStore = useUserStore(state => state.setUser);
+    const clearUserStore = useUserStore(state => state.clearUser);
     // Listen for storage events from other tabs/windows
     (0, react_1.useEffect)(() => {
         const handleStorageChange = (e) => {
@@ -25,14 +51,14 @@ function useUserQuery() {
                         const parsed = JSON.parse(stored);
                         // Zustand persist format: { state: { user: ... }, version: ... }
                         const userData = parsed?.state?.user ?? parsed?.user ?? null;
-                        userStore_1.useUserStore.setState({ user: userData });
+                        useUserStore.setState({ user: userData });
                     }
                     catch (error) {
                         console.warn("Failed to parse user from storage event:", error);
                     }
                 }
                 else {
-                    userStore_1.useUserStore.setState({ user: null });
+                    useUserStore.setState({ user: null });
                 }
             }
         };
@@ -55,16 +81,16 @@ function useUserQuery() {
                 const parsed = JSON.parse(stored);
                 // Zustand persist format: { state: { user: ... }, version: ... }
                 const userData = parsed?.state?.user ?? parsed?.user ?? null;
-                userStore_1.useUserStore.setState({ user: userData });
+                useUserStore.setState({ user: userData });
                 return userData ?? undefined;
             }
             catch (error) {
                 console.warn("Failed to refetch user from localStorage:", error);
                 // Fallback to current store state
-                return userStore_1.useUserStore.getState().user ?? undefined;
+                return useUserStore.getState().user ?? undefined;
             }
         }
-        userStore_1.useUserStore.setState({ user: null });
+        useUserStore.setState({ user: null });
         return undefined;
     };
     // Helper function to clear user

package/dist/cjs/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/cjs/global-account/react/index.native.js

@@ -3,10 +3,14 @@
 // export * from "./hooks";
 // export * from "./stores";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthStore = exports.useSiwe = exports.useProfile = exports.useAuthentication = exports.useAccountWallet = exports.B3Provider = void 0;
+exports.useAuthStore = exports.useSiwe = exports.useProfile = exports.useAuthentication = exports.useAccountWallet = exports.useB3 = exports.B3Context = exports.B3Provider = void 0;
 // We only export the components and hooks that are needed for the native app
 var B3Provider_native_1 = require("./components/B3Provider/B3Provider.native");
 Object.defineProperty(exports, "B3Provider", { enumerable: true, get: function () { return B3Provider_native_1.B3Provider; } });
+var types_1 = require("./components/B3Provider/types");
+Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return types_1.B3Context; } });
+var useB3_1 = require("./components/B3Provider/useB3");
+Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return useB3_1.useB3; } });
 var useAccountWallet_1 = require("./hooks/useAccountWallet");
 Object.defineProperty(exports, "useAccountWallet", { enumerable: true, get: function () { return useAccountWallet_1.useAccountWallet; } });
 var useAuthentication_1 = require("./hooks/useAuthentication");

package/dist/cjs/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/cjs/global-account/react/stores/index.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRecentAddressesStore = exports.useModalStore = exports.useB3ConfigStore = exports.useAuthStore = void 0;
+exports.useRecentAddressesStore = exports.useModalStore = exports.useAuthStore = void 0;
 var useAuthStore_1 = require("./useAuthStore");
 Object.defineProperty(exports, "useAuthStore", { enumerable: true, get: function () { return useAuthStore_1.useAuthStore; } });
-var configStore_1 = require("./configStore");
-Object.defineProperty(exports, "useB3ConfigStore", { enumerable: true, get: function () { return configStore_1.useB3ConfigStore; } });
 var useModalStore_1 = require("./useModalStore");
 Object.defineProperty(exports, "useModalStore", { enumerable: true, get: function () { return useModalStore_1.useModalStore; } });
 var useRecentAddressesStore_1 = require("./useRecentAddressesStore");

package/dist/cjs/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/dist/esm/anyspend/constants/index.d.ts

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

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

@@ -1,8 +1,6 @@
 import { base } from "viem/chains";
 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;
 export const SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";

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

@@ -1,5 +1,4 @@
 export * from "./types/api";
-export * from "./types/gas";
 export * from "./utils/address";
 export * from "./utils/chain";
 export * from "./utils/format";
@@ -9,6 +8,5 @@ export * from "./utils/string";
 export * from "./utils/token";
 export * from "./utils/validation";
 export * from "./constants";
-export * from "./services/gas";
 export * from "./abis/abiUsdcBase";
 export * from "./abis/erc20Staking";

package/dist/esm/anyspend/index.js

@@ -1,6 +1,5 @@
 // Types
 export * from "./types/api.js";
-export * from "./types/gas.js";
 // Utils
 export * from "./utils/address.js";
 export * from "./utils/chain.js";
@@ -12,8 +11,6 @@ export * from "./utils/token.js";
 export * from "./utils/validation.js";
 // Constants
 export * from "./constants/index.js";
-// Services
-export * from "./services/gas.js";
 // Abis
 export * from "./abis/abiUsdcBase.js";
 export * from "./abis/erc20Staking.js";

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

@@ -39,10 +39,4 @@ export declare 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;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { eqci, getDefaultToken, getHyperliquidUSDCToken, HYPERLIQUID_CHAIN_ID, HYPERLIQUID_USDC_ADDRESS, USDC_BASE, ZERO_ADDRESS, } from "../../../anyspend/index.js";
-import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGasPrice, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
-import { Button, ShinyButton, StyleRoot, TabsPrimitive, toast, TransitionPanel, useAccountWallet, useB3Config, useModalStore, useProfile, useRouter, useSearchParamsSSR, useTokenBalanceDirect, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
+import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
+import { Button, ShinyButton, StyleRoot, TabsPrimitive, toast, TransitionPanel, useAccountWallet, useB3, useModalStore, useProfile, useRouter, useSearchParamsSSR, useTokenBalanceDirect, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
 import BottomNavigation from "../../../global-account/react/components/ManageAccount/BottomNavigation.js";
 import { useAccountWalletImage } from "../../../global-account/react/hooks/useAccountWallet.js";
 import { getThirdwebChain } from "../../../shared/constants/chains/supported.js";
@@ -24,7 +24,6 @@ import { CryptoPaySection } from "./common/CryptoPaySection.js";
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection.js";
 import { FeeDetailPanel } from "./common/FeeDetailPanel.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
-import { GasIndicator } from "./common/GasIndicator.js";
 import { OrderDetails, OrderDetailsLoadingView } from "./common/OrderDetails.js";
 import { OrderHistory } from "./common/OrderHistory.js";
 import { PanelOnramp } from "./common/PanelOnramp.js";
@@ -51,10 +50,10 @@ export function AnySpend(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendInner, { ...props }) }));
 }
-function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, returnToHomeUrl, customRecipientLabel, returnHomeLabel, }) {
+function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, }) {
     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
     const isBuyMode = !!(destinationTokenAddress && destinationTokenChainId);
@@ -366,8 +365,6 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
     });
     // Get geo-based onramp options for fiat payments
     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) => {
         switch (paymentMethod) {
@@ -821,7 +818,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     navigateBack();
                     // Reset payment methods when going back
                     resetPaymentMethods();
-                }, returnToHomeUrl: returnToHomeUrl, returnHomeLabel: returnHomeLabel })) }) }));
+                } })) }) }));
     const mainView = (_jsxs("div", { className: "mx-auto flex w-[460px] max-w-full flex-col items-center gap-2 pt-5", children: [_jsxs("div", { className: "flex w-full max-w-full flex-col items-center gap-2 px-5", children: [isBuyMode && !hideHeader && (_jsxs("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: [selectedDstToken.metadata?.logoURI && (_jsx("div", { className: "relative", children: _jsx("img", { src: selectedDstToken.metadata.logoURI, alt: selectedDstToken.symbol, className: "border-as-stroke h-12 w-12 rounded-full border-2 shadow-md" }) })), _jsx("div", { children: _jsxs("h1", { className: "text-as-primary text-xl font-bold", children: ["Buy ", selectedDstToken.symbol] }) })] })), _jsx(TabSection, { activeTab: activeTab, setActiveTab: tab => {
                             setActiveTab(tab);
                             // Reset payment methods when switching tabs
@@ -836,7 +833,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                                         else {
                                             setActivePanel(panelIndex);
                                         }
-                                    }, _recipientAddress: effectiveRecipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), customUsdInputValues: customUsdInputValues, customRecipientLabel: customRecipientLabel }) })), activeTab === "crypto" && (_jsx("div", { className: "z-10 -my-6 flex justify-center", children: _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary h-10 w-10 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "cursor-default", selectedDstChainId === HYPERLIQUID_CHAIN_ID && "cursor-not-allowed opacity-50"), onClick: () => {
+                                    }, _recipientAddress: effectiveRecipientAddress, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, destinationAmount: dstAmount, onDestinationTokenChange: setSelectedDstToken, onDestinationChainChange: setSelectedDstChainId, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, hideDstToken: isBuyMode, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward"), customUsdInputValues: customUsdInputValues }) })), activeTab === "crypto" && (_jsx("div", { className: "z-10 -my-6 flex justify-center", children: _jsx(Button, { variant: "ghost", className: cn("border-as-stroke bg-as-surface-primary h-10 w-10 rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl", isBuyMode && "cursor-default", selectedDstChainId === HYPERLIQUID_CHAIN_ID && "cursor-not-allowed opacity-50"), onClick: () => {
                                         if (isBuyMode) {
                                             return;
                                         }
@@ -853,10 +850,10 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                                         // Swap amounts
                                         setSrcAmount(dstAmount);
                                         setDstAmount(srcAmount);
-                                    }, children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) })), activeTab === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: isBuyMode, effectiveRecipientAddress: effectiveRecipientAddress, recipientName: recipientName || undefined, customRecipientLabel: customRecipientLabel, onSelectRecipient: () => navigateToPanel(PanelView.RECIPIENT_SELECTION, "forward"), dstAmount: dstAmount, dstToken: selectedDstToken, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: setSelectedDstChainId, setSelectedDstToken: setSelectedDstToken, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
+                                    }, children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) })), activeTab === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: isBuyMode, effectiveRecipientAddress: effectiveRecipientAddress, recipientName: recipientName || undefined, onSelectRecipient: () => navigateToPanel(PanelView.RECIPIENT_SELECTION, "forward"), dstAmount: dstAmount, dstToken: selectedDstToken, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: setSelectedDstChainId, setSelectedDstToken: setSelectedDstToken, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
                                     setIsSrcInputDirty(false);
                                     setDstAmount(value);
-                                }, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward") }))] }), gasPriceData && !isLoadingGas && activeTab === "crypto" && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: "mt-2 w-full" })), _jsxs(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) }), !hideTransactionHistoryButton && (globalAddress || effectiveRecipientAddress) ? (_jsxs(Button, { variant: "link", onClick: onClickHistory, className: "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [_jsx(HistoryIcon, { className: "h-4 w-4" }), " ", _jsx("span", { className: "pr-4", children: "Transaction History" })] })) : null] })] }), _jsx("div", { className: "w-full", children: _jsx(TabsPrimitive, { defaultValue: "swap", onValueChange: value => {
+                                }, anyspendQuote: anyspendQuote, onShowPointsDetail: () => navigateToPanel(PanelView.POINTS_DETAIL, "forward"), onShowFeeDetail: () => navigateToPanel(PanelView.FEE_DETAIL, "forward") }))] }), _jsxs(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) }), !hideTransactionHistoryButton && (globalAddress || effectiveRecipientAddress) ? (_jsxs(Button, { variant: "link", onClick: onClickHistory, className: "text-as-primary/50 hover:text-as-primary flex items-center gap-1 transition-colors", children: [_jsx(HistoryIcon, { className: "h-4 w-4" }), " ", _jsx("span", { className: "pr-4", children: "Transaction History" })] })) : null] })] }), _jsx("div", { className: "w-full", children: _jsx(TabsPrimitive, { defaultValue: "swap", onValueChange: value => {
                         if (value === "settings" || value === "home") {
                             setB3ModalContentType({
                                 type: "manageAccount",

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

@@ -61,9 +61,5 @@ export interface AnySpendCollectorClubPurchaseProps {
      * The partner ID
      */
     packType: string;
-    /**
-     * Force fiat payment
-     */
-    forceFiatPayment?: boolean;
 }
-export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, forceFiatPayment, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnySpendCollectorClubPurchase({ loadOrder, mode, activeTab, packId, packAmount, pricePerPack, paymentToken, recipientAddress, spenderAddress, onSuccess, header, showRecipient, vendingMachineId, packType, }: AnySpendCollectorClubPurchaseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -45,7 +45,7 @@ const BUY_PACKS_FOR_ABI = {
     stateMutability: "nonpayable",
     type: "function",
 };
-export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, vendingMachineId, packType, forceFiatPayment, }) {
+export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activeTab = "crypto", packId, packAmount, pricePerPack, paymentToken = USDC_BASE, recipientAddress, spenderAddress = CC_SHOP_ADDRESS, onSuccess, header, showRecipient = true, vendingMachineId, packType, }) {
     // Calculate total amount needed (pricePerPack * packAmount)
     const totalAmount = useMemo(() => {
         try {
@@ -84,5 +84,5 @@ export function AnySpendCollectorClubPurchase({ loadOrder, mode = "modal", activ
             pricePerPack,
             vendingMachineId,
             packType,
-        }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient, srcFiatAmount: srcFiatAmount, forceFiatPayment: forceFiatPayment }));
+        }, header: header || defaultHeader, onSuccess: onSuccess, showRecipient: showRecipient, srcFiatAmount: srcFiatAmount }));
 }

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

@@ -11,7 +11,6 @@ export declare function AnySpendCustom(props: {
     dstChainId: number;
     dstToken: components["schemas"]["Token"];
     dstAmount: string;
-    forceFiatPayment?: boolean;
     contractAddress: string;
     encodedData: string;
     metadata: any;

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

@@ -107,7 +107,7 @@ export function AnySpendCustom(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendCustomInner, { ...props }) }));
 }
-function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, onShowPointsDetail, srcFiatAmount: srcFiatAmountProps, forceFiatPayment, }) {
+function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabProps = "crypto", recipientAddress: recipientAddressProps, spenderAddress, orderType, dstChainId, dstToken, dstAmount, contractAddress, encodedData, metadata, header, onSuccess, showRecipient = true, onShowPointsDetail, srcFiatAmount: srcFiatAmountProps, }) {
     const hasMounted = useHasMounted();
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
@@ -506,7 +506,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
         return null;
     };
     // Confirm order view.
-    const confirmOrderView = (_jsxs("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), _jsxs(Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [!forceFiatPayment && (_jsx("div", { className: "w-full", children: _jsxs("div", { className: "bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl", children: [_jsx("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" } }), _jsx("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: () => {
+    const confirmOrderView = (_jsxs("div", { className: "relative mx-auto flex w-full flex-col items-center", children: [header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote }), _jsxs(Tabs, { value: activeTab, onValueChange: value => setActiveTab(value), className: "bg-b3-react-background max-h-[60dvh] w-full overflow-y-auto p-5", children: [_jsx("div", { className: "w-full", children: _jsxs("div", { className: "bg-as-surface-secondary relative mb-4 grid h-10 grid-cols-2 rounded-xl", children: [_jsx("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" } }), _jsx("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();
@@ -516,7 +516,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
                                         // Reset payment methods when switching tabs
                                         resetPaymentMethods();
                                         setSelectedFiatPaymentMethod(FiatPaymentMethod.NONE);
-                                    }, children: "Pay with fiat" })) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("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: true, children: "Pay with fiat" }) }), _jsx(TooltipContent, { children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Fiat payments are not supported for this amount" }) })] }))] }) })), _jsx(TabsContent, { value: "crypto", children: _jsxs("div", { className: "mt-2 flex flex-col gap-6", children: [_jsxs("div", { className: "border-as-border-secondary bg-as-surface-secondary flex w-full flex-col gap-4 rounded-xl border p-4", children: [_jsxs(motion.div, { initial: false, animate: {
+                                    }, children: "Pay with fiat" })) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("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: true, children: "Pay with fiat" }) }), _jsx(TooltipContent, { children: _jsx("span", { className: "text-as-primary w-[140px]", children: "Fiat payments are not supported for this amount" }) })] }))] }) }), _jsx(TabsContent, { value: "crypto", children: _jsxs("div", { className: "mt-2 flex flex-col gap-6", children: [_jsxs("div", { className: "border-as-border-secondary bg-as-surface-secondary flex w-full flex-col gap-4 rounded-xl border p-4", children: [_jsxs(motion.div, { initial: false, animate: {
                                                 opacity: hasMounted ? 1 : 0,
                                                 y: hasMounted ? 0 : 20,
                                                 filter: hasMounted ? "blur(0px)" : "blur(10px)",

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

@@ -32,12 +32,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 declare function AnySpendCustomExactIn(props: AnySpendCustomExactInProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useGasPrice } from "../../../anyspend/react/index.js";
 import { normalizeAddress } from "../../../anyspend/utils/index.js";
 import { Button, ShinyButton, StyleRoot, toast, TransitionPanel, useAccountWallet, } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
@@ -17,7 +16,6 @@ import { CryptoPaymentMethod, CryptoPaymentMethodType } from "./common/CryptoPay
 import { CryptoReceiveSection } from "./common/CryptoReceiveSection.js";
 import { FeeDetailPanel } from "./common/FeeDetailPanel.js";
 import { FiatPaymentMethod, FiatPaymentMethodComponent } from "./common/FiatPaymentMethod.js";
-import { GasIndicator } from "./common/GasIndicator.js";
 import { OrderDetails } from "./common/OrderDetails.js";
 import { PanelOnramp } from "./common/PanelOnramp.js";
 import { PointsDetailPanel } from "./common/PointsDetailPanel.js";
@@ -27,7 +25,7 @@ export function AnySpendCustomExactIn(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(AnySpendCustomExactInInner, { ...props }) }));
 }
-function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, destinationToken, destinationChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, customExactInConfig, orderType = "custom_exact_in", minDestinationAmount, header, returnToHomeUrl, customRecipientLabel, returnHomeLabel, }) {
+function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddress, paymentType = "crypto", sourceTokenAddress, sourceTokenChainId, destinationToken, destinationChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, customExactInConfig, orderType = "custom_exact_in", minDestinationAmount, header, }) {
     const actionLabel = customExactInConfig?.action ?? "Custom Execution";
     const DESTINATION_TOKEN_DETAILS = {
         SYMBOL: destinationToken.symbol ?? "TOKEN",
@@ -48,8 +46,6 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
     });
     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(() => {
         if (preferEoa && !appliedPreferEoa.current) {
@@ -179,10 +175,10 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
         }
     };
     const headerContent = header ? (header({ anyspendPrice: anyspendQuote, isLoadingAnyspendPrice: isLoadingAnyspendQuote })) : (_jsx("div", { className: "mb-4 flex flex-col items-center gap-3 text-center", children: _jsxs("div", { children: [_jsx("h1", { className: "text-as-primary text-xl font-bold", children: actionLabel }), _jsx("p", { className: "text-as-secondary text-sm", children: "Pay from any token to execute a custom exact-in transaction." })] }) }));
-    const mainView = (_jsxs("div", { className: "anyspend-custom-exact-in-container mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [headerContent, _jsx("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [paymentType === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, isSrcInputDirty: isSrcInputDirty, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), anyspendQuote: anyspendQuote, onTokenSelect: onTokenSelect })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmount, setSrcAmountOnRamp: setSrcAmount, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: selectedRecipientOrDefault, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, hideDstToken: true, destinationAmount: dstAmount, onDestinationTokenChange: () => { }, onDestinationChainChange: () => { }, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, anyspendQuote: anyspendQuote, onShowPointsDetail: () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: () => setActivePanel(PanelView.FEE_DETAIL), customUsdInputValues: customUsdInputValues, customRecipientLabel: customRecipientLabel }) })), _jsx("div", { className: cn("relative -my-1 flex h-0 items-center justify-center", paymentType === "fiat" && "hidden"), children: _jsx(Button, { variant: "ghost", className: cn("swap-direction-button border-as-stroke bg-as-surface-primary z-10 h-10 w-10 cursor-default rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl"), children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) }), paymentType === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: true, effectiveRecipientAddress: selectedRecipientOrDefault, recipientName: recipientName || undefined, customRecipientLabel: customRecipientLabel, onSelectRecipient: () => setActivePanel(PanelView.RECIPIENT_SELECTION), dstAmount: dstAmount, dstToken: selectedDstToken, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, dstTokenLogoURI: DESTINATION_TOKEN_DETAILS.LOGO_URI, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: () => { }, setSelectedDstToken: () => { }, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
+    const mainView = (_jsxs("div", { className: "anyspend-custom-exact-in-container mx-auto flex w-[460px] max-w-full flex-col items-center gap-2", children: [headerContent, _jsx("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: _jsxs("div", { className: "relative flex w-full max-w-[calc(100vw-32px)] flex-col gap-2", children: [paymentType === "crypto" ? (_jsx(CryptoPaySection, { selectedSrcChainId: selectedSrcChainId, setSelectedSrcChainId: setSelectedSrcChainId, selectedSrcToken: selectedSrcToken, setSelectedSrcToken: setSelectedSrcToken, srcAmount: srcAmount, setSrcAmount: setSrcAmount, isSrcInputDirty: isSrcInputDirty, setIsSrcInputDirty: setIsSrcInputDirty, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onSelectCryptoPaymentMethod: () => setActivePanel(PanelView.CRYPTO_PAYMENT_METHOD), anyspendQuote: anyspendQuote, onTokenSelect: onTokenSelect })) : (_jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsx(PanelOnramp, { srcAmountOnRamp: srcAmount, setSrcAmountOnRamp: setSrcAmount, selectedPaymentMethod: selectedFiatPaymentMethod, setActivePanel: setActivePanel, _recipientAddress: selectedRecipientOrDefault, destinationToken: selectedDstToken, destinationChainId: selectedDstChainId, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, hideDstToken: true, destinationAmount: dstAmount, onDestinationTokenChange: () => { }, onDestinationChainChange: () => { }, fiatPaymentMethodIndex: PanelView.FIAT_PAYMENT_METHOD, recipientSelectionPanelIndex: PanelView.RECIPIENT_SELECTION, anyspendQuote: anyspendQuote, onShowPointsDetail: () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: () => setActivePanel(PanelView.FEE_DETAIL), customUsdInputValues: customUsdInputValues }) })), _jsx("div", { className: cn("relative -my-1 flex h-0 items-center justify-center", paymentType === "fiat" && "hidden"), children: _jsx(Button, { variant: "ghost", className: cn("swap-direction-button border-as-stroke bg-as-surface-primary z-10 h-10 w-10 cursor-default rounded-xl border-2 sm:h-8 sm:w-8 sm:rounded-xl"), children: _jsx("div", { className: "relative flex items-center justify-center transition-opacity", children: _jsx(ArrowDown, { className: "text-as-primary/50 h-5 w-5" }) }) }) }), paymentType === "crypto" && (_jsx(CryptoReceiveSection, { isDepositMode: false, isBuyMode: true, effectiveRecipientAddress: selectedRecipientOrDefault, recipientName: recipientName || undefined, onSelectRecipient: () => setActivePanel(PanelView.RECIPIENT_SELECTION), dstAmount: dstAmount, dstToken: selectedDstToken, dstTokenSymbol: DESTINATION_TOKEN_DETAILS.SYMBOL, dstTokenLogoURI: DESTINATION_TOKEN_DETAILS.LOGO_URI, selectedDstChainId: selectedDstChainId, setSelectedDstChainId: () => { }, setSelectedDstToken: () => { }, isSrcInputDirty: isSrcInputDirty, onChangeDstAmount: value => {
                                 setIsSrcInputDirty(false);
                                 setSrcAmount(value);
-                            }, anyspendQuote: anyspendQuote, onShowPointsDetail: () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: () => setActivePanel(PanelView.FEE_DETAIL) }))] }) }), _jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) }) }), gasPriceData && !isLoadingGas && paymentType === "crypto" && (_jsx(GasIndicator, { gasPrice: gasPriceData, className: "mt-2 w-full" })), mainFooter ? mainFooter : null] }));
+                            }, anyspendQuote: anyspendQuote, onShowPointsDetail: () => setActivePanel(PanelView.POINTS_DETAIL), onShowFeeDetail: () => setActivePanel(PanelView.FEE_DETAIL) }))] }) }), _jsx(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.2, ease: "easeInOut" }, className: cn("mt-4 flex w-full max-w-[460px] flex-col gap-2"), children: _jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", disabled: btnInfo.disable, onClick: onMainButtonClick, className: cn("as-main-button relative w-full", btnInfo.error ? "!bg-as-red" : btnInfo.disable ? "!bg-as-on-surface-2" : "!bg-as-brand"), textClassName: cn(btnInfo.error ? "text-white" : btnInfo.disable ? "text-as-secondary" : "text-white"), children: _jsxs("div", { className: "flex items-center justify-center gap-2", children: [btnInfo.loading && _jsx(Loader2, { className: "h-4 w-4 animate-spin" }), btnInfo.text] }) }) }), mainFooter ? mainFooter : null] }));
     const handleCryptoOrder = async () => {
         try {
             invariant(anyspendQuote, "Relay price is not found");
@@ -262,7 +258,7 @@ function AnySpendCustomExactInInner({ loadOrder, mode = "modal", recipientAddres
     const orderDetailsView = (_jsx("div", { className: "mx-auto w-[460px] max-w-full", children: _jsx("div", { className: "relative flex flex-col gap-4", children: oat && (_jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: paymentType === "fiat" ? CryptoPaymentMethodType.NONE : effectiveCryptoPaymentMethod, selectedCryptoPaymentMethod: effectiveCryptoPaymentMethod, onPaymentMethodChange: setSelectedCryptoPaymentMethod, onBack: () => {
                     setOrderId(undefined);
                     setActivePanel(PanelView.MAIN);
-                }, disableUrlParamManagement: true, points: oat.data.points || undefined, returnToHomeUrl: returnToHomeUrl, returnHomeLabel: returnHomeLabel })) }) }));
+                }, disableUrlParamManagement: true, points: oat.data.points || undefined })) }) }));
     const loadingView = (_jsx("div", { className: "mx-auto flex w-full flex-col items-center gap-4 p-5", children: _jsx("div", { className: "text-as-primary", children: "Loading order details..." }) }));
     const recipientSelectionView = (_jsx(RecipientSelection, { initialValue: selectedRecipientOrDefault || "", onBack: () => setActivePanel(PanelView.MAIN), onConfirm: address => {
             setSelectedRecipientAddress(address);