@b3dotfun/sdk 0.0.40-alpha.6 → 0.0.40-alpha.7

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

@@ -1,12 +1,12 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-import "@reservoir0x/relay-kit-ui/styles.css";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -19,6 +19,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     };
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
+    partnerId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -5,8 +5,13 @@ exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
 const analytics_1 = require("../../../../global-account/utils/analytics");
+const constants_1 = require("../../../../shared/constants");
 const supported_1 = require("../../../../shared/constants/chains/supported");
+const debug_1 = require("../../../../shared/utils/debug");
+const thirdweb_1 = require("../../../../shared/utils/thirdweb");
+require("@reservoir0x/relay-kit-ui/styles.css");
 const react_query_1 = require("@tanstack/react-query");
+const wagmi_adapter_1 = require("@thirdweb-dev/wagmi-adapter");
 const react_2 = require("react");
 const sonner_1 = require("sonner");
 const react_3 = require("thirdweb/react");
@@ -14,7 +19,7 @@ const wagmi_1 = require("wagmi");
 const client_manager_1 = require("../../../client-manager");
 const StyleRoot_1 = require("../StyleRoot");
 const types_1 = require("./types");
-require("@reservoir0x/relay-kit-ui/styles.css");
+const debug = (0, debug_1.debugB3React)("B3Provider");
 /**
  * Default permissions configuration for B3 provider
  */
@@ -24,24 +29,12 @@ const DEFAULT_PERMISSIONS = {
     startDate: new Date(),
     endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
-/**
- * Creates wagmi config with optional custom RPC URLs
- * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
- */
-function createWagmiConfig(rpcUrls) {
-    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, wagmi_1.http)(rpcUrls?.[chain.id])])),
-    });
-}
 // Create queryClient instance
 const queryClient = new react_query_1.QueryClient();
 /**
  * Main B3Provider component
  */
-function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, }) {
-    // Create wagmi config with custom RPC URLs if provided
-    const [wagmiConfig] = (0, react_2.useState)(() => createWagmiConfig(rpcUrls));
+function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, }) {
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -50,7 +43,32 @@ function B3Provider({ theme = "light", children, accountOverride, environment, a
     (0, react_2.useEffect)(() => {
         (0, client_manager_1.setClientType)(clientType);
     }, [clientType]);
-    return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: 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, clientType: clientType, children: (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }));
+    const ecocystemConfig = (0, react_2.useMemo)(() => {
+        if (!partnerId)
+            return undefined;
+        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_2.useMemo)(() => (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)(rpcUrls?.[chain.id])])),
+        connectors: [
+            (0, wagmi_adapter_1.inAppWalletConnector)({
+                ...(ecocystemConfig || {}),
+                client: thirdweb_1.client,
+            }),
+            // injected(),
+            // coinbaseWallet({ appName: "HypeDuel" }),
+        ],
+    }), [partnerId]);
+    return ((0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, children: (0, jsx_runtime_1.jsxs)(react_1.RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, (0, jsx_runtime_1.jsx)(StyleRoot_1.StyleRoot, { id: "b3-root" }), (0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: toaster?.position, style: toaster?.style })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
@@ -61,6 +79,7 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
     const wallets = (0, react_3.useConnectedWallets)();
     const setActiveWallet = (0, react_3.useSetActiveWallet)();
     const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
+    debug("@@wallets", wallets);
     const [user, setUser] = (0, react_2.useState)(() => {
         // Try to restore user from localStorage on initialization
         if (typeof window !== "undefined") {
@@ -91,7 +110,7 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
     const setWallet = (0, react_2.useCallback)((wallet) => {
         setManuallySelectedWallet(wallet);
         const account = wallet.getAccount();
-        console.log("@@gio:setWallet", wallet.id, account?.address);
+        debug("@@setWallet", wallet.id, account?.address);
         setActiveWallet(wallet);
     }, [setManuallySelectedWallet, setActiveWallet]);
     (0, react_2.useEffect)(() => {

package/dist/cjs/global-account/react/components/SignInWithB3/steps/LoginStepCustom.js

@@ -8,6 +8,7 @@ const thirdweb_1 = require("../../../../../shared/utils/thirdweb");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
+const debug = (0, debug_1.debugB3React)("LoginStepCustom");
 function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
     const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const [showAllWallets, setShowAllWallets] = (0, react_2.useState)(false);
@@ -24,7 +25,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
     const handleConnect = async (strategy) => {
         try {
             setIsLoading(true);
-            (0, debug_1.debug)("setIsAuthenticating:true:3");
+            debug("setIsAuthenticating:true:3");
             setIsAuthenticating(true);
             const options = (0, react_1.getConnectOptionsFromStrategy)(strategy);
             let connectResult;
@@ -45,7 +46,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
                 connectResult = await connect(options);
             }
             const account = connectResult?.getAccount();
-            console.log("@@gio:connectResult", { connectResult, account, options });
+            debug("@@connectResult", { connectResult, account, options });
             if (!account)
                 throw new Error("Failed to connect");
             await onSuccess(account);
@@ -58,7 +59,7 @@ function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, max
         }
         finally {
             setIsLoading(false);
-            (0, debug_1.debug)("setIsAuthenticating:false:3");
+            debug("setIsAuthenticating:false:3");
             setIsAuthenticating(false);
         }
     };

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

@@ -122,8 +122,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
         if (activeWallet) {
             debug("@@logout:activeWallet", activeWallet);
             disconnect(activeWallet);
-            debug("@@logout:disconnected");
-            console.log("@@gio:logout:activeWallet", activeWallet);
+            debug("@@logout:activeWallet", activeWallet);
         }
         // Log out of each wallet
         wallets.forEach(wallet => {

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

@@ -1,12 +1,12 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-import "@reservoir0x/relay-kit-ui/styles.css";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -19,6 +19,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     };
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
+    partnerId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

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

@@ -1,16 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "../../../../global-account/react/index.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 { useCallback, useEffect, useState } from "react";
+import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Toaster } from "sonner";
 import { getLastAuthProvider, ThirdwebProvider, useActiveAccount, useConnectedWallets, useSetActiveWallet, } from "thirdweb/react";
 import { createConfig, http, WagmiProvider } from "wagmi";
 import { setClientType } from "../../../client-manager.js";
 import { StyleRoot } from "../StyleRoot.js";
 import { B3Context } from "./types.js";
-import "@reservoir0x/relay-kit-ui/styles.css";
+const debug = debugB3React("B3Provider");
 /**
  * Default permissions configuration for B3 provider
  */
@@ -20,24 +25,12 @@ const DEFAULT_PERMISSIONS = {
     startDate: new Date(),
     endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
-/**
- * Creates wagmi config with optional custom RPC URLs
- * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
- */
-function createWagmiConfig(rpcUrls) {
-    return createConfig({
-        chains: [supportedChains[0], ...supportedChains.slice(1)],
-        transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(rpcUrls?.[chain.id])])),
-    });
-}
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, }) {
-    // Create wagmi config with custom RPC URLs if provided
-    const [wagmiConfig] = useState(() => createWagmiConfig(rpcUrls));
+export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", rpcUrls, partnerId, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -46,7 +39,32 @@ export function B3Provider({ theme = "light", children, accountOverride, environ
     useEffect(() => {
         setClientType(clientType);
     }, [clientType]);
-    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ThirdwebProvider, { children: _jsx(TooltipProvider, { children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, 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 ecocystemConfig = useMemo(() => {
+        if (!partnerId)
+            return undefined;
+        return {
+            ecosystemId: ecosystemWalletId,
+            partnerId: partnerId,
+            client,
+        };
+    }, [partnerId]);
+    /**
+     * Creates wagmi config with optional custom RPC URLs
+     * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
+     */
+    const wagmiConfig = useMemo(() => createConfig({
+        chains: [supportedChains[0], ...supportedChains.slice(1)],
+        transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(rpcUrls?.[chain.id])])),
+        connectors: [
+            inAppWalletConnector({
+                ...(ecocystemConfig || {}),
+                client,
+            }),
+            // injected(),
+            // coinbaseWallet({ appName: "HypeDuel" }),
+        ],
+    }), [partnerId]);
+    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 })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
@@ -57,6 +75,7 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
     const wallets = useConnectedWallets();
     const setActiveWallet = useSetActiveWallet();
     const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+    debug("@@wallets", wallets);
     const [user, setUser] = useState(() => {
         // Try to restore user from localStorage on initialization
         if (typeof window !== "undefined") {
@@ -87,7 +106,7 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
     const setWallet = useCallback((wallet) => {
         setManuallySelectedWallet(wallet);
         const account = wallet.getAccount();
-        console.log("@@gio:setWallet", wallet.id, account?.address);
+        debug("@@setWallet", wallet.id, account?.address);
         setActiveWallet(wallet);
     }, [setManuallySelectedWallet, setActiveWallet]);
     useEffect(() => {

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AuthButton, Button, getConnectOptionsFromStrategy, isWalletType, LoginStepContainer, useAuthentication, useAuthStore, useConnect, WalletRow, } from "../../../../../global-account/react/index.js";
-import { debug } from "../../../../../shared/utils/debug.js";
+import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { client } from "../../../../../shared/utils/thirdweb.js";
 import { useState } from "react";
 import { useConnect as useConnectTW } from "thirdweb/react";
 import { createWallet } from "thirdweb/wallets";
+const debug = debugB3React("LoginStepCustom");
 export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
     const [isLoading, setIsLoading] = useState(false);
     const [showAllWallets, setShowAllWallets] = useState(false);
@@ -42,7 +43,7 @@ export function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategi
                 connectResult = await connect(options);
             }
             const account = connectResult?.getAccount();
-            console.log("@@gio:connectResult", { connectResult, account, options });
+            debug("@@connectResult", { connectResult, account, options });
             if (!account)
                 throw new Error("Failed to connect");
             await onSuccess(account);

package/dist/esm/global-account/react/hooks/useAuthentication.js

@@ -116,8 +116,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
         if (activeWallet) {
             debug("@@logout:activeWallet", activeWallet);
             disconnect(activeWallet);
-            debug("@@logout:disconnected");
-            console.log("@@gio:logout:activeWallet", activeWallet);
+            debug("@@logout:activeWallet", activeWallet);
         }
         // Log out of each wallet
         wallets.forEach(wallet => {

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

@@ -1,12 +1,12 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
+import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-import "@reservoir0x/relay-kit-ui/styles.css";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, rpcUrls, partnerId, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -19,6 +19,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
     };
     clientType?: ClientType;
     rpcUrls?: Record<number, string>;
+    partnerId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Inner provider component that provides the actual B3Context

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.40-alpha.6",
+  "version": "0.0.40-alpha.7",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -241,8 +241,8 @@
     "@b3dotfun/basement-api": "0.0.11",
     "@feathersjs/authentication-client": "5.0.33",
     "@feathersjs/feathers": "5.0.33",
-    "@feathersjs/socketio-client": "5.0.33",
     "@feathersjs/rest-client": "5.0.33",
+    "@feathersjs/socketio-client": "5.0.33",
     "@feathersjs/typebox": "5.0.33",
     "@fingerprintjs/fingerprintjs-pro-react": "^2.7.0",
     "@hey-api/client-fetch": "0.8.3",
@@ -261,6 +261,7 @@
     "@solana/web3.js": "^1.98.2",
     "@stripe/react-stripe-js": "^3.7.0",
     "@stripe/stripe-js": "^7.3.1",
+    "@thirdweb-dev/wagmi-adapter": "^0.2.141",
     "@web3icons/react": "3.16.0",
     "big.js": "^7.0.1",
     "class-variance-authority": "0.7.0",
@@ -329,10 +330,10 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-native-mmkv": "^3.2.0",
-    "thirdweb": "^5.105.20",
+    "thirdweb": "5.106.0",
     "three": "^0.175.0",
-    "wagmi": "^2.14.15",
-    "viem": "^2.28.1"
+    "viem": "^2.28.1",
+    "wagmi": "^2.14.15"
   },
   "peerDependenciesMeta": {
     "@react-three/postprocessing": {

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -1,9 +1,15 @@
+import { Users } from "@b3dotfun/b3-api";
 import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "@b3dotfun/sdk/global-account/react";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { loadGA4Script } from "@b3dotfun/sdk/global-account/utils/analytics";
+import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
 import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
+import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
+import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
+import "@reservoir0x/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useCallback, useEffect, useState } from "react";
+import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Toaster } from "sonner";
 import {
   getLastAuthProvider,
@@ -18,8 +24,7 @@ import { ClientType, setClientType } from "../../../client-manager";
 import { StyleRoot } from "../StyleRoot";
 import { B3Context, B3ContextType } from "./types";
 
-import { Users } from "@b3dotfun/b3-api";
-import "@reservoir0x/relay-kit-ui/styles.css";
+const debug = debugB3React("B3Provider");
 
 /**
  * Default permissions configuration for B3 provider
@@ -31,17 +36,6 @@ const DEFAULT_PERMISSIONS = {
   endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 
-/**
- * Creates wagmi config with optional custom RPC URLs
- * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
- */
-function createWagmiConfig(rpcUrls?: Record<number, string>) {
-  return createConfig({
-    chains: [supportedChains[0], ...supportedChains.slice(1)],
-    transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(rpcUrls?.[chain.id])])) as any,
-  });
-}
-
 // Create queryClient instance
 const queryClient = new QueryClient();
 
@@ -58,6 +52,7 @@ export function B3Provider({
   toaster,
   clientType = "rest",
   rpcUrls,
+  partnerId,
 }: {
   theme: "light" | "dark";
   children: React.ReactNode;
@@ -71,10 +66,8 @@ export function B3Provider({
   };
   clientType?: ClientType;
   rpcUrls?: Record<number, string>;
+  partnerId?: string;
 }) {
-  // Create wagmi config with custom RPC URLs if provided
-  const [wagmiConfig] = useState(() => createWagmiConfig(rpcUrls));
-
   // Initialize Google Analytics on mount
   useEffect(() => {
     loadGA4Script();
@@ -85,10 +78,41 @@ export function B3Provider({
     setClientType(clientType);
   }, [clientType]);
 
+  const ecocystemConfig = useMemo(() => {
+    if (!partnerId) return undefined;
+
+    return {
+      ecosystemId: ecosystemWalletId,
+      partnerId: partnerId,
+      client,
+    };
+  }, [partnerId]);
+
+  /**
+   * Creates wagmi config with optional custom RPC URLs
+   * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
+   */
+  const wagmiConfig = useMemo(
+    () =>
+      createConfig({
+        chains: [supportedChains[0], ...supportedChains.slice(1)],
+        transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(rpcUrls?.[chain.id])])) as any,
+        connectors: [
+          inAppWalletConnector({
+            ...(ecocystemConfig || {}),
+            client,
+          }),
+          // injected(),
+          // coinbaseWallet({ appName: "HypeDuel" }),
+        ],
+      }),
+    [partnerId],
+  );
+
   return (
-    <WagmiProvider config={wagmiConfig}>
-      <QueryClientProvider client={queryClient}>
-        <ThirdwebProvider>
+    <ThirdwebProvider>
+      <WagmiProvider config={wagmiConfig}>
+        <QueryClientProvider client={queryClient}>
           <TooltipProvider>
             <InnerProvider
               accountOverride={accountOverride}
@@ -105,9 +129,9 @@ export function B3Provider({
               </RelayKitProviderWrapper>
             </InnerProvider>
           </TooltipProvider>
-        </ThirdwebProvider>
-      </QueryClientProvider>
-    </WagmiProvider>
+        </QueryClientProvider>
+      </WagmiProvider>
+    </ThirdwebProvider>
   );
 }
 
@@ -136,6 +160,7 @@ export function InnerProvider({
   const wallets = useConnectedWallets();
   const setActiveWallet = useSetActiveWallet();
   const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+  debug("@@wallets", wallets);
 
   const [user, setUser] = useState<Users | undefined>(() => {
     // Try to restore user from localStorage on initialization
@@ -169,7 +194,7 @@ export function InnerProvider({
     (wallet: Wallet) => {
       setManuallySelectedWallet(wallet);
       const account = wallet.getAccount();
-      console.log("@@gio:setWallet", wallet.id, account?.address);
+      debug("@@setWallet", wallet.id, account?.address);
       setActiveWallet(wallet);
     },
     [setManuallySelectedWallet, setActiveWallet],

package/src/global-account/react/components/SignInWithB3/steps/LoginStepCustom.tsx

@@ -10,7 +10,7 @@ import {
   useConnect,
   WalletRow,
 } from "@b3dotfun/sdk/global-account/react";
-import { debug } from "@b3dotfun/sdk/shared/utils/debug";
+import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import { useState } from "react";
 import { Chain } from "thirdweb";
@@ -27,6 +27,8 @@ interface LoginStepCustomProps {
   maxInitialWallets?: number;
 }
 
+const debug = debugB3React("LoginStepCustom");
+
 export function LoginStepCustom({
   onSuccess,
   onError,
@@ -76,7 +78,7 @@ export function LoginStepCustom({
       }
 
       const account = connectResult?.getAccount();
-      console.log("@@gio:connectResult", { connectResult, account, options });
+      debug("@@connectResult", { connectResult, account, options });
       if (!account) throw new Error("Failed to connect");
       await onSuccess(account);
       setIsAuthenticated(true);

package/src/global-account/react/hooks/useAuthentication.ts

@@ -124,8 +124,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
     if (activeWallet) {
       debug("@@logout:activeWallet", activeWallet);
       disconnect(activeWallet);
-      debug("@@logout:disconnected");
-      console.log("@@gio:logout:activeWallet", activeWallet);
+      debug("@@logout:activeWallet", activeWallet);
     }
 
     // Log out of each wallet