@b3dotfun/sdk 0.0.40-test.6 → 0.0.41-alpha.0

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

@@ -6,10 +6,11 @@ import invariant from "invariant";
 import { useCallback, useState } from "react";
 import { toast } from "sonner";
 import { prepareTransaction, sendTransaction as twSendTransaction } from "thirdweb";
-import { useSwitchChain, useWalletClient } from "wagmi";
+import { useActiveWallet } from "thirdweb/react";
+import { isAddress } from "viem";
+import { useSwitchChain } from "wagmi";
 import { useB3 } from "../components";
 import { useAccountWallet } from "./useAccountWallet";
-import { isAddress } from "viem";
 
 export interface UnifiedTransactionParams {
   to: string;
@@ -26,49 +27,55 @@ const partnerId = String(
 invariant(partnerId, "Partner ID is required");
 
 export function useUnifiedChainSwitchAndExecute() {
-  const { data: walletClient } = useWalletClient();
   const { switchChainAsync } = useSwitchChain();
   const [isSwitchingOrExecuting, setIsSwitchingOrExecuting] = useState(false);
+  const activeWallet = useActiveWallet();
 
-  const { isActiveSmartWallet, isActiveEOAWallet } = useAccountWallet();
+  const { isActiveSmartWallet, isActiveEOAWallet, connectedEOAWallet } = useAccountWallet();
   const { account: aaAccount } = useB3();
 
   // Handle EOA wallet chain switch and execute transaction
   const handleEOASwitchChainAndSendTransaction = useCallback(
     async (targetChainId: number, params: UnifiedTransactionParams): Promise<string | undefined> => {
-      if (!walletClient) {
+      if (!connectedEOAWallet) {
         toast.error("Please connect your wallet");
         return;
       }
 
-      const providerId = walletClient.chain.id;
-      const onCorrectChain = providerId === targetChainId;
+      // Get target chain configuration once
+      const targetChain = supportedChains.find(chain => chain.id === targetChainId);
+      if (!targetChain) {
+        toast.error(`Chain ${targetChainId} is not supported`);
+        return;
+      }
+
+      const currentChainId = activeWallet?.getChain()?.id;
+      const onCorrectChain = currentChainId === targetChainId;
 
       // Helper function to execute the transaction
       const executeTransaction = async (): Promise<string> => {
-        const signer = walletClient.account;
+        const signer = activeWallet?.getAccount();
         if (!signer) {
           throw new Error("No account connected");
         }
 
-        // Get the target chain configuration instead of using potentially stale walletClient.chain
-        const targetChain = supportedChains.find(chain => chain.id === targetChainId);
-        if (!targetChain) {
-          throw new Error(`Chain ${targetChainId} is not supported`);
+        // Coinbase Smart Wallet specific chain switching (different behavior from other wallets)
+        const walletChain = connectedEOAWallet.getChain();
+        if (walletChain?.id !== targetChainId) {
+          activeWallet?.switchChain(getThirdwebChain(targetChainId));
         }
 
         invariant(isAddress(params.to), "params.to is not a valid address");
 
-        const hash = await walletClient.sendTransaction({
-          account: signer,
-          chain: targetChain,
+        const result = await signer.sendTransaction({
+          chainId: targetChainId,
           to: params.to,
           data: params.data as `0x${string}`,
           value: params.value,
         });
 
-        toast.success(`Transaction sent: ${hash.slice(0, 10)}...`);
-        return hash;
+        toast.success(`Transaction sent: ${result.transactionHash.slice(0, 10)}...`);
+        return result.transactionHash;
       };
 
       try {
@@ -80,12 +87,6 @@ export function useUnifiedChainSwitchAndExecute() {
 
         const switchingToastId = toast.info(`Switching to ${getChainName(targetChainId)}…`);
 
-        const targetChain = supportedChains.find(chain => chain.id === targetChainId);
-        if (!targetChain) {
-          toast.error(`Chain ${targetChainId} is not supported`);
-          return;
-        }
-
         const blockExplorerUrl = targetChain.blockExplorers?.default.url;
         invariant(blockExplorerUrl, "Block explorer URL is required");
         const nativeCurrency = getNativeToken(targetChainId);
@@ -120,7 +121,7 @@ export function useUnifiedChainSwitchAndExecute() {
         setIsSwitchingOrExecuting(false);
       }
     },
-    [walletClient, switchChainAsync],
+    [connectedEOAWallet, activeWallet, switchChainAsync],
   );
 
   // Handle AA wallet transaction (no chain switch needed for AA)
@@ -154,19 +155,22 @@ export function useUnifiedChainSwitchAndExecute() {
             value: params.value.toString(),
           });
         } catch (err: any) {
-          console.error(err);
+          console.error("Create global-accounts-intents error", err);
         }
 
         toast.info("Sending transaction…");
+        const start = performance.now();
         const sendTxResponse = await twSendTransaction({
           account: aaAccount,
           transaction,
         });
+        const end = performance.now();
+        console.log("Time taken to send transaction", end - start);
 
         toast.success("Transaction sent successfully");
         return sendTxResponse.transactionHash;
       } catch (err: any) {
-        console.error(err);
+        console.error("Send transaction error", err);
         toast.error(err?.message ?? "Transaction failed");
         return undefined;
       } finally {

package/src/shared/utils/fetchBalances.ts

@@ -19,7 +19,7 @@ export interface AssetBalance {
   chainBalances: ChainBalance[];
 }
 
-export const fetchBalances = async (address: string, testnet?: boolean): Promise<AssetBalance[]> => {
+export const fetchBalances = async (address: string | undefined, testnet?: boolean): Promise<AssetBalance[]> => {
   if (!address) return [];
 
   const assetsResponse = await fetch(`${getSprinterBaseUrl(testnet)}/assets/fungible`);

package/dist/cjs/global-account/examples/client-selection-example.d.ts

@@ -1,5 +0,0 @@
-/**
- * Example app showing different client configurations
- */
-export declare function ClientSelectionApp(): import("react/jsx-runtime").JSX.Element;
-export default ClientSelectionApp;

package/dist/cjs/global-account/examples/client-selection-example.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClientSelectionApp = ClientSelectionApp;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../global-account/react");
-const react_2 = require("react");
-/**
- * Example component showing how to use the client selection system
- */
-function ClientSelectionExample() {
-    const { clientType, switchClientType, getCurrentClient, authenticateWithType } = (0, react_1.useClient)();
-    const { user } = (0, react_1.useB3)();
-    const [data, setData] = (0, react_2.useState)(null);
-    const [loading, setLoading] = (0, react_2.useState)(false);
-    const handleSwitchClient = (type) => {
-        switchClientType(type);
-    };
-    const handleFetchData = async () => {
-        setLoading(true);
-        try {
-            const client = getCurrentClient();
-            const result = await client.service("users").find();
-            setData(result);
-        }
-        catch (error) {
-            console.error("Failed to fetch data:", error);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const handleAuthenticateWithType = async (type) => {
-        try {
-            const result = await authenticateWithType(type, "your-access-token", "your-identity-token");
-            console.log(`Authenticated with ${type}:`, result);
-        }
-        catch (error) {
-            console.error(`Authentication failed with ${type}:`, error);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { padding: "20px", fontFamily: "Arial, sans-serif" }, children: [(0, jsx_runtime_1.jsx)("h2", { children: "Client Selection Example" }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "20px" }, children: [(0, jsx_runtime_1.jsxs)("h3", { children: ["Current Client Type: ", clientType] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "10px", marginBottom: "10px" }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => handleSwitchClient("socket"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: clientType === "socket" ? "#007bff" : "#f8f9fa",
-                                    color: clientType === "socket" ? "white" : "black",
-                                    border: "1px solid #007bff",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Switch to Socket" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => handleSwitchClient("rest"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: clientType === "rest" ? "#007bff" : "#f8f9fa",
-                                    color: clientType === "rest" ? "white" : "black",
-                                    border: "1px solid #007bff",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Switch to REST" })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "20px" }, children: [(0, jsx_runtime_1.jsx)("h3", { children: "Test API Calls" }), (0, jsx_runtime_1.jsx)("button", { onClick: handleFetchData, disabled: loading, style: {
-                            padding: "8px 16px",
-                            backgroundColor: "#28a745",
-                            color: "white",
-                            border: "none",
-                            borderRadius: "4px",
-                            cursor: loading ? "not-allowed" : "pointer"
-                        }, children: loading ? "Loading..." : "Fetch Data" }), data && ((0, jsx_runtime_1.jsx)("pre", { style: {
-                            marginTop: "10px",
-                            padding: "10px",
-                            backgroundColor: "#f8f9fa",
-                            borderRadius: "4px",
-                            overflow: "auto"
-                        }, children: JSON.stringify(data, null, 2) }))] }), (0, jsx_runtime_1.jsxs)("div", { style: { marginBottom: "20px" }, children: [(0, jsx_runtime_1.jsx)("h3", { children: "Authentication Tests" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: "10px" }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => handleAuthenticateWithType("socket"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: "#17a2b8",
-                                    color: "white",
-                                    border: "none",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Auth with Socket" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => handleAuthenticateWithType("rest"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: "#17a2b8",
-                                    color: "white",
-                                    border: "none",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Auth with REST" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: "User Status" }), (0, jsx_runtime_1.jsxs)("p", { children: ["Authenticated: ", user ? "Yes" : "No"] }), user && ((0, jsx_runtime_1.jsx)("pre", { style: {
-                            padding: "10px",
-                            backgroundColor: "#f8f9fa",
-                            borderRadius: "4px",
-                            overflow: "auto"
-                        }, children: JSON.stringify(user, null, 2) }))] })] }));
-}
-/**
- * Example app showing different client configurations
- */
-function ClientSelectionApp() {
-    const [clientType, setClientType] = (0, react_2.useState)("socket");
-    return ((0, jsx_runtime_1.jsx)(react_1.B3Provider, { environment: "development", clientType: clientType, automaticallySetFirstEoa: true, theme: "light", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "B3 SDK Client Selection Demo" }), (0, jsx_runtime_1.jsx)("div", { style: { marginBottom: "20px" }, children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Provider Client Type:" }), (0, jsx_runtime_1.jsxs)("select", { value: clientType, onChange: (e) => setClientType(e.target.value), style: { marginLeft: "10px", padding: "4px 8px" }, children: [(0, jsx_runtime_1.jsx)("option", { value: "socket", children: "Socket (Default)" }), (0, jsx_runtime_1.jsx)("option", { value: "rest", children: "REST" })] })] }) }), (0, jsx_runtime_1.jsx)(ClientSelectionExample, {})] }) }));
-}
-exports.default = ClientSelectionApp;

package/dist/esm/global-account/examples/client-selection-example.d.ts

@@ -1,5 +0,0 @@
-/**
- * Example app showing different client configurations
- */
-export declare function ClientSelectionApp(): import("react/jsx-runtime").JSX.Element;
-export default ClientSelectionApp;

package/dist/esm/global-account/examples/client-selection-example.js

@@ -1,93 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { B3Provider, useB3, useClient } from "../../global-account/react/index.js";
-import { useState } from "react";
-/**
- * Example component showing how to use the client selection system
- */
-function ClientSelectionExample() {
-    const { clientType, switchClientType, getCurrentClient, authenticateWithType } = useClient();
-    const { user } = useB3();
-    const [data, setData] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const handleSwitchClient = (type) => {
-        switchClientType(type);
-    };
-    const handleFetchData = async () => {
-        setLoading(true);
-        try {
-            const client = getCurrentClient();
-            const result = await client.service("users").find();
-            setData(result);
-        }
-        catch (error) {
-            console.error("Failed to fetch data:", error);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const handleAuthenticateWithType = async (type) => {
-        try {
-            const result = await authenticateWithType(type, "your-access-token", "your-identity-token");
-            console.log(`Authenticated with ${type}:`, result);
-        }
-        catch (error) {
-            console.error(`Authentication failed with ${type}:`, error);
-        }
-    };
-    return (_jsxs("div", { style: { padding: "20px", fontFamily: "Arial, sans-serif" }, children: [_jsx("h2", { children: "Client Selection Example" }), _jsxs("div", { style: { marginBottom: "20px" }, children: [_jsxs("h3", { children: ["Current Client Type: ", clientType] }), _jsxs("div", { style: { display: "flex", gap: "10px", marginBottom: "10px" }, children: [_jsx("button", { onClick: () => handleSwitchClient("socket"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: clientType === "socket" ? "#007bff" : "#f8f9fa",
-                                    color: clientType === "socket" ? "white" : "black",
-                                    border: "1px solid #007bff",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Switch to Socket" }), _jsx("button", { onClick: () => handleSwitchClient("rest"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: clientType === "rest" ? "#007bff" : "#f8f9fa",
-                                    color: clientType === "rest" ? "white" : "black",
-                                    border: "1px solid #007bff",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Switch to REST" })] })] }), _jsxs("div", { style: { marginBottom: "20px" }, children: [_jsx("h3", { children: "Test API Calls" }), _jsx("button", { onClick: handleFetchData, disabled: loading, style: {
-                            padding: "8px 16px",
-                            backgroundColor: "#28a745",
-                            color: "white",
-                            border: "none",
-                            borderRadius: "4px",
-                            cursor: loading ? "not-allowed" : "pointer"
-                        }, children: loading ? "Loading..." : "Fetch Data" }), data && (_jsx("pre", { style: {
-                            marginTop: "10px",
-                            padding: "10px",
-                            backgroundColor: "#f8f9fa",
-                            borderRadius: "4px",
-                            overflow: "auto"
-                        }, children: JSON.stringify(data, null, 2) }))] }), _jsxs("div", { style: { marginBottom: "20px" }, children: [_jsx("h3", { children: "Authentication Tests" }), _jsxs("div", { style: { display: "flex", gap: "10px" }, children: [_jsx("button", { onClick: () => handleAuthenticateWithType("socket"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: "#17a2b8",
-                                    color: "white",
-                                    border: "none",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Auth with Socket" }), _jsx("button", { onClick: () => handleAuthenticateWithType("rest"), style: {
-                                    padding: "8px 16px",
-                                    backgroundColor: "#17a2b8",
-                                    color: "white",
-                                    border: "none",
-                                    borderRadius: "4px",
-                                    cursor: "pointer"
-                                }, children: "Auth with REST" })] })] }), _jsxs("div", { children: [_jsx("h3", { children: "User Status" }), _jsxs("p", { children: ["Authenticated: ", user ? "Yes" : "No"] }), user && (_jsx("pre", { style: {
-                            padding: "10px",
-                            backgroundColor: "#f8f9fa",
-                            borderRadius: "4px",
-                            overflow: "auto"
-                        }, children: JSON.stringify(user, null, 2) }))] })] }));
-}
-/**
- * Example app showing different client configurations
- */
-export function ClientSelectionApp() {
-    const [clientType, setClientType] = useState("socket");
-    return (_jsx(B3Provider, { environment: "development", clientType: clientType, automaticallySetFirstEoa: true, theme: "light", children: _jsxs("div", { children: [_jsx("h1", { children: "B3 SDK Client Selection Demo" }), _jsx("div", { style: { marginBottom: "20px" }, children: _jsxs("label", { children: [_jsx("strong", { children: "Provider Client Type:" }), _jsxs("select", { value: clientType, onChange: (e) => setClientType(e.target.value), style: { marginLeft: "10px", padding: "4px 8px" }, children: [_jsx("option", { value: "socket", children: "Socket (Default)" }), _jsx("option", { value: "rest", children: "REST" })] })] }) }), _jsx(ClientSelectionExample, {})] }) }));
-}
-export default ClientSelectionApp;

package/dist/types/global-account/examples/client-selection-example.d.ts

@@ -1,5 +0,0 @@
-/**
- * Example app showing different client configurations
- */
-export declare function ClientSelectionApp(): import("react/jsx-runtime").JSX.Element;
-export default ClientSelectionApp;

package/src/global-account/docs/client-selection.md

@@ -1,292 +0,0 @@
-# FeathersJS Client Selection
-
-The B3 SDK now supports both Socket.IO and REST clients for communicating with the B3 API. This document explains how to choose and configure the appropriate client type for your application.
-
-## Client Types
-
-### Socket Client (Default)
-- **Real-time communication** via WebSocket
-- **Lower latency** for frequent updates
-- **Automatic reconnection** on connection loss
-- **Best for**: Interactive applications, real-time features, frequent API calls
-
-### REST Client
-- **HTTP-based communication** via REST API
-- **Better for server-side rendering** and static generation
-- **Simpler debugging** and network inspection
-- **Best for**: Static sites, server-side rendering, simple integrations
-
-## Configuration
-
-### 1. Provider-Level Configuration (Recommended)
-
-Configure the client type at the provider level for your entire application:
-
-```tsx
-import { B3Provider } from "@b3dotfun/sdk/global-account/react";
-
-function App() {
-  return (
-    <B3Provider
-      environment="production"
-      clientType="rest" // or "socket"
-      // ... other props
-    >
-      <YourApp />
-    </B3Provider>
-  );
-}
-```
-
-### 2. Programmatic Configuration
-
-Change the client type at runtime:
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function MyComponent() {
-  const { switchClientType, clientType } = useClient();
-  
-  const handleSwitchToRest = () => {
-    switchClientType("rest");
-  };
-  
-  return (
-    <div>
-      <p>Current client: {clientType}</p>
-      <button onClick={handleSwitchToRest}>Switch to REST</button>
-    </div>
-  );
-}
-```
-
-### 3. Direct Client Access
-
-Access specific client types directly:
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function MyComponent() {
-  const { getCurrentClient, getClientByType } = useClient();
-  
-  // Get the currently active client
-  const currentClient = getCurrentClient();
-  
-  // Get a specific client type
-  const restClient = getClientByType("rest");
-  const socketClient = getClientByType("socket");
-  
-  // Use the clients directly
-  const data = await currentClient.service("users").find();
-}
-```
-
-## Authentication
-
-### Single Client Authentication
-
-Authenticate with the currently active client:
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function LoginComponent() {
-  const { getCurrentClient } = useClient();
-  
-  const handleLogin = async () => {
-    const client = getCurrentClient();
-    await client.authenticate({
-      strategy: "jwt",
-      accessToken: "your-token"
-    });
-  };
-}
-```
-
-### Multi-Client Authentication
-
-Authenticate with both clients simultaneously (useful for migration scenarios):
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function LoginComponent() {
-  const { authenticateWithBoth } = useClient();
-  
-  const handleLogin = async () => {
-    const result = await authenticateWithBoth("access-token", "identity-token");
-    
-    if (result.success) {
-      console.log("Socket auth:", result.socket);
-      console.log("REST auth:", result.rest);
-    }
-  };
-}
-```
-
-### Type-Specific Authentication
-
-Authenticate with a specific client type:
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function LoginComponent() {
-  const { authenticateWithType } = useClient();
-  
-  const handleRestLogin = async () => {
-    await authenticateWithType("rest", "access-token", "identity-token");
-  };
-  
-  const handleSocketLogin = async () => {
-    await authenticateWithType("socket", "access-token", "identity-token");
-  };
-}
-```
-
-## Migration Guide
-
-### From Socket-Only to Client Selection
-
-**Before:**
-```tsx
-import app from "@b3dotfun/sdk/global-account/app";
-
-// Always used socket client
-const data = await app.service("users").find();
-```
-
-**After (Backwards Compatible):**
-```tsx
-import app from "@b3dotfun/sdk/global-account/app";
-
-// Still works - defaults to socket client
-const data = await app.service("users").find();
-```
-
-**After (Explicit Client Selection):**
-```tsx
-import { B3Provider } from "@b3dotfun/sdk/global-account/react";
-
-// Configure at provider level
-<B3Provider clientType="rest">
-  <App />
-</B3Provider>
-```
-
-### From Direct REST Import
-
-**Before:**
-```tsx
-import app from "@b3dotfun/sdk/global-account/app.rest";
-
-// Always used REST client
-const data = await app.service("users").find();
-```
-
-**After:**
-```tsx
-import { B3Provider } from "@b3dotfun/sdk/global-account/react";
-
-// Configure at provider level
-<B3Provider clientType="rest">
-  <App />
-</B3Provider>
-```
-
-## Best Practices
-
-### 1. Choose the Right Client Type
-
-- **Use Socket** for: Real-time apps, frequent updates, interactive features
-- **Use REST** for: Static sites, SSR, simple integrations, debugging
-
-### 2. Consistent Client Usage
-
-- Set the client type once at the provider level
-- Avoid mixing client types within the same app unless necessary
-- Use the `useClient` hook for runtime client access
-
-### 3. Error Handling
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function MyComponent() {
-  const { getCurrentClient } = useClient();
-  
-  const fetchData = async () => {
-    try {
-      const client = getCurrentClient();
-      const data = await client.service("users").find();
-      return data;
-    } catch (error) {
-      console.error("API call failed:", error);
-      // Handle error appropriately
-    }
-  };
-}
-```
-
-### 4. Performance Considerations
-
-- Socket clients maintain persistent connections
-- REST clients make individual HTTP requests
-- Consider your app's communication patterns when choosing
-
-## Troubleshooting
-
-### Common Issues
-
-1. **Client Type Not Switching**
-   - Ensure you're calling `switchClientType` after the provider is mounted
-   - Check that the provider has the correct `clientType` prop
-
-2. **Authentication Failures**
-   - Verify the client type matches your authentication strategy
-   - Check that tokens are valid for the selected client type
-
-3. **Connection Issues**
-   - For socket clients: Check WebSocket connectivity
-   - For REST clients: Verify HTTP endpoints are accessible
-
-### Debug Information
-
-```tsx
-import { useClient } from "@b3dotfun/sdk/global-account/react";
-
-function DebugComponent() {
-  const { clientType, getCurrentClient } = useClient();
-  
-  console.log("Current client type:", clientType);
-  console.log("Current client:", getCurrentClient());
-}
-```
-
-## API Reference
-
-### B3Provider Props
-
-```tsx
-interface B3ProviderProps {
-  clientType?: "socket" | "rest"; // Default: "socket"
-  // ... other props
-}
-```
-
-### useClient Hook
-
-```tsx
-interface UseClientReturn {
-  clientType: "socket" | "rest";
-  getCurrentClient: () => ClientApplication;
-  getClientByType: (type: ClientType) => ClientApplication;
-  switchClientType: (type: ClientType) => void;
-  authenticateWithType: (type: ClientType, accessToken: string, identityToken: string, params?: Record<string, any>) => Promise<any>;
-  authenticateWithBoth: (accessToken: string, identityToken: string, params?: Record<string, any>) => Promise<{socket: any, rest: any, success: boolean}>;
-}
-```
-
-