@b3dotfun/sdk 0.1.0-alpha.2 → 0.1.0

package/dist/cjs/anyspend/react/components/common/GasIndicator.d.ts

@@ -3,4 +3,4 @@ export interface GasIndicatorProps {
     gasPrice: GasPriceData;
     className?: string;
 }
-export declare function GasIndicator({ gasPrice, className }: GasIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GasIndicator({ gasPrice, className }: GasIndicatorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -5,7 +5,21 @@ exports.GasIndicator = GasIndicator;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const cn_1 = require("../../../../shared/utils/cn");
 const react_1 = require("motion/react");
-function formatGwei(gweiString) {
+const LEVEL_LABELS = {
+    low: "Low",
+    normal: "Normal",
+    elevated: "Elevated",
+    high: "High",
+    spike: "Spike",
+};
+const LEVEL_STYLES = {
+    low: "bg-green-500/20 text-green-500",
+    normal: "bg-as-surface-tertiary text-as-secondary",
+    elevated: "bg-yellow-500/20 text-yellow-600",
+    high: "bg-orange-500/20 text-orange-500",
+    spike: "bg-red-500/20 text-red-500",
+};
+function formatGasPrice(gweiString) {
     const gwei = parseFloat(gweiString);
     if (gwei < 0.001)
         return "<0.001";
@@ -16,9 +30,5 @@ function formatGwei(gweiString) {
     return gwei.toFixed(1);
 }
 function GasIndicator({ gasPrice, className }) {
-    // Only show when gas is high or spike
-    if (!["high", "spike"].includes(gasPrice.level)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, className: (0, cn_1.cn)("flex flex-col gap-1 rounded-lg bg-orange-500/10 px-3 py-2", className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-medium text-orange-500", children: "Gas is high - transaction may fail or cost more" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xs font-medium text-orange-500", children: [formatGwei(gasPrice.gasPriceGwei), " Gwei"] })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-as-secondary text-xs", children: "Consider swapping later for better rates" })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, className: (0, cn_1.cn)("flex items-center justify-between rounded-lg px-3 py-2", gasPrice.isSpike ? "bg-yellow-500/10" : "bg-as-surface-secondary", className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-as-secondary text-xs", children: ["Gas on ", gasPrice.chainName] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)("rounded px-1.5 py-0.5 text-xs font-medium", LEVEL_STYLES[gasPrice.level]), children: LEVEL_LABELS[gasPrice.level] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-as-primary text-xs font-medium", children: [formatGasPrice(gasPrice.gasPriceGwei), " Gwei"] })] })] }));
 }

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

@@ -14,10 +14,10 @@ const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
 const client_manager_1 = require("../../../client-manager");
+const configStore_1 = require("../../stores/configStore");
 const StyleRoot_1 = require("../StyleRoot");
 const index_1 = require("../Toast/index");
 const AuthenticationProvider_1 = __importDefault(require("./AuthenticationProvider"));
-const B3ConfigProvider_1 = require("./B3ConfigProvider");
 const LocalSDKProvider_1 = require("./LocalSDKProvider");
 // Create queryClient instance
 const queryClient = new react_query_1.QueryClient();
@@ -27,6 +27,34 @@ 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, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, defaultPermissions, }) {
+    const setConfig = (0, configStore_1.useB3ConfigStore)(state => state.setConfig);
+    // Initialize config store on mount
+    (0, react_2.useEffect)(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: !!automaticallySetFirstEoa,
+            theme,
+            clientType,
+            partnerId,
+            stripePublishableKey,
+            createClientReferenceId,
+            enableTurnkey,
+            defaultPermissions,
+        });
+    }, [
+        accountOverride,
+        environment,
+        automaticallySetFirstEoa,
+        theme,
+        clientType,
+        partnerId,
+        stripePublishableKey,
+        createClientReferenceId,
+        enableTurnkey,
+        defaultPermissions,
+        setConfig,
+    ]); // eslint-disable-line react-hooks/exhaustive-deps
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -36,7 +64,7 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey
         (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)(B3ConfigProvider_1.B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: !!automaticallySetFirstEoa, theme: theme, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, defaultPermissions: defaultPermissions, 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" })] }), (0, jsx_runtime_1.jsx)(AuthenticationProvider_1.default, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }) }));
+    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.jsxs)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, 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" })] }), (0, jsx_runtime_1.jsx)(AuthenticationProvider_1.default, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }));
 }
 /**
  * Component to connect the toast context to the global toast API

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

@@ -7,11 +7,12 @@ exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("thirdweb/react");
+const react_1 = require("react");
+const react_2 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
+const configStore_1 = require("../../stores/configStore");
 const createWagmiConfig_1 = require("../../utils/createWagmiConfig");
 const AuthenticationProvider_1 = __importDefault(require("./AuthenticationProvider"));
-const B3ConfigProvider_1 = require("./B3ConfigProvider");
 const LocalSDKProvider_1 = require("./LocalSDKProvider");
 // Create queryClient instance
 const queryClient = new react_query_1.QueryClient();
@@ -19,12 +20,38 @@ const queryClient = new react_query_1.QueryClient();
  * Main B3Provider component
  */
 function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
-    return ((0, jsx_runtime_1.jsx)(react_1.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: (0, jsx_runtime_1.jsxs)(B3ConfigProvider_1.B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: false, theme: theme, clientType: clientType, partnerId: partnerId, defaultPermissions: defaultPermissions, children: [children, (0, jsx_runtime_1.jsx)(AuthenticationProvider_1.default, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }) }));
+    const setConfig = (0, configStore_1.useB3ConfigStore)(state => state.setConfig);
+    // Initialize config store on mount - props are static and never change
+    (0, react_1.useEffect)(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: false,
+            theme,
+            clientType,
+            partnerId,
+            defaultPermissions,
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return ((0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsxs)(LocalSDKProvider_1.LocalSDKProvider, { onConnectCallback: onConnect, children: [children, (0, jsx_runtime_1.jsx)(AuthenticationProvider_1.default, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }));
 }
 /**
  * Inner provider component for native
  */
 function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
+    const setConfig = (0, configStore_1.useB3ConfigStore)(state => state.setConfig);
     const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls });
-    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(B3ConfigProvider_1.B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: false, theme: theme, clientType: clientType, partnerId: partnerId, defaultPermissions: defaultPermissions, children: children }) }) }));
+    // Initialize config store on mount - props are static and never change
+    (0, react_1.useEffect)(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: false,
+            theme,
+            clientType,
+            partnerId,
+            defaultPermissions,
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: children }) }));
 }

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

@@ -2,4 +2,15 @@
  * Hook to access the B3 configuration
  * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
  */
-export declare function useB3(): import("./B3ConfigProvider").B3ConfigContextType;
+export declare function useB3(): {
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    theme: "light" | "dark";
+    clientType: import("../../../client-manager").ClientType;
+    partnerId: string;
+    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
+    enableTurnkey: boolean;
+    stripePublishableKey: string | undefined;
+    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
+    accountOverride: import("thirdweb/wallets").Account | undefined;
+};

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

@@ -1 +1,17 @@
-export { useB3Config } from "./B3ConfigProvider";
+/**
+ * Hook to access B3 configuration
+ * Returns all config values from the Zustand store
+ * Since config is static (set once at initialization), destructuring is fine here
+ */
+export declare const useB3Config: () => {
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    theme: "light" | "dark";
+    clientType: import("../../../client-manager").ClientType;
+    partnerId: string;
+    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
+    enableTurnkey: boolean;
+    stripePublishableKey: string | undefined;
+    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
+    accountOverride: import("thirdweb/wallets").Account | undefined;
+};

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

@@ -1,5 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3Config = void 0;
-var B3ConfigProvider_1 = require("./B3ConfigProvider");
-Object.defineProperty(exports, "useB3Config", { enumerable: true, get: function () { return B3ConfigProvider_1.useB3Config; } });
+const configStore_1 = require("../../stores/configStore");
+/**
+ * Hook to access B3 configuration
+ * Returns all config values from the Zustand store
+ * Since config is static (set once at initialization), destructuring is fine here
+ */
+const useB3Config = () => {
+    return (0, configStore_1.useB3ConfigStore)(state => ({
+        automaticallySetFirstEoa: state.automaticallySetFirstEoa,
+        environment: state.environment,
+        theme: state.theme,
+        clientType: state.clientType,
+        partnerId: state.partnerId,
+        createClientReferenceId: state.createClientReferenceId,
+        enableTurnkey: state.enableTurnkey,
+        stripePublishableKey: state.stripePublishableKey,
+        defaultPermissions: state.defaultPermissions,
+        accountOverride: state.accountOverride,
+    }));
+};
+exports.useB3Config = useB3Config;

package/dist/cjs/global-account/react/stores/configStore.d.ts

@@ -0,0 +1,24 @@
+import { CreateOnrampOrderParams } from "../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "../../../global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
+import { ClientType } from "../../client-manager";
+interface ConfigStore {
+    accountOverride?: Account;
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    defaultPermissions: PermissionsConfig;
+    theme: "light" | "dark";
+    clientType: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey: boolean;
+    setConfig: (config: Partial<Omit<ConfigStore, "setConfig">>) => void;
+}
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+export declare const useB3ConfigStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConfigStore>>;
+export {};

package/dist/cjs/global-account/react/stores/configStore.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useB3ConfigStore = void 0;
+const zustand_1 = require("zustand");
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS = {
+    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"],
+    nativeTokenLimitPerTransaction: 0.1,
+    startDate: new Date(),
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+exports.useB3ConfigStore = (0, zustand_1.create)(set => ({
+    accountOverride: undefined,
+    automaticallySetFirstEoa: false,
+    environment: "development",
+    defaultPermissions: DEFAULT_PERMISSIONS,
+    theme: "light",
+    clientType: "rest",
+    partnerId: "",
+    stripePublishableKey: undefined,
+    createClientReferenceId: undefined,
+    enableTurnkey: false,
+    setConfig: config => set(state => ({ ...state, ...config })),
+}));

package/dist/cjs/global-account/react/stores/index.d.ts

@@ -1,4 +1,5 @@
 export { useAuthStore } from "./useAuthStore";
+export { useB3ConfigStore } from "./configStore";
 export { useModalStore } from "./useModalStore";
 export { useRecentAddressesStore } from "./useRecentAddressesStore";
 export type { AnySpendBuySpinProps, AnySpendFundTournamentProps, AnySpendJoinTournamentProps, AnySpendModalProps, AnySpendNftProps, AnySpendOrderHistoryProps, AnySpendStakeB3Props, AnyspendOrderDetailsProps, ManageAccountModalProps, ModalContentType, RequestPermissionsModalProps, SignInWithB3ModalProps, } from "./useModalStore";

package/dist/cjs/global-account/react/stores/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRecentAddressesStore = exports.useModalStore = exports.useAuthStore = void 0;
+exports.useRecentAddressesStore = exports.useModalStore = exports.useB3ConfigStore = exports.useAuthStore = void 0;
 var useAuthStore_1 = require("./useAuthStore");
 Object.defineProperty(exports, "useAuthStore", { enumerable: true, get: function () { return useAuthStore_1.useAuthStore; } });
+var configStore_1 = require("./configStore");
+Object.defineProperty(exports, "useB3ConfigStore", { enumerable: true, get: function () { return configStore_1.useB3ConfigStore; } });
 var useModalStore_1 = require("./useModalStore");
 Object.defineProperty(exports, "useModalStore", { enumerable: true, get: function () { return useModalStore_1.useModalStore; } });
 var useRecentAddressesStore_1 = require("./useRecentAddressesStore");

package/dist/esm/anyspend/react/components/common/GasIndicator.d.ts

@@ -3,4 +3,4 @@ export interface GasIndicatorProps {
     gasPrice: GasPriceData;
     className?: string;
 }
-export declare function GasIndicator({ gasPrice, className }: GasIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GasIndicator({ gasPrice, className }: GasIndicatorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,22 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../../shared/utils/cn.js";
 import { motion } from "motion/react";
-function formatGwei(gweiString) {
+const LEVEL_LABELS = {
+    low: "Low",
+    normal: "Normal",
+    elevated: "Elevated",
+    high: "High",
+    spike: "Spike",
+};
+const LEVEL_STYLES = {
+    low: "bg-green-500/20 text-green-500",
+    normal: "bg-as-surface-tertiary text-as-secondary",
+    elevated: "bg-yellow-500/20 text-yellow-600",
+    high: "bg-orange-500/20 text-orange-500",
+    spike: "bg-red-500/20 text-red-500",
+};
+function formatGasPrice(gweiString) {
     const gwei = parseFloat(gweiString);
     if (gwei < 0.001)
         return "<0.001";
@@ -13,9 +27,5 @@ function formatGwei(gweiString) {
     return gwei.toFixed(1);
 }
 export function GasIndicator({ gasPrice, className }) {
-    // Only show when gas is high or spike
-    if (!["high", "spike"].includes(gasPrice.level)) {
-        return null;
-    }
-    return (_jsxs(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, className: cn("flex flex-col gap-1 rounded-lg bg-orange-500/10 px-3 py-2", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-medium text-orange-500", children: "Gas is high - transaction may fail or cost more" }), _jsxs("span", { className: "text-xs font-medium text-orange-500", children: [formatGwei(gasPrice.gasPriceGwei), " Gwei"] })] }), _jsx("span", { className: "text-as-secondary text-xs", children: "Consider swapping later for better rates" })] }));
+    return (_jsxs(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.2 }, className: cn("flex items-center justify-between rounded-lg px-3 py-2", gasPrice.isSpike ? "bg-yellow-500/10" : "bg-as-surface-secondary", className), children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("span", { className: "text-as-secondary text-xs", children: ["Gas on ", gasPrice.chainName] }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: cn("rounded px-1.5 py-0.5 text-xs font-medium", LEVEL_STYLES[gasPrice.level]), children: LEVEL_LABELS[gasPrice.level] }), _jsxs("span", { className: "text-as-primary text-xs font-medium", children: [formatGasPrice(gasPrice.gasPriceGwei), " Gwei"] })] })] }));
 }

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

@@ -8,10 +8,10 @@ import { useEffect, useMemo } from "react";
 import { ThirdwebProvider } from "thirdweb/react";
 import { WagmiProvider } from "wagmi";
 import { setClientType } from "../../../client-manager.js";
+import { useB3ConfigStore } from "../../stores/configStore.js";
 import { StyleRoot } from "../StyleRoot.js";
 import { setToastContext, ToastProvider, useToastContext } from "../Toast/index.js";
 import AuthenticationProvider from "./AuthenticationProvider.js";
-import { B3ConfigProvider } from "./B3ConfigProvider.js";
 import { LocalSDKProvider } from "./LocalSDKProvider.js";
 // Create queryClient instance
 const queryClient = new QueryClient();
@@ -21,6 +21,34 @@ 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, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, defaultPermissions, }) {
+    const setConfig = useB3ConfigStore(state => state.setConfig);
+    // Initialize config store on mount
+    useEffect(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: !!automaticallySetFirstEoa,
+            theme,
+            clientType,
+            partnerId,
+            stripePublishableKey,
+            createClientReferenceId,
+            enableTurnkey,
+            defaultPermissions,
+        });
+    }, [
+        accountOverride,
+        environment,
+        automaticallySetFirstEoa,
+        theme,
+        clientType,
+        partnerId,
+        stripePublishableKey,
+        createClientReferenceId,
+        enableTurnkey,
+        defaultPermissions,
+        setConfig,
+    ]); // eslint-disable-line react-hooks/exhaustive-deps
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -30,7 +58,7 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey
         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(B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: !!automaticallySetFirstEoa, theme: theme, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, defaultPermissions: defaultPermissions, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] }), _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }) }));
+    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsxs(LocalSDKProvider, { onConnectCallback: onConnect, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] }), _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }));
 }
 /**
  * Component to connect the toast context to the global toast API

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useEffect } from "react";
 import { ThirdwebProvider } from "thirdweb/react";
 import { WagmiProvider } from "wagmi";
+import { useB3ConfigStore } from "../../stores/configStore.js";
 import { createWagmiConfig } from "../../utils/createWagmiConfig.js";
 import AuthenticationProvider from "./AuthenticationProvider.js";
-import { B3ConfigProvider } from "./B3ConfigProvider.js";
 import { LocalSDKProvider } from "./LocalSDKProvider.js";
 // Create queryClient instance
 const queryClient = new QueryClient();
@@ -12,12 +13,38 @@ const queryClient = new QueryClient();
  * Main B3Provider component
  */
 export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
-    return (_jsx(ThirdwebProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsxs(B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: false, theme: theme, clientType: clientType, partnerId: partnerId, defaultPermissions: defaultPermissions, children: [children, _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }) }));
+    const setConfig = useB3ConfigStore(state => state.setConfig);
+    // Initialize config store on mount - props are static and never change
+    useEffect(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: false,
+            theme,
+            clientType,
+            partnerId,
+            defaultPermissions,
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return (_jsx(ThirdwebProvider, { children: _jsxs(LocalSDKProvider, { onConnectCallback: onConnect, children: [children, _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }));
 }
 /**
  * Inner provider component for native
  */
 export function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
+    const setConfig = useB3ConfigStore(state => state.setConfig);
     const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls });
-    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(B3ConfigProvider, { accountOverride: accountOverride, environment: environment, automaticallySetFirstEoa: false, theme: theme, clientType: clientType, partnerId: partnerId, defaultPermissions: defaultPermissions, children: children }) }) }));
+    // Initialize config store on mount - props are static and never change
+    useEffect(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: false,
+            theme,
+            clientType,
+            partnerId,
+            defaultPermissions,
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: children }) }));
 }

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

@@ -2,4 +2,15 @@
  * Hook to access the B3 configuration
  * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
  */
-export declare function useB3(): import("./B3ConfigProvider").B3ConfigContextType;
+export declare function useB3(): {
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    theme: "light" | "dark";
+    clientType: import("../../../client-manager").ClientType;
+    partnerId: string;
+    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
+    enableTurnkey: boolean;
+    stripePublishableKey: string | undefined;
+    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
+    accountOverride: import("thirdweb/wallets").Account | undefined;
+};

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

@@ -1 +1,17 @@
-export { useB3Config } from "./B3ConfigProvider";
+/**
+ * Hook to access B3 configuration
+ * Returns all config values from the Zustand store
+ * Since config is static (set once at initialization), destructuring is fine here
+ */
+export declare const useB3Config: () => {
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    theme: "light" | "dark";
+    clientType: import("../../../client-manager").ClientType;
+    partnerId: string;
+    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
+    enableTurnkey: boolean;
+    stripePublishableKey: string | undefined;
+    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
+    accountOverride: import("thirdweb/wallets").Account | undefined;
+};

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

@@ -1 +1,20 @@
-export { useB3Config } from "./B3ConfigProvider.js";
+import { useB3ConfigStore } from "../../stores/configStore.js";
+/**
+ * Hook to access B3 configuration
+ * Returns all config values from the Zustand store
+ * Since config is static (set once at initialization), destructuring is fine here
+ */
+export const useB3Config = () => {
+    return useB3ConfigStore(state => ({
+        automaticallySetFirstEoa: state.automaticallySetFirstEoa,
+        environment: state.environment,
+        theme: state.theme,
+        clientType: state.clientType,
+        partnerId: state.partnerId,
+        createClientReferenceId: state.createClientReferenceId,
+        enableTurnkey: state.enableTurnkey,
+        stripePublishableKey: state.stripePublishableKey,
+        defaultPermissions: state.defaultPermissions,
+        accountOverride: state.accountOverride,
+    }));
+};

package/dist/esm/global-account/react/stores/configStore.d.ts

@@ -0,0 +1,24 @@
+import { CreateOnrampOrderParams } from "../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "../../../global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
+import { ClientType } from "../../client-manager";
+interface ConfigStore {
+    accountOverride?: Account;
+    automaticallySetFirstEoa: boolean;
+    environment: "development" | "production";
+    defaultPermissions: PermissionsConfig;
+    theme: "light" | "dark";
+    clientType: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey: boolean;
+    setConfig: (config: Partial<Omit<ConfigStore, "setConfig">>) => void;
+}
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+export declare const useB3ConfigStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConfigStore>>;
+export {};

package/dist/esm/global-account/react/stores/configStore.js

@@ -0,0 +1,27 @@
+import { create } from "zustand";
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS = {
+    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"],
+    nativeTokenLimitPerTransaction: 0.1,
+    startDate: new Date(),
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+export const useB3ConfigStore = create(set => ({
+    accountOverride: undefined,
+    automaticallySetFirstEoa: false,
+    environment: "development",
+    defaultPermissions: DEFAULT_PERMISSIONS,
+    theme: "light",
+    clientType: "rest",
+    partnerId: "",
+    stripePublishableKey: undefined,
+    createClientReferenceId: undefined,
+    enableTurnkey: false,
+    setConfig: config => set(state => ({ ...state, ...config })),
+}));

package/dist/esm/global-account/react/stores/index.d.ts

@@ -1,4 +1,5 @@
 export { useAuthStore } from "./useAuthStore";
+export { useB3ConfigStore } from "./configStore";
 export { useModalStore } from "./useModalStore";
 export { useRecentAddressesStore } from "./useRecentAddressesStore";
 export type { AnySpendBuySpinProps, AnySpendFundTournamentProps, AnySpendJoinTournamentProps, AnySpendModalProps, AnySpendNftProps, AnySpendOrderHistoryProps, AnySpendStakeB3Props, AnyspendOrderDetailsProps, ManageAccountModalProps, ModalContentType, RequestPermissionsModalProps, SignInWithB3ModalProps, } from "./useModalStore";

package/dist/esm/global-account/react/stores/index.js

@@ -1,3 +1,4 @@
 export { useAuthStore } from "./useAuthStore.js";
+export { useB3ConfigStore } from "./configStore.js";
 export { useModalStore } from "./useModalStore.js";
 export { useRecentAddressesStore } from "./useRecentAddressesStore.js";