@b3dotfun/sdk 0.1.1-test.0 → 0.1.2-test.0

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 { ready } = (0, react_1.useB3)();
+    const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
     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: ready && !!effectiveAddress,
+        enabled: isAuthenticated && !!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 (ready && effectiveAddress) {
+        if (isAuthenticated && effectiveAddress) {
             refetch();
         }
-    }, [ready, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
+    }, [isAuthenticated, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
     // Determine if we're actually loading
-    const isActuallyLoading = !ready || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
+    const isActuallyLoading = !isAuthenticated || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
     return {
         rawBalance: tokenBalance?.raw || BigInt(0),
         formattedBalance: tokenBalance?.formatted || "0",

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

@@ -24,7 +24,7 @@ function useTurnkeyAuth() {
     const [error, setError] = (0, react_1.useState)(null);
     const setIsAuthenticating = (0, stores_1.useAuthStore)(state => state.setIsAuthenticating);
     const setIsAuthenticated = (0, stores_1.useAuthStore)(state => state.setIsAuthenticated);
-    const { partnerId } = (0, components_1.useB3)();
+    const { partnerId } = (0, components_1.useB3Config)();
     const { authenticate } = (0, useAuth_1.useAuth)();
     /**
      * Step 1: Initiate login with email

package/dist/cjs/global-account/react/hooks/useUser.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Preferred Hook to get the user data
+ */
+export declare function useUser(): {
+    user: {
+        email?: string | undefined;
+        username?: string | undefined;
+        telNumber?: string | undefined;
+        ens?: string | undefined;
+        avatar?: string | undefined;
+        preferences?: {} | undefined;
+        referredBy?: string | {} | undefined;
+        sourceApp?: string | undefined;
+        referralCode?: string | undefined;
+        userGroups?: number[] | undefined;
+        isMigratedFromBSMNT?: boolean | undefined;
+        privyLinkedAccounts?: {
+            name?: string | undefined;
+            address?: string | undefined;
+            email?: string | undefined;
+            chain_type?: string | undefined;
+            lv?: number | undefined;
+            wallet_client_type?: string | undefined;
+            smart_wallet_type?: string | undefined;
+            subject?: string | undefined;
+            type: string;
+        }[] | undefined;
+        twProfiles?: {
+            type: string;
+            details: {
+                id?: string | undefined;
+                name?: string | undefined;
+                address?: string | undefined;
+                email?: string | undefined;
+                username?: string | undefined;
+                phone?: string | undefined;
+                fid?: string | undefined;
+            };
+        }[] | undefined;
+        turnkeySubOrgs?: {
+            hasDelegatedUser?: boolean | undefined;
+            subOrgId: string;
+            accounts: Record<string, any>[];
+        }[] | undefined;
+        _id: string | {};
+        userId: string;
+        smartAccountAddress: string;
+        createdAt: number;
+        updatedAt: number;
+        partnerIds: {
+            privyId?: string | undefined;
+            thirdwebId?: string | undefined;
+            turnkeyId?: string | undefined;
+            turnkeyOtpId?: string | undefined;
+        };
+    } | null;
+    isConnecting: boolean;
+    isConnected: boolean;
+    isAuthenticating: boolean;
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUser = useUser;
+const react_1 = require("../../../global-account/react");
+const userStore_1 = require("../stores/userStore");
+/**
+ * Preferred Hook to get the user data
+ */
+function useUser() {
+    const user = (0, userStore_1.useUserStore)(state => state.user);
+    const isConnecting = (0, react_1.useAuthStore)(state => state.isConnecting);
+    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
+    const isAuthenticating = (0, react_1.useAuthStore)(state => state.isAuthenticating);
+    return {
+        user,
+        isConnecting,
+        isConnected,
+        isAuthenticating,
+    };
+}

package/dist/cjs/global-account/react/hooks/useUserQuery.d.ts

@@ -1,11 +1,9 @@
 import { Users } from "@b3dotfun/b3-api";
-declare const USER_QUERY_KEY: string[];
 /**
  * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
  *
- * Hook to query and manage user data
- * Provides user state and methods to update it
- * Uses Zustand store with persistence to localStorage
+ * Custom hook to manage user state with Zustand
+ * This allows for invalidation and refetching of user data
  */
 export declare function useUserQuery(): {
     user: {
@@ -59,8 +57,9 @@ export declare function useUserQuery(): {
             turnkeyId?: string | undefined;
             turnkeyOtpId?: string | undefined;
         };
-    } | null;
-    setUser: (user: Users | undefined) => void;
+    } | undefined;
+    setUser: (newUser?: Users) => void;
+    refetchUser: () => Promise<any>;
     clearUser: () => void;
+    queryKey: string[];
 };
-export { USER_QUERY_KEY };

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

@@ -1,56 +1,81 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.USER_QUERY_KEY = void 0;
 exports.useUserQuery = useUserQuery;
-const debug_1 = require("../../../shared/utils/debug");
 const react_1 = require("react");
-const zustand_1 = require("zustand");
-const middleware_1 = require("zustand/middleware");
-const debug = (0, debug_1.debugB3React)("useUserQuery");
+const userStore_1 = require("../stores/userStore");
 const USER_QUERY_KEY = ["b3-user"];
-exports.USER_QUERY_KEY = USER_QUERY_KEY;
-/**
- * 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
  *
- * Hook to query and manage user data
- * Provides user state and methods to update it
- * Uses Zustand store with persistence to localStorage
+ * Custom hook to manage user state with Zustand
+ * This allows for invalidation and refetching of user data
  */
 function useUserQuery() {
-    const user = useUserStore(state => state.user);
-    const setUser = useUserStore(state => state.setUser);
-    const clearUser = useUserStore(state => state.clearUser);
+    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);
+    // Listen for storage events from other tabs/windows
     (0, react_1.useEffect)(() => {
-        if (user) {
-            debug("User loaded from store", user);
+        const handleStorageChange = (e) => {
+            if (e.key === "b3-user") {
+                // Sync with changes from other tabs/windows
+                const stored = e.newValue;
+                if (stored) {
+                    try {
+                        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 });
+                    }
+                    catch (error) {
+                        console.warn("Failed to parse user from storage event:", error);
+                    }
+                }
+                else {
+                    userStore_1.useUserStore.setState({ user: null });
+                }
+            }
+        };
+        window.addEventListener("storage", handleStorageChange);
+        return () => {
+            window.removeEventListener("storage", handleStorageChange);
+        };
+    }, []);
+    // Helper function to set user (maintains backward compatibility)
+    const setUser = (newUser) => {
+        setUserStore(newUser);
+    };
+    // Helper function to invalidate and refetch user
+    const refetchUser = async () => {
+        // Re-read from localStorage and update store
+        // Zustand persist stores data as { state: { user: ... }, version: ... }
+        const stored = localStorage.getItem("b3-user");
+        if (stored) {
+            try {
+                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 });
+                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;
+            }
         }
-    }, [user]);
+        userStore_1.useUserStore.setState({ user: null });
+        return undefined;
+    };
+    // Helper function to clear user
+    const clearUser = () => {
+        clearUserStore();
+    };
     return {
-        user,
+        user: user ?? undefined,
         setUser,
+        refetchUser,
         clearUser,
+        queryKey: USER_QUERY_KEY,
     };
 }

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

@@ -1,6 +1,4 @@
 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,14 +3,10 @@
 // export * from "./hooks";
 // export * from "./stores";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAuthStore = exports.useSiwe = exports.useProfile = exports.useAuthentication = exports.useAccountWallet = exports.useB3 = exports.B3Context = exports.B3Provider = void 0;
+exports.useAuthStore = exports.useSiwe = exports.useProfile = exports.useAuthentication = exports.useAccountWallet = 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/useModalStore.d.ts

@@ -1,3 +1,4 @@
+import { Users } from "@b3dotfun/b3-api";
 import { components } from "../../../anyspend/types/api";
 import { GenerateSigMintResponse } from "../../../anyspend/types/signatureMint";
 import { AllowedStrategy } from "../../../global-account/react";
@@ -40,6 +41,8 @@ export interface SignInWithB3ModalProps extends BaseModalProps {
     source?: "signInWithB3Button" | "requestPermissions";
     /** Whether to show the signers enabled modal */
     signersEnabled?: boolean;
+    /** Callback for turnkey auth */
+    onTurnkeyConnect?: (user: Users) => void;
 }
 /**
  * Props for the Turnkey Authentication modal
@@ -482,10 +485,70 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     /** Force fiat payment */
     forceFiatPayment?: boolean;
 }
+/**
+ * Props for the AnySpend Deposit modal
+ * Flexible deposit component with optional chain selection
+ */
+export interface AnySpendDepositModalProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "anySpendDeposit";
+    /** Order ID to load an existing order */
+    loadOrder?: string;
+    /** The recipient address for the deposit */
+    recipientAddress: string;
+    /** Payment type - crypto or fiat. If not set, shows chain selection first */
+    paymentType?: "crypto" | "fiat";
+    /** Source token address to pre-select */
+    sourceTokenAddress?: string;
+    /** Source chain ID to pre-select. If not provided, shows chain selection */
+    sourceTokenChainId?: number;
+    /** The destination token address */
+    destinationTokenAddress: string;
+    /** The destination chain ID */
+    destinationTokenChainId: number;
+    /** Callback when deposit succeeds */
+    onSuccess?: (amount: string) => void;
+    /** Callback for opening a custom modal (e.g., for special token handling) */
+    onOpenCustomModal?: () => void;
+    /** Custom footer content */
+    mainFooter?: React.ReactNode;
+    /** Called when a token is selected. Call event.preventDefault() to prevent default behavior */
+    onTokenSelect?: (token: components["schemas"]["Token"], event: {
+        preventDefault: () => void;
+    }) => void;
+    /** Custom USD input value presets for fiat payment */
+    customUsdInputValues?: string[];
+    /** Whether to prefer using connected EOA wallet */
+    preferEoa?: boolean;
+    /** Minimum destination amount required */
+    minDestinationAmount?: number;
+    /** Order type for the deposit */
+    orderType?: "hype_duel" | "custom_exact_in" | "swap";
+    /** Custom action label displayed on buttons */
+    actionLabel?: string;
+    /** Whether to show chain selection step. Defaults to true if sourceTokenChainId is not provided */
+    showChainSelection?: boolean;
+    /** Minimum pool size for filtering tokens (default: 1,000,000) */
+    minPoolSize?: number;
+    /** Custom title for chain selection step */
+    chainSelectionTitle?: string;
+    /** Custom description for chain selection step */
+    chainSelectionDescription?: string;
+    /** Number of top chains to show (default: 3) */
+    topChainsCount?: number;
+    /** 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;
+    /** Whether the deposit requires a custom function (uses AnySpendCustomExactIn). Defaults to false. */
+    isCustomDeposit?: boolean;
+}
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | TurnkeyAuthModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps;
+export type ModalContentType = SignInWithB3ModalProps | TurnkeyAuthModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps | AnySpendDepositModalProps;
 /**
  * State interface for the modal store
  */
@@ -514,6 +577,8 @@ interface ModalState {
     linkingMethod: string | null;
     /** Function to set the linking state */
     setLinkingState: (isLinking: boolean, method?: string | null) => void;
+    /** Function to update closable property of current content without adding to history */
+    setClosable: (closable: boolean) => void;
 }
 /**
  * Zustand store for managing modal state

package/dist/cjs/global-account/react/stores/useModalStore.js

@@ -36,4 +36,7 @@ exports.useModalStore = (0, zustand_1.create)(set => ({
     isLinking: false,
     linkingMethod: null,
     setLinkingState: (isLinking, method = null) => set({ isLinking, linkingMethod: isLinking ? method : null }),
+    setClosable: (closable) => set(state => ({
+        contentType: state.contentType ? { ...state.contentType, closable } : null,
+    })),
 }));

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

@@ -0,0 +1,22 @@
+import { Users } from "@b3dotfun/b3-api";
+interface UserStore {
+    user: Users | null;
+    setUser: (user: Users | undefined) => void;
+    clearUser: () => void;
+}
+/**
+ * Zustand store for managing user state
+ * Persists user data to localStorage
+ */
+export declare const useUserStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<UserStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<UserStore, UserStore>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: UserStore) => void) => () => void;
+        onFinishHydration: (fn: (state: UserStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<UserStore, UserStore>>;
+    };
+}>;
+export {};

package/dist/cjs/global-account/react/stores/userStore.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserStore = void 0;
+const debug_1 = require("../../../shared/utils/debug");
+const zustand_1 = require("zustand");
+const middleware_1 = require("zustand/middleware");
+const debug = (0, debug_1.debugB3React)("useUserQuery");
+/**
+ * Zustand store for managing user state
+ * Persists user data to localStorage
+ */
+exports.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);
+        }
+    },
+}));

package/dist/cjs/global-account/react/utils/profileApi.d.ts

@@ -0,0 +1,13 @@
+import type { CombinedProfile } from "../hooks/useProfile";
+export declare const PROFILES_API_URL = "https://profiles.b3.fun";
+/**
+ * Fetch a user profile from the B3 Profiles API
+ * @param params - Search parameters (address, name, or b3GlobalId)
+ * @returns Promise resolving to CombinedProfile or null if not found
+ */
+export declare function fetchProfile({ address, name, b3GlobalId, fresh, }: {
+    address?: string;
+    name?: string;
+    b3GlobalId?: string;
+    fresh?: boolean;
+}): Promise<CombinedProfile>;

package/dist/cjs/global-account/react/utils/profileApi.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROFILES_API_URL = void 0;
+exports.fetchProfile = fetchProfile;
+exports.PROFILES_API_URL = "https://profiles.b3.fun";
+/**
+ * Fetch a user profile from the B3 Profiles API
+ * @param params - Search parameters (address, name, or b3GlobalId)
+ * @returns Promise resolving to CombinedProfile or null if not found
+ */
+async function fetchProfile({ address, name, b3GlobalId, fresh = false, }) {
+    if (!address && !name && !b3GlobalId) {
+        throw new Error("Either address or name or b3GlobalId must be provided");
+    }
+    const params = new URLSearchParams();
+    if (address)
+        params.append("address", address);
+    if (name)
+        params.append("name", name);
+    if (b3GlobalId)
+        params.append("b3GlobalId", b3GlobalId);
+    if (fresh)
+        params.append("fresh", "true");
+    const response = await fetch(`${exports.PROFILES_API_URL}?${params.toString()}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch profile: ${response.statusText}`);
+    }
+    return response.json();
+}

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

@@ -2,7 +2,7 @@
 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, useB3, useModalStore, useProfile, useRouter, useSearchParamsSSR, useTokenBalanceDirect, useTokenData, useTokenFromUrl, } from "../../../global-account/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 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";
@@ -54,7 +54,7 @@ export function AnySpend(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, }) {
     const searchParams = useSearchParamsSSR();
     const router = useRouter();
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     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);
@@ -824,7 +824,7 @@ function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationToke
                     navigateBack();
                     // Reset payment methods when going back
                     resetPaymentMethods();
-                }, returnToHomeUrl: returnToHomeUrl, returnHomeLabel: returnHomeLabel })) }) }));
+                }, returnToHomeUrl: returnToHomeUrl, returnHomeLabel: returnHomeLabel, disableUrlParamManagement: disableUrlParamManagement })) }) }));
     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

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

@@ -35,10 +35,10 @@ export interface AnySpendDepositProps {
     sourceTokenAddress?: string;
     /** Source chain ID to pre-select. If not provided, shows chain selection */
     sourceTokenChainId?: number;
-    /** The destination token to receive */
-    destinationToken: components["schemas"]["Token"];
+    /** The destination token address */
+    destinationTokenAddress: string;
     /** The destination chain ID */
-    destinationChainId: number;
+    destinationTokenChainId: number;
     /** Callback when deposit succeeds */
     onSuccess?: (amount: string) => void;
     /** Callback for opening a custom modal (e.g., for special token handling) */
@@ -89,6 +89,11 @@ export interface AnySpendDepositProps {
     customRecipientLabel?: string;
     /** Custom label for the return home button (overrides "Return to Home" / "Close") */
     returnHomeLabel?: string;
+    /** Whether the deposit requires a custom function (uses AnySpendCustomExactIn).
+     * When false, uses simple swap flow (AnySpend).
+     * Defaults to false.
+     */
+    isCustomDeposit?: boolean;
 }
 /**
  * A flexible deposit component that wraps AnySpendCustomExactIn with optional chain selection.
@@ -97,8 +102,8 @@ export interface AnySpendDepositProps {
  * // Simple deposit with chain selection
  * <AnySpendDeposit
  *   recipientAddress={userAddress}
- *   destinationToken={myToken}
- *   destinationChainId={base.id}
+ *   destinationTokenAddress="0x..."
+ *   destinationTokenChainId={base.id}
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  *
@@ -106,8 +111,8 @@ export interface AnySpendDepositProps {
  * // Skip chain selection by providing sourceTokenChainId
  * <AnySpendDeposit
  *   recipientAddress={userAddress}
- *   destinationToken={myToken}
- *   destinationChainId={base.id}
+ *   destinationTokenAddress="0x..."
+ *   destinationTokenChainId={base.id}
  *   sourceTokenChainId={base.id}
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
@@ -116,8 +121,8 @@ export interface AnySpendDepositProps {
  * // Deposit with custom contract
  * <AnySpendDeposit
  *   recipientAddress={userAddress}
- *   destinationToken={myToken}
- *   destinationChainId={base.id}
+ *   destinationTokenAddress="0x..."
+ *   destinationTokenChainId={base.id}
  *   depositContractConfig={{
  *     contractAddress: "0x...",
  *     functionName: "depositFor",
@@ -125,4 +130,4 @@ export interface AnySpendDepositProps {
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  */
-export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationToken, destinationChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AnySpendDeposit({ loadOrder, mode, recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains, minPoolSize, topChainsCount, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit, }: AnySpendDepositProps): import("react/jsx-runtime").JSX.Element | null;