@b3dotfun/sdk 0.0.73 → 0.0.74-alpha.1

package/dist/cjs/global-account/react/components/Toast/toastApi.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = void 0;
+exports.setToastContext = setToastContext;
+// Global reference to the toast context functions
+let toastContextRef = null;
+function setToastContext(context) {
+    toastContextRef = context;
+}
+// Sonner-compatible API
+exports.toast = {
+    success: (message, options) => {
+        if (toastContextRef) {
+            return toastContextRef.addToast("success", message, options?.duration);
+        }
+        console.warn("Toast context not initialized. Using fallback.");
+        // Fallback to sonner if context not available
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            const sonner = require("sonner");
+            return sonner.toast.success(message, options);
+        }
+        catch {
+            console.error("Failed to show toast:", message);
+            return "";
+        }
+    },
+    error: (message, options) => {
+        if (toastContextRef) {
+            return toastContextRef.addToast("error", message, options?.duration);
+        }
+        console.warn("Toast context not initialized. Using fallback.");
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            const sonner = require("sonner");
+            return sonner.toast.error(message, options);
+        }
+        catch {
+            console.error("Failed to show toast:", message);
+            return "";
+        }
+    },
+    info: (message, options) => {
+        if (toastContextRef) {
+            return toastContextRef.addToast("info", message, options?.duration);
+        }
+        console.warn("Toast context not initialized. Using fallback.");
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            const sonner = require("sonner");
+            return sonner.toast.info(message, options);
+        }
+        catch {
+            console.error("Failed to show toast:", message);
+            return "";
+        }
+    },
+    warning: (message, options) => {
+        if (toastContextRef) {
+            return toastContextRef.addToast("warning", message, options?.duration);
+        }
+        console.warn("Toast context not initialized. Using fallback.");
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            const sonner = require("sonner");
+            return sonner.toast.warning(message, options);
+        }
+        catch {
+            console.error("Failed to show toast:", message);
+            return "";
+        }
+    },
+    dismiss: (toastId) => {
+        if (toastContextRef) {
+            if (toastId) {
+                toastContextRef.removeToast(toastId);
+            }
+            else {
+                toastContextRef.clearAll();
+            }
+        }
+        else {
+            try {
+                // eslint-disable-next-line @typescript-eslint/no-var-requires
+                const sonner = require("sonner");
+                sonner.toast.dismiss(toastId);
+            }
+            catch {
+                console.error("Failed to dismiss toast");
+            }
+        }
+    },
+};

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

@@ -0,0 +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;
+export default WalletImage;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useAccountWallet_1 = require("../../hooks/useAccountWallet");
+const IPFSMediaRenderer_1 = require("../IPFSMediaRenderer/IPFSMediaRenderer");
+const WalletImage = ({ fallback }) => {
+    const walletImage = (0, useAccountWallet_1.useAccountWalletImage)();
+    if (walletImage) {
+        return (0, jsx_runtime_1.jsx)(IPFSMediaRenderer_1.IPFSMediaRenderer, { src: walletImage, alt: "Profile", className: "h-6 w-6 rounded-full" });
+    }
+    return fallback || null;
+};
+exports.default = WalletImage;

package/dist/cjs/global-account/react/components/icons/BellIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const BellIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default BellIcon;

package/dist/cjs/global-account/react/components/icons/BellIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BellIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 17.5H12.5M4.16667 7.5C4.16667 4.27834 6.77834 1.66667 10 1.66667C13.2217 1.66667 15.8333 4.27834 15.8333 7.5V8.33333C15.8333 9.61667 16.2167 10.8583 16.9167 11.9167L17.5 12.75C17.9417 13.3917 17.4833 14.1667 16.7333 14.1667H3.26667C2.51667 14.1667 2.05834 13.3917 2.5 12.75L3.08334 11.9167C3.78334 10.8583 4.16667 9.61667 4.16667 8.33333V7.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+exports.default = BellIcon;

package/dist/cjs/global-account/react/components/icons/ChevronDownIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare function ChevronDownIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/global-account/react/components/icons/ChevronDownIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronDownIcon = ChevronDownIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ChevronDownIcon({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}

package/dist/cjs/global-account/react/components/icons/CopyIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare function CopyIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/global-account/react/components/icons/CopyIcon.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyIcon = CopyIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function CopyIcon({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.33333 3.33333V2C3.33333 1.63181 3.63181 1.33333 4 1.33333H10C10.3682 1.33333 10.6667 1.63181 10.6667 2V8C10.6667 8.36819 10.3682 8.66667 10 8.66667H8.66667M2 3.33333H8C8.36819 3.33333 8.66667 3.63181 8.66667 4V10C8.66667 10.3682 8.36819 10.6667 8 10.6667H2C1.63181 10.6667 1.33333 10.3682 1.33333 10V4C1.33333 3.63181 1.63181 3.33333 2 3.33333Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}

package/dist/cjs/global-account/react/components/icons/LinkIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const LinkIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LinkIcon;

package/dist/cjs/global-account/react/components/icons/LinkIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10.8333 9.16667L15.8333 4.16667M17.5 2.5L15.8333 4.16667L17.5 2.5ZM11.6667 4.16667H15.8333V8.33333L11.6667 4.16667ZM9.16667 10.8333L4.16667 15.8333L9.16667 10.8333ZM8.33333 15.8333H4.16667V11.6667L8.33333 15.8333ZM15.8333 10V15.8333H10L15.8333 10ZM4.16667 4.16667V10L10 4.16667H4.16667Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+exports.default = LinkIcon;

package/dist/cjs/global-account/react/components/icons/LockIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const LockIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LockIcon;

package/dist/cjs/global-account/react/components/icons/LockIcon.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LockIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M14.1667 9.16667V6.66667C14.1667 4.36548 12.3012 2.5 10 2.5C7.69881 2.5 5.83333 4.36548 5.83333 6.66667V9.16667M7.5 14.1667C7.5 15.0871 8.24619 15.8333 9.16667 15.8333H10.8333C11.7538 15.8333 12.5 15.0871 12.5 14.1667C12.5 13.2462 11.7538 12.5 10.8333 12.5H9.16667C8.24619 12.5 7.5 11.7538 7.5 10.8333C7.5 9.91286 8.24619 9.16667 9.16667 9.16667H10.8333C11.7538 9.16667 12.5 9.91286 12.5 10.8333", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+exports.default = LockIcon;

package/dist/cjs/global-account/react/components/icons/WalletIcon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare function WalletIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletIcon = WalletIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function WalletIcon({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("rect", { width: "40", height: "40", rx: "20", fill: "#F4F4F5" }), (0, jsx_runtime_1.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/cjs/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/cjs/global-account/react/components/index.js

@@ -1,7 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeader = exports.DialogFooter = 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.ProfileEditor = exports.AvatarEditor = exports.ManageAccount = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3 = exports.B3Context = exports.RelayKitProviderWrapper = exports.InnerProvider = exports.B3Provider = exports.B3DynamicModal = void 0;
-exports.AnimatedLottie = exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTrigger = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.TabTriggerPrimitive = 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 = void 0;
+exports.DialogFooter = 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.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3 = exports.B3Context = exports.RelayKitProviderWrapper = exports.InnerProvider = exports.B3Provider = exports.B3DynamicModal = void 0;
+exports.Toast = 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 = void 0;
+exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = 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; } });
@@ -37,11 +42,15 @@ Object.defineProperty(exports, "isWalletType", { enumerable: true, get: function
 // ManageAccount Components
 var ManageAccount_1 = require("./ManageAccount/ManageAccount");
 Object.defineProperty(exports, "ManageAccount", { enumerable: true, get: function () { return ManageAccount_1.ManageAccount; } });
-// Profile Components
-var AvatarEditor_1 = require("./AvatarEditor/AvatarEditor");
-Object.defineProperty(exports, "AvatarEditor", { enumerable: true, get: function () { return AvatarEditor_1.AvatarEditor; } });
-var ProfileEditor_1 = require("./ProfileEditor/ProfileEditor");
-Object.defineProperty(exports, "ProfileEditor", { enumerable: true, get: function () { return ProfileEditor_1.ProfileEditor; } });
+// Deposit Components
+var Deposit_1 = require("./Deposit/Deposit");
+Object.defineProperty(exports, "Deposit", { enumerable: true, get: function () { return Deposit_1.Deposit; } });
+// Send Components
+var Send_1 = require("./Send/Send");
+Object.defineProperty(exports, "Send", { enumerable: true, get: function () { return Send_1.Send; } });
+// Media Components
+var IPFSMediaRenderer_1 = require("./IPFSMediaRenderer/IPFSMediaRenderer");
+Object.defineProperty(exports, "IPFSMediaRenderer", { enumerable: true, get: function () { return IPFSMediaRenderer_1.IPFSMediaRenderer; } });
 // RequestPermissions Components
 var RequestPermissions_1 = require("./RequestPermissions/RequestPermissions");
 Object.defineProperty(exports, "RequestPermissions", { enumerable: true, get: function () { return RequestPermissions_1.RequestPermissions; } });
@@ -136,16 +145,16 @@ Object.defineProperty(exports, "ShinyButton", { enumerable: true, get: function
 var skeleton_1 = require("./ui/skeleton");
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
 var Tabs_1 = require("./ui/Tabs");
-Object.defineProperty(exports, "TabTriggerPrimitive", { enumerable: true, get: function () { return Tabs_1.TabTrigger; } });
 Object.defineProperty(exports, "TabsContentPrimitive", { enumerable: true, get: function () { return Tabs_1.TabsContent; } });
 Object.defineProperty(exports, "TabsListPrimitive", { enumerable: true, get: function () { return Tabs_1.TabsList; } });
 Object.defineProperty(exports, "TabsPrimitive", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabTriggerPrimitive", { enumerable: true, get: function () { return Tabs_1.TabTrigger; } });
 var TabSystem_1 = require("./ui/TabSystem");
-Object.defineProperty(exports, "TabTrigger", { enumerable: true, get: function () { return TabSystem_1.TabTrigger; } });
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return TabSystem_1.Tabs; } });
 Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return TabSystem_1.TabsContent; } });
 Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return TabSystem_1.TabsList; } });
 Object.defineProperty(exports, "TabsTransitionWrapper", { enumerable: true, get: function () { return TabSystem_1.TabsTransitionWrapper; } });
+Object.defineProperty(exports, "TabTrigger", { enumerable: true, get: function () { return TabSystem_1.TabTrigger; } });
 var text_loop_1 = require("./ui/text-loop");
 Object.defineProperty(exports, "TextLoop", { enumerable: true, get: function () { return text_loop_1.TextLoop; } });
 var text_shimmer_1 = require("./ui/text-shimmer");
@@ -160,3 +169,14 @@ Object.defineProperty(exports, "TransitionPanel", { enumerable: true, get: funct
 // Magic UI Components
 var AnimatedLottie_1 = require("./magicui/AnimatedLottie");
 Object.defineProperty(exports, "AnimatedLottie", { enumerable: true, get: function () { return AnimatedLottie_1.AnimatedLottie; } });
+// Toast Components
+var toastApi_1 = require("./Toast/toastApi");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return toastApi_1.toast; } });
+var ToastComponents_1 = require("./Toast/ToastComponents");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return ToastComponents_1.Toast; } });
+Object.defineProperty(exports, "ToastContainer", { enumerable: true, get: function () { return ToastComponents_1.ToastContainer; } });
+var ToastContext_1 = require("./Toast/ToastContext");
+Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return ToastContext_1.ToastProvider; } });
+Object.defineProperty(exports, "useToastContext", { enumerable: true, get: function () { return ToastContext_1.useToastContext; } });
+var WalletImage_1 = require("./WalletImage/WalletImage");
+Object.defineProperty(exports, "WalletImage", { enumerable: true, get: function () { return __importDefault(WalletImage_1).default; } });

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

@@ -43,10 +43,10 @@ const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
 const Tabs = ({ defaultValue, onValueChange, children, }) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { defaultValue: defaultValue, onValueChange: onValueChange, children: children }));
 exports.Tabs = Tabs;
 function TabsList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { className: (0, utils_1.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 (0, jsx_runtime_1.jsx)(TabsPrimitive.List, { className: (0, utils_1.cn)("", className), ...props });
 }
 function TabTrigger({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { className: (0, utils_1.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 ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { className: (0, utils_1.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 }));
 }
 function TabsContent({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { className: (0, utils_1.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/cjs/global-account/react/components/ui/dialog.js

@@ -51,9 +51,9 @@ exports.DialogClose = DialogClose;
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DialogPrimitive.Overlay, { ref: ref, className: (0, utils_1.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 })));
 exports.DialogOverlay = DialogOverlay;
 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 ((0, jsx_runtime_1.jsxs)(DialogPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.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 && ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.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: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }))] })] }));
+    return ((0, jsx_runtime_1.jsxs)(DialogPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(DialogPrimitive.Content, { ref: ref, className: (0, utils_1.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: [(0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Close, { className: (0, utils_1.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: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }))] }), (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo.svg", alt: "B3", className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { className: "font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]", children: "Global Account" })] })] })] }));
 });
 exports.DialogContent = DialogContent;
 DialogContent.displayName = DialogPrimitive.Content.displayName;

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

@@ -53,7 +53,7 @@ exports.DrawerOverlay = DrawerOverlay;
 DrawerOverlay.displayName = vaul_1.Drawer.Overlay.displayName;
 const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
     const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
-    return ((0, jsx_runtime_1.jsxs)(DrawerPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DrawerOverlay, {}), (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.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 ((0, jsx_runtime_1.jsxs)(DrawerPortal, { container: container, children: [(0, jsx_runtime_1.jsx)(DrawerOverlay, {}), (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.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 })] }));
 });
 exports.DrawerContent = DrawerContent;
 DrawerContent.displayName = "DrawerContent";

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

@@ -14,7 +14,7 @@ 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.useUnifiedChainSwitchAndExecute = exports.useURLParams = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfilePreference = exports.useProfile = exports.useOneBalance = 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.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = 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.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = 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");
@@ -63,11 +63,15 @@ Object.defineProperty(exports, "useMediaQuery", { enumerable: true, get: functio
 var useNativeBalance_1 = require("./useNativeBalance");
 Object.defineProperty(exports, "useNativeBalance", { enumerable: true, get: function () { return useNativeBalance_1.useNativeBalance; } });
 Object.defineProperty(exports, "useNativeBalanceFromRPC", { enumerable: true, get: function () { return useNativeBalance_1.useNativeBalanceFromRPC; } });
+var useNotifications_1 = require("./useNotifications");
+Object.defineProperty(exports, "useNotifications", { enumerable: true, get: function () { return useNotifications_1.useNotifications; } });
 var useOneBalance_1 = require("./useOneBalance");
 Object.defineProperty(exports, "useOneBalance", { enumerable: true, get: function () { return useOneBalance_1.useOneBalance; } });
 var useProfile_1 = require("./useProfile");
+Object.defineProperty(exports, "useDisplayName", { enumerable: true, get: function () { return useProfile_1.useDisplayName; } });
 Object.defineProperty(exports, "useProfile", { enumerable: true, get: function () { return useProfile_1.useProfile; } });
 Object.defineProperty(exports, "useProfilePreference", { enumerable: true, get: function () { return useProfile_1.useProfilePreference; } });
+Object.defineProperty(exports, "useProfileSettings", { enumerable: true, get: function () { return useProfile_1.useProfileSettings; } });
 var useQueryB3_1 = require("./useQueryB3");
 Object.defineProperty(exports, "useQueryB3", { enumerable: true, get: function () { return useQueryB3_1.useQueryB3; } });
 var useQueryBSMNT_1 = require("./useQueryBSMNT");
@@ -98,7 +102,7 @@ var useTokenPriceWithFallback_1 = require("./useTokenPriceWithFallback");
 Object.defineProperty(exports, "useTokenPriceWithFallback", { enumerable: true, get: function () { return useTokenPriceWithFallback_1.useTokenPriceWithFallback; } });
 var useTokensFromAddress_1 = require("./useTokensFromAddress");
 Object.defineProperty(exports, "useTokensFromAddress", { enumerable: true, get: function () { return useTokensFromAddress_1.useTokensFromAddress; } });
-var useURLParams_1 = require("./useURLParams");
-Object.defineProperty(exports, "useURLParams", { enumerable: true, get: function () { return useURLParams_1.useURLParams; } });
 var useUnifiedChainSwitchAndExecute_1 = require("./useUnifiedChainSwitchAndExecute");
 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; } });

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccountWallet = useAccountWallet;
+exports.useAccountWalletImage = useAccountWalletImage;
 const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
 const debug_1 = require("../../../shared/utils/debug");
@@ -72,3 +73,20 @@ function useAccountWallet() {
     ]);
     return res;
 }
+function useAccountWalletImage() {
+    const { account, user } = (0, react_1.useB3)();
+    const activeWallet = (0, react_3.useActiveWallet)();
+    const connectedWallets = (0, react_3.useConnectedWallets)();
+    const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
+    const connectedEOAWallet = connectedWallets.find(wallet => wallet.id !== constants_1.ecosystemWalletId);
+    const isActiveSmartWallet = activeWallet?.id === connectedSmartWallet?.id;
+    const { data: walletImage } = (0, react_3.useWalletImage)(connectedEOAWallet?.id);
+    // If not EOA sign in, then we need to show the smart wallet icon
+    const lastAuthProvider = useLastAuthProvider();
+    const smartWalletIcon = lastAuthProvider && !connectedEOAWallet
+        ? in_app_1.socialIcons[lastAuthProvider]
+        : "https://gradvatar.com/0x0000000000000000000000000000000000000000"; // show smart wallet of eoa wallet is gradvatar
+    const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
+    const avatarUrl = user?.avatar || profileData?.avatar;
+    return avatarUrl || (isActiveSmartWallet ? smartWalletIcon : walletImage) || "";
+}

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

@@ -77,6 +77,7 @@ 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
     });
 }
 exports.default = useB3BalanceFromAddresses;

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

@@ -5,31 +5,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainSwitchWithAction = useChainSwitchWithAction;
 const anyspend_1 = require("../../../anyspend");
+const react_1 = require("../../../global-account/react");
 const supported_1 = require("../../../shared/constants/chains/supported");
 const invariant_1 = __importDefault(require("invariant"));
-const react_1 = require("react");
-const sonner_1 = require("sonner");
+const react_2 = require("react");
 const wagmi_1 = require("wagmi");
 function useChainSwitchWithAction() {
     const { data: walletClient } = (0, wagmi_1.useWalletClient)();
     const { switchChainAsync } = (0, wagmi_1.useSwitchChain)();
-    const [isSwitchingOrExecuting, setIsSwitchingOrExecuting] = (0, react_1.useState)(false);
-    const run = (0, react_1.useCallback)(async (fn) => {
+    const [isSwitchingOrExecuting, setIsSwitchingOrExecuting] = (0, react_2.useState)(false);
+    const run = (0, react_2.useCallback)(async (fn) => {
         try {
             setIsSwitchingOrExecuting(true);
             await fn();
         }
         catch (err) {
             console.error(err);
-            sonner_1.toast.error(err?.message ?? "Unexpected error");
+            react_1.toast.error(err?.message ?? "Unexpected error");
         }
         finally {
             setIsSwitchingOrExecuting(false);
         }
     }, []);
-    const switchChainAndExecute = (0, react_1.useCallback)(async (targetChainId, action) => {
+    const switchChainAndExecute = (0, react_2.useCallback)(async (targetChainId, action) => {
         if (!walletClient) {
-            sonner_1.toast.error("Please connect your wallet");
+            react_1.toast.error("Please connect your wallet");
             return;
         }
         const providerId = walletClient.chain.id;
@@ -37,10 +37,10 @@ function useChainSwitchWithAction() {
         if (onCorrectChain) {
             return run(() => action());
         }
-        sonner_1.toast.info(`Switching to ${(0, anyspend_1.getChainName)(targetChainId)}…`);
+        react_1.toast.info(`Switching to ${(0, anyspend_1.getChainName)(targetChainId)}…`);
         const targetChain = supported_1.supportedChains.find(chain => chain.id === targetChainId);
         if (!targetChain) {
-            sonner_1.toast.error(`Chain ${targetChainId} is not supported`);
+            react_1.toast.error(`Chain ${targetChainId} is not supported`);
             return;
         }
         try {
@@ -65,11 +65,11 @@ 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.
-                (0, sonner_1.toast)(`Switched to ${(0, anyspend_1.getChainName)(targetChainId)}. Executing…`);
+                react_1.toast.success(`Switched to ${(0, anyspend_1.getChainName)(targetChainId)}. Executing…`);
                 await switchChainAndExecute(targetChainId, action);
             }
             else {
-                sonner_1.toast.error(e?.message ?? "Unexpected error");
+                react_1.toast.error(e?.message ?? "Unexpected error");
             }
         }
     }, [walletClient, run, switchChainAsync]);

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useNativeBalance = useNativeBalance;
 exports.useNativeBalanceFromRPC = useNativeBalanceFromRPC;
+const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
 const supported_1 = require("../../../shared/constants/chains/supported");
 const formatNumber_1 = require("../../../shared/utils/formatNumber");
 const react_query_1 = require("@tanstack/react-query");
-const sonner_1 = require("sonner");
 const viem_1 = require("viem");
 const useTokenPrice_1 = require("./useTokenPrice");
 async function fetchNativeBalance(address, chainIds) {
@@ -100,7 +100,7 @@ function useNativeBalanceFromRPC(address, chainId) {
             }
             catch (error) {
                 console.error("Error fetching balance:", error);
-                sonner_1.toast.error("Failed to fetch wallet balance");
+                react_1.toast.error("Failed to fetch wallet balance");
                 return 0;
             }
         },

package/dist/cjs/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;