@d13co/use-wallet-react 4.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 TxnLab, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,8 @@
+# @txnlab/use-wallet-react
+
+[![GitHub package.json version](https://img.shields.io/github/package-json/v/TxnLab/use-wallet?filename=packages%2Fuse-wallet-react%2Fpackage.json&label=version)](https://www.npmjs.com/package/@txnlab/use-wallet?activeTab=versions)
+[![GitHub License](https://img.shields.io/github/license/TxnLab/use-wallet)](https://github.com/TxnLab/use-wallet/blob/main/LICENSE.md)
+
+React adapter for [@txnlab/use-wallet](https://github.com/TxnLab/use-wallet)
+
+### Visit [txnlab.gitbook.io/use-wallet](https://txnlab.gitbook.io/use-wallet) for docs, guides, and examples!

package/dist/index.cjs

@@ -0,0 +1,203 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  WalletProvider: () => WalletProvider,
+  useNetwork: () => useNetwork,
+  useWallet: () => useWallet,
+  useWalletManager: () => useWalletManager
+});
+module.exports = __toCommonJS(index_exports);
+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);
+  React.useEffect(() => {
+    manager.algodClient = algodClient;
+  }, [algodClient, manager]);
+  const resumedRef = React.useRef(false);
+  React.useEffect(() => {
+    if (!resumedRef.current) {
+      manager.resumeSessions();
+      resumedRef.current = true;
+    }
+  }, [manager]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletContext.Provider, { value: { manager, algodClient, setAlgodClient }, children });
+};
+var useNetwork = () => {
+  const context = React.useContext(WalletContext);
+  if (!context) {
+    throw new Error("useNetwork must be used within the WalletProvider");
+  }
+  const { manager, setAlgodClient } = context;
+  const activeNetwork = (0, import_react_store.useStore)(manager.store, (state) => state.activeNetwork);
+  const setActiveNetwork = async (networkId) => {
+    if (networkId === activeNetwork) {
+      return;
+    }
+    if (!manager.networkConfig[networkId]) {
+      throw new Error(`Network "${networkId}" not found in network configuration`);
+    }
+    console.info(`[React] Creating new Algodv2 client...`);
+    const { algod } = manager.networkConfig[networkId];
+    const { token = "", baseServer, port = "", headers = {} } = algod;
+    const newClient = new import_algosdk.default.Algodv2(token, baseServer, port, headers);
+    setAlgodClient(newClient);
+    manager.store.setState((state) => ({
+      ...state,
+      activeNetwork: networkId
+    }));
+    console.info(`[React] \u2705 Active network set to ${networkId}.`);
+  };
+  const updateAlgodConfig = (networkId, config) => {
+    manager.updateAlgodConfig(networkId, config);
+    if (networkId === activeNetwork) {
+      console.info(`[React] Creating new Algodv2 client...`);
+      const { algod } = manager.networkConfig[networkId];
+      const { token = "", baseServer, port = "", headers = {} } = algod;
+      const newClient = new import_algosdk.default.Algodv2(token, baseServer, port, headers);
+      setAlgodClient(newClient);
+    }
+  };
+  const resetNetworkConfig = (networkId) => {
+    manager.resetNetworkConfig(networkId);
+    if (networkId === activeNetwork) {
+      console.info(`[React] Creating new Algodv2 client...`);
+      const { algod } = manager.networkConfig[networkId];
+      const { token = "", baseServer, port = "", headers = {} } = algod;
+      const newClient = new import_algosdk.default.Algodv2(token, baseServer, port, headers);
+      setAlgodClient(newClient);
+    }
+  };
+  return {
+    activeNetwork,
+    networkConfig: manager.networkConfig,
+    activeNetworkConfig: manager.activeNetworkConfig,
+    setActiveNetwork,
+    updateAlgodConfig,
+    resetNetworkConfig
+  };
+};
+var useWalletManager = () => {
+  const context = React.useContext(WalletContext);
+  if (!context) {
+    throw new Error("useWalletManager must be used within the WalletProvider");
+  }
+  return context.manager;
+};
+var useWallet = () => {
+  const context = React.useContext(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within the WalletProvider");
+  }
+  const { manager, algodClient, setAlgodClient } = context;
+  const managerStatus = (0, import_react_store.useStore)(manager.store, (state) => state.managerStatus);
+  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 transformToWallet = React.useCallback(
+    (wallet) => {
+      const walletState = walletStateMap[wallet.walletKey];
+      return {
+        id: wallet.id,
+        walletKey: wallet.walletKey,
+        metadata: wallet.metadata,
+        accounts: walletState?.accounts ?? [],
+        activeAccount: walletState?.activeAccount ?? null,
+        isConnected: !!walletState,
+        isActive: wallet.walletKey === activeWalletId,
+        canSignData: wallet.canSignData ?? false,
+        connect: (args) => wallet.connect(args),
+        disconnect: () => wallet.disconnect(),
+        setActive: () => wallet.setActive(),
+        setActiveAccount: (addr) => wallet.setActiveAccount(addr)
+      };
+    },
+    [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 = activeWallet?.activeAccount ?? null;
+  const activeAddress = activeAccount?.address ?? null;
+  const signTransactions = (txnGroup, indexesToSign) => {
+    if (!activeBaseWallet) {
+      throw new Error("No active wallet");
+    }
+    return activeBaseWallet.signTransactions(txnGroup, indexesToSign);
+  };
+  const transactionSigner = (txnGroup, indexesToSign) => {
+    if (!activeBaseWallet) {
+      throw new Error("No active wallet");
+    }
+    return activeBaseWallet.transactionSigner(txnGroup, indexesToSign);
+  };
+  const signData = (data, metadata) => {
+    if (!activeBaseWallet) {
+      throw new Error("No active wallet");
+    }
+    return activeBaseWallet.signData(data, metadata);
+  };
+  return {
+    wallets,
+    isReady,
+    algodClient,
+    setAlgodClient,
+    activeWallet,
+    activeWalletAccounts,
+    activeWalletAddresses,
+    activeAccount,
+    activeAddress,
+    signData,
+    signTransactions,
+    transactionSigner
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WalletProvider,
+  useNetwork,
+  useWallet,
+  useWalletManager,
+  ...require("@txnlab/use-wallet")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import { useStore } from '@tanstack/react-store'\nimport {\n  NetworkId,\n  SignDataResponse,\n  SignMetadata,\n  WalletId,\n  WalletManager,\n  type AlgodConfig,\n  type BaseWallet,\n  type WalletAccount,\n  type WalletKey,\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  /** Unique key for this wallet instance. Used for skinned WalletConnect instances. */\n  walletKey: WalletKey\n  metadata: WalletMetadata\n  accounts: WalletAccount[]\n  activeAccount: WalletAccount | null\n  isConnected: boolean\n  isActive: boolean\n  canSignData: 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 useWalletManager = (): WalletManager => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useWalletManager must be used within the WalletProvider')\n  }\n\n  return context.manager\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.walletKey]\n      return {\n        id: wallet.id,\n        walletKey: wallet.walletKey,\n        metadata: wallet.metadata,\n        accounts: walletState?.accounts ?? [],\n        activeAccount: walletState?.activeAccount ?? null,\n        isConnected: !!walletState,\n        isActive: wallet.walletKey === activeWalletId,\n        canSignData: wallet.canSignData ?? false,\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  const signData = (data: string, metadata: SignMetadata): Promise<SignDataResponse> => {\n    if (!activeBaseWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeBaseWallet.signData(data, metadata)\n  }\n\n  return {\n    wallets,\n    isReady,\n    algodClient,\n    setAlgodClient,\n    activeWallet,\n    activeWalletAccounts,\n    activeWalletAddresses,\n    activeAccount,\n    activeAddress,\n    signData,\n    signTransactions,\n    transactionSigner\n  }\n}\n"],"mappings":"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","names":["algosdk"]}

package/dist/index.d.cts

@@ -0,0 +1,51 @@
+import * as _txnlab_use_wallet from '@txnlab/use-wallet';
+import { WalletId, WalletKey, WalletMetadata, WalletAccount, WalletManager, NetworkId, AlgodConfig, SignMetadata, SignDataResponse } from '@txnlab/use-wallet';
+export * from '@txnlab/use-wallet';
+import algosdk from 'algosdk';
+import * as React from 'react';
+
+interface WalletProviderProps {
+    manager: WalletManager;
+    children: React.ReactNode;
+}
+declare const WalletProvider: ({ manager, children }: WalletProviderProps) => JSX.Element;
+declare const useNetwork: () => {
+    activeNetwork: string;
+    networkConfig: Record<string, _txnlab_use_wallet.NetworkConfig>;
+    activeNetworkConfig: _txnlab_use_wallet.NetworkConfig;
+    setActiveNetwork: (networkId: NetworkId | string) => Promise<void>;
+    updateAlgodConfig: (networkId: string, config: Partial<AlgodConfig>) => void;
+    resetNetworkConfig: (networkId: string) => void;
+};
+interface Wallet {
+    id: WalletId;
+    /** Unique key for this wallet instance. Used for skinned WalletConnect instances. */
+    walletKey: WalletKey;
+    metadata: WalletMetadata;
+    accounts: WalletAccount[];
+    activeAccount: WalletAccount | null;
+    isConnected: boolean;
+    isActive: boolean;
+    canSignData: boolean;
+    connect: (args?: Record<string, any>) => Promise<WalletAccount[]>;
+    disconnect: () => Promise<void>;
+    setActive: () => void;
+    setActiveAccount: (address: string) => void;
+}
+declare const useWalletManager: () => WalletManager;
+declare const useWallet: () => {
+    wallets: Wallet[];
+    isReady: boolean;
+    algodClient: algosdk.Algodv2;
+    setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>;
+    activeWallet: Wallet | null;
+    activeWalletAccounts: WalletAccount[] | null;
+    activeWalletAddresses: string[] | null;
+    activeAccount: WalletAccount | null;
+    activeAddress: string | null;
+    signData: (data: string, metadata: SignMetadata) => Promise<SignDataResponse>;
+    signTransactions: <T extends algosdk.Transaction[] | Uint8Array[]>(txnGroup: T | T[], indexesToSign?: number[]) => Promise<(Uint8Array | null)[]>;
+    transactionSigner: (txnGroup: algosdk.Transaction[], indexesToSign: number[]) => Promise<Uint8Array[]>;
+};
+
+export { type Wallet, WalletProvider, useNetwork, useWallet, useWalletManager };

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import * as _txnlab_use_wallet from '@txnlab/use-wallet';
+import { WalletId, WalletKey, WalletMetadata, WalletAccount, WalletManager, NetworkId, AlgodConfig, SignMetadata, SignDataResponse } from '@txnlab/use-wallet';
+export * from '@txnlab/use-wallet';
+import algosdk from 'algosdk';
+import * as React from 'react';
+
+interface WalletProviderProps {
+    manager: WalletManager;
+    children: React.ReactNode;
+}
+declare const WalletProvider: ({ manager, children }: WalletProviderProps) => JSX.Element;
+declare const useNetwork: () => {
+    activeNetwork: string;
+    networkConfig: Record<string, _txnlab_use_wallet.NetworkConfig>;
+    activeNetworkConfig: _txnlab_use_wallet.NetworkConfig;
+    setActiveNetwork: (networkId: NetworkId | string) => Promise<void>;
+    updateAlgodConfig: (networkId: string, config: Partial<AlgodConfig>) => void;
+    resetNetworkConfig: (networkId: string) => void;
+};
+interface Wallet {
+    id: WalletId;
+    /** Unique key for this wallet instance. Used for skinned WalletConnect instances. */
+    walletKey: WalletKey;
+    metadata: WalletMetadata;
+    accounts: WalletAccount[];
+    activeAccount: WalletAccount | null;
+    isConnected: boolean;
+    isActive: boolean;
+    canSignData: boolean;
+    connect: (args?: Record<string, any>) => Promise<WalletAccount[]>;
+    disconnect: () => Promise<void>;
+    setActive: () => void;
+    setActiveAccount: (address: string) => void;
+}
+declare const useWalletManager: () => WalletManager;
+declare const useWallet: () => {
+    wallets: Wallet[];
+    isReady: boolean;
+    algodClient: algosdk.Algodv2;
+    setAlgodClient: React.Dispatch<React.SetStateAction<algosdk.Algodv2>>;
+    activeWallet: Wallet | null;
+    activeWalletAccounts: WalletAccount[] | null;
+    activeWalletAddresses: string[] | null;
+    activeAccount: WalletAccount | null;
+    activeAddress: string | null;
+    signData: (data: string, metadata: SignMetadata) => Promise<SignDataResponse>;
+    signTransactions: <T extends algosdk.Transaction[] | Uint8Array[]>(txnGroup: T | T[], indexesToSign?: number[]) => Promise<(Uint8Array | null)[]>;
+    transactionSigner: (txnGroup: algosdk.Transaction[], indexesToSign: number[]) => Promise<Uint8Array[]>;
+};
+
+export { type Wallet, WalletProvider, useNetwork, useWallet, useWalletManager };

package/dist/index.js

@@ -0,0 +1,163 @@
+// src/index.tsx
+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);
+  React.useEffect(() => {
+    manager.algodClient = algodClient;
+  }, [algodClient, manager]);
+  const resumedRef = React.useRef(false);
+  React.useEffect(() => {
+    if (!resumedRef.current) {
+      manager.resumeSessions();
+      resumedRef.current = true;
+    }
+  }, [manager]);
+  return /* @__PURE__ */ jsx(WalletContext.Provider, { value: { manager, algodClient, setAlgodClient }, children });
+};
+var useNetwork = () => {
+  const context = React.useContext(WalletContext);
+  if (!context) {
+    throw new Error("useNetwork must be used within the WalletProvider");
+  }
+  const { manager, setAlgodClient } = context;
+  const activeNetwork = useStore(manager.store, (state) => state.activeNetwork);
+  const setActiveNetwork = async (networkId) => {
+    if (networkId === activeNetwork) {
+      return;
+    }
+    if (!manager.networkConfig[networkId]) {
+      throw new Error(`Network "${networkId}" not found in network configuration`);
+    }
+    console.info(`[React] Creating new Algodv2 client...`);
+    const { algod } = manager.networkConfig[networkId];
+    const { token = "", baseServer, port = "", headers = {} } = algod;
+    const newClient = new algosdk.Algodv2(token, baseServer, port, headers);
+    setAlgodClient(newClient);
+    manager.store.setState((state) => ({
+      ...state,
+      activeNetwork: networkId
+    }));
+    console.info(`[React] \u2705 Active network set to ${networkId}.`);
+  };
+  const updateAlgodConfig = (networkId, config) => {
+    manager.updateAlgodConfig(networkId, config);
+    if (networkId === activeNetwork) {
+      console.info(`[React] Creating new Algodv2 client...`);
+      const { algod } = manager.networkConfig[networkId];
+      const { token = "", baseServer, port = "", headers = {} } = algod;
+      const newClient = new algosdk.Algodv2(token, baseServer, port, headers);
+      setAlgodClient(newClient);
+    }
+  };
+  const resetNetworkConfig = (networkId) => {
+    manager.resetNetworkConfig(networkId);
+    if (networkId === activeNetwork) {
+      console.info(`[React] Creating new Algodv2 client...`);
+      const { algod } = manager.networkConfig[networkId];
+      const { token = "", baseServer, port = "", headers = {} } = algod;
+      const newClient = new algosdk.Algodv2(token, baseServer, port, headers);
+      setAlgodClient(newClient);
+    }
+  };
+  return {
+    activeNetwork,
+    networkConfig: manager.networkConfig,
+    activeNetworkConfig: manager.activeNetworkConfig,
+    setActiveNetwork,
+    updateAlgodConfig,
+    resetNetworkConfig
+  };
+};
+var useWalletManager = () => {
+  const context = React.useContext(WalletContext);
+  if (!context) {
+    throw new Error("useWalletManager must be used within the WalletProvider");
+  }
+  return context.manager;
+};
+var useWallet = () => {
+  const context = React.useContext(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within the WalletProvider");
+  }
+  const { manager, algodClient, setAlgodClient } = context;
+  const managerStatus = useStore(manager.store, (state) => state.managerStatus);
+  const isReady = managerStatus === "ready";
+  const walletStateMap = useStore(manager.store, (state) => state.wallets);
+  const activeWalletId = useStore(manager.store, (state) => state.activeWallet);
+  const transformToWallet = React.useCallback(
+    (wallet) => {
+      const walletState = walletStateMap[wallet.walletKey];
+      return {
+        id: wallet.id,
+        walletKey: wallet.walletKey,
+        metadata: wallet.metadata,
+        accounts: walletState?.accounts ?? [],
+        activeAccount: walletState?.activeAccount ?? null,
+        isConnected: !!walletState,
+        isActive: wallet.walletKey === activeWalletId,
+        canSignData: wallet.canSignData ?? false,
+        connect: (args) => wallet.connect(args),
+        disconnect: () => wallet.disconnect(),
+        setActive: () => wallet.setActive(),
+        setActiveAccount: (addr) => wallet.setActiveAccount(addr)
+      };
+    },
+    [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 = activeWallet?.activeAccount ?? null;
+  const activeAddress = activeAccount?.address ?? null;
+  const signTransactions = (txnGroup, indexesToSign) => {
+    if (!activeBaseWallet) {
+      throw new Error("No active wallet");
+    }
+    return activeBaseWallet.signTransactions(txnGroup, indexesToSign);
+  };
+  const transactionSigner = (txnGroup, indexesToSign) => {
+    if (!activeBaseWallet) {
+      throw new Error("No active wallet");
+    }
+    return activeBaseWallet.transactionSigner(txnGroup, indexesToSign);
+  };
+  const signData = (data, metadata) => {
+    if (!activeBaseWallet) {
+      throw new Error("No active wallet");
+    }
+    return activeBaseWallet.signData(data, metadata);
+  };
+  return {
+    wallets,
+    isReady,
+    algodClient,
+    setAlgodClient,
+    activeWallet,
+    activeWalletAccounts,
+    activeWalletAddresses,
+    activeAccount,
+    activeAddress,
+    signData,
+    signTransactions,
+    transactionSigner
+  };
+};
+export {
+  WalletProvider,
+  useNetwork,
+  useWallet,
+  useWalletManager
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import { useStore } from '@tanstack/react-store'\nimport {\n  NetworkId,\n  SignDataResponse,\n  SignMetadata,\n  WalletId,\n  WalletManager,\n  type AlgodConfig,\n  type BaseWallet,\n  type WalletAccount,\n  type WalletKey,\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  /** Unique key for this wallet instance. Used for skinned WalletConnect instances. */\n  walletKey: WalletKey\n  metadata: WalletMetadata\n  accounts: WalletAccount[]\n  activeAccount: WalletAccount | null\n  isConnected: boolean\n  isActive: boolean\n  canSignData: 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 useWalletManager = (): WalletManager => {\n  const context = React.useContext(WalletContext)\n\n  if (!context) {\n    throw new Error('useWalletManager must be used within the WalletProvider')\n  }\n\n  return context.manager\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.walletKey]\n      return {\n        id: wallet.id,\n        walletKey: wallet.walletKey,\n        metadata: wallet.metadata,\n        accounts: walletState?.accounts ?? [],\n        activeAccount: walletState?.activeAccount ?? null,\n        isConnected: !!walletState,\n        isActive: wallet.walletKey === activeWalletId,\n        canSignData: wallet.canSignData ?? false,\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  const signData = (data: string, metadata: SignMetadata): Promise<SignDataResponse> => {\n    if (!activeBaseWallet) {\n      throw new Error('No active wallet')\n    }\n    return activeBaseWallet.signData(data, metadata)\n  }\n\n  return {\n    wallets,\n    isReady,\n    algodClient,\n    setAlgodClient,\n    activeWallet,\n    activeWalletAccounts,\n    activeWalletAddresses,\n    activeAccount,\n    activeAddress,\n    signData,\n    signTransactions,\n    transactionSigner\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@d13co/use-wallet-react",
+  "version": "4.5.0",
+  "description": "React library for integrating Algorand wallets into decentralized applications",
+  "author": "Doug Richar <drichar@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/txnlab/use-wallet.git",
+    "directory": "packages/use-wallet-react"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "exports": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "keywords": [
+    "algorand",
+    "wallet",
+    "walletconnect",
+    "pera",
+    "defly",
+    "exodus",
+    "algosdk",
+    "algokit",
+    "kmd",
+    "react"
+  ],
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tanstack/react-store": "0.8.0",
+    "@d13co/use-wallet": "4.5.0"
+  },
+  "devDependencies": {
+    "@types/react": "18.3.27",
+    "algosdk": "3.5.2",
+    "jsdom": "26.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "tsup": "8.5.1",
+    "typescript": "5.9.3"
+  },
+  "peerDependencies": {
+    "@blockshake/defly-connect": "^1.2.1",
+    "@magic-ext/algorand": "^24.4.2",
+    "@walletconnect/modal": "^2.7.0",
+    "@perawallet/connect": "^1.4.1",
+    "@walletconnect/sign-client": "^2.23.4",
+    "algosdk": "^3.0.0",
+    "lute-connect": "^1.6.3",
+    "magic-sdk": "^29.4.2",
+    "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": {
+      "optional": true
+    },
+    "@magic-ext/algorand": {
+      "optional": true
+    },
+    "@perawallet/connect": {
+      "optional": true
+    },
+    "@walletconnect/modal": {
+      "optional": true
+    },
+    "@walletconnect/sign-client": {
+      "optional": true
+    },
+    "lute-connect": {
+      "optional": true
+    },
+    "magic-sdk": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "start": "tsup src/index.tsx --watch",
+    "test": "vitest run",
+    "test:watch": "vitest --watch",
+    "lint": "eslint -c \"../../.eslintrc.json\" \"**/*.{js,ts}\"",
+    "typecheck": "tsc --noEmit"
+  }
+}