@b3dotfun/sdk 0.0.73-test.3 → 0.0.74-alpha.0

package/dist/esm/global-account/react/components/icons/WalletIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WalletIcon({ className, ...props }) {
+    return (_jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: [_jsx("rect", { width: "40", height: "40", rx: "20", fill: "#F4F4F5" }), _jsx("path", { d: "M28 16H27V14C27 13.4696 26.7893 12.9609 26.4142 12.5858C26.0391 12.2107 25.5304 12 25 12H15C14.4696 12 13.9609 12.2107 13.5858 12.5858C13.2107 12.9609 13 13.4696 13 14V26C13 26.5304 13.2107 27.0391 13.5858 27.4142C13.9609 27.7893 14.4696 28 15 28H27C27.5304 28 28.0391 27.7893 28.4142 27.4142C28.7893 27.0391 29 26.5304 29 26V18C29 17.4696 28.7893 16.9609 28.4142 16.5858C28.0391 16.2107 27.5304 16 27 16ZM15 14H25V16H15V14ZM27 22H25C24.7348 22 24.4804 21.8946 24.2929 21.7071C24.1054 21.5196 24 21.2652 24 21C24 20.7348 24.1054 20.4804 24.2929 20.2929C24.4804 20.1054 24.7348 20 25 20H27V22Z", fill: "#71717A" })] }));
+}

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

@@ -13,8 +13,9 @@ export { SignInWithB3Privy } from "./SignInWithB3/SignInWithB3Privy";
 export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep";
 export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } from "./SignInWithB3/utils/signInUtils";
 export { ManageAccount } from "./ManageAccount/ManageAccount";
-export { AvatarEditor } from "./AvatarEditor/AvatarEditor";
-export { ProfileEditor } from "./ProfileEditor/ProfileEditor";
+export { Deposit } from "./Deposit/Deposit";
+export { Send } from "./Send/Send";
+export { IPFSMediaRenderer } from "./IPFSMediaRenderer/IPFSMediaRenderer";
 export { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 export { RequestPermissionsButton } from "./RequestPermissions/RequestPermissionsButton";
 export { AccountAssets } from "./AccountAssets/AccountAssets";
@@ -40,10 +41,15 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area";
 export { ShinyButton } from "./ui/ShinyButton";
 export { Skeleton } from "./ui/skeleton";
-export { TabTrigger as TabTriggerPrimitive, TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, } from "./ui/Tabs";
-export { TabTrigger, Tabs, TabsContent, TabsList, TabsTransitionWrapper } from "./ui/TabSystem";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs";
+export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
 export { TextLoop } from "./ui/text-loop";
 export { TextShimmer } from "./ui/text-shimmer";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
 export { TransitionPanel } from "./ui/transition-panel";
 export { AnimatedLottie } from "./magicui/AnimatedLottie";
+export { toast } from "./Toast/toastApi";
+export { Toast, ToastContainer } from "./Toast/ToastComponents";
+export { ToastProvider, useToastContext } from "./Toast/ToastContext";
+export type { ToastItem, ToastType } from "./Toast/ToastContext";
+export { default as WalletImage } from "./WalletImage/WalletImage";

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

@@ -1,3 +1,4 @@
+// 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";
@@ -16,9 +17,12 @@ export { LoginStepContainer } from "./SignInWithB3/steps/LoginStep.js";
 export { getConnectOptionsFromStrategy, isWalletType } from "./SignInWithB3/utils/signInUtils.js";
 // ManageAccount Components
 export { ManageAccount } from "./ManageAccount/ManageAccount.js";
-// Profile Components
-export { AvatarEditor } from "./AvatarEditor/AvatarEditor.js";
-export { ProfileEditor } from "./ProfileEditor/ProfileEditor.js";
+// Deposit Components
+export { Deposit } from "./Deposit/Deposit.js";
+// Send Components
+export { Send } from "./Send/Send.js";
+// Media Components
+export { IPFSMediaRenderer } from "./IPFSMediaRenderer/IPFSMediaRenderer.js";
 // RequestPermissions Components
 export { RequestPermissions } from "./RequestPermissions/RequestPermissions.js";
 export { RequestPermissionsButton } from "./RequestPermissions/RequestPermissionsButton.js";
@@ -51,11 +55,16 @@ export { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 export { ScrollArea, ScrollBar } from "./ui/scroll-area.js";
 export { ShinyButton } from "./ui/ShinyButton.js";
 export { Skeleton } from "./ui/skeleton.js";
-export { TabTrigger as TabTriggerPrimitive, TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, } from "./ui/Tabs.js";
-export { TabTrigger, Tabs, TabsContent, TabsList, TabsTransitionWrapper } from "./ui/TabSystem.js";
+export { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs.js";
+export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem.js";
 export { TextLoop } from "./ui/text-loop.js";
 export { TextShimmer } from "./ui/text-shimmer.js";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
 export { TransitionPanel } from "./ui/transition-panel.js";
 // Magic UI Components
 export { AnimatedLottie } from "./magicui/AnimatedLottie.js";
+// Toast Components
+export { toast } from "./Toast/toastApi.js";
+export { Toast, ToastContainer } from "./Toast/ToastComponents.js";
+export { ToastProvider, useToastContext } from "./Toast/ToastContext.js";
+export { default as WalletImage } from "./WalletImage/WalletImage.js";

package/dist/esm/global-account/react/components/ui/Tabs.js

@@ -3,10 +3,10 @@ import { cn } from "../../../../shared/utils/index.js";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 export const Tabs = ({ defaultValue, onValueChange, children, }) => (_jsx(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
 export function TabsList({ className, ...props }) {
-    return (_jsx(TabsPrimitive.List, { className: cn("border-b3-react-border bg-b3-react-background inline-flex h-12 w-full items-center justify-center rounded-lg border", className), ...props }));
+    return _jsx(TabsPrimitive.List, { className: cn("", className), ...props });
 }
 export function TabTrigger({ className, ...props }) {
-    return (_jsx(TabsPrimitive.Trigger, { className: cn("inline-flex h-full items-center justify-center whitespace-nowrap px-3 text-sm font-medium transition-all", "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", "data-[state=active]:bg-b3-react-subtle data-[state=active]:text-b3-react-primary data-[state=active]:font-bold", "border-b3-react-border hover:text-b3-react-foreground data-[state=inactive]:border-b3-react-border data-[state=inactive]:text-b3-react-muted-foreground", "flex-1 border-r", className), ...props }));
+    return (_jsx(TabsPrimitive.Trigger, { className: cn("text-md inline-flex h-full items-center justify-center whitespace-nowrap px-3 font-semibold transition-all", "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", "data-[state=active]:font-bold data-[state=active]:text-[#0B57C2]", "hover:text-b3-react-foreground data-[state=inactive]:text-b3-react-muted-foreground", "flex-1", className), ...props }));
 }
 export function TabsContent({ className, ...props }) {
     return (_jsx(TabsPrimitive.Content, { className: cn("ring-offset-b3-react-background focus-visible:ring-b3-react-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2", className), ...props }));

package/dist/esm/global-account/react/components/ui/dialog.js

@@ -10,9 +10,9 @@ const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 backdrop-blur-[20px]", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:backdrop-blur-none data-[state=open]:backdrop-blur-[20px]", "transition-all duration-300", className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, hideCloseButton = false, closeBtnClassName, ...props }, ref) => {
+const DialogContent = React.forwardRef(({ className, children, hideCloseButton = true, closeBtnClassName, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("bg-b3-react-background fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+    return (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", "[perspective:1200px] [transform-style:preserve-3d] sm:rounded-xl", "transition-all ease-out", className), ...props, children: [_jsxs("div", { className: "modal-inner-content mb-[23px] flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]", children: [children, !hideCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400", closeBtnClassName), children: [_jsx(X, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }), _jsxs("div", { className: "b3-modal-ga-branding absolute bottom-[10px] left-0 right-0 flex items-center justify-center gap-1.5 pt-[10px]", children: [_jsx("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4 w-4" }), _jsx("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));

package/dist/esm/global-account/react/components/ui/drawer.js

@@ -12,7 +12,7 @@ const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(D
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return (_jsxs(DrawerPortal, { container: container, children: [_jsx(DrawerOverlay, {}), _jsx(DrawerPrimitive.Content, { ref: ref, className: cn("bg-b3-react-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border py-6", className), ...props, children: children })] }));
+    return (_jsxs(DrawerPortal, { container: container, children: [_jsx(DrawerOverlay, {}), _jsx(DrawerPrimitive.Content, { ref: ref, className: cn("bg-b3-react-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border py-6 pt-5", className), ...props, children: children })] }));
 });
 DrawerContent.displayName = "DrawerContent";
 const DrawerHeader = ({ className, ...props }) => (_jsx("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props }));

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

@@ -22,8 +22,9 @@ export { useIsMobile } from "./useIsMobile";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 export { useMediaQuery } from "./useMediaQuery";
 export { useNativeBalance, useNativeBalanceFromRPC } from "./useNativeBalance";
+export { useNotifications, type UseNotificationsReturn } from "./useNotifications";
 export { useOneBalance } from "./useOneBalance";
-export { useProfile, useProfilePreference, type CombinedProfile, type PreferenceRequestBody, type Profile, } from "./useProfile";
+export { useDisplayName, useProfile, useProfilePreference, useProfileSettings, type CombinedProfile, type DisplayNameRequestBody, type PreferenceRequestBody, type Profile, } from "./useProfile";
 export { useQueryB3 } from "./useQueryB3";
 export { useQueryBSMNT } from "./useQueryBSMNT";
 export { useRemoveSessionKey } from "./useRemoveSessionKey";
@@ -39,5 +40,5 @@ export { useTokenFromUrl } from "./useTokenFromUrl";
 export { useTokenPrice } from "./useTokenPrice";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback";
 export { useTokensFromAddress } from "./useTokensFromAddress";
-export { useURLParams } from "./useURLParams";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
+export { useURLParams } from "./useURLParams";

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

@@ -22,8 +22,9 @@ export { useIsMobile } from "./useIsMobile.js";
 export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
 export { useMediaQuery } from "./useMediaQuery.js";
 export { useNativeBalance, useNativeBalanceFromRPC } from "./useNativeBalance.js";
+export { useNotifications } from "./useNotifications.js";
 export { useOneBalance } from "./useOneBalance.js";
-export { useProfile, useProfilePreference, } from "./useProfile.js";
+export { useDisplayName, useProfile, useProfilePreference, useProfileSettings, } from "./useProfile.js";
 export { useQueryB3 } from "./useQueryB3.js";
 export { useQueryBSMNT } from "./useQueryBSMNT.js";
 export { useRemoveSessionKey } from "./useRemoveSessionKey.js";
@@ -39,5 +40,5 @@ export { useTokenFromUrl } from "./useTokenFromUrl.js";
 export { useTokenPrice } from "./useTokenPrice.js";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback.js";
 export { useTokensFromAddress } from "./useTokensFromAddress.js";
-export { useURLParams } from "./useURLParams.js";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute.js";
+export { useURLParams } from "./useURLParams.js";

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

@@ -16,3 +16,4 @@ export declare function useAccountWallet(): {
     eoaWalletIcon?: string;
     smartWalletIcon?: string;
 };
+export declare function useAccountWalletImage(): string;

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

@@ -69,3 +69,20 @@ export function useAccountWallet() {
     ]);
     return res;
 }
+export function useAccountWalletImage() {
+    const { account, user } = useB3();
+    const activeWallet = useActiveWallet();
+    const connectedWallets = useConnectedWallets();
+    const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === ecosystemWalletId);
+    const connectedEOAWallet = connectedWallets.find(wallet => wallet.id !== ecosystemWalletId);
+    const isActiveSmartWallet = activeWallet?.id === connectedSmartWallet?.id;
+    const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
+    // If not EOA sign in, then we need to show the smart wallet icon
+    const lastAuthProvider = useLastAuthProvider();
+    const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
+        ? socialIcons[lastAuthProvider]
+        : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
+    const { data: profileData } = useProfile({ address: account?.address });
+    const avatarUrl = user?.avatar || profileData?.avatar;
+    return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
+}

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

@@ -74,6 +74,7 @@ export function useB3BalanceFromAddresses(addresses, options) {
         enabled: (options?.enabled ?? true) && normalizedAddresses.length > 0,
         refetchInterval: options?.refetchInterval ?? 30000, // Default 30s refresh
         staleTime: 10000, // Consider data stale after 10s
+        structuralSharing: false, // Disable structural sharing because data contains BigInt values
     });
 }
 export default useB3BalanceFromAddresses;

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

@@ -1,8 +1,8 @@
 import { getChainName, getNativeToken } from "../../../anyspend/index.js";
+import { toast } from "../../../global-account/react/index.js";
 import { supportedChains } from "../../../shared/constants/chains/supported.js";
 import invariant from "invariant";
 import { useCallback, useState } from "react";
-import { toast } from "sonner";
 import { useSwitchChain, useWalletClient } from "wagmi";
 export function useChainSwitchWithAction() {
     const { data: walletClient } = useWalletClient();
@@ -59,7 +59,7 @@ export function useChainSwitchWithAction() {
         catch (e) {
             if (e?.code === -32603 || e?.message?.includes("f is not a function")) {
                 // This is a workaround for a bug in the wallet provider.
-                toast(`Switched to ${getChainName(targetChainId)}. Executing…`);
+                toast.success(`Switched to ${getChainName(targetChainId)}. Executing…`);
                 await switchChainAndExecute(targetChainId, action);
             }
             else {

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

@@ -1,8 +1,8 @@
+import { toast } from "../../../global-account/react/index.js";
 import { PUBLIC_BASE_RPC_URL } from "../../../shared/constants/index.js";
 import { b3Mainnet, b3Testnet } from "../../../shared/constants/chains/supported.js";
 import { formatNumber } from "../../../shared/utils/formatNumber.js";
 import { useQuery } from "@tanstack/react-query";
-import { toast } from "sonner";
 import { createPublicClient, formatEther, formatUnits, http } from "viem";
 import { fetchNativeTokenPriceWithChange } from "./useTokenPrice.js";
 async function fetchNativeBalance(address, chainIds) {

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

@@ -0,0 +1,48 @@
+import { UserData } from "../utils/notificationsAPI";
+export interface UseNotificationsReturn {
+    /** User's notification data including channels and settings */
+    userData: UserData | null;
+    /** Whether the data is currently loading */
+    loading: boolean;
+    /** Any error that occurred */
+    error: string | null;
+    /** Whether email channel is connected */
+    isEmailConnected: boolean;
+    /** Whether Telegram channel is connected */
+    isTelegramConnected: boolean;
+    /** Whether user has any channel connected */
+    hasAnyChannelConnected: boolean;
+    /** Connect an email channel */
+    connectEmail: (email: string) => Promise<void>;
+    /** Connect Telegram channel (opens deep link) */
+    connectTelegram: () => Promise<void>;
+    /** Disconnect a channel */
+    disconnectChannel: (channelType: string) => Promise<void>;
+    /** Send a test notification */
+    sendTestNotification: () => Promise<void>;
+    /** Refresh user data */
+    refresh: () => Promise<void>;
+    /** Telegram connection status */
+    telegramStatus: "idle" | "pending" | "connected";
+}
+/**
+ * Hook for managing user notification settings and channels
+ *
+ * @example
+ * ```typescript
+ * const {
+ *   userData,
+ *   loading,
+ *   isEmailConnected,
+ *   connectEmail,
+ *   sendTestNotification
+ * } = useNotifications();
+ *
+ * // Connect email
+ * await connectEmail('user@example.com');
+ *
+ * // Send test
+ * await sendTestNotification();
+ * ```
+ */
+export declare function useNotifications(): UseNotificationsReturn;

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

@@ -0,0 +1,186 @@
+import { getAuthToken } from "../../../shared/utils/auth-token.js";
+import { debugB3React } from "../../../shared/utils/debug.js";
+import { useCallback, useEffect, useState } from "react";
+import { useB3 } from "../components/index.js";
+import { notificationsAPI } from "../utils/notificationsAPI.js";
+import { useUserQuery } from "./useUserQuery.js";
+const debug = debugB3React("useNotifications");
+/**
+ * Hook for managing user notification settings and channels
+ *
+ * @example
+ * ```typescript
+ * const {
+ *   userData,
+ *   loading,
+ *   isEmailConnected,
+ *   connectEmail,
+ *   sendTestNotification
+ * } = useNotifications();
+ *
+ * // Connect email
+ * await connectEmail('user@example.com');
+ *
+ * // Send test
+ * await sendTestNotification();
+ * ```
+ */
+export function useNotifications() {
+    const { user } = useUserQuery();
+    const { partnerId } = useB3();
+    const [userData, setUserData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [telegramStatus, setTelegramStatus] = useState("idle");
+    const userId = user?.userId;
+    const jwtToken = getAuthToken();
+    const loadUserData = useCallback(async () => {
+        if (!userId || !jwtToken) {
+            setLoading(false);
+            return;
+        }
+        try {
+            setLoading(true);
+            const data = await notificationsAPI.getUser(userId, jwtToken);
+            setUserData(data);
+            setError(null);
+        }
+        catch (err) {
+            debug("Error loading user data:", err);
+            // Try to register the user if they don't exist
+            try {
+                await notificationsAPI.registerUser(jwtToken);
+                const data = await notificationsAPI.getUser(userId, jwtToken);
+                setUserData(data);
+                setError(null);
+            }
+            catch (registerErr) {
+                debug("Error registering user:", registerErr);
+                setError("Failed to load notification settings");
+            }
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [userId, jwtToken]);
+    useEffect(() => {
+        loadUserData();
+    }, [loadUserData]);
+    const createDefaultNotificationSettings = useCallback(async () => {
+        if (!userId || !jwtToken)
+            return;
+        try {
+            // Create settings for test notifications only
+            await notificationsAPI.ensureNotificationSettings(userId, partnerId, "general", jwtToken);
+        }
+        catch (err) {
+            debug("Error creating default notification settings:", err);
+        }
+    }, [userId, jwtToken, partnerId]);
+    const connectEmail = useCallback(async (email) => {
+        if (!userId || !jwtToken) {
+            throw new Error("User not authenticated");
+        }
+        try {
+            await notificationsAPI.connectEmail(userId, email, jwtToken);
+            await createDefaultNotificationSettings();
+            await loadUserData();
+        }
+        catch (err) {
+            debug("Error connecting email:", err);
+            throw new Error("Failed to connect email");
+        }
+    }, [userId, jwtToken, loadUserData, createDefaultNotificationSettings]);
+    const connectTelegram = useCallback(async () => {
+        if (!userId || !jwtToken) {
+            throw new Error("User not authenticated");
+        }
+        try {
+            const { deepLink } = await notificationsAPI.getTelegramLink(jwtToken);
+            window.open(deepLink, "_blank");
+            setTelegramStatus("pending");
+            // Poll for connection using nested timeouts to avoid overlapping requests
+            const startTime = Date.now();
+            const maxDuration = 120000; // 2 minutes
+            let timeoutId = null;
+            const pollStatus = async () => {
+                try {
+                    const { connected } = await notificationsAPI.checkTelegramStatus(userId, jwtToken);
+                    if (connected) {
+                        if (timeoutId)
+                            clearTimeout(timeoutId);
+                        setTelegramStatus("connected");
+                        await createDefaultNotificationSettings();
+                        await loadUserData();
+                        return;
+                    }
+                }
+                catch (err) {
+                    debug("Error checking Telegram status:", err);
+                }
+                // Check if we've exceeded max duration
+                if (Date.now() - startTime < maxDuration) {
+                    // Schedule next check after previous one completes
+                    timeoutId = setTimeout(pollStatus, 2000);
+                }
+                else {
+                    setTelegramStatus("idle");
+                }
+            };
+            // Start polling
+            timeoutId = setTimeout(pollStatus, 2000);
+        }
+        catch (err) {
+            debug("Error connecting Telegram:", err);
+            throw new Error("Failed to connect Telegram");
+        }
+    }, [userId, jwtToken, loadUserData, createDefaultNotificationSettings]);
+    const disconnectChannel = useCallback(async (channelType) => {
+        if (!userId || !jwtToken) {
+            throw new Error("User not authenticated");
+        }
+        try {
+            await notificationsAPI.disconnectChannel(userId, channelType, jwtToken);
+            await loadUserData();
+            if (channelType === "telegram") {
+                setTelegramStatus("idle");
+            }
+        }
+        catch (err) {
+            debug("Error disconnecting channel:", err);
+            throw new Error(`Failed to disconnect ${channelType}`);
+        }
+    }, [userId, jwtToken, loadUserData]);
+    const sendTestNotification = useCallback(async () => {
+        if (!userId || !jwtToken) {
+            throw new Error("User not authenticated");
+        }
+        try {
+            // The API method now handles ensuring settings exist
+            await notificationsAPI.sendTestNotification(userId, partnerId, jwtToken);
+        }
+        catch (err) {
+            debug("Error sending test notification:", err);
+            throw new Error("Failed to send test notification");
+        }
+    }, [userId, jwtToken, partnerId]);
+    const emailChannel = userData?.channels?.find(c => c.channel_type === "email");
+    const telegramChannel = userData?.channels?.find(c => c.channel_type === "telegram");
+    const isEmailConnected = emailChannel?.enabled === 1;
+    const isTelegramConnected = telegramChannel?.enabled === 1;
+    const hasAnyChannelConnected = isEmailConnected || isTelegramConnected;
+    return {
+        userData,
+        loading,
+        error,
+        isEmailConnected,
+        isTelegramConnected,
+        hasAnyChannelConnected,
+        connectEmail,
+        connectTelegram,
+        disconnectChannel,
+        sendTestNotification,
+        refresh: loadUserData,
+        telegramStatus,
+    };
+}

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

@@ -3,9 +3,9 @@ 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}`;
-    if (process.env.NEXT_PUBLIC_LOCAL_KEY) {
-        url += `&localkey=${process.env.NEXT_PUBLIC_LOCAL_KEY}`;
+    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_SIMDUNE_LOCAL_KEY) {
+        url += `&localkey=${process.env.NEXT_PUBLIC_SIMDUNE_LOCAL_KEY}`;
     }
     const response = await fetch(url);
     if (!response.ok) {

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

@@ -7,6 +7,7 @@ export interface TokenBalanceResult {
     rawBalance: bigint | null;
     formattedBalance: string;
     isLoading: boolean;
+    refetch: () => void;
 }
 export declare function useTokenBalanceDirect({ token, address }: UseTokenBalanceProps): TokenBalanceResult;
 export {};

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

@@ -55,5 +55,6 @@ export function useTokenBalanceDirect({ token, address }) {
         rawBalance: tokenBalance?.raw || BigInt(0),
         formattedBalance: tokenBalance?.formatted || "0",
         isLoading: isActuallyLoading,
+        refetch,
     };
 }

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

@@ -1,10 +1,10 @@
 import { getChainName, getNativeToken } from "../../../anyspend/index.js";
 import app from "../../../global-account/app.js";
+import { toast } from "../../../global-account/react/index.js";
 import { getThirdwebChain, supportedChains } from "../../../shared/constants/chains/supported.js";
 import { client } from "../../../shared/utils/thirdweb.js";
 import invariant from "invariant";
 import { useCallback, useState } from "react";
-import { toast } from "sonner";
 import { prepareTransaction, sendTransaction as twSendTransaction } from "thirdweb";
 import { isAddress } from "viem";
 import { useSwitchChain } from "wagmi";
@@ -83,7 +83,7 @@ export function useUnifiedChainSwitchAndExecute() {
         catch (e) {
             if (e?.code === -32603 || e?.message?.includes("f is not a function")) {
                 // This is a workaround for a bug in the wallet provider.
-                toast(`Switched to ${getChainName(targetChainId)}. Executing…`);
+                toast.success(`Switched to ${getChainName(targetChainId)}. Executing…`);
                 return await handleEOASwitchChainAndSendTransaction(targetChainId, params);
             }
             else {

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

@@ -1,3 +1,4 @@
 export { useAuthStore } from "./useAuthStore";
 export { useModalStore } from "./useModalStore";
+export { useRecentAddressesStore } from "./useRecentAddressesStore";
 export type { AnySpendBuySpinProps, AnySpendFundTournamentProps, AnySpendJoinTournamentProps, AnySpendModalProps, AnySpendNftProps, AnySpendOrderHistoryProps, AnySpendStakeB3Props, AnyspendOrderDetailsProps, ManageAccountModalProps, ModalContentType, RequestPermissionsModalProps, SignInWithB3ModalProps, } from "./useModalStore";

package/dist/esm/global-account/react/stores/index.js

@@ -1,2 +1,3 @@
 export { useAuthStore } from "./useAuthStore.js";
 export { useModalStore } from "./useModalStore.js";
+export { useRecentAddressesStore } from "./useRecentAddressesStore.js";

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

@@ -77,9 +77,9 @@ export interface ManageAccountModalProps extends BaseModalProps {
     /** Partner ID */
     partnerId: string;
     /** Active Tab */
-    activeTab?: "overview" | "tokens" | "nfts" | "apps" | "settings";
+    activeTab?: "home" | "tokens" | "nfts" | "apps" | "settings" | "swap";
     /** Function to set the active tab */
-    setActiveTab?: (tab: "overview" | "tokens" | "nfts" | "apps" | "settings") => void;
+    setActiveTab?: (tab: "home" | "tokens" | "nfts" | "apps" | "settings" | "swap") => void;
     /** Whether to show the referral information */
     showReferralInfo?: boolean;
     /** Whether to show the swap button */
@@ -349,6 +349,15 @@ export interface LinkAccountModalProps extends BaseModalProps {
     partnerId: string;
     chain: Chain;
 }
+export interface LinkNewAccountModalProps extends BaseModalProps {
+    type: "linkNewAccount";
+    showBackButton?: boolean;
+    onSuccess?: () => void;
+    onError?: (error: Error) => void;
+    onClose?: () => void;
+    partnerId: string;
+    chain: Chain;
+}
 export interface AnySpendDepositHypeProps extends BaseModalProps {
     /** Modal type identifier */
     type: "anySpendDepositHype";
@@ -364,6 +373,8 @@ export interface AnySpendDepositHypeProps extends BaseModalProps {
     mainFooter?: React.ReactNode;
     /** Callback function called when the deposit is successful */
     onSuccess?: (amount?: string) => void;
+    /** Callback function trigger open custom modal */
+    onOpenCustomModal?: () => void;
     /** Custom USD input values for quick amount buttons in fiat onramp */
     customUsdInputValues?: string[];
     /** prefer eoa wallet */
@@ -375,10 +386,40 @@ export interface AvatarEditorModalProps extends BaseModalProps {
     /** Callback function called when avatar is successfully set */
     onSuccess?: () => void;
 }
-export interface ProfileEditorModalProps extends BaseModalProps {
+/**
+ * Props for the Deposit modal
+ * Allows users to deposit tokens into their global account
+ */
+export interface DepositModalProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "deposit";
+    /** Callback function called when deposit is successful */
+    onSuccess?: () => void;
+}
+/**
+ * Props for the Send modal
+ * Allows users to send tokens from their global account to another address
+ */
+export interface SendModalProps extends BaseModalProps {
+    /** Modal type identifier */
+    type: "send";
+    /** Pre-filled recipient address (optional) */
+    recipientAddress?: string;
+    /** Callback function called when send is successful */
+    onSuccess?: (txHash?: string) => void;
+}
+/**
+ * Props for the Notifications modal
+ * Allows users to manage notification settings and channels
+ */
+export interface NotificationsModalProps extends BaseModalProps {
     /** Modal type identifier */
-    type: "profileEditor";
-    /** Callback function called when profile is successfully updated */
+    type: "notifications";
+    /** Partner ID */
+    partnerId: string;
+    /** Blockchain chain information */
+    chain: Chain;
+    /** Callback function called when settings are successfully saved */
     onSuccess?: () => void;
 }
 /**
@@ -410,7 +451,7 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
 /**
  * Union type of all possible modal content types
  */
-export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | ProfileEditorModalProps | AnySpendCollectorClubPurchaseProps;
+export type ModalContentType = SignInWithB3ModalProps | RequestPermissionsModalProps | ManageAccountModalProps | AnySpendModalProps | AnyspendOrderDetailsProps | AnySpendNftProps | AnySpendJoinTournamentProps | AnySpendFundTournamentProps | AnySpendOrderHistoryProps | AnySpendStakeB3Props | AnySpendStakeB3ExactInProps | AnySpendStakeUpsideProps | AnySpendStakeUpsideExactInProps | AnySpendDepositUpsideProps | AnySpendBuySpinProps | AnySpendSignatureMintProps | AnySpendBondKitProps | LinkAccountModalProps | LinkNewAccountModalProps | AnySpendDepositHypeProps | AvatarEditorModalProps | DepositModalProps | SendModalProps | NotificationsModalProps | AnySpendCollectorClubPurchaseProps;
 /**
  * State interface for the modal store
  */