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

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, useB3Config, useQueryB3 } from "../../../../../global-account/react/index.js";
+import { useAuthentication, useB3, 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 } = useB3Config();
+    const { partnerId, theme } = useB3();
     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, useB3Config, useConnect, WalletRow, } from "../../../../../global-account/react/index.js";
+import { AuthButton, Button, getConnectOptionsFromStrategy, isWalletType, LoginStepContainer, useAuthentication, useAuthStore, useB3, 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 } = useB3Config();
+    const { partnerId } = useB3();
     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 { useB3Config } from "./B3Provider/useB3Config.js";
+import { useB3 } from "./B3Provider/useB3.js";
 export function StyleRoot({ children, id }) {
-    const { theme } = useB3Config();
-    return (_jsx("div", { className: "b3-root", id: id, "data-theme": theme, children: children }));
+    const { theme: b3Theme } = useB3();
+    return (_jsx("div", { className: "b3-root", id: id, "data-theme": b3Theme, children: children }));
 }

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, StyleRoot, useModalStore, useUser } from "../../../../global-account/react/index.js";
+import { Button, StyleRoot, useAuthentication, useB3, useModalStore } 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 } = useUser();
+    const { isConnected } = useAuthentication(partnerId);
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,

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

@@ -1,6 +1,7 @@
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Provider } from "./B3Provider/B3Provider";
+export { B3Provider, InnerProvider } 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,8 +1,9 @@
 // TODO woj: Barrel file for all components, this might be reason of bundle size issues
 // Core Components
 export { B3DynamicModal } from "./B3DynamicModal.js";
-export { B3Provider } from "./B3Provider/B3Provider.js";
+export { B3Provider, InnerProvider } 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,4 +43,3 @@ 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,4 +43,3 @@ 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, useB3Config } from "../../../global-account/react/index.js";
+import { useAuthStore } 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,6 +11,7 @@ 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";
@@ -38,7 +39,7 @@ export function useAuth() {
     const hasStartedConnecting = useAuthStore(state => state.hasStartedConnecting);
     const useAutoConnectLoadingPrevious = useRef(false);
     const referralCode = useSearchParam("referralCode");
-    const { partnerId } = useB3Config();
+    const { partnerId } = useB3();
     const wagmiConfig = createWagmiConfig({ partnerId });
     const { connect } = useConnect();
     const activeWagmiAccount = useAccount();

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

@@ -1,11 +1,11 @@
-import { useB3Config } from "../../../global-account/react/index.js";
+import { useB3 } 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 } = useB3Config();
+    const { clientType } = useB3();
     const getCurrentClient = useCallback(() => {
         return getClient();
     }, []);

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

@@ -1,4 +1,4 @@
-import { useB3Config, useConnect } from "../../../global-account/react/index.js";
+import { useB3, 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 } = useB3Config();
+    const { partnerId } = useB3();
     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 } = useB3Config();
+    const { partnerId } = useB3();
     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 { useAccountWallet, useAuthStore } from "../../../global-account/react/index.js";
+import { useB3, useAccountWallet } 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 isAuthenticated = useAuthStore(state => state.isAuthenticated);
+    const { ready } = useB3();
     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: isAuthenticated && !!effectiveAddress,
+        enabled: ready && !!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 (isAuthenticated && effectiveAddress) {
+        if (ready && effectiveAddress) {
             refetch();
         }
-    }, [isAuthenticated, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
+    }, [ready, effectiveAddress, token.address, token.chainId, token.symbol, refetch]);
     // Determine if we're actually loading
-    const isActuallyLoading = !isAuthenticated || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
+    const isActuallyLoading = !ready || !effectiveAddress || isLoading || (isFetching && !tokenBalance);
     return {
         rawBalance: tokenBalance?.raw || BigInt(0),
         formattedBalance: tokenBalance?.formatted || "0",

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

@@ -4,8 +4,8 @@ import { useQuery } from "@tanstack/react-query";
 import { viemToThirdwebChain } from "../../../shared/constants/chains/b3Chain.js";
 import { getChainById } from "../../../shared/utils/chains.js";
 import { client } from "../../../shared/utils/thirdweb.js";
-import invariant from "invariant";
 import { getWalletBalance } from "thirdweb/wallets";
+import invariant from "invariant";
 export function useTokenBalancesByChain({ address, chainsIds, enabled = true, }) {
     // Normalize chains to array
     const chainIds = Array.isArray(chainsIds) ? chainsIds : [chainsIds];
@@ -46,9 +46,7 @@ export function useTokenBalancesByChain({ address, chainsIds, enabled = true, })
         staleTime: 30000, // Consider data fresh for 30 seconds
         gcTime: 5 * 60 * 1000, // Keep in cache for 5 minutes
         retry: 2, // Limit retries on failure
-        // Enable structural sharing to prevent infinite loops
-        // This ensures we only get new references when data actually changes
-        structuralSharing: true,
+        structuralSharing: false,
     });
     return {
         nativeTokens: combinedData?.nativeTokens ?? [],

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

@@ -1,6 +1,32 @@
+import { debugB3React } from "../../../shared/utils/debug.js";
 import { useEffect } from "react";
-import { useUserStore } from "../stores/userStore.js";
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+const debug = debugB3React("useUserQuery");
 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,4 +1,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/dist/esm/global-account/react/index.native.js

@@ -3,6 +3,8 @@
 // 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/index.d.ts

@@ -1,5 +1,4 @@
 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,4 +1,3 @@
 export { useAuthStore } from "./useAuthStore.js";
-export { useB3ConfigStore } from "./configStore.js";
 export { useModalStore } from "./useModalStore.js";
 export { useRecentAddressesStore } from "./useRecentAddressesStore.js";

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

@@ -403,12 +403,6 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     customUsdInputValues?: string[];
     /** prefer eoa wallet */
     preferEoa?: boolean;
-    /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
-    returnToHomeUrl?: string;
-    /** Custom label for recipient display (e.g., "OBSN Telegram Bot") */
-    customRecipientLabel?: string;
-    /** Custom label for the return home button (overrides "Return to Home" / "Close") */
-    returnHomeLabel?: string;
 }
 export interface AvatarEditorModalProps extends BaseModalProps {
     /** Modal type identifier */
@@ -477,10 +471,6 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
     vendingMachineId: string;
     /** The pack type */
     packType: string;
-    /** Active tab */
-    activeTab?: "crypto" | "fiat";
-    /** Force fiat payment */
-    forceFiatPayment?: boolean;
 }
 /**
  * Union type of all possible modal content types