@web3auth/modal 10.9.1 → 10.11.0

package/dist/lib.esm/packages/modal/src/vue/Web3AuthProvider.js

@@ -1,4 +1,4 @@
-import { ANALYTICS_INTEGRATION_TYPE, CONNECTOR_EVENTS, Web3AuthContextKey, CONNECTOR_STATUS, WalletInitializationError } from '@web3auth/no-modal';
+import { ANALYTICS_INTEGRATION_TYPE, log, CONNECTOR_EVENTS, Web3AuthContextKey, CONNECTOR_STATUS, WalletInitializationError } from '@web3auth/no-modal';
 import { defineComponent, h, shallowRef, ref, watch, provide } from 'vue';
 import { Web3Auth } from '../modalManager.js';
 import { WalletServicesInnerProvider } from './WalletServicesInnerProvider.js';
@@ -16,6 +16,7 @@ const Web3AuthProvider = defineComponent({
     const provider = ref(null);
     const isMFAEnabled = ref(false);
     const status = ref(null);
+    const isAuthorized = ref(false);
     const isInitializing = ref(false);
     const initError = ref(null);
     const isInitialized = ref(false);
@@ -32,6 +33,7 @@ const Web3AuthProvider = defineComponent({
         provider.value = null;
         isMFAEnabled.value = false;
         isConnected.value = false;
+        isAuthorized.value = false;
         status.value = null;
       };
       onInvalidate(() => {
@@ -66,6 +68,7 @@ const Web3AuthProvider = defineComponent({
             signal: controller.signal
           });
         } catch (error) {
+          log.error("Error initializing web3auth", error);
           initError.value = error;
         } finally {
           isInitializing.value = false;
@@ -96,15 +99,19 @@ const Web3AuthProvider = defineComponent({
         isConnected.value = false;
         provider.value = null;
         isMFAEnabled.value = false;
+        isAuthorized.value = false;
       };
       const connectingListener = () => {
         status.value = web3Auth.value.status;
       };
       const errorListener = () => {
         status.value = web3Auth.value.status;
-        if (isConnected.value) {
-          isConnected.value = false;
-          provider.value = null;
+      };
+      const authorizedListener = () => {
+        status.value = web3Auth.value.status;
+        if (web3Auth.value.status === CONNECTOR_STATUS.AUTHORIZED) {
+          isConnected.value = true;
+          isAuthorized.value = true;
         }
       };
       const mfaEnabledListener = () => {
@@ -113,14 +120,15 @@ const Web3AuthProvider = defineComponent({
 
       // unregister previous listeners
       if (prevWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        prevWeb3Auth.off(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.READY, readyListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.ERRORED, errorListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.READY, readyListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.CONNECTED, connectedListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.CONNECTING, connectingListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.ERRORED, errorListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
+        prevWeb3Auth.removeListener(CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
       }
       if (newWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
         status.value = newWeb3Auth.status;
@@ -128,6 +136,7 @@ const Web3AuthProvider = defineComponent({
         newWeb3Auth.on(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.READY, readyListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTED, connectedListener);
+        newWeb3Auth.on(CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTING, connectingListener);
         newWeb3Auth.on(CONNECTOR_EVENTS.ERRORED, errorListener);
@@ -140,6 +149,7 @@ const Web3AuthProvider = defineComponent({
     provide(Web3AuthContextKey, {
       web3Auth,
       isConnected,
+      isAuthorized,
       isInitialized,
       provider,
       status,

package/dist/lib.esm/packages/modal/src/vue/composables/useCheckout.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useCheckout = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showCheckout(showCheckoutParams);
     } catch (err) {
+      log.error("Error showing checkout", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useEnableMFA.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useEnableMFA = () => {
       loading.value = true;
       await web3Auth.value.enableMFA();
     } catch (err) {
+      log.error("Error enabling MFA", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useFunding.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useFunding = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showFunding(showFundingParams);
     } catch (err) {
+      log.error("Error showing funding", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useIdentityToken.js

@@ -1,11 +1,11 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
 const useIdentityToken = () => {
   const {
     web3Auth,
-    isConnected
+    isAuthorized
   } = useWeb3AuthInner();
   const loading = ref(false);
   const error = ref(null);
@@ -21,15 +21,22 @@ const useIdentityToken = () => {
       }
       return result === null || result === void 0 ? void 0 : result.idToken;
     } catch (err) {
+      log.error("Error getting identity token", err);
       error.value = err;
     } finally {
       loading.value = false;
     }
   };
-  watch(isConnected, newIsConnected => {
-    if (!newIsConnected && token.value) {
+  watch(isAuthorized, newIsAuthorized => {
+    if (!web3Auth.value) return;
+    if (!newIsAuthorized && token.value) {
       token.value = null;
     }
+    if (newIsAuthorized && !token.value) {
+      token.value = web3Auth.value.idToken;
+    }
+  }, {
+    immediate: true
   });
   return {
     loading,

package/dist/lib.esm/packages/modal/src/vue/composables/useManageMFA.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useManageMFA = () => {
       loading.value = true;
       await web3Auth.value.manageMFA();
     } catch (err) {
+      log.error("Error managing MFA", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useReceive.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useReceive = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showReceive(showReceiveParams);
     } catch (err) {
+      log.error("Error showing receive", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useSwap.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useSwap = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showSwap(showSwapParams);
     } catch (err) {
+      log.error("Error showing swap", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useSwitchChain.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useSwitchChain = () => {
       loading.value = true;
       await web3Auth.value.switchChain(chainParams);
     } catch (err) {
+      log.error("Error switching chain", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWalletConnectScanner.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useWalletConnectScanner = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
     } catch (err) {
+      log.error("Error showing wallet connect scanner", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWalletUI.js

@@ -1,4 +1,4 @@
-import { WalletServicesPluginError } from '@web3auth/no-modal';
+import { WalletServicesPluginError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
 
@@ -17,6 +17,7 @@ const useWalletUI = () => {
       if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
       await plugin.value.showWalletUi(showWalletUiParams);
     } catch (err) {
+      log.error("Error showing wallet UI", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthConnect.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -30,6 +30,7 @@ const useWeb3AuthConnect = () => {
       connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
+      log.error("Error connecting", err);
       error.value = err;
       return null;
     } finally {
@@ -45,6 +46,7 @@ const useWeb3AuthConnect = () => {
       connectorName.value = web3Auth.value.connectedConnectorName;
       return localProvider;
     } catch (err) {
+      log.error("Error connecting to", err);
       error.value = err;
       return null;
     } finally {

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthDisconnect.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -15,6 +15,7 @@ const useWeb3AuthDisconnect = () => {
       loading.value = true;
       await web3Auth.value.logout(options);
     } catch (err) {
+      log.error("Error disconnecting", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthUser.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref, watch } from 'vue';
 import { useWeb3AuthInner } from './useWeb3AuthInner.js';
 
@@ -21,6 +21,7 @@ const useWeb3AuthUser = () => {
       userInfo.value = result;
       return result;
     } catch (err) {
+      log.error("Error getting user info", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSignAndSendTransaction.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useSolanaWallet } from './useSolanaWallet.js';
 
@@ -18,6 +18,7 @@ const useSignAndSendTransaction = () => {
       data.value = signature;
       return signature;
     } catch (err) {
+      log.error("Error signing and sending transaction", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSignMessage.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useSolanaWallet } from './useSolanaWallet.js';
 
@@ -20,6 +20,7 @@ const useSignMessage = () => {
       data.value = signature;
       return signature;
     } catch (err) {
+      log.error("Error signing message", err);
       error.value = err;
     } finally {
       loading.value = false;

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSignTransaction.js

@@ -1,4 +1,4 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
+import { WalletInitializationError, log } from '@web3auth/no-modal';
 import { ref } from 'vue';
 import { useSolanaWallet } from './useSolanaWallet.js';
 
@@ -18,6 +18,7 @@ const useSignTransaction = () => {
       data.value = signedTransaction;
       return signedTransaction;
     } catch (err) {
+      log.error("Error signing transaction", err);
       error.value = err;
     } finally {
       loading.value = false;