@txnlab/use-wallet 2.0.0-alpha.3 → 2.0.0-alpha.4

package/dist/cjs/index.js

@@ -955,6 +955,11 @@ const useHydratedWalletStore = ((selector, compare) => {
     return hydrated ? store : selector(emptyState);
 });
 
+const useDebugStore = create((set) => ({
+    debug: false,
+    setDebug: (debug) => set({ debug })
+}));
+
 const ClientContext = require$$0.createContext(null);
 var clientStore = ClientContext.Provider;
 
@@ -1091,6 +1096,25 @@ class BaseClient {
 const ICON$8 = 'data:image/svg+xml;base64,' +
     'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzcgMTg3Ij48cmVjdCB4PSItMTEuMzgiIHk9Ii0yNS45NyIgd2lkdGg9IjIwMC4wMiIgaGVpZ2h0PSIyMzEuNTMiIHN0eWxlPSJmaWxsOiNmZTU7Ii8+PHBhdGggZD0iTTk0LjA1LDU5LjYxYzIuMDUsOC40OCwxLjM2LDE1Ljk0LTEuNTUsMTYuNjYtMi45LC43Mi02LjkxLTUuNTctOC45Ni0xNC4wNS0yLjA1LTguNDgtMS4zNi0xNS45NCwxLjU1LTE2LjY2LDIuOS0uNzIsNi45MSw1LjU3LDguOTYsMTQuMDVaIiBzdHlsZT0iZmlsbDojMWMxYzFjOyIvPjxwYXRoIGQ9Ik0xMjcuODUsNjYuOWMtNC41My00LjgxLTEzLjU1LTMuNS0yMC4xNSwyLjkxLTYuNTksNi40MS04LjI2LDE1LjUtMy43MywyMC4zMSw0LjUzLDQuOCwxMy41NSwzLjUsMjAuMTUtMi45MXM4LjI2LTE1LjUsMy43My0yMC4zMVoiIHN0eWxlPSJmaWxsOiMxYzFjMWM7Ii8+PHBhdGggZD0iTTkxLjc5LDE0MC40N2MyLjktLjcyLDMuNDktOC42LDEuMzItMTcuNjEtMi4xNy05LTYuMjktMTUuNzEtOS4xOS0xNC45OS0yLjksLjcyLTMuNDksOC42LTEuMzIsMTcuNjEsMi4xNyw5LDYuMjksMTUuNzEsOS4xOSwxNC45OVoiIHN0eWxlPSJmaWxsOiMxYzFjMWM7Ii8+PHBhdGggZD0iTTYyLjIyLDcxLjNjOC4zNywyLjQ3LDE0LjQ4LDYuOCwxMy42Niw5LjY3LS44MywyLjg3LTguMjgsMy4yLTE2LjY1LC43My04LjM3LTIuNDctMTQuNDgtNi44LTEzLjY2LTkuNjcsLjgzLTIuODcsOC4yOC0zLjIsMTYuNjUtLjczWiIgc3R5bGU9ImZpbGw6IzFjMWMxYzsiLz48cGF0aCBkPSJNMTE2LjU0LDEwMy43NGM4Ljg4LDIuNjIsMTUuNDEsNy4wNywxNC41OSw5Ljk0LS44MywyLjg3LTguNywzLjA4LTE3LjU4LC40Ni04Ljg4LTIuNjItMTUuNDEtNy4wNy0xNC41OS05Ljk0LC44My0yLjg3LDguNy0zLjA4LDE3LjU4LS40NloiIHN0eWxlPSJmaWxsOiMxYzFjMWM7Ii8+PHBhdGggZD0iTTcxLjY0LDk3LjcxYy0yLjA4LTIuMTUtOC44OCwuOTgtMTUuMiw2Ljk5LTYuMzIsNi4wMS05Ljc2LDEyLjYzLTcuNjksMTQuNzgsMi4wOCwyLjE1LDguODgtLjk4LDE1LjItNi45OSw2LjMyLTYuMDEsOS43Ni0xMi42Myw3LjY5LTE0Ljc4WiIgc3R5bGU9ImZpbGw6IzFjMWMxYzsiLz48L3N2Zz4=';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const debugLog = (...args) => {
+    const { debug } = useDebugStore.getState();
+    if (debug) {
+        console.log('%c[USE-WALLET]', 'color: #FF602E; font-weight: bold;', ...args);
+    }
+};
+const getProviderList = (providers) => {
+    return providers
+        .map((provider) => {
+        if (typeof provider === 'string') {
+            return provider;
+        }
+        return provider.id;
+    })
+        .map((id) => id.toUpperCase())
+        .join(', ');
+};
+
 class PeraWalletClient extends BaseClient {
     #client;
     clientOptions;
@@ -1110,13 +1134,14 @@ class PeraWalletClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, clientStatic, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.PERA.toUpperCase()} initializing...`);
             const PeraWalletConnect = clientStatic || (await import('@perawallet/connect')).PeraWalletConnect;
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const peraWallet = new PeraWalletConnect({
                 ...(clientOptions && clientOptions)
             });
-            return new PeraWalletClient({
+            const provider = new PeraWalletClient({
                 metadata: PeraWalletClient.metadata,
                 client: peraWallet,
                 clientOptions,
@@ -1124,6 +1149,8 @@ class PeraWalletClient extends BaseClient {
                 algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.PERA.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.error('Error initializing...', e);
@@ -1257,13 +1284,14 @@ class DaffiWalletClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, clientStatic, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.DAFFI.toUpperCase()} initializing...`);
             const DaffiWalletConnect = clientStatic || (await import('@daffiwallet/connect')).DaffiWalletConnect;
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const daffiWallet = new DaffiWalletConnect({
                 ...(clientOptions ? clientOptions : { shouldShowSignTxnToast: false })
             });
-            return new DaffiWalletClient({
+            const provider = new DaffiWalletClient({
                 metadata: DaffiWalletClient.metadata,
                 client: daffiWallet,
                 clientOptions,
@@ -1271,6 +1299,8 @@ class DaffiWalletClient extends BaseClient {
                 algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.DAFFI.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.error('Error initializing...', e);
@@ -1409,13 +1439,14 @@ class MyAlgoWalletClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, clientStatic, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.MYALGO.toUpperCase()} initializing...`);
             const MyAlgoConnect = clientStatic || (await import('@randlabs/myalgo-connect')).default;
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const myAlgo = new MyAlgoConnect({
                 ...(clientOptions ? clientOptions : { disableLedgerNano: false })
             });
-            return new MyAlgoWalletClient({
+            const provider = new MyAlgoWalletClient({
                 metadata: MyAlgoWalletClient.metadata,
                 client: myAlgo,
                 clientOptions,
@@ -1423,6 +1454,8 @@ class MyAlgoWalletClient extends BaseClient {
                 algodClient: algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.MYALGO.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.error('Error initializing...', e);
@@ -1511,19 +1544,22 @@ class DeflyWalletClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, clientStatic, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.DEFLY.toUpperCase()} initializing...`);
             const DeflyWalletConnect = clientStatic || (await import('@blockshake/defly-connect')).DeflyWalletConnect;
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const deflyWallet = new DeflyWalletConnect({
                 ...(clientOptions && clientOptions)
             });
-            return new DeflyWalletClient({
+            const provider = new DeflyWalletClient({
                 metadata: DeflyWalletClient.metadata,
                 client: deflyWallet,
                 algosdk,
                 algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.DEFLY.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.error('Error initializing...', e);
@@ -1657,13 +1693,14 @@ class ExodusClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.EXODUS.toUpperCase()} initializing...`);
             if (typeof window == 'undefined' || window.exodus === undefined) {
                 throw new Error('Exodus is not available.');
             }
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const exodus = window.exodus.algorand;
-            return new ExodusClient({
+            const provider = new ExodusClient({
                 metadata: ExodusClient.metadata,
                 client: exodus,
                 algosdk: algosdk,
@@ -1671,6 +1708,8 @@ class ExodusClient extends BaseClient {
                 clientOptions: clientOptions || { onlyIfTrusted: false },
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.EXODUS.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.warn(e);
@@ -1775,19 +1814,22 @@ class AlgoSignerClient extends BaseClient {
     };
     static async init({ algodOptions, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.ALGOSIGNER.toUpperCase()} initializing...`);
             if (typeof window == 'undefined' || window.algorand === undefined) {
                 throw new Error('AlgoSigner is not available.');
             }
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const algosigner = window.algorand;
-            return new AlgoSignerClient({
+            const provider = new AlgoSignerClient({
                 metadata: AlgoSignerClient.metadata,
                 client: algosigner,
                 algosdk: algosdk,
                 algodClient: algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.ALGOSIGNER.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.warn(e);
@@ -1948,6 +1990,7 @@ class WalletConnectClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, clientStatic, algosdkStatic, network = DEFAULT_NETWORK }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.WALLETCONNECT.toUpperCase()} initializing...`);
             if (!isPublicNetwork(network)) {
                 throw new Error(`WalletConnect only supports Algorand mainnet, testnet, and betanet. "${network}" is not supported.`);
             }
@@ -1970,8 +2013,8 @@ class WalletConnectClient extends BaseClient {
             // Initialize algod client
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
-            // Initialize wallet client
-            return new WalletConnectClient({
+            // Initialize provider client
+            const provider = new WalletConnectClient({
                 metadata: WalletConnectClient.metadata,
                 client,
                 clientOptions,
@@ -1980,6 +2023,8 @@ class WalletConnectClient extends BaseClient {
                 network,
                 chain
             });
+            debugLog(`${exports.PROVIDER_ID.WALLETCONNECT.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (error) {
             console.error('Error initializing WalletConnect client', error);
@@ -2138,11 +2183,12 @@ class KMDWalletClient extends BaseClient {
     };
     static async init({ clientOptions, algodOptions, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
         try {
+            debugLog(`${exports.PROVIDER_ID.KMD.toUpperCase()} initializing...`);
             const { token = 'a'.repeat(64), host = 'http://localhost', port = '4002', wallet = 'unencrypted-default-wallet', password = '' } = clientOptions || {};
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
             const kmdClient = new algosdk.Kmd(token, host, port);
-            return new KMDWalletClient({
+            const provider = new KMDWalletClient({
                 metadata: KMDWalletClient.metadata,
                 password,
                 wallet,
@@ -2151,6 +2197,8 @@ class KMDWalletClient extends BaseClient {
                 algodClient: algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.KMD.toUpperCase()} initialized`, '✅');
+            return provider;
         }
         catch (e) {
             console.error('Error initializing...', e);
@@ -2294,15 +2342,18 @@ class MnemonicWalletClient extends BaseClient {
         isWalletConnect: false
     };
     static async init({ algodOptions, algosdkStatic, network = DEFAULT_NETWORK$1 }) {
+        debugLog(`${exports.PROVIDER_ID.MNEMONIC.toUpperCase()} initializing...`);
         try {
             const algosdk = algosdkStatic || (await Algod.init(algodOptions)).algosdk;
             const algodClient = getAlgodClient(algosdk, algodOptions);
-            return new MnemonicWalletClient({
+            const provider = new MnemonicWalletClient({
                 metadata: MnemonicWalletClient.metadata,
                 algosdk: algosdk,
                 algodClient: algodClient,
                 network
             });
+            debugLog(`${exports.PROVIDER_ID.MNEMONIC.toUpperCase()} initialized`);
+            return provider;
         }
         catch (e) {
             console.error('Error initializing...', e);
@@ -2616,8 +2667,7 @@ function useWallet() {
 const initializeProviders = async (providers, nodeConfig, algosdkStatic) => {
     const initializedProviders = {};
     if (typeof window === 'undefined') {
-        // @todo add `debug: Boolean` option to enable/disable console logs
-        console.warn('Window object is not available, skipping initialization.');
+        debugLog('Window object is not available, skipping initialization');
         return initializedProviders;
     }
     const { network = DEFAULT_NETWORK$1, nodeServer = DEFAULT_NODE_BASEURL, nodePort = DEFAULT_NODE_PORT, nodeToken = DEFAULT_NODE_TOKEN } = nodeConfig || {};
@@ -2632,14 +2682,15 @@ const initializeProviders = async (providers, nodeConfig, algosdkStatic) => {
         const client = await allClients[id].init(initParams);
         initializedProviders[id] = client;
     };
-    // Initialize default providers if `providers` is undefined or empty
     if (!providers || providers.length === 0) {
+        debugLog('Initializing default providers:', getProviderList(DEFAULT_PROVIDERS));
         const initPromises = Object.keys(allClients)
             .filter((id) => DEFAULT_PROVIDERS.includes(id))
             .map((id) => initClient(id));
         await Promise.all(initPromises);
     }
     else {
+        debugLog('Initializing custom providers:', getProviderList(providers));
         const initPromises = providers.map((provider) => initClient(provider));
         await Promise.all(initPromises);
     }
@@ -2677,7 +2728,10 @@ function encodeNFDTransactionsArray(transactionsArray) {
     });
 }
 
-function useInitializeProviders({ providers = [], nodeConfig, algosdkStatic } = {}) {
+function useInitializeProviders({ providers = [], nodeConfig, algosdkStatic, debug = false } = {}) {
+    // Enable debug mode
+    const { setDebug } = useDebugStore();
+    require$$0.useEffect(() => setDebug(debug), [debug, setDebug]);
     const [walletProviders, setWalletProviders] = require$$0.useState(null);
     require$$0.useEffect(() => {
         async function initializeAndConnect() {