@b3dotfun/sdk 0.1.0-alpha.2 → 0.1.0

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

@@ -9,7 +9,23 @@ export interface GasIndicatorProps {
   className?: string;
 }
 
-function formatGwei(gweiString: string): string {
+const LEVEL_LABELS: Record<GasPriceData["level"], string> = {
+  low: "Low",
+  normal: "Normal",
+  elevated: "Elevated",
+  high: "High",
+  spike: "Spike",
+};
+
+const LEVEL_STYLES: Record<GasPriceData["level"], string> = {
+  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: string): string {
   const gwei = parseFloat(gweiString);
   if (gwei < 0.001) return "<0.001";
   if (gwei < 1) return gwei.toFixed(3);
@@ -18,23 +34,26 @@ function formatGwei(gweiString: string): string {
 }
 
 export function GasIndicator({ gasPrice, className }: GasIndicatorProps) {
-  // Only show when gas is high or spike
-  if (!["high", "spike"].includes(gasPrice.level)) {
-    return null;
-  }
-
   return (
     <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)}
+      className={cn(
+        "flex items-center justify-between rounded-lg px-3 py-2",
+        gasPrice.isSpike ? "bg-yellow-500/10" : "bg-as-surface-secondary",
+        className,
+      )}
     >
-      <div className="flex items-center justify-between">
-        <span className="text-xs font-medium text-orange-500">Gas is high - transaction may fail or cost more</span>
-        <span className="text-xs font-medium text-orange-500">{formatGwei(gasPrice.gasPriceGwei)} Gwei</span>
+      <div className="flex items-center gap-2">
+        <span className="text-as-secondary text-xs">Gas on {gasPrice.chainName}</span>
+      </div>
+      <div className="flex items-center gap-2">
+        <span className={cn("rounded px-1.5 py-0.5 text-xs font-medium", LEVEL_STYLES[gasPrice.level])}>
+          {LEVEL_LABELS[gasPrice.level]}
+        </span>
+        <span className="text-as-primary text-xs font-medium">{formatGasPrice(gasPrice.gasPriceGwei)} Gwei</span>
       </div>
-      <span className="text-as-secondary text-xs">Consider swapping later for better rates</span>
     </motion.div>
   );
 }

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

@@ -1,14 +1,15 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useEffect } from "react";
 import { ThirdwebProvider } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
 
 import { ClientType } from "../../../client-manager";
 
 import { WagmiProvider } from "wagmi";
+import { useB3ConfigStore } from "../../stores/configStore";
 import { createWagmiConfig } from "../../utils/createWagmiConfig";
 import AuthenticationProvider from "./AuthenticationProvider";
-import { B3ConfigProvider } from "./B3ConfigProvider";
 import { LocalSDKProvider } from "./LocalSDKProvider";
 
 // Create queryClient instance
@@ -38,23 +39,28 @@ export function B3Provider({
   onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
   defaultPermissions?: PermissionsConfig;
 }) {
+  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 (
     <ThirdwebProvider>
       <LocalSDKProvider onConnectCallback={onConnect}>
-        <B3ConfigProvider
-          accountOverride={accountOverride}
-          environment={environment}
-          automaticallySetFirstEoa={false}
-          theme={theme}
-          clientType={clientType}
-          partnerId={partnerId}
-          defaultPermissions={defaultPermissions}
-        >
-          {/* <RelayKitProviderWrapper> */}
-          {children}
-          <AuthenticationProvider partnerId={partnerId} automaticallySetFirstEoa={false} />
-          {/* </RelayKitProviderWrapper> */}
-        </B3ConfigProvider>
+        {/* <RelayKitProviderWrapper> */}
+        {children}
+        <AuthenticationProvider partnerId={partnerId} automaticallySetFirstEoa={false} />
+        {/* </RelayKitProviderWrapper> */}
       </LocalSDKProvider>
     </ThirdwebProvider>
   );
@@ -82,23 +88,25 @@ export function InnerProvider({
   partnerId: string;
   rpcUrls?: Record<number, string>;
 }) {
+  const setConfig = useB3ConfigStore(state => state.setConfig);
   const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls });
 
+  // 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 (
     <WagmiProvider config={wagmiConfig}>
-      <QueryClientProvider client={queryClient}>
-        <B3ConfigProvider
-          accountOverride={accountOverride}
-          environment={environment}
-          automaticallySetFirstEoa={false}
-          theme={theme}
-          clientType={clientType}
-          partnerId={partnerId}
-          defaultPermissions={defaultPermissions}
-        >
-          {children}
-        </B3ConfigProvider>
-      </QueryClientProvider>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
     </WagmiProvider>
   );
 }

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

@@ -11,10 +11,10 @@ import { ThirdwebProvider } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
 import { CreateConnectorFn, WagmiProvider } from "wagmi";
 import { ClientType, setClientType } from "../../../client-manager";
+import { useB3ConfigStore } from "../../stores/configStore";
 import { StyleRoot } from "../StyleRoot";
 import { setToastContext, ToastProvider, useToastContext } from "../Toast/index";
 import AuthenticationProvider from "./AuthenticationProvider";
-import { B3ConfigProvider } from "./B3ConfigProvider";
 import { LocalSDKProvider } from "./LocalSDKProvider";
 
 // Create queryClient instance
@@ -65,6 +65,36 @@ export function B3Provider({
   enableTurnkey?: boolean;
   defaultPermissions?: PermissionsConfig;
 }) {
+  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();
@@ -87,26 +117,13 @@ export function B3Provider({
           <TooltipProvider>
             <ToastProvider>
               <LocalSDKProvider onConnectCallback={onConnect}>
-                <B3ConfigProvider
-                  accountOverride={accountOverride}
-                  environment={environment}
-                  automaticallySetFirstEoa={!!automaticallySetFirstEoa}
-                  theme={theme}
-                  clientType={clientType}
-                  partnerId={partnerId}
-                  stripePublishableKey={stripePublishableKey}
-                  createClientReferenceId={createClientReferenceId}
-                  enableTurnkey={enableTurnkey}
-                  defaultPermissions={defaultPermissions}
-                >
-                  <ToastContextConnector />
-                  <RelayKitProviderWrapper simDuneApiKey={simDuneApiKey}>
-                    {children}
-                    {/* For the modal https://github.com/b3-fun/b3/blob/main/packages/sdk/src/global-account/react/components/ui/dialog.tsx#L46 */}
-                    <StyleRoot id="b3-root" />
-                  </RelayKitProviderWrapper>
-                  <AuthenticationProvider partnerId={partnerId} automaticallySetFirstEoa={!!automaticallySetFirstEoa} />
-                </B3ConfigProvider>
+                <ToastContextConnector />
+                <RelayKitProviderWrapper simDuneApiKey={simDuneApiKey}>
+                  {children}
+                  {/* For the modal https://github.com/b3-fun/b3/blob/main/packages/sdk/src/global-account/react/components/ui/dialog.tsx#L46 */}
+                  <StyleRoot id="b3-root" />
+                </RelayKitProviderWrapper>
+                <AuthenticationProvider partnerId={partnerId} automaticallySetFirstEoa={!!automaticallySetFirstEoa} />
               </LocalSDKProvider>
             </ToastProvider>
           </TooltipProvider>

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

@@ -1 +1,21 @@
-export { useB3Config } from "./B3ConfigProvider";
+import { useB3ConfigStore } from "../../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
+ */
+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/src/global-account/react/stores/configStore.ts

@@ -0,0 +1,51 @@
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
+import { create } from "zustand";
+import { ClientType } from "../../client-manager";
+
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS: PermissionsConfig = {
+  approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"],
+  nativeTokenLimitPerTransaction: 0.1,
+  startDate: new Date(),
+  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
+
+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;
+
+  // Actions
+  setConfig: (config: Partial<Omit<ConfigStore, "setConfig">>) => void;
+}
+
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+export const useB3ConfigStore = create<ConfigStore>(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/src/global-account/react/stores/index.ts

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

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

@@ -1,31 +0,0 @@
-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";
-export interface B3ConfigContextType {
-    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;
-}
-export declare function B3ConfigProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
-    children: React.ReactNode;
-    accountOverride?: Account;
-    environment?: "development" | "production";
-    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;
-export declare function useB3Config(): B3ConfigContextType;

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.B3ConfigProvider = B3ConfigProvider;
-exports.useB3Config = useB3Config;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-/**
- * 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
-};
-const B3ConfigContext = (0, react_1.createContext)(null);
-function B3ConfigProvider({ children, accountOverride, environment = "development", defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa = false, theme = "light", clientType = "rest", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey = false, }) {
-    return ((0, jsx_runtime_1.jsx)(B3ConfigContext.Provider, { value: {
-            accountOverride,
-            environment,
-            defaultPermissions,
-            automaticallySetFirstEoa,
-            theme,
-            clientType,
-            partnerId,
-            stripePublishableKey,
-            createClientReferenceId,
-            enableTurnkey,
-        }, children: children }));
-}
-function useB3Config() {
-    const context = (0, react_1.useContext)(B3ConfigContext);
-    if (!context) {
-        throw new Error("useB3Config must be used within a B3ConfigProvider");
-    }
-    return context;
-}

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

@@ -1,31 +0,0 @@
-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";
-export interface B3ConfigContextType {
-    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;
-}
-export declare function B3ConfigProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
-    children: React.ReactNode;
-    accountOverride?: Account;
-    environment?: "development" | "production";
-    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;
-export declare function useB3Config(): B3ConfigContextType;

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

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-/**
- * 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
-};
-const B3ConfigContext = createContext(null);
-export function B3ConfigProvider({ children, accountOverride, environment = "development", defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa = false, theme = "light", clientType = "rest", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey = false, }) {
-    return (_jsx(B3ConfigContext.Provider, { value: {
-            accountOverride,
-            environment,
-            defaultPermissions,
-            automaticallySetFirstEoa,
-            theme,
-            clientType,
-            partnerId,
-            stripePublishableKey,
-            createClientReferenceId,
-            enableTurnkey,
-        }, children: children }));
-}
-export function useB3Config() {
-    const context = useContext(B3ConfigContext);
-    if (!context) {
-        throw new Error("useB3Config must be used within a B3ConfigProvider");
-    }
-    return context;
-}

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

@@ -1,31 +0,0 @@
-import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import { Account } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-export interface B3ConfigContextType {
-    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;
-}
-export declare function B3ConfigProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }: {
-    children: React.ReactNode;
-    accountOverride?: Account;
-    environment?: "development" | "production";
-    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;
-export declare function useB3Config(): B3ConfigContextType;

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

@@ -1,84 +0,0 @@
-import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import { createContext, useContext } from "react";
-import { Account } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-
-/**
- * Default permissions configuration for B3 provider
- */
-const DEFAULT_PERMISSIONS: PermissionsConfig = {
-  approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"],
-  nativeTokenLimitPerTransaction: 0.1,
-  startDate: new Date(),
-  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
-};
-
-export interface B3ConfigContextType {
-  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;
-}
-
-const B3ConfigContext = createContext<B3ConfigContextType | null>(null);
-
-export function B3ConfigProvider({
-  children,
-  accountOverride,
-  environment = "development",
-  defaultPermissions = DEFAULT_PERMISSIONS,
-  automaticallySetFirstEoa = false,
-  theme = "light",
-  clientType = "rest",
-  partnerId,
-  stripePublishableKey,
-  createClientReferenceId,
-  enableTurnkey = false,
-}: {
-  children: React.ReactNode;
-  accountOverride?: Account;
-  environment?: "development" | "production";
-  defaultPermissions?: PermissionsConfig;
-  automaticallySetFirstEoa?: boolean;
-  theme?: "light" | "dark";
-  clientType?: ClientType;
-  partnerId: string;
-  stripePublishableKey?: string;
-  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-  enableTurnkey?: boolean;
-}) {
-  return (
-    <B3ConfigContext.Provider
-      value={{
-        accountOverride,
-        environment,
-        defaultPermissions,
-        automaticallySetFirstEoa,
-        theme,
-        clientType,
-        partnerId,
-        stripePublishableKey,
-        createClientReferenceId,
-        enableTurnkey,
-      }}
-    >
-      {children}
-    </B3ConfigContext.Provider>
-  );
-}
-
-export function useB3Config(): B3ConfigContextType {
-  const context = useContext(B3ConfigContext);
-  if (!context) {
-    throw new Error("useB3Config must be used within a B3ConfigProvider");
-  }
-  return context;
-}