PROD-2644 #comment Fix unable to proceed to pay if user submits the contact support form

Author: asadath1395

src-ts/lib/form/form-functions/form.functions.ts

@@ -72,13 +72,14 @@ export async function onSubmitAsync<T>(
 ): Promise<void> {
 
     event.preventDefault()
+    event.stopPropagation();
 
     const { groups, shortName, successMessage }: FormDefinition = formDef
     const inputs: Array<FormInputModel> = getFormInputFields(groups || [])
 
     // get the dirty fields before we validate b/c validation marks them dirty on submit
     const dirty: FormInputModel | undefined = inputs?.find(fieldDef => !!fieldDef.dirty)
-
+    const pristine: FormInputModel | undefined = inputs?.find(fieldDef => !!fieldDef.pristine)
     // if there are any validation errors, display a message and stop submitting
     // NOTE: need to check this before we check if the form is dirty bc you
     // could have a form that's not dirty but has errors and you wouldn't
@@ -98,7 +99,7 @@ export async function onSubmitAsync<T>(
         })
 
     // if there are no dirty fields, don't actually perform the save
-    const savePromise: Promise<void> = !dirty ? Promise.resolve() : save(formValue)
+    const savePromise: Promise<void> = !dirty && !pristine ? Promise.resolve() : save(formValue)
 
     return savePromise
         .then(() => {

src-ts/lib/form/form-input.model.ts

@@ -28,6 +28,7 @@ export interface FormInputModel {
     dirty?: boolean
     disabled?: boolean
     error?: string
+    pristine?: boolean
     readonly events?: ReadonlyArray<InputEvent>
     readonly fileConfig?: {
         readonly acceptFileType?: string

src-ts/tools/work/work-self-service/intake-forms/bug-hunt/bug-hunt.form.config.tsx

@@ -41,6 +41,7 @@ export const BugHuntFormConfig: FormDefinition = {
                 {
                     hideInlineErrors: true,
                     label: 'Project title',
+                    pristine: true,
                     name: ChallengeMetadataName.projectTitle,
                     placeholder: 'Enter a descriptive title',
                     type: 'text',