Merge pull request mosip#648 from Infosys/bug/ES-938

[ES-938] resetting captchaToken with recaptcha wigdet
Infosys · Apr 5, 2024 · beaceee · beaceee
2 parents c809469 + 8db266a
commit beaceee
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 6 deletions.
diff --git a/oidc-ui/src/components/Form.js b/oidc-ui/src/components/Form.js
@@ -80,6 +80,15 @@ export default function Form({
     setCaptchaToken(value);
   };
 
+  /**
+   * Reset the captcha widget
+   * & its token value
+   */
+  const resetCaptcha = () => {
+    _reCaptchaRef.current.reset();
+    setCaptchaToken(null);
+  }
+
   //Handle Login API Integration here
   const authenticateUser = async () => {
     try {
@@ -128,7 +137,7 @@ export default function Form({
             errorCode: `${errors[0].errorCode}`
           });
         }
-        _reCaptchaRef.current.reset();        
+        resetCaptcha();        
         return;
       } else {
         setError(null);
@@ -154,7 +163,7 @@ export default function Form({
         defaultMsg: error.message,
       });
       setStatus(states.ERROR);
-      _reCaptchaRef.current.reset();        
+      resetCaptcha();      
     }
   };
 

diff --git a/oidc-ui/src/components/OtpGet.js b/oidc-ui/src/components/OtpGet.js
@@ -89,6 +89,15 @@ export default function OtpGet({
   const handleChange = (e) => {
     setLoginState({ ...loginState, [e.target.id]: e.target.value });
   };
+
+  /**
+   * Reset the captcha widget
+   * & its token value
+   */
+  const resetCaptcha = () => {
+    _reCaptchaRef.current.reset();
+    setCaptchaToken(null);
+  }
 
   const sendOTP = async () => {
     try {
@@ -128,7 +137,7 @@ export default function OtpGet({
             show: true
           });
         }
-        _reCaptchaRef.current.reset();
+        resetCaptcha();
         return;
       } else {
         onOtpSent(loginState["Otp_mosip-vid"], response);
@@ -140,7 +149,7 @@ export default function OtpGet({
         show: true
       });
       setStatus({ state: states.ERROR, msg: "" });
-      _reCaptchaRef.current.reset();
+      resetCaptcha();
     }
   };
 

diff --git a/oidc-ui/src/components/Password.js b/oidc-ui/src/components/Password.js
@@ -107,6 +107,15 @@ export default function Password({
     setCaptchaToken(value);
   };
 
+  /**
+   * Reset the captcha widget
+   * & its token value
+   */
+  const resetCaptcha = () => {
+    _reCaptchaRef.current.reset();
+    setCaptchaToken(null);
+  }
+
   //Handle Login API Integration here
   const authenticateUser = async () => {
     try {
@@ -157,7 +166,7 @@ export default function Password({
             show: true
           });
         }
-        _reCaptchaRef.current.reset();
+        resetCaptcha();
         return;
       } else {
         setErrorBanner(null);
@@ -182,7 +191,7 @@ export default function Password({
         show: true
       });
       setStatus(states.ERROR);
-      _reCaptchaRef.current.reset();
+      resetCaptcha();
     }
   };