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

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

@@ -14,7 +14,7 @@ const validateEmail = (email) => {
     return emailRegex.test(email);
 };
 const EmailChannel = ({ userId, jwtToken, emailChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const [email, setEmail] = (0, react_2.useState)("");
     const [emailError, setEmailError] = (0, react_2.useState)(null);
     const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);

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

@@ -10,7 +10,7 @@ const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("PhoneChannel");
 const PhoneChannel = ({ userId, jwtToken, smsChannel, whatsappChannel, isSMSConnected, isWhatsAppConnected, isOptimisticallySMSConnected, isOptimisticallyWhatsAppConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const [phoneNumber, setPhoneNumber] = (0, react_2.useState)("");
     const [isConnectingSMS, setIsConnectingSMS] = (0, react_2.useState)(false);
     const [isConnectingWhatsApp, setIsConnectingWhatsApp] = (0, react_2.useState)(false);

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

@@ -10,7 +10,7 @@ const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("TelegramChannel");
 const TelegramChannel = ({ userId, jwtToken, telegramChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
     const [status, setStatus] = (0, react_2.useState)("idle");
     // Detect if we're disconnecting

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

@@ -20,7 +20,7 @@ const debug = (0, debug_1.debugB3React)("RequestPermissions");
 function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }) {
     const [isApproving, setIsApproving] = (0, react_2.useState)(false);
     const account = (0, react_3.useActiveAccount)();
-    const { defaultPermissions } = (0, react_1.useB3)();
+    const { defaultPermissions } = (0, react_1.useB3Config)();
     const DEFAULT_PERMISSIONS = (0, react_2.useMemo)(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
     const { refetch: refetchSigners } = (0, react_1.useGetAllTWSigners)({
         chain,

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

@@ -15,7 +15,7 @@ const react_4 = require("thirdweb/react");
 const ManageAccountButton_1 = require("../custom/ManageAccountButton");
 function SignIn(props) {
     const { className } = props;
-    const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3)();
+    const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3Config)();
     const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = (0, react_1.useAccountWallet)();
     const { data: walletImage } = (0, react_4.useWalletImage)(connectedEOAWallet?.id);
     const isMobile = (0, react_1.useIsMobile)();

package/dist/cjs/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/cjs/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -16,8 +16,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
  */
-function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, source = "signInWithB3Button", signersEnabled = false, }) {
-    const { automaticallySetFirstEoa, enableTurnkey } = (0, react_1.useB3)();
+function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, source = "signInWithB3Button", signersEnabled = false, onTurnkeyConnect, }) {
+    const { automaticallySetFirstEoa, enableTurnkey } = (0, react_1.useB3Config)();
     const { user, refetchUser, logout } = (0, react_1.useAuthentication)(partnerId);
     // FIXME Logout before login to ensure a clean state
     const hasLoggedOutRef = (0, react_2.useRef)(false);
@@ -348,6 +348,8 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
                         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/cjs/global-account/react/components/SignInWithB3/SignInWithB3Privy.js

@@ -7,7 +7,7 @@ const debug_1 = require("../../../../shared/utils/debug");
 const react_2 = require("react");
 const debug = (0, debug_1.debugB3React)("SignInWithB3Privy");
 function SignInWithB3Privy({ onSuccess, onError, chain }) {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const { isLoading, connectTw, fullToken } = (0, react_1.useHandleConnectWithPrivy)(chain, onSuccess);
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);

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

@@ -19,7 +19,7 @@ function LoginStepContainer({ children, partnerId }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex flex-col items-center justify-center pt-6", children: [partnerLogo && ((0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
 }
 function LoginStep({ onSuccess, chain }) {
-    const { partnerId, theme } = (0, react_1.useB3)();
+    const { partnerId, theme } = (0, react_1.useB3Config)();
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {
         partnerId: partnerId,
     });

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

@@ -10,7 +10,7 @@ const react_3 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
 const debug = (0, debug_1.debugB3React)("LoginStepCustom");
 function LoginStepCustom({ onSuccess, onError, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const [showAllWallets, setShowAllWallets] = (0, react_2.useState)(false);
     const { connect } = (0, react_1.useConnect)(partnerId, chain);

package/dist/cjs/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/cjs/global-account/react/components/SingleUserSearchSelector/SingleUserSearchSelector.js

@@ -0,0 +1,163 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleUserSearchSelector = SingleUserSearchSelector;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../../../shared/utils");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const profileApi_1 = require("../../utils/profileApi");
+const IPFSMediaRenderer_1 = require("../IPFSMediaRenderer/IPFSMediaRenderer");
+const input_1 = require("../ui/input");
+/**
+ * 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..."
+ * />
+ * ```
+ */
+function SingleUserSearchSelector({ onSelectUser, profileTypeFilter, placeholder = "Search by address, name, or ID...", className, showClearButton = true, showBadges = false, minSearchLength = 3, }) {
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)("");
+    const [isSearching, setIsSearching] = (0, react_1.useState)(false);
+    const [searchResult, setSearchResult] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [showDropdown, setShowDropdown] = (0, react_1.useState)(false);
+    const dropdownRef = (0, react_1.useRef)(null);
+    const inputRef = (0, react_1.useRef)(null);
+    const searchTimeoutRef = (0, react_1.useRef)(undefined);
+    // Fetch profile from API using shared utility
+    const fetchProfile = (0, react_1.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 (0, profileApi_1.fetchProfile)(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 = (0, react_1.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
+    (0, react_1.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
+    (0, react_1.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 = (0, react_1.useCallback)((profile) => {
+        onSelectUser(profile);
+        setShowDropdown(false);
+        setSearchQuery("");
+        setSearchResult(null);
+    }, [onSelectUser]);
+    // Handle clear search
+    const handleClear = (0, react_1.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 ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("single-user-search-selector b3-root relative w-full", className), ref: dropdownRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: "single-user-search-input-wrapper relative flex items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "single-user-search-icon pointer-events-none absolute text-gray-400", style: { left: "12px", width: "16px", height: "16px" } }), (0, jsx_runtime_1.jsx)(input_1.Input, { ref: inputRef, type: "text", value: searchQuery, onChange: e => setSearchQuery(e.target.value), placeholder: placeholder, className: (0, utils_1.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 && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { style: { width: "16px", height: "16px" } }) }))] }), isSearching && (0, jsx_runtime_1.jsx)("div", { className: "single-user-search-loading mt-2 text-sm text-gray-500", children: "Searching..." }), error && !isSearching && (0, jsx_runtime_1.jsx)("div", { className: "single-user-search-error mt-2 text-sm text-red-500", children: error }), showDropdown && searchResult && !isSearching && ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "single-user-search-result-avatar h-11 w-11 shrink-0", children: (0, jsx_runtime_1.jsx)(IPFSMediaRenderer_1.IPFSMediaRenderer, { src: searchResult.avatar, alt: getDisplayName(searchResult), className: "h-full w-full rounded-full object-cover" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "single-user-search-result-info min-w-0 flex-1 pt-0.5", children: [(0, jsx_runtime_1.jsx)("div", { className: "single-user-search-result-name text-base font-semibold text-gray-900", children: getDisplayName(searchResult) }), searchResult.address && ((0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)("div", { className: "single-user-search-result-bio mt-1.5 line-clamp-2 text-sm text-gray-600", children: searchResult.bio })), showBadges && ((0, jsx_runtime_1.jsx)("div", { className: "single-user-search-result-badges mt-2 flex flex-wrap gap-1.5", children: getProfileTypeBadges(searchResult.profiles).map((type, index) => ((0, jsx_runtime_1.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/cjs/global-account/react/components/SingleUserSearchSelector/index.d.ts

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SingleUserSearchSelector = void 0;
+var SingleUserSearchSelector_1 = require("./SingleUserSearchSelector");
+Object.defineProperty(exports, "SingleUserSearchSelector", { enumerable: true, get: function () { return SingleUserSearchSelector_1.SingleUserSearchSelector; } });

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyleRoot = StyleRoot;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const useB3_1 = require("./B3Provider/useB3");
+const useB3Config_1 = require("./B3Provider/useB3Config");
 function StyleRoot({ children, id }) {
-    const { theme } = (0, useB3_1.useB3)();
+    const { theme } = (0, useB3Config_1.useB3Config)();
     return ((0, jsx_runtime_1.jsx)("div", { className: "b3-root", id: id, "data-theme": theme, children: children }));
 }

package/dist/cjs/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/cjs/global-account/react/components/custom/ManageAccountButton.js

@@ -5,9 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 function ManageAccountButton(props) {
-    const { partnerId } = (0, react_1.useB3)();
     const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
-    const { isConnected } = (0, react_1.useAuthentication)(partnerId);
+    const { isConnected } = (0, react_1.useUser)();
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,

package/dist/cjs/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/cjs/global-account/react/components/index.js

@@ -3,20 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.B3Context = exports.RelayKitProviderWrapper = exports.InnerProvider = exports.B3Provider = exports.B3DynamicModal = void 0;
-exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = void 0;
-exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = exports.toast = exports.AnimatedLottie = void 0;
+exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SingleUserSearchSelector = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.RelayKitProviderWrapper = exports.B3Provider = exports.B3DynamicModal = void 0;
+exports.AnimatedLottie = exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = void 0;
+exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = exports.toast = void 0;
 // TODO woj: Barrel file for all components, this might be reason of bundle size issues
 // Core Components
 var B3DynamicModal_1 = require("./B3DynamicModal");
 Object.defineProperty(exports, "B3DynamicModal", { enumerable: true, get: function () { return B3DynamicModal_1.B3DynamicModal; } });
 var B3Provider_1 = require("./B3Provider/B3Provider");
 Object.defineProperty(exports, "B3Provider", { enumerable: true, get: function () { return B3Provider_1.B3Provider; } });
-Object.defineProperty(exports, "InnerProvider", { enumerable: true, get: function () { return B3Provider_1.InnerProvider; } });
 var RelayKitProviderWrapper_1 = require("./B3Provider/RelayKitProviderWrapper");
 Object.defineProperty(exports, "RelayKitProviderWrapper", { enumerable: true, get: function () { return RelayKitProviderWrapper_1.RelayKitProviderWrapper; } });
-var types_1 = require("./B3Provider/types");
-Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return types_1.B3Context; } });
 var useB3_1 = require("./B3Provider/useB3");
 Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return useB3_1.useB3; } });
 var useB3Account_1 = require("./B3Provider/useB3Account");
@@ -75,6 +72,9 @@ Object.defineProperty(exports, "SendETHButton", { enumerable: true, get: functio
 // SendERC20Button Components
 var SendERC20Button_1 = require("./SendERC20Button/SendERC20Button");
 Object.defineProperty(exports, "SendERC20Button", { enumerable: true, get: function () { return SendERC20Button_1.SendERC20Button; } });
+// SingleUserSearchSelector Components
+var SingleUserSearchSelector_1 = require("./SingleUserSearchSelector/SingleUserSearchSelector");
+Object.defineProperty(exports, "SingleUserSearchSelector", { enumerable: true, get: function () { return SingleUserSearchSelector_1.SingleUserSearchSelector; } });
 // Custom Components
 var Button_1 = require("./custom/Button");
 Object.defineProperty(exports, "CustomButton", { enumerable: true, get: function () { return Button_1.Button; } });

package/dist/cjs/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/cjs/global-account/react/hooks/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimCollectibles = exports.useSimTokenBalance = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
-exports.useURLParams = void 0;
+exports.useUser = exports.useURLParams = void 0;
 var createWagmiConfig_1 = require("../utils/createWagmiConfig");
 Object.defineProperty(exports, "createWagmiConfig", { enumerable: true, get: function () { return createWagmiConfig_1.createWagmiConfig; } });
 var useAccountAssets_1 = require("./useAccountAssets");
@@ -113,3 +113,5 @@ var useUnifiedChainSwitchAndExecute_1 = require("./useUnifiedChainSwitchAndExecu
 Object.defineProperty(exports, "useUnifiedChainSwitchAndExecute", { enumerable: true, get: function () { return useUnifiedChainSwitchAndExecute_1.useUnifiedChainSwitchAndExecute; } });
 var useURLParams_1 = require("./useURLParams");
 Object.defineProperty(exports, "useURLParams", { enumerable: true, get: function () { return useURLParams_1.useURLParams; } });
+var useUser_1 = require("./useUser");
+Object.defineProperty(exports, "useUser", { enumerable: true, get: function () { return useUser_1.useUser; } });

package/dist/cjs/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/cjs/global-account/react/hooks/useAuth.js

@@ -44,7 +44,7 @@ function useAuth() {
     const hasStartedConnecting = (0, react_1.useAuthStore)(state => state.hasStartedConnecting);
     const useAutoConnectLoadingPrevious = (0, react_2.useRef)(false);
     const referralCode = (0, useSearchParamsSSR_1.useSearchParam)("referralCode");
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId });
     const { connect } = (0, wagmi_1.useConnect)();
     const activeWagmiAccount = (0, wagmi_1.useAccount)();
@@ -294,7 +294,7 @@ function useAuth() {
         debug("@@logout:loggedOut");
         setIsAuthenticated(false);
         setIsConnected(false);
-        setUser(undefined);
+        setUser();
         callback?.();
     }, [activeWallet, disconnect, wallets, setIsAuthenticated, setUser, setIsConnected]);
     const { isLoading: useAutoConnectLoading } = (0, react_3.useAutoConnect)({

package/dist/cjs/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/cjs/global-account/react/hooks/useAuthentication.js

@@ -22,7 +22,7 @@ const useTWAuth_1 = require("./useTWAuth");
 const useUserQuery_1 = require("./useUserQuery");
 const debug = (0, debug_1.debugB3React)("useAuthentication");
 function useAuthentication(partnerId) {
-    const { onConnectCallback } = (0, react_2.useContext)(LocalSDKProvider_1.LocalSDKContext);
+    const { onConnectCallback, onLogoutCallback } = (0, react_2.useContext)(LocalSDKProvider_1.LocalSDKContext);
     const { disconnect } = (0, react_3.useDisconnect)();
     const wallets = (0, react_3.useConnectedWallets)();
     const activeWallet = (0, react_3.useActiveWallet)();
@@ -154,9 +154,12 @@ 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 = (0, react_2.useCallback)(async (_walleAutoConnectedWith, allConnectedWallets) => {
         debug("@@useAuthentication:onConnect", { _walleAutoConnectedWith, allConnectedWallets });
         try {

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

@@ -8,7 +8,7 @@ const client_manager_1 = require("../../client-manager");
  * Hook to access the current FeathersJS client and client management utilities
  */
 function useClient() {
-    const { clientType } = (0, react_1.useB3)();
+    const { clientType } = (0, react_1.useB3Config)();
     const getCurrentClient = (0, react_2.useCallback)(() => {
         return (0, client_manager_1.getClient)();
     }, []);

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

@@ -11,7 +11,7 @@ const debug = (0, debug_1.debugB3React)("@@b3:useHandleConnectWithPrivy");
  * Currently, this is for the basement-privy strategy
  */
 function useHandleConnectWithPrivy(chain, onSuccess) {
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     if (!chain) {
         throw new Error("Chain is required");
     }

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

@@ -30,7 +30,7 @@ const debug = (0, debug_1.debugB3React)("useNotifications");
  */
 function useNotifications() {
     const { user } = (0, useUserQuery_1.useUserQuery)();
-    const { partnerId } = (0, react_1.useB3)();
+    const { partnerId } = (0, react_1.useB3Config)();
     const [userData, setUserData] = (0, react_2.useState)(null);
     const [loading, setLoading] = (0, react_2.useState)(true);
     const [error, setError] = (0, react_2.useState)(null);

package/dist/cjs/global-account/react/hooks/useProfile.js

@@ -5,28 +5,9 @@ exports.useProfilePreference = useProfilePreference;
 exports.useDisplayName = useDisplayName;
 exports.useProfileSettings = useProfileSettings;
 const react_query_1 = require("@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();
-}
+const profileApi_1 = require("../utils/profileApi");
 async function setProfilePreference({ key, preferredType, signature, signer, timestamp, }) {
-    const response = await fetch(`${PROFILES_API_URL}/preference`, {
+    const response = await fetch(`${profileApi_1.PROFILES_API_URL}/preference`, {
         method: "POST",
         headers: {
             "Content-Type": "application/json",
@@ -45,7 +26,7 @@ async function setProfilePreference({ key, preferredType, signature, signer, tim
     return response.json();
 }
 async function setDisplayName({ key, displayName, signature, signer, timestamp, }) {
-    const response = await fetch(`${PROFILES_API_URL}/display-name`, {
+    const response = await fetch(`${profileApi_1.PROFILES_API_URL}/display-name`, {
         method: "POST",
         headers: {
             "Content-Type": "application/json",
@@ -66,7 +47,7 @@ async function setDisplayName({ key, displayName, signature, signer, timestamp,
 function useProfile({ address, name, b3GlobalId, fresh = false, }, options) {
     return (0, react_query_1.useQuery)({
         queryKey: ["profile", address || name || b3GlobalId, fresh],
-        queryFn: () => fetchProfile({ address, name, b3GlobalId, fresh }),
+        queryFn: () => (0, profileApi_1.fetchProfile)({ address, name, b3GlobalId, fresh }),
         enabled: (options?.enabled ?? true) && (!!address || !!name || !!b3GlobalId),
         refetchInterval: options?.refetchInterval,
         staleTime: options?.staleTime ?? 5 * 60 * 1000, // 5 minutes default