@b3dotfun/sdk 0.0.7-alpha.9 → 0.0.8-alpha.0

package/dist/esm/global-account/app.js

@@ -24,9 +24,9 @@ const app = createClient(socketio(socket), {
         },
         removeItem: (key) => {
             Cookies.remove(key);
-        }
+        },
     },
-    storageKey: B3_AUTH_COOKIE_NAME
+    storageKey: B3_AUTH_COOKIE_NAME,
 });
 export const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -38,9 +38,9 @@ export const authenticate = async (accessToken, identityToken, params) => {
     try {
         const response = await app.authenticate({
             strategy: "jwt",
-            accessToken: fullToken
+            accessToken: fullToken,
         }, {
-            query: params || {}
+            query: params || {},
         });
         return response;
     }

package/dist/esm/global-account/app.native.js

@@ -56,9 +56,9 @@ const app = createClient(socketio(socket), {
         },
         removeItem: (key) => {
             localStorage.deleteItem(key);
-        }
+        },
     },
-    storageKey: B3_AUTH_COOKIE_NAME
+    storageKey: B3_AUTH_COOKIE_NAME,
 });
 export const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -70,9 +70,9 @@ export const authenticate = async (accessToken, identityToken, params) => {
     try {
         const response = await app.authenticate({
             strategy: "jwt",
-            accessToken: fullToken
+            accessToken: fullToken,
         }, {
-            query: params || {}
+            query: params || {},
         });
         return response;
     }

package/dist/esm/global-account/bsmnt.js

@@ -28,9 +28,9 @@ const app = createClient(socketio(socket), {
         },
         removeItem: (key) => {
             Cookies.remove(key);
-        }
+        },
     },
-    storageKey: BSMNT_AUTH_COOKIE_NAME
+    storageKey: BSMNT_AUTH_COOKIE_NAME,
 });
 export const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -42,9 +42,9 @@ export const authenticate = async (accessToken, identityToken, params) => {
     try {
         const response = await app.authenticate({
             strategy: "b3-jwt",
-            accessToken: fullToken
+            accessToken: fullToken,
         }, {
-            query: params || {}
+            query: params || {},
         });
         return response;
     }

package/dist/esm/global-account/bsmnt.native.js

@@ -59,9 +59,9 @@ const app = createClient(socketio(socket), {
         },
         removeItem: (key) => {
             localStorage.deleteItem(key);
-        }
+        },
     },
-    storageKey: BSMNT_AUTH_COOKIE_NAME
+    storageKey: BSMNT_AUTH_COOKIE_NAME,
 });
 export const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -73,9 +73,9 @@ export const authenticate = async (accessToken, identityToken, params) => {
     try {
         const response = await app.authenticate({
             strategy: "jwt",
-            accessToken: fullToken
+            accessToken: fullToken,
         }, {
-            query: params || {}
+            query: params || {},
         });
         return response;
     }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnySpend, AnySpendBuySpin, AnySpendNFT, AnySpendStakeB3, AnySpendTournament, OrderHistory } from "../../../anyspend/react/index.js";
+import { AnySpend, AnySpendBuySpin, AnySpendNFT, AnySpendStakeB3, AnySpendTournament, AnyspendSignatureMint, OrderHistory, } from "../../../anyspend/react/index.js";
 import { useIsMobile, useModalStore } from "../../../global-account/react/index.js";
 import { debugB3React } from "../../../shared/utils/debug.js";
 import { useB3 } from "./B3Provider/useB3.js";
@@ -24,11 +24,19 @@ export function B3DynamicModal() {
         "anySpendStakeB3",
         "anySpendBuySpin",
         "anySpendOrderHistory",
-        "signInWithB3"
+        "signInWithB3",
+        "anySpendSignatureMint",
     ].find(type => contentType?.type === type)) {
         contentClass += " max-h-[90dvh] overflow-y-auto no-scrollbar w-full";
     }
-    if (["anySpendNft", "anySpendJoinTournament", "anySpendFundTournament", "anySpendStakeB3", "anySpendBuySpin"].find(type => contentType?.type === type)) {
+    if ([
+        "anySpendNft",
+        "anySpendJoinTournament",
+        "anySpendFundTournament",
+        "anySpendStakeB3",
+        "anySpendBuySpin",
+        "anySpendSignatureMint",
+    ].find(type => contentType?.type === type)) {
         // Due to the dynamic of (Pay with crypto),(Pay with fiat), we want the height fixed to 90dvh but still scrollable.
         // NOTE: Just leave it here in case we want the fixed height
         // contentClass += " min-h-[90dvh] b3-modal-freestyle";
@@ -67,6 +75,8 @@ export function B3DynamicModal() {
                 return _jsx(AnySpendStakeB3, { ...contentType, mode: "modal" });
             case "anySpendBuySpin":
                 return _jsx(AnySpendBuySpin, { ...contentType, mode: "modal" });
+            case "anySpendSignatureMint":
+                return _jsx(AnyspendSignatureMint, { ...contentType, mode: "modal" });
             // Add other modal types here
             default:
                 return null;
@@ -76,5 +86,5 @@ export function B3DynamicModal() {
     const ModalContent = isMobile ? DrawerContent : DialogContent;
     const ModalTitle = isMobile ? DrawerTitle : DialogTitle;
     const ModalDescription = isMobile ? DrawerDescription : DialogDescription;
-    return (_jsx(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: _jsxs(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: "overflow-hidden", children: [history.length > 0 && contentType?.showBackButton && (_jsxs("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [_jsx("span", { children: "\u2190" }), _jsx("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
+    return (_jsx(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: _jsxs(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [_jsx(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), _jsx(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), _jsxs("div", { className: "overflow-auto", children: [history.length > 0 && contentType?.showBackButton && (_jsxs("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [_jsx("span", { children: "\u2190" }), _jsx("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
 }

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

@@ -6,7 +6,7 @@ export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem"
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ isMainnetAnySpend, theme, children, accountOverride, environment, automaticallySetFirstEoa }: {
+export declare function B3Provider({ isMainnetAnySpend, theme, children, accountOverride, environment, automaticallySetFirstEoa, }: {
     isMainnetAnySpend?: boolean;
     theme: "light" | "dark";
     children: React.ReactNode;
@@ -17,7 +17,7 @@ export declare function B3Provider({ isMainnetAnySpend, theme, children, account
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TooltipProvider } from "../../../../global-account/react/index.js";
 import { supportedChains } from "../../../../shared/constants/chains/supported.js";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
@@ -16,24 +17,24 @@ const DEFAULT_PERMISSIONS = {
     approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
     nativeTokenLimitPerTransaction: 0.1, // in ETH
     startDate: new Date(),
-    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 export const wagmiConfig = createConfig({
     chains: [supportedChains[0], ...supportedChains.slice(1)],
-    transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()]))
+    transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])),
 });
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa }) {
-    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: _jsxs(RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme })] }) }) }) }) }));
+export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, }) {
+    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(TooltipProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: _jsxs(RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light" }) {
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", }) {
     const activeAccount = useActiveAccount();
     const [manuallySetAccount, setManuallySetAccount] = useState(undefined);
     const [manuallySelectedWallet, setManuallySelectedWallet] = useState(undefined);
@@ -77,6 +78,6 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
             automaticallySetFirstEoa,
             environment,
             defaultPermissions,
-            theme
+            theme,
         }, children: children }));
 }

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

@@ -4,7 +4,7 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ isMainnetAnySpend, theme, children, accountOverride, environment }: {
+export declare function B3Provider({ isMainnetAnySpend, theme, children, accountOverride, environment, }: {
     isMainnetAnySpend?: boolean;
     theme: "light" | "dark";
     children: React.ReactNode;
@@ -14,7 +14,7 @@ export declare function B3Provider({ isMainnetAnySpend, theme, children, account
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];

package/dist/esm/global-account/react/components/B3Provider/B3Provider.native.js

@@ -10,20 +10,20 @@ const DEFAULT_PERMISSIONS = {
     approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
     nativeTokenLimitPerTransaction: 0.1, // in ETH
     startDate: new Date(),
-    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365) // 1 year from now
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment }) {
+export function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, }) {
     return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, children: children }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light" }) {
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", }) {
     const activeAccount = useActiveAccount();
     const [manuallySetAccount, setManuallySetAccount] = useState(undefined);
     const [user, setUser] = useState(undefined);
@@ -44,6 +44,6 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
             ready: !!effectiveAccount,
             environment,
             defaultPermissions,
-            theme
+            theme,
         }, children: children }));
 }

package/dist/esm/global-account/react/components/B3Provider/types.js

@@ -13,5 +13,5 @@ export const B3Context = createContext({
     initialized: false,
     ready: false,
     environment: "development",
-    theme: "light"
+    theme: "light",
 });

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

@@ -7,5 +7,5 @@ interface ManageAccountProps {
     chain: Chain;
     partnerId: string;
 }
-export declare function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId }: ManageAccountProps): import("react/jsx-runtime").JSX.Element;
+export declare function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, }: ManageAccountProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CopyToClipboard, useAccountAssets, useAuthentication, useB3BalanceFromAddresses, useGetAllTWSigners, useNativeBalance, useRemoveSessionKey, useModalStore, TabsPrimitive, TabsContentPrimitive, TabsListPrimitive, TabTriggerPrimitive } from "../../../../global-account/react/index.js";
+import { Button, CopyToClipboard, useAccountAssets, useAuthentication, useB3BalanceFromAddresses, useGetAllTWSigners, useNativeBalance, useRemoveSessionKey, useModalStore, TabsPrimitive, TabsContentPrimitive, TabsListPrimitive, TabTriggerPrimitive, } from "../../../../global-account/react/index.js";
 import { formatAddress } from "../../../../shared/utils/formatAddress.js";
 import { formatNumber } from "../../../../shared/utils/formatNumber.js";
 import { ArrowRightLeft } from "lucide-react";
@@ -12,7 +12,7 @@ function centerTruncate(str, length = 4) {
         return str;
     return `${str.slice(0, length)}...${str.slice(-length)}`;
 }
-export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId }) {
+export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit, chain, partnerId, }) {
     const [activeTab, setActiveTab] = useState("balance");
     const [revokingSignerId, setRevokingSignerId] = useState(null);
     const account = useActiveAccount();
@@ -21,7 +21,7 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
     const { data: nativeBalance } = useNativeBalance(account?.address);
     const { data: signers, refetch: refetchSigners } = useGetAllTWSigners({
         chain,
-        accountAddress: account?.address
+        accountAddress: account?.address,
     });
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
     const { logout } = useAuthentication(partnerId);
@@ -37,7 +37,7 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
             console.error("Error revoking access:", error);
             setRevokingSignerId(null);
         },
-        refetchSigners: () => refetchSigners()
+        refetchSigners: () => refetchSigners(),
     });
     const handleRevoke = async (signer) => {
         setRevokingSignerId(signer.id);
@@ -55,13 +55,13 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
                             setB3ModalContentType({
                                 type: "anySpend",
                                 defaultActiveTab: "fiat",
-                                showBackButton: true
+                                showBackButton: true,
                             });
                         }, children: "Deposit" }), _jsxs(Button, { variant: "default", className: "font-neue-montreal-medium flex-1", onClick: () => {
                             setB3ModalOpen(true);
                             setB3ModalContentType({
                                 type: "anySpend",
-                                showBackButton: true
+                                showBackButton: true,
                             });
                         }, children: [_jsx(ArrowRightLeft, { className: "mr-2 h-4 w-4" }), "Swap"] })] })] }));
     const AssetsContent = () => (_jsx("div", { className: "bg-b3-react-card border-b3-react-border rounded-lg border p-4", children: _jsx(AccountAssets, { nfts: assets?.nftResponse, isLoading: isLoading }) }));

package/dist/esm/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/esm/global-account/react/components/MintButton/MintButton.js

@@ -3,7 +3,7 @@ import { Button, useClaim } from "../../../../global-account/react/index.js";
 import { client } from "../../../../shared/utils/thirdweb.js";
 import { useActiveAccount } from "thirdweb/react";
 import { smartWallet } from "thirdweb/wallets";
-export function MintButton({ contractAddress, quantity = 1, chain, account, to, tokenId, className, children = "Mint", onSuccess, onError }) {
+export function MintButton({ contractAddress, quantity = 1, chain, account, to, tokenId, className, children = "Mint", onSuccess, onError, }) {
     const ecoSystemWallet = useActiveAccount();
     console.log("@@ecoSystemWallet", ecoSystemWallet);
     const { claim, isMinting } = useClaim({
@@ -11,7 +11,7 @@ export function MintButton({ contractAddress, quantity = 1, chain, account, to,
         quantity,
         chain,
         to,
-        tokenId
+        tokenId,
     });
     const smartAccountWithSignerOverride = ecoSystemWallet?.address !== to;
     const handleMint = async () => {
@@ -21,12 +21,12 @@ export function MintButton({ contractAddress, quantity = 1, chain, account, to,
                     chain,
                     sponsorGas: true,
                     overrides: {
-                        accountAddress: ecoSystemWallet?.address
-                    }
+                        accountAddress: ecoSystemWallet?.address,
+                    },
                 });
                 const smartAccountWithSigner = await wallet.connect({
                     client,
-                    personalAccount: account
+                    personalAccount: account,
                 });
                 const tx = await claim(smartAccountWithSigner);
                 onSuccess?.(tx);

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

@@ -16,11 +16,11 @@ export 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: _jsx(_Fragment, { children: children }) }));
 }

package/dist/esm/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/esm/global-account/react/components/RequestPermissions/RequestPermissions.js

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

package/dist/esm/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/esm/global-account/react/components/RequestPermissions/RequestPermissionsButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, useModalStore } from "../../../../global-account/react/index.js";
-export function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError, permissions, closeOnSuccess = true }) {
+export function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess, onError, permissions, closeOnSuccess = true, }) {
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
     const handleClick = () => {
         setB3ModalContentType({
@@ -14,7 +14,7 @@ export function RequestPermissionsButton({ chain, sessionKeyAddress, onSuccess,
                 }
             },
             onError,
-            permissions
+            permissions,
         });
         setB3ModalOpen(true);
     };

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { SignInWithB3, StyleRoot, useAccountWallet, useAuthentication, useB3, useIsMobile } from "../../../../global-account/react/index.js";
+import { SignInWithB3, StyleRoot, useAccountWallet, useAuthentication, useB3, useIsMobile, } from "../../../../global-account/react/index.js";
 import Icon from "../../../../global-account/react/components/custom/Icon.js";
 import { ecosystemWalletId } from "../../../../shared/constants/index.js";
 import { cn, truncateAddress } from "../../../../shared/utils/index.js";
@@ -10,7 +10,7 @@ import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 export function SignIn(props) {
     const { className } = props;
     const { automaticallySetFirstEoa } = useB3();
-    const { wallet, address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon } = useAccountWallet();
+    const { wallet, address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = useAccountWallet();
     const isMobile = useIsMobile();
     const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_GLOBAL_ACCOUNTS_PARTNER_ID));
     const onDisconnect = async () => {

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, StyleRoot, useAuthentication, useIsMobile, useModalStore } from "../../../../global-account/react/index.js";
+import { Button, StyleRoot, useAuthentication, useIsMobile, useModalStore, } from "../../../../global-account/react/index.js";
 import { useEffect } from "react";
 import { useActiveAccount } from "thirdweb/react";
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
@@ -18,7 +18,7 @@ export function SignInWithB3(props) {
         setB3ModalContentType({
             ...props,
             type: "signInWithB3",
-            showBackButton: false
+            showBackButton: false,
         });
         setB3ModalOpen(true);
     };

package/dist/esm/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/esm/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useB3, Loading, useGetAllTWSigners, useSiwe, useModalStore } from "../../../../global-account/react/index.js";
+import { useB3, Loading, useGetAllTWSigners, useSiwe, useModalStore, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useCallback, useEffect, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
@@ -12,7 +12,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
  */
-export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, loginWithSiwe = false, source = "signInWithB3Button", signersEnabled = false }) {
+export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, loginWithSiwe = false, source = "signInWithB3Button", signersEnabled = false, }) {
     const { setUser, automaticallySetFirstEoa } = useB3();
     const [step, setStep] = useState(source === "requestPermissions" ? null : "login");
     const [sessionKeyAdded, setSessionKeyAdded] = useState(source === "requestPermissions" ? true : false);
@@ -21,12 +21,12 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     const [loginComplete, setLoginComplete] = useState(source === "requestPermissions" ? true : false);
     const [refetchCount, setRefetchCount] = useState(0);
     const [refetchError, setRefetchError] = useState(null);
-    const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners } = useGetAllTWSigners({
+    const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = useGetAllTWSigners({
         chain,
         accountAddress: account?.address,
         queryOptions: {
-            enabled: signersEnabled
-        }
+            enabled: signersEnabled,
+        },
     });
     const { authenticate } = useSiwe();
     const [authenticatingWithB3, setAuthenticatingWithB3] = useState(false);
@@ -57,7 +57,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         debug("@@SignInWithB3Flow:useEffect", {
             loginComplete,
             isFetchingSigners,
-            source
+            source,
         });
         if (loginComplete && !isFetchingSigners) {
             // Check if we already have a signer for this partner
@@ -72,7 +72,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
                     setB3ModalContentType({
                         type: "manageAccount",
                         chain,
-                        partnerId
+                        partnerId,
                     });
                 }
             }
@@ -92,7 +92,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             setB3ModalContentType({
                 type: "manageAccount",
                 chain,
-                partnerId
+                partnerId,
             });
         }
     }, [
@@ -107,7 +107,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         chain,
         onSessionKeySuccess,
         setB3ModalOpen,
-        signersEnabled
+        signersEnabled,
     ]);
     debug("render", {
         step,
@@ -115,7 +115,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         account,
         signers,
         refetchCount,
-        refetchError
+        refetchError,
     });
     // Keep this effect for handling closeAfterLogin when adding new session keys
     useEffect(() => {
@@ -136,7 +136,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             partnerId,
             closeAfterLogin,
             loginWithSiwe,
-            source: "requestPermissions"
+            source: "requestPermissions",
         });
     }, [
         chain,
@@ -148,7 +148,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         partnerId,
         sessionKeyAddress,
         setB3ModalContentType,
-        strategies
+        strategies,
     ]);
     const handleLoginSuccess = useCallback(async (account) => {
         debug("Authenticating with B3 via SIWE");
@@ -169,7 +169,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
                 chain,
                 sessionKeyAddress,
                 onSuccess: onSessionKeySuccessEnhanced,
-                onError
+                onError,
             });
         }
     }, [chain, onError, onSessionKeySuccessEnhanced, sessionKeyAddress, setB3ModalContentType, step]);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useAuthentication, useHandleConnectWithPrivy, useAuthStore } from "../../../../global-account/react/index.js";
+import { Loading, useAuthentication, useHandleConnectWithPrivy, useAuthStore, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useEffect } from "react";
 const debug = debugB3React("SignInWithB3Privy");
@@ -10,7 +10,7 @@ export function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }) {
     const { logout } = useAuthentication(partnerId);
     debug("@@SignInWithB3Privy", {
         isLoading,
-        fullToken
+        fullToken,
     });
     useEffect(() => {
         async function autoConnect() {