@txnlab/use-wallet-react 4.0.0-beta.6 → 4.0.1

package/dist/index.cjs

@@ -40,6 +40,7 @@ var import_react_store = require("@tanstack/react-store");
 var import_algosdk = __toESM(require("algosdk"), 1);
 var React = __toESM(require("react"), 1);
 __reExport(index_exports, require("@txnlab/use-wallet"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var WalletContext = React.createContext(void 0);
 var WalletProvider = ({ manager, children }) => {
   const [algodClient, setAlgodClient] = React.useState(manager.algodClient);
@@ -53,7 +54,7 @@ var WalletProvider = ({ manager, children }) => {
       resumedRef.current = true;
     }
   }, [manager]);
-  return /* @__PURE__ */ React.createElement(WalletContext.Provider, { value: { manager, algodClient, setAlgodClient } }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletContext.Provider, { value: { manager, algodClient, setAlgodClient }, children });
 };
 var useNetwork = () => {
   const context = React.useContext(WalletContext);
@@ -119,8 +120,8 @@ var useWallet = () => {
   const isReady = managerStatus === "ready";
   const walletStateMap = (0, import_react_store.useStore)(manager.store, (state) => state.wallets);
   const activeWalletId = (0, import_react_store.useStore)(manager.store, (state) => state.activeWallet);
-  const wallets = React.useMemo(() => {
-    return [...manager.wallets.values()].map((wallet) => {
+  const transformToWallet = React.useCallback(
+    (wallet) => {
       const walletState = walletStateMap[wallet.id];
       return {
         id: wallet.id,
@@ -134,25 +135,31 @@ var useWallet = () => {
         setActive: () => wallet.setActive(),
         setActiveAccount: (addr) => wallet.setActiveAccount(addr)
       };
-    });
-  }, [manager, walletStateMap, activeWalletId]);
-  const activeWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null;
-  const activeWalletState = activeWalletId ? walletStateMap[activeWalletId] || null : null;
-  const activeWalletAccounts = activeWalletState?.accounts ?? null;
+    },
+    [walletStateMap, activeWalletId]
+  );
+  const wallets = React.useMemo(() => {
+    return [...manager.wallets.values()].map(transformToWallet);
+  }, [manager, transformToWallet]);
+  const activeBaseWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null;
+  const activeWallet = React.useMemo(() => {
+    return activeBaseWallet ? transformToWallet(activeBaseWallet) : null;
+  }, [activeBaseWallet, transformToWallet]);
+  const activeWalletAccounts = activeWallet?.accounts ?? null;
   const activeWalletAddresses = activeWalletAccounts?.map((account) => account.address) ?? null;
-  const activeAccount = activeWalletState?.activeAccount ?? null;
+  const activeAccount = activeWallet?.activeAccount ?? null;
   const activeAddress = activeAccount?.address ?? null;
   const signTransactions = (txnGroup, indexesToSign) => {
-    if (!activeWallet) {
+    if (!activeBaseWallet) {
       throw new Error("No active wallet");
     }
-    return activeWallet.signTransactions(txnGroup, indexesToSign);
+    return activeBaseWallet.signTransactions(txnGroup, indexesToSign);
   };
   const transactionSigner = (txnGroup, indexesToSign) => {
-    if (!activeWallet) {
+    if (!activeBaseWallet) {
       throw new Error("No active wallet");
     }
-    return activeWallet.transactionSigner(txnGroup, indexesToSign);
+    return activeBaseWallet.transactionSigner(txnGroup, indexesToSign);
   };
   return {
     wallets,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import { useStore } from '@tanstack/react-store'\nimport {\n  NetworkId,\n  WalletManager,\n  type AlgodConfig,\n  type WalletAccount,\n  type WalletMetadata\n} from '@txnlab/use-wallet'\nimport algosdk from 'algosdk'\nimport * as React from 'react'\n\nexport * from '@txnlab/use-wallet'\n\ninterface IWalletContext {\n  manager: WalletManager\n  algodClient: algosdk.Algodv2\n  setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>\n}\n\nconst WalletContext = React.createContext<IWalletContext | undefined>(undefined)\n\ninterface WalletProviderProps {\n  manager: WalletManager\n  children: React.ReactNode\n}\n\nexport const WalletProvider = ({ manager, children }: WalletProviderProps): JSX.Element => {\n  const [algodClient, setAlgodClient] = React.useState(manager.algodClient)\n\n  React.useEffect(() => {\n    manager.algodClient = algodClient\n  }, [algodClient, manager])\n\n  const resumedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!resumedRef.current) {\n      manager.resumeSessions()\n      resumedRef.current = true\n    }\n  }, [manager])\n\n  return (\n    <WalletContext.Provider value={{ manager, algodClient, setAlgodClient }}>\n      {children}\n    </WalletContext.Provider>\n  )\n}\n\nexport const useNetwork = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useNetwork must be used within the WalletProvider')\n  }\n\n  const { manager, setAlgodClient } = context\n\n  const activeNetwork = useStore(manager.store, (state) => state.activeNetwork)\n\n  const setActiveNetwork = async (networkId: NetworkId | string): Promise<void> => {\n    if (networkId === activeNetwork) {\n      return\n    }\n\n    if (!manager.networkConfig[networkId]) {\n      throw new Error(`Network \"${networkId}\" not found in network configuration`)\n    }\n\n    console.info(`[React] Creating new Algodv2 client...`)\n\n    const { algod } = manager.networkConfig[networkId]\n    const { token = '', baseServer, port = '', headers = {} } = algod\n    const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n    setAlgodClient(newClient)\n\n    manager.store.setState((state) => ({\n      ...state,\n      activeNetwork: networkId\n    }))\n\n    console.info(`[React] ✅ Active network set to ${networkId}.`)\n  }\n\n  const updateAlgodConfig = (networkId: string, config: Partial<AlgodConfig>): void => {\n    manager.updateAlgodConfig(networkId, config)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  const resetNetworkConfig = (networkId: string): void => {\n    manager.resetNetworkConfig(networkId)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  return {\n    activeNetwork,\n    networkConfig: manager.networkConfig,\n    activeNetworkConfig: manager.activeNetworkConfig,\n    setActiveNetwork,\n    updateAlgodConfig,\n    resetNetworkConfig\n  }\n}\n\nexport interface Wallet {\n  id: string\n  metadata: WalletMetadata\n  accounts: WalletAccount[]\n  activeAccount: WalletAccount | null\n  isConnected: boolean\n  isActive: boolean\n  connect: (args?: Record<string, any>) => Promise<WalletAccount[]>\n  disconnect: () => Promise<void>\n  setActive: () => void\n  setActiveAccount: (address: string) => void\n}\n\nexport const useWallet = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useWallet must be used within the WalletProvider')\n  }\n\n  const { manager, algodClient, setAlgodClient } = context\n\n  const managerStatus = useStore(manager.store, (state) => state.managerStatus)\n  const isReady = managerStatus === 'ready'\n\n  const walletStateMap = useStore(manager.store, (state) => state.wallets)\n  const activeWalletId = useStore(manager.store, (state) => state.activeWallet)\n\n  const wallets = React.useMemo(() => {\n    return [...manager.wallets.values()].map((wallet): Wallet => {\n      const walletState = walletStateMap[wallet.id]\n\n      return {\n        id: wallet.id,\n        metadata: wallet.metadata,\n        accounts: walletState?.accounts ?? [],\n        activeAccount: walletState?.activeAccount ?? null,\n        isConnected: !!walletState,\n        isActive: wallet.id === activeWalletId,\n        connect: (args) => wallet.connect(args),\n        disconnect: () => wallet.disconnect(),\n        setActive: () => wallet.setActive(),\n        setActiveAccount: (addr) => wallet.setActiveAccount(addr)\n      }\n    })\n  }, [manager, walletStateMap, activeWalletId])\n\n  const activeWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null\n  const activeWalletState = activeWalletId ? walletStateMap[activeWalletId] || null : null\n\n  const activeWalletAccounts = activeWalletState?.accounts ?? null\n  const activeWalletAddresses = activeWalletAccounts?.map((account) => account.address) ?? null\n  const activeAccount = activeWalletState?.activeAccount ?? null\n  const activeAddress = activeAccount?.address ?? null\n\n  const signTransactions = <T extends algosdk.Transaction[] | Uint8Array[]>(\n    txnGroup: T | T[],\n    indexesToSign?: number[]\n  ): Promise<(Uint8Array | null)[]> => {\n    if (!activeWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeWallet.signTransactions(txnGroup, indexesToSign)\n  }\n\n  const transactionSigner = (\n    txnGroup: algosdk.Transaction[],\n    indexesToSign: number[]\n  ): Promise<Uint8Array[]> => {\n    if (!activeWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeWallet.transactionSigner(txnGroup, indexesToSign)\n  }\n\n  return {\n    wallets,\n    isReady,\n    algodClient,\n    setAlgodClient,\n    activeWallet,\n    activeWalletAccounts,\n    activeWalletAddresses,\n    activeAccount,\n    activeAddress,\n    signTransactions,\n    transactionSigner\n  }\n}\n"],"mappings":"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","names":["algosdk"]}
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import { useStore } from '@tanstack/react-store'\nimport {\n  NetworkId,\n  WalletId,\n  WalletManager,\n  type AlgodConfig,\n  type BaseWallet,\n  type WalletAccount,\n  type WalletMetadata\n} from '@txnlab/use-wallet'\nimport algosdk from 'algosdk'\nimport * as React from 'react'\n\nexport * from '@txnlab/use-wallet'\n\ninterface IWalletContext {\n  manager: WalletManager\n  algodClient: algosdk.Algodv2\n  setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>\n}\n\nconst WalletContext = React.createContext<IWalletContext | undefined>(undefined)\n\ninterface WalletProviderProps {\n  manager: WalletManager\n  children: React.ReactNode\n}\n\nexport const WalletProvider = ({ manager, children }: WalletProviderProps): JSX.Element => {\n  const [algodClient, setAlgodClient] = React.useState(manager.algodClient)\n\n  React.useEffect(() => {\n    manager.algodClient = algodClient\n  }, [algodClient, manager])\n\n  const resumedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!resumedRef.current) {\n      manager.resumeSessions()\n      resumedRef.current = true\n    }\n  }, [manager])\n\n  return (\n    <WalletContext.Provider value={{ manager, algodClient, setAlgodClient }}>\n      {children}\n    </WalletContext.Provider>\n  )\n}\n\nexport const useNetwork = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useNetwork must be used within the WalletProvider')\n  }\n\n  const { manager, setAlgodClient } = context\n\n  const activeNetwork = useStore(manager.store, (state) => state.activeNetwork)\n\n  const setActiveNetwork = async (networkId: NetworkId | string): Promise<void> => {\n    if (networkId === activeNetwork) {\n      return\n    }\n\n    if (!manager.networkConfig[networkId]) {\n      throw new Error(`Network \"${networkId}\" not found in network configuration`)\n    }\n\n    console.info(`[React] Creating new Algodv2 client...`)\n\n    const { algod } = manager.networkConfig[networkId]\n    const { token = '', baseServer, port = '', headers = {} } = algod\n    const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n    setAlgodClient(newClient)\n\n    manager.store.setState((state) => ({\n      ...state,\n      activeNetwork: networkId\n    }))\n\n    console.info(`[React] ✅ Active network set to ${networkId}.`)\n  }\n\n  const updateAlgodConfig = (networkId: string, config: Partial<AlgodConfig>): void => {\n    manager.updateAlgodConfig(networkId, config)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  const resetNetworkConfig = (networkId: string): void => {\n    manager.resetNetworkConfig(networkId)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  return {\n    activeNetwork,\n    networkConfig: manager.networkConfig,\n    activeNetworkConfig: manager.activeNetworkConfig,\n    setActiveNetwork,\n    updateAlgodConfig,\n    resetNetworkConfig\n  }\n}\n\nexport interface Wallet {\n  id: WalletId\n  metadata: WalletMetadata\n  accounts: WalletAccount[]\n  activeAccount: WalletAccount | null\n  isConnected: boolean\n  isActive: boolean\n  connect: (args?: Record<string, any>) => Promise<WalletAccount[]>\n  disconnect: () => Promise<void>\n  setActive: () => void\n  setActiveAccount: (address: string) => void\n}\n\nexport const useWallet = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useWallet must be used within the WalletProvider')\n  }\n\n  const { manager, algodClient, setAlgodClient } = context\n\n  const managerStatus = useStore(manager.store, (state) => state.managerStatus)\n  const isReady = managerStatus === 'ready'\n\n  const walletStateMap = useStore(manager.store, (state) => state.wallets)\n  const activeWalletId = useStore(manager.store, (state) => state.activeWallet)\n\n  const transformToWallet = React.useCallback(\n    (wallet: BaseWallet): Wallet => {\n      const walletState = walletStateMap[wallet.id]\n      return {\n        id: wallet.id,\n        metadata: wallet.metadata,\n        accounts: walletState?.accounts ?? [],\n        activeAccount: walletState?.activeAccount ?? null,\n        isConnected: !!walletState,\n        isActive: wallet.id === activeWalletId,\n        connect: (args) => wallet.connect(args),\n        disconnect: () => wallet.disconnect(),\n        setActive: () => wallet.setActive(),\n        setActiveAccount: (addr) => wallet.setActiveAccount(addr)\n      }\n    },\n    [walletStateMap, activeWalletId]\n  )\n\n  const wallets = React.useMemo(() => {\n    return [...manager.wallets.values()].map(transformToWallet)\n  }, [manager, transformToWallet])\n\n  const activeBaseWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null\n  const activeWallet = React.useMemo(() => {\n    return activeBaseWallet ? transformToWallet(activeBaseWallet) : null\n  }, [activeBaseWallet, transformToWallet])\n\n  const activeWalletAccounts = activeWallet?.accounts ?? null\n  const activeWalletAddresses = activeWalletAccounts?.map((account) => account.address) ?? null\n  const activeAccount = activeWallet?.activeAccount ?? null\n  const activeAddress = activeAccount?.address ?? null\n\n  const signTransactions = <T extends algosdk.Transaction[] | Uint8Array[]>(\n    txnGroup: T | T[],\n    indexesToSign?: number[]\n  ): Promise<(Uint8Array | null)[]> => {\n    if (!activeBaseWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeBaseWallet.signTransactions(txnGroup, indexesToSign)\n  }\n\n  const transactionSigner = (\n    txnGroup: algosdk.Transaction[],\n    indexesToSign: number[]\n  ): Promise<Uint8Array[]> => {\n    if (!activeBaseWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeBaseWallet.transactionSigner(txnGroup, indexesToSign)\n  }\n\n  return {\n    wallets,\n    isReady,\n    algodClient,\n    setAlgodClient,\n    activeWallet,\n    activeWalletAccounts,\n    activeWalletAddresses,\n    activeAccount,\n    activeAddress,\n    signTransactions,\n    transactionSigner\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAyB;AAUzB,qBAAoB;AACpB,YAAuB;AAEvB,0BAAc,+BAbd;AA6CI;AAxBJ,IAAM,gBAAsB,oBAA0C,MAAS;AAOxE,IAAM,iBAAiB,CAAC,EAAE,SAAS,SAAS,MAAwC;AACzF,QAAM,CAAC,aAAa,cAAc,IAAU,eAAS,QAAQ,WAAW;AAExE,EAAM,gBAAU,MAAM;AACpB,YAAQ,cAAc;AAAA,EACxB,GAAG,CAAC,aAAa,OAAO,CAAC;AAEzB,QAAM,aAAmB,aAAO,KAAK;AAErC,EAAM,gBAAU,MAAM;AACpB,QAAI,CAAC,WAAW,SAAS;AACvB,cAAQ,eAAe;AACvB,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,4CAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,SAAS,aAAa,eAAe,GACnE,UACH;AAEJ;AAEO,IAAM,aAAa,MAAM;AAC9B,QAAM,UAAgB,iBAAW,aAAa;AAE9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AAEA,QAAM,EAAE,SAAS,eAAe,IAAI;AAEpC,QAAM,oBAAgB,6BAAS,QAAQ,OAAO,CAAC,UAAU,MAAM,aAAa;AAE5E,QAAM,mBAAmB,OAAO,cAAiD;AAC/E,QAAI,cAAc,eAAe;AAC/B;AAAA,IACF;AAEA,QAAI,CAAC,QAAQ,cAAc,SAAS,GAAG;AACrC,YAAM,IAAI,MAAM,YAAY,SAAS,sCAAsC;AAAA,IAC7E;AAEA,YAAQ,KAAK,wCAAwC;AAErD,UAAM,EAAE,MAAM,IAAI,QAAQ,cAAc,SAAS;AACjD,UAAM,EAAE,QAAQ,IAAI,YAAY,OAAO,IAAI,UAAU,CAAC,EAAE,IAAI;AAC5D,UAAM,YAAY,IAAI,eAAAA,QAAQ,QAAQ,OAAO,YAAY,MAAM,OAAO;AACtE,mBAAe,SAAS;AAExB,YAAQ,MAAM,SAAS,CAAC,WAAW;AAAA,MACjC,GAAG;AAAA,MACH,eAAe;AAAA,IACjB,EAAE;AAEF,YAAQ,KAAK,wCAAmC,SAAS,GAAG;AAAA,EAC9D;AAEA,QAAM,oBAAoB,CAAC,WAAmB,WAAuC;AACnF,YAAQ,kBAAkB,WAAW,MAAM;AAG3C,QAAI,cAAc,eAAe;AAC/B,cAAQ,KAAK,wCAAwC;AACrD,YAAM,EAAE,MAAM,IAAI,QAAQ,cAAc,SAAS;AACjD,YAAM,EAAE,QAAQ,IAAI,YAAY,OAAO,IAAI,UAAU,CAAC,EAAE,IAAI;AAC5D,YAAM,YAAY,IAAI,eAAAA,QAAQ,QAAQ,OAAO,YAAY,MAAM,OAAO;AACtE,qBAAe,SAAS;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,cAA4B;AACtD,YAAQ,mBAAmB,SAAS;AAGpC,QAAI,cAAc,eAAe;AAC/B,cAAQ,KAAK,wCAAwC;AACrD,YAAM,EAAE,MAAM,IAAI,QAAQ,cAAc,SAAS;AACjD,YAAM,EAAE,QAAQ,IAAI,YAAY,OAAO,IAAI,UAAU,CAAC,EAAE,IAAI;AAC5D,YAAM,YAAY,IAAI,eAAAA,QAAQ,QAAQ,OAAO,YAAY,MAAM,OAAO;AACtE,qBAAe,SAAS;AAAA,IAC1B;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA,eAAe,QAAQ;AAAA,IACvB,qBAAqB,QAAQ;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAeO,IAAM,YAAY,MAAM;AAC7B,QAAM,UAAgB,iBAAW,aAAa;AAE9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,QAAM,EAAE,SAAS,aAAa,eAAe,IAAI;AAEjD,QAAM,oBAAgB,6BAAS,QAAQ,OAAO,CAAC,UAAU,MAAM,aAAa;AAC5E,QAAM,UAAU,kBAAkB;AAElC,QAAM,qBAAiB,6BAAS,QAAQ,OAAO,CAAC,UAAU,MAAM,OAAO;AACvE,QAAM,qBAAiB,6BAAS,QAAQ,OAAO,CAAC,UAAU,MAAM,YAAY;AAE5E,QAAM,oBAA0B;AAAA,IAC9B,CAAC,WAA+B;AAC9B,YAAM,cAAc,eAAe,OAAO,EAAE;AAC5C,aAAO;AAAA,QACL,IAAI,OAAO;AAAA,QACX,UAAU,OAAO;AAAA,QACjB,UAAU,aAAa,YAAY,CAAC;AAAA,QACpC,eAAe,aAAa,iBAAiB;AAAA,QAC7C,aAAa,CAAC,CAAC;AAAA,QACf,UAAU,OAAO,OAAO;AAAA,QACxB,SAAS,CAAC,SAAS,OAAO,QAAQ,IAAI;AAAA,QACtC,YAAY,MAAM,OAAO,WAAW;AAAA,QACpC,WAAW,MAAM,OAAO,UAAU;AAAA,QAClC,kBAAkB,CAAC,SAAS,OAAO,iBAAiB,IAAI;AAAA,MAC1D;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,cAAc;AAAA,EACjC;AAEA,QAAM,UAAgB,cAAQ,MAAM;AAClC,WAAO,CAAC,GAAG,QAAQ,QAAQ,OAAO,CAAC,EAAE,IAAI,iBAAiB;AAAA,EAC5D,GAAG,CAAC,SAAS,iBAAiB,CAAC;AAE/B,QAAM,mBAAmB,iBAAiB,QAAQ,UAAU,cAAc,KAAK,OAAO;AACtF,QAAM,eAAqB,cAAQ,MAAM;AACvC,WAAO,mBAAmB,kBAAkB,gBAAgB,IAAI;AAAA,EAClE,GAAG,CAAC,kBAAkB,iBAAiB,CAAC;AAExC,QAAM,uBAAuB,cAAc,YAAY;AACvD,QAAM,wBAAwB,sBAAsB,IAAI,CAAC,YAAY,QAAQ,OAAO,KAAK;AACzF,QAAM,gBAAgB,cAAc,iBAAiB;AACrD,QAAM,gBAAgB,eAAe,WAAW;AAEhD,QAAM,mBAAmB,CACvB,UACA,kBACmC;AACnC,QAAI,CAAC,kBAAkB;AACrB,YAAM,IAAI,MAAM,kBAAkB;AAAA,IACpC;AACA,WAAO,iBAAiB,iBAAiB,UAAU,aAAa;AAAA,EAClE;AAEA,QAAM,oBAAoB,CACxB,UACA,kBAC0B;AAC1B,QAAI,CAAC,kBAAkB;AACrB,YAAM,IAAI,MAAM,kBAAkB;AAAA,IACpC;AACA,WAAO,iBAAiB,kBAAkB,UAAU,aAAa;AAAA,EACnE;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["algosdk"]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as _txnlab_use_wallet from '@txnlab/use-wallet';
-import { NetworkId, AlgodConfig, WalletMetadata, WalletAccount, WalletManager } from '@txnlab/use-wallet';
+import { WalletManager, NetworkId, AlgodConfig, WalletId, WalletMetadata, WalletAccount } from '@txnlab/use-wallet';
 export * from '@txnlab/use-wallet';
 import algosdk from 'algosdk';
 import * as React from 'react';
@@ -18,7 +18,7 @@ declare const useNetwork: () => {
     resetNetworkConfig: (networkId: string) => void;
 };
 interface Wallet {
-    id: string;
+    id: WalletId;
     metadata: WalletMetadata;
     accounts: WalletAccount[];
     activeAccount: WalletAccount | null;
@@ -34,7 +34,7 @@ declare const useWallet: () => {
     isReady: boolean;
     algodClient: algosdk.Algodv2;
     setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>;
-    activeWallet: _txnlab_use_wallet.BaseWallet | null;
+    activeWallet: Wallet | null;
     activeWalletAccounts: WalletAccount[] | null;
     activeWalletAddresses: string[] | null;
     activeAccount: WalletAccount | null;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _txnlab_use_wallet from '@txnlab/use-wallet';
-import { NetworkId, AlgodConfig, WalletMetadata, WalletAccount, WalletManager } from '@txnlab/use-wallet';
+import { WalletManager, NetworkId, AlgodConfig, WalletId, WalletMetadata, WalletAccount } from '@txnlab/use-wallet';
 export * from '@txnlab/use-wallet';
 import algosdk from 'algosdk';
 import * as React from 'react';
@@ -18,7 +18,7 @@ declare const useNetwork: () => {
     resetNetworkConfig: (networkId: string) => void;
 };
 interface Wallet {
-    id: string;
+    id: WalletId;
     metadata: WalletMetadata;
     accounts: WalletAccount[];
     activeAccount: WalletAccount | null;
@@ -34,7 +34,7 @@ declare const useWallet: () => {
     isReady: boolean;
     algodClient: algosdk.Algodv2;
     setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>;
-    activeWallet: _txnlab_use_wallet.BaseWallet | null;
+    activeWallet: Wallet | null;
     activeWalletAccounts: WalletAccount[] | null;
     activeWalletAddresses: string[] | null;
     activeAccount: WalletAccount | null;

package/dist/index.js

@@ -3,6 +3,7 @@ import { useStore } from "@tanstack/react-store";
 import algosdk from "algosdk";
 import * as React from "react";
 export * from "@txnlab/use-wallet";
+import { jsx } from "react/jsx-runtime";
 var WalletContext = React.createContext(void 0);
 var WalletProvider = ({ manager, children }) => {
   const [algodClient, setAlgodClient] = React.useState(manager.algodClient);
@@ -16,7 +17,7 @@ var WalletProvider = ({ manager, children }) => {
       resumedRef.current = true;
     }
   }, [manager]);
-  return /* @__PURE__ */ React.createElement(WalletContext.Provider, { value: { manager, algodClient, setAlgodClient } }, children);
+  return /* @__PURE__ */ jsx(WalletContext.Provider, { value: { manager, algodClient, setAlgodClient }, children });
 };
 var useNetwork = () => {
   const context = React.useContext(WalletContext);
@@ -82,8 +83,8 @@ var useWallet = () => {
   const isReady = managerStatus === "ready";
   const walletStateMap = useStore(manager.store, (state) => state.wallets);
   const activeWalletId = useStore(manager.store, (state) => state.activeWallet);
-  const wallets = React.useMemo(() => {
-    return [...manager.wallets.values()].map((wallet) => {
+  const transformToWallet = React.useCallback(
+    (wallet) => {
       const walletState = walletStateMap[wallet.id];
       return {
         id: wallet.id,
@@ -97,25 +98,31 @@ var useWallet = () => {
         setActive: () => wallet.setActive(),
         setActiveAccount: (addr) => wallet.setActiveAccount(addr)
       };
-    });
-  }, [manager, walletStateMap, activeWalletId]);
-  const activeWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null;
-  const activeWalletState = activeWalletId ? walletStateMap[activeWalletId] || null : null;
-  const activeWalletAccounts = activeWalletState?.accounts ?? null;
+    },
+    [walletStateMap, activeWalletId]
+  );
+  const wallets = React.useMemo(() => {
+    return [...manager.wallets.values()].map(transformToWallet);
+  }, [manager, transformToWallet]);
+  const activeBaseWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null;
+  const activeWallet = React.useMemo(() => {
+    return activeBaseWallet ? transformToWallet(activeBaseWallet) : null;
+  }, [activeBaseWallet, transformToWallet]);
+  const activeWalletAccounts = activeWallet?.accounts ?? null;
   const activeWalletAddresses = activeWalletAccounts?.map((account) => account.address) ?? null;
-  const activeAccount = activeWalletState?.activeAccount ?? null;
+  const activeAccount = activeWallet?.activeAccount ?? null;
   const activeAddress = activeAccount?.address ?? null;
   const signTransactions = (txnGroup, indexesToSign) => {
-    if (!activeWallet) {
+    if (!activeBaseWallet) {
       throw new Error("No active wallet");
     }
-    return activeWallet.signTransactions(txnGroup, indexesToSign);
+    return activeBaseWallet.signTransactions(txnGroup, indexesToSign);
   };
   const transactionSigner = (txnGroup, indexesToSign) => {
-    if (!activeWallet) {
+    if (!activeBaseWallet) {
       throw new Error("No active wallet");
     }
-    return activeWallet.transactionSigner(txnGroup, indexesToSign);
+    return activeBaseWallet.transactionSigner(txnGroup, indexesToSign);
   };
   return {
     wallets,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import { useStore } from '@tanstack/react-store'\nimport {\n  NetworkId,\n  WalletManager,\n  type AlgodConfig,\n  type WalletAccount,\n  type WalletMetadata\n} from '@txnlab/use-wallet'\nimport algosdk from 'algosdk'\nimport * as React from 'react'\n\nexport * from '@txnlab/use-wallet'\n\ninterface IWalletContext {\n  manager: WalletManager\n  algodClient: algosdk.Algodv2\n  setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>\n}\n\nconst WalletContext = React.createContext<IWalletContext | undefined>(undefined)\n\ninterface WalletProviderProps {\n  manager: WalletManager\n  children: React.ReactNode\n}\n\nexport const WalletProvider = ({ manager, children }: WalletProviderProps): JSX.Element => {\n  const [algodClient, setAlgodClient] = React.useState(manager.algodClient)\n\n  React.useEffect(() => {\n    manager.algodClient = algodClient\n  }, [algodClient, manager])\n\n  const resumedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!resumedRef.current) {\n      manager.resumeSessions()\n      resumedRef.current = true\n    }\n  }, [manager])\n\n  return (\n    <WalletContext.Provider value={{ manager, algodClient, setAlgodClient }}>\n      {children}\n    </WalletContext.Provider>\n  )\n}\n\nexport const useNetwork = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useNetwork must be used within the WalletProvider')\n  }\n\n  const { manager, setAlgodClient } = context\n\n  const activeNetwork = useStore(manager.store, (state) => state.activeNetwork)\n\n  const setActiveNetwork = async (networkId: NetworkId | string): Promise<void> => {\n    if (networkId === activeNetwork) {\n      return\n    }\n\n    if (!manager.networkConfig[networkId]) {\n      throw new Error(`Network \"${networkId}\" not found in network configuration`)\n    }\n\n    console.info(`[React] Creating new Algodv2 client...`)\n\n    const { algod } = manager.networkConfig[networkId]\n    const { token = '', baseServer, port = '', headers = {} } = algod\n    const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n    setAlgodClient(newClient)\n\n    manager.store.setState((state) => ({\n      ...state,\n      activeNetwork: networkId\n    }))\n\n    console.info(`[React] ✅ Active network set to ${networkId}.`)\n  }\n\n  const updateAlgodConfig = (networkId: string, config: Partial<AlgodConfig>): void => {\n    manager.updateAlgodConfig(networkId, config)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  const resetNetworkConfig = (networkId: string): void => {\n    manager.resetNetworkConfig(networkId)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  return {\n    activeNetwork,\n    networkConfig: manager.networkConfig,\n    activeNetworkConfig: manager.activeNetworkConfig,\n    setActiveNetwork,\n    updateAlgodConfig,\n    resetNetworkConfig\n  }\n}\n\nexport interface Wallet {\n  id: string\n  metadata: WalletMetadata\n  accounts: WalletAccount[]\n  activeAccount: WalletAccount | null\n  isConnected: boolean\n  isActive: boolean\n  connect: (args?: Record<string, any>) => Promise<WalletAccount[]>\n  disconnect: () => Promise<void>\n  setActive: () => void\n  setActiveAccount: (address: string) => void\n}\n\nexport const useWallet = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useWallet must be used within the WalletProvider')\n  }\n\n  const { manager, algodClient, setAlgodClient } = context\n\n  const managerStatus = useStore(manager.store, (state) => state.managerStatus)\n  const isReady = managerStatus === 'ready'\n\n  const walletStateMap = useStore(manager.store, (state) => state.wallets)\n  const activeWalletId = useStore(manager.store, (state) => state.activeWallet)\n\n  const wallets = React.useMemo(() => {\n    return [...manager.wallets.values()].map((wallet): Wallet => {\n      const walletState = walletStateMap[wallet.id]\n\n      return {\n        id: wallet.id,\n        metadata: wallet.metadata,\n        accounts: walletState?.accounts ?? [],\n        activeAccount: walletState?.activeAccount ?? null,\n        isConnected: !!walletState,\n        isActive: wallet.id === activeWalletId,\n        connect: (args) => wallet.connect(args),\n        disconnect: () => wallet.disconnect(),\n        setActive: () => wallet.setActive(),\n        setActiveAccount: (addr) => wallet.setActiveAccount(addr)\n      }\n    })\n  }, [manager, walletStateMap, activeWalletId])\n\n  const activeWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null\n  const activeWalletState = activeWalletId ? walletStateMap[activeWalletId] || null : null\n\n  const activeWalletAccounts = activeWalletState?.accounts ?? null\n  const activeWalletAddresses = activeWalletAccounts?.map((account) => account.address) ?? null\n  const activeAccount = activeWalletState?.activeAccount ?? null\n  const activeAddress = activeAccount?.address ?? null\n\n  const signTransactions = <T extends algosdk.Transaction[] | Uint8Array[]>(\n    txnGroup: T | T[],\n    indexesToSign?: number[]\n  ): Promise<(Uint8Array | null)[]> => {\n    if (!activeWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeWallet.signTransactions(txnGroup, indexesToSign)\n  }\n\n  const transactionSigner = (\n    txnGroup: algosdk.Transaction[],\n    indexesToSign: number[]\n  ): Promise<Uint8Array[]> => {\n    if (!activeWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeWallet.transactionSigner(txnGroup, indexesToSign)\n  }\n\n  return {\n    wallets,\n    isReady,\n    algodClient,\n    setAlgodClient,\n    activeWallet,\n    activeWalletAccounts,\n    activeWalletAddresses,\n    activeAccount,\n    activeAddress,\n    signTransactions,\n    transactionSigner\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import { useStore } from '@tanstack/react-store'\nimport {\n  NetworkId,\n  WalletId,\n  WalletManager,\n  type AlgodConfig,\n  type BaseWallet,\n  type WalletAccount,\n  type WalletMetadata\n} from '@txnlab/use-wallet'\nimport algosdk from 'algosdk'\nimport * as React from 'react'\n\nexport * from '@txnlab/use-wallet'\n\ninterface IWalletContext {\n  manager: WalletManager\n  algodClient: algosdk.Algodv2\n  setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>\n}\n\nconst WalletContext = React.createContext<IWalletContext | undefined>(undefined)\n\ninterface WalletProviderProps {\n  manager: WalletManager\n  children: React.ReactNode\n}\n\nexport const WalletProvider = ({ manager, children }: WalletProviderProps): JSX.Element => {\n  const [algodClient, setAlgodClient] = React.useState(manager.algodClient)\n\n  React.useEffect(() => {\n    manager.algodClient = algodClient\n  }, [algodClient, manager])\n\n  const resumedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!resumedRef.current) {\n      manager.resumeSessions()\n      resumedRef.current = true\n    }\n  }, [manager])\n\n  return (\n    <WalletContext.Provider value={{ manager, algodClient, setAlgodClient }}>\n      {children}\n    </WalletContext.Provider>\n  )\n}\n\nexport const useNetwork = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useNetwork must be used within the WalletProvider')\n  }\n\n  const { manager, setAlgodClient } = context\n\n  const activeNetwork = useStore(manager.store, (state) => state.activeNetwork)\n\n  const setActiveNetwork = async (networkId: NetworkId | string): Promise<void> => {\n    if (networkId === activeNetwork) {\n      return\n    }\n\n    if (!manager.networkConfig[networkId]) {\n      throw new Error(`Network \"${networkId}\" not found in network configuration`)\n    }\n\n    console.info(`[React] Creating new Algodv2 client...`)\n\n    const { algod } = manager.networkConfig[networkId]\n    const { token = '', baseServer, port = '', headers = {} } = algod\n    const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n    setAlgodClient(newClient)\n\n    manager.store.setState((state) => ({\n      ...state,\n      activeNetwork: networkId\n    }))\n\n    console.info(`[React] ✅ Active network set to ${networkId}.`)\n  }\n\n  const updateAlgodConfig = (networkId: string, config: Partial<AlgodConfig>): void => {\n    manager.updateAlgodConfig(networkId, config)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  const resetNetworkConfig = (networkId: string): void => {\n    manager.resetNetworkConfig(networkId)\n\n    // If this is the active network, update the algodClient\n    if (networkId === activeNetwork) {\n      console.info(`[React] Creating new Algodv2 client...`)\n      const { algod } = manager.networkConfig[networkId]\n      const { token = '', baseServer, port = '', headers = {} } = algod\n      const newClient = new algosdk.Algodv2(token, baseServer, port, headers)\n      setAlgodClient(newClient)\n    }\n  }\n\n  return {\n    activeNetwork,\n    networkConfig: manager.networkConfig,\n    activeNetworkConfig: manager.activeNetworkConfig,\n    setActiveNetwork,\n    updateAlgodConfig,\n    resetNetworkConfig\n  }\n}\n\nexport interface Wallet {\n  id: WalletId\n  metadata: WalletMetadata\n  accounts: WalletAccount[]\n  activeAccount: WalletAccount | null\n  isConnected: boolean\n  isActive: boolean\n  connect: (args?: Record<string, any>) => Promise<WalletAccount[]>\n  disconnect: () => Promise<void>\n  setActive: () => void\n  setActiveAccount: (address: string) => void\n}\n\nexport const useWallet = () => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useWallet must be used within the WalletProvider')\n  }\n\n  const { manager, algodClient, setAlgodClient } = context\n\n  const managerStatus = useStore(manager.store, (state) => state.managerStatus)\n  const isReady = managerStatus === 'ready'\n\n  const walletStateMap = useStore(manager.store, (state) => state.wallets)\n  const activeWalletId = useStore(manager.store, (state) => state.activeWallet)\n\n  const transformToWallet = React.useCallback(\n    (wallet: BaseWallet): Wallet => {\n      const walletState = walletStateMap[wallet.id]\n      return {\n        id: wallet.id,\n        metadata: wallet.metadata,\n        accounts: walletState?.accounts ?? [],\n        activeAccount: walletState?.activeAccount ?? null,\n        isConnected: !!walletState,\n        isActive: wallet.id === activeWalletId,\n        connect: (args) => wallet.connect(args),\n        disconnect: () => wallet.disconnect(),\n        setActive: () => wallet.setActive(),\n        setActiveAccount: (addr) => wallet.setActiveAccount(addr)\n      }\n    },\n    [walletStateMap, activeWalletId]\n  )\n\n  const wallets = React.useMemo(() => {\n    return [...manager.wallets.values()].map(transformToWallet)\n  }, [manager, transformToWallet])\n\n  const activeBaseWallet = activeWalletId ? manager.getWallet(activeWalletId) || null : null\n  const activeWallet = React.useMemo(() => {\n    return activeBaseWallet ? transformToWallet(activeBaseWallet) : null\n  }, [activeBaseWallet, transformToWallet])\n\n  const activeWalletAccounts = activeWallet?.accounts ?? null\n  const activeWalletAddresses = activeWalletAccounts?.map((account) => account.address) ?? null\n  const activeAccount = activeWallet?.activeAccount ?? null\n  const activeAddress = activeAccount?.address ?? null\n\n  const signTransactions = <T extends algosdk.Transaction[] | Uint8Array[]>(\n    txnGroup: T | T[],\n    indexesToSign?: number[]\n  ): Promise<(Uint8Array | null)[]> => {\n    if (!activeBaseWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeBaseWallet.signTransactions(txnGroup, indexesToSign)\n  }\n\n  const transactionSigner = (\n    txnGroup: algosdk.Transaction[],\n    indexesToSign: number[]\n  ): Promise<Uint8Array[]> => {\n    if (!activeBaseWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeBaseWallet.transactionSigner(txnGroup, indexesToSign)\n  }\n\n  return {\n    wallets,\n    isReady,\n    algodClient,\n    setAlgodClient,\n    activeWallet,\n    activeWalletAccounts,\n    activeWalletAddresses,\n    activeAccount,\n    activeAddress,\n    signTransactions,\n    transactionSigner\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txnlab/use-wallet-react",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.1",
   "description": "React library for integrating Algorand wallets into decentralized applications",
   "author": "Doug Richar <drichar@gmail.com>",
   "license": "MIT",
@@ -31,28 +31,28 @@
   ],
   "dependencies": {
     "@tanstack/react-store": "0.7.0",
-    "@txnlab/use-wallet": "4.0.0-beta.6"
+    "@txnlab/use-wallet": "4.0.1"
   },
   "devDependencies": {
-    "@types/react": "18.3.18",
-    "algosdk": "3.0.0",
-    "jsdom": "25.0.1",
+    "@types/react": "18.3.20",
+    "algosdk": "3.2.0",
+    "jsdom": "26.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "tsup": "8.3.5",
-    "typescript": "5.7.2"
+    "tsup": "8.4.0",
+    "typescript": "5.8.2"
   },
   "peerDependencies": {
     "@blockshake/defly-connect": "^1.2.1",
     "@magic-ext/algorand": "^23.20.0",
     "@walletconnect/modal": "^2.7.0",
     "@perawallet/connect": "^1.4.1",
-    "@walletconnect/sign-client": "^2.17.3",
+    "@walletconnect/sign-client": "^2.19.2",
     "algosdk": "^3.0.0",
-    "lute-connect": "^1.4.1",
-    "magic-sdk": "^28.21.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "lute-connect": "^1.5.1",
+    "magic-sdk": "^28.21.1",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@blockshake/defly-connect": {