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

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/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/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/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/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/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/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/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/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-alpha.1",
+  "version": "0.0.84-alpha.2",
   "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/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/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 {