@b3dotfun/sdk 0.0.84 → 0.0.85-alpha.0

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

@@ -25,6 +25,12 @@ export declare const DEFAULT_NFT_CONTRACT: {
 export declare const STRIPE_CONFIG: {
     readonly publishableKey: "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP";
 };
+/**
+ * Get the appropriate Stripe publishable key.
+ * If a custom key is provided (via B3Provider stripePublishableKey prop), use it.
+ * Otherwise, fall back to the default B3 Stripe account.
+ */
+export declare function getStripePublishableKey(customKey?: string | null): string;
 export declare const PAYMENT_METHOD_ICONS: {
     readonly visa: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/visa.svg";
     readonly mastercard: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/mastercard.svg";

package/dist/cjs/anyspend/constants/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VENDOR_DISPLAY_NAMES = exports.PAYMENT_METHOD_ICONS = exports.STRIPE_CONFIG = exports.DEFAULT_NFT_CONTRACT = exports.NFT_CONTRACTS = exports.ETH_BASE = exports.USDC_BASE = exports.ANYSPEND_TOKEN = exports.B3_TOKEN = exports.SOLANA_TOKEN_2022_PROGRAM_ID = exports.SOLANA_ASSOCIATED_TOKEN_ACCOUNT_PROGRAM_ID = exports.RELAY_SOLANA_MAINNET_CHAIN_ID = exports.RELAY_SOL_ADDRESS = exports.ZERO_ADDRESS = exports.ANYSPEND_MAINNET_BASE_URL = void 0;
+exports.getStripePublishableKey = getStripePublishableKey;
 const chains_1 = require("viem/chains");
 exports.ANYSPEND_MAINNET_BASE_URL = process.env.NEXT_PUBLIC_ANYSPEND_BASE_URL || "https://mainnet.anyspend.com";
 exports.ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
@@ -75,9 +76,21 @@ exports.NFT_CONTRACTS = [
     },
 ];
 exports.DEFAULT_NFT_CONTRACT = exports.NFT_CONTRACTS[1];
+// Default B3 Stripe publishable key
 exports.STRIPE_CONFIG = {
     publishableKey: "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP",
 };
+/**
+ * Get the appropriate Stripe publishable key.
+ * If a custom key is provided (via B3Provider stripePublishableKey prop), use it.
+ * Otherwise, fall back to the default B3 Stripe account.
+ */
+function getStripePublishableKey(customKey) {
+    if (customKey) {
+        return customKey;
+    }
+    return exports.STRIPE_CONFIG.publishableKey;
+}
 exports.PAYMENT_METHOD_ICONS = {
     visa: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/visa.svg",
     mastercard: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/mastercard.svg",

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

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

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

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

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

@@ -17,7 +17,7 @@ const AnySpendFingerprintWrapper_1 = require("../AnySpendFingerprintWrapper");
 const HowItWorks_1 = __importDefault(require("./HowItWorks"));
 const PaymentMethodIcons_1 = __importDefault(require("./PaymentMethodIcons"));
 function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
-    const { theme } = (0, react_2.useB3)();
+    const { theme, stripePublishableKey } = (0, react_2.useB3)();
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
@@ -26,7 +26,7 @@ function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
     if (stripeClientSecretError) {
         return (0, jsx_runtime_1.jsx)(StripeErrorState, { error: stripeClientSecretError.message });
     }
-    return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: (0, payment_utils_1.getStripePromise)(), options: {
+    return ((0, jsx_runtime_1.jsx)(AnySpendFingerprintWrapper_1.AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: (0, payment_utils_1.getStripePromise)(stripePublishableKey), options: {
                 clientSecret: clientSecret || undefined,
                 appearance: { theme: theme === "light" ? "stripe" : "night" },
             }, children: (0, jsx_runtime_1.jsx)(StripePaymentForm, { order: order, clientSecret: clientSecret, onPaymentSuccess: onPaymentSuccess }) }) }));

package/dist/cjs/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -5,6 +5,8 @@ interface WebviewOnrampPaymentProps {
     recipientAddress?: string;
     destinationToken: components["schemas"]["Token"];
     partnerId?: string;
+    /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+    stripePublishableKey?: string;
     anyspendQuote: GetQuoteResponse | undefined;
     onPaymentSuccess: (orderId: string) => void;
     userId?: string;

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

@@ -89,7 +89,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
                                 },
                             } }) })), error && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: !stripe || isProcessing, className: "mt-6 w-full rounded-xl bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50", children: isProcessing ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-5 w-5 animate-spin" }), (0, jsx_runtime_1.jsx)("span", { children: "Processing..." })] })) : ((0, jsx_runtime_1.jsx)("span", { children: "Complete Payment" })) })] }) }) }));
 }
-function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, }) {
+function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, stripePublishableKey, anyspendQuote, onPaymentSuccess, userId, }) {
     const [createdOrder, setCreatedOrder] = (0, react_4.useState)(null);
     const orderCreationAttempted = (0, react_4.useRef)(false);
     const { geoData, stripeWeb2Support, isLoading: isLoadingGeoOnramp } = (0, react_1.useGeoOnrampOptions)(srcAmountOnRamp);
@@ -168,7 +168,7 @@ function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinat
     if (createdOrder && clientSecret) {
         return ((0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-full max-w-[460px] flex-col gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-xl bg-white", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-lg font-semibold", children: "Order summary" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col divide-y", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Receiving" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [destinationToken.metadata?.logoURI && ((0, jsx_runtime_1.jsx)("img", { src: destinationToken.metadata.logoURI, alt: destinationToken.symbol, className: "h-5 w-5 rounded-full" })), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium", children: [anyspendQuote?.data?.currencyOut?.amount
                                                                 ? Number((0, viem_1.formatUnits)(BigInt(anyspendQuote.data.currencyOut.amount), destinationToken.decimals)).toFixed(4)
-                                                                : "0", " ", destinationToken.symbol] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Network" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, anyspend_1.getChainName)(destinationToken.chainId) })] }), recipientAddress && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Recipient" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, centerTruncate_1.default)(recipientAddress) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "You Pay" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] })] })] }) }), (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: (0, payment_utils_1.getStripePromise)(), options: {
+                                                                : "0", " ", destinationToken.symbol] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Network" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, anyspend_1.getChainName)(destinationToken.chainId) })] }), recipientAddress && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "Recipient" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: (0, centerTruncate_1.default)(recipientAddress) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between py-3", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-gray-600", children: "You Pay" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-lg font-semibold", children: ["$", parseFloat(srcAmountOnRamp).toFixed(2)] })] })] })] }) }), (0, jsx_runtime_1.jsx)(react_stripe_js_1.Elements, { stripe: (0, payment_utils_1.getStripePromise)(stripePublishableKey), options: {
                         clientSecret,
                         appearance: {
                             theme: "flat",

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

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

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

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

package/dist/cjs/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -9,7 +9,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -23,6 +23,8 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
     partnerId: string;
+    /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+    stripePublishableKey?: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
@@ -32,7 +34,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, createClientReferenceId, enableTurnkey, }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];
@@ -41,6 +43,7 @@ export declare function InnerProvider({ children, accountOverride, environment,
     theme: "light" | "dark";
     clientType?: ClientType;
     partnerId: string;
+    stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -34,7 +34,7 @@ const queryClient = new react_query_1.QueryClient();
  */
 function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, 
 // deprecated since v0.0.87
-toaster: _toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, }) {
+toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, }) {
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -44,12 +44,12 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connector
         (0, client_manager_1.setClientType)(clientType);
     }, [clientType]);
     const wagmiConfig = (0, react_2.useMemo)(() => (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [partnerId, rpcUrls, connectors, overrideDefaultConnectors]);
-    return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(index_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsxs)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [(0, jsx_runtime_1.jsx)(ToastContextConnector, {}), (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(index_1.ToastProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsxs)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [(0, jsx_runtime_1.jsx)(ToastContextConnector, {}), (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, createClientReferenceId, enableTurnkey, }) {
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
     const activeAccount = (0, react_3.useActiveAccount)();
     const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_2.useState)(undefined);
     const wallets = (0, react_3.useConnectedWallets)();
@@ -105,6 +105,7 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
             theme,
             clientType,
             partnerId: partnerId,
+            stripePublishableKey,
             createClientReferenceId,
             enableTurnkey,
         }, children: (0, jsx_runtime_1.jsx)(InnerProvider2, { children: children }) }));

package/dist/cjs/global-account/react/components/B3Provider/types.d.ts

@@ -22,6 +22,7 @@ export interface B3ContextType {
     theme: "light" | "dark";
     clientType: ClientType;
     partnerId: string;
+    stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
 }

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

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

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

@@ -1,5 +1,9 @@
 import { components } from "../../anyspend/types/api";
-export declare function getStripePromise(): Promise<import("@stripe/stripe-js").Stripe | null>;
+/**
+ * Get or create a Stripe promise for the given publishable key.
+ * @param stripePublishableKey - Partner-specific Stripe publishable key from B3Provider
+ */
+export declare function getStripePromise(stripePublishableKey?: string | null): Promise<import("@stripe/stripe-js").Stripe | null>;
 export declare function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function getPaymentMethodDescription(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function formatStripeAmount(amount: number): string;

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

@@ -7,12 +7,20 @@ exports.formatStripeAmount = formatStripeAmount;
 exports.generateReturnUrl = generateReturnUrl;
 const constants_1 = require("../../anyspend/constants");
 const stripe_js_1 = require("@stripe/stripe-js");
-let stripePromise = null;
-function getStripePromise() {
-    if (!stripePromise) {
-        stripePromise = (0, stripe_js_1.loadStripe)(constants_1.STRIPE_CONFIG.publishableKey);
+// Cache Stripe promises per publishable key (supports multiple partners)
+const stripePromiseCache = new Map();
+/**
+ * Get or create a Stripe promise for the given publishable key.
+ * @param stripePublishableKey - Partner-specific Stripe publishable key from B3Provider
+ */
+function getStripePromise(stripePublishableKey) {
+    const publishableKey = (0, constants_1.getStripePublishableKey)(stripePublishableKey);
+    let cached = stripePromiseCache.get(publishableKey);
+    if (!cached) {
+        cached = (0, stripe_js_1.loadStripe)(publishableKey);
+        stripePromiseCache.set(publishableKey, cached);
     }
-    return stripePromise;
+    return cached;
 }
 function getVendorDisplayName(vendor) {
     switch (vendor) {

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

@@ -25,6 +25,12 @@ export declare const DEFAULT_NFT_CONTRACT: {
 export declare const STRIPE_CONFIG: {
     readonly publishableKey: "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP";
 };
+/**
+ * Get the appropriate Stripe publishable key.
+ * If a custom key is provided (via B3Provider stripePublishableKey prop), use it.
+ * Otherwise, fall back to the default B3 Stripe account.
+ */
+export declare function getStripePublishableKey(customKey?: string | null): string;
 export declare const PAYMENT_METHOD_ICONS: {
     readonly visa: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/visa.svg";
     readonly mastercard: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/mastercard.svg";

package/dist/esm/anyspend/constants/index.js

@@ -72,9 +72,21 @@ export const NFT_CONTRACTS = [
     },
 ];
 export const DEFAULT_NFT_CONTRACT = NFT_CONTRACTS[1];
+// Default B3 Stripe publishable key
 export const STRIPE_CONFIG = {
     publishableKey: "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP",
 };
+/**
+ * Get the appropriate Stripe publishable key.
+ * If a custom key is provided (via B3Provider stripePublishableKey prop), use it.
+ * Otherwise, fall back to the default B3 Stripe account.
+ */
+export function getStripePublishableKey(customKey) {
+    if (customKey) {
+        return customKey;
+    }
+    return STRIPE_CONFIG.publishableKey;
+}
 export const PAYMENT_METHOD_ICONS = {
     visa: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/visa.svg",
     mastercard: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/mastercard.svg",

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

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

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

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

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

@@ -11,7 +11,7 @@ import { AnySpendFingerprintWrapper, getFingerprintConfig } from "../AnySpendFin
 import HowItWorks from "./HowItWorks.js";
 import PaymentMethodIcons from "./PaymentMethodIcons.js";
 export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }) {
-    const { theme } = useB3();
+    const { theme, stripePublishableKey } = useB3();
     const fingerprintConfig = getFingerprintConfig();
     const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = useStripeClientSecret(stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
@@ -20,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: getStripePromise(), options: {
+    return (_jsx(AnySpendFingerprintWrapper, { fingerprint: fingerprintConfig, children: _jsx(Elements, { stripe: getStripePromise(stripePublishableKey), 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/webview/WebviewOnrampPayment.d.ts

@@ -5,6 +5,8 @@ interface WebviewOnrampPaymentProps {
     recipientAddress?: string;
     destinationToken: components["schemas"]["Token"];
     partnerId?: string;
+    /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+    stripePublishableKey?: string;
     anyspendQuote: GetQuoteResponse | undefined;
     onPaymentSuccess: (orderId: string) => void;
     userId?: string;

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

@@ -83,7 +83,7 @@ function StripePaymentForm({ order, onPaymentSuccess, }) {
                                 },
                             } }) })), error && (_jsx("div", { className: "mt-4 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error })), _jsx("button", { type: "submit", disabled: !stripe || isProcessing, className: "mt-6 w-full rounded-xl bg-blue-600 px-4 py-3 font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50", children: isProcessing ? (_jsxs("div", { className: "flex items-center justify-center gap-2", children: [_jsx(Loader2, { className: "h-5 w-5 animate-spin" }), _jsx("span", { children: "Processing..." })] })) : (_jsx("span", { children: "Complete Payment" })) })] }) }) }));
 }
-function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, anyspendQuote, onPaymentSuccess, userId, }) {
+function WebviewOnrampPaymentInner({ srcAmountOnRamp, recipientAddress, destinationToken, stripePublishableKey, anyspendQuote, onPaymentSuccess, userId, }) {
     const [createdOrder, setCreatedOrder] = useState(null);
     const orderCreationAttempted = useRef(false);
     const { geoData, stripeWeb2Support, isLoading: isLoadingGeoOnramp } = useGeoOnrampOptions(srcAmountOnRamp);
@@ -162,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: getStripePromise(), 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(stripePublishableKey), options: {
                         clientSecret,
                         appearance: {
                             theme: "flat",

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

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

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

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

package/dist/esm/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -9,7 +9,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -23,6 +23,8 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
     partnerId: string;
+    /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+    stripePublishableKey?: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
@@ -32,7 +34,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, createClientReferenceId, enableTurnkey, }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];
@@ -41,6 +43,7 @@ export declare function InnerProvider({ children, accountOverride, environment,
     theme: "light" | "dark";
     clientType?: ClientType;
     partnerId: string;
+    stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -30,7 +30,7 @@ const queryClient = new QueryClient();
  */
 export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, 
 // deprecated since v0.0.87
-toaster: _toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, }) {
+toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -40,12 +40,12 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, onConnect, connector
         setClientType(clientType);
     }, [clientType]);
     const wagmiConfig = useMemo(() => createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [partnerId, rpcUrls, connectors, overrideDefaultConnectors]);
-    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsxs(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
+    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsxs(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, createClientReferenceId, enableTurnkey, }) {
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
     const activeAccount = useActiveAccount();
     const [manuallySelectedWallet, setManuallySelectedWallet] = useState(undefined);
     const wallets = useConnectedWallets();
@@ -101,6 +101,7 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
             theme,
             clientType,
             partnerId: partnerId,
+            stripePublishableKey,
             createClientReferenceId,
             enableTurnkey,
         }, children: _jsx(InnerProvider2, { children: children }) }));

package/dist/esm/global-account/react/components/B3Provider/types.d.ts

@@ -22,6 +22,7 @@ export interface B3ContextType {
     theme: "light" | "dark";
     clientType: ClientType;
     partnerId: string;
+    stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
 }

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

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

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

@@ -1,5 +1,9 @@
 import { components } from "../../anyspend/types/api";
-export declare function getStripePromise(): Promise<import("@stripe/stripe-js").Stripe | null>;
+/**
+ * Get or create a Stripe promise for the given publishable key.
+ * @param stripePublishableKey - Partner-specific Stripe publishable key from B3Provider
+ */
+export declare function getStripePromise(stripePublishableKey?: string | null): Promise<import("@stripe/stripe-js").Stripe | null>;
 export declare function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function getPaymentMethodDescription(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function formatStripeAmount(amount: number): string;

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

@@ -1,11 +1,19 @@
-import { STRIPE_CONFIG, VENDOR_DISPLAY_NAMES } from "../../anyspend/constants/index.js";
+import { getStripePublishableKey, VENDOR_DISPLAY_NAMES } from "../../anyspend/constants/index.js";
 import { loadStripe } from "@stripe/stripe-js";
-let stripePromise = null;
-export function getStripePromise() {
-    if (!stripePromise) {
-        stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
+// Cache Stripe promises per publishable key (supports multiple partners)
+const stripePromiseCache = new Map();
+/**
+ * Get or create a Stripe promise for the given publishable key.
+ * @param stripePublishableKey - Partner-specific Stripe publishable key from B3Provider
+ */
+export function getStripePromise(stripePublishableKey) {
+    const publishableKey = getStripePublishableKey(stripePublishableKey);
+    let cached = stripePromiseCache.get(publishableKey);
+    if (!cached) {
+        cached = loadStripe(publishableKey);
+        stripePromiseCache.set(publishableKey, cached);
     }
-    return stripePromise;
+    return cached;
 }
 export function getVendorDisplayName(vendor) {
     switch (vendor) {

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

@@ -25,6 +25,12 @@ export declare const DEFAULT_NFT_CONTRACT: {
 export declare const STRIPE_CONFIG: {
     readonly publishableKey: "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP";
 };
+/**
+ * Get the appropriate Stripe publishable key.
+ * If a custom key is provided (via B3Provider stripePublishableKey prop), use it.
+ * Otherwise, fall back to the default B3 Stripe account.
+ */
+export declare function getStripePublishableKey(customKey?: string | null): string;
 export declare const PAYMENT_METHOD_ICONS: {
     readonly visa: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/visa.svg";
     readonly mastercard: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/mastercard.svg";

package/dist/types/anyspend/react/components/webview/WebviewOnrampPayment.d.ts

@@ -5,6 +5,8 @@ interface WebviewOnrampPaymentProps {
     recipientAddress?: string;
     destinationToken: components["schemas"]["Token"];
     partnerId?: string;
+    /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+    stripePublishableKey?: string;
     anyspendQuote: GetQuoteResponse | undefined;
     onPaymentSuccess: (orderId: string) => void;
     userId?: string;

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

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

package/dist/types/global-account/react/components/B3Provider/B3Provider.d.ts

@@ -9,7 +9,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors, createClientReferenceId, enableTurnkey, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -23,6 +23,8 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
     partnerId: string;
+    /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+    stripePublishableKey?: string;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
     connectors?: CreateConnectorFn[];
     overrideDefaultConnectors?: boolean;
@@ -32,7 +34,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, createClientReferenceId, enableTurnkey, }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];
@@ -41,6 +43,7 @@ export declare function InnerProvider({ children, accountOverride, environment,
     theme: "light" | "dark";
     clientType?: ClientType;
     partnerId: string;
+    stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/global-account/react/components/B3Provider/types.d.ts

@@ -22,6 +22,7 @@ export interface B3ContextType {
     theme: "light" | "dark";
     clientType: ClientType;
     partnerId: string;
+    stripePublishableKey?: string;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
 }

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

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

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

@@ -1,5 +1,9 @@
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-export declare function getStripePromise(): Promise<import("@stripe/stripe-js").Stripe | null>;
+/**
+ * Get or create a Stripe promise for the given publishable key.
+ * @param stripePublishableKey - Partner-specific Stripe publishable key from B3Provider
+ */
+export declare function getStripePromise(stripePublishableKey?: string | null): Promise<import("@stripe/stripe-js").Stripe | null>;
 export declare function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function getPaymentMethodDescription(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string;
 export declare function formatStripeAmount(amount: number): string;

package/package.json

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

package/src/anyspend/constants/index.ts

@@ -86,11 +86,24 @@ export const NFT_CONTRACTS: components["schemas"]["NftContract"][] = [
 
 export const DEFAULT_NFT_CONTRACT = NFT_CONTRACTS[1];
 
+// Default B3 Stripe publishable key
 export const STRIPE_CONFIG = {
   publishableKey:
     "pk_live_51QkrBwJnoDg53PsPq7QYOxSLfnXvtCVeD9UuyZ6c136i42XtYC2Z2bl1W5xbDg6AaoGyq63ErCc0yv3C2KBX29CG002AE862CP",
 } as const;
 
+/**
+ * Get the appropriate Stripe publishable key.
+ * If a custom key is provided (via B3Provider stripePublishableKey prop), use it.
+ * Otherwise, fall back to the default B3 Stripe account.
+ */
+export function getStripePublishableKey(customKey?: string | null): string {
+  if (customKey) {
+    return customKey;
+  }
+  return STRIPE_CONFIG.publishableKey;
+}
+
 export const PAYMENT_METHOD_ICONS = {
   visa: "https://github.com/marcovoliveira/react-svg-credit-card-payment-icons/raw/main/src/icons/flat-rounded/visa.svg",
   mastercard:

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

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

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

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

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

@@ -19,7 +19,7 @@ interface PaymentStripeWeb2Props {
 }
 
 export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props) {
-  const { theme } = useB3();
+  const { theme, stripePublishableKey } = useB3();
   const fingerprintConfig = getFingerprintConfig();
 
   const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } =
@@ -36,7 +36,7 @@ export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaym
   return (
     <AnySpendFingerprintWrapper fingerprint={fingerprintConfig}>
       <Elements
-        stripe={getStripePromise()}
+        stripe={getStripePromise(stripePublishableKey)}
         options={{
           clientSecret: clientSecret || undefined,
           appearance: { theme: theme === "light" ? "stripe" : "night" },

package/src/anyspend/react/components/webview/WebviewOnrampPayment.tsx

@@ -18,6 +18,8 @@ interface WebviewOnrampPaymentProps {
   recipientAddress?: string;
   destinationToken: components["schemas"]["Token"];
   partnerId?: string;
+  /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+  stripePublishableKey?: string;
   anyspendQuote: GetQuoteResponse | undefined;
   onPaymentSuccess: (orderId: string) => void;
   userId?: string;
@@ -153,6 +155,7 @@ function WebviewOnrampPaymentInner({
   srcAmountOnRamp,
   recipientAddress,
   destinationToken,
+  stripePublishableKey,
   anyspendQuote,
   onPaymentSuccess,
   userId,
@@ -307,7 +310,7 @@ function WebviewOnrampPaymentInner({
 
         {/* Stripe Elements */}
         <Elements
-          stripe={getStripePromise()}
+          stripe={getStripePromise(stripePublishableKey)}
           options={{
             clientSecret,
             appearance: {

package/src/anyspend/utils/token.ts

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

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -58,6 +58,7 @@ export function B3Provider({
   clientType = "rest",
   rpcUrls,
   partnerId,
+  stripePublishableKey,
   onConnect,
   connectors,
   overrideDefaultConnectors = false,
@@ -77,6 +78,8 @@ export function B3Provider({
   clientType?: ClientType;
   rpcUrls?: Record<number, string>;
   partnerId: string;
+  /** Partner-specific Stripe publishable key. If not provided, uses default B3 Stripe account. */
+  stripePublishableKey?: string;
   onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
   connectors?: CreateConnectorFn[];
   overrideDefaultConnectors?: boolean;
@@ -112,6 +115,7 @@ export function B3Provider({
                   automaticallySetFirstEoa={!!automaticallySetFirstEoa}
                   clientType={clientType}
                   partnerId={partnerId}
+                  stripePublishableKey={stripePublishableKey}
                   createClientReferenceId={createClientReferenceId}
                   enableTurnkey={enableTurnkey}
                 >
@@ -143,6 +147,7 @@ export function InnerProvider({
   theme = "light",
   clientType = "socket",
   partnerId,
+  stripePublishableKey,
   createClientReferenceId,
   enableTurnkey,
 }: {
@@ -154,6 +159,7 @@ export function InnerProvider({
   theme: "light" | "dark";
   clientType?: ClientType;
   partnerId: string;
+  stripePublishableKey?: string;
   createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
   enableTurnkey?: boolean;
 }) {
@@ -226,6 +232,7 @@ export function InnerProvider({
         theme,
         clientType,
         partnerId: partnerId,
+        stripePublishableKey,
         createClientReferenceId,
         enableTurnkey,
       }}

package/src/global-account/react/components/B3Provider/types.ts

@@ -24,6 +24,7 @@ export interface B3ContextType {
   theme: "light" | "dark";
   clientType: ClientType;
   partnerId: string;
+  stripePublishableKey?: string;
   createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
   enableTurnkey?: boolean;
 }

package/src/shared/utils/payment.utils.ts

@@ -1,13 +1,23 @@
-import { STRIPE_CONFIG, VENDOR_DISPLAY_NAMES } from "@b3dotfun/sdk/anyspend/constants";
+import { getStripePublishableKey, VENDOR_DISPLAY_NAMES } from "@b3dotfun/sdk/anyspend/constants";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { loadStripe } from "@stripe/stripe-js";
 
-let stripePromise: ReturnType<typeof loadStripe> | null = null;
-export function getStripePromise() {
-  if (!stripePromise) {
-    stripePromise = loadStripe(STRIPE_CONFIG.publishableKey);
+// Cache Stripe promises per publishable key (supports multiple partners)
+const stripePromiseCache: Map<string, ReturnType<typeof loadStripe>> = new Map();
+
+/**
+ * Get or create a Stripe promise for the given publishable key.
+ * @param stripePublishableKey - Partner-specific Stripe publishable key from B3Provider
+ */
+export function getStripePromise(stripePublishableKey?: string | null) {
+  const publishableKey = getStripePublishableKey(stripePublishableKey);
+
+  let cached = stripePromiseCache.get(publishableKey);
+  if (!cached) {
+    cached = loadStripe(publishableKey);
+    stripePromiseCache.set(publishableKey, cached);
   }
-  return stripePromise;
+  return cached;
 }
 
 export function getVendorDisplayName(vendor?: components["schemas"]["OnrampMetadata"]["vendor"]): string {