@b3dotfun/sdk 0.0.23 → 0.0.24

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendETHButton = SendETHButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../global-account/react");
+const react_2 = require("react");
+function SendETHButton({ chainId, to, value, className, children, onSuccess, onError }) {
+    const { switchChainAndExecute, isSwitchingOrExecuting } = (0, react_1.useUnifiedChainSwitchAndExecute)();
+    const handleSendETH = (0, react_2.useCallback)(async () => {
+        try {
+            const tx = await switchChainAndExecute(chainId, { to: to, value });
+            if (tx) {
+                onSuccess?.(tx);
+            }
+        }
+        catch (error) {
+            onError?.(error);
+            throw error;
+        }
+    }, [switchChainAndExecute, chainId, to, value, onSuccess, onError]);
+    const buttonText = isSwitchingOrExecuting ? "Sending..." : String(children);
+    return ((0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleSendETH, disabled: isSwitchingOrExecuting, className: className, children: buttonText }));
+}

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

@@ -41,9 +41,11 @@ function SignIn(props) {
         }
     }, [connectedEOAWallet, isActiveEOAWallet, setActiveWallet, automaticallySetFirstEoa]);
     // Desktop version - original dropdown menu
-    return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)(react_2.Menu, { className: `relative flex items-center ${className || ""}`, as: "div", children: globalAddress ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.MenuButton, { className: "bg-theme-on-surface-2 group flex h-10 items-center gap-1 rounded-xl px-3", children: [!!wallet.meta?.icon && ((0, jsx_runtime_1.jsx)("img", { src: wallet.meta.icon, alt: wallet.meta.icon, className: "bg-theme-primary h-6 w-6 rounded-full object-cover opacity-100" })), (0, jsx_runtime_1.jsx)("div", { className: "text-body-1m text-theme-secondary", children: ensName ? ensName : (0, utils_1.truncateAddress)(globalAddress) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.MenuItems, { className: "b3-root shadow-depth-1 absolute -right-4 top-full min-w-64 rounded-2xl border lg:right-0", modal: false, 
+    return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)(react_2.Menu, { className: `relative flex items-center ${className || ""}`, as: "div", children: globalAddress ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.MenuButton, { className: "bg-b3-react-background group flex h-10 items-center gap-1 rounded-xl px-3", children: [!!wallet.meta?.icon && ((0, jsx_runtime_1.jsx)("img", { src: wallet.meta.icon, alt: wallet.meta.icon, className: "bg-b3-react-primary h-6 w-6 rounded-full object-cover opacity-100" })), (0, jsx_runtime_1.jsx)("div", { className: "text-as-primary", children: ensName ? ensName : (0, utils_1.truncateAddress)(globalAddress) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.MenuItems, { className: "b3-root absolute -right-4 top-full min-w-64 rounded-2xl border lg:right-0", modal: false, 
                             // TODO: Figure out why setting anchor on mobile causes z-index issues where it appears under elements
-                            anchor: isMobile ? "top end" : undefined, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3", "hover:bg-theme-on-surface-2"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-theme-primary h-16 w-16 rounded-full opacity-100", src: eoaWalletIcon, alt: connectedEOAWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-4 grow", children: [ensName && (0, jsx_runtime_1.jsx)("div", { className: "text-title-1s", children: ensName }), (0, jsx_runtime_1.jsx)("div", { className: "text-title-1s", children: (0, utils_1.truncateAddress)(globalAddress) }), (0, jsx_runtime_1.jsx)("div", { className: "text-body-1m text-theme-secondary", children: walletInfo?.name })] })] }), isActiveEOAWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-theme-primary", name: "check" })] })) : (connectedSmartWallet && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet ? "bg-theme-n-8" : "bg-b3-react-background hover:bg-theme-on-surface-2"), onClick: () => handleSetActiveAccount(connectedSmartWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-theme-primary h-16 w-16 rounded-full opacity-100", src: smartWalletIcon, alt: connectedSmartWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "pl-4.5 grow", children: [ensName && (0, jsx_runtime_1.jsx)("div", { className: "text-title-1s", children: ensName }), (0, jsx_runtime_1.jsx)("div", { className: "text-title-1s", children: (0, utils_1.truncateAddress)(globalAddress) }), (0, jsx_runtime_1.jsx)("div", { className: "text-body-1m text-theme-secondary", children: "Smart wallet" })] })] }), isActiveSmartWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-theme-primary", name: "check" })] }))), (0, jsx_runtime_1.jsx)("div", { className: "ml-3", children: (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props, className: "w-[calc(100%-12px)]" }) }), (0, jsx_runtime_1.jsx)("button", { className: "mb-2 w-full space-y-1", onClick: onDisconnect, children: (0, jsx_runtime_1.jsxs)("div", { className: "hover:bg-theme-on-surface-2 group flex h-12 items-center rounded-xl px-4 transition-colors", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-theme-secondary group-hover:fill-theme-primary mr-4 shrink-0 transition-colors", name: "logout" }), (0, jsx_runtime_1.jsx)("div", { className: "text-base-1s text-theme-secondary group-hover:text-theme-primary mr-auto transition-colors", children: "Disconnect" })] }) })] }) }) })] })) : ((0, jsx_runtime_1.jsx)(react_1.SignInWithB3, { closeAfterLogin: true, onLoginSuccess: async (globalAccount) => {
+                            anchor: isMobile ? "top end" : undefined, children: (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background", children: [connectedEOAWallet ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("border-b3-react-subtle bg-b3-react-background flex cursor-pointer items-center justify-between rounded-xl p-3"), onClick: () => handleSetActiveAccount(connectedEOAWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: eoaWalletIcon, alt: connectedEOAWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "ml-4 grow", children: [ensName && (0, jsx_runtime_1.jsx)("div", { children: ensName }), (0, jsx_runtime_1.jsx)("div", { children: (0, utils_1.truncateAddress)(globalAddress) }), (0, jsx_runtime_1.jsx)("div", { children: walletInfo?.name })] })] }), isActiveEOAWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-primary", name: "check" })] })) : (connectedSmartWallet && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mb-2 flex cursor-pointer items-center justify-between rounded-xl p-3", isActiveSmartWallet
+                                            ? "bg-b3-react-background"
+                                            : "bg-b3-react-background hover:bg-b3-react-background"), onClick: () => handleSetActiveAccount(connectedSmartWallet?.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "bg-b3-react-primary h-16 w-16 rounded-full opacity-100", src: smartWalletIcon, alt: connectedSmartWallet?.id }), (0, jsx_runtime_1.jsxs)("div", { className: "grow pl-4", children: [ensName && (0, jsx_runtime_1.jsx)("div", { children: ensName }), (0, jsx_runtime_1.jsx)("div", { children: (0, utils_1.truncateAddress)(globalAddress) }), (0, jsx_runtime_1.jsx)("div", { children: "Smart wallet" })] })] }), isActiveSmartWallet && (0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-primary", name: "check" })] }))), (0, jsx_runtime_1.jsx)("div", { className: "ml-3", children: (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props, className: "w-[calc(100%-12px)]" }) }), (0, jsx_runtime_1.jsx)("button", { className: "mb-2 w-full space-y-1", onClick: onDisconnect, children: (0, jsx_runtime_1.jsxs)("div", { className: "hover:bg-b3-react-background group flex h-12 items-center rounded-xl px-4 transition-colors", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { className: "fill-b3-react-background group-hover:fill-b3-react-primary mr-4 shrink-0 transition-colors", name: "logout" }), (0, jsx_runtime_1.jsx)("div", { className: "text-b3-react-background group-hover:text-b3-react-primary mr-auto transition-colors", children: "Disconnect" })] }) })] }) }) })] })) : ((0, jsx_runtime_1.jsx)(react_1.SignInWithB3, { closeAfterLogin: true, onLoginSuccess: async (globalAccount) => {
                     console.log("User authenticated with Global Account!", globalAccount);
                 }, ...props })) }) }));
 }

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

@@ -164,14 +164,14 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         debug("Authenticating with B3 via SIWE");
         setIsConnected(true);
         if (loginWithSiwe) {
-            debug("@@setIsAuthenticating:true:1");
+            debug("setIsAuthenticating:true:1");
             setIsAuthenticating(true);
             const userAuth = await authenticate(account, partnerId);
             setUser(userAuth.user);
         }
         debug("handleLoginSuccess:account", account);
         onLoginSuccess?.(account);
-        debug("@@setIsAuthenticating:false:1");
+        debug("setIsAuthenticating:false:1");
         setIsAuthenticating(false);
     }, [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected]);
     (0, react_2.useEffect)(() => {

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

@@ -34,7 +34,7 @@ function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
                 setIsAuthenticated(false);
             }
             finally {
-                debug("@@setIsAuthenticating:false:7");
+                debug("setIsAuthenticating:false:7");
                 setIsAuthenticating(false);
             }
         }

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

@@ -65,7 +65,7 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
             }, onConnect: async (wallet) => {
                 try {
                     setIsAuthenticating(true);
-                    (0, debug_1.debug)("@@setIsAuthenticating:true:6");
+                    (0, debug_1.debug)("setIsAuthenticating:true:6");
                     const account = wallet.getAccount();
                     if (!account)
                         throw new Error("No account found");
@@ -79,7 +79,7 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
                     setIsAuthenticated(false);
                 }
                 finally {
-                    (0, debug_1.debug)("@@setIsAuthenticating:false:6");
+                    (0, debug_1.debug)("setIsAuthenticating:false:6");
                     setIsAuthenticating(false);
                 }
             } }) }));

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

@@ -24,7 +24,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
     const handleConnect = async (strategy) => {
         try {
             setIsLoading(true);
-            (0, debug_1.debug)("@@setIsAuthenticating:true:3");
+            (0, debug_1.debug)("setIsAuthenticating:true:3");
             setIsAuthenticating(true);
             const options = (0, react_1.getConnectOptionsFromStrategy)(strategy);
             let connectResult;
@@ -58,7 +58,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
         }
         finally {
             setIsLoading(false);
-            (0, debug_1.debug)("@@setIsAuthenticating:false:3");
+            (0, debug_1.debug)("setIsAuthenticating:false:3");
             setIsAuthenticating(false);
         }
     };

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

@@ -17,6 +17,8 @@ export { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 export { RequestPermissionsButton } from "./RequestPermissions/RequestPermissionsButton";
 export { AccountAssets } from "./AccountAssets/AccountAssets";
 export { MintButton } from "./MintButton/MintButton";
+export { SendETHButton } from "./SendETHButton/SendETHButton";
+export { SendERC20Button } from "./SendERC20Button/SendERC20Button";
 export { TransakModal } from "./Transak/TransakModal";
 export { Button as CustomButton, buttonVariants as customButtonVariants } from "./custom/Button";
 export { ClientOnly } from "./custom/ClientOnly";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = 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.TransakModal = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = 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.InnerProvider = exports.B3Provider = exports.B3DynamicModal = exports.RelayKitProviderWrapper = 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.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = void 0;
+exports.DialogOverlay = 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.TransakModal = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = 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.InnerProvider = exports.B3Provider = exports.B3DynamicModal = exports.RelayKitProviderWrapper = 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.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 = void 0;
 // Core Components
 var RelayKitProviderWrapper_1 = require("./B3Provider/RelayKitProviderWrapper");
 Object.defineProperty(exports, "RelayKitProviderWrapper", { enumerable: true, get: function () { return RelayKitProviderWrapper_1.RelayKitProviderWrapper; } });
@@ -48,6 +48,12 @@ Object.defineProperty(exports, "AccountAssets", { enumerable: true, get: functio
 // MintButton Components
 var MintButton_1 = require("./MintButton/MintButton");
 Object.defineProperty(exports, "MintButton", { enumerable: true, get: function () { return MintButton_1.MintButton; } });
+// SendETHButton Components
+var SendETHButton_1 = require("./SendETHButton/SendETHButton");
+Object.defineProperty(exports, "SendETHButton", { enumerable: true, get: function () { return SendETHButton_1.SendETHButton; } });
+// SendERC20Button Components
+var SendERC20Button_1 = require("./SendERC20Button/SendERC20Button");
+Object.defineProperty(exports, "SendERC20Button", { enumerable: true, get: function () { return SendERC20Button_1.SendERC20Button; } });
 // Transak Components
 var TransakModal_1 = require("./Transak/TransakModal");
 Object.defineProperty(exports, "TransakModal", { enumerable: true, get: function () { return TransakModal_1.TransakModal; } });

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

@@ -42,6 +42,6 @@ const utils_1 = require("../../../../shared/utils");
 const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(ScrollAreaPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("relative overflow-hidden", className), ...props, children: [(0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), (0, jsx_runtime_1.jsx)(ScrollBar, {}), (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.Corner, {})] })));
 exports.ScrollArea = ScrollArea;
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => ((0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: (0, utils_1.cn)("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" }) })));
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => ((0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: (0, utils_1.cn)("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px", className), ...props, children: (0, jsx_runtime_1.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" }) })));
 exports.ScrollBar = ScrollBar;
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;

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

@@ -3,5 +3,5 @@ import * as React from "react";
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<never>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

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

@@ -6,7 +6,7 @@ export { useB3BalanceFromAddresses } from "./useB3BalanceFromAddresses";
 export { useB3EnsName } from "./useB3EnsName";
 export { useBestTransactionPath } from "./useBestTransactionPath";
 export { useChainSwitchWithAction } from "./useChainSwitchWithAction";
-export { useClaim } from "./useClaim";
+export * from "./useClaim";
 export { useConnect } from "./useConnect";
 export { useExchangeRate } from "./useExchangeRate";
 export { useGetAllTWSigners, type TWSignerWithMetadata } from "./useGetAllTWSigners";
@@ -32,4 +32,5 @@ export { useTokenFromUrl } from "./useTokenFromUrl";
 export { useTokenPrice } from "./useTokenPrice";
 export { useTokenPriceWithFallback } from "./useTokenPriceWithFallback";
 export { useTokensFromAddress } from "./useTokensFromAddress";
+export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";

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

@@ -1,6 +1,20 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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.useURLParams = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = 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.useGetGeo = exports.useGetAllTWSigners = exports.useExchangeRate = exports.useConnect = exports.useClaim = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalance = exports.useSiwe = 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.useGetGeo = exports.useGetAllTWSigners = exports.useExchangeRate = exports.useConnect = exports.useChainSwitchWithAction = exports.useBestTransactionPath = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = void 0;
 var useAccountAssets_1 = require("./useAccountAssets");
 Object.defineProperty(exports, "useAccountAssets", { enumerable: true, get: function () { return useAccountAssets_1.useAccountAssets; } });
 var useAccountWallet_1 = require("./useAccountWallet");
@@ -17,8 +31,7 @@ var useBestTransactionPath_1 = require("./useBestTransactionPath");
 Object.defineProperty(exports, "useBestTransactionPath", { enumerable: true, get: function () { return useBestTransactionPath_1.useBestTransactionPath; } });
 var useChainSwitchWithAction_1 = require("./useChainSwitchWithAction");
 Object.defineProperty(exports, "useChainSwitchWithAction", { enumerable: true, get: function () { return useChainSwitchWithAction_1.useChainSwitchWithAction; } });
-var useClaim_1 = require("./useClaim");
-Object.defineProperty(exports, "useClaim", { enumerable: true, get: function () { return useClaim_1.useClaim; } });
+__exportStar(require("./useClaim"), exports);
 var useConnect_1 = require("./useConnect");
 Object.defineProperty(exports, "useConnect", { enumerable: true, get: function () { return useConnect_1.useConnect; } });
 var useExchangeRate_1 = require("./useExchangeRate");
@@ -71,5 +84,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 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.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccountWallet = useAccountWallet;
 const react_1 = require("../../../global-account/react");
 const constants_1 = require("../../../shared/constants");
+const debug_1 = require("../../../shared/utils/debug");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const in_app_1 = require("thirdweb/wallets/in-app");
+const debug = (0, debug_1.debugB3React)("useAccountWallet");
 function useLastAuthProvider() {
     const [lastAuthProvider, setLastAuthProvider] = (0, react_2.useState)(null);
     (0, react_2.useEffect)(() => {
@@ -25,6 +27,12 @@ function useAccountWallet() {
     const connectedEOAWallet = connectedWallets.find(wallet => wallet.id !== constants_1.ecosystemWalletId);
     const isActiveSmartWallet = activeWallet?.id === connectedSmartWallet?.id;
     const isActiveEOAWallet = activeWallet?.id === connectedEOAWallet?.id;
+    debug("activeWallet", activeWallet);
+    debug("connectedWallets", connectedWallets);
+    debug("connectedSmartWallet", connectedSmartWallet);
+    debug("connectedEOAWallet", connectedEOAWallet);
+    debug("isActiveSmartWallet", isActiveSmartWallet);
+    debug("isActiveEOAWallet", isActiveEOAWallet);
     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();

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

@@ -46,7 +46,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
                     setIsAuthenticated(true);
                     return;
                 }
-                debug("@@setIsAuthenticating:true:4");
+                debug("setIsAuthenticating:true:4");
                 setIsAuthenticating(true);
                 const account = await wallet.getAccount();
                 if (!account) {
@@ -71,7 +71,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
             catch (error) {
                 debug("Auto-connect authentication failed", { error });
                 setIsAuthenticated(false);
-                debug("@@setIsAuthenticating:false:4");
+                debug("setIsAuthenticating:false:4");
                 setUser();
             }
         },
@@ -85,14 +85,14 @@ function useAuthentication(partnerId, loginWithSiwe) {
             // Only set isAuthenticating to false if we're not authenticated
             // This prevents the flicker state where both isAuthenticating and isAuthenticated are false
             const timeout = setTimeout(() => {
-                debug("@@setIsAuthenticating:false:5a");
+                debug("setIsAuthenticating:false:5a");
                 setIsAuthenticating(false);
                 setIsConnecting(false);
             }, 100); // Add a small delay to prevent quick flickers
             return () => clearTimeout(timeout);
         }
         else {
-            debug("@@setIsAuthenticating:false:5b");
+            debug("setIsAuthenticating:false:5b");
             setIsAuthenticating(false);
             setIsConnecting(false);
         }

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

@@ -1,5 +1,4 @@
-import { WalletClient } from "viem";
 export declare function useChainSwitchWithAction(): {
-    switchChainAndExecute: (targetChainId: number, action: (client: WalletClient) => Promise<void>) => Promise<void>;
+    switchChainAndExecute: (targetChainId: number, action: () => Promise<void>) => Promise<void>;
     isSwitchingOrExecuting: boolean;
 };

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

@@ -35,7 +35,7 @@ function useChainSwitchWithAction() {
         const providerId = walletClient.chain.id;
         const onCorrectChain = providerId === targetChainId;
         if (onCorrectChain) {
-            return run(() => action(walletClient));
+            return run(() => action());
         }
         sonner_1.toast.info(`Switching to ${(0, anyspend_1.getChainName)(targetChainId)}…`);
         const targetChain = supported_1.supportedChains.find(chain => chain.id === targetChainId);
@@ -60,7 +60,7 @@ function useChainSwitchWithAction() {
                     },
                 },
             });
-            await run(() => action(walletClient));
+            await run(() => action());
         }
         catch (e) {
             if (e?.code === -32603 || e?.message?.includes("f is not a function")) {

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

@@ -2,31 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = useFirstEOA;
 const react_1 = require("../../../global-account/react");
+const debug_1 = require("../../../shared/utils/debug");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
+const debug = (0, debug_1.debugB3React)("useFirstEOA");
 function useFirstEOA() {
     const wallets = (0, react_3.useConnectedWallets)();
     const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
     const [firstEOA, setFirstEOA] = (0, react_2.useState)(undefined);
     const [address, setAddress] = (0, react_2.useState)(undefined);
     const walletInfo = (0, react_3.useWalletInfo)(firstEOA?.id);
-    console.log("@@wallets", wallets);
-    console.log("@@wallets:isConnected", isConnected);
+    debug("Wallets", wallets);
+    debug("Is connected", isConnected);
     (0, react_2.useEffect)(() => {
         const autoSelectFirstEOAWallet = async () => {
             // Only proceed if auto-selection is enabled and user is authenticated
             if (!isConnected) {
-                console.log("@@wallets:not connected");
+                debug("Not connected");
                 return;
             }
             // Find the first EOA wallet (excluding ecosystem wallets)
             const isEOAWallet = (wallet) => !wallet.id.startsWith("ecosystem.");
             const firstEOAWallet = wallets.find(isEOAWallet);
-            console.log("@@wallets:firstEOAWallet", firstEOAWallet);
-            const account = await firstEOAWallet?.getAccount();
-            console.log("@@wallets:account", account);
+            debug("First EOA wallet", firstEOAWallet);
+            const account = firstEOAWallet?.getAccount();
+            debug("Account", account);
             setFirstEOA(firstEOAWallet);
-            console.log("@@wallets:address", account?.address);
+            debug("Address", account?.address);
             setAddress(account?.address);
         };
         autoSelectFirstEOAWallet();

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

@@ -0,0 +1,11 @@
+export interface UnifiedTransactionParams {
+    to: string;
+    data?: string;
+    value: bigint;
+}
+export declare function useUnifiedChainSwitchAndExecute(): {
+    switchChainAndExecute: (targetChainId: number, params: UnifiedTransactionParams) => Promise<string | undefined>;
+    isSwitchingOrExecuting: boolean;
+    isActiveSmartWallet: boolean | undefined;
+    isActiveEOAWallet: boolean | undefined;
+};

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

@@ -0,0 +1,160 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnifiedChainSwitchAndExecute = useUnifiedChainSwitchAndExecute;
+const anyspend_1 = require("../../../anyspend");
+const app_1 = __importDefault(require("../../../global-account/app"));
+const supported_1 = require("../../../shared/constants/chains/supported");
+const thirdweb_1 = require("../../../shared/utils/thirdweb");
+const invariant_1 = __importDefault(require("invariant"));
+const react_1 = require("react");
+const sonner_1 = require("sonner");
+const thirdweb_2 = require("thirdweb");
+const wagmi_1 = require("wagmi");
+const components_1 = require("../components");
+const useAccountWallet_1 = require("./useAccountWallet");
+function useUnifiedChainSwitchAndExecute() {
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)();
+    const { switchChainAsync } = (0, wagmi_1.useSwitchChain)();
+    const [isSwitchingOrExecuting, setIsSwitchingOrExecuting] = (0, react_1.useState)(false);
+    const { isActiveSmartWallet, isActiveEOAWallet } = (0, useAccountWallet_1.useAccountWallet)();
+    const { account: aaAccount } = (0, components_1.useB3)();
+    // Handle EOA wallet chain switch and execute transaction
+    const handleEOASwitchChainAndSendTransaction = (0, react_1.useCallback)(async (targetChainId, params) => {
+        if (!walletClient) {
+            sonner_1.toast.error("Please connect your wallet");
+            return;
+        }
+        const providerId = walletClient.chain.id;
+        const onCorrectChain = providerId === targetChainId;
+        // Helper function to execute the transaction
+        const executeTransaction = async () => {
+            const signer = walletClient.account;
+            if (!signer) {
+                throw new Error("No account connected");
+            }
+            const hash = await walletClient.sendTransaction({
+                account: signer,
+                chain: walletClient.chain,
+                to: params.to,
+                data: params.data,
+                value: params.value,
+            });
+            sonner_1.toast.success(`Transaction sent: ${hash.slice(0, 10)}...`);
+            return hash;
+        };
+        try {
+            setIsSwitchingOrExecuting(true);
+            if (onCorrectChain) {
+                return await executeTransaction();
+            }
+            sonner_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`);
+                return;
+            }
+            const blockExplorerUrl = targetChain.blockExplorers?.default.url;
+            (0, invariant_1.default)(blockExplorerUrl, "Block explorer URL is required");
+            const nativeCurrency = (0, anyspend_1.getNativeToken)(targetChainId);
+            await switchChainAsync({
+                chainId: targetChainId,
+                addEthereumChainParameter: {
+                    chainName: targetChain.name,
+                    rpcUrls: [targetChain.rpcUrls.default.http[0]],
+                    blockExplorerUrls: [blockExplorerUrl],
+                    nativeCurrency: {
+                        name: nativeCurrency.name,
+                        symbol: nativeCurrency.symbol,
+                        decimals: nativeCurrency.decimals,
+                    },
+                },
+            });
+            return await executeTransaction();
+        }
+        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…`);
+                return await handleEOASwitchChainAndSendTransaction(targetChainId, params);
+            }
+            else {
+                console.error(e);
+                sonner_1.toast.error(e?.message ?? "Unexpected error");
+                return undefined;
+            }
+        }
+        finally {
+            setIsSwitchingOrExecuting(false);
+        }
+    }, [walletClient, switchChainAsync]);
+    // Handle AA wallet transaction (no chain switch needed for AA)
+    const handleAASendTransaction = (0, react_1.useCallback)(async (targetChainId, params) => {
+        if (!aaAccount) {
+            sonner_1.toast.error("Smart wallet not connected");
+            return;
+        }
+        try {
+            setIsSwitchingOrExecuting(true);
+            const chain = (0, supported_1.getThirdwebChain)(targetChainId);
+            sonner_1.toast.info("Preparing transaction…");
+            const transaction = (0, thirdweb_2.prepareTransaction)({
+                client: thirdweb_1.client,
+                chain,
+                to: params.to,
+                data: params.data,
+                value: params.value,
+            });
+            // Check if we can use global-accounts-intents, if yes, create an intent.
+            try {
+                await app_1.default.service("global-accounts-intents").create({
+                    partnerId: String(process.env.PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID || process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID),
+                    chainId: targetChainId,
+                    to: params.to,
+                    data: params.data || "0x",
+                    value: params.value.toString(),
+                });
+            }
+            catch (err) {
+                console.error(err);
+            }
+            sonner_1.toast.info("Sending transaction…");
+            const sendTxResponse = await (0, thirdweb_2.sendTransaction)({
+                account: aaAccount,
+                transaction,
+            });
+            sonner_1.toast.success("Transaction sent successfully");
+            return sendTxResponse.transactionHash;
+        }
+        catch (err) {
+            console.error(err);
+            sonner_1.toast.error(err?.message ?? "Transaction failed");
+            return undefined;
+        }
+        finally {
+            setIsSwitchingOrExecuting(false);
+        }
+    }, [aaAccount]);
+    // Unified switch chain and execute function
+    const switchChainAndExecute = (0, react_1.useCallback)(async (targetChainId, params) => {
+        // Check which wallet type is active
+        if (isActiveSmartWallet) {
+            return handleAASendTransaction(targetChainId, params);
+        }
+        else if (isActiveEOAWallet) {
+            return handleEOASwitchChainAndSendTransaction(targetChainId, params);
+        }
+        else {
+            sonner_1.toast.error("No wallet connected");
+            return undefined;
+        }
+    }, [isActiveSmartWallet, isActiveEOAWallet, handleAASendTransaction, handleEOASwitchChainAndSendTransaction]);
+    return {
+        switchChainAndExecute,
+        isSwitchingOrExecuting,
+        isActiveSmartWallet,
+        isActiveEOAWallet,
+    };
+}

package/dist/cjs/shared/constants/chains/supported.d.ts

@@ -62,3 +62,7 @@ export declare const b3TestnetThirdWeb: Readonly<import("thirdweb/dist/types/cha
 export declare const b3Mainnet: import("viem").Chain;
 export declare const b3Testnet: import("viem").Chain;
 export declare const baseMainnet: import("viem").Chain;
+/**
+ * Get a Thirdweb chain by chain ID from supportedChainsTW
+ */
+export declare function getThirdwebChain(chainId: number): ThirdwebChain;

package/dist/cjs/shared/constants/chains/supported.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseMainnet = exports.b3Testnet = exports.b3Mainnet = exports.b3TestnetThirdWeb = exports.b3MainnetThirdWeb = exports.coingeckoChains = exports.supportedChainNetworks = exports.supportedChainsTW = exports.supportedChains = void 0;
 exports.getCoingeckoChainInfo = getCoingeckoChainInfo;
+exports.getThirdwebChain = getThirdwebChain;
 const chain_transformers_1 = require("../../../shared/utils/chain-transformers");
 const invariant_1 = __importDefault(require("invariant"));
 // Import the JSON directly
@@ -52,3 +53,13 @@ exports.b3Testnet = _b3Testnet;
 const _baseMainnet = exports.supportedChains.find(chain => chain.id === 8453);
 (0, invariant_1.default)(_baseMainnet, "Base mainnet chain not found in supported chains");
 exports.baseMainnet = _baseMainnet;
+/**
+ * Get a Thirdweb chain by chain ID from supportedChainsTW
+ */
+function getThirdwebChain(chainId) {
+    const chain = exports.supportedChainsTW.find(c => c.id === chainId);
+    if (!chain) {
+        throw new Error(`Chain ${chainId} is not supported`);
+    }
+    return chain;
+}

package/dist/cjs/shared/generated/chain-networks.json

@@ -127,7 +127,7 @@
     "name": "Ethereum",
     "rpcUrls": {
       "default": {
-        "http": "https://cloudflare-eth.com",
+        "http": "https://eth.llamarpc.com",
         "ws": "wss://late-dimensional-yard.b3-mainnet.quiknode.pro/461dbdbd44158cd7a7a764a58ffb01a67eef77f2"
       },
       "backups": []