@b3dotfun/sdk 0.0.88-alpha.0 → 0.0.88-alpha.10

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,35 @@ 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
+    (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)();
@@ -43,45 +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)(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);
-    // 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/RelayKitProviderWrapper.js

@@ -14,6 +14,8 @@ function RelayKitProviderWrapper({ children, simDuneApiKey, }) {
         };
         fetchChains();
     }, []);
+    const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
+    const appName = isTurnkeyPrimary ? "Smart Wallet" : "AnySpend";
     return ((0, jsx_runtime_1.jsx)(relay_kit_ui_1.RelayKitProvider, { options: {
             baseApiUrl: relay_sdk_1.MAINNET_RELAY_API,
             source: "anyspend",
@@ -23,7 +25,7 @@ function RelayKitProviderWrapper({ children, simDuneApiKey, }) {
             },
             chains: relayChains,
             privateChainIds: undefined,
-            appName: "AnySpend",
+            appName,
             useGasFeeEstimations: true,
         }, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { 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 () => {

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

@@ -2,19 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneChannel = 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)("PhoneChannel");
 const PhoneChannel = ({ userId, jwtToken, smsChannel, whatsappChannel, isSMSConnected, isWhatsAppConnected, isOptimisticallySMSConnected, isOptimisticallyWhatsAppConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, useB3_1.useB3)();
-    const [phoneNumber, setPhoneNumber] = (0, react_1.useState)("");
-    const [isConnectingSMS, setIsConnectingSMS] = (0, react_1.useState)(false);
-    const [isConnectingWhatsApp, setIsConnectingWhatsApp] = (0, react_1.useState)(false);
-    const [showInput, setShowInput] = (0, react_1.useState)(false);
+    const { partnerId } = (0, react_1.useB3Config)();
+    const [phoneNumber, setPhoneNumber] = (0, react_2.useState)("");
+    const [isConnectingSMS, setIsConnectingSMS] = (0, react_2.useState)(false);
+    const [isConnectingWhatsApp, setIsConnectingWhatsApp] = (0, react_2.useState)(false);
+    const [showInput, setShowInput] = (0, react_2.useState)(false);
     // Detect if we're disconnecting
     const isDisconnecting = (isSMSConnected && !isOptimisticallySMSConnected) || (isWhatsAppConnected && !isOptimisticallyWhatsAppConnected);
     const handleConnectSMS = async () => {

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

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TelegramChannel = 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)("TelegramChannel");
 const TelegramChannel = ({ userId, jwtToken, telegramChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, useB3_1.useB3)();
-    const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
-    const [status, setStatus] = (0, react_1.useState)("idle");
+    const { partnerId } = (0, react_1.useB3Config)();
+    const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
+    const [status, setStatus] = (0, react_2.useState)("idle");
     // Detect if we're disconnecting
     const isDisconnecting = isConnected && !isOptimisticallyConnected;
     const handleConnect = async () => {

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

@@ -6,23 +6,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RequestPermissions = RequestPermissions;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
-const react_2 = require("../../../../global-account/react");
 const debug_1 = require("../../../../shared/utils/debug");
 const formatAddress_1 = require("../../../../shared/utils/formatAddress");
 const lucide_react_1 = require("lucide-react");
-const react_3 = require("react");
+const react_2 = require("react");
 const react_timeago_1 = __importDefault(require("react-timeago"));
-const react_4 = require("thirdweb/react");
+const react_3 = require("thirdweb/react");
 const debug = (0, debug_1.debugB3React)("RequestPermissions");
 /**
  * Component for requesting permissions to access user accounts and contracts
  * Allows users to approve session keys with specific permission settings
  */
 function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }) {
-    const [isApproving, setIsApproving] = (0, react_3.useState)(false);
-    const account = (0, react_4.useActiveAccount)();
-    const { defaultPermissions } = (0, react_1.useB3)();
-    const DEFAULT_PERMISSIONS = (0, react_3.useMemo)(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
+    const [isApproving, setIsApproving] = (0, react_2.useState)(false);
+    const account = (0, react_3.useActiveAccount)();
+    const { defaultPermissions } = (0, react_1.useB3Config)();
+    const DEFAULT_PERMISSIONS = (0, react_2.useMemo)(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
     const { refetch: refetchSigners } = (0, react_1.useGetAllTWSigners)({
         chain,
         accountAddress: account?.address,
@@ -41,7 +40,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
         },
         chain,
     });
-    const handleApprove = (0, react_3.useCallback)(async () => {
+    const handleApprove = (0, react_2.useCallback)(async () => {
         debug("@@handleApprove");
         try {
             setIsApproving(true);
@@ -71,7 +70,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
             timeStyle: "short",
         }).format(date);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold", children: "Allow Access" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-muted-foreground opacity-70", children: "This app would like permission to:" })] }), (0, jsx_runtime_1.jsx)(react_2.PermissionItem, { title: "Make transactions on your behalf", description: (0, jsx_runtime_1.jsxs)("span", { children: ["Up to", " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-primary font-medium", children: [DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction, " ETH"] }), " ", "per transaction"] }), icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsx)(react_2.PermissionItem, { title: "View your account", description: "See your wallet address and balance", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Approved Contracts" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: DEFAULT_PERMISSIONS.approvedTargets.map((target) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background text-b3-react-muted-foreground rounded-md border px-3 py-2 font-mono text-sm", children: (0, formatAddress_1.formatAddress)(target) }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-muted-foreground text-sm", children: "\u2022 Game Contract" })] }, target))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Permission" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-b3-react-muted-foreground", children: [(0, jsx_runtime_1.jsx)("span", { children: `Valid for ` }), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(react_timeago_1.default, { date: DEFAULT_PERMISSIONS.endDate, live: false, formatter: (value, unit) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold", children: "Allow Access" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-muted-foreground opacity-70", children: "This app would like permission to:" })] }), (0, jsx_runtime_1.jsx)(react_1.PermissionItem, { title: "Make transactions on your behalf", description: (0, jsx_runtime_1.jsxs)("span", { children: ["Up to", " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-primary font-medium", children: [DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction, " ETH"] }), " ", "per transaction"] }), icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsx)(react_1.PermissionItem, { title: "View your account", description: "See your wallet address and balance", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Approved Contracts" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: DEFAULT_PERMISSIONS.approvedTargets.map((target) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background text-b3-react-muted-foreground rounded-md border px-3 py-2 font-mono text-sm", children: (0, formatAddress_1.formatAddress)(target) }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-muted-foreground text-sm", children: "\u2022 Game Contract" })] }, target))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Permission" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-b3-react-muted-foreground", children: [(0, jsx_runtime_1.jsx)("span", { children: `Valid for ` }), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(react_timeago_1.default, { date: DEFAULT_PERMISSIONS.endDate, live: false, formatter: (value, unit) => {
                                                 if (unit === "year") {
                                                     return "1 year";
                                                 }

package/dist/cjs/global-account/react/components/SignInWithB3/SignIn.js

@@ -15,7 +15,7 @@ const react_4 = require("thirdweb/react");
 const ManageAccountButton_1 = require("../custom/ManageAccountButton");
 function SignIn(props) {
     const { className } = props;
-    const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3)();
+    const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3Config)();
     const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = (0, react_1.useAccountWallet)();
     const { data: walletImage } = (0, react_4.useWalletImage)(connectedEOAWallet?.id);
     const isMobile = (0, react_1.useIsMobile)();