@b3dotfun/sdk 0.0.84-alpha.0 → 0.0.84-alpha.1

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

@@ -113,9 +113,11 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     const [srcAmountOnRamp, setSrcAmountOnRamp] = (0, react_4.useState)(searchParams.get("fromAmount") || "5");
     // State for destination chain/token selection
     const [selectedDstChainId, setSelectedDstChainId] = (0, react_4.useState)(initialDstChainId);
+    // Helper to check if address is Hyperliquid USDC (supports both 34-char and 42-char formats)
+    const isHyperliquidUSDCAddress = (address) => (0, anyspend_1.eqci)(address, anyspend_1.HYPERLIQUID_USDC_ADDRESS) || (0, anyspend_1.eqci)(address, anyspend_1.ZERO_ADDRESS);
     const defaultDstToken = isBuyMode
         ? // Special case: Hyperliquid uses zero address for USDC
-            destinationTokenChainId === anyspend_1.HYPERLIQUID_CHAIN_ID && (0, anyspend_1.eqci)(destinationTokenAddress, anyspend_1.ZERO_ADDRESS)
+            destinationTokenChainId === anyspend_1.HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(destinationTokenAddress)
                 ? (0, anyspend_1.getHyperliquidUSDCToken)()
                 : {
                     symbol: "",
@@ -163,7 +165,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     (0, react_4.useEffect)(() => {
         if (selectedDstToken && dstTokenMetadata && !appliedDstMetadataRef.current) {
             // Skip metadata enhancement for Hyperliquid USDC - we already have correct metadata from getHyperliquidUSDCToken()
-            if (selectedDstToken.chainId === anyspend_1.HYPERLIQUID_CHAIN_ID && (0, anyspend_1.eqci)(selectedDstToken.address, anyspend_1.ZERO_ADDRESS)) {
+            if (selectedDstToken.chainId === anyspend_1.HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(selectedDstToken.address)) {
                 appliedDstMetadataRef.current = true;
                 return;
             }

package/dist/cjs/anyspend/react/components/common/CryptoReceiveSection.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CryptoReceiveSection = CryptoReceiveSection;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const anyspend_1 = require("../../../../anyspend");
 const utils_1 = require("../../../../shared/utils");
 const cn_1 = require("../../../../shared/utils/cn");
 const formatAddress_1 = require("../../../../shared/utils/formatAddress");
@@ -13,7 +14,7 @@ const PointsBadge_1 = require("./PointsBadge");
 function CryptoReceiveSection({ isDepositMode = false, isBuyMode = false, effectiveRecipientAddress, recipientName, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, isSrcInputDirty, onChangeDstAmount, anyspendQuote, dstTokenSymbol, dstTokenLogoURI, onShowPointsDetail, onShowFeeDetail, }) {
     return ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "receive-section bg-as-surface-secondary border-as-border-secondary relative flex w-full flex-col gap-2 rounded-2xl border p-4 sm:p-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex w-full items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary/50 flex h-7 items-center gap-1.5 text-sm", children: [isDepositMode ? "Deposit" : "Receive", isSrcInputDirty && anyspendQuote?.data?.fee && onShowFeeDetail && ((0, jsx_runtime_1.jsx)("button", { onClick: onShowFeeDetail, className: "text-as-primary/40 hover:text-as-primary/60 transition-colors", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Info, { className: "h-4 w-4" }) }))] }), effectiveRecipientAddress ? ((0, jsx_runtime_1.jsx)("button", { className: (0, cn_1.cn)("text-as-tertiarry flex h-7 items-center gap-2 rounded-lg"), onClick: onSelectRecipient, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-as-tertiarry flex items-center gap-1 text-sm", children: recipientName ? (0, utils_1.formatUsername)(recipientName) : (0, formatAddress_1.shortenAddress)(effectiveRecipientAddress || "") }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" })] }) })) : ((0, jsx_runtime_1.jsx)("button", { className: "text-as-primary/70 flex items-center gap-1 rounded-lg", onClick: onSelectRecipient, children: (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium", children: "Select recipient" }) }))] }), isBuyMode || isDepositMode ? (
             // Fixed destination token display for buy mode and deposit mode
-            (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary text-2xl font-bold", children: dstAmount || "0" }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-brand/10 border-as-brand/30 flex items-center gap-3 rounded-xl border px-4 py-3", children: [(dstTokenLogoURI || dstToken.metadata?.logoURI) && ((0, jsx_runtime_1.jsx)("img", { src: dstTokenLogoURI || dstToken.metadata?.logoURI, alt: dstTokenSymbol || dstToken.symbol, className: "h-8 w-8 rounded-full" })), (0, jsx_runtime_1.jsx)("span", { className: "text-as-brand text-lg font-bold", children: dstTokenSymbol || dstToken.symbol })] })] })) : (
+            (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary text-2xl font-bold", children: dstAmount || "0" }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-as-brand/10 border-as-brand/30 flex items-center gap-3 rounded-xl border px-4 py-3", children: [(dstTokenLogoURI || dstToken.metadata?.logoURI) && ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("img", { src: dstTokenLogoURI || dstToken.metadata?.logoURI, alt: dstTokenSymbol || dstToken.symbol, className: "h-8 w-8 rounded-full" }), anyspend_1.ALL_CHAINS[dstToken.chainId]?.logoUrl && ((0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[dstToken.chainId].logoUrl, alt: "Chain", className: "absolute -bottom-1 -right-1 h-4 w-4 rounded-full border border-white" }))] })), (0, jsx_runtime_1.jsx)("span", { className: "text-as-brand text-lg font-bold", children: dstTokenSymbol || dstToken.symbol })] })] })) : (
             // Token selection for regular swap mode
             (0, jsx_runtime_1.jsx)(OrderTokenAmount_1.OrderTokenAmount, { address: effectiveRecipientAddress, context: "to", inputValue: dstAmount, onChangeInput: onChangeDstAmount || (() => { }), chainId: selectedDstChainId || dstToken.chainId, setChainId: setSelectedDstChainId || (() => { }), token: dstToken, setToken: setSelectedDstToken || (() => { }) })), (0, jsx_runtime_1.jsxs)("div", { className: "text-as-primary/50 flex h-5 items-center justify-start gap-2 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, number_1.formatDisplayNumber)(anyspendQuote?.data?.currencyOut?.amountUsd, {
                                 style: "currency",

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

@@ -1,6 +1,12 @@
 import { components } from "../../anyspend/types/api";
 export declare const HYPERLIQUID_CHAIN_ID = 1337;
 export declare const HYPEREVM_CHAIN_ID = 999;
+/**
+ * Hyperliquid uses a special 34-character USDC address format (0x + 32 hex digits)
+ * instead of the standard 42-character EVM address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ */
+export declare const HYPERLIQUID_USDC_ADDRESS = "0x00000000000000000000000000000000";
 export declare function isNativeToken(address: string): boolean;
 export declare function getSolanaToken(): components["schemas"]["Token"];
 export declare function getEthToken(chainId: number): components["schemas"]["Token"];

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HYPEREVM_CHAIN_ID = exports.HYPERLIQUID_CHAIN_ID = void 0;
+exports.HYPERLIQUID_USDC_ADDRESS = exports.HYPEREVM_CHAIN_ID = exports.HYPERLIQUID_CHAIN_ID = void 0;
 exports.isNativeToken = isNativeToken;
 exports.getSolanaToken = getSolanaToken;
 exports.getEthToken = getEthToken;
@@ -13,6 +13,12 @@ const constants_1 = require("../../anyspend/constants");
 const chains_1 = require("viem/chains");
 exports.HYPERLIQUID_CHAIN_ID = 1337;
 exports.HYPEREVM_CHAIN_ID = 999;
+/**
+ * Hyperliquid uses a special 34-character USDC address format (0x + 32 hex digits)
+ * instead of the standard 42-character EVM address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ */
+exports.HYPERLIQUID_USDC_ADDRESS = "0x00000000000000000000000000000000";
 function isNativeToken(address) {
     return address.toLowerCase() === constants_1.ZERO_ADDRESS || address.toLowerCase() === constants_1.RELAY_SOL_ADDRESS;
 }
@@ -91,10 +97,10 @@ function getHyperEVMNativeToken() {
 function getHyperliquidUSDCToken() {
     return {
         chainId: exports.HYPERLIQUID_CHAIN_ID,
-        address: constants_1.ZERO_ADDRESS,
+        address: exports.HYPERLIQUID_USDC_ADDRESS,
         symbol: "USDC",
         name: "USD Coin",
-        decimals: 6,
+        decimals: 8, // Hyperliquid USDC uses 8 decimals, not 6
         metadata: {
             logoURI: "https://ethereum-optimism.github.io/data/USDC/logo.png",
         },

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

@@ -7454,12 +7454,12 @@ export declare function useFirstEOA(chain?: {
             [x: `bytes18[${string}]`]: undefined;
             [x: `bytes6[${string}]`]: undefined;
             [x: `bytes9[${string}]`]: undefined;
+            [x: `bytes8[${string}]`]: undefined;
             [x: `bytes2[${string}]`]: undefined;
             [x: `bytes3[${string}]`]: undefined;
             [x: `bytes4[${string}]`]: undefined;
             [x: `bytes5[${string}]`]: undefined;
             [x: `bytes7[${string}]`]: undefined;
-            [x: `bytes8[${string}]`]: undefined;
             [x: `bytes10[${string}]`]: undefined;
             [x: `bytes11[${string}]`]: undefined;
             [x: `bytes12[${string}]`]: undefined;
@@ -7556,12 +7556,12 @@ export declare function useFirstEOA(chain?: {
             bytes18?: undefined;
             bytes6?: undefined;
             bytes9?: undefined;
+            bytes8?: undefined;
             bytes2?: undefined;
             bytes3?: undefined;
             bytes4?: undefined;
             bytes5?: undefined;
             bytes7?: undefined;
-            bytes8?: undefined;
             bytes10?: undefined;
             bytes11?: undefined;
             bytes12?: undefined;

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { eqci, getDefaultToken, getHyperliquidUSDCToken, HYPERLIQUID_CHAIN_ID, USDC_BASE, ZERO_ADDRESS, } from "../../../anyspend/index.js";
+import { eqci, getDefaultToken, getHyperliquidUSDCToken, HYPERLIQUID_CHAIN_ID, HYPERLIQUID_USDC_ADDRESS, USDC_BASE, ZERO_ADDRESS, } from "../../../anyspend/index.js";
 import { useAnyspendCreateOnrampOrder, useAnyspendCreateOrder, useAnyspendOrderAndTransactions, useAnyspendQuote, useGeoOnrampOptions, } from "../../../anyspend/react/index.js";
 import { Button, ShinyButton, StyleRoot, TabsPrimitive, toast, TransitionPanel, useAccountWallet, useB3, useModalStore, useProfile, useRouter, useSearchParamsSSR, useTokenBalanceDirect, useTokenData, useTokenFromUrl, } from "../../../global-account/react/index.js";
 import BottomNavigation from "../../../global-account/react/components/ManageAccount/BottomNavigation.js";
@@ -106,9 +106,11 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     const [srcAmountOnRamp, setSrcAmountOnRamp] = useState(searchParams.get("fromAmount") || "5");
     // State for destination chain/token selection
     const [selectedDstChainId, setSelectedDstChainId] = useState(initialDstChainId);
+    // Helper to check if address is Hyperliquid USDC (supports both 34-char and 42-char formats)
+    const isHyperliquidUSDCAddress = (address) => eqci(address, HYPERLIQUID_USDC_ADDRESS) || eqci(address, ZERO_ADDRESS);
     const defaultDstToken = isBuyMode
         ? // Special case: Hyperliquid uses zero address for USDC
-            destinationTokenChainId === HYPERLIQUID_CHAIN_ID && eqci(destinationTokenAddress, ZERO_ADDRESS)
+            destinationTokenChainId === HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(destinationTokenAddress)
                 ? getHyperliquidUSDCToken()
                 : {
                     symbol: "",
@@ -156,7 +158,7 @@ function AnySpendInner({ destinationTokenAddress, destinationTokenChainId, mode
     useEffect(() => {
         if (selectedDstToken && dstTokenMetadata && !appliedDstMetadataRef.current) {
             // Skip metadata enhancement for Hyperliquid USDC - we already have correct metadata from getHyperliquidUSDCToken()
-            if (selectedDstToken.chainId === HYPERLIQUID_CHAIN_ID && eqci(selectedDstToken.address, ZERO_ADDRESS)) {
+            if (selectedDstToken.chainId === HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(selectedDstToken.address)) {
                 appliedDstMetadataRef.current = true;
                 return;
             }

package/dist/esm/anyspend/react/components/common/CryptoReceiveSection.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ALL_CHAINS } from "../../../../anyspend/index.js";
 import { formatUsername } from "../../../../shared/utils/index.js";
 import { cn } from "../../../../shared/utils/cn.js";
 import { shortenAddress } from "../../../../shared/utils/formatAddress.js";
@@ -10,7 +11,7 @@ import { PointsBadge } from "./PointsBadge.js";
 export function CryptoReceiveSection({ isDepositMode = false, isBuyMode = false, effectiveRecipientAddress, recipientName, onSelectRecipient, dstAmount, dstToken, selectedDstChainId, setSelectedDstChainId, setSelectedDstToken, isSrcInputDirty, onChangeDstAmount, anyspendQuote, dstTokenSymbol, dstTokenLogoURI, onShowPointsDetail, onShowFeeDetail, }) {
     return (_jsxs(motion.div, { initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0.1, ease: "easeInOut" }, className: "receive-section bg-as-surface-secondary border-as-border-secondary relative flex w-full flex-col gap-2 rounded-2xl border p-4 sm:p-6", children: [_jsxs("div", { className: "flex w-full items-center justify-between", children: [_jsxs("div", { className: "text-as-primary/50 flex h-7 items-center gap-1.5 text-sm", children: [isDepositMode ? "Deposit" : "Receive", isSrcInputDirty && anyspendQuote?.data?.fee && onShowFeeDetail && (_jsx("button", { onClick: onShowFeeDetail, className: "text-as-primary/40 hover:text-as-primary/60 transition-colors", children: _jsx(Info, { className: "h-4 w-4" }) }))] }), effectiveRecipientAddress ? (_jsx("button", { className: cn("text-as-tertiarry flex h-7 items-center gap-2 rounded-lg"), onClick: onSelectRecipient, children: _jsxs(_Fragment, { children: [_jsx("span", { className: "text-as-tertiarry flex items-center gap-1 text-sm", children: recipientName ? formatUsername(recipientName) : shortenAddress(effectiveRecipientAddress || "") }), _jsx(ChevronRight, { className: "h-4 w-4" })] }) })) : (_jsx("button", { className: "text-as-primary/70 flex items-center gap-1 rounded-lg", onClick: onSelectRecipient, children: _jsx("div", { className: "text-sm font-medium", children: "Select recipient" }) }))] }), isBuyMode || isDepositMode ? (
             // Fixed destination token display for buy mode and deposit mode
-            _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-as-primary text-2xl font-bold", children: dstAmount || "0" }), _jsxs("div", { className: "bg-as-brand/10 border-as-brand/30 flex items-center gap-3 rounded-xl border px-4 py-3", children: [(dstTokenLogoURI || dstToken.metadata?.logoURI) && (_jsx("img", { src: dstTokenLogoURI || dstToken.metadata?.logoURI, alt: dstTokenSymbol || dstToken.symbol, className: "h-8 w-8 rounded-full" })), _jsx("span", { className: "text-as-brand text-lg font-bold", children: dstTokenSymbol || dstToken.symbol })] })] })) : (
+            _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-as-primary text-2xl font-bold", children: dstAmount || "0" }), _jsxs("div", { className: "bg-as-brand/10 border-as-brand/30 flex items-center gap-3 rounded-xl border px-4 py-3", children: [(dstTokenLogoURI || dstToken.metadata?.logoURI) && (_jsxs("div", { className: "relative", children: [_jsx("img", { src: dstTokenLogoURI || dstToken.metadata?.logoURI, alt: dstTokenSymbol || dstToken.symbol, className: "h-8 w-8 rounded-full" }), ALL_CHAINS[dstToken.chainId]?.logoUrl && (_jsx("img", { src: ALL_CHAINS[dstToken.chainId].logoUrl, alt: "Chain", className: "absolute -bottom-1 -right-1 h-4 w-4 rounded-full border border-white" }))] })), _jsx("span", { className: "text-as-brand text-lg font-bold", children: dstTokenSymbol || dstToken.symbol })] })] })) : (
             // Token selection for regular swap mode
             _jsx(OrderTokenAmount, { address: effectiveRecipientAddress, context: "to", inputValue: dstAmount, onChangeInput: onChangeDstAmount || (() => { }), chainId: selectedDstChainId || dstToken.chainId, setChainId: setSelectedDstChainId || (() => { }), token: dstToken, setToken: setSelectedDstToken || (() => { }) })), _jsxs("div", { className: "text-as-primary/50 flex h-5 items-center justify-start gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [formatDisplayNumber(anyspendQuote?.data?.currencyOut?.amountUsd, {
                                 style: "currency",

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

@@ -1,6 +1,12 @@
 import { components } from "../../anyspend/types/api";
 export declare const HYPERLIQUID_CHAIN_ID = 1337;
 export declare const HYPEREVM_CHAIN_ID = 999;
+/**
+ * Hyperliquid uses a special 34-character USDC address format (0x + 32 hex digits)
+ * instead of the standard 42-character EVM address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ */
+export declare const HYPERLIQUID_USDC_ADDRESS = "0x00000000000000000000000000000000";
 export declare function isNativeToken(address: string): boolean;
 export declare function getSolanaToken(): components["schemas"]["Token"];
 export declare function getEthToken(chainId: number): components["schemas"]["Token"];

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

@@ -2,6 +2,12 @@ import { RELAY_SOL_ADDRESS, RELAY_SOLANA_MAINNET_CHAIN_ID, ZERO_ADDRESS } from "
 import { avalanche, bsc, polygon } from "viem/chains";
 export const HYPERLIQUID_CHAIN_ID = 1337;
 export const HYPEREVM_CHAIN_ID = 999;
+/**
+ * Hyperliquid uses a special 34-character USDC address format (0x + 32 hex digits)
+ * instead of the standard 42-character EVM address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ */
+export const HYPERLIQUID_USDC_ADDRESS = "0x00000000000000000000000000000000";
 export function isNativeToken(address) {
     return address.toLowerCase() === ZERO_ADDRESS || address.toLowerCase() === RELAY_SOL_ADDRESS;
 }
@@ -80,10 +86,10 @@ export function getHyperEVMNativeToken() {
 export function getHyperliquidUSDCToken() {
     return {
         chainId: HYPERLIQUID_CHAIN_ID,
-        address: ZERO_ADDRESS,
+        address: HYPERLIQUID_USDC_ADDRESS,
         symbol: "USDC",
         name: "USD Coin",
-        decimals: 6,
+        decimals: 8, // Hyperliquid USDC uses 8 decimals, not 6
         metadata: {
             logoURI: "https://ethereum-optimism.github.io/data/USDC/logo.png",
         },

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

@@ -7454,12 +7454,12 @@ export declare function useFirstEOA(chain?: {
             [x: `bytes18[${string}]`]: undefined;
             [x: `bytes6[${string}]`]: undefined;
             [x: `bytes9[${string}]`]: undefined;
+            [x: `bytes8[${string}]`]: undefined;
             [x: `bytes2[${string}]`]: undefined;
             [x: `bytes3[${string}]`]: undefined;
             [x: `bytes4[${string}]`]: undefined;
             [x: `bytes5[${string}]`]: undefined;
             [x: `bytes7[${string}]`]: undefined;
-            [x: `bytes8[${string}]`]: undefined;
             [x: `bytes10[${string}]`]: undefined;
             [x: `bytes11[${string}]`]: undefined;
             [x: `bytes12[${string}]`]: undefined;
@@ -7556,12 +7556,12 @@ export declare function useFirstEOA(chain?: {
             bytes18?: undefined;
             bytes6?: undefined;
             bytes9?: undefined;
+            bytes8?: undefined;
             bytes2?: undefined;
             bytes3?: undefined;
             bytes4?: undefined;
             bytes5?: undefined;
             bytes7?: undefined;
-            bytes8?: undefined;
             bytes10?: undefined;
             bytes11?: undefined;
             bytes12?: undefined;

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

@@ -1,6 +1,12 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 export declare const HYPERLIQUID_CHAIN_ID = 1337;
 export declare const HYPEREVM_CHAIN_ID = 999;
+/**
+ * Hyperliquid uses a special 34-character USDC address format (0x + 32 hex digits)
+ * instead of the standard 42-character EVM address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ */
+export declare const HYPERLIQUID_USDC_ADDRESS = "0x00000000000000000000000000000000";
 export declare function isNativeToken(address: string): boolean;
 export declare function getSolanaToken(): components["schemas"]["Token"];
 export declare function getEthToken(chainId: number): components["schemas"]["Token"];

package/dist/types/global-account/react/hooks/useFirstEOA.d.ts

@@ -7454,12 +7454,12 @@ export declare function useFirstEOA(chain?: {
             [x: `bytes18[${string}]`]: undefined;
             [x: `bytes6[${string}]`]: undefined;
             [x: `bytes9[${string}]`]: undefined;
+            [x: `bytes8[${string}]`]: undefined;
             [x: `bytes2[${string}]`]: undefined;
             [x: `bytes3[${string}]`]: undefined;
             [x: `bytes4[${string}]`]: undefined;
             [x: `bytes5[${string}]`]: undefined;
             [x: `bytes7[${string}]`]: undefined;
-            [x: `bytes8[${string}]`]: undefined;
             [x: `bytes10[${string}]`]: undefined;
             [x: `bytes11[${string}]`]: undefined;
             [x: `bytes12[${string}]`]: undefined;
@@ -7556,12 +7556,12 @@ export declare function useFirstEOA(chain?: {
             bytes18?: undefined;
             bytes6?: undefined;
             bytes9?: undefined;
+            bytes8?: undefined;
             bytes2?: undefined;
             bytes3?: undefined;
             bytes4?: undefined;
             bytes5?: undefined;
             bytes7?: undefined;
-            bytes8?: undefined;
             bytes10?: undefined;
             bytes11?: undefined;
             bytes12?: undefined;

package/package.json

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

package/src/anyspend/react/components/AnySpend.tsx

@@ -5,6 +5,7 @@ import {
   getDefaultToken,
   getHyperliquidUSDCToken,
   HYPERLIQUID_CHAIN_ID,
+  HYPERLIQUID_USDC_ADDRESS,
   USDC_BASE,
   ZERO_ADDRESS,
 } from "@b3dotfun/sdk/anyspend";
@@ -230,9 +231,13 @@ function AnySpendInner({
 
   // State for destination chain/token selection
   const [selectedDstChainId, setSelectedDstChainId] = useState<number>(initialDstChainId);
+  // Helper to check if address is Hyperliquid USDC (supports both 34-char and 42-char formats)
+  const isHyperliquidUSDCAddress = (address?: string) =>
+    eqci(address, HYPERLIQUID_USDC_ADDRESS) || eqci(address, ZERO_ADDRESS);
+
   const defaultDstToken = isBuyMode
     ? // Special case: Hyperliquid uses zero address for USDC
-      destinationTokenChainId === HYPERLIQUID_CHAIN_ID && eqci(destinationTokenAddress, ZERO_ADDRESS)
+      destinationTokenChainId === HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(destinationTokenAddress)
       ? getHyperliquidUSDCToken()
       : {
           symbol: "",
@@ -288,7 +293,7 @@ function AnySpendInner({
   useEffect(() => {
     if (selectedDstToken && dstTokenMetadata && !appliedDstMetadataRef.current) {
       // Skip metadata enhancement for Hyperliquid USDC - we already have correct metadata from getHyperliquidUSDCToken()
-      if (selectedDstToken.chainId === HYPERLIQUID_CHAIN_ID && eqci(selectedDstToken.address, ZERO_ADDRESS)) {
+      if (selectedDstToken.chainId === HYPERLIQUID_CHAIN_ID && isHyperliquidUSDCAddress(selectedDstToken.address)) {
         appliedDstMetadataRef.current = true;
         return;
       }

package/src/anyspend/react/components/common/CryptoReceiveSection.tsx

@@ -1,3 +1,4 @@
+import { ALL_CHAINS } from "@b3dotfun/sdk/anyspend";
 import { formatUsername } from "@b3dotfun/sdk/shared/utils";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { shortenAddress } from "@b3dotfun/sdk/shared/utils/formatAddress";
@@ -94,11 +95,21 @@ export function CryptoReceiveSection({
           <div className="text-as-primary text-2xl font-bold">{dstAmount || "0"}</div>
           <div className="bg-as-brand/10 border-as-brand/30 flex items-center gap-3 rounded-xl border px-4 py-3">
             {(dstTokenLogoURI || dstToken.metadata?.logoURI) && (
-              <img
-                src={dstTokenLogoURI || dstToken.metadata?.logoURI}
-                alt={dstTokenSymbol || dstToken.symbol}
-                className="h-8 w-8 rounded-full"
-              />
+              <div className="relative">
+                <img
+                  src={dstTokenLogoURI || dstToken.metadata?.logoURI}
+                  alt={dstTokenSymbol || dstToken.symbol}
+                  className="h-8 w-8 rounded-full"
+                />
+                {/* Chain logo overlay */}
+                {ALL_CHAINS[dstToken.chainId]?.logoUrl && (
+                  <img
+                    src={ALL_CHAINS[dstToken.chainId].logoUrl}
+                    alt="Chain"
+                    className="absolute -bottom-1 -right-1 h-4 w-4 rounded-full border border-white"
+                  />
+                )}
+              </div>
             )}
             <span className="text-as-brand text-lg font-bold">{dstTokenSymbol || dstToken.symbol}</span>
           </div>

package/src/anyspend/utils/token.ts

@@ -5,6 +5,13 @@ import { avalanche, bsc, polygon } from "viem/chains";
 export const HYPERLIQUID_CHAIN_ID = 1337;
 export const HYPEREVM_CHAIN_ID = 999;
 
+/**
+ * Hyperliquid uses a special 34-character USDC address format (0x + 32 hex digits)
+ * instead of the standard 42-character EVM address format.
+ * This is required by Relay SDK for Hyperliquid integration.
+ */
+export const HYPERLIQUID_USDC_ADDRESS = "0x00000000000000000000000000000000";
+
 export function isNativeToken(address: string): boolean {
   return address.toLowerCase() === ZERO_ADDRESS || address.toLowerCase() === RELAY_SOL_ADDRESS;
 }
@@ -90,10 +97,10 @@ export function getHyperEVMNativeToken(): components["schemas"]["Token"] {
 export function getHyperliquidUSDCToken(): components["schemas"]["Token"] {
   return {
     chainId: HYPERLIQUID_CHAIN_ID,
-    address: ZERO_ADDRESS,
+    address: HYPERLIQUID_USDC_ADDRESS,
     symbol: "USDC",
     name: "USD Coin",
-    decimals: 6,
+    decimals: 8, // Hyperliquid USDC uses 8 decimals, not 6
     metadata: {
       logoURI: "https://ethereum-optimism.github.io/data/USDC/logo.png",
     },