Add MPC Core Kit and SFA Web in IB

docs/sdk/core-kit/tkey/intrinsic-flow.mdx

@@ -142,7 +142,7 @@ where login was initiated.
 :::tip
 
 - Using service worker is optional, but highly recommended. You can skip it by passing `skipSw` param while
-  [initialising tKey](/sdk/core-kit/tkey/initialize).
+  [initializing tKey](/sdk/core-kit/tkey/initialize).
 
 - Service worker is needed if you are using `popup` uxMode within your
   [Service Provider configuration](/sdk/core-kit/tkey/initialize#configuring-service-provider).

docs/sdk/helper-sdks/plugins/evm-wallet.mdx

@@ -61,7 +61,7 @@ For additional information on the init options for Torus Wallet, please check th
 
 ### Add the `torusPlugin` class to your Web3Auth instance
 
-After initialising the `torusPlugin`, use the `addPlugin()` function to your Web3Auth instance, you can use the Torus Wallet UI Plugin for your dApp.
+After initializing the `torusPlugin`, use the `addPlugin()` function to your Web3Auth instance, you can use the Torus Wallet UI Plugin for your dApp.
 
 ```
 await web3AuthInstance.addPlugin(torusPlugin);

docs/sdk/helper-sdks/plugins/solana-wallet.mdx

@@ -62,7 +62,7 @@ For additional information on the init options for Torus - Solana Wallet, please
 
 ### Add the `torusPlugin` class to your Web3Auth instance
 
-After initialising the `torusPlugin`, use the `addPlugin()` function to your Web3Auth instance, you can use the Torus Wallet UI Plugin for your dApp.
+After initializing the `torusPlugin`, use the `addPlugin()` function to your Web3Auth instance, you can use the Torus Wallet UI Plugin for your dApp.
 
 ```
 await web3AuthInstance.addPlugin(torusPlugin);

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

@@ -69,7 +69,7 @@ parameter of `uiConfig` which is the configuration for whitelabeling the Modal U
 
 :::tip
 
-Read more about Initializing Web3Auth Modal in the [Initialization SDK Reference](/sdk/pnp/web/modal/initialize#initializing-modal)
+Read more about Initializing Web3Auth in the [Initialization SDK Reference](/sdk/pnp/web/modal/initialize#initializing-modal)
 
 :::
 

src/common/guides/_initialization-web3auth.mdx

@@ -1,10 +1,10 @@
-#### Initialising the Web3Auth SDK
+#### Initializing the Web3Auth SDK
 
 ```tsx
 await web3auth.init();
 ```
 
-#### Initialising on Mobile Platforms
+#### Initializing on Mobile Platforms
 
 - For Mobile, depending on the platform, there will be different steps to initialize the SDK. Refer to the respective Mobile SDKs,
   - [Android](/sdk/pnp/android)

src/common/hostedFileLinks.json

@@ -10,6 +10,7 @@
   "MODAL_ANGULAR_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/angular-modal-quick-start/package.json",
   "MODAL_ANGULAR_TSCONFIG_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/angular-modal-quick-start/tsconfig.json",
   "MODAL_HTML_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start/index.html",
+  "MODAL_HTML_SCRIPT_JS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start/script.js",
   "MODAL_HTML_STYLE_CSS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vanillajs-modal-quick-start/style.css",
   "MODAL_VUE_CONFIG_JS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-modal-quick-start/vue.config.js",
   "MODAL_VUE_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-modal-quick-start/package.json",
@@ -27,6 +28,9 @@
   "NO_MODAL_VUE_CONFIG_JS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-no-modal-quick-start/vue.config.js",
   "NO_MODAL_VUE_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-no-modal-quick-start/package.json",
   "NO_MODAL_VUE_HOME_VUE": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-no-modal-quick-start/src/Home.vue",
+  "NO_MODAL_HTML_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vanillajs-no-modal-quick-start/index.html",
+  "NO_MODAL_HTML_SCRIPT_JS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vanillajs-no-modal-quick-start/script.js",
+  "NO_MODAL_HTML_STYLE_CSS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vanillajs-no-modal-quick-start/style.css",
   "PNP_UNITY_WEB3AUTHSCRIPT_CS": "Web3Auth/web3auth-pnp-examples/main/unity/unity-quick-start/Assets/Web3AuthScript.cs",
   "PNP_UNITY_MANIFEST_JSON": "Web3Auth/web3auth-pnp-examples/main/unity/unity-quick-start/Packages/manifest.json",
   "PNP_REACT_NATIVE_APP_TSX": "Web3Auth/web3auth-pnp-examples/main/react-native/rn-bare-quick-start/App.tsx",
@@ -51,19 +55,22 @@
   "PNP_ANDROID_SETTINGS_GRADLE": "Web3Auth/web3auth-pnp-examples/main/android/android-quick-start/settings.gradle",
   "PNP_ANDROID_STRINGS_XML": "Web3Auth/web3auth-pnp-examples/main/android/android-quick-start/app/src/main/res/values/strings.xml",
   "PNP_ANDROID_ACTIVITY_MAIN_XML": "Web3Auth/web3auth-pnp-examples/main/android/android-quick-start/app/src/main/res/layout/activity_main.xml",
-  "SFA_REACT_APP_TSX": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-react-quick-start/src/App.tsx",
-  "SFA_REACT_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-react-quick-start/package.json",
-  "SFA_REACT_CONFIG_OVERRIDES": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-react-quick-start/config-overrides.js",
-  "SFA_NEXT_PAGE_TSX": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-nextjs-quick-start/app/page.tsx",
-  "SFA_NEXT_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-nextjs-quick-start/package.json",
-  "SFA_ANGULAR_APP_COMPONENT_TS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/src/app/app.component.ts",
-  "SFA_ANGULAR_APP_COMPONENT_HTML": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/src/app/app.component.html",
-  "SFA_ANGULAR_POLYFILL_TS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/src/polyfills.ts",
-  "SFA_ANGULAR_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/package.json",
-  "SFA_ANGULAR_TSCONFIG_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/tsconfig.json",
-  "SFA_VUE_CONFIG_JS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vue-quick-start/vue.config.js",
-  "SFA_VUE_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vue-quick-start/package.json",
-  "SFA_VUE_HOME_VUE": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vue-quick-start/src/Home.vue",
+  "SFA_WEB_REACT_APP_TSX": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-react-quick-start/src/App.tsx",
+  "SFA_WEB_REACT_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-react-quick-start/package.json",
+  "SFA_WEB_REACT_CONFIG_OVERRIDES": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-react-quick-start/config-overrides.js",
+  "SFA_WEB_NEXT_PAGE_TSX": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-nextjs-quick-start/app/page.tsx",
+  "SFA_WEB_NEXT_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-nextjs-quick-start/package.json",
+  "SFA_WEB_ANGULAR_APP_COMPONENT_TS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/src/app/app.component.ts",
+  "SFA_WEB_ANGULAR_APP_COMPONENT_HTML": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/src/app/app.component.html",
+  "SFA_WEB_ANGULAR_POLYFILL_TS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/src/polyfills.ts",
+  "SFA_WEB_ANGULAR_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/package.json",
+  "SFA_WEB_ANGULAR_TSCONFIG_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-angular-quick-start/tsconfig.json",
+  "SFA_WEB_VUE_CONFIG_JS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vue-quick-start/vue.config.js",
+  "SFA_WEB_VUE_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vue-quick-start/package.json",
+  "SFA_WEB_VUE_HOME_VUE": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vue-quick-start/src/Home.vue",
+  "SFA_WEB_HTML_INDEX_HTML": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vanillajs-quick-start/index.html",
+  "SFA_WEB_HTML_SCRIPT_JS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vanillajs-quick-start/script.js",
+  "SFA_WEB_HTML_STYLE_CSS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-web/quick-starts/sfa-vanillajs-quick-start/style.css",
   "SFA_REACT_NATIVE_APP_TSX": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-react-native/sfa-rn-bare-quick-start/App.tsx",
   "SFA_REACT_NATIVE_PACKAGE_JSON": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-react-native/sfa-rn-bare-quick-start/package.json",
   "SFA_REACT_NATIVE_METRO_CONFIG_JS": "Web3Auth/web3auth-core-kit-examples/main/single-factor-auth-react-native/sfa-rn-bare-quick-start/metro.config.js",

src/pages/content-hub/guides/android-auth0.mdx

@@ -189,7 +189,7 @@ Add the below line to your `app/res/values/strings.xml` file and paste your Web3
 </resources>
 ```
 
-Read more about initialising the Android SDK [here](/sdk/pnp/android/initialize).
+Read more about initializing the Android SDK [here](/sdk/pnp/android/initialize).
 
 #### Set Result URL
 

src/pages/content-hub/guides/android-firebase.mdx

@@ -187,7 +187,7 @@ Add the below line to your `app/res/values/strings.xml` file and paste your Web3
 </resources>
 ```
 
-Read more about initialising the Android SDK [here](/sdk/pnp/android/initialize).
+Read more about initializing the Android SDK [here](/sdk/pnp/android/initialize).
 
 #### Set Result URL
 

src/pages/content-hub/guides/android.mdx

@@ -169,7 +169,7 @@ Add the below line to your `app/res/values/strings.xml` file and paste your Web3
 </resources>
 ```
 
-Read more about initialising the Android SDK [here](/sdk/pnp/android/initialize).
+Read more about initializing the Android SDK [here](/sdk/pnp/android/initialize).
 
 #### Set Result URL
 

src/pages/content-hub/guides/auth0.mdx

@@ -121,7 +121,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCode />
 

src/pages/content-hub/guides/cognito.mdx

@@ -129,7 +129,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCode />
 

src/pages/content-hub/guides/discord.mdx

@@ -109,7 +109,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCodeDiscord />
 

src/pages/content-hub/guides/facebook.mdx

@@ -127,7 +127,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCodeFacebook />
 

src/pages/content-hub/guides/firebase.mdx

@@ -165,7 +165,7 @@ const app = initializeApp(firebaseConfig);
 
 Import `initializeApp` from the Firebase SDK and use the firebaseConfig obtained above to initialize the Firebase web app.
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCodeFirebase />
 

src/pages/content-hub/guides/google.mdx

@@ -96,7 +96,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCodeGoogle />
 

src/pages/content-hub/guides/server-side-verification.mdx

@@ -90,7 +90,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCodeGoogle />
 

src/pages/content-hub/guides/single-factor-auth.mdx

@@ -269,7 +269,7 @@ const web3auth = new Web3AuthNoModal({
 });
 ```
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 ```tsx
 const openloginAdapter = new OpenloginAdapter({
@@ -290,7 +290,7 @@ const openloginAdapter = new OpenloginAdapter({
 You must pass your Web3Auth `clientId` in the adapterSettings object and your Custom Auth `verifierName` in the loginConfig object. To learn more
 about openloginAdapterParams refer to docs [here](/sdk/pnp/web/adapters/openlogin#web3authopenlogin-adapter).
 
-#### Initialising the Web3Auth SDK
+#### Initializing the Web3Auth SDK
 
 ```tsx
 await web3auth.init();

src/pages/content-hub/guides/twitch.mdx

@@ -104,7 +104,7 @@ Initialization of the Web3Auth SDK. To know more about the other things you can
 
 <InstantiationWeb3Auth />
 
-#### Initialising the Openlogin Adapter
+#### Initializing the Openlogin Adapter
 
 <OpenloginConfigCodeTwitch />
 

src/pages/integration-builder/builder/choices.ts

@@ -39,7 +39,7 @@ export const UNREAL = "UNREAL";
 export const NODE = "NODE";
 
 export const WEB_SDKS = [PNP_MODAL, PNP_NO_MODAL, SFA_WEB, MPC_CORE_KIT];
-export const WEB_FRAMEWORKS = [REACT, NEXTJS, VUE, ANGULAR];
+export const WEB_FRAMEWORKS = [REACT, NEXTJS, VUE, ANGULAR, HTML];
 
 export const SDKS_PNP: DisplayChoice[] = [
   { key: PNP_MODAL, displayName: "Web - Modal SDK" },
@@ -65,9 +65,15 @@ export const LANGS_WEB: DisplayChoice[] = [
   { key: NEXTJS, displayName: "Next JS" },
   { key: VUE, displayName: "Vue" },
   { key: ANGULAR, displayName: "Angular" },
+  { key: HTML, displayName: "Vanilla JS" },
 ];
 
-export const LANGS_WEB_PNP_MODAL: DisplayChoice[] = [...LANGS_WEB, { key: HTML, displayName: "HTML/JS" }];
+export const LANGS_WEB_MPC_CORE_KIT: DisplayChoice[] = [
+  { key: REACT, displayName: "React" },
+  { key: NEXTJS, displayName: "Next JS" },
+  { key: VUE, displayName: "Vue" },
+  { key: ANGULAR, displayName: "Angular" },
+];
 
 export const LANGS_ANDROID: DisplayChoice[] = [{ key: ANDROID, displayName: "Android" }];
 

src/pages/integration-builder/builder/core_kit/mpc_core_kit/angular/index.ts

@@ -6,11 +6,11 @@ const framework = {
   build({ filenames, files, steps }) {
     const replacementAggregator = new ReplaceFileAggregator();
     getSteps(steps, files, replacementAggregator);
-    filenames.push(hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS);
-    filenames.push(hostedFileLinks.NO_MODAL_ANGULAR_PACKAGE_JSON);
-    filenames.push(hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_HTML);
-    filenames.push(hostedFileLinks.NO_MODAL_ANGULAR_POLYFILL_TS);
-    filenames.push(hostedFileLinks.NO_MODAL_ANGULAR_TSCONFIG_JSON);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_ANGULAR_PACKAGE_JSON);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_HTML);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_ANGULAR_POLYFILL_TS);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_ANGULAR_TSCONFIG_JSON);
 
     return { filenames, files, steps };
   },

src/pages/integration-builder/builder/core_kit/mpc_core_kit/angular/steps.ts

@@ -6,72 +6,104 @@ export default function getSteps(steps, files, replacementAggregator) {
     {
       ...STEPS.vueQuickStart,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "Quick Start"
       ),
     },
     {
       ...STEPS.installation,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_PACKAGE_JSON,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_PACKAGE_JSON],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_PACKAGE_JSON,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_PACKAGE_JSON],
         "Web3Auth Installation"
       ),
     },
     {
       ...STEPS.vueBundlerIssues,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_POLYFILL_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_POLYFILL_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_POLYFILL_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_POLYFILL_TS],
         "Bundler Issues"
       ),
     },
     {
       ...STEPS.registerApp,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "Dashboard Registration"
       ),
     },
+    {
+      ...STEPS.createVerifier,
+      pointer: replacementAggregator.highlightRange(
+        hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX,
+        files[hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX],
+        "Verifier Creation"
+      ),
+    },
     {
       ...STEPS.initialization,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "SDK Initialization"
       ),
     },
+    {
+      ...STEPS.authProviderLogin,
+      pointer: replacementAggregator.highlightRange(
+        hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX,
+        files[hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX],
+        "Auth Provider Login"
+      ),
+    },
     {
       ...STEPS.login,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "Login"
       ),
     },
     {
       ...STEPS.getUserInfo,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "Get User Information"
       ),
     },
     {
       ...STEPS.blockchainCalls,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "Blockchain Calls"
       ),
     },
+    {
+      ...STEPS.enableMFA,
+      pointer: replacementAggregator.highlightRange(
+        hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX,
+        files[hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX],
+        "Enable Multi Factor Authentication"
+      ),
+    },
+    {
+      ...STEPS.recoverAccount,
+      pointer: replacementAggregator.highlightRange(
+        hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX,
+        files[hostedFileLinks.MPC_CORE_KIT_REACT_APP_TSX],
+        "Recover MFA Enabled Account"
+      ),
+    },
     {
       ...STEPS.logout,
       pointer: replacementAggregator.highlightRange(
-        hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS,
-        files[hostedFileLinks.NO_MODAL_ANGULAR_APP_COMPONENT_TS],
+        hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS,
+        files[hostedFileLinks.MPC_CORE_KIT_ANGULAR_APP_COMPONENT_TS],
         "Logout"
       ),
     }

src/pages/integration-builder/builder/core_kit/mpc_core_kit/nextjs/index.ts

@@ -6,8 +6,8 @@ const framework = {
   build({ filenames, files, steps }) {
     const replacementAggregator = new ReplaceFileAggregator();
     getSteps(steps, files, replacementAggregator);
-    filenames.push(hostedFileLinks.NO_MODAL_NEXT_PAGE_TSX);
-    filenames.push(hostedFileLinks.NO_MODAL_NEXT_PACKAGE_JSON);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_NEXT_PAGE_TSX);
+    filenames.push(hostedFileLinks.MPC_CORE_KIT_NEXT_PACKAGE_JSON);
 
     return { filenames, files, steps };
   },