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

package/dist/lib.cjs/base/connector/constants.js

@@ -14,7 +14,8 @@ const CONNECTOR_STATUS = {
 const CONNECTOR_EVENTS = _objectSpread(_objectSpread({}, CONNECTOR_STATUS), {}, {
   CONNECTOR_DATA_UPDATED: "connector_data_updated",
   CACHE_CLEAR: "cache_clear",
-  CONNECTORS_UPDATED: "connectors_updated"
+  CONNECTORS_UPDATED: "connectors_updated",
+  MFA_ENABLED: "mfa_enabled"
 });
 const CONNECTOR_CATEGORY = {
   EXTERNAL: "external",

package/dist/lib.cjs/base/wallet/index.js

@@ -4,8 +4,7 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 
 const MULTI_CHAIN_CONNECTORS = {
   AUTH: "auth",
-  WALLET_CONNECT_V2: "wallet-connect-v2",
-  SFA: "sfa"
+  WALLET_CONNECT_V2: "wallet-connect-v2"
 };
 const SOLANA_CONNECTORS = _objectSpread({}, MULTI_CHAIN_CONNECTORS);
 const EVM_CONNECTORS = _objectSpread({
@@ -16,7 +15,6 @@ const WALLET_CONNECTORS = _objectSpread(_objectSpread({}, EVM_CONNECTORS), SOLAN
 const CONNECTOR_NAMES = {
   [MULTI_CHAIN_CONNECTORS.AUTH]: "Auth",
   [MULTI_CHAIN_CONNECTORS.WALLET_CONNECT_V2]: "Wallet Connect v2",
-  [MULTI_CHAIN_CONNECTORS.SFA]: "SFA",
   [EVM_CONNECTORS.COINBASE]: "Coinbase Smart Wallet",
   [EVM_CONNECTORS.METAMASK]: "MetaMask"
 };

package/dist/lib.cjs/connectors/auth-connector/authConnector.js

@@ -179,7 +179,9 @@ class AuthConnector extends baseConnector.BaseConnector {
     if (this.status !== constants.CONNECTOR_STATUS.CONNECTED) throw index$1.WalletLoginError.notConnectedError("Not connected with wallet");
     if (!this.authInstance) throw index$1.WalletInitializationError.notReady("authInstance is not ready");
     try {
-      await this.authInstance.enableMFA(params);
+      const result = await this.authInstance.enableMFA(params);
+      // In redirect mode, the result is not available immediately, so we emit the event when the result is available.
+      if (result) this.emit(constants.CONNECTOR_EVENTS.MFA_ENABLED, result);
     } catch (error) {
       loglevel.log.error("Failed to enable MFA with auth provider", error);
       if (error instanceof index$1.Web3AuthError) {

package/dist/lib.cjs/index.js

@@ -21,6 +21,7 @@ var coinbaseConnector = require('./connectors/coinbase-connector/coinbaseConnect
 var injectedEvmConnector = require('./connectors/injected-evm-connector/injectedEvmConnector.js');
 var mipd = require('mipd');
 var index$3 = require('./connectors/injected-solana-connector/index.js');
+var metamaskConnector = require('./connectors/metamask-connector/metamaskConnector.js');
 var config = require('./connectors/wallet-connect-v2-connector/config.js');
 var walletConnectV2Connector = require('./connectors/wallet-connect-v2-connector/walletConnectV2Connector.js');
 var WalletConnectV2Provider = require('./connectors/wallet-connect-v2-connector/WalletConnectV2Provider.js');
@@ -133,6 +134,7 @@ Object.defineProperty(exports, "createMipd", {
 	get: function () { return mipd.createStore; }
 });
 exports.hasSolanaWalletStandardFeatures = index$3.hasSolanaWalletStandardFeatures;
+exports.metaMaskConnector = metamaskConnector.metaMaskConnector;
 Object.defineProperty(exports, "DEFAULT_EIP155_METHODS", {
 	enumerable: true,
 	get: function () { return config.DEFAULT_EIP155_METHODS; }

package/dist/lib.cjs/noModal.js

@@ -21,6 +21,7 @@ require('./providers/base-provider/utils.js');
 var CommonJRPCProvider = require('./providers/base-provider/CommonJRPCProvider.js');
 require('./providers/base-provider/commonPrivateKeyProvider.js');
 var metamaskConnector = require('./connectors/metamask-connector/metamaskConnector.js');
+var plugin = require('./plugins/wallet-services-plugin/plugin.js');
 
 const _excluded = ["walletScope"];
 const CONNECTOR_CACHE_KEY = "Web3Auth-cachedConnector";
@@ -236,6 +237,10 @@ class Web3AuthNoModal extends auth.SafeEventEmitter {
     // if AA is enabled, filter out chains that are not AA-supported
     if (this.coreOptions.accountAbstractionConfig) {
       // write a for loop over accountAbstractionConfig.chains and check if the chainId is valid
+      if (this.coreOptions.accountAbstractionConfig.chains.length === 0) {
+        loglevel.log.error("Please configure chains for smart accounts on dashboard at https://dashboard.web3auth.io");
+        throw index.WalletInitializationError.invalidParams("Please configure chains for smart accounts on dashboard at https://dashboard.web3auth.io");
+      }
       for (const chain of this.coreOptions.accountAbstractionConfig.chains) {
         if (!utils.isHexStrict(chain.chainId)) {
           loglevel.log.error(`Please provide a valid chainId in accountAbstractionConfig.chains for chain ${chain.chainId}`);
@@ -368,7 +373,15 @@ class Web3AuthNoModal extends auth.SafeEventEmitter {
     this.setConnectors(connectors);
   }
   async initPlugins() {
-    const pluginFns = this.coreOptions.plugins || [];
+    const {
+      chains,
+      plugins
+    } = this.coreOptions;
+    const pluginFns = plugins || [];
+    const isWsSupportedChain = chains.some(x => x.chainNamespace === baseControllers.CHAIN_NAMESPACES.EIP155 || x.chainNamespace === baseControllers.CHAIN_NAMESPACES.SOLANA);
+    if (isWsSupportedChain) {
+      pluginFns.push(plugin.walletServicesPlugin());
+    }
     for (const pluginFn of pluginFns) {
       const plugin = pluginFn();
       if (!this.plugins[plugin.name]) this.plugins[plugin.name] = plugin;
@@ -444,7 +457,7 @@ class Web3AuthNoModal extends auth.SafeEventEmitter {
       }
       loglevel.log.debug("disconnected", this.status, this.connectedConnectorName);
       await Promise.all(Object.values(this.plugins).map(async plugin => {
-        if (!plugin.SUPPORTED_CONNECTORS.includes("all") && !plugin.SUPPORTED_CONNECTORS.includes(connector.name)) return;
+        if (!plugin.SUPPORTED_CONNECTORS.includes(connector.name)) return;
         if (plugin.status !== IPlugin.PLUGIN_STATUS.CONNECTED) return;
         return plugin.disconnect().catch(error => {
           // swallow error if connector doesn't supports this plugin.
@@ -479,6 +492,10 @@ class Web3AuthNoModal extends auth.SafeEventEmitter {
         this.clearCache();
       }
     });
+    connector.on(constants.CONNECTOR_EVENTS.MFA_ENABLED, isMFAEnabled => {
+      loglevel.log.debug("mfa enabled", isMFAEnabled);
+      this.emit(constants.CONNECTOR_EVENTS.MFA_ENABLED, isMFAEnabled);
+    });
   }
   checkInitRequirements() {
     if (this.status === constants.CONNECTOR_STATUS.CONNECTING) throw index.WalletInitializationError.notReady("Already pending connection");
@@ -520,7 +537,7 @@ class Web3AuthNoModal extends auth.SafeEventEmitter {
       try {
         var _this$currentChain5;
         // skip if it's not compatible with the connector
-        if (!plugin.SUPPORTED_CONNECTORS.includes("all") && !plugin.SUPPORTED_CONNECTORS.includes(data.connector)) return;
+        if (!plugin.SUPPORTED_CONNECTORS.includes(data.connector)) return;
         // skip if it's not compatible with the current chain
         if (plugin.pluginNamespace !== IPlugin.PLUGIN_NAMESPACES.MULTICHAIN && plugin.pluginNamespace !== ((_this$currentChain5 = this.currentChain) === null || _this$currentChain5 === void 0 ? void 0 : _this$currentChain5.chainNamespace)) return;
         // skip if it's already connected

package/dist/lib.cjs/plugins/nft-checkout-plugin/plugin.js

@@ -4,7 +4,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var auth = require('@web3auth/auth');
 require('@toruslabs/base-controllers');
 require('../../base/errors/index.js');
-require('../../base/wallet/index.js');
+var index = require('../../base/wallet/index.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/loglevel.js');
@@ -19,7 +19,7 @@ class NFTCheckoutPlugin extends auth.SafeEventEmitter {
     super();
     _defineProperty(this, "name", IPlugin.EVM_PLUGINS.NFT_CHECKOUT);
     _defineProperty(this, "status", IPlugin.PLUGIN_STATUS.DISCONNECTED);
-    _defineProperty(this, "SUPPORTED_CONNECTORS", ["all"]);
+    _defineProperty(this, "SUPPORTED_CONNECTORS", Object.values(index.WALLET_CONNECTORS));
     _defineProperty(this, "pluginNamespace", IPlugin.PLUGIN_NAMESPACES.EIP155);
     _defineProperty(this, "web3auth", null);
     _defineProperty(this, "nftCheckoutEmbedInstance", null);

package/dist/lib.cjs/plugins/wallet-services-plugin/plugin.js

@@ -20,7 +20,7 @@ class WalletServicesPlugin extends auth.SafeEventEmitter {
     super(...args);
     _defineProperty(this, "name", IPlugin.EVM_PLUGINS.WALLET_SERVICES);
     _defineProperty(this, "status", IPlugin.PLUGIN_STATUS.DISCONNECTED);
-    _defineProperty(this, "SUPPORTED_CONNECTORS", [index.WALLET_CONNECTORS.AUTH, index.WALLET_CONNECTORS.SFA]);
+    _defineProperty(this, "SUPPORTED_CONNECTORS", [index.WALLET_CONNECTORS.AUTH]);
     _defineProperty(this, "pluginNamespace", IPlugin.PLUGIN_NAMESPACES.MULTICHAIN);
     _defineProperty(this, "wsEmbedInstance", void 0);
     _defineProperty(this, "provider", null);

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var react = require('react');
+var WalletServicesInnerContext = require('./context/WalletServicesInnerContext.js');
+var Web3AuthInnerContext = require('./context/Web3AuthInnerContext.js');
+
+function Web3AuthProvider({
+  config,
+  children
+}) {
+  const pluginChild = react.createElement(WalletServicesInnerContext.WalletServicesContextProvider, {
+    context: Web3AuthInnerContext.Web3AuthInnerContext
+  }, children);
+  return react.createElement(Web3AuthInnerContext.Web3AuthInnerProvider, {
+    config
+  }, pluginChild);
+}
+
+exports.Web3AuthProvider = Web3AuthProvider;

package/dist/lib.cjs/react/{wallet-services-plugin/WalletServicesContext.js → context/WalletServicesInnerContext.js}

@@ -9,7 +9,7 @@ require('../../base/wallet/index.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/loglevel.js');
-var errors = require('../../base/plugin/errors.js');
+require('../../base/plugin/errors.js');
 var IPlugin = require('../../base/plugin/IPlugin.js');
 require('@toruslabs/constants');
 require('@toruslabs/http-helpers');
@@ -19,14 +19,15 @@ function WalletServicesContextProvider({
   children,
   context
 }) {
-  const [isPluginConnected, setIsPluginConnected] = react.useState(false);
-  const [walletServicesPlugin, setWalletServicesPlugin] = react.useState(null);
   const web3AuthContext = react.useContext(context);
   const {
     getPlugin,
     isInitialized,
     isConnected
   } = web3AuthContext;
+  const [ready, setReady] = react.useState(false);
+  const [connecting, setConnecting] = react.useState(false);
+  const [walletServicesPlugin, setWalletServicesPlugin] = react.useState(null);
   react.useEffect(() => {
     if (isInitialized) {
       const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
@@ -36,59 +37,43 @@ function WalletServicesContextProvider({
   react.useEffect(() => {
     if (isConnected) {
       const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
-      if (!walletServicesPlugin) setWalletServicesPlugin(plugin);
+      setWalletServicesPlugin(plugin);
       // when rehydrating, the connectedListener may be registered after the connected event is emitted, we need to check the status here
-      if ((walletServicesPlugin === null || walletServicesPlugin === void 0 ? void 0 : walletServicesPlugin.status) === constants.CONNECTOR_STATUS.CONNECTED) setIsPluginConnected(true);
+      if ((plugin === null || plugin === void 0 ? void 0 : plugin.status) === constants.CONNECTOR_STATUS.CONNECTED) setReady(true);
     }
   }, [isConnected, getPlugin, walletServicesPlugin]);
   react.useEffect(() => {
     const connectedListener = () => {
-      setIsPluginConnected(true);
+      setReady(true);
+      setConnecting(false);
     };
     const disconnectedListener = () => {
-      setIsPluginConnected(false);
+      setReady(false);
+      setConnecting(false);
+    };
+    const connectingListener = () => {
+      setConnecting(true);
     };
     if (walletServicesPlugin) {
       walletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
       walletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+      walletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
     }
     return () => {
       if (walletServicesPlugin) {
         walletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
         walletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+        walletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
       }
     };
   }, [walletServicesPlugin]);
-  const showWalletConnectScanner = react.useCallback(async showWalletConnectParams => {
-    if (!walletServicesPlugin) throw errors.WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showWalletConnectScanner(showWalletConnectParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showWalletUI = react.useCallback(async showWalletUiParams => {
-    if (!walletServicesPlugin) throw errors.WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showWalletUi(showWalletUiParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showCheckout = react.useCallback(async showCheckoutParams => {
-    if (!walletServicesPlugin) throw errors.WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showCheckout(showCheckoutParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showSwap = react.useCallback(async showSwapParams => {
-    if (!walletServicesPlugin) throw errors.WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showSwap(showSwapParams);
-  }, [walletServicesPlugin, isPluginConnected]);
   const value = react.useMemo(() => {
     return {
       plugin: walletServicesPlugin,
-      isPluginConnected,
-      showWalletConnectScanner,
-      showCheckout,
-      showWalletUI,
-      showSwap
+      ready,
+      connecting
     };
-  }, [walletServicesPlugin, isPluginConnected, showWalletConnectScanner, showCheckout, showWalletUI, showSwap]);
+  }, [walletServicesPlugin, ready, connecting]);
   return react.createElement(WalletServicesContext.Provider, {
     value
   }, children);

package/dist/lib.cjs/react/{no-modal → context}/Web3AuthInnerContext.js

@@ -22,16 +22,13 @@ function Web3AuthInnerProvider(params) {
     config
   } = params;
   const [web3Auth, setWeb3Auth] = react.useState(null);
-  const [isConnecting, setIsConnecting] = react.useState(false);
   const [isInitializing, setIsInitializing] = react.useState(false);
   const [initError, setInitError] = react.useState(null);
-  const [connectError, setConnectError] = react.useState(null);
   const [isConnected, setIsConnected] = react.useState(false);
   const [provider, setProvider] = react.useState(null);
-  const [userInfo, setUserInfo] = react.useState(null);
-  const [isMFAEnabled, setIsMFAEnabled] = react.useState(false);
   const [isInitialized, setIsInitialized] = react.useState(false);
   const [status, setStatus] = react.useState(null);
+  const [isMFAEnabled, setIsMFAEnabled] = react.useState(false);
   const getPlugin = react.useCallback(name => {
     if (!web3Auth) throw index.WalletInitializationError.notReady();
     return web3Auth.getPlugin(name);
@@ -39,8 +36,6 @@ function Web3AuthInnerProvider(params) {
   react.useEffect(() => {
     const resetHookState = () => {
       setProvider(null);
-      setUserInfo(null);
-      setIsMFAEnabled(false);
       setIsConnected(false);
       setStatus(null);
     };
@@ -71,40 +66,25 @@ function Web3AuthInnerProvider(params) {
       controller.abort();
     };
   }, [web3Auth]);
-  react.useEffect(() => {
-    const addState = async () => {
-      setProvider(web3Auth.provider);
-      const userState = await web3Auth.getUserInfo();
-      setUserInfo(userState);
-      setIsMFAEnabled((userState === null || userState === void 0 ? void 0 : userState.isMfaEnabled) || false);
-    };
-    const resetState = () => {
-      setProvider(null);
-      setUserInfo(null);
-      setIsMFAEnabled(false);
-    };
-    if (web3Auth) {
-      if (isConnected) addState();else resetState();
-    }
-  }, [web3Auth, isConnected]);
-  // TODO: don't throw error in init, connect in v9
   react.useEffect(() => {
     const notReadyListener = () => setStatus(constants.CONNECTOR_STATUS.NOT_READY);
     const readyListener = () => {
       setStatus(web3Auth.status);
       setIsInitialized(true);
     };
-    const connectedListener = () => {
+    const connectedListener = data => {
       setStatus(web3Auth.status);
       // we do this because of rehydration issues. status connected is fired first but web3auth sdk is not ready yet.
       if (web3Auth.status === constants.CONNECTOR_STATUS.CONNECTED) {
         setIsInitialized(true);
         setIsConnected(true);
+        setProvider(data.provider);
       }
     };
     const disconnectedListener = () => {
       setStatus(web3Auth.status);
       setIsConnected(false);
+      setProvider(null);
     };
     const connectingListener = () => {
       setStatus(web3Auth.status);
@@ -112,6 +92,9 @@ function Web3AuthInnerProvider(params) {
     const errorListener = () => {
       setStatus(constants.CONNECTOR_STATUS.ERRORED);
     };
+    const mfaEnabledListener = isMFAEnabled => {
+      if (typeof isMFAEnabled === "boolean") setIsMFAEnabled(isMFAEnabled);
+    };
     if (web3Auth) {
       // web3Auth is initialized here.
       setStatus(web3Auth.status);
@@ -121,6 +104,7 @@ function Web3AuthInnerProvider(params) {
       web3Auth.on(constants.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
       web3Auth.on(constants.CONNECTOR_EVENTS.CONNECTING, connectingListener);
       web3Auth.on(constants.CONNECTOR_EVENTS.ERRORED, errorListener);
+      web3Auth.on(constants.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
     }
     return () => {
       if (web3Auth) {
@@ -130,73 +114,24 @@ function Web3AuthInnerProvider(params) {
         web3Auth.off(constants.CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
         web3Auth.off(constants.CONNECTOR_EVENTS.CONNECTING, connectingListener);
         web3Auth.off(constants.CONNECTOR_EVENTS.ERRORED, errorListener);
+        web3Auth.off(constants.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
       }
     };
   }, [web3Auth]);
-  const enableMFA = react.useCallback(async loginParams => {
-    if (!web3Auth) throw index.WalletInitializationError.notReady();
-    if (!isConnected) throw index.WalletLoginError.notConnectedError();
-    await web3Auth.enableMFA(loginParams);
-    const localUserInfo = await web3Auth.getUserInfo();
-    setUserInfo(localUserInfo);
-    setIsMFAEnabled(localUserInfo.isMfaEnabled || false);
-  }, [web3Auth, isConnected]);
-  const manageMFA = react.useCallback(async loginParams => {
-    if (!web3Auth) throw index.WalletInitializationError.notReady();
-    if (!isConnected) throw index.WalletLoginError.notConnectedError();
-    await web3Auth.manageMFA(loginParams);
-  }, [web3Auth, isConnected]);
-  const logout = react.useCallback(async (logoutParams = {
-    cleanup: false
-  }) => {
-    if (!web3Auth) throw index.WalletInitializationError.notReady();
-    if (!isConnected) throw index.WalletLoginError.notConnectedError();
-    await web3Auth.logout(logoutParams);
-  }, [web3Auth, isConnected]);
-  const connectTo = react.useCallback(async (walletName, loginParams) => {
-    if (!web3Auth) throw index.WalletInitializationError.notReady();
-    try {
-      setConnectError(null);
-      setIsConnecting(true);
-      const localProvider = await web3Auth.connectTo(walletName, loginParams);
-      return localProvider;
-    } catch (error) {
-      setConnectError(error);
-      throw error;
-    } finally {
-      setIsConnecting(false);
-    }
-  }, [web3Auth]);
-  const authenticateUser = react.useCallback(async () => {
-    if (!web3Auth) throw index.WalletInitializationError.notReady();
-    return web3Auth.authenticateUser();
-  }, [web3Auth]);
-  const switchChain = react.useCallback(chainParams => {
-    if (!web3Auth) throw index.WalletInitializationError.notReady();
-    return web3Auth.switchChain(chainParams);
-  }, [web3Auth]);
   const value = react.useMemo(() => {
     return {
       web3Auth,
       isConnected,
       isInitialized,
       provider,
-      userInfo,
-      isMFAEnabled,
       status,
-      getPlugin,
-      connectTo,
-      enableMFA,
-      manageMFA,
-      logout,
-      authenticateUser,
-      switchChain,
       isInitializing,
-      isConnecting,
       initError,
-      connectError
+      isMFAEnabled,
+      getPlugin,
+      setIsMFAEnabled
     };
-  }, [web3Auth, isConnected, isInitialized, provider, userInfo, isMFAEnabled, status, connectTo, getPlugin, enableMFA, manageMFA, logout, authenticateUser, switchChain, isConnecting, isInitializing, initError, connectError]);
+  }, [web3Auth, isConnected, isInitialized, provider, status, getPlugin, isInitializing, initError, isMFAEnabled, setIsMFAEnabled]);
   return react.createElement(Web3AuthInnerContext.Provider, {
     value
   }, children);

package/dist/lib.cjs/react/hooks/useCheckout.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var react = require('react');
+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, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const showCheckout = react.useCallback(async showCheckoutParams => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.showCheckout(showCheckoutParams);
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [plugin, ready]);
+  return {
+    loading,
+    error,
+    showCheckout
+  };
+};
+
+exports.useCheckout = useCheckout;

package/dist/lib.cjs/react/hooks/useEnableMFA.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var react = require('react');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useEnableMFA = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const enableMFA = react.useCallback(async params => {
+    setLoading(true);
+    setError(null);
+    try {
+      await web3Auth.enableMFA(params);
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [web3Auth]);
+  return {
+    loading,
+    error,
+    enableMFA
+  };
+};
+
+exports.useEnableMFA = useEnableMFA;

package/dist/lib.cjs/react/hooks/useIdentityToken.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var react = require('react');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useIdentityToken = () => {
+  const {
+    web3Auth,
+    isConnected
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [token, setToken] = react.useState(null);
+  const authenticateUser = react.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const userAuthInfo = await web3Auth.authenticateUser();
+      if (userAuthInfo !== null && userAuthInfo !== void 0 && userAuthInfo.idToken) {
+        setToken(userAuthInfo.idToken);
+      }
+      return userAuthInfo === null || userAuthInfo === void 0 ? void 0 : userAuthInfo.idToken;
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [web3Auth]);
+  react.useEffect(() => {
+    if (!isConnected && token) {
+      setToken(null);
+    }
+  }, [isConnected, token]);
+  return {
+    loading,
+    error,
+    token,
+    authenticateUser
+  };
+};
+
+exports.useIdentityToken = useIdentityToken;

package/dist/lib.cjs/react/hooks/useManageMFA.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var react = require('react');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useManageMFA = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const manageMFA = react.useCallback(async params => {
+    setLoading(true);
+    setError(null);
+    try {
+      await web3Auth.manageMFA(params);
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [web3Auth]);
+  return {
+    loading,
+    error,
+    manageMFA
+  };
+};
+
+exports.useManageMFA = useManageMFA;

package/dist/lib.cjs/react/hooks/useSwap.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var react = require('react');
+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, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const showSwap = react.useCallback(async showSwapParams => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.showSwap(showSwapParams);
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [plugin, ready]);
+  return {
+    loading,
+    error,
+    showSwap
+  };
+};
+
+exports.useSwap = useSwap;

package/dist/lib.cjs/react/hooks/useSwitchChain.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var react = require('react');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useSwitchChain = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const switchChain = react.useCallback(async chainId => {
+    setLoading(true);
+    setError(null);
+    try {
+      await web3Auth.switchChain({
+        chainId
+      });
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [web3Auth]);
+  return {
+    loading,
+    error,
+    switchChain
+  };
+};
+
+exports.useSwitchChain = useSwitchChain;