@b3dotfun/sdk 0.0.48-alpha.1 → 0.0.48-alpha.3

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

@@ -29,17 +29,15 @@ exports.OrderDetailsCollapsible = (0, react_3.memo)(function OrderDetailsCollaps
     const finalFormattedExpectedDstAmount = formattedExpectedDstAmount || (0, number_1.formatTokenAmount)(BigInt(expectedDstAmount), dstToken.decimals);
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("order-details-collapsible bg-as-surface-secondary border-as-border-secondary rounded-xl border px-4 py-2", className), children: showOrderDetails ? ((0, jsx_runtime_1.jsx)(react_2.motion.div, { className: "order-details-expanded w-full", initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-content flex w-full flex-col items-center gap-3 whitespace-nowrap py-2 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-recipient-label text-as-tertiarry", children: "Recipient" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-info flex flex-col items-end gap-1", children: [recipientName && ((0, jsx_runtime_1.jsx)("div", { className: "order-details-recipient-name text-as-primary font-semibold", children: recipientName })), (0, jsx_runtime_1.jsx)(react_1.CopyToClipboard, { text: order.recipientAddress, onCopy: () => {
                                             sonner_1.toast.success("Copied recipient address to clipboard");
-                                        }, children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-address text-as-primary flex items-center gap-2", children: [(0, centerTruncate_1.default)(order.recipientAddress, 10), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "order-details-recipient-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-section flex w-full items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-expected-label text-as-tertiarry", children: order.type === "swap" || order.type === "mint_nft"
+                                        }, children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-recipient-address text-as-primary flex items-center gap-2", children: [(0, centerTruncate_1.default)(order.recipientAddress, 10), (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "order-details-recipient-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-section flex w-full items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-expected-label text-as-tertiarry", children: order.type === "swap" || order.type === "mint_nft" || order.type === "hype_duel"
                                     ? "Expected to receive"
                                     : order.type === "join_tournament"
                                         ? "Join tournament"
                                         : order.type === "fund_tournament"
                                             ? "Fund tournament"
-                                            : order.type === "hype_duel"
-                                                ? "Deposit HYPE"
-                                                : order.type === "custom"
-                                                    ? order.metadata.action
-                                                        ? (0, anyspend_1.capitalizeFirstLetter)(order.metadata.action)
-                                                        : "Contract execution"
-                                                    : "" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-value flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-nft-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "order-details-nft-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-nft-name", children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-tournament-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "order-details-tournament-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-tournament-name", children: tournament?.name || "Tournament" })] })) : order.type === "hype_duel" ? ((0, jsx_runtime_1.jsx)("div", { className: "order-details-hype-info flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-hype-amount", children: [(0, number_1.formatTokenAmount)(BigInt(order.payload.expectedDstAmount), dstToken.decimals), " HYPE"] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "order-details-chain-info text-as-primary/50 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "order-details-chain-text", children: ["on ", order.dstChain !== chains_1.b3.id && (0, anyspend_1.getChainName)(order.dstChain)] }), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.dstChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.dstChain), className: (0, utils_1.cn)("order-details-chain-logo h-3", order.dstChain !== chains_1.b3.id && "w-3 rounded-full", order.dstChain === chains_1.b3.id && "h-4") })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-id-total-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-label text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-value text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-collapsed flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "order-details-collapsed-button whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "order-details-collapsed-chevron text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" })] })) }));
+                                            : order.type === "custom"
+                                                ? order.metadata.action
+                                                    ? (0, anyspend_1.capitalizeFirstLetter)(order.metadata.action)
+                                                    : "Contract execution"
+                                                : "" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-expected-value flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-nft-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "order-details-nft-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-nft-name", children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-tournament-info flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "order-details-tournament-image h-5 w-5" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-tournament-name", children: tournament?.name || "Tournament" })] })) : order.type === "hype_duel" ? ((0, jsx_runtime_1.jsx)("div", { className: "order-details-hype-info flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "order-details-hype-amount", children: [(0, number_1.formatTokenAmount)(BigInt(order.payload.expectedDstAmount), dstToken.decimals), " HYPE"] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "order-details-chain-info text-as-primary/50 flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("span", { className: "order-details-chain-text", children: ["on ", order.dstChain !== chains_1.b3.id && (0, anyspend_1.getChainName)(order.dstChain)] }), (0, jsx_runtime_1.jsx)("img", { src: anyspend_1.ALL_CHAINS[order.dstChain].logoUrl, alt: (0, anyspend_1.getChainName)(order.dstChain), className: (0, utils_1.cn)("order-details-chain-logo h-3", order.dstChain !== chains_1.b3.id && "w-3 rounded-full", order.dstChain === chains_1.b3.id && "h-4") })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-divider divider w-full" }), (0, jsx_runtime_1.jsxs)("div", { className: "order-details-id-total-section flex w-full justify-between gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-label text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-id-total-value text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "order-details-collapsed flex w-full items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" }), (0, jsx_runtime_1.jsx)("button", { className: "order-details-collapsed-button whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "order-details-collapsed-chevron text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), (0, jsx_runtime_1.jsx)("div", { className: "order-details-collapsed-divider divider w-full" })] })) }));
 });

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

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TokenBalance = TokenBalance;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const chain_1 = require("../../../../anyspend/utils/chain");
+const token_1 = require("../../../../anyspend/utils/token");
 const react_1 = require("../../../../global-account/react");
 const viem_1 = require("viem");
 function TokenBalance({ token, walletAddress, onChangeInput, }) {
@@ -12,9 +14,24 @@ function TokenBalance({ token, walletAddress, onChangeInput, }) {
     const handlePercentageClick = (percentage) => {
         if (!rawBalance)
             return;
-        // Calculate the amount based on percentage of balance
-        // Multiply first, then divide to avoid BigInt truncation
-        const amount = percentage === 100 ? rawBalance : (rawBalance * BigInt(percentage)) / BigInt(100);
+        let amount;
+        if (percentage === 100) {
+            // For MAX button on native tokens, reserve gas for the transaction
+            if ((0, token_1.isNativeToken)(token.address)) {
+                const gasReserve = (0, chain_1.getNativeRequired)(token.chainId);
+                // Ensure we don't go negative
+                amount = rawBalance > gasReserve ? rawBalance - gasReserve : BigInt(0);
+            }
+            else {
+                // For ERC20 tokens, use full balance
+                amount = rawBalance;
+            }
+        }
+        else {
+            // Calculate the amount based on percentage of balance
+            // Multiply first, then divide to avoid BigInt truncation
+            amount = (rawBalance * BigInt(percentage)) / BigInt(100);
+        }
         onChangeInput((0, viem_1.formatUnits)(amount, token.decimals));
     };
     return ((0, jsx_runtime_1.jsx)("div", { className: "flex h-7 items-center justify-end gap-1", children: !isLoading && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-as-primary/50 inline-flex rounded-lg text-sm", children: rawBalance ? `Balance: ${formattedBalance}` : `Balance: 0` }), !!rawBalance && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("button", { onClick: () => handlePercentageClick(100), className: "text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex cursor-pointer rounded-lg px-2 py-1 text-xs transition-colors", children: "MAX" }) }))] })) }, `balance-${token.address}-${token.chainId}`));

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

@@ -13,15 +13,14 @@ export interface IBaseChain {
     canDepositNative: boolean;
     defaultToken: components["schemas"]["Token"];
     nativeToken: components["schemas"]["Token"];
+    coingeckoName: string | null;
 }
 export interface IEVMChain extends IBaseChain {
     type: ChainType.EVM;
     viem: Chain;
     pollingInterval: number;
     zapperEnum?: string;
-    coingeckoName: string | null;
 }
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;
-    coingeckoName: string;
 }

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

@@ -18,6 +18,7 @@ export declare function isMainnet(chainId: number): boolean;
 export declare function isTestnet(chainId: number): boolean;
 export declare function getDefaultToken(chainId: number): components["schemas"]["Token"];
 export declare function getChainName(chainId: number): string;
+export declare function getCoingeckoName(chainId: number): string | null;
 export declare function getPaymentUrl(address: string, amount: bigint, currency: string, chainId: number, decimals?: number): string;
 export declare function getExplorerTxUrl(chainId: number, txHash: string): string;
 export declare function getExplorerAddressUrl(chainId: number, address: string): string;

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

@@ -15,6 +15,7 @@ exports.isMainnet = isMainnet;
 exports.isTestnet = isTestnet;
 exports.getDefaultToken = getDefaultToken;
 exports.getChainName = getChainName;
+exports.getCoingeckoName = getCoingeckoName;
 exports.getPaymentUrl = getPaymentUrl;
 exports.getExplorerTxUrl = getExplorerTxUrl;
 exports.getExplorerAddressUrl = getExplorerAddressUrl;
@@ -264,6 +265,10 @@ 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";
 }
+function getCoingeckoName(chainId) {
+    (0, invariant_1.default)(exports.ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
+    return exports.ALL_CHAINS[chainId].coingeckoName;
+}
 function getPaymentUrl(address, amount, currency, chainId, decimals) {
     // Get chain type to determine URL format
     const chainType = getChainType(chainId);

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

@@ -23,17 +23,15 @@ export const OrderDetailsCollapsible = memo(function OrderDetailsCollapsible({ o
     const finalFormattedExpectedDstAmount = formattedExpectedDstAmount || formatTokenAmount(BigInt(expectedDstAmount), dstToken.decimals);
     return (_jsx("div", { className: cn("order-details-collapsible bg-as-surface-secondary border-as-border-secondary rounded-xl border px-4 py-2", className), children: showOrderDetails ? (_jsx(motion.div, { className: "order-details-expanded w-full", initial: { opacity: 0, y: 20, filter: "blur(10px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)" }, transition: { duration: 0.3, delay: 0, ease: "easeInOut" }, children: _jsxs("div", { className: "order-details-content flex w-full flex-col items-center gap-3 whitespace-nowrap py-2 text-sm", children: [_jsxs("div", { className: "order-details-recipient-section flex w-full justify-between gap-4", children: [_jsx("div", { className: "order-details-recipient-label text-as-tertiarry", children: "Recipient" }), _jsxs("div", { className: "order-details-recipient-info flex flex-col items-end gap-1", children: [recipientName && (_jsx("div", { className: "order-details-recipient-name text-as-primary font-semibold", children: recipientName })), _jsx(CopyToClipboard, { text: order.recipientAddress, onCopy: () => {
                                             toast.success("Copied recipient address to clipboard");
-                                        }, children: _jsxs("div", { className: "order-details-recipient-address text-as-primary flex items-center gap-2", children: [centerTruncate(order.recipientAddress, 10), _jsx(Copy, { className: "order-details-recipient-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] }), _jsx("div", { className: "order-details-divider divider w-full" }), _jsxs("div", { className: "order-details-expected-section flex w-full items-center justify-between gap-2", children: [_jsx("div", { className: "order-details-expected-label text-as-tertiarry", children: order.type === "swap" || order.type === "mint_nft"
+                                        }, children: _jsxs("div", { className: "order-details-recipient-address text-as-primary flex items-center gap-2", children: [centerTruncate(order.recipientAddress, 10), _jsx(Copy, { className: "order-details-recipient-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 cursor-pointer transition-all duration-200" })] }) })] })] }), _jsx("div", { className: "order-details-divider divider w-full" }), _jsxs("div", { className: "order-details-expected-section flex w-full items-center justify-between gap-2", children: [_jsx("div", { className: "order-details-expected-label text-as-tertiarry", children: order.type === "swap" || order.type === "mint_nft" || order.type === "hype_duel"
                                     ? "Expected to receive"
                                     : order.type === "join_tournament"
                                         ? "Join tournament"
                                         : order.type === "fund_tournament"
                                             ? "Fund tournament"
-                                            : order.type === "hype_duel"
-                                                ? "Deposit HYPE"
-                                                : order.type === "custom"
-                                                    ? order.metadata.action
-                                                        ? capitalizeFirstLetter(order.metadata.action)
-                                                        : "Contract execution"
-                                                    : "" }), _jsxs("div", { className: "order-details-expected-value flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? (_jsxs("div", { className: "order-details-nft-info flex items-center gap-2", children: [_jsx("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "order-details-nft-image h-5 w-5" }), _jsx("div", { className: "order-details-nft-name", children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? (_jsxs("div", { className: "order-details-tournament-info flex items-center gap-2", children: [_jsx("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "order-details-tournament-image h-5 w-5" }), _jsx("div", { className: "order-details-tournament-name", children: tournament?.name || "Tournament" })] })) : order.type === "hype_duel" ? (_jsx("div", { className: "order-details-hype-info flex items-center gap-2", children: _jsxs("div", { className: "order-details-hype-amount", children: [formatTokenAmount(BigInt(order.payload.expectedDstAmount), dstToken.decimals), " HYPE"] }) })) : null, _jsxs("div", { className: "order-details-chain-info text-as-primary/50 flex items-center gap-2", children: [_jsxs("span", { className: "order-details-chain-text", children: ["on ", order.dstChain !== b3.id && getChainName(order.dstChain)] }), _jsx("img", { src: ALL_CHAINS[order.dstChain].logoUrl, alt: getChainName(order.dstChain), className: cn("order-details-chain-logo h-3", order.dstChain !== b3.id && "w-3 rounded-full", order.dstChain === b3.id && "h-4") })] })] })] }), _jsx("div", { className: "order-details-divider divider w-full" }), _jsxs("div", { className: "order-details-id-total-section flex w-full justify-between gap-4", children: [_jsx("div", { className: "order-details-id-total-label text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), _jsx("div", { className: "order-details-id-total-value text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : (_jsxs("div", { className: "order-details-collapsed flex w-full items-center", children: [_jsx("div", { className: "order-details-collapsed-divider divider w-full" }), _jsx("button", { className: "order-details-collapsed-button whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), _jsx(ChevronDown, { className: "order-details-collapsed-chevron text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), _jsx("div", { className: "order-details-collapsed-divider divider w-full" })] })) }));
+                                            : order.type === "custom"
+                                                ? order.metadata.action
+                                                    ? capitalizeFirstLetter(order.metadata.action)
+                                                    : "Contract execution"
+                                                : "" }), _jsxs("div", { className: "order-details-expected-value flex items-end gap-2", children: [order.type === "swap" ? (`~${finalFormattedExpectedDstAmount} ${dstToken.symbol}`) : order.type === "mint_nft" ? (_jsxs("div", { className: "order-details-nft-info flex items-center gap-2", children: [_jsx("img", { src: nft?.imageUrl, alt: nft?.name || "NFT", className: "order-details-nft-image h-5 w-5" }), _jsx("div", { className: "order-details-nft-name", children: nft?.name || "NFT" })] })) : order.type === "join_tournament" || order.type === "fund_tournament" ? (_jsxs("div", { className: "order-details-tournament-info flex items-center gap-2", children: [_jsx("img", { src: tournament?.imageUrl, alt: tournament?.name || "Tournament", className: "order-details-tournament-image h-5 w-5" }), _jsx("div", { className: "order-details-tournament-name", children: tournament?.name || "Tournament" })] })) : order.type === "hype_duel" ? (_jsx("div", { className: "order-details-hype-info flex items-center gap-2", children: _jsxs("div", { className: "order-details-hype-amount", children: [formatTokenAmount(BigInt(order.payload.expectedDstAmount), dstToken.decimals), " HYPE"] }) })) : null, _jsxs("div", { className: "order-details-chain-info text-as-primary/50 flex items-center gap-2", children: [_jsxs("span", { className: "order-details-chain-text", children: ["on ", order.dstChain !== b3.id && getChainName(order.dstChain)] }), _jsx("img", { src: ALL_CHAINS[order.dstChain].logoUrl, alt: getChainName(order.dstChain), className: cn("order-details-chain-logo h-3", order.dstChain !== b3.id && "w-3 rounded-full", order.dstChain === b3.id && "h-4") })] })] })] }), _jsx("div", { className: "order-details-divider divider w-full" }), _jsxs("div", { className: "order-details-id-total-section flex w-full justify-between gap-4", children: [_jsx("div", { className: "order-details-id-total-label text-as-tertiarry", children: showTotal ? "Total (included fee)" : "Order ID" }), _jsx("div", { className: "order-details-id-total-value text-as-primary overflow-hidden text-ellipsis whitespace-nowrap", children: showTotal && totalAmount ? totalAmount : order.id })] })] }) })) : (_jsxs("div", { className: "order-details-collapsed flex w-full items-center", children: [_jsx("div", { className: "order-details-collapsed-divider divider w-full" }), _jsx("button", { className: "order-details-collapsed-button whitespace-nowrap text-sm", onClick: () => setShowOrderDetails(true), children: "Order Details" }), _jsx(ChevronDown, { className: "order-details-collapsed-chevron text-as-primary mx-1 h-4 min-h-4 w-4 min-w-4" }), _jsx("div", { className: "order-details-collapsed-divider divider w-full" })] })) }));
 });

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getNativeRequired } from "../../../../anyspend/utils/chain.js";
+import { isNativeToken } from "../../../../anyspend/utils/token.js";
 import { useTokenBalance } from "../../../../global-account/react/index.js";
 import { formatUnits } from "viem";
 export function TokenBalance({ token, walletAddress, onChangeInput, }) {
@@ -9,9 +11,24 @@ export function TokenBalance({ token, walletAddress, onChangeInput, }) {
     const handlePercentageClick = (percentage) => {
         if (!rawBalance)
             return;
-        // Calculate the amount based on percentage of balance
-        // Multiply first, then divide to avoid BigInt truncation
-        const amount = percentage === 100 ? rawBalance : (rawBalance * BigInt(percentage)) / BigInt(100);
+        let amount;
+        if (percentage === 100) {
+            // For MAX button on native tokens, reserve gas for the transaction
+            if (isNativeToken(token.address)) {
+                const gasReserve = getNativeRequired(token.chainId);
+                // Ensure we don't go negative
+                amount = rawBalance > gasReserve ? rawBalance - gasReserve : BigInt(0);
+            }
+            else {
+                // For ERC20 tokens, use full balance
+                amount = rawBalance;
+            }
+        }
+        else {
+            // Calculate the amount based on percentage of balance
+            // Multiply first, then divide to avoid BigInt truncation
+            amount = (rawBalance * BigInt(percentage)) / BigInt(100);
+        }
         onChangeInput(formatUnits(amount, token.decimals));
     };
     return (_jsx("div", { className: "flex h-7 items-center justify-end gap-1", children: !isLoading && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-as-primary/50 inline-flex rounded-lg text-sm", children: rawBalance ? `Balance: ${formattedBalance}` : `Balance: 0` }), !!rawBalance && (_jsx(_Fragment, { children: _jsx("button", { onClick: () => handlePercentageClick(100), className: "text-as-primary/50 bg-as-on-surface-2 hover:bg-as-on-surface-3 inline-flex cursor-pointer rounded-lg px-2 py-1 text-xs transition-colors", children: "MAX" }) }))] })) }, `balance-${token.address}-${token.chainId}`));

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

@@ -13,15 +13,14 @@ export interface IBaseChain {
     canDepositNative: boolean;
     defaultToken: components["schemas"]["Token"];
     nativeToken: components["schemas"]["Token"];
+    coingeckoName: string | null;
 }
 export interface IEVMChain extends IBaseChain {
     type: ChainType.EVM;
     viem: Chain;
     pollingInterval: number;
     zapperEnum?: string;
-    coingeckoName: string | null;
 }
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;
-    coingeckoName: string;
 }

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

@@ -18,6 +18,7 @@ export declare function isMainnet(chainId: number): boolean;
 export declare function isTestnet(chainId: number): boolean;
 export declare function getDefaultToken(chainId: number): components["schemas"]["Token"];
 export declare function getChainName(chainId: number): string;
+export declare function getCoingeckoName(chainId: number): string | null;
 export declare function getPaymentUrl(address: string, amount: bigint, currency: string, chainId: number, decimals?: number): string;
 export declare function getExplorerTxUrl(chainId: number, txHash: string): string;
 export declare function getExplorerAddressUrl(chainId: number, address: string): string;

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

@@ -241,6 +241,10 @@ export function getChainName(chainId) {
     invariant(ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
     return EVM_CHAINS[chainId] ? EVM_CHAINS[chainId].viem.name : "Solana";
 }
+export function getCoingeckoName(chainId) {
+    invariant(ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
+    return ALL_CHAINS[chainId].coingeckoName;
+}
 export function getPaymentUrl(address, amount, currency, chainId, decimals) {
     // Get chain type to determine URL format
     const chainType = getChainType(chainId);

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

@@ -13,15 +13,14 @@ export interface IBaseChain {
     canDepositNative: boolean;
     defaultToken: components["schemas"]["Token"];
     nativeToken: components["schemas"]["Token"];
+    coingeckoName: string | null;
 }
 export interface IEVMChain extends IBaseChain {
     type: ChainType.EVM;
     viem: Chain;
     pollingInterval: number;
     zapperEnum?: string;
-    coingeckoName: string | null;
 }
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;
-    coingeckoName: string;
 }

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

@@ -18,6 +18,7 @@ export declare function isMainnet(chainId: number): boolean;
 export declare function isTestnet(chainId: number): boolean;
 export declare function getDefaultToken(chainId: number): components["schemas"]["Token"];
 export declare function getChainName(chainId: number): string;
+export declare function getCoingeckoName(chainId: number): string | null;
 export declare function getPaymentUrl(address: string, amount: bigint, currency: string, chainId: number, decimals?: number): string;
 export declare function getExplorerTxUrl(chainId: number, txHash: string): string;
 export declare function getExplorerAddressUrl(chainId: number, address: string): string;

package/package.json

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

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

@@ -95,19 +95,17 @@ export const OrderDetailsCollapsible = memo(function OrderDetailsCollapsible({
             {/* Expected Amount/Action Section */}
             <div className="order-details-expected-section flex w-full items-center justify-between gap-2">
               <div className="order-details-expected-label text-as-tertiarry">
-                {order.type === "swap" || order.type === "mint_nft"
+                {order.type === "swap" || order.type === "mint_nft" || order.type === "hype_duel"
                   ? "Expected to receive"
                   : order.type === "join_tournament"
                     ? "Join tournament"
                     : order.type === "fund_tournament"
                       ? "Fund tournament"
-                      : order.type === "hype_duel"
-                        ? "Deposit HYPE"
-                        : order.type === "custom"
-                          ? order.metadata.action
-                            ? capitalizeFirstLetter(order.metadata.action)
-                            : "Contract execution"
-                          : ""}
+                      : order.type === "custom"
+                        ? order.metadata.action
+                          ? capitalizeFirstLetter(order.metadata.action)
+                          : "Contract execution"
+                        : ""}
               </div>
 
               <div className="order-details-expected-value flex items-end gap-2">

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

@@ -1,4 +1,6 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { getNativeRequired } from "@b3dotfun/sdk/anyspend/utils/chain";
+import { isNativeToken } from "@b3dotfun/sdk/anyspend/utils/token";
 import { useTokenBalance } from "@b3dotfun/sdk/global-account/react";
 import { formatUnits } from "viem";
 
@@ -19,9 +21,23 @@ export function TokenBalance({
   const handlePercentageClick = (percentage: number) => {
     if (!rawBalance) return;
 
-    // Calculate the amount based on percentage of balance
-    // Multiply first, then divide to avoid BigInt truncation
-    const amount = percentage === 100 ? rawBalance : (rawBalance * BigInt(percentage)) / BigInt(100);
+    let amount: bigint;
+
+    if (percentage === 100) {
+      // For MAX button on native tokens, reserve gas for the transaction
+      if (isNativeToken(token.address)) {
+        const gasReserve = getNativeRequired(token.chainId);
+        // Ensure we don't go negative
+        amount = rawBalance > gasReserve ? rawBalance - gasReserve : BigInt(0);
+      } else {
+        // For ERC20 tokens, use full balance
+        amount = rawBalance;
+      }
+    } else {
+      // Calculate the amount based on percentage of balance
+      // Multiply first, then divide to avoid BigInt truncation
+      amount = (rawBalance * BigInt(percentage)) / BigInt(100);
+    }
 
     onChangeInput(formatUnits(amount, token.decimals));
   };

package/src/anyspend/types/chain.ts

@@ -15,6 +15,7 @@ export interface IBaseChain {
   canDepositNative: boolean;
   defaultToken: components["schemas"]["Token"];
   nativeToken: components["schemas"]["Token"];
+  coingeckoName: string | null;
 }
 
 export interface IEVMChain extends IBaseChain {
@@ -22,10 +23,8 @@ export interface IEVMChain extends IBaseChain {
   viem: Chain;
   pollingInterval: number;
   zapperEnum?: string;
-  coingeckoName: string | null;
 }
 
 export interface ISolanaChain extends IBaseChain {
   type: ChainType.SOLANA;
-  coingeckoName: string;
 }

package/src/anyspend/utils/chain.ts

@@ -305,6 +305,11 @@ export function getChainName(chainId: number): string {
   return EVM_CHAINS[chainId] ? EVM_CHAINS[chainId].viem.name : "Solana";
 }
 
+export function getCoingeckoName(chainId: number): string | null {
+  invariant(ALL_CHAINS[chainId], `Chain ${chainId} is not supported`);
+  return ALL_CHAINS[chainId].coingeckoName;
+}
+
 export function getPaymentUrl(address: string, amount: bigint, currency: string, chainId: number, decimals?: number) {
   // Get chain type to determine URL format
   const chainType = getChainType(chainId);