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

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

@@ -1,19 +1,20 @@
-import { useContext, useMemo } from "react";
-import { B3Context } from "./types.js";
+import { useB3ConfigStore } from "../../stores/configStore.js";
+/**
+ * Hook to access B3 configuration
+ * Returns all config values from the Zustand store
+ * Since config is static (set once at initialization), destructuring is fine here
+ */
 export const useB3Config = () => {
-    const context = useContext(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 useMemo(() => ({
-        automaticallySetFirstEoa,
-        environment,
-        theme,
-        clientType,
-        partnerId,
-        createClientReferenceId,
-        enableTurnkey,
-    }), [automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey]);
+    return useB3ConfigStore(state => ({
+        automaticallySetFirstEoa: state.automaticallySetFirstEoa,
+        environment: state.environment,
+        theme: state.theme,
+        clientType: state.clientType,
+        partnerId: state.partnerId,
+        createClientReferenceId: state.createClientReferenceId,
+        enableTurnkey: state.enableTurnkey,
+        stripePublishableKey: state.stripePublishableKey,
+        defaultPermissions: state.defaultPermissions,
+        accountOverride: state.accountOverride,
+    }));
 };

package/dist/esm/global-account/react/components/ManageAccount/ProfileSection.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAccountWallet, useAuthentication, useB3Config, useModalStore, useProfile, useSimBalance, } from "../../../../global-account/react/index.js";
+import { useAccountWallet, useModalStore, useProfile, useSimBalance, useUser, } from "../../../../global-account/react/index.js";
 import { formatUsername } from "../../../../shared/utils/index.js";
 import { formatDisplayNumber } from "../../../../shared/utils/number.js";
 import { Pencil } from "lucide-react";
@@ -15,8 +15,7 @@ const ProfileSection = () => {
         address: eoaAddress || account?.address,
         fresh: true,
     });
-    const { partnerId } = useB3Config();
-    const { user } = useAuthentication(partnerId);
+    const { user } = useUser();
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
     const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
     const navigateBack = useModalStore(state => state.navigateBack);

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
-import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("DiscordChannel");
 export const DiscordChannel = ({ userId, jwtToken, discordChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const [discordId, setDiscordId] = useState("");
     const [isConnecting, setIsConnecting] = useState(false);
     const [showInput, setShowInput] = useState(false);

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
-import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("EmailChannel");
@@ -11,7 +11,7 @@ const validateEmail = (email) => {
     return emailRegex.test(email);
 };
 export const EmailChannel = ({ userId, jwtToken, emailChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const [email, setEmail] = useState("");
     const [emailError, setEmailError] = useState(null);
     const [isConnecting, setIsConnecting] = useState(false);

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
-import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("PhoneChannel");
 export const PhoneChannel = ({ userId, jwtToken, smsChannel, whatsappChannel, isSMSConnected, isWhatsAppConnected, isOptimisticallySMSConnected, isOptimisticallyWhatsAppConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const [phoneNumber, setPhoneNumber] = useState("");
     const [isConnectingSMS, setIsConnectingSMS] = useState(false);
     const [isConnectingWhatsApp, setIsConnectingWhatsApp] = useState(false);

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
-import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("TelegramChannel");
 export const TelegramChannel = ({ userId, jwtToken, telegramChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const [isConnecting, setIsConnecting] = useState(false);
     const [status, setStatus] = useState("idle");
     // Detect if we're disconnecting

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, useB3, useAddTWSessionKey, useGetAllTWSigners, } from "../../../../global-account/react/index.js";
-import { PermissionItem } from "../../../../global-account/react/index.js";
+import { Button, PermissionItem, useAddTWSessionKey, useB3Config, useGetAllTWSigners, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { formatAddress } from "../../../../shared/utils/formatAddress.js";
 import { CreditCard, Eye } from "lucide-react";
@@ -15,7 +14,7 @@ const debug = debugB3React("RequestPermissions");
 export function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }) {
     const [isApproving, setIsApproving] = useState(false);
     const account = useActiveAccount();
-    const { defaultPermissions } = useB3();
+    const { defaultPermissions } = useB3Config();
     const DEFAULT_PERMISSIONS = useMemo(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
     const { refetch: refetchSigners } = useGetAllTWSigners({
         chain,

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { IPFSMediaRenderer, SignInWithB3, StyleRoot, useAccountWallet, useAuthentication, useB3, useIsMobile, } from "../../../../global-account/react/index.js";
+import { IPFSMediaRenderer, SignInWithB3, StyleRoot, useAccountWallet, useAuthentication, useB3Config, useIsMobile, } from "../../../../global-account/react/index.js";
 import Icon from "../../../../global-account/react/components/custom/Icon.js";
 import { ecosystemWalletId } from "../../../../shared/constants/index.js";
 import { cn, truncateAddress } from "../../../../shared/utils/index.js";
@@ -9,7 +9,7 @@ import { useConnectedWallets, useSetActiveWallet, useWalletImage } from "thirdwe
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 export function SignIn(props) {
     const { className } = props;
-    const { automaticallySetFirstEoa, partnerId } = useB3();
+    const { automaticallySetFirstEoa, partnerId } = useB3Config();
     const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = useAccountWallet();
     const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
     const isMobile = useIsMobile();

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Privy.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useAuthentication, useAuthStore, useB3, useHandleConnectWithPrivy, } from "../../../../global-account/react/index.js";
+import { Loading, useAuthentication, useAuthStore, useB3Config, useHandleConnectWithPrivy, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useEffect } from "react";
 const debug = debugB3React("SignInWithB3Privy");
 export function SignInWithB3Privy({ onSuccess, onError, chain }) {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const { isLoading, connectTw, fullToken } = useHandleConnectWithPrivy(chain, onSuccess);
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
     const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuthentication, useB3, useQueryB3 } from "../../../../../global-account/react/index.js";
+import { useAuthentication, useB3Config, useQueryB3 } from "../../../../../global-account/react/index.js";
 import { ecosystemWalletId } from "../../../../../shared/constants/index.js";
 import { client } from "../../../../../shared/utils/thirdweb.js";
 import { ConnectEmbed, darkTheme, lightTheme } from "thirdweb/react";
@@ -15,7 +15,7 @@ export function LoginStepContainer({ children, partnerId }) {
     return (_jsxs("div", { className: "bg-b3-react-background flex flex-col items-center justify-center pt-6", children: [partnerLogo && (_jsx("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
 }
 export function LoginStep({ onSuccess, chain }) {
-    const { partnerId, theme } = useB3();
+    const { partnerId, theme } = useB3Config();
     const wallet = ecosystemWallet(ecosystemWalletId, {
         partnerId: partnerId,
     });

package/dist/esm/global-account/react/components/SignInWithB3/steps/LoginStepCustom.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AuthButton, Button, getConnectOptionsFromStrategy, isWalletType, LoginStepContainer, useAuthentication, useAuthStore, useB3, useConnect, WalletRow, } from "../../../../../global-account/react/index.js";
+import { AuthButton, Button, getConnectOptionsFromStrategy, isWalletType, LoginStepContainer, useAuthentication, useAuthStore, useB3Config, useConnect, WalletRow, } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { client } from "../../../../../shared/utils/thirdweb.js";
 import { useState } from "react";
@@ -7,7 +7,7 @@ import { useConnect as useConnectTW } from "thirdweb/react";
 import { createWallet } from "thirdweb/wallets";
 const debug = debugB3React("LoginStepCustom");
 export function LoginStepCustom({ onSuccess, onError, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const [isLoading, setIsLoading] = useState(false);
     const [showAllWallets, setShowAllWallets] = useState(false);
     const { connect } = useConnect(partnerId, chain);

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useB3 } from "./B3Provider/useB3.js";
+import { useB3Config } from "./B3Provider/useB3Config.js";
 export function StyleRoot({ children, id }) {
-    const { theme: b3Theme } = useB3();
-    return (_jsx("div", { className: "b3-root", id: id, "data-theme": b3Theme, children: children }));
+    const { theme } = useB3Config();
+    return (_jsx("div", { className: "b3-root", id: id, "data-theme": theme, children: children }));
 }

package/dist/esm/global-account/react/components/custom/ManageAccountButton.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, StyleRoot, useAuthentication, useB3, useModalStore } from "../../../../global-account/react/index.js";
+import { Button, StyleRoot, useModalStore, useUser } from "../../../../global-account/react/index.js";
 import { cn } from "../../../../shared/utils/index.js";
 export function ManageAccountButton(props) {
-    const { partnerId } = useB3();
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
-    const { isConnected } = useAuthentication(partnerId);
+    const { isConnected } = useUser();
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,

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

@@ -1,7 +1,6 @@
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
+export { B3Provider } from "./B3Provider/B3Provider";
 export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper";
-export { B3Context, type B3ContextType } from "./B3Provider/types";
 export { useB3 } from "./B3Provider/useB3";
 export { useB3Account } from "./B3Provider/useB3Account";
 export { useB3Config } from "./B3Provider/useB3Config";

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

@@ -1,9 +1,8 @@
 // TODO woj: Barrel file for all components, this might be reason of bundle size issues
 // Core Components
 export { B3DynamicModal } from "./B3DynamicModal.js";
-export { B3Provider, InnerProvider } from "./B3Provider/B3Provider.js";
+export { B3Provider } from "./B3Provider/B3Provider.js";
 export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper.js";
-export { B3Context } from "./B3Provider/types.js";
 export { useB3 } from "./B3Provider/useB3.js";
 export { useB3Account } from "./B3Provider/useB3Account.js";
 export { useB3Config } from "./B3Provider/useB3Config.js";

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

@@ -43,3 +43,4 @@ export { useTokensFromAddress } from "./useTokensFromAddress";
 export { useTurnkeyAuth } from "./useTurnkeyAuth";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";
+export { useUser } from "./useUser";

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

@@ -43,3 +43,4 @@ export { useTokensFromAddress } from "./useTokensFromAddress.js";
 export { useTurnkeyAuth } from "./useTurnkeyAuth.js";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute.js";
 export { useURLParams } from "./useURLParams.js";
+export { useUser } from "./useUser.js";

package/dist/esm/global-account/react/hooks/useAuth.js

@@ -1,6 +1,6 @@
 import app from "../../../global-account/app.js";
 import { authenticateWithB3JWT } from "../../../global-account/bsmnt.js";
-import { useAuthStore } from "../../../global-account/react/index.js";
+import { useAuthStore, useB3Config } from "../../../global-account/react/index.js";
 import { ecosystemWalletId } from "../../../shared/constants/index.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { client } from "../../../shared/utils/thirdweb.js";
@@ -11,7 +11,6 @@ import { ecosystemWallet } from "thirdweb/wallets";
 import { preAuthenticate } from "thirdweb/wallets/in-app";
 import { useAccount, useConnect, useSwitchAccount } from "wagmi";
 import { LocalSDKContext } from "../components/B3Provider/LocalSDKProvider.js";
-import { useB3 } from "../components/B3Provider/useB3.js";
 import { createWagmiConfig } from "../utils/createWagmiConfig.js";
 import { useSearchParam } from "./useSearchParamsSSR.js";
 import { useUserQuery } from "./useUserQuery.js";
@@ -39,7 +38,7 @@ export function useAuth() {
     const hasStartedConnecting = useAuthStore(state => state.hasStartedConnecting);
     const useAutoConnectLoadingPrevious = useRef(false);
     const referralCode = useSearchParam("referralCode");
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const wagmiConfig = createWagmiConfig({ partnerId });
     const { connect } = useConnect();
     const activeWagmiAccount = useAccount();

package/dist/esm/global-account/react/hooks/useClient.js

@@ -1,11 +1,11 @@
-import { useB3 } from "../../../global-account/react/index.js";
+import { useB3Config } from "../../../global-account/react/index.js";
 import { useCallback } from "react";
 import { authenticateBoth, authenticateWithClient, getClient, getClientByType, setClientType, } from "../../client-manager.js";
 /**
  * Hook to access the current FeathersJS client and client management utilities
  */
 export function useClient() {
-    const { clientType } = useB3();
+    const { clientType } = useB3Config();
     const getCurrentClient = useCallback(() => {
         return getClient();
     }, []);

package/dist/esm/global-account/react/hooks/useHandleConnectWithPrivy.js

@@ -1,4 +1,4 @@
-import { useB3, useConnect } from "../../../global-account/react/index.js";
+import { useB3Config, useConnect } from "../../../global-account/react/index.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { useIdentityToken, usePrivy } from "@privy-io/react-auth";
 import { useCallback, useRef, useState } from "react";
@@ -8,7 +8,7 @@ const debug = debugB3React("@@b3:useHandleConnectWithPrivy");
  * Currently, this is for the basement-privy strategy
  */
 export function useHandleConnectWithPrivy(chain, onSuccess) {
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     if (!chain) {
         throw new Error("Chain is required");
     }

package/dist/esm/global-account/react/hooks/useNotifications.js

@@ -1,7 +1,7 @@
+import { useB3Config } from "../../../global-account/react/index.js";
 import { getAuthToken } from "../../../shared/utils/auth-token.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { useCallback, useEffect, useState } from "react";
-import { useB3 } from "../components/index.js";
 import { notificationsAPI } from "../utils/notificationsAPI.js";
 import { useUserQuery } from "./useUserQuery.js";
 const debug = debugB3React("useNotifications");
@@ -27,7 +27,7 @@ const debug = debugB3React("useNotifications");
  */
 export function useNotifications() {
     const { user } = useUserQuery();
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const [userData, setUserData] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);

package/dist/esm/global-account/react/hooks/useTokenBalance.js

@@ -1,12 +1,12 @@
 "use client";
 import { isNativeToken } from "../../../anyspend/index.js";
-import { useB3, useAccountWallet } from "../../../global-account/react/index.js";
+import { useAccountWallet, useAuthStore } from "../../../global-account/react/index.js";
 import { formatTokenAmount } from "../../../shared/utils/number.js";
 import { getERC20Balances, getNativeTokenBalance } from "../../../shared/utils/thirdweb-insights.js";
 import { useQuery } from "@tanstack/react-query";
 import { useEffect } from "react";
 export function useTokenBalance({ token, address }) {
-    const { ready } = useB3();
+    const isAuthenticated = useAuthStore(state => state.isAuthenticated);
     const account = useAccountWallet();
     const effectiveAddress = address || account?.address;
     const { data: tokenBalance, isLoading, isFetching, refetch, } = useQuery({
@@ -38,7 +38,7 @@ export function useTokenBalance({ token, address }) {
             }
             return { formatted: "0", raw: null };
         },
-        enabled: ready && !!effectiveAddress,
+        enabled: isAuthenticated && !!effectiveAddress,
         staleTime: 30000,
         gcTime: 5 * 60 * 1000,
         retry: 2,
@@ -46,12 +46,12 @@ export function useTokenBalance({ token, address }) {
     });
     // Force a refetch when the wallet or token changes
     useEffect(() => {
-        if (ready && effectiveAddress) {
+        if (isAuthenticated && effectiveAddress) {
             refetch();
         }
-    }, [ready, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
+    }, [isAuthenticated, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
     // Determine if we're actually loading
-    const isActuallyLoading = !ready || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
+    const isActuallyLoading = !isAuthenticated || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
     return {
         rawBalance: tokenBalance?.raw || BigInt(0),
         formattedBalance: tokenBalance?.formatted || "0",

package/dist/esm/global-account/react/hooks/useUser.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Preferred Hook to get the user data
+ */
+export declare function useUser(): {
+    user: {
+        email?: string | undefined;
+        username?: string | undefined;
+        telNumber?: string | undefined;
+        ens?: string | undefined;
+        avatar?: string | undefined;
+        preferences?: {} | undefined;
+        referredBy?: string | {} | undefined;
+        sourceApp?: string | undefined;
+        referralCode?: string | undefined;
+        userGroups?: number[] | undefined;
+        isMigratedFromBSMNT?: boolean | undefined;
+        privyLinkedAccounts?: {
+            name?: string | undefined;
+            address?: string | undefined;
+            email?: string | undefined;
+            chain_type?: string | undefined;
+            lv?: number | undefined;
+            wallet_client_type?: string | undefined;
+            smart_wallet_type?: string | undefined;
+            subject?: string | undefined;
+            type: string;
+        }[] | undefined;
+        twProfiles?: {
+            type: string;
+            details: {
+                id?: string | undefined;
+                name?: string | undefined;
+                address?: string | undefined;
+                email?: string | undefined;
+                username?: string | undefined;
+                phone?: string | undefined;
+                fid?: string | undefined;
+            };
+        }[] | undefined;
+        turnkeySubOrgs?: {
+            hasDelegatedUser?: boolean | undefined;
+            subOrgId: string;
+            accounts: Record<string, any>[];
+        }[] | undefined;
+        _id: string | {};
+        userId: string;
+        smartAccountAddress: string;
+        createdAt: number;
+        updatedAt: number;
+        partnerIds: {
+            privyId?: string | undefined;
+            thirdwebId?: string | undefined;
+            turnkeyId?: string | undefined;
+            turnkeyOtpId?: string | undefined;
+        };
+    } | null;
+    isConnecting: boolean;
+    isConnected: boolean;
+    isAuthenticating: boolean;
+};

package/dist/esm/global-account/react/hooks/useUser.js

@@ -0,0 +1,17 @@
+import { useAuthStore } from "../../../global-account/react/index.js";
+import { useUserStore } from "../stores/userStore.js";
+/**
+ * Preferred Hook to get the user data
+ */
+export function useUser() {
+    const user = useUserStore(state => state.user);
+    const isConnecting = useAuthStore(state => state.isConnecting);
+    const isConnected = useAuthStore(state => state.isConnected);
+    const isAuthenticating = useAuthStore(state => state.isAuthenticating);
+    return {
+        user,
+        isConnecting,
+        isConnected,
+        isAuthenticating,
+    };
+}

package/dist/esm/global-account/react/hooks/useUserQuery.js

@@ -1,32 +1,6 @@
-import { debugB3React } from "../../../shared/utils/debug.js";
 import { useEffect } from "react";
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-const debug = debugB3React("useUserQuery");
+import { useUserStore } from "../stores/userStore.js";
 const USER_QUERY_KEY = ["b3-user"];
-/**
- * Zustand store for managing user state
- * Persists user data to localStorage
- */
-const useUserStore = create()(persist(set => ({
-    user: null,
-    setUser: (newUser) => {
-        const userToSave = newUser ?? null;
-        set({ user: userToSave });
-        debug("User updated", userToSave);
-    },
-    clearUser: () => {
-        set({ user: null });
-        debug("User cleared");
-    },
-}), {
-    name: "b3-user",
-    onRehydrateStorage: () => (_, error) => {
-        if (error) {
-            console.warn("Failed to rehydrate user store:", error);
-        }
-    },
-}));
 /**
  * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
  *

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

@@ -1,6 +1,4 @@
 export { B3Provider } from "./components/B3Provider/B3Provider.native";
-export { B3Context, type B3ContextType } from "./components/B3Provider/types";
-export { useB3 } from "./components/B3Provider/useB3";
 export { useAccountWallet } from "./hooks/useAccountWallet";
 export { useAuthentication } from "./hooks/useAuthentication";
 export { useProfile } from "./hooks/useProfile";

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

@@ -3,8 +3,6 @@
 // export * from "./stores/index.js";
 // We only export the components and hooks that are needed for the native app
 export { B3Provider } from "./components/B3Provider/B3Provider.native.js";
-export { B3Context } from "./components/B3Provider/types.js";
-export { useB3 } from "./components/B3Provider/useB3.js";
 export { useAccountWallet } from "./hooks/useAccountWallet.js";
 export { useAuthentication } from "./hooks/useAuthentication.js";
 export { useProfile } from "./hooks/useProfile.js";

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

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

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

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

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

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

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

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