@web3auth/no-modal 10.16.0 → 11.0.0-beta.1

package/dist/lib.cjs/vue/Web3AuthProvider.js

@@ -1,22 +1,26 @@
 'use strict';
 
 var vue = require('vue');
-var analytics = require('../base/analytics.js');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+require('../base/loglevel.js');
 require('@toruslabs/base-controllers');
 var index = require('../base/composables/index.js');
-require('@babel/runtime/helpers/defineProperty');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
-var index$1 = require('../base/errors/index.js');
+require('../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../base/constants.js');
 require('../base/wallet/index.js');
 require('../base/connector/connectorStatus.js');
-var constants = require('../base/connector/constants.js');
+require('../base/connector/constants.js');
 require('jwt-decode');
-var loglevel = require('../base/loglevel.js');
 require('../base/plugin/errors.js');
 require('../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var noModal = require('../noModal.js');
+var useWeb3AuthInnerContextValue = require('./useWeb3AuthInnerContextValue.js');
 var WalletServicesInnerProvider = require('./WalletServicesInnerProvider.js');
 
 const Web3AuthProvider = vue.defineComponent({
@@ -28,177 +32,12 @@ const Web3AuthProvider = vue.defineComponent({
     }
   },
   setup(props) {
-    const web3Auth = vue.shallowRef(null);
-    const provider = vue.ref(null);
-    const isMFAEnabled = vue.ref(false);
-    const status = vue.ref(null);
-    const chainId = vue.ref(null);
-    const chainNamespace = vue.ref(null);
-    const isInitializing = vue.ref(false);
-    const initError = vue.ref(null);
-    const isInitialized = vue.ref(false);
-    const isConnected = vue.ref(false);
-    const isAuthorized = vue.ref(false);
-    const getPlugin = name => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      return web3Auth.value.getPlugin(name);
-    };
-    const setIsMFAEnabled = isMfaEnabled => {
-      isMFAEnabled.value = isMfaEnabled;
-    };
-    vue.watch(() => props.config, (newConfig, _, onInvalidate) => {
-      const resetHookState = () => {
-        provider.value = null;
-        isMFAEnabled.value = false;
-        isConnected.value = false;
-        isAuthorized.value = false;
-        status.value = null;
-        chainId.value = null;
-        chainNamespace.value = null;
-      };
-      onInvalidate(() => {
-        if (web3Auth.value) {
-          web3Auth.value.cleanup();
-        }
-      });
-      resetHookState();
-      const {
-        web3AuthOptions
-      } = newConfig;
-      const web3AuthInstance = new noModal.Web3AuthNoModal(web3AuthOptions);
-      web3AuthInstance.setAnalyticsProperties({
-        integration_type: analytics.ANALYTICS_INTEGRATION_TYPE.VUE_COMPOSABLES
-      });
-      web3Auth.value = web3AuthInstance;
-    }, {
-      immediate: true
-    });
-    vue.watch(web3Auth, async (newWeb3Auth, _, onInvalidate) => {
-      const controller = new AbortController();
-      // Invalidate the controller here before calling any async methods.
-      onInvalidate(() => {
-        controller.abort();
-      });
-      if (newWeb3Auth) {
-        try {
-          initError.value = null;
-          isInitializing.value = true;
-          await newWeb3Auth.init({
-            signal: controller.signal
-          });
-        } catch (error) {
-          loglevel.log.error("Error initializing web3auth", error);
-          initError.value = error;
-        } finally {
-          isInitializing.value = false;
-        }
-      }
-    }, {
-      immediate: true
-    });
-    vue.watch(web3Auth, (newWeb3Auth, prevWeb3Auth) => {
-      const notReadyListener = () => {
-        status.value = web3Auth.value.status;
-      };
-      const readyListener = () => {
-        status.value = web3Auth.value.status;
-        isInitialized.value = true;
-      };
-      const connectedListener = () => {
-        status.value = web3Auth.value.status;
-        // we do this because of rehydration issues. status connected is fired first but web3auth sdk is not ready yet.
-        if (web3Auth.value.status === constants.CONNECTOR_STATUS.CONNECTED) {
-          var _web3Auth$value$curre, _web3Auth$value$curre2;
-          if (!isInitialized.value) isInitialized.value = true;
-          isConnected.value = true;
-          provider.value = newWeb3Auth.provider;
-          chainId.value = web3Auth.value.currentChainId;
-          chainNamespace.value = (_web3Auth$value$curre = (_web3Auth$value$curre2 = web3Auth.value.currentChain) === null || _web3Auth$value$curre2 === void 0 ? void 0 : _web3Auth$value$curre2.chainNamespace) !== null && _web3Auth$value$curre !== void 0 ? _web3Auth$value$curre : null;
-        }
-      };
-      const authorizedListener = () => {
-        status.value = web3Auth.value.status;
-        if (web3Auth.value.status === constants.CONNECTOR_STATUS.AUTHORIZED) {
-          isAuthorized.value = true;
-          isConnected.value = true;
-        }
-      };
-      const disconnectedListener = () => {
-        status.value = web3Auth.value.status;
-        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;
-      };
-      const mfaEnabledListener = () => {
-        isMFAEnabled.value = true;
-      };
-      // unregister previous listeners
-      if (prevWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.READY, readyListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.ERRORED, errorListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
-        prevWeb3Auth.removeListener(constants.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
-      }
-      if (newWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        status.value = newWeb3Auth.status;
-        // web3Auth is initialized here.
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.READY, readyListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.AUTHORIZED, authorizedListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.ERRORED, errorListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.REHYDRATION_ERROR, errorListener);
-        newWeb3Auth.on(constants.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
-      }
-    }, {
-      immediate: true
-    });
-    // Listen for chain changes on the provider
-    vue.watch(provider, (newProvider, prevProvider) => {
-      const handleChainChange = newChainId => {
-        var _web3Auth$value$curre3, _web3Auth$value;
-        chainId.value = newChainId;
-        chainNamespace.value = (_web3Auth$value$curre3 = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 || (_web3Auth$value = _web3Auth$value.currentChain) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.chainNamespace) !== null && _web3Auth$value$curre3 !== void 0 ? _web3Auth$value$curre3 : null;
-      };
-      // unregister previous listener
-      if (prevProvider && newProvider !== prevProvider) {
-        prevProvider.removeListener("chainChanged", handleChainChange);
-      }
-      if (newProvider && newProvider !== prevProvider) {
-        newProvider.on("chainChanged", handleChainChange);
-      }
-    }, {
-      immediate: true
-    });
-    vue.provide(index.Web3AuthContextKey, {
-      web3Auth,
-      isConnected,
-      isInitialized,
-      provider,
-      status,
-      isInitializing,
-      initError,
-      isMFAEnabled,
-      chainId,
-      chainNamespace,
-      getPlugin,
-      setIsMFAEnabled,
-      isAuthorized
+    const value = useWeb3AuthInnerContextValue.useWeb3AuthInnerContextValue({
+      Web3AuthConstructor: noModal.Web3AuthNoModal,
+      watchSource: () => props.config,
+      getWeb3AuthOptions: config => config.web3AuthOptions
     });
+    vue.provide(index.Web3AuthContextKey, value);
   },
   render() {
     var _this$$slots$default;

package/dist/lib.cjs/vue/composables/{useIdentityToken.js → useAuthTokenInfo.js}

@@ -6,19 +6,21 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
-const useIdentityToken = () => {
+const useAuthTokenInfo = () => {
   const {
     web3Auth,
     isAuthorized
@@ -26,18 +28,18 @@ const useIdentityToken = () => {
   const loading = vue.ref(false);
   const error = vue.ref(null);
   const token = vue.ref(null);
-  const getIdentityToken = async () => {
+  const getAuthTokenInfo = async () => {
     try {
       if (!web3Auth.value) throw index.WalletInitializationError.notReady();
       error.value = null;
       loading.value = true;
-      const result = await web3Auth.value.getIdentityToken();
+      const result = await web3Auth.value.getAuthTokenInfo();
       if (result !== null && result !== void 0 && result.idToken) {
         token.value = result.idToken;
       }
       return result === null || result === void 0 ? void 0 : result.idToken;
     } catch (err) {
-      loglevel.log.error("Error getting identity token", err);
+      loglevel.log.error("Error getting auth token info", err);
       error.value = err;
     } finally {
       loading.value = false;
@@ -58,8 +60,8 @@ const useIdentityToken = () => {
     loading,
     error,
     token,
-    getIdentityToken
+    getAuthTokenInfo
   };
 };
 
-exports.useIdentityToken = useIdentityToken;
+exports.useAuthTokenInfo = useAuthTokenInfo;

package/dist/lib.cjs/vue/composables/useCheckout.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 var errors = require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
 
 const useCheckout = () => {

package/dist/lib.cjs/vue/composables/useEnableMFA.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useEnableMFA = () => {

package/dist/lib.cjs/vue/composables/useFunding.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 var errors = require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
 
 const useFunding = () => {

package/dist/lib.cjs/vue/composables/useInjectedWeb3AuthInnerContext.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var vue = require('vue');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+require('../../base/loglevel.js');
+require('@toruslabs/base-controllers');
+var index = require('../../base/composables/index.js');
+require('@toruslabs/session-manager');
+require('@web3auth/auth');
+var index$1 = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/connectorStatus.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+
+function useInjectedWeb3AuthInnerContext() {
+  const context = vue.inject(index.Web3AuthContextKey);
+  if (!context) throw index$1.WalletInitializationError.fromCode(1000, "usage of `useWeb3Auth` not wrapped in `Web3AuthProvider`.");
+  return context;
+}
+
+exports.useInjectedWeb3AuthInnerContext = useInjectedWeb3AuthInnerContext;

package/dist/lib.cjs/vue/composables/useManageMFA.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useManageMFA = () => {

package/dist/lib.cjs/vue/composables/useReceive.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 var errors = require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
 
 const useReceive = () => {

package/dist/lib.cjs/vue/composables/useSwap.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 var errors = require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
 
 const useSwap = () => {

package/dist/lib.cjs/vue/composables/useSwitchChain.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useSwitchChain = () => {

package/dist/lib.cjs/vue/composables/useWalletConnectScanner.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 var errors = require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
 
 const useWalletConnectScanner = () => {

package/dist/lib.cjs/vue/composables/useWalletUI.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 var errors = require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
 
 const useWalletUI = () => {

package/dist/lib.cjs/vue/composables/useWallets.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+var loglevel = require('../../base/loglevel.js');
+require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
+require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/connectorStatus.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useWallets = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const wallets = vue.ref([]);
+  const syncWallets = async () => {
+    if (!web3Auth.value) throw index.WalletInitializationError.notReady();
+    error.value = null;
+    loading.value = true;
+    try {
+      const result = await web3Auth.value.getConnectedAccountsWithProviders();
+      wallets.value = result;
+    } catch (err) {
+      loglevel.log.error("Error getting wallets", err);
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    wallets,
+    syncWallets
+  };
+};
+
+exports.useWallets = useWallets;

package/dist/lib.cjs/vue/composables/useWeb3Auth.js

@@ -3,32 +3,7 @@
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useWeb3Auth = () => {
-  const {
-    initError,
-    isConnected,
-    isInitialized,
-    isInitializing,
-    isAuthorized,
-    provider,
-    status,
-    web3Auth,
-    getPlugin,
-    chainId,
-    chainNamespace
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  return {
-    initError,
-    isConnected,
-    isInitialized,
-    isInitializing,
-    isAuthorized,
-    provider,
-    status,
-    web3Auth,
-    chainId,
-    chainNamespace,
-    getPlugin
-  };
+  return useWeb3AuthInner.useWeb3AuthInner();
 };
 
 exports.useWeb3Auth = useWeb3Auth;

package/dist/lib.cjs/vue/composables/useWeb3AuthConnect.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useWeb3AuthConnect = () => {
@@ -32,7 +34,7 @@ const useWeb3AuthConnect = () => {
     }
     if (newVal && !connectorName.value) {
       var _web3Auth$value;
-      connectorName.value = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.connectedConnectorName;
+      connectorName.value = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.primaryConnectorName;
     }
   }, {
     immediate: true
@@ -43,7 +45,7 @@ const useWeb3AuthConnect = () => {
       error.value = null;
       loading.value = true;
       const localProvider = await web3Auth.value.connectTo(connectorType, loginParams);
-      connectorName.value = web3Auth.value.connectedConnectorName;
+      connectorName.value = web3Auth.value.primaryConnectorName;
       return localProvider;
     } catch (err) {
       loglevel.log.error("Error connecting", err);

package/dist/lib.cjs/vue/composables/useWeb3AuthDisconnect.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useWeb3AuthDisconnect = () => {