@b3dotfun/sdk 0.0.83 → 0.0.84-alpha.0

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

@@ -3,7 +3,7 @@ import invariant from "invariant";
 import { createPublicClient, createWalletClient, defineChain, http, parseEther, } from "viem";
 import { abstract, arbitrum, avalanche, b3, base, bsc, mainnet, optimism, polygon } from "viem/chains";
 import { ChainType } from "../types/chain.js";
-import { getAvaxToken, getBnbToken, getEthToken, getHyperEVMNativeToken, getPolToken, getSolanaToken, HYPEREVM_CHAIN_ID, } from "./token.js";
+import { getAvaxToken, getBnbToken, getEthToken, getHyperEVMNativeToken, getHyperliquidUSDCToken, getPolToken, getSolanaToken, HYPEREVM_CHAIN_ID, HYPERLIQUID_CHAIN_ID, } from "./token.js";
 function getCustomEvmChain(chain, rpcUrl) {
     return defineChain({ ...chain, rpcUrls: { default: { http: [rpcUrl] } } });
 }
@@ -232,9 +232,27 @@ export const SOLANA_MAINNET = {
     nativeToken: getSolanaToken(),
     coingeckoName: "solana",
 };
+export const HYPERLIQUID_MAINNET = {
+    id: HYPERLIQUID_CHAIN_ID,
+    name: "Hyperliquid",
+    type: 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: getHyperliquidUSDCToken(),
+    nativeToken: getHyperliquidUSDCToken(),
+    coingeckoName: null,
+    apiUrl: "https://api.hyperliquid.xyz",
+    blockExplorer: {
+        url: "https://app.hyperliquid.xyz/explorer",
+    },
+};
 export const EVM_CHAINS = { ...EVM_MAINNET, ...EVM_TESTNET };
 export const SOLANA_CHAINS = { [RELAY_SOLANA_MAINNET_CHAIN_ID]: SOLANA_MAINNET };
-export const ALL_CHAINS = { ...EVM_CHAINS, ...SOLANA_CHAINS };
+export const HYPERLIQUID_CHAINS = {
+    [HYPERLIQUID_CHAIN_ID]: HYPERLIQUID_MAINNET,
+};
+export const ALL_CHAINS = { ...EVM_CHAINS, ...SOLANA_CHAINS, ...HYPERLIQUID_CHAINS };
 export function getSolanaChains(network) {
     invariant(network === "mainnet", "Solana chain is only supported on mainnet");
     return SOLANA_MAINNET;
@@ -272,7 +290,7 @@ export function canDepositNative(chainId) {
     return ALL_CHAINS[chainId].canDepositNative;
 }
 export function isMainnet(chainId) {
-    return EVM_MAINNET[chainId] !== undefined || RELAY_SOLANA_MAINNET_CHAIN_ID === chainId;
+    return (EVM_MAINNET[chainId] !== undefined || RELAY_SOLANA_MAINNET_CHAIN_ID === chainId || HYPERLIQUID_CHAIN_ID === chainId);
 }
 export function isTestnet(chainId) {
     return EVM_TESTNET[chainId] !== undefined;
@@ -283,7 +301,11 @@ export function getDefaultToken(chainId) {
 }
 export function getChainName(chainId) {
     invariant(ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
-    return EVM_CHAINS[chainId] ? EVM_CHAINS[chainId].viem.name : "Solana";
+    const chain = ALL_CHAINS[chainId];
+    if (isEvmChain(chainId)) {
+        return chain.viem.name;
+    }
+    return chain.name;
 }
 export function getCoingeckoName(chainId) {
     invariant(ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
@@ -432,6 +454,12 @@ export function getPaymentUrl(address, amount, currency, chainId, decimals) {
             console.log("Solana URL (isNativeSOL:", isNativeSOL, "):", url);
             return url;
         }
+        case 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;
@@ -444,12 +472,20 @@ export function getExplorerTxUrl(chainId, txHash) {
     if (EVM_CHAINS[chainId]) {
         return EVM_CHAINS[chainId].viem.blockExplorers?.default.url + "/tx/" + txHash;
     }
+    if (HYPERLIQUID_CHAINS[chainId]) {
+        return HYPERLIQUID_CHAINS[chainId].blockExplorer.url + "/tx/" + txHash;
+    }
+    // Default to Solscan for Solana transactions
     return "https://solscan.io/tx/" + txHash;
 }
 export function getExplorerAddressUrl(chainId, address) {
     if (EVM_CHAINS[chainId]) {
         return EVM_CHAINS[chainId].viem.blockExplorers?.default.url + "/address/" + address;
     }
+    if (HYPERLIQUID_CHAINS[chainId]) {
+        return HYPERLIQUID_CHAINS[chainId].blockExplorer.url + "/address/" + address;
+    }
+    // Default to Solscan for Solana addresses
     return "https://solscan.io/account/" + address;
 }
 export function getMulticall3Address(chainId) {
@@ -466,3 +502,33 @@ export function getNativeToken(chainId) {
 export function isEvmChain(chainId) {
     return Boolean(EVM_CHAINS[chainId]);
 }
+export function isHyperliquidChain(chainId) {
+    return HYPERLIQUID_CHAINS[chainId] !== undefined;
+}
+export function getHyperliquidChain(chainId) {
+    invariant(HYPERLIQUID_CHAINS[chainId], `Chain ${chainId} is not a Hyperliquid chain`);
+    return 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]
+ */
+export function getAvailableChainIds(context) {
+    const allChainIds = Object.values(ALL_CHAINS).map(chain => chain.id);
+    if (context === "from") {
+        // Hyperliquid is only supported as destination chain, not source chain
+        return allChainIds.filter(chainId => chainId !== HYPERLIQUID_CHAIN_ID);
+    }
+    // For destination ("to"), all chains are available including Hyperliquid
+    return allChainIds;
+}

package/dist/esm/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/esm/anyspend/utils/token.js

@@ -1,9 +1,9 @@
-import { RELAY_ETH_ADDRESS, RELAY_SOL_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../anyspend/constants/index.js";
+import { RELAY_SOL_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID, ZERO_ADDRESS } from "../../anyspend/constants/index.js";
 import { avalanche, bsc, polygon } from "viem/chains";
 export const HYPERLIQUID_CHAIN_ID = 1337;
 export const HYPEREVM_CHAIN_ID = 999;
 export function isNativeToken(address) {
-    return address.toLowerCase() === RELAY_ETH_ADDRESS || address.toLowerCase() === RELAY_SOL_ADDRESS;
+    return address.toLowerCase() === ZERO_ADDRESS || address.toLowerCase() === RELAY_SOL_ADDRESS;
 }
 export function getSolanaToken() {
     return {
@@ -20,7 +20,7 @@ export function getSolanaToken() {
 export function getEthToken(chainId) {
     return {
         chainId: chainId,
-        address: RELAY_ETH_ADDRESS,
+        address: ZERO_ADDRESS,
         symbol: "ETH",
         name: "Ethereum",
         decimals: 18,
@@ -32,7 +32,7 @@ export function getEthToken(chainId) {
 export function getPolToken() {
     return {
         chainId: polygon.id,
-        address: RELAY_ETH_ADDRESS,
+        address: ZERO_ADDRESS,
         symbol: "POL",
         name: "Polygon",
         decimals: 18,
@@ -44,7 +44,7 @@ export function getPolToken() {
 export function getBnbToken() {
     return {
         chainId: bsc.id,
-        address: RELAY_ETH_ADDRESS,
+        address: ZERO_ADDRESS,
         symbol: "BNB",
         name: "BNB",
         decimals: 18,
@@ -56,7 +56,7 @@ export function getBnbToken() {
 export function getAvaxToken() {
     return {
         chainId: avalanche.id,
-        address: RELAY_ETH_ADDRESS,
+        address: ZERO_ADDRESS,
         symbol: "AVAX",
         name: "AVAX",
         decimals: 18,
@@ -68,7 +68,7 @@ export function getAvaxToken() {
 export function getHyperEVMNativeToken() {
     return {
         chainId: HYPEREVM_CHAIN_ID,
-        address: RELAY_ETH_ADDRESS,
+        address: ZERO_ADDRESS,
         symbol: "HYPE",
         name: "HYPE",
         decimals: 18,
@@ -77,3 +77,15 @@ export function getHyperEVMNativeToken() {
         },
     };
 }
+export function getHyperliquidUSDCToken() {
+    return {
+        chainId: HYPERLIQUID_CHAIN_ID,
+        address: ZERO_ADDRESS,
+        symbol: "USDC",
+        name: "USD Coin",
+        decimals: 6,
+        metadata: {
+            logoURI: "https://ethereum-optimism.github.io/data/USDC/logo.png",
+        },
+    };
+}

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

@@ -5,7 +5,7 @@ import { loadGA4Script } from "../../../../global-account/utils/analytics.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { getLastAuthProvider, ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet, } from "thirdweb/react";
 import { WagmiProvider } from "wagmi";
 import { setClientType } from "../../../client-manager.js";
@@ -39,7 +39,7 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connector
     useEffect(() => {
         setClientType(clientType);
     }, [clientType]);
-    const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors });
+    const wagmiConfig = useMemo(() => createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [partnerId, rpcUrls, connectors, overrideDefaultConnectors]);
     return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsxs(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
 }
 /**

package/dist/esm/global-account/react/components/SignInWithB3/SignIn.js

@@ -5,13 +5,13 @@ import { ecosystemWalletId } from "../../../../shared/constants/index.js";
 import { cn, truncateAddress } from "../../../../shared/utils/index.js";
 import { Menu, MenuButton, MenuItems, Transition } from "@headlessui/react";
 import { useEffect } from "react";
-import { useConnectedWallets, useSetActiveWallet } from "thirdweb/react";
-import { useAccountWalletImage } from "../../hooks/useAccountWallet.js";
+import { useConnectedWallets, useSetActiveWallet, useWalletImage } from "thirdweb/react";
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 export function SignIn(props) {
     const { className } = props;
     const { automaticallySetFirstEoa, partnerId } = useB3();
-    const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = useAccountWallet();
+    const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = useAccountWallet();
+    const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
     const isMobile = useIsMobile();
     const { logout } = useAuthentication(partnerId);
     const onDisconnect = async () => {
@@ -34,11 +34,10 @@ export function SignIn(props) {
             setActiveWallet(connectedEOAWallet);
         }
     }, [connectedEOAWallet, isActiveEOAWallet, setActiveWallet, automaticallySetFirstEoa]);
-    const walletImage = useAccountWalletImage();
     // Desktop version - original dropdown menu
     return (_jsx(StyleRoot, { children: _jsx(Menu, { className: `relative flex items-center ${className || ""}`, as: "div", children: globalAddress ? (_jsxs(_Fragment, { children: [_jsxs(MenuButton, { className: "bg-b3-react-background group flex h-10 items-center gap-1 rounded-xl px-3 focus:outline-none", children: [!!walletImage && (_jsx(IPFSMediaRenderer, { src: walletImage, alt: "Wallet Image", className: "bg-b3-react-primary h-6 w-6 rounded-full object-cover opacity-100" })), _jsx("div", { className: "text-as-primary", children: ensName ? ensName : truncateAddress(globalAddress) })] }), _jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(MenuItems, { className: "b3-root absolute -right-4 top-full min-w-64 rounded-2xl border focus:outline-none lg:right-0", modal: false, 
                             // TODO: Figure out why setting anchor on mobile causes z-index issues where it appears under elements
-                            anchor: isMobile ? "top end" : undefined, children: _jsxs("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? (_jsxs("div", { className: cn("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: eoaWalletIcon, alt: connectedEOAWallet?.id }), _jsxs("div", { className: "ml-4 grow", children: [ensName && _jsx("div", { children: ensName }), _jsx("div", { children: truncateAddress(globalAddress) })] })] }), isActiveEOAWallet && _jsx(Icon, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && (_jsxs("div", { className: cn("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
+                            anchor: isMobile ? "top end" : undefined, children: _jsxs("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? (_jsxs("div", { className: cn("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: walletImage, alt: connectedEOAWallet?.id }), _jsxs("div", { className: "ml-4 grow", children: [ensName && _jsx("div", { children: ensName }), _jsx("div", { children: truncateAddress(globalAddress) })] })] }), isActiveEOAWallet && _jsx(Icon, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && (_jsxs("div", { className: cn("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
                                             ? "bg-b3-react-background"
                                             : "bg-b3-react-background hover:bg-b3-react-background"), onClick: () => handleSetActiveAccount(connectedSmartWallet?.id), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: smartWalletIcon, alt: connectedSmartWallet?.id }), _jsxs("div", { className: "grow pl-4", children: [ensName && _jsx("div", { children: ensName }), _jsx("div", { children: truncateAddress(globalAddress) }), _jsx("div", { children: "Smart wallet" })] })] }), isActiveSmartWallet && _jsx(Icon, { className: "fill-b3-react-primary", name: "check" })] }))), _jsx("div", { className: "ml-3", children: _jsx(ManageAccountButton, { ...props, className: "w-[calc(100%-12px)]" }) }), _jsx("button", { className: "mb-2 w-full space-y-1", onClick: onDisconnect, children: _jsxs("div", { className: "hover:bg-b3-react-background group flex h-12 items-center rounded-xl px-4 transition-colors", children: [_jsx(Icon, { className: "fill-b3-react-primary mr-4 shrink-0 transition-colors", name: "logout" }), _jsx("div", { className: "text-b3-react-primary mr-auto transition-colors", children: "Disconnect" })] }) })] }) }) })] })) : (_jsx(SignInWithB3, { closeAfterLogin: true, onLoginSuccess: async (globalAccount) => {
                     console.log("User authenticated with Global Account!", globalAccount);

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -12,7 +12,7 @@ export function LoginStepContainer({ children, partnerId }) {
         },
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center pt-6", children: [partnerLogo && (_jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
+    return (_jsxs("div", { className: "bg-b3-react-background flex flex-col items-center justify-center pt-6", children: [partnerLogo && (_jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
 }
 export function LoginStep({ onSuccess, chain }) {
     const { partnerId, theme } = useB3();

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

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
-export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export * from "./useClaim";
 export { useClient } from "./useClient";

package/dist/esm/global-account/react/hooks/index.js

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics.js";
 export { useAuthentication } from "./useAuthentication.js";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses.js";
 export { useB3EnsName } from "./useB3EnsName.js";
-export { useBestTransactionPath } from "./useBestTransactionPath.js";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction.js";
 export * from "./useClaim.js";
 export { useClient } from "./useClient.js";

package/dist/esm/global-account/react/hooks/useAccountWallet.js

@@ -1,7 +1,6 @@
 import { useB3, useProfile } from "../../../global-account/react/index.js";
 import { ecosystemWalletId } from "../../../shared/constants/index.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
-import { getIpfsUrl } from "../../../shared/utils/ipfs.js";
 import { useEffect, useMemo, useState } from "react";
 import { getLastAuthProvider, useActiveWallet, useConnectedWallets, useWalletImage } from "thirdweb/react";
 import { socialIcons } from "thirdweb/wallets/in-app";
@@ -18,7 +17,13 @@ function useLastAuthProvider() {
     return lastAuthProvider;
 }
 export function useAccountWallet() {
-    const { account, user } = useB3();
+    // WOJ: --------------------
+    //  values from in useB3:
+    //  const activeAccount = useActiveAccount();
+    // const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+    // can we possibly just use useActiveAccount here?
+    // --------------------
+    const { account } = useB3();
     const activeWallet = useActiveWallet();
     const connectedWallets = useConnectedWallets();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === ecosystemWalletId);
@@ -31,7 +36,6 @@ export function useAccountWallet() {
     debug("connectedEOAWallet", connectedEOAWallet);
     debug("isActiveSmartWallet", isActiveSmartWallet);
     debug("isActiveEOAWallet", isActiveEOAWallet);
-    const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
     // If not EOA sign in, then we need to show the smart wallet icon
     const lastAuthProvider = useLastAuthProvider();
     const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
@@ -39,13 +43,12 @@ export function useAccountWallet() {
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = useProfile({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
-    const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profileData?.avatar;
     const res = useMemo(() => ({
         wallet: {
             ...account,
             ensName,
             meta: {
-                icon: avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "",
+                icon: "", // deprecated
             },
         },
         address: account?.address,
@@ -55,22 +58,20 @@ export function useAccountWallet() {
         isActiveSmartWallet: isActiveSmartWallet,
         isActiveEOAWallet: isActiveEOAWallet,
         smartWalletIcon: smartWalletIcon,
-        eoaWalletIcon: walletImage,
+        eoaWalletIcon: "", // deprecated
     }), [
         account,
-        avatarUrl,
         connectedEOAWallet,
         connectedSmartWallet,
         ensName,
         isActiveEOAWallet,
         isActiveSmartWallet,
         smartWalletIcon,
-        walletImage,
     ]);
     return res;
 }
 export function useAccountWalletImage() {
-    const { account, user } = useB3();
+    const { account } = useB3();
     const activeWallet = useActiveWallet();
     const connectedWallets = useConnectedWallets();
     const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === ecosystemWalletId);
@@ -83,6 +84,6 @@ export function useAccountWalletImage() {
         ? socialIcons[lastAuthProvider]
         : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
     const { data: profileData } = useProfile({ address: account?.address });
-    const avatarUrl = user?.avatar || profileData?.avatar;
+    const avatarUrl = profileData?.avatar;
     return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
 }

package/dist/esm/shared/utils/payment.utils.d.ts

@@ -1,4 +1,5 @@
 import { components } from "../../anyspend/types/api";
+export declare function getStripePromise(): Promise<import("@stripe/stripe-js").Stripe | null>;
 export declare function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function getPaymentMethodDescription(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function formatStripeAmount(amount: number): string;

package/dist/esm/shared/utils/payment.utils.js

@@ -1,4 +1,12 @@
-import { VENDOR_DISPLAY_NAMES } from "../../anyspend/constants/index.js";
+import { STRIPE_CONFIG, VENDOR_DISPLAY_NAMES } from "../../anyspend/constants/index.js";
+import { loadStripe } from "@stripe/stripe-js";
+let stripePromise = null;
+export function getStripePromise() {
+    if (!stripePromise) {
+        stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
+    }
+    return stripePromise;
+}
 export function getVendorDisplayName(vendor) {
     switch (vendor) {
         case "coinbase":

package/dist/types/anyspend/constants/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { CryptoPaymentMethodType } from "./CryptoPaymentMethod";
+interface CryptoPaymentMethodDisplayProps {
+    paymentMethod: CryptoPaymentMethodType;
+    connectedAddress?: string | null;
+    connectedName?: string | null;
+}
+/**
+ * Displays the selected crypto payment method with appropriate label
+ * - CONNECT_WALLET: Shows wallet address/name or "Connect wallet"
+ * - GLOBAL_WALLET: Shows "Global Account"
+ * - TRANSFER_CRYPTO: Shows "Transfer crypto"
+ * - NONE: Shows "Select payment method"
+ */
+export declare function CryptoPaymentMethodDisplay({ paymentMethod, connectedAddress, connectedName, }: CryptoPaymentMethodDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -8,6 +8,7 @@ export * from "./useCoinbaseOnrampOptions";
 export * from "./useConnectedUserProfile";
 export * from "./useGeoOnrampOptions";
 export * from "./useGetGeo";
+export * from "./useHyperliquidTransfer";
 export * from "./useRecipientAddressState";
 export * from "./useSigMint";
 export * from "./useStripeClientSecret";

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

@@ -1,8 +1,9 @@
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod";
 /**
  * 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
  */
-export declare function useConnectedUserProfile(): {
+export declare function useConnectedUserProfile(selectedCryptoPaymentMethod?: CryptoPaymentMethodType): {
     address: string | undefined;
     profile: import("@tanstack/react-query").UseQueryResult<import("@b3dotfun/sdk/global-account/react").CombinedProfile, Error>;
     name: string | null | undefined;

package/dist/types/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/types/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/types/anyspend/types/chain.d.ts

@@ -1,8 +1,9 @@
-import { Chain } from "viem";
 import { components } from "@b3dotfun/sdk/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/types/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/types/anyspend/utils/chain.d.ts

@@ -1,6 +1,6 @@
 import { components } from "@b3dotfun/sdk/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/types/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/types/global-account/react/hooks/index.d.ts

@@ -6,7 +6,6 @@ export { useAnalytics } from "./useAnalytics";
 export { useAuthentication } from "./useAuthentication";
 export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
-export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
 export * from "./useClaim";
 export { useClient } from "./useClient";

package/dist/types/shared/utils/payment.utils.d.ts

@@ -1,4 +1,5 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+export declare function getStripePromise(): Promise<import("@stripe/stripe-js").Stripe | null>;
 export declare function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function getPaymentMethodDescription(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function formatStripeAmount(amount: number): string;

package/package.json

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

package/src/anyspend/constants/index.ts

@@ -3,7 +3,7 @@ import { components } from "../types/api";
 
 export const ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
 
-export const RELAY_ETH_ADDRESS = "0x0000000000000000000000000000000000000000";
+export const ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
 export const RELAY_SOL_ADDRESS = "11111111111111111111111111111111";
 
 export const RELAY_SOLANA_MAINNET_CHAIN_ID = 792703809;