@b3dotfun/sdk 0.0.47-alpha.1 → 0.0.47-alpha.3

package/dist/cjs/notifications/services/api.js

@@ -0,0 +1,184 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notificationsAPI = void 0;
+exports.setApiUrl = setApiUrl;
+exports.getApiUrl = getApiUrl;
+const auth_token_1 = require("../../shared/utils/auth-token");
+const DEFAULT_API_URL = "https://notifications.b3.fun";
+let apiUrl = DEFAULT_API_URL;
+function setApiUrl(url) {
+    apiUrl = url;
+}
+function getApiUrl() {
+    return apiUrl;
+}
+function getHeaders(includeAuth = false) {
+    const headers = {
+        "Content-Type": "application/json",
+    };
+    if (includeAuth) {
+        const token = (0, auth_token_1.getAuthToken)();
+        if (token) {
+            headers["Authorization"] = `Bearer ${token}`;
+        }
+    }
+    return headers;
+}
+exports.notificationsAPI = {
+    // ===== USER MANAGEMENT =====
+    /**
+     * Register the current user (userId extracted from JWT)
+     */
+    async registerUser() {
+        const res = await fetch(`${apiUrl}/users`, {
+            method: "POST",
+            headers: getHeaders(true),
+        });
+        if (!res.ok) {
+            const errorBody = await res.text().catch(() => "Could not read error body");
+            throw new Error(`API Error: ${res.status} ${res.statusText} - ${errorBody}`);
+        }
+        return res.json();
+    },
+    /**
+     * Get current user's profile and preferences
+     */
+    async getUser() {
+        const res = await fetch(`${apiUrl}/users/me`, {
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    /**
+     * Get current user's notification history
+     */
+    async getHistory(appId, limit = 100) {
+        const params = new URLSearchParams();
+        if (appId)
+            params.append("appId", appId);
+        params.append("limit", limit.toString());
+        const res = await fetch(`${apiUrl}/users/me/history?${params}`, {
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    // ===== CHANNELS =====
+    /**
+     * Add a notification channel for current user
+     */
+    async addChannel(channelType, channelIdentifier, metadata) {
+        const res = await fetch(`${apiUrl}/users/me/channels`, {
+            method: "POST",
+            headers: getHeaders(true),
+            body: JSON.stringify({
+                channelType,
+                channelIdentifier,
+                enabled: true,
+                metadata,
+            }),
+        });
+        return res.json();
+    },
+    /**
+     * Connect email for current user
+     */
+    async connectEmail(email) {
+        return this.addChannel("email", email);
+    },
+    /**
+     * Update a notification channel
+     */
+    async updateChannel(channelId, updates) {
+        const res = await fetch(`${apiUrl}/users/me/channels/${channelId}`, {
+            method: "PUT",
+            headers: getHeaders(true),
+            body: JSON.stringify(updates),
+        });
+        return res.json();
+    },
+    /**
+     * Delete a notification channel
+     */
+    async deleteChannel(channelId) {
+        const res = await fetch(`${apiUrl}/users/me/channels/${channelId}`, {
+            method: "DELETE",
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    // ===== TELEGRAM =====
+    /**
+     * Get Telegram deep link for current user
+     */
+    async getTelegramLink() {
+        const res = await fetch(`${apiUrl}/telegram/request-link`, {
+            method: "POST",
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    /**
+     * Check current user's Telegram connection status
+     */
+    async checkTelegramStatus() {
+        const res = await fetch(`${apiUrl}/telegram/status/me`, {
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    // ===== APP PREFERENCES =====
+    /**
+     * Save notification preferences for an app
+     * @param appId - The application ID
+     * @param settings - Notification preferences including channels, type, and enabled status (defaults to true)
+     */
+    async savePreferences(appId, settings) {
+        const res = await fetch(`${apiUrl}/users/me/apps/${appId}/settings`, {
+            method: "POST",
+            headers: getHeaders(true),
+            body: JSON.stringify({ enabled: true, ...settings }),
+        });
+        return res.json();
+    },
+    /**
+     * Get notification settings for an app
+     */
+    async getAppSettings(appId) {
+        const res = await fetch(`${apiUrl}/users/me/apps/${appId}/settings`, {
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    // ===== IN-APP NOTIFICATIONS =====
+    /**
+     * Get current user's in-app notifications
+     */
+    async getInAppNotifications() {
+        const res = await fetch(`${apiUrl}/users/me/notifications`, {
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    /**
+     * Mark a notification as read
+     */
+    async markNotificationAsRead(notificationId) {
+        const res = await fetch(`${apiUrl}/users/me/notifications/${notificationId}/read`, {
+            method: "PUT",
+            headers: getHeaders(true),
+        });
+        return res.json();
+    },
+    // ===== SENDING NOTIFICATIONS =====
+    /**
+     * Send a notification (requires auth)
+     */
+    async sendNotification(data) {
+        const res = await fetch(`${apiUrl}/send`, {
+            method: "POST",
+            headers: getHeaders(true),
+            body: JSON.stringify(data),
+        });
+        return res.json();
+    },
+};

package/dist/cjs/notifications/services/index.d.ts

@@ -0,0 +1 @@
+export * from "./api";

package/dist/cjs/notifications/services/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./api"), exports);

package/dist/cjs/notifications/types/index.d.ts

@@ -0,0 +1,51 @@
+export type ChannelType = "email" | "telegram" | "discord" | "sms" | "whatsapp" | "in_app";
+export interface NotificationChannel {
+    id: number;
+    channel_type: ChannelType;
+    enabled: number;
+    channel_identifier: string;
+}
+export interface UserData {
+    user: {
+        id: number;
+        user_id: string;
+    };
+    channels: NotificationChannel[];
+    appSettings: Array<{
+        app_id: string;
+        notification_type: string;
+        enabled: number;
+        channels: string;
+    }>;
+}
+export interface NotificationHistory {
+    id: string;
+    app_id: string;
+    notification_type: string;
+    title: string;
+    message: string;
+    created_at: string;
+    read: boolean;
+}
+export interface TelegramLinkResponse {
+    deepLink: string;
+    verificationCode: string;
+    botUsername: string;
+}
+export interface TelegramStatusResponse {
+    connected: boolean;
+    chatId?: string;
+}
+export interface NotificationPreferences {
+    notificationType: string;
+    channels: string[];
+    enabled?: boolean;
+}
+export interface SendNotificationRequest {
+    userId: string;
+    appId: string;
+    notificationType: string;
+    message: string;
+    title?: string;
+    data?: Record<string, any>;
+}

package/dist/cjs/notifications/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/shared/utils/auth-token.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Get the authentication token from the B3 auth cookie
+ * This token is managed by the B3 Global Account authentication system
+ *
+ * @returns The JWT token string or null if not found
+ */
+export declare function getAuthToken(): string | null;

package/dist/cjs/shared/utils/auth-token.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAuthToken = getAuthToken;
+const js_cookie_1 = __importDefault(require("js-cookie"));
+const B3_AUTH_COOKIE_NAME = "b3-auth";
+/**
+ * Get the authentication token from the B3 auth cookie
+ * This token is managed by the B3 Global Account authentication system
+ *
+ * @returns The JWT token string or null if not found
+ */
+function getAuthToken() {
+    return js_cookie_1.default.get(B3_AUTH_COOKIE_NAME) || null;
+}

package/dist/cjs/shared/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./auth-token";
 export * from "./cn";
 export * from "./formatNumber";
 export * from "./formatUsername";

package/dist/cjs/shared/utils/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // Export utility functions
+__exportStar(require("./auth-token"), exports);
 __exportStar(require("./cn"), exports);
 __exportStar(require("./formatNumber"), exports);
 __exportStar(require("./formatUsername"), exports);

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

@@ -19,12 +19,12 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     };
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
-    partnerId?: string;
+    partnerId: string;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, automaticallySetFirstEoa, theme, clientType, partnerId, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];
@@ -32,4 +32,5 @@ export declare function InnerProvider({ children, accountOverride, environment,
     automaticallySetFirstEoa: boolean;
     theme: "light" | "dark";
     clientType?: ClientType;
+    partnerId: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "../../../../global-account/react/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { RelayKitProviderWrapper, TooltipProvider, useAuthentication, useAuthStore, } from "../../../../global-account/react/index.js";
+import { useWagmiConfig } from "../../../../global-account/react/hooks/useWagmiConfig.js";
 import { loadGA4Script } from "../../../../global-account/utils/analytics.js";
-import { ecosystemWalletId } from "../../../../shared/constants/index.js";
-import { supportedChains } from "../../../../shared/constants/chains/supported.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
-import { client } from "../../../../shared/utils/thirdweb.js";
 import "@reservoir0x/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Toaster } from "sonner";
 import { getLastAuthProvider, ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet, } from "thirdweb/react";
-import { createConfig, http, WagmiProvider } from "wagmi";
+import { WagmiProvider } from "wagmi";
 import { setClientType } from "../../../client-manager.js";
 import { StyleRoot } from "../StyleRoot.js";
 import { B3Context } from "./types.js";
@@ -39,76 +36,25 @@ export function B3Provider({ theme = "light", children, accountOverride, environ
     useEffect(() => {
         setClientType(clientType);
     }, [clientType]);
-    const ecocystemConfig = useMemo(() => {
-        if (!partnerId)
-            return undefined;
-        return {
-            ecosystemId: ecosystemWalletId,
-            partnerId: partnerId,
-            client,
-        };
-    }, [partnerId]);
-    // Stringify rpcUrls for stable comparison to prevent wagmiConfig recreation
-    // when parent component passes new object references with same content
-    const rpcUrlsString = useMemo(() => (rpcUrls ? JSON.stringify(rpcUrls) : undefined), [rpcUrls]);
-    /**
-     * Creates wagmi config with optional custom RPC URLs
-     * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
-     */
-    const wagmiConfig = useMemo(() => {
-        const parsedRpcUrls = rpcUrlsString ? JSON.parse(rpcUrlsString) : undefined;
-        return createConfig({
-            chains: [supportedChains[0], ...supportedChains.slice(1)],
-            transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(parsedRpcUrls?.[chain.id])])),
-            connectors: [
-                inAppWalletConnector({
-                    ...(ecocystemConfig || {}),
-                    client,
-                }),
-                // injected(),
-                // coinbaseWallet({ appName: "HypeDuel" }),
-            ],
-        });
-    }, [ecocystemConfig, rpcUrlsString]);
-    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, children: _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }));
+    const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
+    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, children: _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" }), _jsx(Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", }) {
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, }) {
     const activeAccount = useActiveAccount();
     const [manuallySelectedWallet, setManuallySelectedWallet] = useState(undefined);
     const wallets = useConnectedWallets();
-    const setActiveWallet = useSetActiveWallet();
     const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+    const isConnected = useAuthStore(state => state.isConnected);
+    const setActiveWallet = useSetActiveWallet();
+    const { user, setUser, refetchUser } = useAuthentication(partnerId);
+    debug("@@B3Provider:isConnected", isConnected);
     debug("@@wallets", wallets);
-    const [user, setUser] = useState(() => {
-        // Try to restore user from localStorage on initialization
-        if (typeof window !== "undefined") {
-            try {
-                const storedUser = localStorage.getItem("b3-user");
-                return storedUser ? JSON.parse(storedUser) : undefined;
-            }
-            catch (error) {
-                console.warn("Failed to restore user from localStorage:", error);
-                return undefined;
-            }
-        }
-        return undefined;
-    });
+    debug("@@B3Provider:user", user);
     // Use given accountOverride or activeAccount from thirdweb
     const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
-    // Persist user to localStorage when it changes
-    useEffect(() => {
-        if (typeof window !== "undefined") {
-            if (user) {
-                localStorage.setItem("b3-user", JSON.stringify(user));
-            }
-            else {
-                localStorage.removeItem("b3-user");
-            }
-        }
-    }, [user]);
     const setWallet = useCallback((wallet) => {
         setManuallySelectedWallet(wallet);
         const account = wallet.getAccount();
@@ -141,6 +87,7 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
             wallet: manuallySelectedWallet,
             user,
             setUser,
+            refetchUser,
             initialized: true,
             ready: !!effectiveAccount,
             automaticallySetFirstEoa,
@@ -148,5 +95,9 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
             defaultPermissions,
             theme,
             clientType,
-        }, children: children }));
+            partnerId: partnerId,
+        }, children: _jsx(InnerProvider2, { children: children }) }));
 }
+const InnerProvider2 = ({ children }) => {
+    return _jsx(_Fragment, { children: children });
+};

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

@@ -5,21 +5,25 @@ import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, clientType, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];
     clientType?: ClientType;
+    partnerId: string;
+    rpcUrls?: Record<number, string>;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context
  */
-export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, clientType, }: {
+export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, clientType, partnerId, rpcUrls, }: {
     children: React.ReactNode;
     accountOverride?: Account;
     environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
     theme: "light" | "dark";
     clientType?: ClientType;
+    partnerId: string;
+    rpcUrls?: Record<number, string>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useState } from "react";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
+import { WagmiProvider } from "wagmi";
+import { useAuthentication } from "../../hooks/useAuthentication.js";
+import { useWagmiConfig } from "../../hooks/useWagmiConfig.js";
 import { B3Context } from "./types.js";
 /**
  * Default permissions configuration for B3 provider
@@ -17,29 +19,32 @@ const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", }) {
-    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, clientType: clientType, children: children }) }) }));
+export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, }) {
+    return (_jsx(ThirdwebProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, clientType: clientType, partnerId: partnerId, rpcUrls: rpcUrls, children: children }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", }) {
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
     const activeAccount = useActiveAccount();
-    const [user, setUser] = useState(undefined);
+    const { user, setUser, refetchUser } = useAuthentication(partnerId);
+    const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
     // Use given accountOverride or activeAccount from thirdweb
     const effectiveAccount = accountOverride || activeAccount;
-    return (_jsx(B3Context.Provider, { value: {
-            account: effectiveAccount,
-            automaticallySetFirstEoa: false,
-            setWallet: () => { },
-            wallet: undefined,
-            user,
-            setUser,
-            initialized: true,
-            ready: !!effectiveAccount,
-            environment,
-            defaultPermissions,
-            theme,
-            clientType,
-        }, children: children }));
+    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(B3Context.Provider, { value: {
+                    account: effectiveAccount,
+                    automaticallySetFirstEoa: false,
+                    setWallet: () => { },
+                    wallet: undefined,
+                    user,
+                    setUser,
+                    initialized: true,
+                    ready: !!effectiveAccount,
+                    environment,
+                    defaultPermissions,
+                    theme,
+                    clientType,
+                    partnerId,
+                    refetchUser,
+                }, children: children }) }) }));
 }

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

@@ -12,12 +12,14 @@ export interface B3ContextType {
     setWallet: (wallet: Wallet) => void;
     wallet?: Wallet;
     setUser: (user?: Users) => void;
+    refetchUser: () => Promise<any>;
     initialized: boolean;
     ready: boolean;
     environment?: "development" | "production";
     defaultPermissions?: PermissionsConfig;
     theme: "light" | "dark";
     clientType: ClientType;
+    partnerId: string;
 }
 /**
  * Context for B3 provider

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

@@ -9,9 +9,11 @@ export const B3Context = createContext({
     setWallet: () => { },
     wallet: undefined,
     setUser: () => { },
+    refetchUser: async () => { },
     initialized: false,
     ready: false,
     environment: "development",
     theme: "light",
     clientType: "rest",
+    partnerId: "",
 });

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

@@ -1,8 +1,7 @@
 interface BalanceContentProps {
     onLogout?: () => void;
-    partnerId: string;
     showDeposit?: boolean;
     showSwap?: boolean;
 }
-export declare function BalanceContent({ onLogout, partnerId, showDeposit, showSwap }: BalanceContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function BalanceContent({ onLogout, showDeposit, showSwap }: BalanceContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -17,14 +17,14 @@ function centerTruncate(str, length = 4) {
         return str;
     return `${str.slice(0, length)}...${str.slice(-length)}`;
 }
-export function BalanceContent({ onLogout, partnerId, showDeposit = true, showSwap = true }) {
+export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }) {
     const account = useActiveAccount();
     const { address: eoaAddress, info: eoaInfo } = useFirstEOA();
     const { data: profile } = useProfile({
         address: eoaAddress || account?.address,
         fresh: true,
     });
-    const { user } = useB3();
+    const { user, partnerId } = useB3();
     const { setB3ModalOpen, setB3ModalContentType, navigateBack } = useModalStore();
     const { logout } = useAuthentication(partnerId);
     const [logoutLoading, setLogoutLoading] = useState(false);

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

@@ -196,5 +196,5 @@ export function ManageAccount({ onLogout, onSwap: _onSwap, onDeposit: _onDeposit
                     if (["overview", "tokens", "nfts", "apps", "settings"].includes(tab)) {
                         setActiveTab?.(tab);
                     }
-                }, children: [_jsx("div", { className: "px-4", children: _jsxs(TabsListPrimitive, { className: "grid h-auto grid-cols-2 grid-rows-2 gap-3 rounded-none border-none bg-transparent", children: [_jsxs(TabTriggerPrimitive, { value: "overview", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(BarChart3, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "Overview" })] }), _jsxs(TabTriggerPrimitive, { value: "tokens", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(Coins, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "Tokens" })] }), _jsxs(TabTriggerPrimitive, { value: "nfts", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(Image, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "NFTs" })] }), _jsxs(TabTriggerPrimitive, { value: "settings", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(Settings, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "Settings" })] })] }) }), _jsx(TabsContentPrimitive, { value: "overview", className: "px-4 pb-4 pt-2", children: _jsx(BalanceContent, { onLogout: onLogout, partnerId: partnerId, showDeposit: showDeposit, showSwap: showSwap }) }), _jsx(TabsContentPrimitive, { value: "tokens", className: "px-4 pb-4 pt-2", children: _jsx(ContentTokens, { activeTab: activeTab }) }), _jsx(TabsContentPrimitive, { value: "nfts", className: "px-4 pb-4 pt-2", children: _jsx("div", { className: "grid grid-cols-3 gap-4", children: nfts?.nftResponse ? (_jsx(AccountAssets, { nfts: nfts.nftResponse, isLoading: isLoading })) : (_jsx("div", { className: "col-span-3 py-12 text-center text-gray-500", children: "No NFTs found" })) }) }), _jsx(TabsContentPrimitive, { value: "apps", className: "px-4 pb-4 pt-2", children: _jsx(AppsContent, {}) }), _jsx(TabsContentPrimitive, { value: "settings", className: "px-4 pb-4 pt-2", children: _jsx(SettingsContent, {}) })] }) }) }));
+                }, children: [_jsx("div", { className: "px-4", children: _jsxs(TabsListPrimitive, { className: "grid h-auto grid-cols-2 grid-rows-2 gap-3 rounded-none border-none bg-transparent", children: [_jsxs(TabTriggerPrimitive, { value: "overview", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(BarChart3, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "Overview" })] }), _jsxs(TabTriggerPrimitive, { value: "tokens", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(Coins, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "Tokens" })] }), _jsxs(TabTriggerPrimitive, { value: "nfts", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(Image, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "NFTs" })] }), _jsxs(TabTriggerPrimitive, { value: "settings", className: "data-[state=active]:bg-b3-primary-blue data-[state=active]:hover:bg-b3-primary-blue data-[state=active]:border-b3-primary-blue group flex h-12 w-full items-center justify-center gap-2 rounded-xl border border-gray-200 bg-white p-2 text-center shadow-sm transition-all duration-200 hover:bg-gray-50 hover:shadow-md data-[state=active]:shadow-lg", children: [_jsx(Settings, { size: 20, className: "text-b3-primary-blue shrink-0 group-data-[state=active]:text-white" }), _jsx("span", { className: "text-b3-grey font-neue-montreal-semibold text-sm group-data-[state=active]:text-white", children: "Settings" })] })] }) }), _jsx(TabsContentPrimitive, { value: "overview", className: "px-4 pb-4 pt-2", children: _jsx(BalanceContent, { onLogout: onLogout, showDeposit: showDeposit, showSwap: showSwap }) }), _jsx(TabsContentPrimitive, { value: "tokens", className: "px-4 pb-4 pt-2", children: _jsx(ContentTokens, { activeTab: activeTab }) }), _jsx(TabsContentPrimitive, { value: "nfts", className: "px-4 pb-4 pt-2", children: _jsx("div", { className: "grid grid-cols-3 gap-4", children: nfts?.nftResponse ? (_jsx(AccountAssets, { nfts: nfts.nftResponse, isLoading: isLoading })) : (_jsx("div", { className: "col-span-3 py-12 text-center text-gray-500", children: "No NFTs found" })) }) }), _jsx(TabsContentPrimitive, { value: "apps", className: "px-4 pb-4 pt-2", children: _jsx(AppsContent, {}) }), _jsx(TabsContentPrimitive, { value: "settings", className: "px-4 pb-4 pt-2", children: _jsx(SettingsContent, {}) })] }) }) }));
 }

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

@@ -9,10 +9,10 @@ import { useConnectedWallets, useSetActiveWallet, useWalletInfo } from "thirdweb
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 export function SignIn(props) {
     const { className } = props;
-    const { automaticallySetFirstEoa } = useB3();
+    const { automaticallySetFirstEoa, partnerId } = useB3();
     const { wallet, address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, eoaWalletIcon, } = useAccountWallet();
     const isMobile = useIsMobile();
-    const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID));
+    const { logout } = useAuthentication(partnerId);
     const onDisconnect = async () => {
         await logout();
     };

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, StyleRoot, useAuthentication, useB3, useIsMobile, useModalStore, } from "../../../../global-account/react/index.js";
+import { Button, StyleRoot, useAuthStore, useB3, useIsMobile, useModalStore, } from "../../../../global-account/react/index.js";
 import { useEffect } from "react";
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 import { Loading } from "../ui/Loading.js";
 export function SignInWithB3(props) {
     const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
     const { account } = useB3();
-    const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
+    const { isAuthenticating, isAuthenticated } = useAuthStore();
     const isMobile = useIsMobile();
     useEffect(() => {
         if (account) {