@b3dotfun/sdk 0.0.88 → 0.0.89-alpha.0

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

@@ -0,0 +1,37 @@
+import type { GasPriceData } from "../../types/gas";
+export interface UseGasPriceOptions {
+    /** Refetch interval in ms (default: 10000 = 10s) */
+    refetchInterval?: number;
+    /** Whether to enable the query (default: true if chainId is supported) */
+    enabled?: boolean;
+}
+export interface UseGasPriceResult {
+    /** Gas price data */
+    gasPrice: GasPriceData | undefined;
+    /** Whether the query is loading */
+    isLoading: boolean;
+    /** Whether there's an error */
+    isError: boolean;
+    /** Error object if any */
+    error: Error | null;
+    /** Whether gas is currently spiking */
+    isSpike: boolean;
+    /** Refetch function */
+    refetch: () => void;
+}
+/**
+ * React hook to fetch current gas price for a chain.
+ *
+ * @param chainId - The chain ID to fetch gas price for
+ * @param options - Optional configuration
+ *
+ * @example
+ * ```tsx
+ * const { gasPrice, isSpike, isLoading } = useGasPrice(8453); // Base
+ *
+ * if (isSpike) {
+ *   return <Warning>Gas prices are high: {gasPrice?.recommendation}</Warning>;
+ * }
+ * ```
+ */
+export declare function useGasPrice(chainId: number | undefined, options?: UseGasPriceOptions): UseGasPriceResult;

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

@@ -0,0 +1,40 @@
+import { useQuery } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { gasService, isGasOracleSupported } from "../../services/gas.js";
+/**
+ * React hook to fetch current gas price for a chain.
+ *
+ * @param chainId - The chain ID to fetch gas price for
+ * @param options - Optional configuration
+ *
+ * @example
+ * ```tsx
+ * const { gasPrice, isSpike, isLoading } = useGasPrice(8453); // Base
+ *
+ * if (isSpike) {
+ *   return <Warning>Gas prices are high: {gasPrice?.recommendation}</Warning>;
+ * }
+ * ```
+ */
+export function useGasPrice(chainId, options = {}) {
+    const { refetchInterval = 10000, enabled } = options;
+    const isSupported = chainId !== undefined && isGasOracleSupported(chainId);
+    const queryEnabled = enabled ?? isSupported;
+    const { data, isLoading, isError, error, refetch } = useQuery({
+        queryKey: ["gasPrice", chainId],
+        queryFn: () => gasService.fetch(chainId),
+        enabled: queryEnabled && chainId !== undefined,
+        refetchInterval,
+        staleTime: 5000, // Consider data fresh for 5s
+        retry: 2,
+        refetchOnWindowFocus: true,
+    });
+    return useMemo(() => ({
+        gasPrice: data,
+        isLoading,
+        isError,
+        error: error,
+        isSpike: data?.isSpike ?? false,
+        refetch,
+    }), [data, isLoading, isError, error, refetch]);
+}

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

@@ -1,12 +1,12 @@
 import { Validators } from "../../../anyspend/utils/validation.js";
-import { useB3 } from "../../../global-account/react/index.js";
+import { useB3Config } from "../../../global-account/react/index.js";
 import { useCallback } from "react";
 /**
  * Hook that provides a validated client reference ID
  * Gets the createClientReferenceId function from B3 context and validates the result
  */
 export function useValidatedClientReferenceId() {
-    const { createClientReferenceId } = useB3();
+    const { createClientReferenceId } = useB3Config();
     const createValidatedClientReferenceId = useCallback(async (params) => {
         // If no function provided, return undefined
         if (!createClientReferenceId) {

package/dist/esm/anyspend/services/gas.d.ts

@@ -0,0 +1,21 @@
+import type { GasOracleResponse, GasPriceData } from "../types/gas";
+/** Supported chain IDs for gas oracle */
+export declare const GAS_ORACLE_SUPPORTED_CHAINS: readonly [1, 137, 42161, 8453, 56, 10, 43114, 8333, 2741, 4689, 3338, 1329];
+export type GasOracleSupportedChainId = (typeof GAS_ORACLE_SUPPORTED_CHAINS)[number];
+/** Check if a chain is supported by the gas oracle */
+export declare function isGasOracleSupported(chainId: number): chainId is GasOracleSupportedChainId;
+/** Fetch gas price data from the gas oracle */
+export declare function fetchGasPrice(chainId: number): Promise<GasOracleResponse>;
+/** Transform raw oracle response to simplified UI data */
+export declare function toGasPriceData(response: GasOracleResponse): GasPriceData;
+/** Gas service for fetching and transforming gas data */
+export declare const gasService: {
+    /** Fetch raw gas oracle response */
+    fetchRaw: typeof fetchGasPrice;
+    /** Fetch and transform to UI-friendly format */
+    fetch: (chainId: number) => Promise<GasPriceData>;
+    /** Check if chain is supported */
+    isSupported: typeof isGasOracleSupported;
+    /** List of supported chain IDs */
+    supportedChains: readonly [1, 137, 42161, 8453, 56, 10, 43114, 8333, 2741, 4689, 3338, 1329];
+};

package/dist/esm/anyspend/services/gas.js

@@ -0,0 +1,59 @@
+import { GAS_ORACLE_BASE_URL } from "../constants/index.js";
+/** Supported chain IDs for gas oracle */
+export const GAS_ORACLE_SUPPORTED_CHAINS = [
+    1, // Ethereum
+    137, // Polygon
+    42161, // Arbitrum
+    8453, // Base
+    56, // BSC
+    10, // Optimism
+    43114, // Avalanche
+    8333, // B3
+    2741, // Abstract
+    4689, // IoTeX
+    3338, // Peaq
+    1329, // Sei
+];
+/** Check if a chain is supported by the gas oracle */
+export function isGasOracleSupported(chainId) {
+    return GAS_ORACLE_SUPPORTED_CHAINS.includes(chainId);
+}
+/** Fetch gas price data from the gas oracle */
+export async function fetchGasPrice(chainId) {
+    const response = await fetch(`${GAS_ORACLE_BASE_URL}/gas/${chainId}`);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch gas price for chain ${chainId}: ${response.status}`);
+    }
+    return response.json();
+}
+/** Transform raw oracle response to simplified UI data */
+export function toGasPriceData(response) {
+    const { analysis } = response;
+    const isSpike = analysis.level === "elevated" || analysis.level === "high" || analysis.level === "spike";
+    return {
+        chainId: response.chainId,
+        chainName: response.chainName,
+        gasPriceGwei: response.gasPrice.standard,
+        baseFeeGwei: response.eip1559?.baseFee,
+        level: analysis.level,
+        isSpike,
+        recommendation: analysis.recommendation,
+        vsMedian: analysis.vs1h, // Use 1h as primary comparison
+        source: response.source,
+        timestamp: response.timestamp,
+    };
+}
+/** Gas service for fetching and transforming gas data */
+export const gasService = {
+    /** Fetch raw gas oracle response */
+    fetchRaw: fetchGasPrice,
+    /** Fetch and transform to UI-friendly format */
+    fetch: async (chainId) => {
+        const response = await fetchGasPrice(chainId);
+        return toGasPriceData(response);
+    },
+    /** Check if chain is supported */
+    isSupported: isGasOracleSupported,
+    /** List of supported chain IDs */
+    supportedChains: GAS_ORACLE_SUPPORTED_CHAINS,
+};

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

@@ -0,0 +1,61 @@
+/** Gas level classification based on historical percentiles */
+export type GasLevel = "low" | "normal" | "elevated" | "high" | "spike";
+/** Gas prices in Gwei for different speed tiers */
+export interface GasPrices {
+    low: string;
+    standard: string;
+    fast: string;
+    instant?: string;
+}
+/** EIP-1559 specific gas data */
+export interface Eip1559Data {
+    baseFee: string;
+    maxPriorityFee: GasPrices;
+    maxFee: GasPrices;
+}
+/** Spike analysis comparing current gas to historical data */
+export interface GasSpikeAnalysis {
+    level: GasLevel;
+    percentile: number;
+    /** Ratio to 1h median (primary spike detection) */
+    vs1h: number;
+    /** Ratio to 4h median (short-term context) */
+    vs4h: number;
+    /** Ratio to 24h median (daily context) */
+    vs24h: number;
+    recommendation: string;
+}
+/** Full gas response from the gas oracle */
+export interface GasOracleResponse {
+    chainId: number;
+    chainName: string;
+    timestamp: string;
+    blockNumber?: number;
+    source: "blocknative" | "rpc";
+    gasPrice: GasPrices;
+    eip1559?: Eip1559Data;
+    analysis: GasSpikeAnalysis;
+    cached: boolean;
+    cacheAge?: number;
+}
+/** Simplified gas data for UI display */
+export interface GasPriceData {
+    chainId: number;
+    chainName: string;
+    /** Standard gas price in Gwei */
+    gasPriceGwei: string;
+    /** Base fee in Gwei (EIP-1559 chains) */
+    baseFeeGwei?: string;
+    /** Gas level classification */
+    level: GasLevel;
+    /** Whether gas is currently spiking (elevated, high, or spike) */
+    isSpike: boolean;
+    /** Human-readable recommendation */
+    recommendation: string;
+    /** Ratio to recent median (1 = normal, >1.5 = elevated) */
+    vsMedian: number;
+    /** Data source */
+    source: "blocknative" | "rpc";
+    /** Timestamp of the data */
+    timestamp: string;
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -4,14 +4,13 @@ import { AnySpendDepositHype } from "../../../anyspend/react/components/Anyspend
 import { AnySpendDepositUpside } from "../../../anyspend/react/components/AnySpendDepositUpside.js";
 import { AnySpendStakeUpside } from "../../../anyspend/react/components/AnySpendStakeUpside.js";
 import { AnySpendStakeUpsideExactIn } from "../../../anyspend/react/components/AnySpendStakeUpsideExactIn.js";
-import { useGlobalAccount, useIsMobile, useModalStore } from "../../../global-account/react/index.js";
+import { useB3Config, useGlobalAccount, useIsMobile, useModalStore } from "../../../global-account/react/index.js";
 import { cn } from "../../../shared/utils/cn.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { AnimatePresence, motion } from "framer-motion";
 import { useEffect, useRef } from "react";
 import { useSetActiveWallet } from "thirdweb/react";
 import { AvatarEditor } from "./AvatarEditor/AvatarEditor.js";
-import { useB3 } from "./B3Provider/useB3.js";
 import { Deposit } from "./Deposit/Deposit.js";
 import { LinkAccount } from "./LinkAccount/LinkAccount.js";
 import { LinkNewAccount } from "./LinkAccount/LinkNewAccount.js";
@@ -20,8 +19,8 @@ import NotificationsContent from "./ManageAccount/NotificationsContent.js";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions.js";
 import { Send } from "./Send/Send.js";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow.js";
-import { TurnkeyAuthModal } from "./TurnkeyAuthModal.js";
 import { ToastContainer, useToastContext } from "./Toast/index.js";
+import { TurnkeyAuthModal } from "./TurnkeyAuthModal.js";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog.js";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer.js";
 const debug = debugB3React("B3DynamicModal");
@@ -30,7 +29,7 @@ export function B3DynamicModal() {
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
     const contentType = useModalStore(state => state.contentType);
     const navigateBack = useModalStore(state => state.navigateBack);
-    const { theme } = useB3();
+    const { theme } = useB3Config();
     const isMobile = useIsMobile();
     const prevIsOpenRef = useRef(isOpen);
     const { wallet } = useGlobalAccount();

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

@@ -0,0 +1,5 @@
+declare const AuthenticationProvider: ({ partnerId, automaticallySetFirstEoa, }: {
+    partnerId: string;
+    automaticallySetFirstEoa: boolean;
+}) => null;
+export default AuthenticationProvider;

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

@@ -0,0 +1,10 @@
+import { useAuthentication } from "../../hooks/index.js";
+import { useAutoSelectWallet } from "../../hooks/useAutoSelectWallet.js";
+const AuthenticationProvider = ({ partnerId, automaticallySetFirstEoa, }) => {
+    useAuthentication(partnerId);
+    useAutoSelectWallet({
+        enabled: automaticallySetFirstEoa,
+    });
+    return null;
+};
+export default AuthenticationProvider;

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

@@ -5,15 +5,14 @@ import "@relayprotocol/relay-kit-ui/styles.css";
 import { Account, Wallet } from "thirdweb/wallets";
 import { CreateConnectorFn } from "wagmi";
 import { ClientType } from "../../../client-manager";
-import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster: _toaster, clientType, rpcUrls, partnerId, stripePublishableKey, 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, defaultPermissions, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment: B3ContextType["environment"];
+    environment?: "development" | "production";
     automaticallySetFirstEoa?: boolean;
     simDuneApiKey?: string;
     toaster?: {
@@ -30,20 +29,5 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     overrideDefaultConnectors?: boolean;
     createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
     enableTurnkey?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * Inner provider component that provides the actual B3Context
- */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
-    children: React.ReactNode;
-    accountOverride?: Account;
-    environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
-    automaticallySetFirstEoa: boolean;
-    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

@@ -1,27 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "../../../../global-account/react/index.js";
-import { useAutoSelectWallet } from "../../../../global-account/react/hooks/useAutoSelectWallet.js";
+import { RelayKitProviderWrapper, TooltipProvider } from "../../../../global-account/react/index.js";
 import { createWagmiConfig } from "../../../../global-account/react/utils/createWagmiConfig.js";
 import { loadGA4Script } from "../../../../global-account/utils/analytics.js";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useEffect, useMemo } from "react";
-import { ThirdwebProvider, useActiveAccount } from "thirdweb/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 { LocalSDKProvider } from "./LocalSDKProvider.js";
-import { B3Context } from "./types.js";
-/**
- * Default permissions configuration for B3 provider
- */
-const DEFAULT_PERMISSIONS = {
-    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
-    nativeTokenLimitPerTransaction: 0.1, // in ETH
-    startDate: new Date(),
-    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
-};
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
@@ -29,7 +20,35 @@ 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, }) {
+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();
@@ -39,45 +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(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, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
-    const activeAccount = useActiveAccount();
-    const isAuthenticated = useAuthStore(state => state.isAuthenticated);
-    //const isConnected = useAuthStore(state => state.isConnected);
-    //const justCompletedLogin = useAuthStore(state => state.justCompletedLogin);
-    // Use given accountOverride or activeAccount from thirdweb
-    // WOJ: why if isAuthenticated is false, we don't use activeAccount, which should be undefined?
-    // skip isAuthenticated check ?
-    const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
-    // Wrapper to set active wallet via thirdweb
-    // Note: `wallet` in context is deprecated - use useActiveWallet() from thirdweb/react instead
-    // Auto-select first EOA wallet when enabled
-    useAutoSelectWallet({
-        enabled: automaticallySetFirstEoa,
-    });
-    return (_jsx(B3Context.Provider, { value: {
-            account: effectiveAccount,
-            // setWallet,
-            //wallet: undefined, // Deprecated: use useActiveWallet() from thirdweb/react instead
-            //user,
-            //setUser,
-            //refetchUser,
-            initialized: true,
-            ready: !!effectiveAccount,
-            automaticallySetFirstEoa,
-            environment,
-            defaultPermissions,
-            theme,
-            clientType,
-            partnerId: partnerId,
-            stripePublishableKey,
-            createClientReferenceId,
-            enableTurnkey,
-        }, children: children }));
+    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.d.ts

@@ -1,27 +1,27 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
-import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, defaultPermissions, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment: B3ContextType["environment"];
+    environment?: "development" | "production";
     clientType?: ClientType;
     partnerId: string;
     rpcUrls?: Record<number, string>;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
+    defaultPermissions?: PermissionsConfig;
 }): import("react/jsx-runtime").JSX.Element;
 /**
- * Inner provider component that provides the actual B3Context
+ * Inner provider component for native
  */
 export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, clientType, partnerId, rpcUrls, }: {
     children: React.ReactNode;
     accountOverride?: Account;
-    environment: B3ContextType["environment"];
+    environment?: "development" | "production";
     defaultPermissions?: PermissionsConfig;
     theme: "light" | "dark";
     clientType?: ClientType;

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

@@ -1,50 +1,50 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
+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 { LocalSDKProvider } from "./LocalSDKProvider.js";
-import { B3Context } from "./types.js";
-/**
- * Default permissions configuration for B3 provider
- */
-const DEFAULT_PERMISSIONS = {
-    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
-    nativeTokenLimitPerTransaction: 0.1, // in ETH
-    startDate: new Date(),
-    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
-};
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, }) {
-    return (_jsx(ThirdwebProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, clientType: clientType, partnerId: partnerId, rpcUrls: rpcUrls, children: children }) }) }));
+export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
+    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 that provides the actual B3Context
+ * Inner provider component for native
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
-    const activeAccount = useActiveAccount();
-    //const { user, setUser, refetchUser } = useAuthentication(partnerId);
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
+    const setConfig = useB3ConfigStore(state => state.setConfig);
     const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls });
-    // Use given accountOverride or activeAccount from thirdweb
-    const effectiveAccount = accountOverride || activeAccount;
-    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(B3Context.Provider, { value: {
-                    //account: effectiveAccount,
-                    automaticallySetFirstEoa: false,
-                    //setWallet: () => {},
-                    wallet: undefined,
-                    //user,
-                    //setUser,
-                    initialized: true,
-                    ready: !!effectiveAccount,
-                    environment,
-                    defaultPermissions,
-                    theme,
-                    clientType,
-                    partnerId,
-                    //refetchUser,
-                }, 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/RelayKitProviderWrapper.js

@@ -11,6 +11,8 @@ export function RelayKitProviderWrapper({ children, simDuneApiKey, }) {
         };
         fetchChains();
     }, []);
+    const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
+    const appName = isTurnkeyPrimary ? "Smart Wallet" : "AnySpend";
     return (_jsx(RelayKitProvider, { options: {
             baseApiUrl: MAINNET_RELAY_API,
             source: "anyspend",
@@ -20,7 +22,7 @@ export function RelayKitProviderWrapper({ children, simDuneApiKey, }) {
             },
             chains: relayChains,
             privateChainIds: undefined,
-            appName: "AnySpend",
+            appName,
             useGasFeeEstimations: true,
         }, children: _jsx(_Fragment, { children: children }) }));
 }

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

@@ -1,6 +1,16 @@
 /**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- * @deprecated Use useB3Config or useB3Account instead
+ * Hook to access the B3 configuration
+ * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
  */
-export declare function useB3(): import("./types").B3ContextType;
+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/useB3.js

@@ -1,15 +1,8 @@
-import { useContext, useMemo } from "react";
-import { B3Context } from "./types.js";
+import { useB3Config } from "./useB3Config.js";
 /**
- * Hook to access the B3 context
- * @throws Error if used outside a B3Provider
- * @deprecated Use useB3Config or useB3Account instead
+ * Hook to access the B3 configuration
+ * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
  */
 export function useB3() {
-    const context = useContext(B3Context);
-    if (!context.initialized) {
-        throw new Error("useB3 must be used within a B3Provider");
-    }
-    // Return a stable reference
-    return useMemo(() => context, [context]);
+    return useB3Config();
 }

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

@@ -1,6 +1,9 @@
 import { useActiveAccount } from "thirdweb/react";
+import { useAuthStore } from "../../stores/useAuthStore.js";
 // Wrapper around useActiveAccount
 export const useB3Account = () => {
-    const account = useActiveAccount();
-    return account;
+    const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+    const activeAccount = useActiveAccount();
+    const effectiveAccount = isAuthenticated ? activeAccount : undefined;
+    return effectiveAccount;
 };