@b3dotfun/sdk 0.1.0 → 0.1.1-alpha.0

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

@@ -24,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,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogDescription = 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.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.toast = 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 = void 0;
-exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = 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");
@@ -72,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

@@ -30,7 +30,8 @@ export { useQueryBSMNT } from "./useQueryBSMNT";
 export { useRemoveSessionKey } from "./useRemoveSessionKey";
 export { useRouter } from "./useRouter";
 export { useSearchParamsSSR } from "./useSearchParamsSSR";
-export { useSimBalance, useSimSvmBalance } from "./useSimBalance";
+export { useSimBalance, useSimSvmBalance, useSimTokenBalance } from "./useSimBalance";
+export { useSimCollectibles } from "./useSimCollectibles";
 export { useSiwe } from "./useSiwe";
 export { useTokenBalance } from "./useTokenBalance";
 export { useTokenBalanceDirect } from "./useTokenBalanceDirect";

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

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUser = exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = 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.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.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");
@@ -85,6 +86,9 @@ Object.defineProperty(exports, "useSearchParamsSSR", { enumerable: true, get: fu
 var useSimBalance_1 = require("./useSimBalance");
 Object.defineProperty(exports, "useSimBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimBalance; } });
 Object.defineProperty(exports, "useSimSvmBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimSvmBalance; } });
+Object.defineProperty(exports, "useSimTokenBalance", { enumerable: true, get: function () { return useSimBalance_1.useSimTokenBalance; } });
+var useSimCollectibles_1 = require("./useSimCollectibles");
+Object.defineProperty(exports, "useSimCollectibles", { enumerable: true, get: function () { return useSimCollectibles_1.useSimCollectibles; } });
 var useSiwe_1 = require("./useSiwe");
 Object.defineProperty(exports, "useSiwe", { enumerable: true, get: function () { return useSiwe_1.useSiwe; } });
 var useTokenBalance_1 = require("./useTokenBalance");

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)();
@@ -156,7 +156,10 @@ function useAuthentication(partnerId) {
         setIsConnected(false);
         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/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

package/dist/cjs/global-account/react/hooks/useSimBalance.d.ts

@@ -50,3 +50,10 @@ export interface SvmBalanceResponse {
 }
 export declare function useSimBalance(address?: string, chainIdsParam?: number[]): import("@tanstack/react-query").UseQueryResult<SimBalanceResponse, Error>;
 export declare function useSimSvmBalance(address?: string, chains?: ("solana" | "eclipse")[], limit?: number): import("@tanstack/react-query").UseQueryResult<SvmBalanceResponse, Error>;
+/**
+ * Hook to fetch a single token balance for a wallet.
+ * @param walletAddress - The wallet address to fetch balance for
+ * @param tokenAddress - The token contract address, or "native" for native token (ETH, etc.)
+ * @param chainId - Chain ID to query (defaults to 1 for Ethereum mainnet)
+ */
+export declare function useSimTokenBalance(walletAddress?: string, tokenAddress?: string, chainId?: number): import("@tanstack/react-query").UseQueryResult<SimBalanceResponse, Error>;

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

@@ -2,15 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSimBalance = useSimBalance;
 exports.useSimSvmBalance = useSimSvmBalance;
+exports.useSimTokenBalance = useSimTokenBalance;
 const react_query_1 = require("@tanstack/react-query");
+const simdune_1 = require("../utils/simdune");
 async function fetchSimBalance(address, chainIdsParam) {
     if (!address)
         throw new Error("Address is required");
     const chainIds = chainIdsParam.length === 0 ? "mainnet" : chainIdsParam.join(",");
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/v1/evm/balances/${address}?metadata=logo&chain_ids=${chainIds}&exclude_spam_tokens=true`;
-    if (process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET) {
-        url += `&localkey=${process.env.NEXT_PUBLIC_DEVMODE_SHARED_SECRET}`;
-    }
+    const queryParams = new URLSearchParams();
+    queryParams.append("metadata", "logo");
+    queryParams.append("chain_ids", chainIds);
+    queryParams.append("exclude_spam_tokens", "true");
+    const url = (0, simdune_1.buildSimduneUrl)(`/v1/evm/balances/${address}`, queryParams);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch balance: ${response.statusText}`);
@@ -18,6 +21,23 @@ async function fetchSimBalance(address, chainIdsParam) {
     const balanceData = await response.json();
     return balanceData;
 }
+async function fetchSimTokenBalance(walletAddress, tokenAddress, chainId) {
+    if (!walletAddress)
+        throw new Error("Wallet address is required");
+    if (!tokenAddress)
+        throw new Error("Token address is required");
+    if (!chainId)
+        throw new Error("Chain ID is required");
+    const queryParams = new URLSearchParams();
+    queryParams.append("chain_ids", chainId.toString());
+    const url = (0, simdune_1.buildSimduneUrl)(`/v1/evm/balances/${walletAddress}/token/${tokenAddress}`, queryParams);
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`Failed to fetch token balance: ${response.statusText}`);
+    }
+    const balanceData = await response.json();
+    return balanceData;
+}
 async function fetchSimSvmBalance(address, chains, limit) {
     if (!address)
         throw new Error("Address is required");
@@ -28,13 +48,7 @@ async function fetchSimSvmBalance(address, chains, limit) {
     if (limit) {
         queryParams.append("limit", limit.toString());
     }
-    let url = `https://simdune-api.sean-430.workers.dev/?url=https://api.sim.dune.com/beta/svm/balances/${address}`;
-    if (queryParams.toString()) {
-        url += `?${queryParams.toString()}`;
-    }
-    if (process.env.NEXT_PUBLIC_LOCAL_SIMDUNE_KEY) {
-        url += `${queryParams.toString() ? "&" : "?"}localkey=${process.env.NEXT_PUBLIC_LOCAL_SIMDUNE_KEY}`;
-    }
+    const url = (0, simdune_1.buildSimduneUrl)(`/beta/svm/balances/${address}`, queryParams.toString() ? queryParams : undefined);
     const response = await fetch(url);
     if (!response.ok) {
         throw new Error(`Failed to fetch SVM balance: ${response.statusText}`);
@@ -64,3 +78,21 @@ function useSimSvmBalance(address, chains, limit) {
         enabled: Boolean(address),
     });
 }
+/**
+ * Hook to fetch a single token balance for a wallet.
+ * @param walletAddress - The wallet address to fetch balance for
+ * @param tokenAddress - The token contract address, or "native" for native token (ETH, etc.)
+ * @param chainId - Chain ID to query (defaults to 1 for Ethereum mainnet)
+ */
+function useSimTokenBalance(walletAddress, tokenAddress, chainId) {
+    return (0, react_query_1.useQuery)({
+        queryKey: ["simTokenBalance", walletAddress, tokenAddress, chainId],
+        queryFn: () => {
+            if (!walletAddress || !tokenAddress || !chainId) {
+                throw new Error("Missing required parameters");
+            }
+            return fetchSimTokenBalance(walletAddress, tokenAddress, chainId);
+        },
+        enabled: Boolean(walletAddress) && Boolean(tokenAddress),
+    });
+}

package/dist/cjs/global-account/react/hooks/useSimCollectibles.d.ts

@@ -0,0 +1,45 @@
+import type { SimpleHashNFTResponse } from "../../../global-account/types/simplehash.types";
+export interface SimCollectibleMetadata {
+    uri: string;
+    attributes?: Array<{
+        trait_type: string;
+        value: string;
+        display_type?: string | null;
+    }>;
+}
+export interface SimCollectibleEntry {
+    contract_address: string;
+    token_standard: "ERC721" | "ERC1155";
+    token_id: string;
+    chain: string;
+    chain_id: number;
+    name?: string;
+    description?: string;
+    symbol?: string;
+    image_url?: string;
+    last_sale_price?: string;
+    metadata?: SimCollectibleMetadata;
+    is_spam?: boolean;
+    spam_score?: number;
+    explanations?: string[];
+    balance?: string;
+    last_acquired?: string;
+}
+export interface SimCollectiblesResponse {
+    address: string;
+    entries: SimCollectibleEntry[];
+    next_offset?: string;
+    request_time: string;
+    response_time: string;
+}
+/**
+ * Hook to fetch NFT collectibles from Simdune API.
+ * Returns data in SimpleHash format for compatibility with AccountAssets component.
+ * @param address - Wallet address to fetch collectibles for
+ * @param chainIdsParam - Optional array of chain IDs to filter by
+ * @param options - Optional parameters (limit, filterSpam)
+ */
+export declare function useSimCollectibles(address?: string, chainIdsParam?: number[], options?: {
+    limit?: number;
+    filterSpam?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<SimpleHashNFTResponse, Error>;