@web3auth/no-modal 10.0.0-beta.4 → 10.0.0-beta.6

package/dist/lib.cjs/vue/{no-modal/Web3AuthProvider.js → Web3AuthProvider.js}

@@ -2,19 +2,20 @@
 
 var vue = require('vue');
 require('@toruslabs/base-controllers');
-var index = require('../../base/composables/index.js');
+var index = require('../base/composables/index.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@web3auth/auth');
-var index$1 = require('../../base/errors/index.js');
-require('../../base/wallet/index.js');
-var constants = require('../../base/connector/constants.js');
+var index$1 = require('../base/errors/index.js');
+require('../base/wallet/index.js');
+var constants = require('../base/connector/constants.js');
 require('jwt-decode');
-require('../../base/loglevel.js');
-require('../../base/plugin/errors.js');
-require('../../base/plugin/IPlugin.js');
+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 noModal = require('../noModal.js');
+var WalletServicesInnerProvider = require('./WalletServicesInnerProvider.js');
 
 const Web3AuthProvider = vue.defineComponent({
   name: "Web3AuthProvider",
@@ -27,64 +28,22 @@ const Web3AuthProvider = vue.defineComponent({
   setup(props) {
     const web3Auth = vue.shallowRef(null);
     const provider = vue.ref(null);
-    const userInfo = vue.ref(null);
     const isMFAEnabled = vue.ref(false);
     const status = vue.ref(null);
     const isInitializing = vue.ref(false);
     const initError = vue.ref(null);
     const isInitialized = vue.ref(false);
-    const isConnecting = vue.ref(false);
-    const connectError = vue.ref(null);
     const isConnected = vue.ref(false);
     const getPlugin = name => {
       if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
       return web3Auth.value.getPlugin(name);
     };
-    const enableMFA = async loginParams => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      if (!isConnected.value) throw index$1.WalletLoginError.notConnectedError();
-      await web3Auth.value.enableMFA(loginParams);
-      const localUserInfo = await web3Auth.value.getUserInfo();
-      userInfo.value = localUserInfo;
-      isMFAEnabled.value = localUserInfo.isMfaEnabled || false;
-    };
-    const manageMFA = async loginParams => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      if (!isConnected.value) throw index$1.WalletLoginError.notConnectedError();
-      await web3Auth.value.manageMFA(loginParams);
-    };
-    const logout = async (logoutParams = {
-      cleanup: false
-    }) => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      if (!isConnected.value) throw index$1.WalletLoginError.notConnectedError();
-      await web3Auth.value.logout(logoutParams);
-    };
-    const connectTo = async (walletName, loginParams) => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      try {
-        connectError.value = null;
-        isConnecting.value = true;
-        const localProvider = await web3Auth.value.connectTo(walletName, loginParams);
-        return localProvider;
-      } catch (error) {
-        connectError.value = error;
-      } finally {
-        isConnecting.value = false;
-      }
-    };
-    const authenticateUser = async () => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      return web3Auth.value.authenticateUser();
-    };
-    const switchChain = chainParams => {
-      if (!web3Auth.value) throw index$1.WalletInitializationError.notReady();
-      return web3Auth.value.switchChain(chainParams);
+    const setIsMFAEnabled = isMfaEnabled => {
+      isMFAEnabled.value = isMfaEnabled;
     };
     vue.watch(() => props.config, (newConfig, _, onInvalidate) => {
       const resetHookState = () => {
         provider.value = null;
-        userInfo.value = null;
         isMFAEnabled.value = false;
         isConnected.value = false;
         status.value = null;
@@ -104,12 +63,12 @@ const Web3AuthProvider = vue.defineComponent({
       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) {
-        const controller = new AbortController();
-        // Invalidate the controller here before calling any async methods.
-        onInvalidate(() => {
-          controller.abort();
-        });
         try {
           initError.value = null;
           isInitializing.value = true;
@@ -125,24 +84,10 @@ const Web3AuthProvider = vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(isConnected, () => {
-      if (web3Auth.value) {
-        const addState = async web3AuthInstance => {
-          provider.value = web3AuthInstance.provider;
-          const userState = await web3AuthInstance.getUserInfo();
-          userInfo.value = userState;
-          isMFAEnabled.value = (userState === null || userState === void 0 ? void 0 : userState.isMfaEnabled) || false;
-        };
-        const resetState = () => {
-          provider.value = null;
-          userInfo.value = null;
-          isMFAEnabled.value = false;
-        };
-        if (isConnected.value) addState(web3Auth.value);else resetState();
-      }
-    });
     vue.watch(web3Auth, (newWeb3Auth, prevWeb3Auth) => {
-      const notReadyListener = () => status.value = web3Auth.value.status;
+      const notReadyListener = () => {
+        status.value = web3Auth.value.status;
+      };
       const readyListener = () => {
         status.value = web3Auth.value.status;
         isInitialized.value = true;
@@ -151,13 +96,16 @@ const Web3AuthProvider = vue.defineComponent({
         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) {
-          isInitialized.value = true;
+          if (!isInitialized.value) isInitialized.value = true;
           isConnected.value = true;
+          provider.value = newWeb3Auth.provider;
         }
       };
       const disconnectedListener = () => {
         status.value = web3Auth.value.status;
         isConnected.value = false;
+        provider.value = null;
+        isMFAEnabled.value = false;
       };
       const connectingListener = () => {
         status.value = web3Auth.value.status;
@@ -165,6 +113,9 @@ const Web3AuthProvider = vue.defineComponent({
       const errorListener = () => {
         status.value = constants.CONNECTOR_EVENTS.ERRORED;
       };
+      const mfaEnabledListener = () => {
+        isMFAEnabled.value = true;
+      };
       // unregister previous listeners
       if (prevWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
         prevWeb3Auth.off(constants.CONNECTOR_EVENTS.NOT_READY, notReadyListener);
@@ -173,6 +124,7 @@ const Web3AuthProvider = vue.defineComponent({
         prevWeb3Auth.off(constants.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         prevWeb3Auth.off(constants.CONNECTOR_EVENTS.CONNECTING, connectingListener);
         prevWeb3Auth.off(constants.CONNECTOR_EVENTS.ERRORED, errorListener);
+        prevWeb3Auth.off(constants.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
       }
       if (newWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
         status.value = newWeb3Auth.status;
@@ -183,6 +135,7 @@ const Web3AuthProvider = vue.defineComponent({
         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.MFA_ENABLED, mfaEnabledListener);
       }
     }, {
       immediate: true
@@ -192,25 +145,17 @@ const Web3AuthProvider = vue.defineComponent({
       isConnected,
       isInitialized,
       provider,
-      userInfo,
-      isMFAEnabled,
       status,
-      getPlugin,
-      connectTo,
-      enableMFA,
-      manageMFA,
-      logout,
-      authenticateUser,
-      switchChain,
       isInitializing,
-      isConnecting,
       initError,
-      connectError
+      isMFAEnabled,
+      getPlugin,
+      setIsMFAEnabled
     });
   },
   render() {
     var _this$$slots$default;
-    return vue.h((_this$$slots$default = this.$slots.default) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : "");
+    return vue.h(WalletServicesInnerProvider.WalletServicesInnerProvider, {}, (_this$$slots$default = this.$slots.default) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : "");
   }
 });
 

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+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 = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showCheckout = async showCheckoutParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showCheckout(showCheckoutParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showCheckout
+  };
+};
+
+exports.useCheckout = useCheckout;

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useEnableMFA = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const enableMFA = async () => {
+    try {
+      if (!web3Auth.value) throw index.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      await web3Auth.value.enableMFA();
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    enableMFA
+  };
+};
+
+exports.useEnableMFA = useEnableMFA;

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

@@ -0,0 +1,55 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+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 {
+    web3Auth,
+    isConnected
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const token = vue.ref(null);
+  const authenticateUser = async () => {
+    try {
+      if (!web3Auth.value) throw index.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const result = await web3Auth.value.authenticateUser();
+      if (result !== null && result !== void 0 && result.idToken) {
+        token.value = result.idToken;
+      }
+      return result === null || result === void 0 ? void 0 : result.idToken;
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  vue.watch(isConnected, newIsConnected => {
+    if (!newIsConnected && token.value) {
+      token.value = null;
+    }
+  });
+  return {
+    loading,
+    error,
+    token,
+    authenticateUser
+  };
+};
+
+exports.useIdentityToken = useIdentityToken;

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useManageMFA = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const manageMFA = async () => {
+    try {
+      if (!web3Auth.value) throw index.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      await web3Auth.value.enableMFA();
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    manageMFA
+  };
+};
+
+exports.useManageMFA = useManageMFA;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+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 = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showSwap = async showSwapParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showSwap(showSwapParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showSwap
+  };
+};
+
+exports.useSwap = useSwap;

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useSwitchChain = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const switchChain = async chainParams => {
+    try {
+      if (!web3Auth.value) throw index.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      await web3Auth.value.switchChain(chainParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    switchChain
+  };
+};
+
+exports.useSwitchChain = useSwitchChain;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+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 = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showWalletConnectScanner = async showWalletConnectScannerParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showWalletConnectScanner
+  };
+};
+
+exports.useWalletConnectScanner = useWalletConnectScanner;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var vue = require('vue');
+var WalletServicesContext = require('../context/WalletServicesContext.js');
+
+const useWalletServicesPlugin = () => {
+  const context = vue.inject(WalletServicesContext.WalletServicesContextKey);
+  if (!context) throw new Error("WalletServicesContext not found");
+  return context;
+};
+
+exports.useWalletServicesPlugin = useWalletServicesPlugin;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+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 = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showWalletUI = async showWalletUiParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showWalletUi(showWalletUiParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showWalletUI
+  };
+};
+
+exports.useWalletUI = useWalletUI;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useWeb3Auth = () => {
+  const {
+    initError,
+    isConnected,
+    isInitialized,
+    isInitializing,
+    provider,
+    status,
+    web3Auth,
+    getPlugin
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  return {
+    initError,
+    isConnected,
+    isInitialized,
+    isInitializing,
+    provider,
+    status,
+    web3Auth,
+    getPlugin
+  };
+};
+
+exports.useWeb3Auth = useWeb3Auth;

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

@@ -0,0 +1,57 @@
+'use strict';
+
+var vue = require('vue');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/loglevel.js');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useWeb3AuthConnect = () => {
+  const {
+    web3Auth,
+    isConnected
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const connectorName = vue.ref(null);
+  vue.watch(isConnected, newVal => {
+    if (!newVal && connectorName.value) {
+      connectorName.value = null;
+    }
+  }, {
+    immediate: true
+  });
+  const connect = async (connectorType, loginParams) => {
+    try {
+      if (!web3Auth.value) throw index.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const localProvider = await web3Auth.value.connectTo(connectorType, loginParams);
+      connectorName.value = web3Auth.value.connectedConnectorName;
+      return localProvider;
+    } catch (err) {
+      error.value = err;
+      return null;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    isConnected,
+    loading,
+    error,
+    connectorName,
+    connect
+  };
+};
+
+exports.useWeb3AuthConnect = useWeb3AuthConnect;