@b3dotfun/sdk 0.0.83 → 0.0.84-alpha.0

package/dist/cjs/anyspend/react/hooks/useConnectedUserProfile.js

@@ -2,20 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConnectedUserProfile = useConnectedUserProfile;
 const react_1 = require("../../../global-account/react");
-const react_2 = require("thirdweb/react");
+const useConnectedWalletDisplay_1 = require("./useConnectedWalletDisplay");
 /**
  * Hook that provides connected user's address, profile, and cleaned display name
  * Combines logic for getting connected address from either global account or thirdweb wallets
  */
-function useConnectedUserProfile() {
-    const { address: globalAddress } = (0, react_1.useAccountWallet)();
-    const connectedWallets = (0, react_2.useConnectedWallets)();
-    // Get connected address from global account or first connected wallet
-    const connectedAddress = globalAddress || connectedWallets?.[0]?.getAccount()?.address;
+function useConnectedUserProfile(selectedCryptoPaymentMethod) {
+    const { walletAddress } = (0, useConnectedWalletDisplay_1.useConnectedWalletDisplay)(selectedCryptoPaymentMethod);
     // Fetch profile data for the connected address with cleaned name
-    const connectedProfile = (0, react_1.useProfile)({ address: connectedAddress });
+    const connectedProfile = (0, react_1.useProfile)({ address: walletAddress });
     return {
-        address: connectedAddress,
+        address: walletAddress,
         profile: connectedProfile,
         name: connectedProfile.data?.name,
         isLoading: connectedProfile.isLoading,

package/dist/cjs/anyspend/react/hooks/useConnectedWalletDisplay.d.ts

@@ -2,8 +2,6 @@ import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMetho
 interface UseConnectedWalletDisplayResult {
     walletAddress: string | undefined;
     shouldShowConnectedEOA: boolean;
-    shouldShowWagmiWallet: boolean;
-    isWalletDuplicated: boolean;
     suggestedPaymentMethod: CryptoPaymentMethodType;
 }
 /**

package/dist/cjs/anyspend/react/hooks/useConnectedWalletDisplay.js

@@ -12,23 +12,15 @@ function useConnectedWalletDisplay(selectedCryptoPaymentMethod) {
     const { connectedEOAWallet, connectedSmartWallet } = (0, react_1.useAccountWallet)();
     const { address: wagmiAddress } = (0, wagmi_1.useAccount)();
     const globalWalletAddress = connectedSmartWallet?.getAccount()?.address;
-    // Helper function to check if two addresses are the same
-    const isSameAddress = (addr1, addr2) => {
-        if (!addr1 || !addr2)
-            return false;
-        return addr1.toLowerCase() === addr2.toLowerCase();
-    };
     // Check if connectedEOAWallet and wagmi wallet represent the same wallet
     const connectedEOAAddress = connectedEOAWallet?.getAccount()?.address;
-    const isWalletDuplicated = isSameAddress(connectedEOAAddress, wagmiAddress) || isSameAddress(globalWalletAddress, wagmiAddress);
     // Determine which wallet to show (prefer connectedEOAWallet if both exist and are the same)
     const shouldShowConnectedEOA = !!connectedEOAWallet;
     // this is disabled because we don't want to display In-App Wallet as a payment method
-    const shouldShowWagmiWallet = false; // wagmiWalletIsConnected && (!isWalletDuplicated || !connectedEOAWallet);
     // Determine which address to use based on payment method
     let walletAddress;
     if (selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.GLOBAL_WALLET) {
-        walletAddress = connectedSmartWallet?.getAccount()?.address;
+        walletAddress = globalWalletAddress;
     }
     else if (selectedCryptoPaymentMethod === CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET) {
         // Prefer connectedEOAWallet, fallback to wagmi wallet
@@ -45,15 +37,13 @@ function useConnectedWalletDisplay(selectedCryptoPaymentMethod) {
         // If there's a connected EOA or wagmi wallet, suggest CONNECT_WALLET
         suggestedPaymentMethod = CryptoPaymentMethod_1.CryptoPaymentMethodType.CONNECT_WALLET;
     }
-    else if (connectedSmartWallet?.getAccount()?.address) {
+    else if (globalWalletAddress) {
         // If only global wallet is available, suggest that
         suggestedPaymentMethod = CryptoPaymentMethod_1.CryptoPaymentMethodType.GLOBAL_WALLET;
     }
     return {
         walletAddress,
         shouldShowConnectedEOA,
-        shouldShowWagmiWallet,
-        isWalletDuplicated,
         suggestedPaymentMethod,
     };
 }

package/dist/cjs/anyspend/react/hooks/useHyperliquidTransfer.d.ts

@@ -0,0 +1,37 @@
+interface HyperliquidTransferParams {
+    /** Amount in smallest unit (USDC has 6 decimals) */
+    amount: string;
+    /** Recipient address */
+    destination: string;
+}
+/**
+ * @deprecated This hook is NOT USED in production.
+ *
+ * Hyperliquid is only supported as DESTINATION CHAIN (not source chain).
+ * Users cannot send FROM Hyperliquid in our flow, so EIP-712 signing is not needed.
+ *
+ * This hook was created during initial planning but is kept for:
+ * - Reference if we need to support source chain in the future
+ * - Understanding how Hyperliquid EIP-712 transfers work
+ *
+ * DO NOT USE THIS HOOK IN PRODUCTION CODE.
+ *
+ * Custom hook for handling Hyperliquid transfers via EIP-712 signature.
+ * Based on Relay SDK's Hyperliquid implementation.
+ *
+ * @example
+ * ```tsx
+ * const { initiateTransfer } = useHyperliquidTransfer();
+ *
+ * await initiateTransfer({
+ *   amount: "1000000", // 1 USDC
+ *   destination: "0x..."
+ * });
+ * ```
+ */
+export declare function useHyperliquidTransfer(): {
+    initiateTransfer: ({ amount, destination }: HyperliquidTransferParams) => Promise<void>;
+    getConnectedAddress: () => `0x${string}` | null;
+    isWalletConnected: boolean;
+};
+export {};

package/dist/cjs/anyspend/react/hooks/useHyperliquidTransfer.js

@@ -0,0 +1,133 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHyperliquidTransfer = useHyperliquidTransfer;
+const anyspend_1 = require("../../../anyspend");
+const react_1 = require("../../../global-account/react");
+const number_1 = require("../../../shared/utils/number");
+const axios_1 = __importDefault(require("axios"));
+const react_2 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+/**
+ * @deprecated This hook is NOT USED in production.
+ *
+ * Hyperliquid is only supported as DESTINATION CHAIN (not source chain).
+ * Users cannot send FROM Hyperliquid in our flow, so EIP-712 signing is not needed.
+ *
+ * This hook was created during initial planning but is kept for:
+ * - Reference if we need to support source chain in the future
+ * - Understanding how Hyperliquid EIP-712 transfers work
+ *
+ * DO NOT USE THIS HOOK IN PRODUCTION CODE.
+ *
+ * Custom hook for handling Hyperliquid transfers via EIP-712 signature.
+ * Based on Relay SDK's Hyperliquid implementation.
+ *
+ * @example
+ * ```tsx
+ * const { initiateTransfer } = useHyperliquidTransfer();
+ *
+ * await initiateTransfer({
+ *   amount: "1000000", // 1 USDC
+ *   destination: "0x..."
+ * });
+ * ```
+ */
+function useHyperliquidTransfer() {
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)();
+    /**
+     * Get the connected wallet address if available.
+     */
+    const getConnectedAddress = (0, react_2.useCallback)(() => {
+        return walletClient?.account?.address || null;
+    }, [walletClient]);
+    /**
+     * Initiate Hyperliquid transfer by signing EIP-712 message and sending to Hyperliquid API.
+     */
+    const initiateTransfer = (0, react_2.useCallback)(async ({ amount, destination }) => {
+        if (!walletClient?.account) {
+            react_1.toast.error("Please connect your wallet");
+            throw new Error("Wallet not connected");
+        }
+        try {
+            const currentTime = new Date().getTime();
+            // Convert amount from smallest unit (6 decimals) to display format.
+            // e.g., "11151533" -> "11.151533"
+            const displayAmount = (0, number_1.formatUnits)(amount, 6);
+            // Prepare EIP-712 typed data for Hyperliquid USD send.
+            const typedData = {
+                domain: {
+                    name: "HyperliquidSignTransaction",
+                    version: "1",
+                    chainId: anyspend_1.HYPERLIQUID_CHAIN_ID,
+                    verifyingContract: "0x0000000000000000000000000000000000000000",
+                },
+                types: {
+                    "HyperliquidTransaction:UsdSend": [
+                        { name: "hyperliquidChain", type: "string" },
+                        { name: "destination", type: "string" },
+                        { name: "amount", type: "string" },
+                        { name: "time", type: "uint64" },
+                    ],
+                },
+                primaryType: "HyperliquidTransaction:UsdSend",
+                message: {
+                    hyperliquidChain: "Mainnet",
+                    destination: destination.toLowerCase(),
+                    amount: displayAmount,
+                    time: BigInt(currentTime),
+                },
+            };
+            react_1.toast.info("Please sign the message in your wallet");
+            // Sign EIP-712 message.
+            const signature = await walletClient.signTypedData(typedData);
+            // Parse signature to get r, s, v components.
+            const { r, s, v } = (0, viem_1.parseSignature)(signature);
+            react_1.toast.info("Sending transaction to Hyperliquid...");
+            // Send signature to Hyperliquid API.
+            const response = await axios_1.default.post(anyspend_1.HYPERLIQUID_MAINNET.apiUrl + "/exchange", {
+                signature: {
+                    r,
+                    s,
+                    v: Number(v ?? BigInt(0)),
+                },
+                nonce: currentTime,
+                action: {
+                    type: "usdSend",
+                    signatureChainId: `0x${anyspend_1.HYPERLIQUID_CHAIN_ID.toString(16)}`,
+                    hyperliquidChain: "Mainnet",
+                    destination: destination.toLowerCase(),
+                    amount: displayAmount,
+                    time: currentTime,
+                },
+            });
+            // Check response status.
+            if (!response || response.status !== 200 || response.data?.status !== "ok") {
+                const errorMsg = response?.data?.error || "Failed to send transaction to Hyperliquid";
+                react_1.toast.error(errorMsg);
+                throw new Error(errorMsg);
+            }
+            react_1.toast.success("Transaction sent to Hyperliquid successfully!");
+        }
+        catch (error) {
+            console.error("Hyperliquid transfer error:", error);
+            // Handle user rejection.
+            if (error?.message?.includes("User rejected") || error?.code === 4001) {
+                react_1.toast.error("Transaction signature rejected");
+                throw new Error("User rejected signature");
+            }
+            // Handle other errors.
+            const errorMsg = error?.message || "Failed to complete Hyperliquid transfer";
+            react_1.toast.error(errorMsg);
+            throw error;
+        }
+    }, [walletClient]);
+    return {
+        initiateTransfer,
+        getConnectedAddress,
+        isWalletConnected: !!walletClient?.account,
+    };
+}

package/dist/cjs/anyspend/react/providers/AnyspendProvider.js

@@ -4,19 +4,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnyspendProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../global-account/react");
-const react_query_1 = require("@tanstack/react-query");
-const react_2 = require("react");
 const FeatureFlagsContext_1 = require("../contexts/FeatureFlagsContext");
 const StripeRedirectHandler_1 = require("./StripeRedirectHandler");
-const defaultQueryClientConfig = {
-    defaultOptions: {
-        queries: {
-            refetchOnWindowFocus: false,
-            retry: false,
-            staleTime: 30000,
-        },
-    },
-};
 /**
  * AnyspendProvider is a top-level provider that wraps your application to provide
  * query caching and state management for all Anyspend hooks.
@@ -41,7 +30,6 @@ const defaultQueryClientConfig = {
  * ```
  */
 const AnyspendProvider = function AnyspendProvider({ children, featureFlags }) {
-    const [queryClient] = (0, react_2.useState)(() => new react_query_1.QueryClient(defaultQueryClientConfig));
-    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(FeatureFlagsContext_1.FeatureFlagsProvider, { featureFlags: featureFlags, children: (0, jsx_runtime_1.jsxs)(react_1.TooltipProvider, { children: [(0, jsx_runtime_1.jsx)(StripeRedirectHandler_1.StripeRedirectHandler, {}), children] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(FeatureFlagsContext_1.FeatureFlagsProvider, { featureFlags: featureFlags, children: (0, jsx_runtime_1.jsxs)(react_1.TooltipProvider, { children: [(0, jsx_runtime_1.jsx)(StripeRedirectHandler_1.StripeRedirectHandler, {}), children] }) }));
 };
 exports.AnyspendProvider = AnyspendProvider;

package/dist/cjs/anyspend/types/chain.d.ts

@@ -1,8 +1,9 @@
-import { Chain } from "viem";
 import { components } from "../../anyspend/types/api";
+import { Chain } from "viem";
 export declare enum ChainType {
     EVM = "evm",
-    SOLANA = "solana"
+    SOLANA = "solana",
+    HYPERLIQUID = "hyperliquid"
 }
 export interface IBaseChain {
     id: number;
@@ -25,3 +26,10 @@ export interface IEVMChain extends IBaseChain {
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;
 }
+export interface IHyperliquidChain extends IBaseChain {
+    type: ChainType.HYPERLIQUID;
+    apiUrl: string;
+    blockExplorer: {
+        url: string;
+    };
+}

package/dist/cjs/anyspend/types/chain.js

@@ -5,4 +5,5 @@ var ChainType;
 (function (ChainType) {
     ChainType["EVM"] = "evm";
     ChainType["SOLANA"] = "solana";
+    ChainType["HYPERLIQUID"] = "hyperliquid";
 })(ChainType || (exports.ChainType = ChainType = {}));

package/dist/cjs/anyspend/utils/address.d.ts

@@ -1,4 +1,15 @@
 export declare function isSolanaAddress(address: string): boolean;
 export declare function isEvmOrSolanaAddress(address: string): boolean;
+/**
+ * Check if an address is Hyperliquid's special USDC address.
+ * Hyperliquid USDC uses a special 34-character format (0x + 32 hex digits)
+ * instead of the standard 42-character Ethereum address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ *
+ * @param chainId - The chain ID to check
+ * @param address - The token address to validate
+ * @returns true if the address is Hyperliquid USDC's special format
+ */
+export declare function isHyperliquidUSDC(chainId: number, address: string): boolean;
 export declare function normalizeAddress(address: string): string;
 export declare function eqci(a: string | null | undefined, b: string | null | undefined): boolean;

package/dist/cjs/anyspend/utils/address.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isSolanaAddress = isSolanaAddress;
 exports.isEvmOrSolanaAddress = isEvmOrSolanaAddress;
+exports.isHyperliquidUSDC = isHyperliquidUSDC;
 exports.normalizeAddress = normalizeAddress;
 exports.eqci = eqci;
 const viem_1 = require("viem");
+const token_1 = require("./token");
 function isSolanaAddress(address) {
     // Solana addresses are 32-byte base58 strings (usually 32-44 characters)
     const solanaAddressRegex = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;
@@ -13,6 +15,19 @@ function isSolanaAddress(address) {
 function isEvmOrSolanaAddress(address) {
     return (0, viem_1.isAddress)(address) || isSolanaAddress(address);
 }
+/**
+ * Check if an address is Hyperliquid's special USDC address.
+ * Hyperliquid USDC uses a special 34-character format (0x + 32 hex digits)
+ * instead of the standard 42-character Ethereum address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ *
+ * @param chainId - The chain ID to check
+ * @param address - The token address to validate
+ * @returns true if the address is Hyperliquid USDC's special format
+ */
+function isHyperliquidUSDC(chainId, address) {
+    return chainId === token_1.HYPERLIQUID_CHAIN_ID && address.toLowerCase() === "0x00000000000000000000000000000000";
+}
 function normalizeAddress(address) {
     if (isSolanaAddress(address)) {
         return address;

package/dist/cjs/anyspend/utils/chain.d.ts

@@ -1,6 +1,6 @@
 import { components } from "../../anyspend/types/api";
 import { Account, Chain, PublicClient, Transport, WalletClient } from "viem";
-import { ChainType, IBaseChain, IEVMChain, ISolanaChain } from "../types/chain";
+import { ChainType, IBaseChain, IEVMChain, IHyperliquidChain, ISolanaChain } from "../types/chain";
 export declare const hyperEVM: {
     blockExplorers: {
         readonly default: {
@@ -42,8 +42,10 @@ export declare const hyperEVM: {
 export declare const EVM_MAINNET: Record<number, IEVMChain>;
 export declare const EVM_TESTNET: Record<number, IEVMChain>;
 export declare const SOLANA_MAINNET: ISolanaChain;
+export declare const HYPERLIQUID_MAINNET: IHyperliquidChain;
 export declare const EVM_CHAINS: Record<number, IEVMChain>;
 export declare const SOLANA_CHAINS: Record<number, ISolanaChain>;
+export declare const HYPERLIQUID_CHAINS: Record<number, IHyperliquidChain>;
 export declare const ALL_CHAINS: Record<number, IBaseChain>;
 export declare function getSolanaChains(network: "mainnet" | "testnet"): ISolanaChain;
 export declare function getAllEvmChains(network: "mainnet" | "testnet"): Record<number, IEVMChain>;
@@ -63,3 +65,20 @@ export declare function getExplorerAddressUrl(chainId: number, address: string):
 export declare function getMulticall3Address(chainId: number): string;
 export declare function getNativeToken(chainId: number): components["schemas"]["Token"];
 export declare function isEvmChain(chainId: number): boolean;
+export declare function isHyperliquidChain(chainId: number): boolean;
+export declare function getHyperliquidChain(chainId: number): IHyperliquidChain;
+/**
+ * Get available chain IDs for AnySpend based on context (source or destination).
+ * Filters out chains that shouldn't be available for the given context.
+ *
+ * @param context - "from" for source chains, "to" for destination chains
+ * @returns Array of available chain IDs
+ *
+ * @example
+ * // Get source chains (excludes Hyperliquid)
+ * const sourceChains = getAvailableChainIds("from") // [1, 8453, 137, ...]
+ *
+ * // Get destination chains (includes Hyperliquid)
+ * const destChains = getAvailableChainIds("to") // [1, 8453, 137, ..., 1337]
+ */
+export declare function getAvailableChainIds(context: "from" | "to"): number[];

package/dist/cjs/anyspend/utils/chain.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ALL_CHAINS = exports.SOLANA_CHAINS = exports.EVM_CHAINS = exports.SOLANA_MAINNET = exports.EVM_TESTNET = exports.EVM_MAINNET = exports.hyperEVM = void 0;
+exports.ALL_CHAINS = exports.HYPERLIQUID_CHAINS = exports.SOLANA_CHAINS = exports.EVM_CHAINS = exports.HYPERLIQUID_MAINNET = exports.SOLANA_MAINNET = exports.EVM_TESTNET = exports.EVM_MAINNET = exports.hyperEVM = void 0;
 exports.getSolanaChains = getSolanaChains;
 exports.getAllEvmChains = getAllEvmChains;
 exports.getChainType = getChainType;
@@ -22,6 +22,9 @@ exports.getExplorerAddressUrl = getExplorerAddressUrl;
 exports.getMulticall3Address = getMulticall3Address;
 exports.getNativeToken = getNativeToken;
 exports.isEvmChain = isEvmChain;
+exports.isHyperliquidChain = isHyperliquidChain;
+exports.getHyperliquidChain = getHyperliquidChain;
+exports.getAvailableChainIds = getAvailableChainIds;
 const constants_1 = require("../../anyspend/constants");
 const invariant_1 = __importDefault(require("invariant"));
 const viem_1 = require("viem");
@@ -256,9 +259,27 @@ exports.SOLANA_MAINNET = {
     nativeToken: (0, token_1.getSolanaToken)(),
     coingeckoName: "solana",
 };
+exports.HYPERLIQUID_MAINNET = {
+    id: token_1.HYPERLIQUID_CHAIN_ID,
+    name: "Hyperliquid",
+    type: chain_1.ChainType.HYPERLIQUID,
+    logoUrl: "https://s2.coinmarketcap.com/static/img/coins/64x64/32196.png",
+    nativeRequired: BigInt(0), // No native transfer needed - using Relay's useDepositAddress flow (USDC is native)
+    canDepositNative: true, // Can deposit USDC (native token)
+    defaultToken: (0, token_1.getHyperliquidUSDCToken)(),
+    nativeToken: (0, token_1.getHyperliquidUSDCToken)(),
+    coingeckoName: null,
+    apiUrl: "https://api.hyperliquid.xyz",
+    blockExplorer: {
+        url: "https://app.hyperliquid.xyz/explorer",
+    },
+};
 exports.EVM_CHAINS = { ...exports.EVM_MAINNET, ...exports.EVM_TESTNET };
 exports.SOLANA_CHAINS = { [constants_1.RELAY_SOLANA_MAINNET_CHAIN_ID]: exports.SOLANA_MAINNET };
-exports.ALL_CHAINS = { ...exports.EVM_CHAINS, ...exports.SOLANA_CHAINS };
+exports.HYPERLIQUID_CHAINS = {
+    [token_1.HYPERLIQUID_CHAIN_ID]: exports.HYPERLIQUID_MAINNET,
+};
+exports.ALL_CHAINS = { ...exports.EVM_CHAINS, ...exports.SOLANA_CHAINS, ...exports.HYPERLIQUID_CHAINS };
 function getSolanaChains(network) {
     (0, invariant_1.default)(network === "mainnet", "Solana chain is only supported on mainnet");
     return exports.SOLANA_MAINNET;
@@ -296,7 +317,7 @@ function canDepositNative(chainId) {
     return exports.ALL_CHAINS[chainId].canDepositNative;
 }
 function isMainnet(chainId) {
-    return exports.EVM_MAINNET[chainId] !== undefined || constants_1.RELAY_SOLANA_MAINNET_CHAIN_ID === chainId;
+    return (exports.EVM_MAINNET[chainId] !== undefined || constants_1.RELAY_SOLANA_MAINNET_CHAIN_ID === chainId || token_1.HYPERLIQUID_CHAIN_ID === chainId);
 }
 function isTestnet(chainId) {
     return exports.EVM_TESTNET[chainId] !== undefined;
@@ -307,7 +328,11 @@ function getDefaultToken(chainId) {
 }
 function getChainName(chainId) {
     (0, invariant_1.default)(exports.ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
-    return exports.EVM_CHAINS[chainId] ? exports.EVM_CHAINS[chainId].viem.name : "Solana";
+    const chain = exports.ALL_CHAINS[chainId];
+    if (isEvmChain(chainId)) {
+        return chain.viem.name;
+    }
+    return chain.name;
 }
 function getCoingeckoName(chainId) {
     (0, invariant_1.default)(exports.ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
@@ -456,6 +481,12 @@ function getPaymentUrl(address, amount, currency, chainId, decimals) {
             console.log("Solana URL (isNativeSOL:", isNativeSOL, "):", url);
             return url;
         }
+        case chain_1.ChainType.HYPERLIQUID: {
+            // NOTE: Hyperliquid is only supported as destination chain (not source chain).
+            // Payment URLs are not needed since users cannot send FROM Hyperliquid in our flow.
+            // Return address as placeholder (this code path should not be reached).
+            return address;
+        }
         default:
             // Fallback to just the address if chain type is unknown
             return address;
@@ -468,12 +499,20 @@ function getExplorerTxUrl(chainId, txHash) {
     if (exports.EVM_CHAINS[chainId]) {
         return exports.EVM_CHAINS[chainId].viem.blockExplorers?.default.url + "/tx/" + txHash;
     }
+    if (exports.HYPERLIQUID_CHAINS[chainId]) {
+        return exports.HYPERLIQUID_CHAINS[chainId].blockExplorer.url + "/tx/" + txHash;
+    }
+    // Default to Solscan for Solana transactions
     return "https://solscan.io/tx/" + txHash;
 }
 function getExplorerAddressUrl(chainId, address) {
     if (exports.EVM_CHAINS[chainId]) {
         return exports.EVM_CHAINS[chainId].viem.blockExplorers?.default.url + "/address/" + address;
     }
+    if (exports.HYPERLIQUID_CHAINS[chainId]) {
+        return exports.HYPERLIQUID_CHAINS[chainId].blockExplorer.url + "/address/" + address;
+    }
+    // Default to Solscan for Solana addresses
     return "https://solscan.io/account/" + address;
 }
 function getMulticall3Address(chainId) {
@@ -490,3 +529,33 @@ function getNativeToken(chainId) {
 function isEvmChain(chainId) {
     return Boolean(exports.EVM_CHAINS[chainId]);
 }
+function isHyperliquidChain(chainId) {
+    return exports.HYPERLIQUID_CHAINS[chainId] !== undefined;
+}
+function getHyperliquidChain(chainId) {
+    (0, invariant_1.default)(exports.HYPERLIQUID_CHAINS[chainId], `Chain ${chainId} is not a Hyperliquid chain`);
+    return exports.HYPERLIQUID_CHAINS[chainId];
+}
+/**
+ * Get available chain IDs for AnySpend based on context (source or destination).
+ * Filters out chains that shouldn't be available for the given context.
+ *
+ * @param context - "from" for source chains, "to" for destination chains
+ * @returns Array of available chain IDs
+ *
+ * @example
+ * // Get source chains (excludes Hyperliquid)
+ * const sourceChains = getAvailableChainIds("from") // [1, 8453, 137, ...]
+ *
+ * // Get destination chains (includes Hyperliquid)
+ * const destChains = getAvailableChainIds("to") // [1, 8453, 137, ..., 1337]
+ */
+function getAvailableChainIds(context) {
+    const allChainIds = Object.values(exports.ALL_CHAINS).map(chain => chain.id);
+    if (context === "from") {
+        // Hyperliquid is only supported as destination chain, not source chain
+        return allChainIds.filter(chainId => chainId !== token_1.HYPERLIQUID_CHAIN_ID);
+    }
+    // For destination ("to"), all chains are available including Hyperliquid
+    return allChainIds;
+}

package/dist/cjs/anyspend/utils/token.d.ts

@@ -8,3 +8,4 @@ export declare function getPolToken(): components["schemas"]["Token"];
 export declare function getBnbToken(): components["schemas"]["Token"];
 export declare function getAvaxToken(): components["schemas"]["Token"];
 export declare function getHyperEVMNativeToken(): components["schemas"]["Token"];
+export declare function getHyperliquidUSDCToken(): components["schemas"]["Token"];

package/dist/cjs/anyspend/utils/token.js

@@ -8,12 +8,13 @@ exports.getPolToken = getPolToken;
 exports.getBnbToken = getBnbToken;
 exports.getAvaxToken = getAvaxToken;
 exports.getHyperEVMNativeToken = getHyperEVMNativeToken;
+exports.getHyperliquidUSDCToken = getHyperliquidUSDCToken;
 const constants_1 = require("../../anyspend/constants");
 const chains_1 = require("viem/chains");
 exports.HYPERLIQUID_CHAIN_ID = 1337;
 exports.HYPEREVM_CHAIN_ID = 999;
 function isNativeToken(address) {
-    return address.toLowerCase() === constants_1.RELAY_ETH_ADDRESS || address.toLowerCase() === constants_1.RELAY_SOL_ADDRESS;
+    return address.toLowerCase() === constants_1.ZERO_ADDRESS || address.toLowerCase() === constants_1.RELAY_SOL_ADDRESS;
 }
 function getSolanaToken() {
     return {
@@ -30,7 +31,7 @@ function getSolanaToken() {
 function getEthToken(chainId) {
     return {
         chainId: chainId,
-        address: constants_1.RELAY_ETH_ADDRESS,
+        address: constants_1.ZERO_ADDRESS,
         symbol: "ETH",
         name: "Ethereum",
         decimals: 18,
@@ -42,7 +43,7 @@ function getEthToken(chainId) {
 function getPolToken() {
     return {
         chainId: chains_1.polygon.id,
-        address: constants_1.RELAY_ETH_ADDRESS,
+        address: constants_1.ZERO_ADDRESS,
         symbol: "POL",
         name: "Polygon",
         decimals: 18,
@@ -54,7 +55,7 @@ function getPolToken() {
 function getBnbToken() {
     return {
         chainId: chains_1.bsc.id,
-        address: constants_1.RELAY_ETH_ADDRESS,
+        address: constants_1.ZERO_ADDRESS,
         symbol: "BNB",
         name: "BNB",
         decimals: 18,
@@ -66,7 +67,7 @@ function getBnbToken() {
 function getAvaxToken() {
     return {
         chainId: chains_1.avalanche.id,
-        address: constants_1.RELAY_ETH_ADDRESS,
+        address: constants_1.ZERO_ADDRESS,
         symbol: "AVAX",
         name: "AVAX",
         decimals: 18,
@@ -78,7 +79,7 @@ function getAvaxToken() {
 function getHyperEVMNativeToken() {
     return {
         chainId: exports.HYPEREVM_CHAIN_ID,
-        address: constants_1.RELAY_ETH_ADDRESS,
+        address: constants_1.ZERO_ADDRESS,
         symbol: "HYPE",
         name: "HYPE",
         decimals: 18,
@@ -87,3 +88,15 @@ function getHyperEVMNativeToken() {
         },
     };
 }
+function getHyperliquidUSDCToken() {
+    return {
+        chainId: exports.HYPERLIQUID_CHAIN_ID,
+        address: constants_1.ZERO_ADDRESS,
+        symbol: "USDC",
+        name: "USD Coin",
+        decimals: 6,
+        metadata: {
+            logoURI: "https://ethereum-optimism.github.io/data/USDC/logo.png",
+        },
+    };
+}

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.js

@@ -43,7 +43,7 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connector
     (0, react_2.useEffect)(() => {
         (0, client_manager_1.setClientType)(clientType);
     }, [clientType]);
-    const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
+    const wagmiConfig = (0, react_2.useMemo)(() => (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [partnerId, rpcUrls, connectors, overrideDefaultConnectors]);
     return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(index_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsxs)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [(0, jsx_runtime_1.jsx)(ToastContextConnector, {}), (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
 }
 /**