@web3auth/no-modal 10.0.0-beta.0 → 10.0.0-beta.10

package/dist/lib.cjs/providers/account-abstraction-provider/rpc/ethRpcMiddlewares.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var ethereumControllers = require('@toruslabs/ethereum-controllers');
 var auth = require('@web3auth/auth');
 
 async function createAaMiddleware({
@@ -8,7 +9,7 @@ async function createAaMiddleware({
   handlers
 }) {
   const [eoaAddress] = await eoaProvider.request({
-    method: "eth_accounts"
+    method: ethereumControllers.METHOD_TYPES.GET_ACCOUNTS
   });
   /**
    * Validates the keyholder address, and returns a normalized (i.e. lowercase)
@@ -155,7 +156,27 @@ async function createAaMiddleware({
     personal_sign: auth.createAsyncMiddleware(personalSign)
   });
 }
-function eoaProviderAsMiddleware(provider) {
+async function createEoaMiddleware({
+  aaProvider
+}) {
+  async function getAccounts(_req, res) {
+    const [, eoaAddress] = await aaProvider.request({
+      method: ethereumControllers.METHOD_TYPES.GET_ACCOUNTS
+    });
+    res.result = [eoaAddress];
+  }
+  async function requestAccounts(_req, res) {
+    const [, eoaAddress] = await aaProvider.request({
+      method: ethereumControllers.METHOD_TYPES.ETH_REQUEST_ACCOUNTS
+    });
+    res.result = [eoaAddress];
+  }
+  return auth.createScaffoldMiddleware({
+    eth_accounts: auth.createAsyncMiddleware(getAccounts),
+    eth_requestAccounts: auth.createAsyncMiddleware(requestAccounts)
+  });
+}
+function providerAsMiddleware(provider) {
   return async (req, res, _next, end) => {
     // send request to provider
     try {
@@ -169,4 +190,5 @@ function eoaProviderAsMiddleware(provider) {
 }
 
 exports.createAaMiddleware = createAaMiddleware;
-exports.eoaProviderAsMiddleware = eoaProviderAsMiddleware;
+exports.createEoaMiddleware = createEoaMiddleware;
+exports.providerAsMiddleware = providerAsMiddleware;

package/dist/lib.cjs/providers/base-provider/baseProvider.js

@@ -106,6 +106,8 @@ class BaseProvider extends baseControllers.BaseController {
       // we want events to propagate from Ethereum provider -> wrapper provider (e.g. CommonJRPC provider) -> SDK -> dapp
       // ensure that only one handler is added for each event
       const reEmitHandler = event => {
+        // skip newListener event
+        if (event === "newListener") return;
         // listen to the event from the Ethereum provider
         provider.on(event, (...args) => {
           // handle chainChanged event: update chainId state

package/dist/lib.cjs/providers/ethereum-mpc-provider/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var EthereumSigningProvider = require('./providers/signingProviders/EthereumSigningProvider.js');
+
+
+
+exports.EthereumSigningProvider = EthereumSigningProvider.EthereumSigningProvider;

package/dist/lib.cjs/providers/ethereum-mpc-provider/providers/signingProviders/EthereumSigningProvider.js

@@ -4,8 +4,8 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var util = require('@ethereumjs/util');
 var auth = require('@web3auth/auth');
-var index = require('../../../../base/errors/index.js');
 var baseControllers = require('@toruslabs/base-controllers');
+var index = require('../../../../base/errors/index.js');
 require('../../../../base/wallet/index.js');
 require('../../../../base/connector/constants.js');
 require('jwt-decode');

package/dist/lib.cjs/providers/ethereum-mpc-provider/providers/signingProviders/signingUtils.js

@@ -6,8 +6,8 @@ var baseControllers = require('@toruslabs/base-controllers');
 var auth = require('@web3auth/auth');
 var ethers = require('ethers');
 var viem = require('viem');
-require('../../../../base/errors/index.js');
 require('@babel/runtime/helpers/defineProperty');
+require('../../../../base/errors/index.js');
 require('../../../../base/wallet/index.js');
 require('../../../../base/connector/constants.js');
 require('jwt-decode');

package/dist/lib.cjs/providers/ethereum-provider/providers/privateKeyProviders/TransactionFormatter/formatter.js

@@ -4,9 +4,9 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var util = require('@ethereumjs/util');
 var bignumber_js = require('bignumber.js');
-require('../../../../../base/errors/index.js');
 require('@toruslabs/base-controllers');
 require('@web3auth/auth');
+require('../../../../../base/errors/index.js');
 require('../../../../../base/wallet/index.js');
 require('../../../../../base/connector/constants.js');
 require('jwt-decode');

package/dist/lib.cjs/providers/solana-provider/providers/injectedProviders/base/baseInjectedProvider.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var auth = require('@web3auth/auth');
-var index = require('../../../../../base/errors/index.js');
 require('@toruslabs/base-controllers');
 require('@babel/runtime/helpers/defineProperty');
+var index = require('../../../../../base/errors/index.js');
 require('../../../../../base/wallet/index.js');
 require('../../../../../base/connector/constants.js');
 require('jwt-decode');

package/dist/lib.cjs/providers/solana-provider/providers/injectedProviders/walletStandardProvider.js

@@ -3,10 +3,10 @@
 var walletStandardFeatures = require('@solana/wallet-standard-features');
 var web3_js = require('@solana/web3.js');
 var bs58 = require('@toruslabs/bs58');
-var index = require('../../../../base/errors/index.js');
 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');

package/dist/lib.cjs/providers/xrpl-provider/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var xrplPrivateKeyProvider = require('./providers/privateKeyProviders/xrplPrivateKeyProvider.js');
+var xrplWalletUtils = require('./providers/privateKeyProviders/xrplWalletUtils.js');
+
+
+
+exports.XrplPrivateKeyProvider = xrplPrivateKeyProvider.XrplPrivateKeyProvider;
+exports.getProviderHandlers = xrplWalletUtils.getProviderHandlers;

package/dist/lib.cjs/providers/xrpl-provider/providers/privateKeyProviders/xrplPrivateKeyProvider.js

@@ -2,8 +2,8 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var auth = require('@web3auth/auth');
-var index = require('../../../../base/errors/index.js');
 var baseControllers = require('@toruslabs/base-controllers');
+var index = require('../../../../base/errors/index.js');
 require('../../../../base/wallet/index.js');
 require('../../../../base/connector/constants.js');
 require('jwt-decode');

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}

@@ -1,15 +1,15 @@
 'use strict';
 
 var react = require('react');
-require('../../base/errors/index.js');
 require('@toruslabs/base-controllers');
 require('@babel/runtime/helpers/defineProperty');
 require('@web3auth/auth');
+require('../../base/errors/index.js');
 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

@@ -1,10 +1,10 @@
 'use strict';
 
 var react = require('react');
-var index = require('../../base/errors/index.js');
 require('@toruslabs/base-controllers');
 require('@babel/runtime/helpers/defineProperty');
 require('@web3auth/auth');
+var index = require('../../base/errors/index.js');
 require('../../base/wallet/index.js');
 var constants = require('../../base/connector/constants.js');
 require('jwt-decode');
@@ -19,44 +19,36 @@ const Web3AuthInnerContext = react.createContext(null);
 function Web3AuthInnerProvider(params) {
   const {
     children,
-    config
+    config,
+    initialState
   } = params;
-  const [web3Auth, setWeb3Auth] = react.useState(null);
-  const [isConnecting, setIsConnecting] = react.useState(false);
+  const {
+    web3AuthOptions
+  } = config;
+  const web3Auth = react.useMemo(() => {
+    setProvider(null);
+    return new noModal.Web3AuthNoModal(web3AuthOptions, initialState);
+  }, [web3AuthOptions, initialState]);
   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);
   }, [web3Auth]);
   react.useEffect(() => {
-    const resetHookState = () => {
-      setProvider(null);
-      setUserInfo(null);
-      setIsMFAEnabled(false);
-      setIsConnected(false);
-      setStatus(null);
-    };
-    resetHookState();
-    const {
-      web3AuthOptions
-    } = config;
-    const web3Instance = new noModal.Web3AuthNoModal(web3AuthOptions);
-    setWeb3Auth(web3Instance);
-  }, [config]);
-  react.useEffect(() => {
+    const controller = new AbortController();
     async function init() {
       try {
         setInitError(null);
         setIsInitializing(true);
-        await web3Auth.init();
+        await web3Auth.init({
+          signal: controller.signal
+        });
       } catch (error) {
         setInitError(error);
       } finally {
@@ -64,47 +56,43 @@ function Web3AuthInnerProvider(params) {
       }
     }
     if (web3Auth) init();
-  }, [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);
+    return () => {
+      controller.abort();
     };
-    if (web3Auth) {
-      if (isConnected) addState();else resetState();
-    }
-  }, [web3Auth, isConnected]);
-  // TODO: don't throw error in init, connect in v9
+  }, [web3Auth]);
   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);
     };
     const errorListener = () => {
-      setStatus(constants.CONNECTOR_STATUS.ERRORED);
+      setStatus(web3Auth.status);
+    };
+    const rehydrationErrorListener = () => {
+      setStatus(web3Auth.status);
+      setIsConnected(false);
+      setProvider(null);
+    };
+    const mfaEnabledListener = isMFAEnabled => {
+      if (typeof isMFAEnabled === "boolean") setIsMFAEnabled(isMFAEnabled);
     };
     if (web3Auth) {
       // web3Auth is initialized here.
@@ -115,6 +103,8 @@ 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.REHYDRATION_ERROR, rehydrationErrorListener);
+      web3Auth.on(constants.CONNECTOR_EVENTS.MFA_ENABLED, mfaEnabledListener);
     }
     return () => {
       if (web3Auth) {
@@ -124,73 +114,25 @@ 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.REHYDRATION_ERROR, rehydrationErrorListener);
+        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;