@b3dotfun/sdk 0.0.83 → 0.0.84-alpha.0

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown } from "lucide-react";
 import { useEffect, useRef } from "react";
 import { NumericFormat } from "react-number-format";
-import { ALL_CHAINS, RELAY_SOLANA_MAINNET_CHAIN_ID } from "../../../../anyspend/index.js";
+import { ALL_CHAINS, RELAY_SOLANA_MAINNET_CHAIN_ID, getAvailableChainIds } from "../../../../anyspend/index.js";
 import { Button } from "../../../../global-account/react/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 import { TokenSelector } from "@relayprotocol/relay-kit-ui";
@@ -53,8 +53,8 @@ export function OrderTokenAmountFiat({ disabled, inputValue, onChangeInput, cont
     };
     if (showAsReceiveAmount) {
         // Design-matched token display for receive amounts (like in PanelOnramp)
-        return (_jsxs("div", { className: cn("flex items-center justify-between rounded-xl bg-gray-50 p-4", className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [token.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[chainId]?.logoUrl, tokenUrl: token.metadata.logoURI, className: "h-10 w-10" })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-blue-600", children: _jsx("span", { className: "font-bold text-white", children: token.symbol?.substring(0, 2) || "??" }) })), _jsxs("div", { children: [_jsx("div", { className: "text-base font-semibold text-gray-900", children: token.symbol }), _jsx("div", { className: "text-sm text-gray-600", children: ALL_CHAINS[chainId]?.name || "Unknown" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-600", children: "\u2248" }), _jsx("span", { className: "text-lg font-semibold text-gray-900", children: formatAmount(inputValue) }), !hideTokenSelect && (_jsx(TokenSelector, { address: address, chainIdsFilter: Object.values(ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsx(ChevronsUpDown, { className: "h-4 w-4 cursor-pointer text-gray-400" }) }, `selector-${context}-${token.address}-${chainId}`))] })] }));
+        return (_jsxs("div", { className: cn("flex items-center justify-between rounded-xl bg-gray-50 p-4", className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [token.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[chainId]?.logoUrl, tokenUrl: token.metadata.logoURI, className: "h-10 w-10" })) : (_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-blue-600", children: _jsx("span", { className: "font-bold text-white", children: token.symbol?.substring(0, 2) || "??" }) })), _jsxs("div", { children: [_jsx("div", { className: "text-base font-semibold text-gray-900", children: token.symbol }), _jsx("div", { className: "text-sm text-gray-600", children: ALL_CHAINS[chainId]?.name || "Unknown" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-600", children: "\u2248" }), _jsx("span", { className: "text-lg font-semibold text-gray-900", children: formatAmount(inputValue) }), !hideTokenSelect && (_jsx(TokenSelector, { address: address, chainIdsFilter: getAvailableChainIds(context), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: getAvailableChainIds(context), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsx(ChevronsUpDown, { className: "h-4 w-4 cursor-pointer text-gray-400" }) }, `selector-${context}-${token.address}-${chainId}`))] })] }));
     }
     // Original token amount input design for other contexts
-    return (_jsx("div", { className: cn("border-as-stroke flex w-full flex-col gap-2 rounded-xl", className), children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [!canEditAmount ? (_jsx("h2", { className: "text-3xl font-medium text-white", children: inputValue || "--" })) : (_jsx(NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: "placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]", pattern: "^[0-9]*[.,]?[0-9]*$", disabled: disabled, value: inputValue, allowNegative: false, onChange: e => onChangeInput(e.currentTarget.value) }, `input-${token.address}-${chainId}`)), !hideTokenSelect && (_jsx(TokenSelector, { address: address, chainIdsFilter: Object.values(ALL_CHAINS).map(chain => chain.id), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: Object.values(ALL_CHAINS).map(chain => chain.id), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsxs(Button, { variant: "outline", role: "combobox", className: "bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", children: [token.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[chainId]?.logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: token.symbol }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[chainId]?.name })] }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, `selector-${context}-${token.address}-${chainId}`))] }) }, `${context}-${token.address}-${chainId}`));
+    return (_jsx("div", { className: cn("border-as-stroke flex w-full flex-col gap-2 rounded-xl", className), children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [!canEditAmount ? (_jsx("h2", { className: "text-3xl font-medium text-white", children: inputValue || "--" })) : (_jsx(NumericFormat, { decimalSeparator: ".", allowedDecimalSeparators: [","], thousandSeparator: true, inputMode: "decimal", autoComplete: "off", autoCorrect: "off", type: "text", placeholder: "0.00", minLength: 1, maxLength: 30, spellCheck: "false", className: "placeholder:text-as-primary/70 disabled:text-as-primary/70 text-as-primary w-full bg-transparent text-4xl font-semibold leading-[42px] outline-none sm:text-[30px]", pattern: "^[0-9]*[.,]?[0-9]*$", disabled: disabled, value: inputValue, allowNegative: false, onChange: e => onChangeInput(e.currentTarget.value) }, `input-${token.address}-${chainId}`)), !hideTokenSelect && (_jsx(TokenSelector, { address: address, chainIdsFilter: getAvailableChainIds(context), context: context, fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: getAvailableChainIds(context), multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: _jsxs(Button, { variant: "outline", role: "combobox", className: "bg-b3-react-background border-as-stroke flex h-auto w-fit shrink-0 items-center justify-center gap-2 rounded-xl border-2 px-2 py-1 pr-2 text-center", children: [token.metadata?.logoURI ? (_jsx(ChainTokenIcon, { chainUrl: ALL_CHAINS[chainId]?.logoUrl, tokenUrl: token.metadata.logoURI, className: "h-8 min-h-8 w-8 min-w-8" })) : (_jsx("div", { className: "h-8 w-8 rounded-full bg-gray-700" })), _jsxs("div", { className: "flex flex-col items-start gap-0", children: [_jsx("div", { className: "text-as-primary font-semibold", children: token.symbol }), _jsx("div", { className: "text-as-primary/70 text-xs", children: ALL_CHAINS[chainId]?.name })] }), _jsx(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-70" })] }) }, `selector-${context}-${token.address}-${chainId}`))] }) }, `${context}-${token.address}-${chainId}`));
 }

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

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { STRIPE_CONFIG } from "../../../../anyspend/constants/index.js";
+import { getStripePromise } from "../../../../shared/utils/payment.utils.js";
 import { OrderDetailsCollapsible, useStripeClientSecret } from "../../../../anyspend/react/index.js";
 import { ShinyButton, useB3, useModalStore, useProfile } from "../../../../global-account/react/index.js";
 import { formatTokenAmount } from "../../../../shared/utils/number.js";
 import { formatStripeAmount } from "../../../../shared/utils/payment.utils.js";
 import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
-import { loadStripe } from "@stripe/stripe-js";
 import { X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper.js";
 import HowItWorks from "./HowItWorks.js";
 import PaymentMethodIcons from "./PaymentMethodIcons.js";
-const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
 export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
     const { theme } = useB3();
     const fingerprintConfig = getFingerprintConfig();
@@ -22,7 +20,7 @@ export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaym
     if (stripeClientSecretError) {
         return _jsx(StripeErrorState, { error: stripeClientSecretError.message });
     }
-    return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(Elements, { stripe: stripePromise, options: {
+    return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(Elements, { stripe: getStripePromise(), options: {
                 clientSecret: clientSecret || undefined,
                 appearance: { theme: theme === "light" ? "stripe" : "night" },
             }, children: _jsx(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }) }));

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

@@ -1,6 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { lazy, Suspense } from "react";
 import PaymentOneClick from "./PaymentOneClick.js";
-import PaymentStripeWeb2 from "./PaymentStripeWeb2.js";
+// Lazy load Stripe component to prevent loadStripe() from running at module level
+// This prevents EIP-6963 wallet detection events when Stripe is not used
+const PaymentStripeWeb2 = lazy(() => import("./PaymentStripeWeb2"));
+function StripeLoadingFallback() {
+    return (_jsx("div", { className: "relative my-8 flex w-full flex-1 flex-col items-center justify-center", children: _jsxs("div", { className: "bg-as-on-surface-1 flex w-full flex-col items-center justify-center gap-4 rounded-2xl p-8", children: [_jsx("div", { className: "bg-as-brand/20 flex h-16 w-16 items-center justify-center rounded-full", children: _jsx("div", { className: "text-as-brand h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent" }) }), _jsxs("div", { className: "text-as-primary/70 text-center", children: [_jsx("div", { className: "text-lg font-medium", children: "Loading payment" }), _jsx("div", { className: "text-as-primary/50 mt-2 text-sm", children: "Initializing secure payment form..." })] })] }) }));
+}
 export default function PaymentVendorUI({ order, dstTokenSymbol }) {
     const vendor = order.onrampMetadata?.vendor;
     // Handle one-click payment flows (Coinbase, Stripe redirect)
@@ -9,7 +15,7 @@ export default function PaymentVendorUI({ order, dstTokenSymbol }) {
     }
     // Handle Stripe Web2 payment flow
     if (vendor === "stripe-web2" && order.stripePaymentIntentId) {
-        return _jsx(PaymentStripeWeb2, { order: order, stripePaymentIntentId: order.stripePaymentIntentId });
+        return (_jsx(Suspense, { fallback: _jsx(StripeLoadingFallback, {}), children: _jsx(PaymentStripeWeb2, { order: order, stripePaymentIntentId: order.stripePaymentIntentId }) }));
     }
     // Return null for unsupported vendors
     return null;

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ALL_CHAINS, getChainName, getPaymentUrl, RELAY_ETH_ADDRESS } from "../../../../anyspend/index.js";
+import { ALL_CHAINS, getChainName, getPaymentUrl, ZERO_ADDRESS } from "../../../../anyspend/index.js";
 import { CopyToClipboard, ShinyButton, TextLoop, toast } from "../../../../global-account/react/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 import { formatTokenAmount } from "../../../../shared/utils/number.js";
@@ -67,5 +67,5 @@ export const TransferCryptoDetails = memo(function TransferCryptoDetails({ order
                                             transition: "stroke-dashoffset 1s linear",
                                         } })] }), _jsx("div", { className: "order-transfer-crypto-timer-text absolute inset-0 flex items-center justify-center", children: _jsx("span", { className: "text-as-primary text-[10px] font-semibold", children: formatTime(timeLeft) }) })] })] }), _jsxs("div", { className: "order-transfer-crypto-content flex w-full flex-col gap-4", children: [_jsxs("div", { className: "order-transfer-crypto-cards flex items-center gap-4", children: [_jsxs("div", { className: "order-transfer-crypto-amount-card w-full", children: [_jsx("span", { className: "order-transfer-crypto-amount-label text-as-content-secondary text-sm font-medium", children: "Amount" }), _jsx("div", { className: "order-transfer-crypto-amount-container border-as-border-primary rounded-lg border p-2 shadow-sm", children: _jsx(CopyToClipboard, { text: roundedUpSrcAmount || "", onCopy: () => {
                                                 toast.success("Amount copied to clipboard");
-                                            }, children: _jsxs("div", { className: "order-transfer-crypto-amount-copy flex cursor-pointer items-center justify-between gap-2", children: [_jsxs("strong", { className: "order-transfer-crypto-amount-text text-as-primary font-semibold", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), _jsx(Copy, { className: "order-transfer-crypto-amount-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 transition-all duration-200" })] }) }) })] }), _jsxs("div", { className: "order-transfer-crypto-chain-card w-full", children: [_jsx("span", { className: "order-transfer-crypto-chain-label text-as-content-secondary text-sm font-medium", children: "Chain" }), _jsx("div", { className: "order-transfer-crypto-chain-container border-as-border-primary rounded-lg border p-2 shadow-sm", children: _jsxs("div", { className: "order-transfer-crypto-chain-info flex items-center gap-2", children: [_jsx("img", { src: ALL_CHAINS[order.srcChain].logoUrl, alt: getChainName(order.srcChain), className: cn("order-transfer-crypto-chain-logo h-6 rounded-full", order.srcChain === b3.id && "h-5 rounded-none") }), _jsx("span", { className: "order-transfer-crypto-chain-name text-as-primary text-sm font-semibold", children: getChainName(order.srcChain) })] }) })] })] }), _jsxs("div", { className: "order-transfer-crypto-qr-deposit-card border-b3-react-border bg-as-surface-secondary grid h-[220px] grid-cols-2 overflow-hidden rounded-xl border", children: [_jsx("div", { className: "order-transfer-crypto-qr-section border-as-border-primary h-full w-full border-r", children: _jsx("div", { className: "order-transfer-crypto-qr-wrapper flex justify-center", children: _jsxs("div", { className: "order-transfer-crypto-qr-container bg-as-surface-secondary flex flex-col items-center rounded-lg p-6", children: [_jsx(QRCodeSVG, { value: getPaymentUrl(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === RELAY_ETH_ADDRESS ? "ETH" : order.srcTokenAddress, order.srcChain, srcToken?.decimals), className: "order-transfer-crypto-qr-code bg-as-surface-secondary max-h-48 max-w-48" }), _jsxs("div", { className: "order-transfer-crypto-wallet-hint mt-3 flex items-center justify-center gap-2 text-sm", children: [_jsx("span", { className: "order-transfer-crypto-wallet-text text-as-brand/70 text-sm font-medium", children: "SCAN WITH" }), _jsxs(TextLoop, { interval: 3, children: [_jsx(WalletMetamask, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" })] })] })] }) }) }), _jsxs("div", { className: "order-transfer-crypto-address-section flex h-full w-full flex-col gap-2 p-6", children: [_jsx("span", { className: "order-transfer-crypto-address-label text-as-content-secondary text-sm font-medium", children: "Deposit address:" }), _jsxs("div", { className: "order-transfer-crypto-address-copy flex h-full cursor-pointer flex-col items-stretch justify-between gap-4", onClick: handleCopyAddress, children: [_jsx("div", { className: "order-transfer-crypto-address-text text-as-primary break-all font-mono text-sm font-semibold leading-relaxed", children: order.globalAddress }), _jsx("div", { className: "order-transfer-crypto-address-copy-icon-wrapper place-self-end", children: _jsx(Copy, { className: "order-transfer-crypto-address-copy-icon group-hover:text-as-brand text-as-tertiarry h-4 w-4 cursor-pointer transition-all duration-200" }) })] })] })] }), _jsx(OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount })] }), _jsxs("div", { className: "order-transfer-crypto-actions flex flex-col gap-3", children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "order-transfer-crypto-copy-btn w-full py-3", onClick: handleCopyAddress, children: "Copy deposit address" }), _jsx(PaymentMethodSwitch, { currentMethod: CryptoPaymentMethodType.TRANSFER_CRYPTO, onMethodChange: onPaymentMethodChange })] })] }));
+                                            }, children: _jsxs("div", { className: "order-transfer-crypto-amount-copy flex cursor-pointer items-center justify-between gap-2", children: [_jsxs("strong", { className: "order-transfer-crypto-amount-text text-as-primary font-semibold", children: [roundedUpSrcAmount, " ", srcToken.symbol] }), _jsx(Copy, { className: "order-transfer-crypto-amount-copy-icon text-as-primary/50 hover:text-as-primary h-4 w-4 transition-all duration-200" })] }) }) })] }), _jsxs("div", { className: "order-transfer-crypto-chain-card w-full", children: [_jsx("span", { className: "order-transfer-crypto-chain-label text-as-content-secondary text-sm font-medium", children: "Chain" }), _jsx("div", { className: "order-transfer-crypto-chain-container border-as-border-primary rounded-lg border p-2 shadow-sm", children: _jsxs("div", { className: "order-transfer-crypto-chain-info flex items-center gap-2", children: [_jsx("img", { src: ALL_CHAINS[order.srcChain].logoUrl, alt: getChainName(order.srcChain), className: cn("order-transfer-crypto-chain-logo h-6 rounded-full", order.srcChain === b3.id && "h-5 rounded-none") }), _jsx("span", { className: "order-transfer-crypto-chain-name text-as-primary text-sm font-semibold", children: getChainName(order.srcChain) })] }) })] })] }), _jsxs("div", { className: "order-transfer-crypto-qr-deposit-card border-b3-react-border bg-as-surface-secondary grid h-[220px] grid-cols-2 overflow-hidden rounded-xl border", children: [_jsx("div", { className: "order-transfer-crypto-qr-section border-as-border-primary h-full w-full border-r", children: _jsx("div", { className: "order-transfer-crypto-qr-wrapper flex justify-center", children: _jsxs("div", { className: "order-transfer-crypto-qr-container bg-as-surface-secondary flex flex-col items-center rounded-lg p-6", children: [_jsx(QRCodeSVG, { value: getPaymentUrl(order.globalAddress, BigInt(order.srcAmount), order.srcTokenAddress === ZERO_ADDRESS ? "ETH" : order.srcTokenAddress, order.srcChain, srcToken?.decimals), className: "order-transfer-crypto-qr-code bg-as-surface-secondary max-h-48 max-w-48" }), _jsxs("div", { className: "order-transfer-crypto-wallet-hint mt-3 flex items-center justify-center gap-2 text-sm", children: [_jsx("span", { className: "order-transfer-crypto-wallet-text text-as-brand/70 text-sm font-medium", children: "SCAN WITH" }), _jsxs(TextLoop, { interval: 3, children: [_jsx(WalletMetamask, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), _jsx(WalletCoinbase, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), _jsx(WalletPhantom, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" }), _jsx(WalletTrust, { className: "order-transfer-crypto-wallet-icon h-5 w-5", variant: "branded" })] })] })] }) }) }), _jsxs("div", { className: "order-transfer-crypto-address-section flex h-full w-full flex-col gap-2 p-6", children: [_jsx("span", { className: "order-transfer-crypto-address-label text-as-content-secondary text-sm font-medium", children: "Deposit address:" }), _jsxs("div", { className: "order-transfer-crypto-address-copy flex h-full cursor-pointer flex-col items-stretch justify-between gap-4", onClick: handleCopyAddress, children: [_jsx("div", { className: "order-transfer-crypto-address-text text-as-primary break-all font-mono text-sm font-semibold leading-relaxed", children: order.globalAddress }), _jsx("div", { className: "order-transfer-crypto-address-copy-icon-wrapper place-self-end", children: _jsx(Copy, { className: "order-transfer-crypto-address-copy-icon group-hover:text-as-brand text-as-tertiarry h-4 w-4 cursor-pointer transition-all duration-200" }) })] })] })] }), _jsx(OrderDetailsCollapsible, { order: order, dstToken: dstToken, tournament: tournament, nft: nft, recipientName: recipientName, formattedExpectedDstAmount: formattedExpectedDstAmount })] }), _jsxs("div", { className: "order-transfer-crypto-actions flex flex-col gap-3", children: [_jsx(ShinyButton, { accentColor: "hsl(var(--as-brand))", textColor: "text-white", className: "order-transfer-crypto-copy-btn w-full py-3", onClick: handleCopyAddress, children: "Copy deposit address" }), _jsx(PaymentMethodSwitch, { currentMethod: CryptoPaymentMethodType.TRANSFER_CRYPTO, onMethodChange: onPaymentMethodChange })] })] }));
 });

package/dist/esm/anyspend/react/components/webview/WebviewOnrampPayment.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getChainName, STRIPE_CONFIG } from "../../../../anyspend/index.js";
+import { getChainName } from "../../../../anyspend/index.js";
+import { getStripePromise } from "../../../../shared/utils/payment.utils.js";
 import { useAnyspendCreateOnrampOrder, useGeoOnrampOptions, useStripeClientSecret } from "../../../../anyspend/react/index.js";
 import { toast } from "../../../../global-account/react/index.js";
 import centerTruncate from "../../../../shared/utils/centerTruncate.js";
 import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
-import { loadStripe } from "@stripe/stripe-js";
 import { Loader2 } from "lucide-react";
 import { motion } from "motion/react";
 import { useEffect, useRef, useState } from "react";
 import { formatUnits } from "viem";
 import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFingerprintWrapper.js";
-const stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
 export function WebviewOnrampPayment(props) {
     const fingerprintConfig = getFingerprintConfig();
     return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(WebviewOnrampPaymentInner, { ...props }) }));
@@ -163,7 +162,7 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
     if (createdOrder && clientSecret) {
         return (_jsxs("div", { className: "mx-auto flex w-full max-w-[460px] flex-col gap-6", children: [_jsx("div", { className: "overflow-hidden rounded-xl bg-white", children: _jsxs("div", { className: "px-6 py-4", children: [_jsx("h2", { className: "mb-4 text-lg font-semibold", children: "Order summary" }), _jsxs("div", { className: "flex flex-col divide-y", children: [_jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "Receiving" }), _jsxs("div", { className: "flex items-center gap-2", children: [destinationToken.metadata?.logoURI && (_jsx("img", { src: destinationToken.metadata.logoURI, alt: destinationToken.symbol, className: "h-5 w-5 rounded-full" })), _jsxs("span", { className: "font-medium", children: [anyspendQuote?.data?.currencyOut?.amount
                                                                 ? Number(formatUnits(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals)).toFixed(4)
-                                                                : "0", " ", destinationToken.symbol] })] })] }), _jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "Network" }), _jsx("span", { className: "font-medium", children: getChainName(destinationToken.chainId) })] }), recipientAddress && (_jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "Recipient" }), _jsx("span", { className: "font-medium", children: centerTruncate(recipientAddress) })] })), _jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "You Pay" }), _jsxs("span", { className: "text-lg font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] })] })] }) }), _jsx(Elements, { stripe: stripePromise, options: {
+                                                                : "0", " ", destinationToken.symbol] })] })] }), _jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "Network" }), _jsx("span", { className: "font-medium", children: getChainName(destinationToken.chainId) })] }), recipientAddress && (_jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "Recipient" }), _jsx("span", { className: "font-medium", children: centerTruncate(recipientAddress) })] })), _jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-gray-600", children: "You Pay" }), _jsxs("span", { className: "text-lg font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] })] })] }) }), _jsx(Elements, { stripe: getStripePromise(), options: {
                         clientSecret,
                         appearance: {
                             theme: "flat",

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

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

package/dist/esm/anyspend/react/hooks/index.js

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

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

@@ -1,8 +1,9 @@
+import { CryptoPaymentMethodType } from "../components/common/CryptoPaymentMethod";
 /**
  * Hook that provides connected user's address, profile, and cleaned display name
  * Combines logic for getting connected address from either global account or thirdweb wallets
  */
-export declare function useConnectedUserProfile(): {
+export declare function useConnectedUserProfile(selectedCryptoPaymentMethod?: CryptoPaymentMethodType): {
     address: string | undefined;
     profile: import("@tanstack/react-query").UseQueryResult<import("../../../global-account/react").CombinedProfile, Error>;
     name: string | null | undefined;

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

@@ -1,18 +1,15 @@
-import { useAccountWallet, useProfile } from "../../../global-account/react/index.js";
-import { useConnectedWallets } from "thirdweb/react";
+import { useProfile } from "../../../global-account/react/index.js";
+import { useConnectedWalletDisplay } from "./useConnectedWalletDisplay.js";
 /**
  * Hook that provides connected user's address, profile, and cleaned display name
  * Combines logic for getting connected address from either global account or thirdweb wallets
  */
-export function useConnectedUserProfile() {
-    const { address: globalAddress } = useAccountWallet();
-    const connectedWallets = useConnectedWallets();
-    // Get connected address from global account or first connected wallet
-    const connectedAddress = globalAddress || connectedWallets?.[0]?.getAccount()?.address;
+export function useConnectedUserProfile(selectedCryptoPaymentMethod) {
+    const { walletAddress } = useConnectedWalletDisplay(selectedCryptoPaymentMethod);
     // Fetch profile data for the connected address with cleaned name
-    const connectedProfile = useProfile({ address: connectedAddress });
+    const connectedProfile = useProfile({ address: walletAddress });
     return {
-        address: connectedAddress,
+        address: walletAddress,
         profile: connectedProfile,
         name: connectedProfile.data?.name,
         isLoading: connectedProfile.isLoading,

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

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

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

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

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

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

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

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

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

@@ -1,19 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TooltipProvider } from "../../../global-account/react/index.js";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useState } from "react";
 import { FeatureFlagsProvider } from "../contexts/FeatureFlagsContext.js";
 import { StripeRedirectHandler } from "./StripeRedirectHandler.js";
-const defaultQueryClientConfig = {
-    defaultOptions: {
-        queries: {
-            refetchOnWindowFocus: false,
-            retry: false,
-            staleTime: 30000,
-        },
-    },
-};
 /**
  * AnyspendProvider is a top-level provider that wraps your application to provide
  * query caching and state management for all Anyspend hooks.
@@ -38,6 +27,5 @@ const defaultQueryClientConfig = {
  * ```
  */
 export const AnyspendProvider = function AnyspendProvider({ children, featureFlags }) {
-    const [queryClient] = useState(() => new QueryClient(defaultQueryClientConfig));
-    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(FeatureFlagsProvider, { featureFlags: featureFlags, children: _jsxs(TooltipProvider, { children: [_jsx(StripeRedirectHandler, {}), children] }) }) }));
+    return (_jsx(FeatureFlagsProvider, { featureFlags: featureFlags, children: _jsxs(TooltipProvider, { children: [_jsx(StripeRedirectHandler, {}), children] }) }));
 };

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

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

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

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

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

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

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

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

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

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