@txnlab/use-wallet 1.0.5 → 1.1.5

package/README.md

@@ -258,6 +258,26 @@ export default function Account() {
 }
 ```
 
+### Check connection status
+
+The `isActive` and `isReady` properties can be used to check the status of the wallets. The `isActive` property determines whether or not an account is currently active. The `isReady` property shows if `use-wallet` has mounted and successfully read the connection status from the providers. These properties are useful when setting up client side access restrictions, for example, by redirecting a user if no wallet is active, as shown below.
+
+```jsx
+  const { isActive, isReady } = useWallet()
+
+  useEffect(() => {
+    if (isReady && isActive) {
+      allowAccess()
+    }
+
+    if (isReady && !isActive) {
+      denyAccess()
+    }
+  })
+
+```
+
+
 ## Provider Configuration
 
 The `initializeProviders` functon accepts a configuration object that can be used to configure the nodes that the providers use to send transactions, as shown below.
@@ -462,6 +482,7 @@ yarn link react
 Are you using `@txnlab/use-wallet`? We'd love to include you here. Let us know! [Twitter](https://twitter.com/NFDomains) | [Discord](https://discord.gg/7XcuMTfeZP) | [Email](mailto:admin@txnlab.dev)
 
 * [@algoscan/use-wallet-ui](https://github.com/algoscan/use-wallet-ui)
+* [@algoworldnft/algoworld-swapper](https://github.com/algoworldnft/algoworld-swapper)
 
 ## License
 

package/dist/cjs/hooks/useWallet.d.ts

@@ -14,8 +14,11 @@ export default function useWallet(): {
     providers: Provider[] | null;
     connectedAccounts: import("../types").Account[];
     connectedActiveAccounts: import("../types").Account[];
-    activeAccount: import("../types").Account | null;
+    activeAccount: import("../types").Account | null | undefined;
     activeAddress: string | undefined;
+    status: string;
+    isActive: boolean;
+    isReady: boolean;
     signer: algosdk.TransactionSigner;
     signTransactions: (transactions: Array<Uint8Array>, indexesToSign?: number[], returnGroup?: boolean) => Promise<Uint8Array[]>;
     sendTransactions: (transactions: Uint8Array[], waitRoundsToConfirm?: number) => Promise<{

package/dist/cjs/index.js

@@ -888,7 +888,7 @@ const walletStoreSelector = (state) => ({
 });
 const emptyState = {
     accounts: [],
-    activeAccount: null,
+    activeAccount: undefined,
     setActiveAccount: (account) => { },
     clearActiveAccount: (id) => { },
     addAccounts: (accounts) => { },
@@ -2283,6 +2283,27 @@ function useWallet() {
             throw new Error("Client not found for ID");
         return client;
     };
+    const status = require$$0.useMemo(() => {
+        if (activeAccount === undefined) {
+            return "initializing";
+        }
+        if (activeAccount === null && connectedAccounts.length) {
+            return "connected";
+        }
+        if (activeAccount === null && !connectedAccounts.length) {
+            return "disconnected";
+        }
+        if (activeAccount && activeAccount.address) {
+            return "active";
+        }
+        return "error";
+    }, [activeAccount]);
+    const isActive = require$$0.useMemo(() => {
+        return status === "active";
+    }, [status]);
+    const isReady = require$$0.useMemo(() => {
+        return status !== "initializing";
+    }, [status]);
     const selectActiveAccount = async (providerId, address) => {
         try {
             const account = connectedActiveAccounts.find((acct) => acct.address === address && acct.providerId === providerId);
@@ -2396,6 +2417,9 @@ function useWallet() {
         connectedActiveAccounts,
         activeAccount,
         activeAddress: activeAccount?.address,
+        status,
+        isActive,
+        isReady,
         signer,
         signTransactions,
         sendTransactions,