@thru/react-sdk 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -1,19 +1,21 @@
 import { BrowserSDK, BrowserSDKConfig, ConnectOptions } from '@thru/browser-sdk';
 export { BrowserSDK, BrowserSDKConfig, ConnectOptions, ErrorCode, SDKEvent } from '@thru/browser-sdk';
 import * as _thru_chain_interfaces from '@thru/chain-interfaces';
-import { WalletAddress, IThruChain, ConnectResult } from '@thru/chain-interfaces';
-export { ConnectResult, IThruChain, SignMessageParams, SignMessageResult, WalletAddress } from '@thru/chain-interfaces';
-import { Thru } from '@thru/thru-sdk';
+import { WalletAccount, IThruChain, ConnectResult } from '@thru/chain-interfaces';
+export { ConnectResult, IThruChain, SignMessageParams, SignMessageResult, WalletAccount } from '@thru/chain-interfaces';
+import { Thru } from '@thru/thru-sdk/client';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 interface ThruContextValue {
     wallet: BrowserSDK | null;
     isConnected: boolean;
-    addresses: WalletAddress[];
+    accounts: WalletAccount[];
     isConnecting: boolean;
     error: Error | null;
     thru: Thru | null;
+    selectedAccount: WalletAccount | null;
+    selectAccount: (account: WalletAccount) => Promise<void>;
 }
 
 interface ThruProviderProps {
@@ -26,6 +28,20 @@ interface ThruProviderProps {
  */
 declare function ThruProvider({ children, config }: ThruProviderProps): react_jsx_runtime.JSX.Element;
 
+interface UseAccountsResult {
+    accounts: WalletAccount[];
+    selectedAccount: WalletAccount | null;
+    isConnected: boolean;
+    isConnecting: boolean;
+}
+interface UseAccountsOptions {
+    onAccountSelect?: (account: WalletAccount) => void;
+}
+/**
+ * useAccounts - Exposes connected wallet accounts and selection helpers.
+ */
+declare function useAccounts(options?: UseAccountsOptions): UseAccountsResult;
+
 /**
  * useThru - Access the Thru SDK context
  * Must be used within a ThruProvider
@@ -38,10 +54,13 @@ declare function useThru(): ThruContextValue;
  */
 declare function useWallet(): {
     wallet: IThruChain | undefined;
-    addresses: _thru_chain_interfaces.WalletAddress[];
+    accounts: _thru_chain_interfaces.WalletAccount[];
     connect: (options?: ConnectOptions) => Promise<ConnectResult>;
     disconnect: () => Promise<void>;
     isConnected: boolean;
+    isConnecting: boolean;
+    selectedAccount: _thru_chain_interfaces.WalletAccount | null;
+    selectAccount: (account: _thru_chain_interfaces.WalletAccount) => Promise<void>;
 };
 
-export { type ThruContextValue, ThruProvider, type ThruProviderProps, useThru, useWallet };
+export { type ThruContextValue, ThruProvider, type ThruProviderProps, type UseAccountsOptions, type UseAccountsResult, useAccounts, useThru, useWallet };

package/dist/index.js

@@ -1,29 +1,43 @@
 "use client";
 import { BrowserSDK } from '@thru/browser-sdk';
 export { BrowserSDK, ErrorCode } from '@thru/browser-sdk';
-import { createContext, useState, useEffect, useContext, useRef } from 'react';
+import { createContext, useState, useEffect, useCallback, useContext, useMemo, useRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var defaultContextValue = {
   wallet: null,
   isConnected: false,
-  addresses: [],
+  accounts: [],
   isConnecting: false,
   error: null,
-  thru: null
+  thru: null,
+  selectedAccount: null,
+  selectAccount: async () => void 0
 };
 var ThruContext = createContext(defaultContextValue);
 function ThruProvider({ children, config }) {
   const [sdk, setSdk] = useState(null);
   const [thru, setThru] = useState(null);
   const [isConnected, setIsConnected] = useState(false);
-  const [addresses, setAddresses] = useState([]);
+  const [accounts, setAccounts] = useState([]);
   const [isConnecting, setIsConnecting] = useState(false);
   const [error, setError] = useState(null);
+  const [selectedAccount, setSelectedAccount] = useState(null);
   useEffect(() => {
     const sdkInstance = new BrowserSDK(config);
     setSdk(sdkInstance);
     setThru(sdkInstance.getThru());
+    const updateAccountsFromSdk = () => {
+      setAccounts(sdkInstance.getAccounts());
+    };
+    const updateSelectedAccount = (account) => {
+      if (account) {
+        setSelectedAccount(account);
+        return;
+      }
+      const fallback = sdkInstance.getSelectedAccount() ?? sdkInstance.getAccounts()[0] ?? null;
+      setSelectedAccount(fallback);
+    };
     sdkInstance.initialize().catch((err) => {
       console.error("Failed to initialize SDK:", err);
       setError(err);
@@ -34,37 +48,71 @@ function ThruProvider({ children, config }) {
         setError(null);
       } else {
         setIsConnected(true);
-        setAddresses(sdkInstance.getAddresses());
+        updateAccountsFromSdk();
         setIsConnecting(false);
         setError(null);
+        if (result?.accounts?.length) {
+          setSelectedAccount(result.accounts[0]);
+        } else {
+          updateSelectedAccount();
+        }
       }
     };
-    const handleDisconnect = () => {
+    const resetData = () => {
       setIsConnected(false);
-      setAddresses([]);
+      setAccounts([]);
       setIsConnecting(false);
+      setSelectedAccount(null);
+    };
+    const handleDisconnect = () => {
+      resetData();
     };
     const handleError = (err) => {
       setError(err.error || new Error("Unknown error"));
       setIsConnecting(false);
     };
     const handleLock = () => {
-      setIsConnected(false);
-      setAddresses([]);
-      setIsConnecting(false);
+      resetData();
+    };
+    const handleAccountChanged = (account) => {
+      updateAccountsFromSdk();
+      updateSelectedAccount(account ?? void 0);
     };
     sdkInstance.on("connect", handleConnect);
     sdkInstance.on("disconnect", handleDisconnect);
     sdkInstance.on("error", handleError);
     sdkInstance.on("lock", handleLock);
+    sdkInstance.on("accountChanged", handleAccountChanged);
     return () => {
       sdkInstance.off("connect", handleConnect);
       sdkInstance.off("disconnect", handleDisconnect);
       sdkInstance.off("error", handleError);
       sdkInstance.off("lock", handleLock);
+      sdkInstance.off("accountChanged", handleAccountChanged);
       sdkInstance.destroy();
     };
   }, []);
+  const selectAccount = useCallback(async (account) => {
+    if (!sdk) {
+      throw new Error("BrowserSDK not initialized");
+    }
+    try {
+      const updated = await sdk.selectAccount(account.address);
+      setSelectedAccount(updated);
+      setAccounts((prev) => {
+        const index = prev.findIndex((acc) => acc.address === updated.address);
+        if (index >= 0) {
+          const next = [...prev];
+          next[index] = updated;
+          return next;
+        }
+        return [...prev, updated];
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Failed to select account"));
+      throw err;
+    }
+  }, [sdk]);
   return /* @__PURE__ */ jsx(
     ThruContext.Provider,
     {
@@ -72,9 +120,11 @@ function ThruProvider({ children, config }) {
         thru,
         wallet: sdk,
         isConnected,
-        addresses,
+        accounts,
         isConnecting,
-        error
+        error,
+        selectedAccount,
+        selectAccount
       },
       children
     }
@@ -84,6 +134,26 @@ function useThru() {
   const context = useContext(ThruContext);
   return context;
 }
+
+// src/hooks/useAccounts.ts
+function useAccounts(options) {
+  const { accounts, selectedAccount, isConnected, isConnecting } = useThru();
+  const externalOnSelect = options?.onAccountSelect;
+  useEffect(() => {
+    if (selectedAccount) {
+      externalOnSelect?.(selectedAccount);
+    }
+  }, [externalOnSelect, selectedAccount]);
+  return useMemo(
+    () => ({
+      accounts,
+      selectedAccount,
+      isConnected,
+      isConnecting
+    }),
+    [accounts, selectedAccount, isConnected, isConnecting]
+  );
+}
 function waitForWallet(getWallet, timeout = 5e3, interval = 100) {
   return new Promise((resolve, reject) => {
     const start = Date.now();
@@ -97,7 +167,7 @@ function waitForWallet(getWallet, timeout = 5e3, interval = 100) {
   });
 }
 function useWallet() {
-  const { wallet, isConnected, addresses } = useThru();
+  const { wallet, isConnected, accounts, selectedAccount, selectAccount, isConnecting } = useThru();
   const walletRef = useRef(wallet);
   useEffect(() => {
     walletRef.current = wallet;
@@ -120,13 +190,16 @@ function useWallet() {
   };
   return {
     wallet: wallet?.thru,
-    addresses,
+    accounts,
     connect,
     disconnect,
-    isConnected: isConnected && !!wallet
+    isConnected: isConnected && !!wallet,
+    isConnecting,
+    selectedAccount,
+    selectAccount
   };
 }
 
-export { ThruProvider, useThru, useWallet };
+export { ThruProvider, useAccounts, useThru, useWallet };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ThruContext.ts","../src/ThruProvider.tsx","../src/hooks/useThru.ts","../src/hooks/useWallet.ts"],"names":["useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import { BrowserSDK } from \"@thru/browser-sdk\";\nimport { WalletAddress } from \"@thru/chain-interfaces\";\nimport { Thru } from \"@thru/thru-sdk\";\nimport { createContext } from \"react\";\n\nexport interface ThruContextValue {\n    wallet: BrowserSDK | null;\n    isConnected: boolean;\n    addresses: WalletAddress[];\n    isConnecting: boolean;\n    error: Error | null;\n    thru: Thru | null;\n}\n\nconst defaultContextValue: ThruContextValue = {\n    wallet: null,\n    isConnected: false,\n    addresses: [],\n    isConnecting: false,\n    error: null,\n    thru: null,\n};\n\nexport const ThruContext = createContext<ThruContextValue>(defaultContextValue);\n","'use client';\n\nimport { BrowserSDK, type BrowserSDKConfig, type WalletAddress } from '@thru/browser-sdk';\nimport type { Thru } from '@thru/thru-sdk';\nimport { ReactNode, useEffect, useState } from 'react';\nimport { ThruContext } from './ThruContext';\n\nexport interface ThruProviderProps {\n  children: ReactNode;\n  config: BrowserSDKConfig;\n}\n\n/**\n * ThruProvider - React context provider for Thru Wallet SDK\n * Wraps the BrowserSDK and exposes state via context\n */\nexport function ThruProvider({ children, config }: ThruProviderProps) {\n  const [sdk, setSdk] = useState<BrowserSDK | null>(null);\n  const [thru, setThru] = useState<Thru | null>(null);\n  const [isConnected, setIsConnected] = useState(false);\n  const [addresses, setAddresses] = useState<WalletAddress[]>([]);\n  const [isConnecting, setIsConnecting] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    // Create SDK instance\n    const sdkInstance = new BrowserSDK(config);\n    setSdk(sdkInstance);\n\n    setThru(sdkInstance.getThru());\n\n    // Initialize SDK (creates iframe)\n    sdkInstance.initialize().catch((err) => {\n      console.error('Failed to initialize SDK:', err);\n      setError(err);\n    });\n\n    // Listen to SDK events\n    const handleConnect = (result: any) => {\n      // Check if this is the initial \"connecting\" status or actual connection\n      if (result.status === 'connecting') {\n        setIsConnecting(true);\n        setError(null);\n      } else {\n        setIsConnected(true);\n        setAddresses(sdkInstance.getAddresses());\n        setIsConnecting(false);\n        setError(null);\n      }\n    };\n\n    const handleDisconnect = () => {\n      setIsConnected(false);\n      setAddresses([]);\n      setIsConnecting(false);\n    };\n\n    const handleError = (err: any) => {\n      setError(err.error || new Error('Unknown error'));\n      setIsConnecting(false);\n    };\n\n    const handleLock = () => {\n      setIsConnected(false);\n      setAddresses([]);\n      setIsConnecting(false);\n    };\n\n    sdkInstance.on('connect', handleConnect);\n    sdkInstance.on('disconnect', handleDisconnect);\n    sdkInstance.on('error', handleError);\n    sdkInstance.on('lock', handleLock);\n\n    // Cleanup on unmount\n    return () => {\n      sdkInstance.off('connect', handleConnect);\n      sdkInstance.off('disconnect', handleDisconnect);\n      sdkInstance.off('error', handleError);\n      sdkInstance.off('lock', handleLock);\n      sdkInstance.destroy();\n    };\n  }, []); // Empty dependency array - only create SDK once\n\n  return (\n    <ThruContext.Provider\n      value={{\n        thru,\n        wallet: sdk,\n        isConnected,\n        addresses,\n        isConnecting,\n        error,\n      }}\n    >\n      {children}\n    </ThruContext.Provider>\n  );\n}\n","import { useContext } from \"react\";\nimport { ThruContext } from \"../ThruContext\";\n\n/**\n * useThru - Access the Thru SDK context\n * Must be used within a ThruProvider\n */\nexport function useThru() {\n    const context = useContext(ThruContext);\n    return context;\n}","import { BrowserSDK, ConnectOptions } from '@thru/browser-sdk';\nimport type { ConnectResult, IThruChain } from '@thru/chain-interfaces';\nimport { useEffect, useRef } from 'react';\nimport { useThru } from './useThru';\n\nfunction waitForWallet(getWallet: () => BrowserSDK | null, timeout = 5000, interval = 100): Promise<BrowserSDK> {\n  return new Promise((resolve, reject) => {\n    const start = Date.now();\n    const check = () => {\n      const sdk = getWallet();\n      if (sdk) return resolve(sdk);\n      if (Date.now() - start > timeout) return reject(new Error('SDK not initialized in time'));\n      setTimeout(check, interval);\n    };\n    check();\n  });\n}\n\n/**\n * useThruChain - Hook for accessing the Thru chain API exposed by the Browser SDK.\n * Returns the chain instance (if available) and a boolean indicating readiness.\n */\nexport function useWallet() {\n  const { wallet, isConnected, addresses } = useThru();\n  const walletRef = useRef(wallet);\n\n  useEffect(() => {\n    walletRef.current = wallet;\n  }, [wallet]);\n\n  const disconnect = async (): Promise<void> => {\n    if (!wallet) {\n      throw new Error('SDK not initialized');\n    }\n    await wallet.disconnect();\n  };\n\n  const connect = async (options?: ConnectOptions): Promise<ConnectResult> => {\n    try {\n      const readySdk =\n        walletRef.current ?? (await waitForWallet(() => walletRef.current));\n      const result = await readySdk.connect(options);\n      return result;\n    } catch (err) {\n      const error = err as Error;\n      throw error;\n    }\n  };\n\n  return {\n    wallet: wallet?.thru as IThruChain | undefined,\n    addresses,\n    connect,\n    disconnect,\n    isConnected: isConnected && !!wallet,\n  };\n}\n"]}
+{"version":3,"sources":["../src/ThruContext.ts","../src/ThruProvider.tsx","../src/hooks/useThru.ts","../src/hooks/useAccounts.ts","../src/hooks/useWallet.ts"],"names":["useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import { BrowserSDK } from \"@thru/browser-sdk\";\nimport { WalletAccount } from \"@thru/chain-interfaces\";\nimport { Thru } from \"@thru/thru-sdk/client\";\nimport { createContext } from \"react\";\n\nexport interface ThruContextValue {\n    wallet: BrowserSDK | null;\n    isConnected: boolean;\n    accounts: WalletAccount[];\n    isConnecting: boolean;\n    error: Error | null;\n    thru: Thru | null;\n    selectedAccount: WalletAccount | null;\n    selectAccount: (account: WalletAccount) => Promise<void>;\n}\n\nconst defaultContextValue: ThruContextValue = {\n    wallet: null,\n    isConnected: false,\n    accounts: [],\n    isConnecting: false,\n    error: null,\n    thru: null,\n    selectedAccount: null,\n    selectAccount: async () => undefined,\n};\n\nexport const ThruContext = createContext<ThruContextValue>(defaultContextValue);\n","'use client';\n\nimport { BrowserSDK, type BrowserSDKConfig, type WalletAccount } from '@thru/browser-sdk';\nimport type { Thru } from '@thru/thru-sdk/client';\nimport { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { ThruContext } from './ThruContext';\n\nexport interface ThruProviderProps {\n  children: ReactNode;\n  config: BrowserSDKConfig;\n}\n\n/**\n * ThruProvider - React context provider for Thru Wallet SDK\n * Wraps the BrowserSDK and exposes state via context\n */\nexport function ThruProvider({ children, config }: ThruProviderProps) {\n  const [sdk, setSdk] = useState<BrowserSDK | null>(null);\n  const [thru, setThru] = useState<Thru | null>(null);\n  const [isConnected, setIsConnected] = useState(false);\n  const [accounts, setAccounts] = useState<WalletAccount[]>([]);\n  const [isConnecting, setIsConnecting] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [selectedAccount, setSelectedAccount] = useState<WalletAccount | null>(null);\n\n  useEffect(() => {\n    // Create SDK instance\n    const sdkInstance = new BrowserSDK(config);\n    setSdk(sdkInstance);\n    setThru(sdkInstance.getThru());\n\n    const updateAccountsFromSdk = () => {\n      setAccounts(sdkInstance.getAccounts());\n    };\n\n    const updateSelectedAccount = (account?: WalletAccount | null) => {\n      if (account) {\n        setSelectedAccount(account);\n        return;\n      }\n      const fallback = sdkInstance.getSelectedAccount() ?? sdkInstance.getAccounts()[0] ?? null;\n      setSelectedAccount(fallback);\n    };\n\n    sdkInstance.initialize().catch((err) => {\n      console.error('Failed to initialize SDK:', err);\n      setError(err);\n    });\n\n    // Listen to SDK events\n    const handleConnect = (result: any) => {\n      // Check if this is the initial \"connecting\" status or actual connection\n      if (result.status === 'connecting') {\n        setIsConnecting(true);\n        setError(null);\n      } else {\n        setIsConnected(true);\n        updateAccountsFromSdk();\n        setIsConnecting(false);\n        setError(null);\n        if (result?.accounts?.length) {\n          setSelectedAccount(result.accounts[0]);\n        } else {\n          updateSelectedAccount();\n        }\n      }\n    };\n\n    const resetData = () => {\n      setIsConnected(false);\n      setAccounts([]);\n      setIsConnecting(false);\n      setSelectedAccount(null);\n    };\n\n    const handleDisconnect = () => {\n      resetData();\n    };\n\n    const handleError = (err: any) => {\n      setError(err.error || new Error('Unknown error'));\n      setIsConnecting(false);\n    };\n\n    const handleLock = () => {\n      resetData();\n    };\n\n    const handleAccountChanged = (account: WalletAccount | null | undefined) => {\n      updateAccountsFromSdk();\n      updateSelectedAccount(account ?? undefined);\n    };\n\n    sdkInstance.on('connect', handleConnect);\n    sdkInstance.on('disconnect', handleDisconnect);\n    sdkInstance.on('error', handleError);\n    sdkInstance.on('lock', handleLock);\n    sdkInstance.on('accountChanged', handleAccountChanged);\n\n    // Cleanup on unmount\n    return () => {\n      sdkInstance.off('connect', handleConnect);\n      sdkInstance.off('disconnect', handleDisconnect);\n      sdkInstance.off('error', handleError);\n      sdkInstance.off('lock', handleLock);\n      sdkInstance.off('accountChanged', handleAccountChanged);\n      sdkInstance.destroy();\n    };\n  }, []); // Empty dependency array - only create SDK once\n\n  const selectAccount = useCallback(async (account: WalletAccount) => {\n    if (!sdk) {\n      throw new Error('BrowserSDK not initialized');\n    }\n\n    try {\n      const updated = await sdk.selectAccount(account.address);\n      setSelectedAccount(updated);\n      setAccounts(prev => {\n        const index = prev.findIndex(acc => acc.address === updated.address);\n        if (index >= 0) {\n          const next = [...prev];\n          next[index] = updated;\n          return next;\n        }\n        return [...prev, updated];\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to select account'));\n      throw err;\n    }\n  }, [sdk]);\n\n  return (\n    <ThruContext.Provider\n      value={{\n        thru,\n        wallet: sdk,\n        isConnected,\n        accounts,\n        isConnecting,\n        error,\n        selectedAccount,\n        selectAccount,\n      }}\n    >\n      {children}\n    </ThruContext.Provider>\n  );\n}\n","import { useContext } from \"react\";\nimport { ThruContext } from \"../ThruContext\";\n\n/**\n * useThru - Access the Thru SDK context\n * Must be used within a ThruProvider\n */\nexport function useThru() {\n    const context = useContext(ThruContext);\n    return context;\n}","import type { WalletAccount } from '@thru/chain-interfaces';\nimport { useEffect, useMemo } from 'react';\nimport { useThru } from './useThru';\n\nexport interface UseAccountsResult {\n  accounts: WalletAccount[];\n  selectedAccount: WalletAccount | null;\n  isConnected: boolean;\n  isConnecting: boolean;\n}\n\nexport interface UseAccountsOptions {\n  onAccountSelect?: (account: WalletAccount) => void;\n}\n\n/**\n * useAccounts - Exposes connected wallet accounts and selection helpers.\n */\nexport function useAccounts(options?: UseAccountsOptions): UseAccountsResult {\n  const { accounts, selectedAccount, isConnected, isConnecting } = useThru();\n  const externalOnSelect = options?.onAccountSelect;\n\n  useEffect(() => {\n    if (selectedAccount) {\n      externalOnSelect?.(selectedAccount);\n    }\n  }, [externalOnSelect, selectedAccount]);\n\n  return useMemo(\n    () => ({\n      accounts,\n      selectedAccount,\n      isConnected,\n      isConnecting,\n    }),\n    [accounts, selectedAccount, isConnected, isConnecting]\n  );\n}\n","import { BrowserSDK, ConnectOptions } from '@thru/browser-sdk';\nimport type { ConnectResult, IThruChain } from '@thru/chain-interfaces';\nimport { useEffect, useRef } from 'react';\nimport { useThru } from './useThru';\n\nfunction waitForWallet(getWallet: () => BrowserSDK | null, timeout = 5000, interval = 100): Promise<BrowserSDK> {\n  return new Promise((resolve, reject) => {\n    const start = Date.now();\n    const check = () => {\n      const sdk = getWallet();\n      if (sdk) return resolve(sdk);\n      if (Date.now() - start > timeout) return reject(new Error('SDK not initialized in time'));\n      setTimeout(check, interval);\n    };\n    check();\n  });\n}\n\n/**\n * useThruChain - Hook for accessing the Thru chain API exposed by the Browser SDK.\n * Returns the chain instance (if available) and a boolean indicating readiness.\n */\nexport function useWallet() {\n  const { wallet, isConnected, accounts, selectedAccount, selectAccount, isConnecting } = useThru();\n  const walletRef = useRef(wallet);\n\n  useEffect(() => {\n    walletRef.current = wallet;\n  }, [wallet]);\n\n  const disconnect = async (): Promise<void> => {\n    if (!wallet) {\n      throw new Error('SDK not initialized');\n    }\n    await wallet.disconnect();\n  };\n\n  const connect = async (options?: ConnectOptions): Promise<ConnectResult> => {\n    try {\n      const readySdk =\n        walletRef.current ?? (await waitForWallet(() => walletRef.current));\n      const result = await readySdk.connect(options);\n      return result;\n    } catch (err) {\n      const error = err as Error;\n      throw error;\n    }\n  };\n\n  return {\n    wallet: wallet?.thru as IThruChain | undefined,\n    accounts,\n    connect,\n    disconnect,\n    isConnected: isConnected && !!wallet,\n    isConnecting,\n    selectedAccount,\n    selectAccount,\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thru/react-sdk",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -11,9 +11,9 @@
     }
   },
   "dependencies": {
-    "@thru/browser-sdk": "0.0.4",
-    "@thru/chain-interfaces": "0.0.4",
-    "@thru/thru-sdk": "0.0.4"
+    "@thru/browser-sdk": "0.0.6",
+    "@thru/thru-sdk": "0.0.6",
+    "@thru/chain-interfaces": "0.0.6"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/ThruContext.ts

@@ -1,24 +1,28 @@
 import { BrowserSDK } from "@thru/browser-sdk";
-import { WalletAddress } from "@thru/chain-interfaces";
-import { Thru } from "@thru/thru-sdk";
+import { WalletAccount } from "@thru/chain-interfaces";
+import { Thru } from "@thru/thru-sdk/client";
 import { createContext } from "react";
 
 export interface ThruContextValue {
     wallet: BrowserSDK | null;
     isConnected: boolean;
-    addresses: WalletAddress[];
+    accounts: WalletAccount[];
     isConnecting: boolean;
     error: Error | null;
     thru: Thru | null;
+    selectedAccount: WalletAccount | null;
+    selectAccount: (account: WalletAccount) => Promise<void>;
 }
 
 const defaultContextValue: ThruContextValue = {
     wallet: null,
     isConnected: false,
-    addresses: [],
+    accounts: [],
     isConnecting: false,
     error: null,
     thru: null,
+    selectedAccount: null,
+    selectAccount: async () => undefined,
 };
 
 export const ThruContext = createContext<ThruContextValue>(defaultContextValue);

package/src/ThruProvider.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import { BrowserSDK, type BrowserSDKConfig, type WalletAddress } from '@thru/browser-sdk';
-import type { Thru } from '@thru/thru-sdk';
-import { ReactNode, useEffect, useState } from 'react';
+import { BrowserSDK, type BrowserSDKConfig, type WalletAccount } from '@thru/browser-sdk';
+import type { Thru } from '@thru/thru-sdk/client';
+import { ReactNode, useCallback, useEffect, useState } from 'react';
 import { ThruContext } from './ThruContext';
 
 export interface ThruProviderProps {
@@ -18,18 +18,30 @@ export function ThruProvider({ children, config }: ThruProviderProps) {
   const [sdk, setSdk] = useState<BrowserSDK | null>(null);
   const [thru, setThru] = useState<Thru | null>(null);
   const [isConnected, setIsConnected] = useState(false);
-  const [addresses, setAddresses] = useState<WalletAddress[]>([]);
+  const [accounts, setAccounts] = useState<WalletAccount[]>([]);
   const [isConnecting, setIsConnecting] = useState(false);
   const [error, setError] = useState<Error | null>(null);
+  const [selectedAccount, setSelectedAccount] = useState<WalletAccount | null>(null);
 
   useEffect(() => {
     // Create SDK instance
     const sdkInstance = new BrowserSDK(config);
     setSdk(sdkInstance);
-
     setThru(sdkInstance.getThru());
 
-    // Initialize SDK (creates iframe)
+    const updateAccountsFromSdk = () => {
+      setAccounts(sdkInstance.getAccounts());
+    };
+
+    const updateSelectedAccount = (account?: WalletAccount | null) => {
+      if (account) {
+        setSelectedAccount(account);
+        return;
+      }
+      const fallback = sdkInstance.getSelectedAccount() ?? sdkInstance.getAccounts()[0] ?? null;
+      setSelectedAccount(fallback);
+    };
+
     sdkInstance.initialize().catch((err) => {
       console.error('Failed to initialize SDK:', err);
       setError(err);
@@ -43,16 +55,26 @@ export function ThruProvider({ children, config }: ThruProviderProps) {
         setError(null);
       } else {
         setIsConnected(true);
-        setAddresses(sdkInstance.getAddresses());
+        updateAccountsFromSdk();
         setIsConnecting(false);
         setError(null);
+        if (result?.accounts?.length) {
+          setSelectedAccount(result.accounts[0]);
+        } else {
+          updateSelectedAccount();
+        }
       }
     };
 
-    const handleDisconnect = () => {
+    const resetData = () => {
       setIsConnected(false);
-      setAddresses([]);
+      setAccounts([]);
       setIsConnecting(false);
+      setSelectedAccount(null);
+    };
+
+    const handleDisconnect = () => {
+      resetData();
     };
 
     const handleError = (err: any) => {
@@ -61,15 +83,19 @@ export function ThruProvider({ children, config }: ThruProviderProps) {
     };
 
     const handleLock = () => {
-      setIsConnected(false);
-      setAddresses([]);
-      setIsConnecting(false);
+      resetData();
+    };
+
+    const handleAccountChanged = (account: WalletAccount | null | undefined) => {
+      updateAccountsFromSdk();
+      updateSelectedAccount(account ?? undefined);
     };
 
     sdkInstance.on('connect', handleConnect);
     sdkInstance.on('disconnect', handleDisconnect);
     sdkInstance.on('error', handleError);
     sdkInstance.on('lock', handleLock);
+    sdkInstance.on('accountChanged', handleAccountChanged);
 
     // Cleanup on unmount
     return () => {
@@ -77,19 +103,45 @@ export function ThruProvider({ children, config }: ThruProviderProps) {
       sdkInstance.off('disconnect', handleDisconnect);
       sdkInstance.off('error', handleError);
       sdkInstance.off('lock', handleLock);
+      sdkInstance.off('accountChanged', handleAccountChanged);
       sdkInstance.destroy();
     };
   }, []); // Empty dependency array - only create SDK once
 
+  const selectAccount = useCallback(async (account: WalletAccount) => {
+    if (!sdk) {
+      throw new Error('BrowserSDK not initialized');
+    }
+
+    try {
+      const updated = await sdk.selectAccount(account.address);
+      setSelectedAccount(updated);
+      setAccounts(prev => {
+        const index = prev.findIndex(acc => acc.address === updated.address);
+        if (index >= 0) {
+          const next = [...prev];
+          next[index] = updated;
+          return next;
+        }
+        return [...prev, updated];
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error('Failed to select account'));
+      throw err;
+    }
+  }, [sdk]);
+
   return (
     <ThruContext.Provider
       value={{
         thru,
         wallet: sdk,
         isConnected,
-        addresses,
+        accounts,
         isConnecting,
         error,
+        selectedAccount,
+        selectAccount,
       }}
     >
       {children}

package/src/hooks/useAccounts.ts

@@ -0,0 +1,38 @@
+import type { WalletAccount } from '@thru/chain-interfaces';
+import { useEffect, useMemo } from 'react';
+import { useThru } from './useThru';
+
+export interface UseAccountsResult {
+  accounts: WalletAccount[];
+  selectedAccount: WalletAccount | null;
+  isConnected: boolean;
+  isConnecting: boolean;
+}
+
+export interface UseAccountsOptions {
+  onAccountSelect?: (account: WalletAccount) => void;
+}
+
+/**
+ * useAccounts - Exposes connected wallet accounts and selection helpers.
+ */
+export function useAccounts(options?: UseAccountsOptions): UseAccountsResult {
+  const { accounts, selectedAccount, isConnected, isConnecting } = useThru();
+  const externalOnSelect = options?.onAccountSelect;
+
+  useEffect(() => {
+    if (selectedAccount) {
+      externalOnSelect?.(selectedAccount);
+    }
+  }, [externalOnSelect, selectedAccount]);
+
+  return useMemo(
+    () => ({
+      accounts,
+      selectedAccount,
+      isConnected,
+      isConnecting,
+    }),
+    [accounts, selectedAccount, isConnected, isConnecting]
+  );
+}

package/src/hooks/useWallet.ts

@@ -21,7 +21,7 @@ function waitForWallet(getWallet: () => BrowserSDK | null, timeout = 5000, inter
  * Returns the chain instance (if available) and a boolean indicating readiness.
  */
 export function useWallet() {
-  const { wallet, isConnected, addresses } = useThru();
+  const { wallet, isConnected, accounts, selectedAccount, selectAccount, isConnecting } = useThru();
   const walletRef = useRef(wallet);
 
   useEffect(() => {
@@ -49,9 +49,12 @@ export function useWallet() {
 
   return {
     wallet: wallet?.thru as IThruChain | undefined,
-    addresses,
+    accounts,
     connect,
     disconnect,
     isConnected: isConnected && !!wallet,
+    isConnecting,
+    selectedAccount,
+    selectAccount,
   };
 }

package/src/index.ts

@@ -4,6 +4,7 @@ export { ThruProvider, type ThruProviderProps } from './ThruProvider';
 
 
 // Hooks
+export { useAccounts, type UseAccountsOptions, type UseAccountsResult } from './hooks/useAccounts';
 export { useThru } from './hooks/useThru';
 export { useWallet } from './hooks/useWallet';
 
@@ -13,5 +14,5 @@ export { BrowserSDK, ErrorCode, type BrowserSDKConfig, type ConnectOptions, type
 // Re-export types from chain-interfaces
 export type {
   ConnectResult, IThruChain, SignMessageParams,
-  SignMessageResult, WalletAddress
+  SignMessageResult, WalletAccount
 } from '@thru/chain-interfaces';