add support to manage mfa with web3auth

Web3Auth · Dec 12, 2024 · ad623c8 · ad623c8
1 parent a5ed0d3
commit ad623c8
Show file tree

Hide file tree

Showing 40 changed files with 331 additions and 137 deletions.
diff --git a/demo/vite-react-app/src/components/Main.tsx b/demo/vite-react-app/src/components/Main.tsx
@@ -18,6 +18,7 @@ const Main = () => {
     switchChain,
     showWalletConnectScanner,
     enableMFA,
+    manageMFA,
   } = useWeb3Auth();
 
   const loggedInView = (
@@ -43,6 +44,9 @@ const Main = () => {
       <button onClick={enableMFA} className={styles.card}>
         Enable MFA
       </button>
+      <button onClick={manageMFA} className={styles.card}>
+        Manage MFA
+      </button>
       {web3Auth?.connectedAdapterName === WALLET_ADAPTERS.AUTH && (
         <button onClick={signTransaction} className={styles.card}>
           Sign Transaction

diff --git a/demo/vite-react-app/src/services/web3auth.tsx b/demo/vite-react-app/src/services/web3auth.tsx
@@ -27,6 +27,7 @@ export interface IWeb3AuthContext {
   showWalletConnectScanner: () => Promise<void>;
   showWalletUi: () => Promise<void>;
   enableMFA: () => Promise<void>;
+  manageMFA: () => Promise<void>;
 }
 
 export const Web3AuthContext = createContext<IWeb3AuthContext>({
@@ -47,6 +48,7 @@ export const Web3AuthContext = createContext<IWeb3AuthContext>({
   showWalletConnectScanner: async () => {},
   showWalletUi: async () => {},
   enableMFA: async () => {},
+  manageMFA: async () => {},
 });
 
 export function useWeb3Auth(): IWeb3AuthContext {
@@ -226,6 +228,15 @@ export const Web3AuthProvider: FunctionComponent<IWeb3AuthState> = ({ children,
     await web3Auth.enableMFA();
   };
 
+  const manageMFA = async () => {
+    if (!web3Auth) {
+      console.log("web3auth not initialized yet");
+      uiConsole("web3auth not initialized yet");
+      return;
+    }
+    await web3Auth.manageMFA();
+  };
+
   const addChain = async () => {
     if (!provider) {
       uiConsole("provider not initialized yet");
@@ -343,6 +354,7 @@ export const Web3AuthProvider: FunctionComponent<IWeb3AuthState> = ({ children,
     switchChain,
     showWalletConnectScanner,
     enableMFA,
+    manageMFA,
     showWalletUi,
   };
   return <Web3AuthContext.Provider value={contextProvider}>{children}</Web3AuthContext.Provider>;