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

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

@@ -1,9 +1,10 @@
 import { SignInWithB3ModalProps } from "../../../../global-account/react";
 import { ReactNode } from "react";
-export type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton"> & {
+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,16 +3,14 @@ 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("react");
-const react_3 = require("thirdweb/react");
-const ManageAccountButton_1 = require("../custom/ManageAccountButton");
-const Loading_1 = require("../ui/Loading");
+const react_2 = require("../../../../global-account/react");
+const react_3 = require("react");
+const react_4 = require("thirdweb/react");
 function SignInWithB3(props) {
-    const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_1.useModalStore)();
-    const account = (0, react_3.useActiveAccount)();
+    const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_2.useModalStore)();
+    const account = (0, react_4.useActiveAccount)();
     const { isAuthenticating, isAuthenticated } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
-    const isMobile = (0, react_1.useIsMobile)();
-    (0, react_2.useEffect)(() => {
+    (0, react_3.useEffect)(() => {
         if (account) {
             setEcoSystemAccountAddress(account.address);
         }
@@ -21,15 +19,22 @@ function SignInWithB3(props) {
         setB3ModalContentType({
             ...props,
             type: "signInWithB3",
-            showBackButton: false,
+            showBackButton: false
+        });
+        setB3ModalOpen(true);
+    };
+    const handleClickManageAccount = () => {
+        setB3ModalContentType({
+            ...props,
+            type: "manageAccount"
         });
         setB3ModalOpen(true);
     };
     if (isAuthenticated) {
-        return (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props });
+        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"] }) }));
     }
     if (isAuthenticating) {
-        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.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.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" }))] })) }) }));
+    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" }))] })) }) }));
 }

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,5 +5,6 @@ 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"
                 } })] }));
 }

package/dist/cjs/global-account/react/components/custom/Button.js

@@ -15,19 +15,19 @@ const buttonVariants = (0, class_variance_authority_1.cva)("inline-flex items-ce
             secondary: "bg-secondary text-secondary-b3-react-foreground shadow-sm hover:bg-secondary/80",
             ghost: "hover:bg-accent hover:text-accent-b3-react-foreground",
             link: "text-b3-react-primary underline-offset-4 hover:underline",
-            b3: "bg-[#3368ef] text-white hover:bg-[#3368ef]/90",
+            b3: "bg-[#3368ef] text-white hover:bg-[#3368ef]/90"
         },
         size: {
             default: "h-9 px-4 py-2",
             sm: "h-8 rounded-md px-3 text-xs",
             lg: "h-10 rounded-md px-8",
-            icon: "h-9 w-9",
-        },
+            icon: "h-9 w-9"
+        }
     },
     defaultVariants: {
         variant: "default",
-        size: "default",
-    },
+        size: "default"
+    }
 });
 exports.buttonVariants = buttonVariants;
 function Button({ variant = "default", className, ...props }) {

package/dist/cjs/global-account/react/components/custom/StaggeredFadeLoader.js

@@ -6,19 +6,19 @@ const framer_motion_1 = require("framer-motion");
 function StaggeredFadeLoader({ className = "bg-white/50", size = 4 }) {
     const circleVariants = {
         hidden: { opacity: 0 },
-        visible: { opacity: 1 },
+        visible: { opacity: 1 }
     };
     const sizeClass = {
         1: "h-1 w-1",
         2: "h-2 w-2",
         3: "h-3 w-3",
         4: "h-4 w-4",
-        5: "h-5 w-5",
+        5: "h-5 w-5"
     }?.[size] || "h-4 w-4";
     return ((0, jsx_runtime_1.jsx)("div", { className: `flex items-center justify-center ${size <= 2 ? "space-x-1" : "space-x-2"}`, children: [...Array(3)].map((_, index) => ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { className: `${sizeClass} rounded-full ${className}`, variants: circleVariants, initial: "hidden", animate: "visible", transition: {
                 duration: 0.9,
                 delay: index * 0.2,
                 repeat: Infinity,
-                repeatType: "reverse",
+                repeatType: "reverse"
             } }, index))) }));
 }

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

@@ -25,9 +25,9 @@ export { StaggeredFadeLoader } from "./custom/StaggeredFadeLoader";
 export { WalletConnectorIcon } from "./custom/WalletConnectorIcon";
 export { Badge, badgeVariants } from "./ui/badge";
 export { Button, buttonVariants } from "./ui/button";
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./ui/command";
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./ui/dialog";
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./ui/drawer";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer";
 export { GlareCard } from "./ui/glare-card";
 export { GlareCardRounded } from "./ui/glare-card-rounded";
 export { Input } from "./ui/input";
@@ -36,7 +36,7 @@ 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 { TabsContent as TabsContentPrimitive, TabsList as TabsListPrimitive, Tabs as TabsPrimitive, TabTrigger as TabTriggerPrimitive, } from "./ui/Tabs";
+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";

package/dist/cjs/global-account/react/components/magicui/AnimatedLottie.js

@@ -86,7 +86,7 @@ exports.AnimatedLottie = react_1.default.memo(({ src, autoplay = false, loop = f
         setIsHovered(false);
     }, []);
     const animateProps = (0, react_1.useMemo)(() => ({
-        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1,
+        scale: animateBounce ? [1, 0.95, 1.05, 1] : 1
     }), [animateBounce]);
     return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { whileHover: { scale: 1.05 }, initial: { scale: 1 }, animate: animateProps, transition: { duration: 0.3, ease: "easeInOut" }, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: (0, jsx_runtime_1.jsx)(dotlottie_react_1.DotLottieReact, { src: src, dotLottieRefCallback: dotLottieRefCallback, style: style, autoplay: autoplay, loop: loop, mode: reverse ? "reverse" : "forward" }) }));
 });

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

@@ -8,11 +8,11 @@ function Loading({ className, size = "md", variant = "white" }) {
     const sizeClass = {
         sm: "h-6 w-6",
         md: "h-8 w-8",
-        lg: "h-12 w-12",
+        lg: "h-12 w-12"
     }[size];
     const variantClass = {
         primary: "text-b3-react-primary",
-        white: "text-white opacity-50",
+        white: "text-white opacity-50"
     }[variant];
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("relative", sizeClass, className), children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: (0, utils_1.cn)("animate-spin", sizeClass, variantClass) }) }));
 }

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

@@ -1,4 +1,4 @@
-export declare const ShinyButton: ({ text, accentColor, animatedPulse, className, children, onClick, onClickCapture, disabled, textColor, textClassName, type, }: {
+export declare const ShinyButton: ({ text, accentColor, animatedPulse, className, children, onClick, onClickCapture, disabled, textColor, textClassName, type }: {
     text?: string;
     accentColor?: string;
     animatedPulse?: boolean;

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

@@ -7,10 +7,10 @@ const react_1 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 const colors_1 = require("../../../../shared/utils/colors");
 const react_intersection_observer_1 = require("react-intersection-observer");
-const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button", }) => {
+const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true, className = "", children, onClick, onClickCapture, disabled, textColor = "", textClassName = "", type = "button" }) => {
     const { ref, inView } = (0, react_intersection_observer_1.useInView)({
         triggerOnce: false,
-        threshold: 0.1,
+        threshold: 0.1
     });
     const computedTextColor = textColor ||
         (accentColor?.startsWith("hsl")
@@ -21,7 +21,7 @@ const ShinyButton = ({ text = "shiny-button", accentColor, animatedPulse = true,
     return ((0, jsx_runtime_1.jsxs)("button", { ref: ref, className: (0, utils_1.cn)(`shiny-button relative min-h-fit rounded-2xl border border-black/10 px-6 py-3 tracking-wide backdrop-blur-xl transition-all duration-300 ease-in-out dark:bg-[radial-gradient(ellipse_at_50%_0%,hsl(var(--b3-react-primary)/25%)_0%,transparent_70%)] ${className}`, disabled
             ? "grayscale-20 cursor-not-allowed opacity-60"
             : "hover:border-black/30 hover:shadow-[0_0_20px_rgb(0,0,0,20%)]", animatedPulse && inView && "animated-pulse"), style: {
-            backgroundColor: disabled ? "#94A3B8" : accentColor,
+            backgroundColor: disabled ? "#94A3B8" : accentColor
         }, onClick: !disabled ? onClick : undefined, onClickCapture: onClickCapture, disabled: disabled, type: type, children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bottom-0 left-0 right-0 top-0 rounded-2xl border border-white/10" }), (0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("font-sf-rounded relative block h-full w-full text-lg font-semibold tracking-wide", computedTextColor), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center justify-center gap-2", textClassName), children: [children || text, text === "Loading" && (0, jsx_runtime_1.jsx)(react_1.StaggeredFadeLoader, { size: 2 })] }) }), (0, jsx_runtime_1.jsx)("span", { className: "shiny-overlay" })] }));
 };
 exports.ShinyButton = ShinyButton;

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

@@ -81,6 +81,6 @@ function TabsTransitionWrapper({ children }) {
     return ((0, jsx_runtime_1.jsx)(react_1.TransitionPanel, { activeIndex: activeIndex, className: "w-full", transition: { type: "spring", stiffness: 300, damping: 30 }, variants: {
             enter: { opacity: 0, filter: "blur(10px)", x: 20 },
             center: { opacity: 1, filter: "blur(0px)", x: 0 },
-            exit: { opacity: 0, filter: "blur(10px)", x: -20 },
+            exit: { opacity: 0, filter: "blur(10px)", x: -20 }
         }, children: childrenArray }));
 }

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

@@ -1,5 +1,5 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-export declare const Tabs: ({ defaultValue, onValueChange, children, }: {
+export declare const Tabs: ({ defaultValue, onValueChange, children }: {
     defaultValue: string;
     onValueChange?: (value: string) => void;
     children: React.ReactNode;

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

@@ -40,7 +40,7 @@ exports.TabsContent = TabsContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../../../shared/utils");
 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 }));
+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 }));

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

@@ -11,12 +11,12 @@ const badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-cen
             default: "border-transparent bg-b3-react-primary text-b3-react-primary-foreground hover:bg-b3-react-primary/80",
             secondary: "border-transparent bg-secondary text-secondary-b3-react-foreground hover:bg-secondary/80",
             destructive: "border-destructive bg-destructive/50 text-destructive-b3-react-foreground hover:bg-destructive/80",
-            outline: "text-b3-react-foreground",
-        },
+            outline: "text-b3-react-foreground"
+        }
     },
     defaultVariants: {
-        variant: "default",
-    },
+        variant: "default"
+    }
 });
 exports.badgeVariants = badgeVariants;
 function Badge({ className, variant, ...props }) {