@b3dotfun/sdk 0.0.40-test.2 → 0.0.40-test.4

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

@@ -3,18 +3,10 @@ import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly [import("wagmi").CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
-    connect(parameters?: import("@thirdweb-dev/wagmi-adapter/dist/types/connector").ConnectionOptions): Promise<{
-        accounts: readonly `0x${string}`[];
-        chainId: number;
-    }>;
-}, {
-    "thirdweb:lastChainId": number;
-}>]>;
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, partnerId, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -26,6 +18,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
         style?: React.CSSProperties;
     };
     clientType?: ClientType;
+    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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wagmiConfig = void 0;
 exports.B3Provider = B3Provider;
 exports.InnerProvider = InnerProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -28,24 +27,12 @@ const DEFAULT_PERMISSIONS = {
     startDate: new Date(),
     endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
-exports.wagmiConfig = (0, wagmi_1.createConfig)({
-    chains: [supported_1.supportedChains[0], ...supported_1.supportedChains.slice(1)],
-    transports: Object.fromEntries(supported_1.supportedChains.map(chain => [chain.id, (0, wagmi_1.http)()])),
-    connectors: [
-        (0, wagmi_adapter_1.inAppWalletConnector)({
-            ecosystemId: constants_1.ecosystemWalletId,
-            client: thirdweb_1.client,
-        }),
-        // injected(),
-        // coinbaseWallet({ appName: "HypeDuel" }),
-    ],
-});
 // 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", }) {
+function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", partnerId, }) {
     // Initialize Google Analytics on mount
     (0, react_2.useEffect)(() => {
         (0, analytics_1.loadGA4Script)();
@@ -54,7 +41,28 @@ 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: exports.wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(react_3.ThirdwebProvider, { children: (0, jsx_runtime_1.jsx)(react_1.TooltipProvider, { children: (0, jsx_runtime_1.jsx)(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, 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]);
+    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)()])),
+        connectors: [
+            (0, wagmi_adapter_1.inAppWalletConnector)({
+                ...ecocystemConfig,
+                client: thirdweb_1.client,
+            }),
+            // injected(),
+            // coinbaseWallet({ appName: "HypeDuel" }),
+        ],
+    }), [partnerId]);
+    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 })] }) }) }) }) }) }));
 }
 /**
  * Inner provider component that provides the actual B3Context
@@ -65,6 +73,20 @@ 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);
+    console.log("@@wallets", wallets);
+    // Get auth token fro mecosystm wallet
+    (0, react_2.useEffect)(() => {
+        async function getEcosystemAccount() {
+            const ecosystemWallet = wallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
+            if (ecosystemWallet) {
+                const authToken = ecosystemWallet.getAuthToken?.();
+                const ecosystemAccount = await ecosystemWallet.getAccount();
+                console.log("@wallets:@authToken", authToken);
+                console.log("@@wallets:ecosystemAccount", ecosystemAccount);
+            }
+        }
+        getEcosystemAccount();
+    }, [wallets]);
     const [user, setUser] = (0, react_2.useState)(() => {
         // Try to restore user from localStorage on initialization
         if (typeof window !== "undefined") {

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

@@ -43,6 +43,18 @@ function useAccountWallet() {
     const { data: profileData } = (0, react_1.useProfile)({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
     const avatarUrl = user?.avatar ? (0, ipfs_1.getIpfsUrl)(user?.avatar) : profileData?.avatar;
+    console.log("@@gio:connectedWallets", connectedWallets);
+    // useEffect(() => {
+    //   if (connectedWallets.length > 0) {
+    //     console.log("connectedWallets:1", connectedWallets);
+    //     // force autoconnect
+    //     const firstWallet = connectedWallets[0];
+    //     console.log("firstWallet:1", firstWallet);
+    //     firstWallet.autoConnect({
+    //       client: client,
+    //     });
+    //   }
+    // }, [connectedWallets]);
     const res = (0, react_2.useMemo)(() => ({
         wallet: {
             ...account,

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

@@ -3,18 +3,10 @@ import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly [import("wagmi").CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
-    connect(parameters?: import("@thirdweb-dev/wagmi-adapter/dist/types/connector").ConnectionOptions): Promise<{
-        accounts: readonly `0x${string}`[];
-        chainId: number;
-    }>;
-}, {
-    "thirdweb:lastChainId": number;
-}>]>;
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, partnerId, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -26,6 +18,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
         style?: React.CSSProperties;
     };
     clientType?: ClientType;
+    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

@@ -7,7 +7,7 @@ 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, useState } from "react";
+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";
@@ -23,24 +23,12 @@ const DEFAULT_PERMISSIONS = {
     startDate: new Date(),
     endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
-export const wagmiConfig = createConfig({
-    chains: [supportedChains[0], ...supportedChains.slice(1)],
-    transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])),
-    connectors: [
-        inAppWalletConnector({
-            ecosystemId: ecosystemWalletId,
-            client,
-        }),
-        // injected(),
-        // coinbaseWallet({ appName: "HypeDuel" }),
-    ],
-});
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", }) {
+export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType = "rest", partnerId, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -49,6 +37,27 @@ 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]);
+    const wagmiConfig = useMemo(() => createConfig({
+        chains: [supportedChains[0], ...supportedChains.slice(1)],
+        transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])),
+        connectors: [
+            inAppWalletConnector({
+                ...ecocystemConfig,
+                client,
+            }),
+            // injected(),
+            // coinbaseWallet({ appName: "HypeDuel" }),
+        ],
+    }), [partnerId]);
     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 })] }) }) }) }) }) }));
 }
 /**
@@ -60,6 +69,20 @@ export function InnerProvider({ children, accountOverride, environment, defaultP
     const wallets = useConnectedWallets();
     const setActiveWallet = useSetActiveWallet();
     const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+    console.log("@@wallets", wallets);
+    // Get auth token fro mecosystm wallet
+    useEffect(() => {
+        async function getEcosystemAccount() {
+            const ecosystemWallet = wallets.find(wallet => wallet.id === ecosystemWalletId);
+            if (ecosystemWallet) {
+                const authToken = ecosystemWallet.getAuthToken?.();
+                const ecosystemAccount = await ecosystemWallet.getAccount();
+                console.log("@wallets:@authToken", authToken);
+                console.log("@@wallets:ecosystemAccount", ecosystemAccount);
+            }
+        }
+        getEcosystemAccount();
+    }, [wallets]);
     const [user, setUser] = useState(() => {
         // Try to restore user from localStorage on initialization
         if (typeof window !== "undefined") {

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

@@ -40,6 +40,18 @@ export function useAccountWallet() {
     const { data: profileData } = useProfile({ address: account?.address });
     const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
     const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profileData?.avatar;
+    console.log("@@gio:connectedWallets", connectedWallets);
+    // useEffect(() => {
+    //   if (connectedWallets.length > 0) {
+    //     console.log("connectedWallets:1", connectedWallets);
+    //     // force autoconnect
+    //     const firstWallet = connectedWallets[0];
+    //     console.log("firstWallet:1", firstWallet);
+    //     firstWallet.autoConnect({
+    //       client: client,
+    //     });
+    //   }
+    // }, [connectedWallets]);
     const res = useMemo(() => ({
         wallet: {
             ...account,

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

@@ -3,18 +3,10 @@ import "@reservoir0x/relay-kit-ui/styles.css";
 import { Account } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
 import { B3ContextType } from "./types";
-export declare const wagmiConfig: import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], any, readonly [import("wagmi").CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
-    connect(parameters?: import("@thirdweb-dev/wagmi-adapter/dist/types/connector").ConnectionOptions): Promise<{
-        accounts: readonly `0x${string}`[];
-        chainId: number;
-    }>;
-}, {
-    "thirdweb:lastChainId": number;
-}>]>;
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, toaster, clientType, partnerId, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
@@ -26,6 +18,7 @@ export declare function B3Provider({ theme, children, accountOverride, environme
         style?: React.CSSProperties;
     };
     clientType?: ClientType;
+    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-test.2",
+  "version": "0.0.40-test.4",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

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

@@ -8,7 +8,7 @@ import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import "@reservoir0x/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Toaster } from "sonner";
 import {
   getLastAuthProvider,
@@ -33,19 +33,6 @@ const DEFAULT_PERMISSIONS = {
   endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
 };
 
-export const wagmiConfig = createConfig({
-  chains: [supportedChains[0], ...supportedChains.slice(1)],
-  transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any,
-  connectors: [
-    inAppWalletConnector({
-      ecosystemId: ecosystemWalletId,
-      client,
-    }),
-    // injected(),
-    // coinbaseWallet({ appName: "HypeDuel" }),
-  ],
-});
-
 // Create queryClient instance
 const queryClient = new QueryClient();
 
@@ -61,6 +48,7 @@ export function B3Provider({
   simDuneApiKey,
   toaster,
   clientType = "rest",
+  partnerId,
 }: {
   theme: "light" | "dark";
   children: React.ReactNode;
@@ -73,6 +61,7 @@ export function B3Provider({
     style?: React.CSSProperties;
   };
   clientType?: ClientType;
+  partnerId?: string;
 }) {
   // Initialize Google Analytics on mount
   useEffect(() => {
@@ -84,6 +73,33 @@ export function B3Provider({
     setClientType(clientType);
   }, [clientType]);
 
+  const ecocystemConfig = useMemo(() => {
+    if (!partnerId) return undefined;
+
+    return {
+      ecosystemId: ecosystemWalletId,
+      partnerId: partnerId,
+      client,
+    };
+  }, [partnerId]);
+
+  const wagmiConfig = useMemo(
+    () =>
+      createConfig({
+        chains: [supportedChains[0], ...supportedChains.slice(1)],
+        transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http()])) as any,
+        connectors: [
+          inAppWalletConnector({
+            ...ecocystemConfig,
+            client,
+          }),
+          // injected(),
+          // coinbaseWallet({ appName: "HypeDuel" }),
+        ],
+      }),
+    [partnerId],
+  );
+
   return (
     <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
@@ -135,6 +151,21 @@ export function InnerProvider({
   const wallets = useConnectedWallets();
   const setActiveWallet = useSetActiveWallet();
   const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+  console.log("@@wallets", wallets);
+
+  // Get auth token fro mecosystm wallet
+  useEffect(() => {
+    async function getEcosystemAccount() {
+      const ecosystemWallet = wallets.find(wallet => wallet.id === ecosystemWalletId);
+      if (ecosystemWallet) {
+        const authToken = ecosystemWallet.getAuthToken?.();
+        const ecosystemAccount = await ecosystemWallet.getAccount();
+        console.log("@wallets:@authToken", authToken);
+        console.log("@@wallets:ecosystemAccount", ecosystemAccount);
+      }
+    }
+    getEcosystemAccount();
+  }, [wallets]);
 
   const [user, setUser] = useState<Users | undefined>(() => {
     // Try to restore user from localStorage on initialization

package/src/global-account/react/hooks/useAccountWallet.tsx

@@ -75,6 +75,19 @@ export function useAccountWallet(): {
   const ensName = profileData?.displayName?.replace(/\.b3\.fun/g, "");
   const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profileData?.avatar;
 
+  console.log("@@gio:connectedWallets", connectedWallets);
+  // useEffect(() => {
+  //   if (connectedWallets.length > 0) {
+  //     console.log("connectedWallets:1", connectedWallets);
+  //     // force autoconnect
+  //     const firstWallet = connectedWallets[0];
+  //     console.log("firstWallet:1", firstWallet);
+  //     firstWallet.autoConnect({
+  //       client: client,
+  //     });
+  //   }
+  // }, [connectedWallets]);
+
   const res = useMemo(
     () => ({
       wallet: {

package/src/global-account/app.d.ts

@@ -1,14 +0,0 @@
-import { ClientApplication } from "@b3dotfun/b3-api";
-import { ClientType } from "./client-manager";
-
-// Hybrid app type that is both a client instance AND a function
-export interface HybridApp extends ClientApplication {
-  (clientType: "socket"): ClientApplication;
-  (clientType: "rest"): ClientApplication;
-  (clientType: ClientType): ClientApplication;
-}
-
-// Export the hybrid app as the default
-declare const app: HybridApp;
-export default app;
-