From 161e25bf0412fee0ccf1b62f53206b3fe45d5f01 Mon Sep 17 00:00:00 2001
From: Kerem Yilmaz <kerem@skyvern.com>
Date: Sat, 15 Jun 2024 22:44:34 -0700
Subject: [PATCH] Add job application demo (#476)

---
 .../src/routes/tasks/create/TaskTemplates.tsx    |  4 ++++
 .../src/routes/tasks/data/sampleTaskData.ts      | 16 ++++++++++++++++
 skyvern-frontend/src/routes/tasks/types.ts       |  1 +
 3 files changed, 21 insertions(+)

diff --git a/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx b/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx
index 3d6f352c..34b9d8dd 100644
--- a/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/TaskTemplates.tsx
@@ -55,6 +55,10 @@ const templateSamples: {
     title: "bci_seguros",
     description: "Generate an auto insurance quote",
   },
+  job_application: {
+    title: "Job Application",
+    description: "Fill a job application form",
+  },
 };
 
 function TaskTemplates() {
diff --git a/skyvern-frontend/src/routes/tasks/data/sampleTaskData.ts b/skyvern-frontend/src/routes/tasks/data/sampleTaskData.ts
index d74407d1..85647df0 100644
--- a/skyvern-frontend/src/routes/tasks/data/sampleTaskData.ts
+++ b/skyvern-frontend/src/routes/tasks/data/sampleTaskData.ts
@@ -61,6 +61,19 @@ export const finditparts = {
   extractedInformationSchema: null,
 };
 
+export const job_application = {
+  url: "https://jobs.lever.co/leverdemo-8/45d39614-464a-4b62-a5cd-8683ce4fb80a/apply",
+  navigationGoal:
+    "Fill out the job application form and apply to the job. Fill out any public burden questions if they appear in the form. Your goal is complete when the page says you've successfully applied to the job. Terminate if you are unable to apply successfully.",
+  navigationPayload: {
+    name: "John Doe",
+    email: "john.doe@gmail.com",
+    phone: "123-456-7890",
+    resume_url: "https://www.msnlabs.com/img/resume-sample.pdf",
+    cover_letter: "Generate a compelling cover letter for me",
+  },
+};
+
 export const geico = {
   url: "https://www.geico.com",
   navigationGoal:
@@ -265,6 +278,9 @@ export function getSample(sample: SampleCase) {
     case "bci_seguros": {
       return bci_seguros;
     }
+    case "job_application": {
+      return job_application;
+    }
     case "blank": {
       return blank;
     }
diff --git a/skyvern-frontend/src/routes/tasks/types.ts b/skyvern-frontend/src/routes/tasks/types.ts
index 3aacb63a..21748027 100644
--- a/skyvern-frontend/src/routes/tasks/types.ts
+++ b/skyvern-frontend/src/routes/tasks/types.ts
@@ -4,6 +4,7 @@ export const sampleCases = [
   "finditparts",
   "california_edd",
   "bci_seguros",
+  "job_application",
 ] as const;
 
 export type SampleCase = (typeof sampleCases)[number];