@b3dotfun/sdk 0.1.0 → 0.1.1-alpha.1

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

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSimCollectibles = useSimCollectibles;
+const react_query_1 = require("@tanstack/react-query");
+const simdune_1 = require("../utils/simdune");
+/**
+ * Safely parse a balance string to a number, capping at MAX_SAFE_INTEGER
+ * to prevent overflow issues with large ERC1155 balances.
+ */
+function safeParseBalance(balance) {
+    if (!balance)
+        return 1;
+    const parsed = parseInt(balance, 10);
+    if (Number.isNaN(parsed))
+        return 1;
+    return Math.min(parsed, Number.MAX_SAFE_INTEGER);
+}
+async function fetchSimCollectibles(address, chainIdsParam, options) {
+    if (!address)
+        throw new Error("Address is required");
+    const queryParams = new URLSearchParams();
+    if (chainIdsParam && chainIdsParam.length > 0) {
+        queryParams.append("chain_ids", chainIdsParam.join(","));
+    }
+    if (options?.limit) {
+        queryParams.append("limit", options.limit.toString());
+    }
+    if (options?.filterSpam !== undefined) {
+        queryParams.append("filter_spam", options.filterSpam.toString());
+    }
+    const url = (0, simdune_1.buildSimduneUrl)(`/v1/evm/collectibles/${address}`, queryParams);
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch collectibles: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return data;
+}
+/**
+ * Transforms Simdune collectibles response to SimpleHash NFT format
+ * for compatibility with existing AccountAssets component
+ */
+function transformToSimpleHashFormat(data) {
+    const nfts = data.entries.map(entry => ({
+        nft_id: `${entry.chain}.${entry.contract_address}.${entry.token_id}`,
+        chain: entry.chain,
+        contract_address: entry.contract_address,
+        token_id: entry.token_id,
+        name: entry.name || "",
+        description: entry.description || "",
+        previews: {
+            image_small_url: entry.image_url || "",
+            image_medium_url: entry.image_url || "",
+            image_large_url: entry.image_url || "",
+            image_opengraph_url: entry.image_url || "",
+            blurhash: "",
+            predominant_color: "",
+        },
+        image_url: entry.image_url || "",
+        image_properties: {
+            width: 0,
+            height: 0,
+            size: 0,
+            mime_type: "",
+            exif_orientation: null,
+        },
+        video_url: null,
+        video_properties: null,
+        audio_url: null,
+        audio_properties: null,
+        model_url: null,
+        model_properties: null,
+        other_url: null,
+        other_properties: null,
+        background_color: null,
+        external_url: null,
+        created_date: "",
+        status: "minted",
+        token_count: 1,
+        owner_count: 1,
+        owners: [
+            {
+                owner_address: data.address,
+                quantity: safeParseBalance(entry.balance),
+                quantity_string: entry.balance || "1",
+                first_acquired_date: entry.last_acquired || "",
+                last_acquired_date: entry.last_acquired || "",
+            },
+        ],
+        contract: {
+            type: entry.token_standard,
+            name: entry.name || "",
+            symbol: entry.symbol || null,
+            deployed_by: "",
+            deployed_via_contract: "",
+            owned_by: "",
+            has_multiple_collections: false,
+        },
+        collection: {
+            collection_id: entry.contract_address,
+            name: entry.symbol || "Unknown Collection",
+            description: null,
+            image_url: entry.image_url || "",
+            image_properties: {
+                width: 0,
+                height: 0,
+                mime_type: "",
+            },
+            banner_image_url: null,
+            category: null,
+            is_nsfw: null,
+            external_url: null,
+            twitter_username: null,
+            discord_url: null,
+            instagram_username: null,
+            medium_username: null,
+            telegram_url: null,
+            marketplace_pages: [],
+            metaplex_mint: null,
+            metaplex_candy_machine: null,
+            metaplex_first_verified_creator: null,
+            floor_prices: [],
+            top_bids: [],
+            distinct_owner_count: 0,
+            distinct_nft_count: 0,
+            total_quantity: 0,
+            chains: [entry.chain],
+            top_contracts: [entry.contract_address],
+            collection_royalties: [],
+        },
+        last_sale: entry.last_sale_price
+            ? {
+                price: entry.last_sale_price,
+            }
+            : null,
+        primary_sale: null,
+        first_created: {
+            minted_to: data.address,
+            quantity: 1,
+            quantity_string: "1",
+            timestamp: "",
+            block_number: 0,
+            transaction: "",
+            transaction_initiator: "",
+        },
+        rarity: {
+            rank: null,
+            score: null,
+            unique_attributes: null,
+        },
+        royalty: [],
+        extra_metadata: {
+            attributes: (entry.metadata?.attributes || []).map(attr => ({
+                trait_type: attr.trait_type,
+                value: attr.value,
+                display_type: attr.display_type ?? null,
+            })),
+            image_original_url: entry.image_url || "",
+            animation_original_url: null,
+            metadata_original_url: entry.metadata?.uri || "",
+        },
+    }));
+    return {
+        next_cursor: data.next_offset || null,
+        next: null,
+        previous: null,
+        nfts,
+    };
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+function useSimCollectibles(address, chainIdsParam, options) {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["simCollectibles", address, chainIdsParam, options],
+        queryFn: async () => {
+            if (!address)
+                throw new Error("Address is required");
+            const data = await fetchSimCollectibles(address, chainIdsParam, options);
+            return transformToSimpleHashFormat(data);
+        },
+        enabled: Boolean(address),
+        staleTime: 30 * 1000,
+        gcTime: 5 * 60 * 1000,
+    });
+}

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

@@ -482,10 +482,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 +574,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/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/cjs/global-account/react/utils/simdune.d.ts

@@ -0,0 +1,7 @@
+export declare const SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+export declare function buildSimduneUrl(endpoint: string, queryParams?: URLSearchParams): string;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIMDUNE_API_HOST = void 0;
+exports.buildSimduneUrl = buildSimduneUrl;
+exports.SIMDUNE_API_HOST = "https://simdune-api.sean-430.workers.dev";
+/**
+ * Builds a Simdune API URL with the proxy wrapper and optional dev mode key.
+ * @param endpoint - The Simdune API endpoint (e.g., "/v1/evm/balances/0x...")
+ * @param queryParams - Optional URLSearchParams to append
+ */
+function buildSimduneUrl(endpoint, queryParams) {
+    const baseUrl = `${exports.SIMDUNE_API_HOST}/?url=https://api.sim.dune.com${endpoint}`;
+    let url = baseUrl;
+    if (queryParams && queryParams.toString()) {
+        url += `?${queryParams.toString()}`;
+    }
+    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
+        url += `${queryParams?.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
+    }
+    return url;
+}

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

@@ -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;

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HYPERLIQUID_CHAIN_ID } from "../../../anyspend/index.js";
-import { Skeleton, useAccountWallet, useSimBalance } from "../../../global-account/react/index.js";
+import { Skeleton, useAccountWallet, useSimBalance, useTokenData } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import { NetworkArbitrumOne, NetworkBase, NetworkBinanceSmartChain, NetworkEthereum, NetworkOptimism, NetworkPolygonPos, } from "@web3icons/react";
 import { ChevronRight } from "lucide-react";
@@ -67,8 +66,8 @@ function ChainIcon({ chainId, className }) {
  * // Simple deposit with chain selection
  * <AnySpendDeposit
  *   recipientAddress={userAddress}
- *   destinationToken={myToken}
- *   destinationChainId={base.id}
+ *   destinationTokenAddress="0x..."
+ *   destinationTokenChainId={base.id}
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  *
@@ -76,8 +75,8 @@ function ChainIcon({ chainId, className }) {
  * // 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}`)}
  * />
@@ -86,8 +85,8 @@ function ChainIcon({ chainId, className }) {
  * // Deposit with custom contract
  * <AnySpendDeposit
  *   recipientAddress={userAddress}
- *   destinationToken={myToken}
- *   destinationChainId={base.id}
+ *   destinationTokenAddress="0x..."
+ *   destinationTokenChainId={base.id}
  *   depositContractConfig={{
  *     contractAddress: "0x...",
  *     functionName: "depositFor",
@@ -95,7 +94,7 @@ function ChainIcon({ chainId, className }) {
  *   onSuccess={(amount) => console.log(`Deposited ${amount}`)}
  * />
  */
-export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationToken, destinationChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains = DEFAULT_SUPPORTED_CHAINS, minPoolSize = DEFAULT_MIN_POOL_SIZE, topChainsCount = 3, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, }) {
+export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, paymentType: initialPaymentType, sourceTokenAddress, sourceTokenChainId: initialSourceChainId, destinationTokenAddress, destinationTokenChainId, onSuccess, onOpenCustomModal, mainFooter, onTokenSelect, customUsdInputValues, preferEoa, minDestinationAmount, header, orderType, depositContractConfig, showChainSelection, supportedChains = DEFAULT_SUPPORTED_CHAINS, minPoolSize = DEFAULT_MIN_POOL_SIZE, topChainsCount = 3, onClose, returnToHomeUrl, customRecipientLabel, returnHomeLabel, isCustomDeposit = false, }) {
     const { connectedEOAWallet } = useAccountWallet();
     const eoaAddress = connectedEOAWallet?.getAccount()?.address;
     // Determine if we should show chain selection
@@ -103,6 +102,17 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
     const [step, setStep] = useState(shouldShowChainSelection ? "select-chain" : "deposit");
     const [selectedChainId, setSelectedChainId] = useState(initialSourceChainId);
     const [paymentType, setPaymentType] = useState(initialPaymentType ?? "crypto");
+    // Fetch destination token data
+    const { data: destinationTokenData } = useTokenData(destinationTokenChainId, destinationTokenAddress);
+    // Construct full destination token object
+    const destinationToken = useMemo(() => ({
+        address: destinationTokenAddress,
+        chainId: destinationTokenChainId,
+        symbol: destinationTokenData?.symbol ?? "",
+        name: destinationTokenData?.name ?? "",
+        decimals: destinationTokenData?.decimals ?? 18,
+        metadata: { logoURI: destinationTokenData?.logoURI },
+    }), [destinationTokenAddress, destinationTokenChainId, destinationTokenData]);
     // Fetch balances for EOA wallet
     const { data: balanceData, isLoading: isBalanceLoading } = useSimBalance(shouldShowChainSelection ? eoaAddress : undefined, supportedChains.map(c => c.id));
     // Group balances by chain and calculate total USD value per chain
@@ -145,7 +155,7 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
     }, [chainBalances]);
     if (!recipientAddress)
         return null;
-    const tokenSymbol = destinationToken.symbol ?? "TOKEN";
+    const tokenSymbol = destinationToken.symbol || "TOKEN";
     // Determine order type based on config
     const effectiveOrderType = orderType ?? (depositContractConfig ? "custom_exact_in" : "swap");
     // Default header if not provided
@@ -174,14 +184,12 @@ export function AnySpendDeposit({ loadOrder, mode = "modal", recipientAddress, p
     };
     // Chain selection view
     if (step === "select-chain") {
-        return (_jsxs("div", { className: cn("anyspend-deposit anyspend-deposit-chain-selection font-inter bg-as-surface-primary relative mx-auto w-full max-w-[460px]", mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: [onClose && (_jsx("button", { onClick: onClose, className: "anyspend-deposit-close-button text-as-secondary hover:text-as-primary absolute right-4 top-4 z-10", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), !isBalanceLoading && totalBalance > 0 && (_jsxs("div", { className: "anyspend-deposit-balance border-theme-border-secondary border-b p-5", children: [_jsx("p", { className: "anyspend-deposit-balance-label text-as-secondary text-sm", children: "Your Balance" }), _jsxs("p", { className: "anyspend-deposit-balance-value text-as-primary text-3xl font-semibold", children: [formatDecimal(totalBalance), " ", _jsx("span", { className: "text-sm", children: "USD" })] })] })), _jsxs("div", { className: "anyspend-deposit-options flex flex-col gap-2 p-6", children: [isBalanceLoading && (_jsx("div", { className: "anyspend-deposit-chains-skeleton flex flex-col gap-2", children: [1, 2].map((_, i) => (_jsxs("div", { className: "border-border-primary flex items-center justify-between rounded-xl border p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-6 w-6 rounded-full" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-20" })] })] }), _jsx(Skeleton, { className: "h-5 w-5" })] }, i))) })), topChainsWithBalance.length > 0 && (_jsx("div", { className: "anyspend-deposit-chains flex flex-col gap-2", children: topChainsWithBalance.map(chain => (_jsxs("button", { onClick: () => handleSelectChain(chain.id), className: "anyspend-deposit-chain-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsx("div", { className: "anyspend-deposit-chain-content", children: _jsxs("div", { className: "anyspend-deposit-chain-info", children: [_jsxs("span", { className: "anyspend-deposit-chain-name text-as-primary flex items-center gap-1.5 font-medium", children: ["Deposit from ", chain.name, _jsx(ChainIcon, { chainId: chain.id, className: "h-5 w-5" })] }), _jsxs("p", { className: "anyspend-deposit-chain-balance text-as-secondary text-xs", children: [formatUsd(chain.balance), " available"] })] }) }), _jsx(ChevronRight, { className: "anyspend-deposit-chain-chevron text-as-secondary h-5 w-5" })] }, chain.id))) })), _jsxs("div", { className: "anyspend-deposit-general-options flex flex-col gap-2", children: [_jsxs("button", { onClick: handleSelectCrypto, className: "anyspend-deposit-option-button anyspend-deposit-crypto-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsx("div", { className: "anyspend-deposit-option-content", children: _jsxs("div", { className: "anyspend-deposit-option-info", children: [_jsx("span", { className: "anyspend-deposit-option-title text-as-primary font-medium", children: "Deposit Crypto" }), _jsx("p", { className: "anyspend-deposit-option-description text-as-secondary text-xs", children: "Swap from any token on any chain" })] }) }), _jsx(ChevronRight, { className: "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), _jsxs("div", { className: "anyspend-deposit-divider flex items-center gap-3", children: [_jsx("div", { className: "bg-as-stroke h-px flex-1" }), _jsx("span", { className: "anyspend-deposit-divider-text text-as-secondary text-sm", children: "More options" }), _jsx("div", { className: "bg-as-stroke h-px flex-1" })] }), _jsxs("button", { onClick: handleSelectQrDeposit, className: "anyspend-deposit-option-button anyspend-deposit-qr-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsxs("div", { className: "anyspend-deposit-option-content flex items-center gap-3", children: [_jsx(QrCodeIcon, { className: "anyspend-deposit-option-icon h-10 w-10" }), _jsxs("div", { className: "anyspend-deposit-option-info", children: [_jsx("span", { className: "anyspend-deposit-option-title text-as-primary font-medium", children: "Deposit with QR Code" }), _jsx("p", { className: "anyspend-deposit-option-description text-as-secondary text-xs", children: "Send tokens directly to deposit address" })] })] }), _jsx(ChevronRight, { className: "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), _jsxs("button", { onClick: handleSelectFiat, className: "anyspend-deposit-option-button anyspend-deposit-fiat-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left transition-all", children: [_jsxs("div", { className: "anyspend-deposit-option-content flex items-center gap-3", children: [_jsx(CreditCardIcon, { className: "anyspend-deposit-option-icon h-10 w-10" }), _jsxs("div", { className: "anyspend-deposit-option-info", children: [_jsx("span", { className: "anyspend-deposit-option-title text-as-primary font-medium", children: "Fund with Fiat" }), _jsx("p", { className: "anyspend-deposit-option-description text-as-secondary text-xs", children: "Pay with card or bank transfer" })] })] }), _jsx(ChevronRight, { className: "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] })] }), _jsx(ChainWarningText, { chainId: destinationChainId, className: "mt-2" })] })] }));
+        return (_jsxs("div", { className: cn("anyspend-deposit anyspend-deposit-chain-selection font-inter bg-as-surface-primary relative mx-auto w-full max-w-[460px]", mode === "page" && "border-as-border-secondary overflow-hidden rounded-2xl border shadow-xl"), children: [onClose && (_jsx("button", { onClick: onClose, className: "anyspend-deposit-close-button text-as-secondary hover:text-as-primary absolute right-4 top-4 z-10", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), !isBalanceLoading && totalBalance > 0 && (_jsxs("div", { className: "anyspend-deposit-balance border-theme-border-secondary border-b p-5", children: [_jsx("p", { className: "anyspend-deposit-balance-label text-as-secondary text-sm", children: "Your Balance" }), _jsxs("p", { className: "anyspend-deposit-balance-value text-as-primary text-3xl font-semibold", children: [formatDecimal(totalBalance), " ", _jsx("span", { className: "text-sm", children: "USD" })] })] })), _jsxs("div", { className: "anyspend-deposit-options flex flex-col gap-2 p-6", children: [isBalanceLoading && (_jsx("div", { className: "anyspend-deposit-chains-skeleton flex flex-col gap-2", children: [1, 2].map((_, i) => (_jsxs("div", { className: "border-border-primary flex items-center justify-between rounded-xl border p-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-6 w-6 rounded-full" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-20" })] })] }), _jsx(Skeleton, { className: "h-5 w-5" })] }, i))) })), topChainsWithBalance.length > 0 && (_jsx("div", { className: "anyspend-deposit-chains flex flex-col gap-2", children: topChainsWithBalance.map(chain => (_jsxs("button", { onClick: () => handleSelectChain(chain.id), className: "anyspend-deposit-chain-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsx("div", { className: "anyspend-deposit-chain-content", children: _jsxs("div", { className: "anyspend-deposit-chain-info", children: [_jsxs("span", { className: "anyspend-deposit-chain-name text-as-primary flex items-center gap-1.5 font-medium", children: ["Deposit from ", chain.name, _jsx(ChainIcon, { chainId: chain.id, className: "h-5 w-5" })] }), _jsxs("p", { className: "anyspend-deposit-chain-balance text-as-secondary text-xs", children: [formatUsd(chain.balance), " available"] })] }) }), _jsx(ChevronRight, { className: "anyspend-deposit-chain-chevron text-as-secondary h-5 w-5" })] }, chain.id))) })), _jsxs("div", { className: "anyspend-deposit-general-options flex flex-col gap-2", children: [_jsxs("button", { onClick: handleSelectCrypto, className: "anyspend-deposit-option-button anyspend-deposit-crypto-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsx("div", { className: "anyspend-deposit-option-content", children: _jsxs("div", { className: "anyspend-deposit-option-info", children: [_jsx("span", { className: "anyspend-deposit-option-title text-as-primary font-medium", children: "Deposit Crypto" }), _jsx("p", { className: "anyspend-deposit-option-description text-as-secondary text-xs", children: "Swap from any token on any chain" })] }) }), _jsx(ChevronRight, { className: "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), _jsxs("div", { className: "anyspend-deposit-divider flex items-center gap-3", children: [_jsx("div", { className: "bg-as-stroke h-px flex-1" }), _jsx("span", { className: "anyspend-deposit-divider-text text-as-secondary text-sm", children: "More options" }), _jsx("div", { className: "bg-as-stroke h-px flex-1" })] }), _jsxs("button", { onClick: handleSelectQrDeposit, className: "anyspend-deposit-option-button anyspend-deposit-qr-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left shadow-sm transition-all", children: [_jsxs("div", { className: "anyspend-deposit-option-content flex items-center gap-3", children: [_jsx(QrCodeIcon, { className: "anyspend-deposit-option-icon h-10 w-10" }), _jsxs("div", { className: "anyspend-deposit-option-info", children: [_jsx("span", { className: "anyspend-deposit-option-title text-as-primary font-medium", children: "Deposit with QR Code" }), _jsx("p", { className: "anyspend-deposit-option-description text-as-secondary text-xs", children: "Send tokens directly to deposit address" })] })] }), _jsx(ChevronRight, { className: "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] }), _jsxs("button", { onClick: handleSelectFiat, className: "anyspend-deposit-option-button anyspend-deposit-fiat-button border-border-primary hover:border-as-brand hover:bg-as-surface-secondary flex w-full items-center justify-between rounded-xl border p-4 text-left transition-all", children: [_jsxs("div", { className: "anyspend-deposit-option-content flex items-center gap-3", children: [_jsx(CreditCardIcon, { className: "anyspend-deposit-option-icon h-10 w-10" }), _jsxs("div", { className: "anyspend-deposit-option-info", children: [_jsx("span", { className: "anyspend-deposit-option-title text-as-primary font-medium", children: "Fund with Fiat" }), _jsx("p", { className: "anyspend-deposit-option-description text-as-secondary text-xs", children: "Pay with card or bank transfer" })] })] }), _jsx(ChevronRight, { className: "anyspend-deposit-option-chevron text-as-secondary h-5 w-5" })] })] }), _jsx(ChainWarningText, { chainId: destinationTokenChainId, className: "mt-2" })] })] }));
     }
     // QR Deposit view
     if (step === "qr-deposit") {
-        return (_jsx(QRDeposit, { mode: mode, recipientAddress: recipientAddress, destinationToken: destinationToken, destinationChainId: destinationChainId, depositContractConfig: depositContractConfig, onBack: handleBack, onClose: onClose ?? handleBack }));
+        return (_jsx(QRDeposit, { mode: mode, recipientAddress: recipientAddress, destinationToken: destinationToken, destinationChainId: destinationTokenChainId, depositContractConfig: depositContractConfig, onBack: handleBack, onClose: onClose ?? handleBack }));
     }
-    // Check if destination is Hyperliquid
-    const isHyperliquidDeposit = destinationChainId === HYPERLIQUID_CHAIN_ID;
     // Deposit view
-    return (_jsxs("div", { className: "anyspend-deposit anyspend-deposit-form relative", children: [shouldShowChainSelection && (_jsxs("button", { onClick: handleBack, className: "anyspend-deposit-back-button text-as-secondary hover:text-as-primary absolute left-4 top-4 z-10 flex items-center gap-1", children: [_jsx("svg", { className: "anyspend-deposit-back-icon h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }), _jsx("span", { className: "anyspend-deposit-back-text text-sm", children: "Back" })] })), onClose && (_jsx("button", { onClick: onClose, className: "anyspend-deposit-close-button text-as-secondary hover:text-as-primary absolute right-4 top-4 z-10", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: cn("anyspend-deposit-form-content", shouldShowChainSelection && "pt-8"), children: isHyperliquidDeposit ? (_jsx(AnySpend, { loadOrder: loadOrder, mode: mode, defaultActiveTab: paymentType, recipientAddress: recipientAddress, sourceChainId: selectedChainId, destinationTokenAddress: destinationToken.address, destinationTokenChainId: destinationChainId, onSuccess: txHash => onSuccess?.(txHash ?? ""), onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, hideHeader: true, hideBottomNavigation: true, disableUrlParamManagement: true, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel }, selectedChainId)) : (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, paymentType: paymentType, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: selectedChainId, destinationToken: destinationToken, destinationChainId: destinationChainId, orderType: effectiveOrderType, minDestinationAmount: minDestinationAmount, header: header ?? defaultHeader, onSuccess: onSuccess, onOpenCustomModal: onOpenCustomModal, mainFooter: mainFooter, onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, preferEoa: preferEoa, customExactInConfig: depositContractConfig, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel }, selectedChainId)) }), _jsx(ChainWarningText, { chainId: destinationChainId, className: "px-4 pb-4" })] }));
+    return (_jsxs("div", { className: "anyspend-deposit anyspend-deposit-form relative", children: [shouldShowChainSelection && (_jsxs("button", { onClick: handleBack, className: "anyspend-deposit-back-button text-as-secondary hover:text-as-primary absolute left-4 top-4 z-10 flex items-center gap-1", children: [_jsx("svg", { className: "anyspend-deposit-back-icon h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }), _jsx("span", { className: "anyspend-deposit-back-text text-sm", children: "Back" })] })), onClose && (_jsx("button", { onClick: onClose, className: "anyspend-deposit-close-button text-as-secondary hover:text-as-primary absolute right-4 top-4 z-10", children: _jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("div", { className: cn("anyspend-deposit-form-content", shouldShowChainSelection && "pt-8"), children: isCustomDeposit ? (_jsx(AnySpendCustomExactIn, { loadOrder: loadOrder, mode: mode, recipientAddress: recipientAddress, paymentType: paymentType, sourceTokenAddress: sourceTokenAddress, sourceTokenChainId: selectedChainId, destinationToken: destinationToken, destinationChainId: destinationTokenChainId, orderType: effectiveOrderType, minDestinationAmount: minDestinationAmount, header: header ?? defaultHeader, onSuccess: onSuccess, onOpenCustomModal: onOpenCustomModal, mainFooter: mainFooter, onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, preferEoa: preferEoa, customExactInConfig: depositContractConfig, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel }, selectedChainId)) : (_jsx(AnySpend, { loadOrder: loadOrder, mode: mode, defaultActiveTab: paymentType, recipientAddress: recipientAddress, sourceChainId: selectedChainId, destinationTokenAddress: destinationTokenAddress, destinationTokenChainId: destinationTokenChainId, onSuccess: txHash => onSuccess?.(txHash ?? ""), onTokenSelect: onTokenSelect, customUsdInputValues: customUsdInputValues, hideHeader: true, hideBottomNavigation: true, disableUrlParamManagement: true, returnToHomeUrl: returnToHomeUrl, customRecipientLabel: customRecipientLabel, returnHomeLabel: returnHomeLabel }, selectedChainId)) }), _jsx(ChainWarningText, { chainId: destinationTokenChainId, className: "px-4 pb-4" })] }));
 }