From 0ef5779776e301a92217d9062838716a23b2d6e0 Mon Sep 17 00:00:00 2001
From: Sheen Capadngan <sheen@symph.co>
Date: Thu, 11 May 2023 00:47:16 +0800
Subject: [PATCH] add providerAuthToken for MFA login

---
 frontend/src/components/login/MFAStep.tsx          | 14 ++++++++------
 .../src/components/utilities/attemptLoginMfa.ts    |  3 +++
 frontend/src/pages/login.tsx                       |  1 +
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/login/MFAStep.tsx b/frontend/src/components/login/MFAStep.tsx
index ef1f9d754..6f1209eba 100644
--- a/frontend/src/components/login/MFAStep.tsx
+++ b/frontend/src/components/login/MFAStep.tsx
@@ -52,10 +52,12 @@ interface VerifyMfaTokenError {
  */
 export default function MFAStep({
   email,
-  password
+  password,
+  providerAuthToken,
 }: {
   email: string;
   password: string;
+  providerAuthToken?: string;
 }): JSX.Element {
   const router = useRouter();
   const [isLoading, setIsLoading] = useState(false);
@@ -77,6 +79,7 @@ export default function MFAStep({
       const isLoginSuccessful = await attemptLoginMfa({
         email,
         password,
+        providerAuthToken,
         mfaToken: mfaCode
       });
 
@@ -136,11 +139,10 @@ export default function MFAStep({
         <div className="flex flex-row items-baseline gap-1 text-sm">
           <span className="text-bunker-400">{t('mfa.step2-resend-alert')}</span>
           <u
-            className={`font-normal ${
-              isLoadingResend
-                ? 'text-bunker-400'
-                : 'text-primary-700 duration-200 hover:text-primary'
-            }`}
+            className={`font-normal ${isLoadingResend
+              ? 'text-bunker-400'
+              : 'text-primary-700 duration-200 hover:text-primary'
+              }`}
           >
             <button disabled={isLoading} onClick={() => handleResendMfaCode()} type="button">
               {isLoadingResend ? t('mfa.step2-resend-progress') : t('mfa.step2-resend-submit')}
diff --git a/frontend/src/components/utilities/attemptLoginMfa.ts b/frontend/src/components/utilities/attemptLoginMfa.ts
index b7d499817..8c118d0bc 100644
--- a/frontend/src/components/utilities/attemptLoginMfa.ts
+++ b/frontend/src/components/utilities/attemptLoginMfa.ts
@@ -23,10 +23,12 @@ const client = new jsrp.client();
 const attemptLoginMfa = async ({
     email,
     password,
+    providerAuthToken,
     mfaToken
 }: {
     email: string;
     password: string;
+    providerAuthToken?: string,
     mfaToken: string;
 }): Promise<Boolean> => {
     return new Promise((resolve, reject) => {
@@ -39,6 +41,7 @@ const attemptLoginMfa = async ({
                 const { salt } = await login1({
                     email,
                     clientPublicKey,
+                    providerAuthToken,
                 });
                 
                 const {
diff --git a/frontend/src/pages/login.tsx b/frontend/src/pages/login.tsx
index f32a85119..9caecf7ff 100644
--- a/frontend/src/pages/login.tsx
+++ b/frontend/src/pages/login.tsx
@@ -91,6 +91,7 @@ export default function Login() {
       <MFAStep
         email={email || providerEmail}
         password={password}
+        providerAuthToken={providerAuthToken}
       />
     }