Career contact form server action integration #3478

Author: equinorpiyush

package.json

@@ -32,5 +32,6 @@
     "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [
       "biome check --files-ignore-unknown=true --no-errors-on-unmatched"
     ]
-  }
+  },
+  "packageManager": "pnpm@10.24.0+sha512.01ff8ae71b4419903b65c60fb2dc9d34cf8bb6e06d03bde112ef38f7a34d6904c424ba66bea5cdcf12890230bf39f9580473140ed9c946fef328b6e5238a345a"
 }

web/app/_actions/submitFormServerAction.ts

@@ -1,10 +1,12 @@
 //web lib actions equinorFormServerAction
 'use server'
 
-import { ContactFormCatalogType } from '../../types'
-import { validateFormRequest } from '../../app/api/forms/validateFormRequest'
 import { getAccessToken } from '../../lib/actions/getAccessToken'
 
+// ContactEquinor - CAT0012836
+// OrderReports - CAT0012841
+// CareersContactUs - CAT0012840
+// CareerFairs - CAT0012839
 export default async function submitFormServerAction(formData: any, catelogNumber: string) {
   const urlString = process.env.ACTION_BASE_URL_FOR_FORMS + '/' + catelogNumber;
 
@@ -21,7 +23,7 @@ export default async function submitFormServerAction(formData: any, catelogNumbe
     })
 
     const parsed = await response.json()
-    console.log(response, parsed)
+    console.log(response, parsed, formData)
     if (parsed.status === 'failure' || parsed.Status?.includes('Failure')) {
       console.error('Failed to create ticket in ServiceNow')
       return { status: 500 }

web/templates/forms/CareersContactForm.tsx

@@ -11,6 +11,8 @@ import { FormMessageBox } from '@/core/Form/FormMessageBox'
 import { Select } from '@/core/Select/Select'
 import { TextField } from '@/core/TextField/TextField'
 import FriendlyCaptcha from './FriendlyCaptcha'
+import verifyCaptcha from '@/app/_actions/verifyCaptcha'
+import submitFormServerAction from '@/app/_actions/submitFormServerAction'
 import {
   contentRegex,
   emailRegex,
@@ -29,6 +31,7 @@ type FormValues = {
   preferredLang: string
   candidateType: string
   supportingDocuments: string
+  location: string
 }
 
 const CareersContactForm = () => {
@@ -91,22 +94,37 @@ const CareersContactForm = () => {
   }
 
   const onSubmit = async (data: FormValues, event?: BaseSyntheticEvent) => {
+
     data.preferredLang = locale
     if (isFriendlyChallengeDone) {
-      const res = await fetch('/api/forms/service-now-careers-contact', {
-        body: JSON.stringify({
-          data,
-          frcCaptchaSolution: (event?.target as any)['frc-captcha-response']
-            .value,
-          catalogType: getCatalogType(data.category, data.candidateType),
-        }),
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        method: 'POST',
-      })
-      setSuccessfullySubmitted(res.status === 200)
-      setServerError(res.status !== 200)
+      const frcCaptchaSolution = (event?.target as any)['frc-captcha-response'].value
+      const isCaptchaVerified = await verifyCaptcha(frcCaptchaSolution)
+      const cid = getCatalogType(data.category, data.candidateType)
+      if(!isCaptchaVerified){
+        return
+      }
+
+      let finalFormData = {
+        "variables": {
+          "requested_for": "tpawe",
+          "cid": cid, //change
+          "name": data.name,
+          "phoneNumber": data.phone,
+          "external_emails": data.email,
+          "positionDetails": data.positionId,
+          "location": data.location,
+          "questions": data.questions,
+          "supportingdocuments": data.supportingDocuments,
+          "candidatetype": data.candidateType,
+          "positiondetails": data.positionId
+        }
+      }
+      
+      // Call the server action directly
+      const result = await submitFormServerAction(JSON.stringify(finalFormData), 'CAT0012840')
+
+      setServerError(result.status !== 200)
+      setSuccessfullySubmitted(result.status === 200)
     } else {
       //@ts-ignore: TODO: types
       setError('root.notCompletedCaptcha', {