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

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/useTurnkeyAuth.js

@@ -3,7 +3,7 @@ import { useCallback, useState } from "react";
 import app from "../../app.js";
 import { useB3Config } from "../components/index.js";
 import { useAuthStore } from "../stores/index.js";
-import { useAuth } from "./useAuth.js";
+import { useAuthentication } from "./useAuthentication.js";
 const debug = debugB3React("useTurnkeyAuth");
 /**
  * Hook for Turnkey email-based OTP authentication
@@ -19,54 +19,29 @@ export function useTurnkeyAuth() {
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
     const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);
     const { partnerId } = useB3Config();
-    const { authenticate } = useAuth();
+    const { user } = useAuthentication(partnerId);
     /**
      * Step 1: Initiate login with email
-     * - Calls backend turnkey-jwt strategy (init action) to create sub-org (if needed) and send OTP
+     * - Calls backend to create sub-org (if needed) and send OTP
      * - Returns otpId to use in verification step
-     *
-     * Note: Uses the turnkey-jwt authentication strategy, not the service directly.
-     * The turnkey-jwt strategy handles both OTP flow (init/verify) and final authentication.
      */
     const initiateLogin = useCallback(async (email) => {
         setIsLoading(true);
         setError(null);
         setIsAuthenticating(true);
         try {
+            if (!user?.userId) {
+                throw new Error("User ID is required to initiate Turnkey login.");
+            }
             debug(`Initiating login for: ${email}`);
-            // Use authentication service with turnkey-jwt strategy (init action)
-            // userId is resolved from authentication context on the backend (params.user.userId)
-            // Backend will get userId from _params.user?.userId if authenticated, or handle unauthenticated case
-            // So we only need to send email
-            debug(`Calling app.authenticate with turnkey-jwt strategy (init action)`, { email });
-            const response = await app.authenticate({
-                strategy: "turnkey-jwt",
-                action: "init",
-                email,
-            });
-            // The strategy returns the TurnkeyAuthInitResponse directly
-            const data = response;
+            // Call FeathersJS service to initialize OTP
+            const data = await app.service("turnkey-auth").init({ email, userId: user.userId });
             debug(`OTP initialized successfully. OtpId: ${data.otpId}`);
             return data;
         }
         catch (err) {
             debug("Error initiating login:", err);
-            // Provide more detailed error information
-            let errorMessage = "Failed to send OTP email. Please try again.";
-            if (err.message) {
-                errorMessage = err.message;
-            }
-            else if (err.name === "TypeError" && err.message?.includes("fetch")) {
-                errorMessage = "Network error: Unable to reach the server. Please check your connection and try again.";
-            }
-            else if (err.code === "ECONNREFUSED" || err.code === "ENOTFOUND") {
-                errorMessage = "Connection error: Unable to reach the server. Please check your internet connection.";
-            }
-            else if (err.response) {
-                // FeathersJS error response
-                errorMessage = err.response.message || err.message || errorMessage;
-                debug("FeathersJS error response:", err.response);
-            }
+            const errorMessage = err.message || "Failed to send OTP email. Please try again.";
             setError(errorMessage);
             throw err;
         }
@@ -74,11 +49,11 @@ export function useTurnkeyAuth() {
             setIsLoading(false);
             setIsAuthenticating(false);
         }
-    }, [setIsAuthenticating]);
+    }, [user, setIsAuthenticating]);
     /**
      * Step 2: Verify OTP and authenticate
-     * - Verifies OTP with backend via turnkey-jwt strategy (verify action)
-     * - Gets Turnkey session JWT from the verify response
+     * - Verifies OTP with backend
+     * - Gets Turnkey session JWT
      * - Authenticates with b3-api using "turnkey-jwt" strategy
      * - JWT automatically stored in cookies by SDK
      */
@@ -87,22 +62,19 @@ export function useTurnkeyAuth() {
         setError(null);
         setIsAuthenticating(true);
         try {
-            debug(`Verifying OTP...`, { otpId });
-            // Step 1: Verify OTP with backend using turnkey-jwt strategy (verify action)
-            // This returns the Turnkey session JWT
-            const response = await app.authenticate({
-                strategy: "turnkey-jwt",
-                action: "verify",
+            debug(`Verifying OTP...`, { userId: user?.userId });
+            // Step 1: Verify OTP and get Turnkey session JWT
+            const { turnkeySessionJwt } = await app.service("turnkey-auth").verify({
                 otpId,
                 otpCode,
             });
-            // The strategy returns the TurnkeyAuthVerifyResponse directly
-            const verifyResult = response;
-            const { turnkeySessionJwt } = verifyResult;
-            debug(`OTP verified! Got Turnkey session JWT. Authenticating with b3-api...`);
+            debug(`OTP verified! Authenticating with b3-api...`);
             // Step 2: Authenticate with b3-api using Turnkey JWT
-            // Use the unified useAuth hook for authentication with "turnkey-jwt" strategy
-            const authResult = await authenticate(turnkeySessionJwt, partnerId || "");
+            // The SDK will automatically store the b3-api JWT in cookies
+            const authResult = await app.authenticate({
+                strategy: "turnkey-jwt",
+                accessToken: turnkeySessionJwt,
+            });
             debug(`Successfully authenticated with b3-api!`, authResult);
             // Update auth store to reflect authenticated state
             setIsAuthenticated(true);
@@ -122,7 +94,7 @@ export function useTurnkeyAuth() {
             setIsLoading(false);
             setIsAuthenticating(false);
         }
-    }, [partnerId, setIsAuthenticating, setIsAuthenticated, authenticate]);
+    }, [user, setIsAuthenticating, setIsAuthenticated]);
     const clearError = useCallback(() => {
         setError(null);
     }, []);

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