Merge pull request #1031 from Web3Auth/add-manageMFA

Added manageMFA and linked to account dashboard feature

Author: shahbaz17

docs/features/account-dashboard.mdx

@@ -9,6 +9,15 @@ Web3Auth's Account Dashboard provides a unified platform for users to manage the
 Authentication (MFA) and account security with ease. This document provides an overview of its
 features and how to integrate it seamlessly into your application.
 
+:::tip
+
+To implement the Account Dashboard in your custom verifier-based dApp, please refer to the
+[Manage MFA for No Modal SDK](/sdk/pnp/web/no-modal/usage#manage-multi-factor-authentication-mfa)
+and [Manage MFA for Modal SDK](/sdk/pnp/web/modal/usage#manage-multi-factor-authentication-mfa)
+sections.
+
+:::
+
 ![Unified Recovery Management Screenshot](/images/account-dashboard/unified-recovery-management.jpg)
 
 ### 1. Unified Recovery Management

docs/sdk/pnp/web/modal/usage.mdx

@@ -11,6 +11,7 @@ import ConnectBlockchain from "@site/src/common/sdk/pnp/web/_connect-blockchain.
 import GetIdTokenInfo from "@site/src/common/sdk/pnp/web/_get-idtoken-info.mdx";
 import GetUserInfo from "@site/src/common/sdk/pnp/web/_get-user-info.mdx";
 import EnableMFA from "@site/src/common/sdk/pnp/web/_enable-mfa.mdx";
+import ManageMFA from "@site/src/common/sdk/pnp/web/_manage-mfa.mdx";
 import LogOut from "@site/src/common/sdk/pnp/web/_logout.mdx";
 import SwitchChain from "@site/src/common/sdk/pnp/web/_switch-chain.mdx";
 import Status from "@site/src/common/sdk/pnp/web/_status-method.mdx";
@@ -28,6 +29,7 @@ following functions:
 - `connect()` - Showing the Modal and Logging in the User
 - `getUserInfo()` - Getting the User's Information
 - `enableMFA()` - Enable Multi Factor Authentication for the user
+- `manageMFA()` - Redirect the user to manage their MFA settings in the Web3Auth Account Dashboard
 - `authenticateUser()` - Getting the idToken from Web3Auth
 - `addChain()` - Add chain config details to the connected adapter.
 - `switchChain()` - Switch chain as per chainId already added to chain config.
@@ -100,6 +102,10 @@ Read more about connecting your users with the selected blockchain in the
 
 <EnableMFA />
 
+## Manage Multi Factor Authentication (MFA)
+
+<ManageMFA />
+
 ## Get idToken for Backend Verification
 
 <GetIdTokenInfo />

docs/sdk/pnp/web/no-modal/usage.mdx

@@ -13,6 +13,7 @@ import Provider from "@site/src/common/sdk/pnp/web/_provider-method.mdx";
 import ConnectedAdapterName from "@site/src/common/sdk/pnp/web/_connected-adapter-name-method.mdx";
 import Connected from "@site/src/common/sdk/pnp/web/_connected-method.mdx";
 import EnableMFA from "@site/src/common/sdk/pnp/web/_enable-mfa.mdx";
+import ManageMFA from "@site/src/common/sdk/pnp/web/_manage-mfa.mdx";
 import ExtraLoginOptions from "@site/src/common/sdk/pnp/web/_extra-login-options.mdx";
 import GetIdTokenInfo from "@site/src/common/sdk/pnp/web/_get-idtoken-info.mdx";
 import GetUserInfo from "@site/src/common/sdk/pnp/web/_get-user-info.mdx";
@@ -33,6 +34,7 @@ the following functions:
 - `connectTo()` - Logging in the User with the given Wallet Adapter and respective Login Parameters.
 - `getUserInfo()` - Getting the User's Information.
 - `enableMFA()` - Enable Multi Factor Authentication for the user.
+- `manageMFA()` - Redirect users to the Web3Auth Account Dashboard to manage their MFA settings.
 - `authenticateUser()` - Getting the idToken from Web3Auth.
 - `addChain()` - Add chain config details to the connected adapter.
 - `switchChain()` - Switch chain as per chainId already added to the chain config.
@@ -144,6 +146,10 @@ options.
 
 <EnableMFA />
 
+## Manage Multi Factor Authentication (MFA)
+
+<ManageMFA />
+
 ## Get idToken
 
 <GetIdTokenInfo />

src/common/sdk/pnp/web/_manage-mfa.mdx

@@ -0,0 +1,32 @@
+import TabItem from "@theme/TabItem";
+import Tabs from "@theme/Tabs";
+
+#### `manageMFA()`
+
+You can redirect users to the Web3Auth Account Dashboard to manage their MFA settings by calling the
+`manageMFA()` function. This method ensures that identity details are injected into the dashboard
+internally for custom verifier-based dApps. In order to see what's present on the account dashboard,
+please refer to the [Account Dashboard](/features/account-dashboard).
+
+```javascript
+await web3auth.manageMFA();
+```
+
+#### Interface
+
+```typescript
+manageMFA<T>(loginParams?: T): Promise<void>;
+```
+
+- **`loginParams`** (optional): Optional parameters to include during the MFA management process.
+- **Returns**: A `Promise<void>` indicating successful redirection to the Account Dashboard.
+
+:::tip
+
+If MFA is not already enabled, the `manageMFA()` method will throw an error. Ensure you use
+`enableMFA()` before calling `manageMFA()`.
+
+If your dApp uses default verifiers, users can directly log in to the Account Dashboard to manage
+MFA. For custom verifier-based dApps, the `manageMFA()` method must be used.
+
+:::