@b3dotfun/sdk 0.0.88-alpha.5 → 0.0.88-alpha.6

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

@@ -60,7 +60,7 @@ function AnySpend(props) {
 function AnySpendInner({ sourceChainId, destinationTokenAddress, destinationTokenChainId, mode = "modal", defaultActiveTab = "crypto", loadOrder, hideTransactionHistoryButton, recipientAddress: recipientAddressFromProps, onTokenSelect, onSuccess, customUsdInputValues, hideHeader, hideBottomNavigation = false, disableUrlParamManagement = false, }) {
     const searchParams = (0, react_2.useSearchParamsSSR)();
     const router = (0, react_2.useRouter)();
-    const { partnerId } = (0, react_2.useB3)();
+    const { partnerId } = (0, react_2.useB3Config)();
     const setB3ModalContentType = (0, react_2.useModalStore)(state => state.setB3ModalContentType);
     // Determine if we're in "buy mode" based on whether destination token props are provided
     const isBuyMode = !!(destinationTokenAddress && destinationTokenChainId);

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

@@ -141,7 +141,7 @@ exports.OrderDetails = (0, react_5.memo)(function OrderDetails({ mode = "modal",
     const router = (0, hooks_1.useRouter)();
     const searchParams = (0, hooks_1.useSearchParams)();
     // Get theme from B3Provider context
-    const { theme } = (0, react_1.useB3)();
+    const { theme } = (0, react_1.useB3Config)();
     const colorMode = theme || "light";
     // Read crypto payment method from URL parameters
     const cryptoPaymentMethodFromUrl = searchParams.get("cryptoPaymentMethod");

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

@@ -5,11 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = PaymentStripeWeb2;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const payment_utils_1 = require("../../../../shared/utils/payment.utils");
 const react_1 = require("../../../../anyspend/react");
 const react_2 = require("../../../../global-account/react");
 const number_1 = require("../../../../shared/utils/number");
-const payment_utils_2 = require("../../../../shared/utils/payment.utils");
+const payment_utils_1 = require("../../../../shared/utils/payment.utils");
 const react_stripe_js_1 = require("@stripe/react-stripe-js");
 const lucide_react_1 = require("lucide-react");
 const react_3 = require("react");
@@ -17,7 +16,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, stripePublishableKey } = (0, react_2.useB3)();
+    const { theme, stripePublishableKey } = (0, react_2.useB3Config)();
     const fingerprintConfig = (0, AnySpendFingerprintWrapper_1.getFingerprintConfig)();
     const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } = (0, react_1.useStripeClientSecret)(stripePaymentIntentId);
     if (isLoadingStripeClientSecret) {
@@ -59,7 +58,7 @@ function StripePaymentForm({ order, clientSecret, onPaymentSuccess, }) {
             try {
                 const paymentIntent = await stripe.retrievePaymentIntent(clientSecret);
                 const amount = paymentIntent.paymentIntent?.amount
-                    ? (0, payment_utils_2.formatStripeAmount)(paymentIntent.paymentIntent.amount)
+                    ? (0, payment_utils_1.formatStripeAmount)(paymentIntent.paymentIntent.amount)
                     : null;
                 setAmount(amount);
             }

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOnrampOrder.js

@@ -17,7 +17,7 @@ const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId
  */
 function useAnyspendCreateOnrampOrder({ onSuccess, onError } = {}) {
     // Get B3 context values
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     // Get validated client reference ID from B3 context
     const createValidatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data

package/dist/cjs/anyspend/react/hooks/useAnyspendCreateOrder.js

@@ -15,7 +15,7 @@ const useValidatedClientReferenceId_1 = require("./useValidatedClientReferenceId
  */
 function useAnyspendCreateOrder({ onSuccess, onError } = {}) {
     // Get B3 context values
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     // Get validated client reference ID from B3 context
     const createValidatedClientReferenceId = (0, useValidatedClientReferenceId_1.useValidatedClientReferenceId)();
     // Get fingerprint data

package/dist/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.js

@@ -12,7 +12,7 @@ const react_2 = require("react");
  * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
  */
 function useCreateDepositFirstOrder({ onSuccess, onError } = {}) {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const { data: fpData } = (0, fingerprintjs_pro_react_1.useVisitorData)({ extendedResult: true }, { immediate: true });
     const visitorData = fpData && {
         requestId: fpData.requestId,

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

@@ -9,7 +9,7 @@ const react_2 = require("react");
  * Gets the createClientReferenceId function from B3 context and validates the result
  */
 function useValidatedClientReferenceId() {
-    const { createClientReferenceId } = (0, react_1.useB3)();
+    const { createClientReferenceId } = (0, react_1.useB3Config)();
     const createValidatedClientReferenceId = (0, react_2.useCallback)(async (params) => {
         // If no function provided, return undefined
         if (!createClientReferenceId) {

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

@@ -17,7 +17,6 @@ const framer_motion_1 = require("framer-motion");
 const react_3 = require("react");
 const react_4 = require("thirdweb/react");
 const AvatarEditor_1 = require("./AvatarEditor/AvatarEditor");
-const useB3_1 = require("./B3Provider/useB3");
 const Deposit_1 = require("./Deposit/Deposit");
 const LinkAccount_1 = require("./LinkAccount/LinkAccount");
 const LinkNewAccount_1 = require("./LinkAccount/LinkNewAccount");
@@ -26,8 +25,8 @@ const NotificationsContent_1 = __importDefault(require("./ManageAccount/Notifica
 const RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
 const Send_1 = require("./Send/Send");
 const SignInWithB3Flow_1 = require("./SignInWithB3/SignInWithB3Flow");
-const TurnkeyAuthModal_1 = require("./TurnkeyAuthModal");
 const index_1 = require("./Toast/index");
+const TurnkeyAuthModal_1 = require("./TurnkeyAuthModal");
 const dialog_1 = require("./ui/dialog");
 const drawer_1 = require("./ui/drawer");
 const debug = (0, debug_1.debugB3React)("B3DynamicModal");
@@ -36,7 +35,7 @@ function B3DynamicModal() {
     const setB3ModalOpen = (0, react_2.useModalStore)(state => state.setB3ModalOpen);
     const contentType = (0, react_2.useModalStore)(state => state.contentType);
     const navigateBack = (0, react_2.useModalStore)(state => state.navigateBack);
-    const { theme } = (0, useB3_1.useB3)();
+    const { theme } = (0, react_2.useB3Config)();
     const isMobile = (0, react_2.useIsMobile)();
     const prevIsOpenRef = (0, react_3.useRef)(isOpen);
     const { wallet } = (0, react_2.useGlobalAccount)();

package/dist/cjs/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/cjs/global-account/react/components/B3Provider/AuthenticationProvider.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const hooks_1 = require("../../hooks");
+const useAutoSelectWallet_1 = require("../../hooks/useAutoSelectWallet");
+const AuthenticationProvider = ({ partnerId, automaticallySetFirstEoa, }) => {
+    (0, hooks_1.useAuthentication)(partnerId);
+    (0, useAutoSelectWallet_1.useAutoSelectWallet)({
+        enabled: automaticallySetFirstEoa,
+    });
+    return null;
+};
+exports.default = AuthenticationProvider;

package/dist/cjs/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/cjs/global-account/react/components/B3Provider/B3Provider.js

@@ -1,10 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.B3Provider = B3Provider;
-exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
-const useAutoSelectWallet_1 = require("../../../../global-account/react/hooks/useAutoSelectWallet");
 const createWagmiConfig_1 = require("../../../../global-account/react/utils/createWagmiConfig");
 const analytics_1 = require("../../../../global-account/utils/analytics");
 require("@relayprotocol/relay-kit-ui/styles.css");
@@ -13,19 +14,11 @@ 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 LocalSDKProvider_1 = require("./LocalSDKProvider");
-const types_1 = require("./types");
-/**
- * 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 react_query_1.QueryClient();
 /**
@@ -33,7 +26,23 @@ 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, }) {
+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 - props are static and never change
+    (0, react_2.useEffect)(() => {
+        setConfig({
+            accountOverride,
+            environment: environment ?? "development",
+            automaticallySetFirstEoa: !!automaticallySetFirstEoa,
+            theme,
+            clientType,
+            partnerId,
+            stripePublishableKey,
+            createClientReferenceId,
+            enableTurnkey,
+            defaultPermissions,
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -43,50 +52,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)(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, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
-    const activeAccount = (0, react_3.useActiveAccount)();
-    const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
-    //const isConnected = useAuthStore(state => state.isConnected);
-    //const justCompletedLogin = useAuthStore(state => state.justCompletedLogin);
-    // Note: This fixes a bug where useAuthentication is no longer rendered on every page, as of this PR https://github.com/b3-fun/b3/pull/385/files#diff-3ef996931b8fc8e49021ba1b42ddaa97535214681610dc5fdacf63542e261af7
-    // The above PR removes useAuthentication from the overall B3Provider. useAuthentication should be everywhere the provider is, since it sets the overall auth state
-    // By just calling it manually, we fix that issue
-    // As a follow up, we should fix the SDK directly
-    (0, react_1.useAuthentication)(partnerId);
-    // 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
-    (0, useAutoSelectWallet_1.useAutoSelectWallet)({
-        enabled: automaticallySetFirstEoa,
-    });
-    return ((0, jsx_runtime_1.jsx)(types_1.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 ((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.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/cjs/global-account/react/components/B3Provider/B3Provider.native.js

@@ -1,54 +1,57 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 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 LocalSDKProvider_1 = require("./LocalSDKProvider");
-const types_1 = require("./types");
-/**
- * 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 react_query_1.QueryClient();
 /**
  * Main B3Provider component
  */
-function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, }) {
-    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.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, clientType: clientType, partnerId: partnerId, rpcUrls: rpcUrls, children: children }) }) }));
+function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
+    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 that provides the actual B3Context
+ * Inner provider component for native
  */
-function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
-    const activeAccount = (0, react_1.useActiveAccount)();
-    //const { user, setUser, refetchUser } = useAuthentication(partnerId);
+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 });
-    // Use given accountOverride or activeAccount from thirdweb
-    const effectiveAccount = accountOverride || activeAccount;
-    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)(types_1.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
+    (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

@@ -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/cjs/global-account/react/components/B3Provider/useB3.js

@@ -1,18 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3 = useB3;
-const react_1 = require("react");
-const types_1 = require("./types");
+const useB3Config_1 = require("./useB3Config");
 /**
- * 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.
  */
 function useB3() {
-    const context = (0, react_1.useContext)(types_1.B3Context);
-    if (!context.initialized) {
-        throw new Error("useB3 must be used within a B3Provider");
-    }
-    // Return a stable reference
-    return (0, react_1.useMemo)(() => context, [context]);
+    return (0, useB3Config_1.useB3Config)();
 }

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

@@ -2,9 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3Account = void 0;
 const react_1 = require("thirdweb/react");
+const useAuthStore_1 = require("../../stores/useAuthStore");
 // Wrapper around useActiveAccount
 const useB3Account = () => {
-    const account = (0, react_1.useActiveAccount)();
-    return account;
+    const isAuthenticated = (0, useAuthStore_1.useAuthStore)(state => state.isAuthenticated);
+    const activeAccount = (0, react_1.useActiveAccount)();
+    const effectiveAccount = isAuthenticated ? activeAccount : undefined;
+    return effectiveAccount;
 };
 exports.useB3Account = useB3Account;

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

@@ -1,9 +1,17 @@
+/**
+ * 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" | undefined;
+    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 | 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,23 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3Config = void 0;
-const react_1 = require("react");
-const types_1 = require("./types");
+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 = () => {
-    const context = (0, react_1.useContext)(types_1.B3Context);
-    if (!context) {
-        throw new Error("useB3 must be used within a B3Provider");
-    }
-    const { automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey, } = context;
-    // Return a stable reference
-    return (0, react_1.useMemo)(() => ({
-        automaticallySetFirstEoa,
-        environment,
-        theme,
-        clientType,
-        partnerId,
-        createClientReferenceId,
-        enableTurnkey,
-    }), [automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey]);
+    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/components/ManageAccount/ProfileSection.js

@@ -17,8 +17,7 @@ const ProfileSection = () => {
         address: eoaAddress || account?.address,
         fresh: true,
     });
-    const { partnerId } = (0, react_1.useB3Config)();
-    const { user } = (0, react_1.useAuthentication)(partnerId);
+    const { user } = (0, react_1.useUser)();
     const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
     const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
     const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);

package/dist/cjs/global-account/react/components/ManageAccount/channels/DiscordChannel.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DiscordChannel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../../global-account/react");
 const debug_1 = require("../../../../../shared/utils/debug");
-const react_1 = require("react");
+const react_2 = require("react");
 const notificationsAPI_1 = require("../../../utils/notificationsAPI");
-const useB3_1 = require("../../B3Provider/useB3");
 const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("DiscordChannel");
 const DiscordChannel = ({ userId, jwtToken, discordChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, useB3_1.useB3)();
-    const [discordId, setDiscordId] = (0, react_1.useState)("");
-    const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
-    const [showInput, setShowInput] = (0, react_1.useState)(false);
+    const { partnerId } = (0, react_1.useB3Config)();
+    const [discordId, setDiscordId] = (0, react_2.useState)("");
+    const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
+    const [showInput, setShowInput] = (0, react_2.useState)(false);
     // Detect if we're disconnecting
     const isDisconnecting = isConnected && !isOptimisticallyConnected;
     const handleConnect = async () => {

package/dist/cjs/global-account/react/components/ManageAccount/channels/EmailChannel.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmailChannel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../../global-account/react");
 const debug_1 = require("../../../../../shared/utils/debug");
-const react_1 = require("react");
+const react_2 = require("react");
 const notificationsAPI_1 = require("../../../utils/notificationsAPI");
-const useB3_1 = require("../../B3Provider/useB3");
 const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("EmailChannel");
@@ -14,11 +14,11 @@ const validateEmail = (email) => {
     return emailRegex.test(email);
 };
 const EmailChannel = ({ userId, jwtToken, emailChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, useB3_1.useB3)();
-    const [email, setEmail] = (0, react_1.useState)("");
-    const [emailError, setEmailError] = (0, react_1.useState)(null);
-    const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
-    const [showInput, setShowInput] = (0, react_1.useState)(false);
+    const { partnerId } = (0, react_1.useB3Config)();
+    const [email, setEmail] = (0, react_2.useState)("");
+    const [emailError, setEmailError] = (0, react_2.useState)(null);
+    const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
+    const [showInput, setShowInput] = (0, react_2.useState)(false);
     // Detect if we're disconnecting by comparing real vs optimistic state
     const isDisconnecting = isConnected && !isOptimisticallyConnected;
     const handleConnect = async () => {