@b3dotfun/sdk 0.0.7 → 0.0.8

package/dist/cjs/anyspend/utils/token.js

@@ -19,8 +19,8 @@ function getSolanaToken() {
         name: "Solana",
         decimals: 9,
         metadata: {
-            logoURI: "https://assets.relay.link/icons/square/792703809/light.png"
-        }
+            logoURI: "https://assets.relay.link/icons/square/792703809/light.png",
+        },
     };
 }
 function getEthToken(chainId) {
@@ -31,8 +31,8 @@ function getEthToken(chainId) {
         name: "Ethereum",
         decimals: 18,
         metadata: {
-            logoURI: "https://assets.relay.link/icons/square/1/light.png"
-        }
+            logoURI: "https://assets.relay.link/icons/square/1/light.png",
+        },
     };
 }
 function getPolToken() {
@@ -43,8 +43,8 @@ function getPolToken() {
         name: "Polygon",
         decimals: 18,
         metadata: {
-            logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/28321.png"
-        }
+            logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/28321.png",
+        },
     };
 }
 function getBnbToken() {
@@ -55,8 +55,8 @@ function getBnbToken() {
         name: "BNB",
         decimals: 18,
         metadata: {
-            logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/1839.png"
-        }
+            logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/1839.png",
+        },
     };
 }
 function getAvaxToken() {
@@ -67,7 +67,7 @@ function getAvaxToken() {
         name: "AVAX",
         decimals: 18,
         metadata: {
-            logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/5805.png"
-        }
+            logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/5805.png",
+        },
     };
 }

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

@@ -30,9 +30,9 @@ const app = (0, b3_api_1.createClient)((0, socketio_client_1.default)(socket), {
         },
         removeItem: (key) => {
             js_cookie_1.default.remove(key);
-        }
+        },
     },
-    storageKey: constants_1.B3_AUTH_COOKIE_NAME
+    storageKey: constants_1.B3_AUTH_COOKIE_NAME,
 });
 const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -44,9 +44,9 @@ 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/cjs/global-account/app.native.js

@@ -62,9 +62,9 @@ const app = (0, b3_api_1.createClient)((0, socketio_client_1.default)(socket), {
         },
         removeItem: (key) => {
             localStorage.deleteItem(key);
-        }
+        },
     },
-    storageKey: B3_AUTH_COOKIE_NAME
+    storageKey: B3_AUTH_COOKIE_NAME,
 });
 const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -76,9 +76,9 @@ 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/cjs/global-account/bsmnt.js

@@ -34,9 +34,9 @@ const app = (0, basement_api_1.createClient)((0, socketio_client_1.default)(sock
         },
         removeItem: (key) => {
             js_cookie_1.default.remove(key);
-        }
+        },
     },
-    storageKey: BSMNT_AUTH_COOKIE_NAME
+    storageKey: BSMNT_AUTH_COOKIE_NAME,
 });
 const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -48,9 +48,9 @@ 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/cjs/global-account/bsmnt.native.js

@@ -65,9 +65,9 @@ const app = (0, basement_api_1.createClient)((0, socketio_client_1.default)(sock
         },
         removeItem: (key) => {
             localStorage.deleteItem(key);
-        }
+        },
     },
-    storageKey: BSMNT_AUTH_COOKIE_NAME
+    storageKey: BSMNT_AUTH_COOKIE_NAME,
 });
 const authenticate = async (accessToken, identityToken, params) => {
     const fullToken = `${accessToken}+${identityToken}`;
@@ -79,9 +79,9 @@ 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/cjs/global-account/react/components/B3DynamicModal.js

@@ -27,11 +27,19 @@ 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";
@@ -70,6 +78,8 @@ function B3DynamicModal() {
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendStakeB3, { ...contentType, mode: "modal" });
             case "anySpendBuySpin":
                 return (0, jsx_runtime_1.jsx)(react_1.AnySpendBuySpin, { ...contentType, mode: "modal" });
+            case "anySpendSignatureMint":
+                return (0, jsx_runtime_1.jsx)(react_1.AnyspendSignatureMint, { ...contentType, mode: "modal" });
             // Add other modal types here
             default:
                 return null;
@@ -79,5 +89,5 @@ function B3DynamicModal() {
     const ModalContent = isMobile ? drawer_1.DrawerContent : dialog_1.DialogContent;
     const ModalTitle = isMobile ? drawer_1.DrawerTitle : dialog_1.DialogTitle;
     const ModalDescription = isMobile ? drawer_1.DrawerDescription : dialog_1.DialogDescription;
-    return ((0, jsx_runtime_1.jsx)(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: (0, jsx_runtime_1.jsxs)(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden", children: [history.length > 0 && contentType?.showBackButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(ModalComponent, { open: isOpen, onOpenChange: setB3ModalOpen, children: (0, jsx_runtime_1.jsxs)(ModalContent, { className: contentClass, hideCloseButton: hideCloseButton, children: [(0, jsx_runtime_1.jsx)(ModalTitle, { className: "sr-only hidden", children: contentType?.type || "Modal" }), (0, jsx_runtime_1.jsx)(ModalDescription, { className: "sr-only hidden", children: contentType?.type || "Modal Body" }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-auto", children: [history.length > 0 && contentType?.showBackButton && ((0, jsx_runtime_1.jsxs)("button", { onClick: navigateBack, className: "b3-modal-back-button mb-4 flex items-center gap-2 transition-colors hover:text-white", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm", children: "Back" })] })), renderContent()] })] }) }));
 }

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

@@ -1,12 +1,12 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account } from "thirdweb/wallets";
-import "@reservoir0x/relay-kit-ui/styles.css";
 import { B3ContextType } from "./types";
+import "@reservoir0x/relay-kit-ui/styles.css";
 export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly import("wagmi").CreateConnectorFn[]>;
 /**
  * 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/cjs/global-account/react/components/B3Provider/B3Provider.js

@@ -4,16 +4,17 @@ exports.wagmiConfig = void 0;
 exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../global-account/react");
 const supported_1 = require("../../../../shared/constants/chains/supported");
 const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
+const react_2 = require("react");
 const sonner_1 = require("sonner");
-const react_2 = require("thirdweb/react");
+const react_3 = require("thirdweb/react");
 const wagmi_1 = require("wagmi");
 const RelayKitProviderWrapper_1 = require("../RelayKitProviderWrapper");
 const StyleRoot_1 = require("../StyleRoot");
-require("@reservoir0x/relay-kit-ui/styles.css");
 const types_1 = require("./types");
+require("@reservoir0x/relay-kit-ui/styles.css");
 /**
  * Default permissions configuration for B3 provider
  */
@@ -21,30 +22,30 @@ 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
 };
 exports.wagmiConfig = (0, wagmi_1.createConfig)({
     chains: [supported_1.supportedChains[0], ...supported_1.supportedChains.slice(1)],
-    transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, wagmi_1.http)()]))
+    transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, wagmi_1.http)()])),
 });
 // Create queryClient instance
 const queryClient = new react_query_1.QueryClient();
 /**
  * Main B3Provider component
  */
-function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa }) {
-    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: exports.wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: (0, jsx_runtime_1.jsxs)(RelayKitProviderWrapper_1.RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme })] }) }) }) }) }));
+function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, }) {
+    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: exports.wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, children: (0, jsx_runtime_1.jsxs)(RelayKitProviderWrapper_1.RelayKitProviderWrapper, { isMainnet: isMainnetAnySpend, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light" }) {
-    const activeAccount = (0, react_2.useActiveAccount)();
-    const [manuallySetAccount, setManuallySetAccount] = (0, react_1.useState)(undefined);
-    const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_1.useState)(undefined);
-    const wallets = (0, react_2.useConnectedWallets)();
-    const setActiveWallet = (0, react_2.useSetActiveWallet)();
-    const [user, setUser] = (0, react_1.useState)(undefined);
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", }) {
+    const activeAccount = (0, react_3.useActiveAccount)();
+    const [manuallySetAccount, setManuallySetAccount] = (0, react_2.useState)(undefined);
+    const [manuallySelectedWallet, setManuallySelectedWallet] = (0, react_2.useState)(undefined);
+    const wallets = (0, react_3.useConnectedWallets)();
+    const setActiveWallet = (0, react_3.useSetActiveWallet)();
+    const [user, setUser] = (0, react_2.useState)(undefined);
     // Use given accountOverride or activeAccount from thirdweb
     const effectiveAccount = accountOverride || manuallySetAccount || activeAccount;
     const setAccount = (account) => {
@@ -63,7 +64,7 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
             setWallet(firstEoa);
         }
     };
-    (0, react_1.useEffect)(() => {
+    (0, react_2.useEffect)(() => {
         if (automaticallySetFirstEoa) {
             console.log("@@gio:wallets", wallets);
             setFirstEoa();
@@ -82,6 +83,6 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
             automaticallySetFirstEoa,
             environment,
             defaultPermissions,
-            theme
+            theme,
         }, children: children }));
 }

package/dist/cjs/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/cjs/global-account/react/components/B3Provider/B3Provider.native.js

@@ -14,20 +14,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 react_query_1.QueryClient();
 /**
  * Main B3Provider component
  */
-function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment }) {
+function B3Provider({ isMainnetAnySpend = true, theme = "light", children, accountOverride, environment, }) {
     return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_2.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, children: children }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light" }) {
+function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", }) {
     const activeAccount = (0, react_2.useActiveAccount)();
     const [manuallySetAccount, setManuallySetAccount] = (0, react_1.useState)(undefined);
     const [user, setUser] = (0, react_1.useState)(undefined);
@@ -48,6 +48,6 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
             ready: !!effectiveAccount,
             environment,
             defaultPermissions,
-            theme
+            theme,
         }, children: children }));
 }

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

@@ -16,5 +16,5 @@ exports.B3Context = (0, react_1.createContext)({
     initialized: false,
     ready: false,
     environment: "development",
-    theme: "light"
+    theme: "light",
 });

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