add error logs for hooks in modal

chaitanyapotti · chaitanyapotti · commit 835c30903688 · 2025-12-06T00:51:37.000+08:00
diff --git a/packages/modal/src/vue/Web3AuthProvider.ts b/packages/modal/src/vue/Web3AuthProvider.ts
@@ -4,6 +4,7 @@ import {
   CONNECTOR_STATUS,
   type CONNECTOR_STATUS_TYPE,
   type IProvider,
+  log,
   WalletInitializationError,
   Web3AuthContextKey,
 } from "@web3auth/no-modal";
@@ -80,6 +81,7 @@ export const Web3AuthProvider = defineComponent({
             isInitializing.value = true;
             await newWeb3Auth.init({ signal: controller.signal });
           } catch (error) {
+            log.error("Error initializing web3auth", error);
             initError.value = error as Error;
           } finally {
             isInitializing.value = false;
diff --git a/packages/modal/src/vue/composables/useCheckout.ts b/packages/modal/src/vue/composables/useCheckout.ts
@@ -1,5 +1,5 @@
 import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
-import { WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWalletServicesPlugin } from "./useWalletServicesPlugin";
@@ -24,6 +24,7 @@ export const useCheckout = (): IUseCheckout => {
 
       await plugin.value.showCheckout(showCheckoutParams);
     } catch (err) {
+      log.error("Error showing checkout", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useEnableMFA.ts b/packages/modal/src/vue/composables/useEnableMFA.ts
@@ -1,4 +1,4 @@
-import { WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -21,6 +21,7 @@ export const useEnableMFA = (): IUseEnableMFA => {
       loading.value = true;
       await web3Auth.value.enableMFA();
     } catch (err) {
+      log.error("Error enabling MFA", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useFunding.ts b/packages/modal/src/vue/composables/useFunding.ts
@@ -1,5 +1,5 @@
 import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
-import { WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWalletServicesPlugin } from "./useWalletServicesPlugin";
@@ -24,6 +24,7 @@ export const useFunding = (): IUseFunding => {
 
       await plugin.value.showFunding(showFundingParams);
     } catch (err) {
+      log.error("Error showing funding", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useIdentityToken.ts b/packages/modal/src/vue/composables/useIdentityToken.ts
@@ -1,4 +1,4 @@
-import { WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref, watch } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -27,6 +27,7 @@ export const useIdentityToken = (): IUseIdentityToken => {
       }
       return result?.idToken;
     } catch (err) {
+      log.error("Error getting identity token", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useManageMFA.ts b/packages/modal/src/vue/composables/useManageMFA.ts
@@ -1,4 +1,4 @@
-import { WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -21,6 +21,7 @@ export const useManageMFA = (): IUseManageMFA => {
       loading.value = true;
       await web3Auth.value.manageMFA();
     } catch (err) {
+      log.error("Error managing MFA", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useReceive.ts b/packages/modal/src/vue/composables/useReceive.ts
@@ -1,5 +1,5 @@
 import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
-import { WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWalletServicesPlugin } from "./useWalletServicesPlugin";
@@ -24,6 +24,7 @@ export const useReceive = (): IUseReceive => {
 
       await plugin.value.showReceive(showReceiveParams);
     } catch (err) {
+      log.error("Error showing receive", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useSwap.ts b/packages/modal/src/vue/composables/useSwap.ts
@@ -1,5 +1,5 @@
 import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
-import { WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWalletServicesPlugin } from "./useWalletServicesPlugin";
@@ -24,6 +24,7 @@ export const useSwap = (): IUseSwap => {
 
       await plugin.value.showSwap(showSwapParams);
     } catch (err) {
+      log.error("Error showing swap", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useSwitchChain.ts b/packages/modal/src/vue/composables/useSwitchChain.ts
@@ -1,4 +1,4 @@
-import { WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -21,6 +21,7 @@ export const useSwitchChain = (): IUseSwitchChain => {
       loading.value = true;
       await web3Auth.value.switchChain(chainParams);
     } catch (err) {
+      log.error("Error switching chain", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useWalletConnectScanner.ts b/packages/modal/src/vue/composables/useWalletConnectScanner.ts
@@ -1,5 +1,5 @@
 import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
-import { WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWalletServicesPlugin } from "./useWalletServicesPlugin";
@@ -24,6 +24,7 @@ export const useWalletConnectScanner = (): IUseWalletConnectScanner => {
 
       await plugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
     } catch (err) {
+      log.error("Error showing wallet connect scanner", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useWalletUI.ts b/packages/modal/src/vue/composables/useWalletUI.ts
@@ -1,5 +1,5 @@
 import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
-import { WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletServicesPluginError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWalletServicesPlugin } from "./useWalletServicesPlugin";
@@ -24,6 +24,7 @@ export const useWalletUI = (): IUseWalletUI => {
 
       await plugin.value.showWalletUi(showWalletUiParams);
     } catch (err) {
+      log.error("Error showing wallet UI", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useWeb3AuthConnect.ts b/packages/modal/src/vue/composables/useWeb3AuthConnect.ts
@@ -1,4 +1,4 @@
-import { IProvider, LoginParamMap, WALLET_CONNECTOR_TYPE, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { IProvider, log, LoginParamMap, WALLET_CONNECTOR_TYPE, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref, watch } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -40,6 +40,7 @@ export const useWeb3AuthConnect = (): IUseWeb3AuthConnect => {
       connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
+      log.error("Error connecting", err);
       error.value = err as Web3AuthError;
       return null;
     } finally {
@@ -56,6 +57,7 @@ export const useWeb3AuthConnect = (): IUseWeb3AuthConnect => {
       connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
+      log.error("Error connecting to", err);
       error.value = err as Web3AuthError;
       return null;
     } finally {
diff --git a/packages/modal/src/vue/composables/useWeb3AuthDisconnect.ts b/packages/modal/src/vue/composables/useWeb3AuthDisconnect.ts
@@ -1,4 +1,4 @@
-import { WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -21,6 +21,7 @@ export const useWeb3AuthDisconnect = (): IUseWeb3AuthDisconnect => {
       loading.value = true;
       await web3Auth.value.logout(options);
     } catch (err) {
+      log.error("Error disconnecting", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/composables/useWeb3AuthUser.ts b/packages/modal/src/vue/composables/useWeb3AuthUser.ts
@@ -1,4 +1,4 @@
-import { type UserInfo, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, type UserInfo, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref, watch } from "vue";
 
 import { useWeb3AuthInner } from "./useWeb3AuthInner";
@@ -26,6 +26,7 @@ export const useWeb3AuthUser = (): IUseWeb3AuthUser => {
       userInfo.value = result;
       return result;
     } catch (err) {
+      log.error("Error getting user info", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/solana/composables/useSignAndSendTransaction.ts b/packages/modal/src/vue/solana/composables/useSignAndSendTransaction.ts
@@ -1,4 +1,4 @@
-import { TransactionOrVersionedTransaction, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, TransactionOrVersionedTransaction, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useSolanaWallet } from "./useSolanaWallet";
@@ -25,6 +25,7 @@ export const useSignAndSendTransaction = (): IUseSignAndSendTransaction => {
       data.value = signature;
       return signature;
     } catch (err) {
+      log.error("Error signing and sending transaction", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/solana/composables/useSignMessage.ts b/packages/modal/src/vue/solana/composables/useSignMessage.ts
@@ -1,4 +1,4 @@
-import { WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useSolanaWallet } from "./useSolanaWallet";
@@ -24,6 +24,7 @@ export const useSignMessage = (): IUseSignMessage => {
       data.value = signature;
       return signature;
     } catch (err) {
+      log.error("Error signing message", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
diff --git a/packages/modal/src/vue/solana/composables/useSignTransaction.ts b/packages/modal/src/vue/solana/composables/useSignTransaction.ts
@@ -1,4 +1,4 @@
-import { TransactionOrVersionedTransaction, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
+import { log, TransactionOrVersionedTransaction, WalletInitializationError, Web3AuthError } from "@web3auth/no-modal";
 import { Ref, ref } from "vue";
 
 import { useSolanaWallet } from "./useSolanaWallet";
@@ -25,6 +25,7 @@ export const useSignTransaction = (): IUseSignTransaction => {
       data.value = signedTransaction;
       return signedTransaction;
     } catch (err) {
+      log.error("Error signing transaction", err);
       error.value = err as Web3AuthError;
     } finally {
       loading.value = false;
