@b3dotfun/sdk 0.1.1-test.0 → 0.1.2-test.0

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/SignInWithB3Flow.d.ts

@@ -3,4 +3,4 @@ import { SignInWithB3ModalProps } from "../../../../global-account/react";
  * Component that manages the authentication flow for Sign In With B3
  * Handles different login providers, authentication steps, and session key management
  */
-export declare function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin, source, signersEnabled, }: SignInWithB3ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin, source, signersEnabled, onTurnkeyConnect, }: SignInWithB3ModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useAuthentication, useAuthStore, useB3, useGetAllTWSigners, useModalStore, } from "../../../../global-account/react/index.js";
+import { Loading, useAuthentication, useAuthStore, useB3Config, useGetAllTWSigners, useModalStore, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
@@ -13,8 +13,8 @@ const MAX_REFETCH_ATTEMPTS = 20;
  * Component that manages the authentication flow for Sign In With B3
  * Handles different login providers, authentication steps, and session key management
  */
-export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, source = "signInWithB3Button", signersEnabled = false, }) {
-    const { automaticallySetFirstEoa, enableTurnkey } = useB3();
+export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, source = "signInWithB3Button", signersEnabled = false, onTurnkeyConnect, }) {
+    const { automaticallySetFirstEoa, enableTurnkey } = useB3Config();
     const { user, refetchUser, logout } = useAuthentication(partnerId);
     // FIXME Logout before login to ensure a clean state
     const hasLoggedOutRef = useRef(false);
@@ -345,6 +345,8 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
                         setJustCompletedLogin(true);
                         // Call the login success callback
                         onLoginSuccess?.({});
+                        // Call the onTurnkeyConnect callback
+                        onTurnkeyConnect?.(authenticatedUser);
                     }, onClose: () => {
                         // If user closes Turnkey modal, they can still use wallet connection as fallback
                         setTurnkeyAuthCompleted(true);

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/SingleUserSearchSelector/SingleUserSearchSelector.d.ts

@@ -0,0 +1,64 @@
+import type { CombinedProfile } from "../../hooks/useProfile";
+/**
+ * Profile type filter options for SingleUserSearchSelector
+ * - b3-ens: B3 ENS profiles
+ * - thirdweb-${string}: Thirdweb profiles (e.g., thirdweb-email, thirdweb-wallet)
+ * - ens-data: ENS data profiles
+ * - global-account: Global account profiles
+ */
+export type ProfileTypeFilter = "b3-ens" | `thirdweb-${string}` | "ens-data" | "global-account";
+export interface SingleUserSearchSelectorProps {
+    /**
+     * Callback function when a user is selected
+     * Returns the complete profile data including all profile types
+     */
+    onSelectUser: (profile: CombinedProfile) => void;
+    /**
+     * Optional: Filter results to only show profiles that include specific types
+     * If provided, only profiles containing at least one of these types will be shown
+     */
+    profileTypeFilter?: ProfileTypeFilter[];
+    /**
+     * Optional: Custom placeholder text for the search input
+     */
+    placeholder?: string;
+    /**
+     * Optional: Custom class name for the container
+     */
+    className?: string;
+    /**
+     * Optional: Show clear button when there's input
+     */
+    showClearButton?: boolean;
+    /**
+     * Optional: Show profile type badges in the result
+     */
+    showBadges?: boolean;
+    /**
+     * Optional: Minimum characters before triggering search
+     */
+    minSearchLength?: number;
+}
+/**
+ * SingleUserSearchSelector Component
+ *
+ * A specialized component for searching and selecting a single user profile.
+ * This component is designed specifically for single-user selection scenarios,
+ * not for multi-user or general profile browsing.
+ *
+ * Features:
+ * - Search by address or name
+ * - Filter results by profile type (b3-ens, thirdweb-*, ens-data, global-account)
+ * - Shows a single result in a dropdown
+ * - Callback with complete profile data on selection
+ *
+ * @example
+ * ```tsx
+ * <SingleUserSearchSelector
+ *   onSelectUser={(profile) => console.log('Selected:', profile)}
+ *   profileTypeFilter={['b3-ens', 'global-account']}
+ *   placeholder="Search by address or name..."
+ * />
+ * ```
+ */
+export declare function SingleUserSearchSelector({ onSelectUser, profileTypeFilter, placeholder, className, showClearButton, showBadges, minSearchLength, }: SingleUserSearchSelectorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,160 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../shared/utils/index.js";
+import { Search, X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { fetchProfile as fetchProfileApi } from "../../utils/profileApi.js";
+import { IPFSMediaRenderer } from "../IPFSMediaRenderer/IPFSMediaRenderer.js";
+import { Input } from "../ui/input.js";
+/**
+ * SingleUserSearchSelector Component
+ *
+ * A specialized component for searching and selecting a single user profile.
+ * This component is designed specifically for single-user selection scenarios,
+ * not for multi-user or general profile browsing.
+ *
+ * Features:
+ * - Search by address or name
+ * - Filter results by profile type (b3-ens, thirdweb-*, ens-data, global-account)
+ * - Shows a single result in a dropdown
+ * - Callback with complete profile data on selection
+ *
+ * @example
+ * ```tsx
+ * <SingleUserSearchSelector
+ *   onSelectUser={(profile) => console.log('Selected:', profile)}
+ *   profileTypeFilter={['b3-ens', 'global-account']}
+ *   placeholder="Search by address or name..."
+ * />
+ * ```
+ */
+export function SingleUserSearchSelector({ onSelectUser, profileTypeFilter, placeholder = "Search by address, name, or ID...", className, showClearButton = true, showBadges = false, minSearchLength = 3, }) {
+    const [searchQuery, setSearchQuery] = useState("");
+    const [isSearching, setIsSearching] = useState(false);
+    const [searchResult, setSearchResult] = useState(null);
+    const [error, setError] = useState(null);
+    const [showDropdown, setShowDropdown] = useState(false);
+    const dropdownRef = useRef(null);
+    const inputRef = useRef(null);
+    const searchTimeoutRef = useRef(undefined);
+    // Fetch profile from API using shared utility
+    const fetchProfile = useCallback(async (query) => {
+        if (!query || query.length < minSearchLength) {
+            return null;
+        }
+        try {
+            // Determine if query is an address (starts with 0x) or a name
+            const params = query.startsWith("0x") ? { address: query } : { name: query };
+            const profile = await fetchProfileApi(params);
+            return profile;
+        }
+        catch (err) {
+            // Return null for 404s (user not found)
+            if (err instanceof Error && err.message.includes("404")) {
+                return null;
+            }
+            console.error("Error fetching profile:", err);
+            throw err;
+        }
+    }, [minSearchLength]);
+    // Filter profile by type
+    const filterProfileByType = useCallback((profile) => {
+        if (!profileTypeFilter || profileTypeFilter.length === 0) {
+            return true;
+        }
+        // Check if any of the profile's types match the filter
+        return profile.profiles.some(p => {
+            return profileTypeFilter.some(filter => {
+                // Handle thirdweb-* wildcard matching
+                if (filter.startsWith("thirdweb-")) {
+                    return p.type.startsWith("thirdweb-");
+                }
+                return p.type === filter;
+            });
+        });
+    }, [profileTypeFilter]);
+    // Handle search with debouncing
+    useEffect(() => {
+        if (searchTimeoutRef.current) {
+            clearTimeout(searchTimeoutRef.current);
+        }
+        if (!searchQuery || searchQuery.length < minSearchLength) {
+            setSearchResult(null);
+            setShowDropdown(false);
+            setError(null);
+            return;
+        }
+        setIsSearching(true);
+        setError(null);
+        searchTimeoutRef.current = setTimeout(async () => {
+            try {
+                const result = await fetchProfile(searchQuery);
+                if (result) {
+                    // Apply profile type filter
+                    if (filterProfileByType(result)) {
+                        setSearchResult(result);
+                        setShowDropdown(true);
+                        setError(null); // Clear any previous errors
+                    }
+                    else {
+                        setSearchResult(null);
+                        setShowDropdown(false);
+                        setError("No matching profile types found");
+                    }
+                }
+                else {
+                    setSearchResult(null);
+                    setShowDropdown(false);
+                    setError("No user found");
+                }
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : "Failed to search");
+                setSearchResult(null);
+                setShowDropdown(false);
+            }
+            finally {
+                setIsSearching(false);
+            }
+        }, 500); // 500ms debounce
+        return () => {
+            if (searchTimeoutRef.current) {
+                clearTimeout(searchTimeoutRef.current);
+            }
+        };
+    }, [searchQuery, fetchProfile, filterProfileByType, minSearchLength]);
+    // Handle click outside to close dropdown
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setShowDropdown(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    // Handle user selection
+    const handleSelectUser = useCallback((profile) => {
+        onSelectUser(profile);
+        setShowDropdown(false);
+        setSearchQuery("");
+        setSearchResult(null);
+    }, [onSelectUser]);
+    // Handle clear search
+    const handleClear = useCallback(() => {
+        setSearchQuery("");
+        setSearchResult(null);
+        setShowDropdown(false);
+        setError(null);
+        inputRef.current?.focus();
+    }, []);
+    // Get display name for profile
+    const getDisplayName = (profile) => {
+        return profile.displayName || profile.name || profile.address || "Unknown";
+    };
+    // Get profile type badges
+    const getProfileTypeBadges = (profiles) => {
+        return profiles.map(p => p.type);
+    };
+    return (_jsxs("div", { className: cn("single-user-search-selector b3-root relative w-full", className), ref: dropdownRef, children: [_jsxs("div", { className: "single-user-search-input-wrapper relative flex items-center", children: [_jsx(Search, { className: "single-user-search-icon pointer-events-none absolute text-gray-400", style: { left: "12px", width: "16px", height: "16px" } }), _jsx(Input, { ref: inputRef, type: "text", value: searchQuery, onChange: e => setSearchQuery(e.target.value), placeholder: placeholder, className: cn("single-user-search-input w-full border-gray-300 focus:border-blue-500 focus:ring-blue-500"), style: { paddingLeft: "44px", paddingRight: "44px" } }), showClearButton && searchQuery && (_jsx("button", { onClick: handleClear, className: "single-user-search-clear-button absolute text-gray-400 transition-colors hover:text-gray-600", style: { right: "12px" }, type: "button", children: _jsx(X, { style: { width: "16px", height: "16px" } }) }))] }), isSearching && _jsx("div", { className: "single-user-search-loading mt-2 text-sm text-gray-500", children: "Searching..." }), error && !isSearching && _jsx("div", { className: "single-user-search-error mt-2 text-sm text-red-500", children: error }), showDropdown && searchResult && !isSearching && (_jsx("div", { className: "single-user-search-dropdown absolute z-50 mt-2 w-full rounded-lg border border-gray-200 bg-white shadow-lg", children: _jsx("button", { onClick: () => handleSelectUser(searchResult), className: "single-user-search-result-button w-full px-4 py-3 text-left transition-colors hover:bg-gray-50", type: "button", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "single-user-search-result-avatar h-11 w-11 shrink-0", children: _jsx(IPFSMediaRenderer, { src: searchResult.avatar, alt: getDisplayName(searchResult), className: "h-full w-full rounded-full object-cover" }) }), _jsxs("div", { className: "single-user-search-result-info min-w-0 flex-1 pt-0.5", children: [_jsx("div", { className: "single-user-search-result-name text-base font-semibold text-gray-900", children: getDisplayName(searchResult) }), searchResult.address && (_jsxs("div", { className: "single-user-search-result-address mt-1 font-mono text-xs text-gray-500", children: [searchResult.address.slice(0, 6), "...", searchResult.address.slice(-4)] })), searchResult.bio && (_jsx("div", { className: "single-user-search-result-bio mt-1.5 line-clamp-2 text-sm text-gray-600", children: searchResult.bio })), showBadges && (_jsx("div", { className: "single-user-search-result-badges mt-2 flex flex-wrap gap-1.5", children: getProfileTypeBadges(searchResult.profiles).map((type, index) => (_jsx("span", { className: "single-user-search-result-badge inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800", children: type }, `${type}-${index}`))) }))] })] }) }) }))] }));
+}

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

@@ -0,0 +1,2 @@
+export { SingleUserSearchSelector } from "./SingleUserSearchSelector";
+export type { ProfileTypeFilter, SingleUserSearchSelectorProps } from "./SingleUserSearchSelector";

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

@@ -0,0 +1 @@
+export { SingleUserSearchSelector } from "./SingleUserSearchSelector.js";

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 } = useB3();
+    const { theme } = useB3Config();
     return (_jsx("div", { className: "b3-root", id: id, "data-theme": theme, children: children }));
 }

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

@@ -1,4 +1,4 @@
 declare const WalletImage: ({ fallback }: {
     fallback?: React.ReactNode;
-}) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
+}) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
 export default WalletImage;

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";
@@ -25,6 +24,8 @@ export { AccountAssets } from "./AccountAssets/AccountAssets";
 export { MintButton } from "./MintButton/MintButton";
 export { SendETHButton } from "./SendETHButton/SendETHButton";
 export { SendERC20Button } from "./SendERC20Button/SendERC20Button";
+export { SingleUserSearchSelector } from "./SingleUserSearchSelector/SingleUserSearchSelector";
+export type { ProfileTypeFilter, SingleUserSearchSelectorProps, } from "./SingleUserSearchSelector/SingleUserSearchSelector";
 export { Button as CustomButton, buttonVariants as customButtonVariants } from "./custom/Button";
 export { ClientOnly } from "./custom/ClientOnly";
 export { CopyToClipboard } from "./custom/CopyToClipboard";

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";
@@ -38,6 +37,8 @@ export { MintButton } from "./MintButton/MintButton.js";
 export { SendETHButton } from "./SendETHButton/SendETHButton.js";
 // SendERC20Button Components
 export { SendERC20Button } from "./SendERC20Button/SendERC20Button.js";
+// SingleUserSearchSelector Components
+export { SingleUserSearchSelector } from "./SingleUserSearchSelector/SingleUserSearchSelector.js";
 // Custom Components
 export { Button as CustomButton, buttonVariants as customButtonVariants } from "./custom/Button.js";
 export { ClientOnly } from "./custom/ClientOnly.js";

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

@@ -44,3 +44,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

@@ -44,3 +44,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.d.ts

@@ -70,7 +70,7 @@ export declare function useAuth(): {
             turnkeyId?: string | undefined;
             turnkeyOtpId?: string | undefined;
         };
-    } | null;
+    } | undefined;
     refetchUser: () => Promise<import("@feathersjs/authentication").AuthenticationResult>;
-    setUser: (user: import("@b3dotfun/b3-api").Users | undefined) => void;
+    setUser: (newUser?: import("@b3dotfun/b3-api").Users) => void;
 };

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, useB3 } 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";
@@ -38,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();
@@ -288,7 +288,7 @@ export function useAuth() {
         debug("@@logout:loggedOut");
         setIsAuthenticated(false);
         setIsConnected(false);
-        setUser(undefined);
+        setUser();
         callback?.();
     }, [activeWallet, disconnect, wallets, setIsAuthenticated, setUser, setIsConnected]);
     const { isLoading: useAutoConnectLoading } = useAutoConnect({

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

@@ -62,7 +62,7 @@ export declare function useAuthentication(partnerId: string): {
             turnkeyId?: string | undefined;
             turnkeyOtpId?: string | undefined;
         };
-    } | null;
+    } | undefined;
     refetchUser: (wallet?: Wallet) => Promise<import("@feathersjs/authentication").AuthenticationResult>;
-    setUser: (user: import("@b3dotfun/b3-api").Users | undefined) => void;
+    setUser: (newUser?: import("@b3dotfun/b3-api").Users) => void;
 };

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

@@ -16,7 +16,7 @@ import { useTWAuth } from "./useTWAuth.js";
 import { useUserQuery } from "./useUserQuery.js";
 const debug = debugB3React("useAuthentication");
 export function useAuthentication(partnerId) {
-    const { onConnectCallback } = useContext(LocalSDKContext);
+    const { onConnectCallback, onLogoutCallback } = useContext(LocalSDKContext);
     const { disconnect } = useDisconnect();
     const wallets = useConnectedWallets();
     const activeWallet = useActiveWallet();
@@ -148,9 +148,12 @@ export function useAuthentication(partnerId) {
         debug("@@logout:loggedOut");
         setIsAuthenticated(false);
         setIsConnected(false);
-        setUser(undefined);
+        setUser();
         callback?.();
-    }, [activeWallet, disconnect, wallets, setIsAuthenticated, setUser, setIsConnected]);
+        if (onLogoutCallback) {
+            await onLogoutCallback();
+        }
+    }, [activeWallet, disconnect, wallets, setIsAuthenticated, setUser, setIsConnected, onLogoutCallback]);
     const onConnect = useCallback(async (_walleAutoConnectedWith, allConnectedWallets) => {
         debug("@@useAuthentication:onConnect", { _walleAutoConnectedWith, allConnectedWallets });
         try {

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,4 +1,4 @@
-import { useB3 } from "../../../global-account/react/index.js";
+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";
@@ -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/useProfile.js

@@ -1,24 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
-const PROFILES_API_URL = "https://profiles.b3.fun";
-async function fetchProfile({ address, name, b3GlobalId, fresh = false, }) {
-    if (!address && !name && !b3GlobalId) {
-        throw new Error("Either address or name or b3GlobalId must be provided");
-    }
-    const params = new URLSearchParams();
-    if (address)
-        params.append("address", address);
-    if (name)
-        params.append("name", name);
-    if (b3GlobalId)
-        params.append("b3GlobalId", b3GlobalId);
-    if (fresh)
-        params.append("fresh", "true");
-    const response = await fetch(`${PROFILES_API_URL}?${params.toString()}`);
-    if (!response.ok) {
-        throw new Error(`Failed to fetch profile: ${response.statusText}`);
-    }
-    return response.json();
-}
+import { fetchProfile, PROFILES_API_URL } from "../utils/profileApi.js";
 async function setProfilePreference({ key, preferredType, signature, signer, timestamp, }) {
     const response = await fetch(`${PROFILES_API_URL}/preference`, {
         method: "POST",

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

@@ -1,7 +1,7 @@
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { useCallback, useState } from "react";
 import app from "../../app.js";
-import { useB3 } from "../components/index.js";
+import { useB3Config } from "../components/index.js";
 import { useAuthStore } from "../stores/index.js";
 import { useAuth } from "./useAuth.js";
 const debug = debugB3React("useTurnkeyAuth");
@@ -18,7 +18,7 @@ export function useTurnkeyAuth() {
     const [error, setError] = useState(null);
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
     const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);
-    const { partnerId } = useB3();
+    const { partnerId } = useB3Config();
     const { authenticate } = useAuth();
     /**
      * Step 1: Initiate login with email