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

package/src/global-account/react/components/custom/ManageAccountButton.tsx

@@ -1,11 +1,10 @@
-import { Button, StyleRoot, useAuthentication, useB3, useModalStore } from "@b3dotfun/sdk/global-account/react";
+import { Button, StyleRoot, useModalStore, useUser } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils";
 import { SignInWithB3Props } from "../SignInWithB3/SignInWithB3";
 
 export function ManageAccountButton(props: SignInWithB3Props & { className?: string }) {
-  const { partnerId } = useB3();
   const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
-  const { isConnected } = useAuthentication(partnerId);
+  const { isConnected } = useUser();
 
   const handleClickManageAccount = () => {
     setB3ModalContentType({

package/src/global-account/react/components/index.ts

@@ -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";
-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/src/global-account/react/hooks/index.ts

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

package/src/global-account/react/hooks/useAuth.ts

@@ -1,6 +1,6 @@
 import app from "@b3dotfun/sdk/global-account/app";
 import { authenticateWithB3JWT } from "@b3dotfun/sdk/global-account/bsmnt";
-import { useAuthStore } from "@b3dotfun/sdk/global-account/react";
+import { useAuthStore, useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
@@ -18,7 +18,6 @@ import { Wallet, ecosystemWallet } from "thirdweb/wallets";
 import { preAuthenticate } from "thirdweb/wallets/in-app";
 import { useAccount, useConnect, useSwitchAccount } from "wagmi";
 import { LocalSDKContext } from "../components/B3Provider/LocalSDKProvider";
-import { useB3 } from "../components/B3Provider/useB3";
 import { createWagmiConfig } from "../utils/createWagmiConfig";
 import { useSearchParam } from "./useSearchParamsSSR";
 import { useUserQuery } from "./useUserQuery";
@@ -48,7 +47,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/src/global-account/react/hooks/useClient.ts

@@ -1,4 +1,4 @@
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useCallback } from "react";
 import {
   ClientType,
@@ -13,7 +13,7 @@ import {
  * 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/src/global-account/react/hooks/useHandleConnectWithPrivy.tsx

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

package/src/global-account/react/hooks/useNotifications.ts

@@ -1,7 +1,7 @@
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { getAuthToken } from "@b3dotfun/sdk/shared/utils/auth-token";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useCallback, useEffect, useState } from "react";
-import { useB3 } from "../components";
 import { notificationsAPI, UserData } from "../utils/notificationsAPI";
 import { useUserQuery } from "./useUserQuery";
 
@@ -56,7 +56,7 @@ export interface UseNotificationsReturn {
  */
 export function useNotifications(): UseNotificationsReturn {
   const { user } = useUserQuery();
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
   const [userData, setUserData] = useState<UserData | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);

package/src/global-account/react/hooks/useTokenBalance.tsx

@@ -1,12 +1,12 @@
 "use client";
 
 import { isNativeToken } from "@b3dotfun/sdk/anyspend";
-import { useB3, useAccountWallet } from "@b3dotfun/sdk/global-account/react";
+import { components } from "@b3dotfun/sdk/anyspend/types/api";
+import { useAccountWallet, useAuthStore } from "@b3dotfun/sdk/global-account/react";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
 import { getERC20Balances, getNativeTokenBalance } from "@b3dotfun/sdk/shared/utils/thirdweb-insights";
 import { useQuery } from "@tanstack/react-query";
 import { useEffect } from "react";
-import { components } from "@b3dotfun/sdk/anyspend/types/api";
 
 interface UseTokenBalanceProps {
   token: components["schemas"]["Token"];
@@ -20,7 +20,8 @@ export interface TokenBalanceResult {
 }
 
 export function useTokenBalance({ token, address }: UseTokenBalanceProps): TokenBalanceResult {
-  const { ready } = useB3();
+  const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+
   const account = useAccountWallet();
 
   const effectiveAddress = address || account?.address;
@@ -60,7 +61,7 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
       }
       return { formatted: "0", raw: null };
     },
-    enabled: ready && !!effectiveAddress,
+    enabled: isAuthenticated && !!effectiveAddress,
     staleTime: 30000,
     gcTime: 5 * 60 * 1000,
     retry: 2,
@@ -69,13 +70,13 @@ export function useTokenBalance({ token, address }: UseTokenBalanceProps): Token
 
   // 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),

package/src/global-account/react/hooks/useUser.ts

@@ -0,0 +1,20 @@
+import { useAuthStore } from "@b3dotfun/sdk/global-account/react";
+import { useUserStore } from "../stores/userStore";
+
+/**
+ * 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/src/global-account/react/hooks/useUserQuery.ts

@@ -1,48 +1,9 @@
 import { Users } from "@b3dotfun/b3-api";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { useEffect } from "react";
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-
-const debug = debugB3React("useUserQuery");
+import { useUserStore } from "../stores/userStore";
 
 const USER_QUERY_KEY = ["b3-user"];
 
-interface UserStore {
-  user: Users | null;
-  setUser: (user: Users | undefined) => void;
-  clearUser: () => void;
-}
-
-/**
- * Zustand store for managing user state
- * Persists user data to localStorage
- */
-const useUserStore = create<UserStore>()(
-  persist(
-    set => ({
-      user: null,
-      setUser: (newUser: Users | undefined) => {
-        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/src/global-account/react/index.native.ts

@@ -6,8 +6,6 @@
 
 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/src/global-account/react/stores/configStore.ts

@@ -0,0 +1,51 @@
+import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import { Account } from "thirdweb/wallets";
+import { create } from "zustand";
+import { ClientType } from "../../client-manager";
+
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS: PermissionsConfig = {
+  approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"],
+  nativeTokenLimitPerTransaction: 0.1,
+  startDate: new Date(),
+  endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
+
+interface ConfigStore {
+  accountOverride?: Account;
+  automaticallySetFirstEoa: boolean;
+  environment: "development" | "production";
+  defaultPermissions: PermissionsConfig;
+  theme: "light" | "dark";
+  clientType: ClientType;
+  partnerId: string;
+  stripePublishableKey?: string;
+  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+  enableTurnkey: boolean;
+
+  // Actions
+  setConfig: (config: Partial<Omit<ConfigStore, "setConfig">>) => void;
+}
+
+/**
+ * Zustand store for B3 configuration
+ * NOT persisted - these are developer-set configuration values
+ */
+export const useB3ConfigStore = create<ConfigStore>(set => ({
+  accountOverride: undefined,
+  automaticallySetFirstEoa: false,
+  environment: "development",
+  defaultPermissions: DEFAULT_PERMISSIONS,
+  theme: "light",
+  clientType: "rest",
+  partnerId: "",
+  stripePublishableKey: undefined,
+  createClientReferenceId: undefined,
+  enableTurnkey: false,
+
+  setConfig: config => set(state => ({ ...state, ...config })),
+}));

package/src/global-account/react/stores/index.ts

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

package/src/global-account/react/stores/userStore.ts

@@ -0,0 +1,41 @@
+import { Users } from "@b3dotfun/b3-api";
+import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+const debug = debugB3React("useUserQuery");
+
+interface UserStore {
+  user: Users | null;
+  setUser: (user: Users | undefined) => void;
+  clearUser: () => void;
+}
+
+/**
+ * Zustand store for managing user state
+ * Persists user data to localStorage
+ */
+export const useUserStore = create<UserStore>()(
+  persist(
+    set => ({
+      user: null,
+      setUser: (newUser: Users | undefined) => {
+        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);
+        }
+      },
+    },
+  ),
+);

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

@@ -1,27 +0,0 @@
-import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "../../../../global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    wallet?: Wallet;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-    clientType: ClientType;
-    partnerId: string;
-    stripePublishableKey?: string;
-    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.B3Context = void 0;
-const react_1 = require("react");
-/**
- * Context for B3 provider
- */
-exports.B3Context = (0, react_1.createContext)({
-    account: undefined,
-    automaticallySetFirstEoa: false,
-    //user: undefined,
-    //setWallet: () => {},
-    wallet: undefined,
-    //setUser: () => {},
-    //refetchUser: async () => {},
-    initialized: false,
-    ready: false,
-    environment: "development",
-    theme: "light",
-    clientType: "rest",
-    partnerId: "",
-    createClientReferenceId: undefined,
-    enableTurnkey: false,
-});

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

@@ -1,27 +0,0 @@
-import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "../../../../global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    wallet?: Wallet;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-    clientType: ClientType;
-    partnerId: string;
-    stripePublishableKey?: string;
-    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;

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

@@ -1,21 +0,0 @@
-import { createContext } from "react";
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext({
-    account: undefined,
-    automaticallySetFirstEoa: false,
-    //user: undefined,
-    //setWallet: () => {},
-    wallet: undefined,
-    //setUser: () => {},
-    //refetchUser: async () => {},
-    initialized: false,
-    ready: false,
-    environment: "development",
-    theme: "light",
-    clientType: "rest",
-    partnerId: "",
-    createClientReferenceId: undefined,
-    enableTurnkey: false,
-});

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

@@ -1,27 +0,0 @@
-import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-    account?: Account;
-    automaticallySetFirstEoa: boolean;
-    wallet?: Wallet;
-    initialized: boolean;
-    ready: boolean;
-    environment?: "development" | "production";
-    defaultPermissions?: PermissionsConfig;
-    theme: "light" | "dark";
-    clientType: ClientType;
-    partnerId: string;
-    stripePublishableKey?: string;
-    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-    enableTurnkey?: boolean;
-}
-/**
- * Context for B3 provider
- */
-export declare const B3Context: import("react").Context<B3ContextType>;

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

@@ -1,50 +0,0 @@
-import { CreateOnrampOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOnrampOrder";
-import { CreateOrderParams } from "@b3dotfun/sdk/anyspend/react/hooks/useAnyspendCreateOrder";
-import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
-import { createContext } from "react";
-import { Account, Wallet } from "thirdweb/wallets";
-import { ClientType } from "../../../client-manager";
-
-/**
- * Context type for B3Provider
- */
-export interface B3ContextType {
-  account?: Account;
-  automaticallySetFirstEoa: boolean;
-  //user?: Users;
-  //setWallet: (wallet: Wallet) => void;
-  wallet?: Wallet;
-  //setUser: (user?: Users) => void;
-  //refetchUser: () => Promise<any>;
-  initialized: boolean;
-  ready: boolean;
-  environment?: "development" | "production";
-  defaultPermissions?: PermissionsConfig;
-  theme: "light" | "dark";
-  clientType: ClientType;
-  partnerId: string;
-  stripePublishableKey?: string;
-  createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
-  enableTurnkey?: boolean;
-}
-
-/**
- * Context for B3 provider
- */
-export const B3Context = createContext<B3ContextType>({
-  account: undefined,
-  automaticallySetFirstEoa: false,
-  //user: undefined,
-  //setWallet: () => {},
-  wallet: undefined,
-  //setUser: () => {},
-  //refetchUser: async () => {},
-  initialized: false,
-  ready: false,
-  environment: "development",
-  theme: "light",
-  clientType: "rest",
-  partnerId: "",
-  createClientReferenceId: undefined,
-  enableTurnkey: false,
-});