@b3dotfun/sdk 0.0.48 → 0.0.49-alpha.0

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,13 +13,13 @@ 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;
 }
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;

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;
@@ -150,6 +151,20 @@ exports.EVM_MAINNET = {
         zapperEnum: "B3_MAINNET",
         coingeckoName: "b3",
     },
+    [chains_1.abstract.id]: {
+        id: chains_1.abstract.id,
+        name: chains_1.abstract.name,
+        logoUrl: "https://assets.relay.link/icons/square/2741/light.png",
+        type: chain_1.ChainType.EVM,
+        nativeRequired: (0, viem_1.parseEther)("0.0001"),
+        canDepositNative: true,
+        defaultToken: (0, token_1.getEthToken)(chains_1.abstract.id),
+        nativeToken: (0, token_1.getEthToken)(chains_1.abstract.id),
+        viem: getCustomEvmChain(chains_1.abstract, "https://cosmopolitan-nameless-mountain.abstract-mainnet.quiknode.pro/863853304b986b582bdacf625ce3350397c560f8/"),
+        pollingInterval: 3000, // 3 seconds for Abstract
+        zapperEnum: "B3_MAINNET",
+        coingeckoName: "b3",
+    },
 };
 exports.EVM_TESTNET = {
     [chains_1.sepolia.id]: {
@@ -163,6 +178,7 @@ exports.EVM_TESTNET = {
         nativeToken: (0, token_1.getEthToken)(chains_1.sepolia.id),
         viem: chains_1.sepolia,
         pollingInterval: 1000, // 1 second for Sepolia
+        coingeckoName: "sepolia-testnet",
     },
     [chains_1.baseSepolia.id]: {
         id: chains_1.baseSepolia.id,
@@ -175,6 +191,7 @@ exports.EVM_TESTNET = {
         nativeToken: (0, token_1.getEthToken)(chains_1.baseSepolia.id),
         viem: chains_1.baseSepolia,
         pollingInterval: 1000, // 1 second for Base Sepolia
+        coingeckoName: null,
     },
     [chains_1.b3Sepolia.id]: {
         id: chains_1.b3Sepolia.id,
@@ -187,6 +204,7 @@ exports.EVM_TESTNET = {
         nativeToken: (0, token_1.getEthToken)(chains_1.b3Sepolia.id),
         viem: chains_1.b3Sepolia,
         pollingInterval: 1000, // 1 second for B3 Sepolia
+        coingeckoName: null,
     },
     // [b4testnet.id]: {
     //   id: b4testnet.id,
@@ -206,6 +224,7 @@ exports.SOLANA_MAINNET = {
     canDepositNative: true,
     defaultToken: (0, token_1.getSolanaToken)(),
     nativeToken: (0, token_1.getSolanaToken)(),
+    coingeckoName: "solana",
 };
 exports.EVM_CHAINS = { ...exports.EVM_MAINNET, ...exports.EVM_TESTNET };
 exports.SOLANA_CHAINS = { [constants_1.RELAY_SOLANA_MAINNET_CHAIN_ID]: exports.SOLANA_MAINNET };
@@ -260,6 +279,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,13 +13,13 @@ 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;
 }
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;

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

@@ -1,7 +1,7 @@
 import { RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../anyspend/constants/index.js";
 import invariant from "invariant";
 import { createPublicClient, createWalletClient, defineChain, http, parseEther, } from "viem";
-import { arbitrum, avalanche, b3, b3Sepolia, base, baseSepolia, bsc, mainnet, optimism, polygon, sepolia, } from "viem/chains";
+import { abstract, arbitrum, avalanche, b3, b3Sepolia, base, baseSepolia, bsc, mainnet, optimism, polygon, sepolia, } from "viem/chains";
 import { ChainType } from "../types/chain.js";
 import { getAvaxToken, getBnbToken, getEthToken, getPolToken, getSolanaToken } from "./token.js";
 function getCustomEvmChain(chain, rpcUrl) {
@@ -127,6 +127,20 @@ export const EVM_MAINNET = {
         zapperEnum: "B3_MAINNET",
         coingeckoName: "b3",
     },
+    [abstract.id]: {
+        id: abstract.id,
+        name: abstract.name,
+        logoUrl: "https://assets.relay.link/icons/square/2741/light.png",
+        type: ChainType.EVM,
+        nativeRequired: parseEther("0.0001"),
+        canDepositNative: true,
+        defaultToken: getEthToken(abstract.id),
+        nativeToken: getEthToken(abstract.id),
+        viem: getCustomEvmChain(abstract, "https://cosmopolitan-nameless-mountain.abstract-mainnet.quiknode.pro/863853304b986b582bdacf625ce3350397c560f8/"),
+        pollingInterval: 3000, // 3 seconds for Abstract
+        zapperEnum: "B3_MAINNET",
+        coingeckoName: "b3",
+    },
 };
 export const EVM_TESTNET = {
     [sepolia.id]: {
@@ -140,6 +154,7 @@ export const EVM_TESTNET = {
         nativeToken: getEthToken(sepolia.id),
         viem: sepolia,
         pollingInterval: 1000, // 1 second for Sepolia
+        coingeckoName: "sepolia-testnet",
     },
     [baseSepolia.id]: {
         id: baseSepolia.id,
@@ -152,6 +167,7 @@ export const EVM_TESTNET = {
         nativeToken: getEthToken(baseSepolia.id),
         viem: baseSepolia,
         pollingInterval: 1000, // 1 second for Base Sepolia
+        coingeckoName: null,
     },
     [b3Sepolia.id]: {
         id: b3Sepolia.id,
@@ -164,6 +180,7 @@ export const EVM_TESTNET = {
         nativeToken: getEthToken(b3Sepolia.id),
         viem: b3Sepolia,
         pollingInterval: 1000, // 1 second for B3 Sepolia
+        coingeckoName: null,
     },
     // [b4testnet.id]: {
     //   id: b4testnet.id,
@@ -183,6 +200,7 @@ export const SOLANA_MAINNET = {
     canDepositNative: true,
     defaultToken: getSolanaToken(),
     nativeToken: getSolanaToken(),
+    coingeckoName: "solana",
 };
 export const EVM_CHAINS = { ...EVM_MAINNET, ...EVM_TESTNET };
 export const SOLANA_CHAINS = { [RELAY_SOLANA_MAINNET_CHAIN_ID]: SOLANA_MAINNET };
@@ -237,6 +255,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,13 +13,13 @@ 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;
 }
 export interface ISolanaChain extends IBaseChain {
     type: ChainType.SOLANA;

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",
+  "version": "0.0.49-alpha.0",
   "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,7 +23,6 @@ export interface IEVMChain extends IBaseChain {
   viem: Chain;
   pollingInterval: number;
   zapperEnum?: string;
-  coingeckoName?: string;
 }
 
 export interface ISolanaChain extends IBaseChain {

package/src/anyspend/utils/chain.ts

@@ -14,6 +14,7 @@ import {
   WalletClient,
 } from "viem";
 import {
+  abstract,
   arbitrum,
   avalanche,
   b3,
@@ -172,6 +173,23 @@ export const EVM_MAINNET: Record<number, IEVMChain> = {
     zapperEnum: "B3_MAINNET",
     coingeckoName: "b3",
   },
+  [abstract.id]: {
+    id: abstract.id,
+    name: abstract.name,
+    logoUrl: "https://assets.relay.link/icons/square/2741/light.png",
+    type: ChainType.EVM,
+    nativeRequired: parseEther("0.0001"),
+    canDepositNative: true,
+    defaultToken: getEthToken(abstract.id),
+    nativeToken: getEthToken(abstract.id),
+    viem: getCustomEvmChain(
+      abstract,
+      "https://cosmopolitan-nameless-mountain.abstract-mainnet.quiknode.pro/863853304b986b582bdacf625ce3350397c560f8/",
+    ),
+    pollingInterval: 3000, // 3 seconds for Abstract
+    zapperEnum: "B3_MAINNET",
+    coingeckoName: "b3",
+  },
 };
 
 export const EVM_TESTNET: Record<number, IEVMChain> = {
@@ -186,6 +204,7 @@ export const EVM_TESTNET: Record<number, IEVMChain> = {
     nativeToken: getEthToken(sepolia.id),
     viem: sepolia,
     pollingInterval: 1000, // 1 second for Sepolia
+    coingeckoName: "sepolia-testnet",
   },
   [baseSepolia.id]: {
     id: baseSepolia.id,
@@ -198,6 +217,7 @@ export const EVM_TESTNET: Record<number, IEVMChain> = {
     nativeToken: getEthToken(baseSepolia.id),
     viem: baseSepolia,
     pollingInterval: 1000, // 1 second for Base Sepolia
+    coingeckoName: null,
   },
   [b3Sepolia.id]: {
     id: b3Sepolia.id,
@@ -210,6 +230,7 @@ export const EVM_TESTNET: Record<number, IEVMChain> = {
     nativeToken: getEthToken(b3Sepolia.id),
     viem: b3Sepolia,
     pollingInterval: 1000, // 1 second for B3 Sepolia
+    coingeckoName: null,
   },
   // [b4testnet.id]: {
   //   id: b4testnet.id,
@@ -230,6 +251,7 @@ export const SOLANA_MAINNET: ISolanaChain = {
   canDepositNative: true,
   defaultToken: getSolanaToken(),
   nativeToken: getSolanaToken(),
+  coingeckoName: "solana",
 };
 
 export const EVM_CHAINS: Record<number, IEVMChain> = { ...EVM_MAINNET, ...EVM_TESTNET };
@@ -301,6 +323,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);