From 5f932783267c23ccf42464f71bf23bd20c0ed007 Mon Sep 17 00:00:00 2001
From: Syed Sajjad Hussain Shah
 <52817156+syedsajjadkazmii@users.noreply.github.com>
Date: Tue, 5 Mar 2024 13:13:30 +0500
Subject: [PATCH] feat: add invalid form submit click event: (#1190)

---
 src/register/RegistrationPage.jsx               | 9 +++++++++
 src/register/data/optimizelyExperiment/track.js | 8 ++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/register/RegistrationPage.jsx b/src/register/RegistrationPage.jsx
index 89210955ba..0b58479a6d 100644
--- a/src/register/RegistrationPage.jsx
+++ b/src/register/RegistrationPage.jsx
@@ -36,6 +36,7 @@ import {
 } from './data/optimizelyExperiment/helper';
 import {
   trackSimplifyRegistrationContinueBtnClicked,
+  trackSimplifyRegistrationInvalidFormSubmitBtnClicked,
   trackSimplifyRegistrationSecondStepViewed,
   trackSimplifyRegistrationValidatedSubmitBtnClicked,
 } from './data/optimizelyExperiment/track';
@@ -275,6 +276,10 @@ const RegistrationPage = (props) => {
 
     // returning if not valid
     if (!isValid) {
+      if (simplifyRegistrationExpVariation === SIMPLIFIED_REGISTRATION_VARIATION
+        || simplifyRegistrationExpVariation === DEFAULT_VARIATION) {
+        trackSimplifyRegistrationInvalidFormSubmitBtnClicked(simplifyRegistrationExpVariation, fieldErrors);
+      }
       setErrorCode(prevState => ({ type: FORM_SUBMISSION_ERROR, count: prevState.count + 1 }));
       return;
     }
@@ -316,6 +321,10 @@ const RegistrationPage = (props) => {
       }));
       // returning if not valid
       if (!isValid) {
+        trackSimplifyRegistrationInvalidFormSubmitBtnClicked(simplifyRegistrationExpVariation, {
+          ...errors,
+          ...fieldErrors,
+        });
         setErrorCode(prevState => ({ type: FORM_SUBMISSION_ERROR, count: prevState.count + 1 }));
       } else {
         setErrorCode({ type: '', count: 0 });
diff --git a/src/register/data/optimizelyExperiment/track.js b/src/register/data/optimizelyExperiment/track.js
index e1326822dc..41f6e4482b 100644
--- a/src/register/data/optimizelyExperiment/track.js
+++ b/src/register/data/optimizelyExperiment/track.js
@@ -5,6 +5,7 @@ export const eventNames = {
   simplifyRegistrationSecondStepViewed: 'edx.bi.user.simplifyregistration.step2.viewed',
   simplifyRegistrationContinueBtnClicked: 'edx.bi.user.registration.submit.click',
   simplifyRegistrationValidatedSubmitBtnClicked: 'edx.bi.user.registration.validated.submit.click',
+  simplifyRegistrationInvalidFormSubmitBtnClicked: 'edx.bi.user.registration.invalid.form.submit.click',
 };
 
 export const trackSimplifyRegistrationFirstStepViewed = (expVariation) => {
@@ -30,3 +31,10 @@ export const trackSimplifyRegistrationValidatedSubmitBtnClicked = (expVariation)
     variation: expVariation,
   });
 };
+
+export const trackSimplifyRegistrationInvalidFormSubmitBtnClicked = (expVariation, formErrors) => {
+  sendTrackEvent(eventNames.simplifyRegistrationInvalidFormSubmitBtnClicked, {
+    variation: expVariation,
+    ...formErrors,
+  });
+};