BAH-4119 | Add. Show error message when OTP validation fails in verification flow (#96)

Author: mohan-13

src/components/otp-verification/otpVerification.jsx

@@ -55,13 +55,18 @@ const OtpVerification = (props) => {
             if(props.isVerifyByAbhaAddress){
                 const response = await abhaAddressVerifyOtp(otp);
                 if(response.data !== undefined) {
+                    if(response.data.authResult === "success"){
                     const getProfileResponse= await getAbhaAddressProfile();
                     if(getProfileResponse.data != undefined) {
                         setNdhmDetails(mapPatient(getProfileResponse.data));
                     }
                     else {
                         setShowError(true);
                         setErrorMessage(getProfileResponse.error.message);
+                    }}
+                    else{
+                        setShowError(true);
+                        setErrorMessage(response.data.message);
                     }
 
                 }
@@ -73,13 +78,18 @@ const OtpVerification = (props) => {
             else{
                 const response = await abhaNumberVerifyOtp(otp);
                 if(response.data !== undefined) {
+                    if(response.data.authResult === "success"){
                     const getProfileResponse= await getPatientProfile();
                     if(getProfileResponse.data != undefined) {
                         setNdhmDetails(mapPatient(getProfileResponse.data));
                     }
                     else {
                         setShowError(true);
                         setErrorMessage(getProfileResponse.error.message);
+                    }}
+                    else{
+                        setShowError(true);
+                        setErrorMessage(response.data.message);
                     }
 
                 }

src/components/verifyHealthId/verifyHealthId.jsx

@@ -247,7 +247,7 @@ const VerifyHealthId = () => {
                             <div className="verify-health-id-input">
                                 <input type="text" id="abhaNumber" name="abhaNumber" value={abhaNumber} onChange={abhaNumberOnChangeHandler} />
                             </div>
-                            <button name="verify-btn" type="button" onClick={verifyAbhaNumber} disabled={showAuthModes || checkIfNotNull(ndhmDetails) || isDisabled}>Verify</button>
+                            <button name="verify-btn" type="button" onClick={verifyAbhaNumber} disabled={showAuthModes || checkIfNotNull(ndhmDetails) || isDisabled}>Proceed</button>
                         </div>
                 </div>
                 }

src/components/verifyHealthId/verifyHealthIdThroughMobileNumber.jsx

@@ -93,8 +93,15 @@ const VerifyHealthIdThroughMobileNumber = (props) => {
                     setError(response.error.message);
                 }
                 else {
-                    props.setIsMobileOtpVerified(true);
-                    setLinkedABHANumber(response.data.accounts);
+                    if (response.data.authResult === "success") {
+                        props.setIsMobileOtpVerified(true);
+                        setLinkedABHANumber(response.data.accounts);
+                    }
+                    else{
+                        setShowError(true);
+                        setError(response.data.message);
+                    }
+                    
                 }
             }
         }