@b3dotfun/sdk 0.0.47-alpha.2 → 0.0.47-test.5

package/dist/cjs/global-account/react/hooks/useUserQuery.d.ts

@@ -0,0 +1,58 @@
+import { Users } from "@b3dotfun/b3-api";
+/**
+ * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
+ *
+ * Custom hook to manage user state with react-query
+ * This allows for invalidation and refetching of user data
+ */
+export declare function useUserQuery(): {
+    user: {
+        email?: string | undefined;
+        username?: string | undefined;
+        telNumber?: string | undefined;
+        ens?: string | undefined;
+        avatar?: string | undefined;
+        preferences?: {} | undefined;
+        referredBy?: string | {} | undefined;
+        sourceApp?: string | undefined;
+        referralCode?: string | undefined;
+        userGroups?: number[] | undefined;
+        isMigratedFromBSMNT?: boolean | undefined;
+        privyLinkedAccounts?: {
+            name?: string | undefined;
+            address?: string | undefined;
+            email?: string | undefined;
+            chain_type?: string | undefined;
+            lv?: number | undefined;
+            wallet_client_type?: string | undefined;
+            smart_wallet_type?: string | undefined;
+            subject?: string | undefined;
+            type: string;
+        }[] | undefined;
+        twProfiles?: {
+            type: string;
+            details: {
+                id?: string | undefined;
+                name?: string | undefined;
+                address?: string | undefined;
+                email?: string | undefined;
+                phone?: string | undefined;
+                username?: string | undefined;
+                fid?: string | undefined;
+            };
+        }[] | undefined;
+        _id: string | {};
+        userId: string;
+        smartAccountAddress: string;
+        createdAt: number;
+        updatedAt: number;
+        partnerIds: {
+            privyId?: string | undefined;
+            thirdwebId?: string | undefined;
+        };
+    } | undefined;
+    setUser: (newUser?: Users) => void;
+    refetchUser: () => Promise<void>;
+    clearUser: () => void;
+    queryKey: string[];
+};

package/dist/cjs/global-account/react/hooks/useUserQuery.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserQuery = useUserQuery;
+const debug_1 = require("../../../shared/utils/debug");
+const react_query_1 = require("@tanstack/react-query");
+const debug = (0, debug_1.debugB3React)("useUserQuery");
+const USER_QUERY_KEY = ["b3-user"];
+/**
+ * Retrieves the user from localStorage
+ */
+function getUserFromStorage() {
+    if (typeof window === "undefined") {
+        return null;
+    }
+    try {
+        const storedUser = localStorage.getItem("b3-user");
+        return storedUser ? JSON.parse(storedUser) : null;
+    }
+    catch (error) {
+        console.warn("Failed to restore user from localStorage:", error);
+        return null;
+    }
+}
+/**
+ * Saves user to localStorage
+ */
+function saveUserToStorage(user) {
+    if (typeof window === "undefined") {
+        return;
+    }
+    if (user) {
+        localStorage.setItem("b3-user", JSON.stringify(user));
+    }
+    else {
+        localStorage.removeItem("b3-user");
+    }
+}
+/**
+ * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
+ *
+ * Custom hook to manage user state with react-query
+ * This allows for invalidation and refetching of user data
+ */
+function useUserQuery() {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    // Query to get user data (primarily from cache/localStorage)
+    const { data: user } = (0, react_query_1.useQuery)({
+        queryKey: USER_QUERY_KEY,
+        queryFn: getUserFromStorage,
+        staleTime: Infinity, // User data doesn't go stale automatically
+        gcTime: Infinity, // Keep in cache indefinitely
+        initialData: getUserFromStorage,
+    });
+    // Mutation to update user
+    const setUserMutation = (0, react_query_1.useMutation)({
+        mutationFn: async (newUser) => {
+            const userToSave = newUser ?? null;
+            saveUserToStorage(userToSave);
+            return userToSave;
+        },
+        onSuccess: data => {
+            queryClient.setQueryData(USER_QUERY_KEY, data);
+            debug("User updated", data);
+        },
+    });
+    // Helper function to set user (maintains backward compatibility)
+    const setUser = (newUser) => {
+        setUserMutation.mutate(newUser);
+    };
+    // Helper function to invalidate and refetch user
+    const refetchUser = async () => {
+        await queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });
+        return queryClient.refetchQueries({ queryKey: USER_QUERY_KEY });
+    };
+    // Helper function to clear user
+    const clearUser = () => {
+        setUser(undefined);
+    };
+    return {
+        user: user ?? undefined,
+        setUser,
+        refetchUser,
+        clearUser,
+        queryKey: USER_QUERY_KEY,
+    };
+}

package/dist/cjs/global-account/react/hooks/useWagmiConfig.d.ts

@@ -0,0 +1,13 @@
+export declare function useWagmiConfig(partnerId: string, rpcUrls?: Record<number, string>): import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], {
+    [k: string]: import("viem").HttpTransport<undefined, false>;
+}, readonly [import("wagmi").CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
+    connect<withCapabilities extends boolean = false>(parameters?: import("@thirdweb-dev/wagmi-adapter").ConnectionOptions<withCapabilities> | undefined): Promise<{
+        accounts: withCapabilities extends true ? readonly {
+            address: `0x${string}`;
+            capabilities: Record<string, unknown>;
+        }[] : readonly `0x${string}`[];
+        chainId: number;
+    }>;
+}, {
+    "thirdweb:lastChainId": number;
+}>]>;

package/dist/cjs/global-account/react/hooks/useWagmiConfig.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWagmiConfig = useWagmiConfig;
+const constants_1 = require("../../../shared/constants");
+const supported_1 = require("../../../shared/constants/chains/supported");
+const thirdweb_1 = require("../../../shared/utils/thirdweb");
+const wagmi_adapter_1 = require("@thirdweb-dev/wagmi-adapter");
+const react_1 = require("react");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+function useWagmiConfig(partnerId, rpcUrls) {
+    // Stringify rpcUrls for stable comparison to prevent wagmiConfig recreation
+    // when parent component passes new object references with same content
+    const rpcUrlsString = (0, react_1.useMemo)(() => (rpcUrls ? JSON.stringify(rpcUrls) : undefined), [rpcUrls]);
+    const ecocystemConfig = (0, react_1.useMemo)(() => {
+        return {
+            ecosystemId: constants_1.ecosystemWalletId,
+            partnerId: partnerId,
+            client: thirdweb_1.client,
+        };
+    }, [partnerId]);
+    /**
+     * Creates wagmi config with optional custom RPC URLs
+     * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
+     */
+    const wagmiConfig = (0, react_1.useMemo)(() => {
+        const parsedRpcUrls = rpcUrlsString ? JSON.parse(rpcUrlsString) : undefined;
+        return (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, viem_1.http)(parsedRpcUrls?.[chain.id])])),
+            connectors: [
+                (0, wagmi_adapter_1.inAppWalletConnector)({
+                    ...ecocystemConfig,
+                    client: thirdweb_1.client,
+                }),
+                // injected(),
+                // coinbaseWallet({ appName: "HypeDuel" }),
+            ],
+        });
+    }, [rpcUrlsString, ecocystemConfig]);
+    return wagmiConfig;
+}

package/dist/cjs/global-account/react/stores/useModalStore.d.ts

@@ -32,8 +32,6 @@ export interface SignInWithB3ModalProps extends BaseModalProps {
     sessionKeyAddress?: Address;
     /** Unique identifier for the partner application */
     partnerId: string;
-    /** Whether to authenticate with Sign In With Ethereum */
-    loginWithSiwe?: boolean;
     /** Whether to close the modal after successful login */
     closeAfterLogin?: boolean;
     /** Source of the sign-in request */

package/dist/cjs/shared/react/hooks/__tests__/useCurrencyConversion.test.js

@@ -0,0 +1,245 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const useCurrencyConversion_1 = require("../useCurrencyConversion");
+// Mock the external dependencies
+// Store mock rates for different quote currencies
+const mockRates = {};
+// Mock store state
+const mockStoreState = {
+    selectedCurrency: "B3",
+    baseCurrency: "B3",
+    setSelectedCurrency: vitest_1.vi.fn(),
+    setBaseCurrency: vitest_1.vi.fn(),
+};
+vitest_1.vi.mock("@b3dotfun/sdk/global-account/react", () => ({
+    useExchangeRate: vitest_1.vi.fn((params) => {
+        const rate = mockRates[params?.quoteCurrency];
+        return { rate };
+    }),
+}));
+vitest_1.vi.mock("@b3dotfun/sdk/shared/utils/number", () => ({
+    formatDisplayNumber: vitest_1.vi.fn((value) => {
+        const num = Number(value);
+        if (isNaN(num))
+            return "0";
+        return num.toLocaleString("en-US", { maximumFractionDigits: 6 });
+    }),
+}));
+vitest_1.vi.mock("../../stores/currencyStore", () => ({
+    useCurrencyStore: vitest_1.vi.fn((selector) => {
+        if (selector) {
+            return selector(mockStoreState);
+        }
+        return mockStoreState;
+    }),
+    CURRENCY_SYMBOLS: {
+        B3: "B3",
+        USD: "$",
+        EUR: "€",
+        GBP: "£",
+        JPY: "¥",
+        CAD: "C$",
+        AUD: "A$",
+        ETH: "ETH",
+        SOL: "SOL",
+        KRW: "₩",
+    },
+}));
+(0, vitest_1.describe)("useCurrencyConversion", () => {
+    (0, vitest_1.beforeEach)(() => {
+        vitest_1.vi.clearAllMocks();
+        // Reset mock rates to default
+        Object.keys(mockRates).forEach(key => delete mockRates[key]);
+        mockRates.USD = 1.0;
+        // Reset store state
+        mockStoreState.selectedCurrency = "B3";
+        mockStoreState.baseCurrency = "B3";
+    });
+    (0, vitest_1.describe)("formatCurrencyValue", () => {
+        (0, vitest_1.it)("should format base currency (B3) without conversion", () => {
+            mockStoreState.selectedCurrency = "B3";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toContain("B3");
+            (0, vitest_1.expect)(formatted).toContain("100");
+        });
+        (0, vitest_1.it)("should show base currency when exchange rate is unavailable", () => {
+            mockRates.USD = undefined;
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toContain("B3");
+            (0, vitest_1.expect)(formatted).not.toContain("$");
+        });
+        (0, vitest_1.it)("should format USD with prefix symbol", () => {
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toMatch(/^\$/);
+            (0, vitest_1.expect)(formatted).toContain("200");
+        });
+        (0, vitest_1.it)("should format EUR with prefix symbol", () => {
+            mockRates.EUR = 1.8;
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "EUR";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toMatch(/^€/);
+        });
+        (0, vitest_1.it)("should format JPY without decimals", () => {
+            mockRates.JPY = 150;
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "JPY";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toContain("¥");
+            (0, vitest_1.expect)(formatted).not.toContain(".");
+        });
+        (0, vitest_1.it)("should format KRW without decimals", () => {
+            mockRates.KRW = 1300;
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "KRW";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toContain("₩");
+            (0, vitest_1.expect)(formatted).not.toContain(".");
+        });
+        (0, vitest_1.it)("should format ETH with suffix symbol", () => {
+            mockRates.ETH = 0.0005;
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "ETH";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toContain("ETH");
+            (0, vitest_1.expect)(formatted).not.toMatch(/^ETH/);
+        });
+        (0, vitest_1.it)("should format SOL with suffix symbol", () => {
+            mockRates.SOL = 0.05;
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "SOL";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(100);
+            (0, vitest_1.expect)(formatted).toContain("SOL");
+            (0, vitest_1.expect)(formatted).not.toMatch(/^SOL/);
+        });
+        (0, vitest_1.it)("should handle small USD amounts with proper conversion", () => {
+            mockRates.USD = 1.5;
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const formatted = result.current.formatCurrencyValue(10);
+            // 10 * 1.5 = 15
+            (0, vitest_1.expect)(formatted).toMatch(/^\$/);
+            (0, vitest_1.expect)(formatted).toContain("15");
+        });
+        (0, vitest_1.it)("should apply correct exchange rate conversion", () => {
+            const testRate = 3.5;
+            mockRates.USD = testRate;
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const inputValue = 100;
+            const formatted = result.current.formatCurrencyValue(inputValue);
+            (0, vitest_1.expect)(formatted).toContain("350");
+        });
+    });
+    (0, vitest_1.describe)("return values", () => {
+        (0, vitest_1.it)("should return selected currency", () => {
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            (0, vitest_1.expect)(result.current.selectedCurrency).toBe("USD");
+        });
+        (0, vitest_1.it)("should return base currency", () => {
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            (0, vitest_1.expect)(result.current.baseCurrency).toBe("B3");
+        });
+        (0, vitest_1.it)("should return exchange rate", () => {
+            const testRate = 2.5;
+            mockRates.USD = testRate;
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            (0, vitest_1.expect)(result.current.exchangeRate).toBe(testRate);
+        });
+        (0, vitest_1.it)("should return correct currency symbols", () => {
+            mockStoreState.selectedCurrency = "EUR";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            (0, vitest_1.expect)(result.current.selectedCurrencySymbol).toBe("€");
+            (0, vitest_1.expect)(result.current.baseCurrencySymbol).toBe("B3");
+        });
+    });
+    (0, vitest_1.describe)("formatTooltipValue", () => {
+        (0, vitest_1.it)("should show USD equivalent when displaying base currency", () => {
+            mockRates.USD = 1.5;
+            mockStoreState.selectedCurrency = "B3";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const tooltip = result.current.formatTooltipValue(100);
+            (0, vitest_1.expect)(tooltip).toContain("USD");
+            (0, vitest_1.expect)(tooltip).toContain("150");
+        });
+        (0, vitest_1.it)("should show base currency when displaying other currency", () => {
+            mockRates.EUR = 0.9;
+            mockRates.USD = 1.2;
+            mockStoreState.selectedCurrency = "EUR";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const tooltip = result.current.formatTooltipValue(100);
+            (0, vitest_1.expect)(tooltip).toContain("B3");
+            (0, vitest_1.expect)(tooltip).toContain("100");
+        });
+        (0, vitest_1.it)("should handle custom currency for base currency", () => {
+            mockRates.USD = 2.0;
+            mockRates.EUR = 1.8;
+            mockStoreState.selectedCurrency = "EUR";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const tooltip = result.current.formatTooltipValue(100, "B3");
+            (0, vitest_1.expect)(tooltip).toContain("USD");
+            (0, vitest_1.expect)(tooltip).toContain("200");
+        });
+        (0, vitest_1.it)("should handle custom currency for non-base currency", () => {
+            mockRates.USD = 2.0;
+            mockStoreState.selectedCurrency = "USD";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const tooltip = result.current.formatTooltipValue(50, "ETH");
+            (0, vitest_1.expect)(tooltip).toContain("ETH");
+            (0, vitest_1.expect)(tooltip).toContain("50");
+        });
+        (0, vitest_1.it)("should handle absolute values for negative amounts", () => {
+            mockRates.USD = 1.5;
+            mockStoreState.selectedCurrency = "B3";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const tooltip = result.current.formatTooltipValue(-100);
+            (0, vitest_1.expect)(tooltip).toContain("USD");
+            (0, vitest_1.expect)(tooltip).toContain("150");
+            (0, vitest_1.expect)(tooltip).not.toContain("-");
+        });
+        (0, vitest_1.it)("should handle exchange rate unavailable", () => {
+            mockRates.USD = undefined;
+            mockStoreState.selectedCurrency = "B3";
+            mockStoreState.baseCurrency = "B3";
+            const { result } = (0, react_1.renderHook)(() => (0, useCurrencyConversion_1.useCurrencyConversion)());
+            const tooltip = result.current.formatTooltipValue(100);
+            (0, vitest_1.expect)(tooltip).toContain("USD");
+            (0, vitest_1.expect)(tooltip).toContain("100");
+        });
+    });
+});

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

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

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

@@ -15,7 +15,6 @@ 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/anyspend/react/components/AnySpendCustom.js

@@ -234,13 +234,11 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     useEffect(() => {
         if (oat?.data?.order.status === "executed" && !onSuccessCalled.current) {
             console.log("Calling onSuccess");
-            const relayTxs = oat?.data?.relayTxs;
-            const lastRelayTxHash = relayTxs?.[relayTxs.length - 1]?.txHash;
-            const txHash = oat?.data?.executeTx?.txHash || lastRelayTxHash;
+            const txHash = oat?.data?.executeTx?.txHash;
             onSuccess?.(txHash);
             onSuccessCalled.current = true;
         }
-    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, oat?.data?.relayTxs, onSuccess]);
+    }, [oat?.data?.order.status, oat?.data?.executeTx?.txHash, onSuccess]);
     // Reset flag when orderId changes
     useEffect(() => {
         onSuccessCalled.current = false;
@@ -430,7 +428,7 @@ function AnySpendCustomInner({ loadOrder, mode = "modal", activeTab: activeTabPr
     const historyView = (_jsx("div", { className: cn("mx-auto flex w-full max-w-2xl flex-col items-center p-5", mode === "modal" && "bg-b3-react-background"), children: _jsx(OrderHistory, { mode: mode, onBack: () => {
                 setActivePanel(PanelView.HISTORY);
             }, onSelectOrder: onSelectOrder }) }));
-    const orderDetailsView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4 p-5", mode === "modal" && "bg-b3-react-background rounded-xl"), children: [oat && (_jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, onPaymentMethodChange: setSelectedCryptoPaymentMethod, onBack: () => {
+    const orderDetailsView = (_jsxs("div", { className: cn("mx-auto flex w-full flex-col items-center gap-4", mode === "modal" && "bg-b3-react-background rounded-xl"), children: [oat && (_jsx(OrderDetails, { mode: mode, order: oat.data.order, depositTxs: oat.data.depositTxs, relayTxs: oat.data.relayTxs, executeTx: oat.data.executeTx, refundTxs: oat.data.refundTxs, cryptoPaymentMethod: activeTab === "fiat" ? CryptoPaymentMethodType.NONE : selectedCryptoPaymentMethod, selectedCryptoPaymentMethod: selectedCryptoPaymentMethod, onPaymentMethodChange: setSelectedCryptoPaymentMethod, onBack: () => {
                     setOrderId(undefined);
                     setActivePanel(PanelView.CONFIRM_ORDER);
                     // Remove orderId from URL when canceling

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 });
+};