@b3dotfun/sdk 0.0.7-alpha.2 → 0.0.7-alpha.21

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

@@ -15,7 +15,7 @@ function centerTruncate(str, length = 4) {
         return str;
     return `${str.slice(0, length)}...${str.slice(-length)}`;
 }
-function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId }) {
+function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, }) {
     const [activeTab, setActiveTab] = (0, react_2.useState)("balance");
     const [revokingSignerId, setRevokingSignerId] = (0, react_2.useState)(null);
     const account = (0, react_3.useActiveAccount)();
@@ -24,7 +24,7 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
     const { data: nativeBalance } = (0, react_1.useNativeBalance)(account?.address);
     const { data: signers, refetch: refetchSigners } = (0, react_1.useGetAllTWSigners)({
         chain,
-        accountAddress: account?.address
+        accountAddress: account?.address,
     });
     const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
     const { logout } = (0, react_1.useAuthentication)(partnerId);
@@ -40,7 +40,7 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
             console.error("Error revoking access:", error);
             setRevokingSignerId(null);
         },
-        refetchSigners: () => refetchSigners()
+        refetchSigners: () => refetchSigners(),
     });
     const handleRevoke = async (signer) => {
         setRevokingSignerId(signer.id);
@@ -58,13 +58,13 @@ function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain
                             setB3ModalContentType({
                                 type: "anySpend",
                                 defaultActiveTab: "fiat",
-                                showBackButton: true
+                                showBackButton: true,
                             });
                         }, children: "Deposit" }), (0, jsx_runtime_1.jsxs)(react_1.Button, { variant: "default", className: "font-neue-montreal-medium flex-1", onClick: () => {
                             setB3ModalOpen(true);
                             setB3ModalContentType({
                                 type: "anySpend",
-                                showBackButton: true
+                                showBackButton: true,
                             });
                         }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRightLeft, { className: "mr-2 h-4 w-4" }), "Swap"] })] })] }));
     const AssetsContent = () => ((0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-card border-b3-react-border rounded-lg border p-4", children: (0, jsx_runtime_1.jsx)(AccountAssets_1.AccountAssets, { nfts: assets?.nftResponse, isLoading: isLoading }) }));

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

@@ -13,5 +13,5 @@ interface MintButtonProps {
     onSuccess?: (tx: `0x${string}`) => void;
     onError?: (error: Error) => void;
 }
-export declare function MintButton({ contractAddress, quantity, chain, account, to, tokenId, className, children, onSuccess, onError }: MintButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function MintButton({ contractAddress, quantity, chain, account, to, tokenId, className, children, onSuccess, onError, }: MintButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,7 +6,7 @@ const react_1 = require("../../../../global-account/react");
 const thirdweb_1 = require("../../../../shared/utils/thirdweb");
 const react_2 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
-function MintButton({ contractAddress, quantity = 1, chain, account, to, tokenId, className, children = "Mint", onSuccess, onError }) {
+function MintButton({ contractAddress, quantity = 1, chain, account, to, tokenId, className, children = "Mint", onSuccess, onError, }) {
     const ecoSystemWallet = (0, react_2.useActiveAccount)();
     console.log("@@ecoSystemWallet", ecoSystemWallet);
     const { claim, isMinting } = (0, react_1.useClaim)({
@@ -14,7 +14,7 @@ function MintButton({ contractAddress, quantity = 1, chain, account, to, tokenId
         quantity,
         chain,
         to,
-        tokenId
+        tokenId,
     });
     const smartAccountWithSignerOverride = ecoSystemWallet?.address !== to;
     const handleMint = async () => {
@@ -24,12 +24,12 @@ function MintButton({ contractAddress, quantity = 1, chain, account, to, tokenId
                     chain,
                     sponsorGas: true,
                     overrides: {
-                        accountAddress: ecoSystemWallet?.address
-                    }
+                        accountAddress: ecoSystemWallet?.address,
+                    },
                 });
                 const smartAccountWithSigner = await wallet.connect({
                     client: thirdweb_1.client,
-                    personalAccount: account
+                    personalAccount: account,
                 });
                 const tx = await claim(smartAccountWithSigner);
                 onSuccess?.(tx);

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

@@ -19,11 +19,11 @@ function RelayKitProviderWrapper({ isMainnet, children }) {
             source: "anyspend",
             duneConfig: {
                 apiKey: "OkvN2bWlBPwXkvtmnTeYMQR1hYZBGDJt",
-                apiBaseUrl: "https://api.dune.com"
+                apiBaseUrl: "https://api.dune.com",
             },
             chains: relayChains,
             privateChainIds: undefined,
             appName: "AnySpend",
-            useGasFeeEstimations: true
+            useGasFeeEstimations: true,
         }, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) }));
 }

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

@@ -3,4 +3,4 @@ import { RequestPermissionsModalProps } from "../../../../global-account/react";
  * Component for requesting permissions to access user accounts and contracts
  * Allows users to approve session keys with specific permission settings
  */
-export declare function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions }: RequestPermissionsModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }: RequestPermissionsModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -18,14 +18,14 @@ const debug = (0, debug_1.debugB3React)("RequestPermissions");
  * Component for requesting permissions to access user accounts and contracts
  * Allows users to approve session keys with specific permission settings
  */
-function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions }) {
+function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }) {
     const [isApproving, setIsApproving] = (0, react_3.useState)(false);
     const account = (0, react_4.useActiveAccount)();
     const { defaultPermissions } = (0, react_1.useB3)();
     const DEFAULT_PERMISSIONS = (0, react_3.useMemo)(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
     const { refetch: refetchSigners } = (0, react_1.useGetAllTWSigners)({
         chain,
-        accountAddress: account?.address
+        accountAddress: account?.address,
     });
     const { newSessionKey } = (0, react_1.useAddTWSessionKey)({
         onSuccess: transactionResult => {
@@ -39,7 +39,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
         refetchSigners: () => {
             return refetchSigners();
         },
-        chain
+        chain,
     });
     const handleApprove = (0, react_3.useCallback)(async () => {
         debug("@@handleApprove");
@@ -54,7 +54,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
                 approvedTargets: DEFAULT_PERMISSIONS.approvedTargets,
                 nativeTokenLimitPerTransaction: DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction,
                 permissionStartTimestamp: DEFAULT_PERMISSIONS.startDate,
-                permissionEndTimestamp: DEFAULT_PERMISSIONS.endDate
+                permissionEndTimestamp: DEFAULT_PERMISSIONS.endDate,
             });
         }
         catch (error) {
@@ -68,7 +68,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
     const formatDate = (date) => {
         return new Intl.DateTimeFormat("en-US", {
             dateStyle: "medium",
-            timeStyle: "short"
+            timeStyle: "short",
         }).format(date);
     };
     return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold", children: "Allow Access" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-muted-foreground opacity-70", children: "This app would like permission to:" })] }), (0, jsx_runtime_1.jsx)(react_2.PermissionItem, { title: "Make transactions on your behalf", description: (0, jsx_runtime_1.jsxs)("span", { children: ["Up to", " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-primary font-medium", children: [DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction, " ETH"] }), " ", "per transaction"] }), icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsx)(react_2.PermissionItem, { title: "View your account", description: "See your wallet address and balance", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Approved Contracts" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: DEFAULT_PERMISSIONS.approvedTargets.map((target) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background text-b3-react-muted-foreground rounded-md border px-3 py-2 font-mono text-sm", children: (0, formatAddress_1.formatAddress)(target) }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-muted-foreground text-sm", children: "\u2022 Game Contract" })] }, target))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Permission" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-b3-react-muted-foreground", children: [(0, jsx_runtime_1.jsx)("span", { children: `Valid for ` }), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(react_timeago_1.default, { date: DEFAULT_PERMISSIONS.endDate, live: false, formatter: (value, unit) => {

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

@@ -7,5 +7,5 @@ type RequestPermissionsButtonProps = {
     permissions?: PermissionsConfig;
     closeOnSuccess?: boolean;
 };
-export declare function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError, permissions, closeOnSuccess }: RequestPermissionsButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError, permissions, closeOnSuccess, }: RequestPermissionsButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RequestPermissionsButton = RequestPermissionsButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
-function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError, permissions, closeOnSuccess = true }) {
+function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError, permissions, closeOnSuccess = true, }) {
     const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
     const handleClick = () => {
         setB3ModalContentType({
@@ -17,7 +17,7 @@ function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError
                 }
             },
             onError,
-            permissions
+            permissions,
         });
         setB3ModalOpen(true);
     };

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

@@ -0,0 +1,14 @@
+import { SignInWithB3ModalProps } from "../../../../global-account/react";
+import { ReactNode } from "react";
+type SignInProps = {
+    className?: string;
+    isMobile?: boolean;
+};
+type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton"> & {
+    buttonText?: string | ReactNode;
+    loggedInButtonText?: string | ReactNode;
+    loadingButtonText?: string | ReactNode;
+    withLogo?: boolean;
+} & SignInProps;
+export declare function SignIn(props: SignInWithB3Props): import("react/jsx-runtime").JSX.Element;
+export default SignIn;

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

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignIn = SignIn;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../global-account/react");
+const Icon_1 = __importDefault(require("../../../../global-account/react/components/custom/Icon"));
+const constants_1 = require("../../../../shared/constants");
+const utils_1 = require("../../../../shared/utils");
+const react_2 = require("@headlessui/react");
+const react_3 = require("react");
+const react_4 = require("thirdweb/react");
+const ManageAccountButton_1 = require("../custom/ManageAccountButton");
+function SignIn(props) {
+    const { className } = props;
+    const { automaticallySetFirstEoa } = (0, react_1.useB3)();
+    const { wallet, address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = (0, react_1.useAccountWallet)();
+    const isMobile = (0, react_1.useIsMobile)();
+    const { logout } = (0, react_1.useAuthentication)(String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID));
+    const onDisconnect = async () => {
+        await logout();
+    };
+    const connectedWallets = (0, react_4.useConnectedWallets)();
+    const { data: walletInfo } = (0, react_4.useWalletInfo)(isActiveSmartWallet ? connectedSmartWallet?.id : connectedEOAWallet?.id);
+    const setActiveWallet = (0, react_4.useSetActiveWallet)();
+    const handleSetActiveAccount = (selectedWalletId) => {
+        if (!selectedWalletId ||
+            !connectedWallets ||
+            !connectedEOAWallet ||
+            !connectedSmartWallet ||
+            !automaticallySetFirstEoa)
+            return;
+        setActiveWallet(selectedWalletId === constants_1.ecosystemWalletId ? connectedSmartWallet : connectedEOAWallet);
+    };
+    // Automatically set EOA wallet as active when available
+    (0, react_3.useEffect)(() => {
+        if (connectedEOAWallet && automaticallySetFirstEoa) {
+            setActiveWallet(connectedEOAWallet);
+        }
+    }, [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, 
+                            // 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) => {
+                    console.log("User authenticated with Global Account!", globalAccount);
+                }, ...props })) }) }));
+}
+exports.default = SignIn;

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

@@ -1,10 +1,9 @@
 import { SignInWithB3ModalProps } from "../../../../global-account/react";
 import { ReactNode } from "react";
-type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton"> & {
+export type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton"> & {
     buttonText?: string | ReactNode;
     loggedInButtonText?: string | ReactNode;
     loadingButtonText?: string | ReactNode;
     withLogo?: boolean;
 };
 export declare function SignInWithB3(props: SignInWithB3Props): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -3,14 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignInWithB3 = SignInWithB3;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
-const react_2 = require("../../../../global-account/react");
-const react_3 = require("react");
-const react_4 = require("thirdweb/react");
+const react_2 = require("react");
+const react_3 = require("thirdweb/react");
+const ManageAccountButton_1 = require("../custom/ManageAccountButton");
+const Loading_1 = require("../ui/Loading");
 function SignInWithB3(props) {
-    const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_2.useModalStore)();
-    const account = (0, react_4.useActiveAccount)();
+    const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_1.useModalStore)();
+    const account = (0, react_3.useActiveAccount)();
     const { isAuthenticating, isAuthenticated } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
-    (0, react_3.useEffect)(() => {
+    const isMobile = (0, react_1.useIsMobile)();
+    (0, react_2.useEffect)(() => {
         if (account) {
             setEcoSystemAccountAddress(account.address);
         }
@@ -19,22 +21,15 @@ function SignInWithB3(props) {
         setB3ModalContentType({
             ...props,
             type: "signInWithB3",
-            showBackButton: false
-        });
-        setB3ModalOpen(true);
-    };
-    const handleClickManageAccount = () => {
-        setB3ModalContentType({
-            ...props,
-            type: "manageAccount"
+            showBackButton: false,
         });
         setB3ModalOpen(true);
     };
     if (isAuthenticated) {
-        return ((0, jsx_runtime_1.jsx)(react_2.StyleRoot, { children: (0, jsx_runtime_1.jsxs)(react_2.Button, { onClick: handleClickManageAccount, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 text-white", children: [props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loggedInButtonText || "Manage Account"] }) }));
+        return (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props });
     }
     if (isAuthenticating) {
-        return ((0, jsx_runtime_1.jsx)(react_2.StyleRoot, { children: (0, jsx_runtime_1.jsxs)(react_2.Button, { disabled: true, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 text-white", children: [props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loadingButtonText || "Signing in..."] }) }));
+        return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)(react_1.Button, { disabled: true, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 text-white", children: [props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loadingButtonText || (isMobile ? (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: "sm" }) : "Signing in…")] }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(react_2.StyleRoot, { children: (0, jsx_runtime_1.jsx)(react_2.Button, { onClick: handleClick, style: { backgroundColor: "#3368ef" }, className: "flex items-center gap-2 font-medium text-white", children: props.buttonText ? (props.buttonText) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Sign in with" }), props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-6" }))] })) }) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: handleClick, style: { backgroundColor: "#3368ef" }, className: "b3-sign-in-button flex items-center gap-2 font-medium text-white", children: props.buttonText ? (props.buttonText) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Sign in with" }), props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-6" }))] })) }) }));
 }

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

@@ -3,4 +3,4 @@ import { SignInWithB3ModalProps } from "../../../../global-account/react";
  * Component that manages the authentication flow for Sign In With B3
  * Handles different login providers, authentication steps, and session key management
  */
-export declare function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin, loginWithSiwe, source, signersEnabled }: SignInWithB3ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin, loginWithSiwe, source, signersEnabled, }: SignInWithB3ModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -15,7 +15,7 @@ const MAX_REFETCH_ATTEMPTS = 20;
  * Component that manages the authentication flow for Sign In With B3
  * Handles different login providers, authentication steps, and session key management
  */
-function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, loginWithSiwe = false, source = "signInWithB3Button", signersEnabled = false }) {
+function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, loginWithSiwe = false, source = "signInWithB3Button", signersEnabled = false, }) {
     const { setUser, automaticallySetFirstEoa } = (0, react_1.useB3)();
     const [step, setStep] = (0, react_2.useState)(source === "requestPermissions" ? null : "login");
     const [sessionKeyAdded, setSessionKeyAdded] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
@@ -24,12 +24,12 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     const [loginComplete, setLoginComplete] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
     const [refetchCount, setRefetchCount] = (0, react_2.useState)(0);
     const [refetchError, setRefetchError] = (0, react_2.useState)(null);
-    const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners } = (0, react_1.useGetAllTWSigners)({
+    const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = (0, react_1.useGetAllTWSigners)({
         chain,
         accountAddress: account?.address,
         queryOptions: {
-            enabled: signersEnabled
-        }
+            enabled: signersEnabled,
+        },
     });
     const { authenticate } = (0, react_1.useSiwe)();
     const [authenticatingWithB3, setAuthenticatingWithB3] = (0, react_2.useState)(false);
@@ -60,7 +60,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         debug("@@SignInWithB3Flow:useEffect", {
             loginComplete,
             isFetchingSigners,
-            source
+            source,
         });
         if (loginComplete && !isFetchingSigners) {
             // Check if we already have a signer for this partner
@@ -75,7 +75,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
                     setB3ModalContentType({
                         type: "manageAccount",
                         chain,
-                        partnerId
+                        partnerId,
                     });
                 }
             }
@@ -95,7 +95,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             setB3ModalContentType({
                 type: "manageAccount",
                 chain,
-                partnerId
+                partnerId,
             });
         }
     }, [
@@ -110,7 +110,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         chain,
         onSessionKeySuccess,
         setB3ModalOpen,
-        signersEnabled
+        signersEnabled,
     ]);
     debug("render", {
         step,
@@ -118,7 +118,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         account,
         signers,
         refetchCount,
-        refetchError
+        refetchError,
     });
     // Keep this effect for handling closeAfterLogin when adding new session keys
     (0, react_2.useEffect)(() => {
@@ -139,7 +139,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             partnerId,
             closeAfterLogin,
             loginWithSiwe,
-            source: "requestPermissions"
+            source: "requestPermissions",
         });
     }, [
         chain,
@@ -151,7 +151,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         partnerId,
         sessionKeyAddress,
         setB3ModalContentType,
-        strategies
+        strategies,
     ]);
     const handleLoginSuccess = (0, react_2.useCallback)(async (account) => {
         debug("Authenticating with B3 via SIWE");
@@ -172,7 +172,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
                 chain,
                 sessionKeyAddress,
                 onSuccess: onSessionKeySuccessEnhanced,
-                onError
+                onError,
             });
         }
     }, [chain, onError, onSessionKeySuccessEnhanced, sessionKeyAddress, setB3ModalContentType, step]);

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

@@ -13,7 +13,7 @@ function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
     const { logout } = (0, react_1.useAuthentication)(partnerId);
     debug("@@SignInWithB3Privy", {
         isLoading,
-        fullToken
+        fullToken,
     });
     (0, react_2.useEffect)(() => {
         async function autoConnect() {

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

@@ -1,4 +1,4 @@
-export declare function AuthButton({ strategy, onClick, isLoading }: {
+export declare function AuthButton({ strategy, onClick, isLoading, }: {
     strategy: string;
     onClick: () => void;
     isLoading: boolean;

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

@@ -4,6 +4,6 @@ exports.AuthButton = AuthButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../custom/Button");
 const signInUtils_1 = require("../utils/signInUtils");
-function AuthButton({ strategy, onClick, isLoading }) {
+function AuthButton({ strategy, onClick, isLoading, }) {
     return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClick, disabled: isLoading, className: "flex w-full items-center justify-center bg-gray-100 px-2 py-3 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700", children: (0, jsx_runtime_1.jsx)("img", { src: signInUtils_1.strategyIcons[strategy], className: "h-9 w-9" }) }, strategy));
 }

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

@@ -1,5 +1,5 @@
 import { WalletId } from "thirdweb/wallets";
-export declare function WalletRow({ walletId, onClick, isLoading }: {
+export declare function WalletRow({ walletId, onClick, isLoading, }: {
     walletId: WalletId;
     onClick: () => void;
     isLoading: boolean;

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

@@ -4,6 +4,6 @@ exports.WalletRow = WalletRow;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("thirdweb/react");
 const Button_1 = require("../../custom/Button");
-function WalletRow({ walletId, onClick, isLoading }) {
+function WalletRow({ walletId, onClick, isLoading, }) {
     return ((0, jsx_runtime_1.jsx)(react_1.WalletProvider, { id: walletId, children: (0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: onClick, disabled: isLoading, className: "flex w-full items-center justify-normal gap-3 rounded-lg border border-gray-200 bg-transparent px-4 py-3 text-gray-900 hover:bg-gray-100 dark:border-gray-700 dark:text-gray-100 dark:hover:bg-gray-800", children: [(0, jsx_runtime_1.jsx)(react_1.WalletIcon, { className: "h-12 w-12", loadingComponent: (0, jsx_runtime_1.jsx)("div", { className: "h-8 w-8 animate-pulse rounded-full bg-gray-200 dark:bg-gray-700" }) }), (0, jsx_runtime_1.jsx)(react_1.WalletName, { className: "font-bold text-gray-900 dark:text-gray-100", loadingComponent: (0, jsx_runtime_1.jsx)("div", { className: "h-4 w-24 animate-pulse rounded bg-gray-200 dark:bg-gray-700" }) })] }) }, walletId));
 }

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

@@ -12,15 +12,15 @@ function LoginStepContainer({ children, partnerId }) {
     const { data: partner } = (0, react_1.useQueryB3)("global-accounts-partners", "find", {
         query: {
             partnerId,
-            $limit: 1
-        }
+            $limit: 1,
+        },
     }, !!partnerId);
     const partnerLogo = partner?.data?.[0]?.loginCustomization?.logoUrl;
     return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center py-6", children: [partnerLogo && (0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "mb-4 h-12 w-auto object-contain" }), children, (0, jsx_runtime_1.jsxs)("h2", { className: "mt-3 flex items-center gap-2 text-lg font-bold", children: ["Powered by", (0, jsx_runtime_1.jsx)("img", { alt: "B3 Logo", className: "h-5", src: "https://cdn.b3.fun/b3_logo.svg" }), "Connect"] })] }));
 }
 function LoginStep({ onSuccess, onError, partnerId, chain }) {
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {
-        partnerId: partnerId
+        partnerId: partnerId,
     });
     const { theme } = (0, react_1.useB3)();
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
@@ -29,17 +29,17 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
     return ((0, jsx_runtime_1.jsx)(LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)(react_2.ConnectEmbed, { showThirdwebBranding: false, client: thirdweb_1.client, chain: chain, wallets: [wallet], theme: theme === "light"
                 ? (0, react_2.lightTheme)({
                     colors: {
-                        modalBg: "hsl(var(--b3-react-background))"
-                    }
+                        modalBg: "hsl(var(--b3-react-background))",
+                    },
                 })
                 : (0, react_2.darkTheme)({
                     colors: {
-                        modalBg: "hsl(var(--b3-react-background))"
-                    }
+                        modalBg: "hsl(var(--b3-react-background))",
+                    },
                 }), autoConnect: true, style: {
                 width: "100%",
                 height: "100%",
-                border: 0
+                border: 0,
             }, 
             // TODO: Integrate with SIWE in useSIWE
             // auth={{
@@ -60,7 +60,7 @@ function LoginStep({ onSuccess, onError, partnerId, chain }) {
             // }}
             header: {
                 title: "Sign in with B3",
-                titleIcon: "https://cdn.b3.fun/b3_logo.svg"
+                titleIcon: "https://cdn.b3.fun/b3_logo.svg",
             }, onConnect: async (wallet) => {
                 try {
                     setIsAuthenticating(true);

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

@@ -10,5 +10,5 @@ interface LoginStepCustomProps {
     strategies: AllowedStrategy[];
     maxInitialWallets?: number;
 }
-export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa, }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,7 +7,7 @@ const thirdweb_1 = require("../../../../../shared/utils/thirdweb");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
-function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa }) {
+function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
     const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const [showAllWallets, setShowAllWallets] = (0, react_2.useState)(false);
     const { connect } = (0, react_1.useConnect)(partnerId, chain);
@@ -33,7 +33,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
                 connectResult = await connectTW(async () => {
                     const wallet = (0, wallets_1.createWallet)(options.wallet?.id);
                     await wallet.connect({
-                        client: thirdweb_1.client
+                        client: thirdweb_1.client,
                     });
                     return wallet;
                 });

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

@@ -21,7 +21,7 @@ exports.allowedStrategies = [
     "com.coinbase.wallet",
     // Custom strategies
     // TODO: Audit we don't use "privy" directly anymore
-    ...customStrategies
+    ...customStrategies,
 ];
 function isWalletType(strategy) {
     // Check if it's a known wallet ID pattern (com.*, io.*, etc.)
@@ -48,7 +48,7 @@ exports.strategyIcons = {
     x: "https://cdn.b3.fun/x.svg?1",
     discord: "https://cdn.b3.fun/discord.svg",
     apple: "https://cdn.b3.fun/apple.svg",
-    guest: "https://cdn.b3.fun/incognito.svg"
+    guest: "https://cdn.b3.fun/incognito.svg",
     // Add more strategies as needed
 };
 // Test it

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

@@ -5,6 +5,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const useB3_1 = require("./B3Provider/useB3");
 function StyleRoot({ children, id }) {
     const { theme: b3Theme } = (0, useB3_1.useB3)();
-    // eslint-disable-next-line tailwindcss/no-custom-classname
     return ((0, jsx_runtime_1.jsx)("div", { className: "b3-root", id: id, "data-theme": b3Theme, children: children }));
 }

package/dist/cjs/global-account/react/components/Transak/TransakModal.js

@@ -33,7 +33,7 @@ function TransakModal() {
             exchangeScreenTitle: "Buy ETH on B3",
             isFeeCalculationHidden: true,
             cryptoCurrencyCode: "ETH",
-            network: "b3"
+            network: "b3",
         };
     }, [environment]);
     const { ready } = (0, react_1.useB3)();
@@ -53,7 +53,7 @@ function TransakModal() {
             defaultCryptoAmount,
             disableWalletAddressForm: !!destinationWalletAddress || !!account?.address, // Only disable the form if we have an address
             fiatAmount: fiatAmount,
-            countryCode: countryCode
+            countryCode: countryCode,
         };
         const transak = new transak_sdk_1.Transak(config);
         try {
@@ -98,13 +98,13 @@ function TransakModal() {
         onSuccess,
         fiatAmount,
         transakConfig,
-        countryCode
+        countryCode,
     ]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isLoading && ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full min-h-[650px] flex-col items-center justify-center gap-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-24 w-24 animate-spin opacity-10" }), (0, jsx_runtime_1.jsx)(react_1.TextShimmer, { children: "Powering up our credit card processor..." })] })), (0, jsx_runtime_1.jsx)("div", { id: "transakMount", style: {
                     display: isLoading ? "none" : "block",
                     width: "100%",
                     height: "650px",
                     borderRadius: "25px",
-                    overflow: "hidden"
+                    overflow: "hidden",
                 } })] }));
 }