added new contract task type in the admin dashboard

app/admin/quests/dashboard/[questId]/page.tsx

@@ -46,6 +46,7 @@ type StepMap =
   | { type: "Custom"; data: WithNewField<CustomInputType, "id", number> }
   | { type: "Domain"; data: WithNewField<DomainInputType, "id", number> }
   | { type: "Balance"; data: WithNewField<BalanceInputType, "id", number> }
+  | { type: "Contract"; data: WithNewField<ContractInputType, "id", number> }
   | { type: "None"; data: object };
 
 export default function Page({ params }: QuestIdProps) {
@@ -215,6 +216,18 @@ export default function Page({ params }: QuestIdProps) {
             balance_href: task.href,
           },
         };
+      } else if (task.task_type === "contract") {
+        return {
+          type: "Contract",
+          data: {
+            id: task.id,
+            contract_name: task.name,
+            contract_desc: task.desc,
+            contract_href: task.href,
+            contract_cta: task.cta,
+            contract_calls: task.calls,
+          },
+        };
       }
     });
 
@@ -509,6 +522,15 @@ export default function Page({ params }: QuestIdProps) {
             cta: step.data.balance_cta,
             href: step.data.balance_href,
           });
+        } else if (step.type === "Contract") {
+          await AdminService.createContract({
+            quest_id: questId.current,
+            name: step.data.contract_name,
+            desc: step.data.contract_desc,
+            href: step.data.contract_href,
+            cta: step.data.contract_cta,
+            calls: step.data.calls,
+          });
         }
       } catch (error) {
         console.error(`Error adding task of type ${step.type}:`, error);
@@ -607,6 +629,15 @@ export default function Page({ params }: QuestIdProps) {
           cta: step.data.balance_cta,
           href: step.data.balance_href,
         });
+      } else if (step.type === "Contract") {
+        await AdminService.updateContract({
+          id: step.data.id,
+          name: step.data.contract_name,
+          desc: step.data.contract_desc,
+          href: step.data.contract_href,
+          cta: step.data.contract_cta,
+          calls: step.data.calls,
+        });
       }
     });
 

components/admin/formSteps/TaskDetailsForm.tsx

@@ -15,6 +15,7 @@ import DomainStep from "../taskSteps/domainStep";
 import Typography from "@components/UI/typography/typography";
 import { TEXT_TYPE } from "@constants/typography";
 import BalanceStep from "../taskSteps/balanceStep";
+import ContractStep from "../taskSteps/contractStep";
 
 type TaskDetailsFormProps = {
   steps: StepMap[];
@@ -104,6 +105,14 @@ const TaskDetailsForm: FunctionComponent<TaskDetailsFormProps> = ({
           step={step}
         />
       );
+    } else if (step?.type === "Contract") {
+      return (
+        <ContractStep
+          handleTasksInputChange={handleTasksInputChange}
+          index={currentTask}
+          step={step}
+        />
+      );
     }
   };
   return (

components/admin/taskSteps/contractStep.tsx

@@ -0,0 +1,61 @@
+import React, { FunctionComponent } from "react";
+import TextInput from "../textInput";
+
+type ContractStepProps = {
+  handleTasksInputChange: (
+    e: React.ChangeEvent<HTMLInputElement>,
+    index: number
+  ) => void;
+  step: StepMap;
+  index: number;
+};
+
+const ContractStep: FunctionComponent<ContractStepProps> = ({
+  handleTasksInputChange,
+  step,
+  index,
+}) => {
+  return (
+    <div className="flex flex-col gap-4 pt-2">
+      <TextInput
+        onChange={(e) => handleTasksInputChange(e, index)}
+        value={step.data.contract_name || ""}
+        name="contract_name"
+        label="Name"
+        placeholder="Name"
+      />
+      <TextInput
+        onChange={(e) => handleTasksInputChange(e, index)}
+        value={step.data.contract_desc || ""}
+        name="contract_desc"
+        label="Description"
+        placeholder="Description"
+        multiline={4}
+      />
+      <TextInput
+        onChange={(e) => handleTasksInputChange(e, index)}
+        value={step.data.contract_href || ""}
+        name="contract_href"
+        label="URL"
+        placeholder="URL"
+      />
+      <TextInput
+        onChange={(e) => handleTasksInputChange(e, index)}
+        value={step.data.contract_cta || ""}
+        name="contract_cta"
+        label="CTA"
+        placeholder="CTA"
+      />
+      <TextInput
+        onChange={(e) => handleTasksInputChange(e, index)}
+        value={step.data.calls || ""}
+        name="calls"
+        label="Calls (JSON)"
+        placeholder='e.g.: [{ "contract": "0x...", "entry_point": "transfer", "call_data": ["0x..."], "regex": "..." }]'
+        multiline={4}
+      />
+    </div>
+  );
+};
+
+export default ContractStep;

constants/admin.ts

@@ -18,6 +18,7 @@ export const TASK_OPTIONS = [
   "Custom",
   "Domain",
   "Balance",
+  "Contract",
 ];
 
 export const TWITTER_OPTIONS = {
@@ -115,13 +116,23 @@ export const BalanceInput = {
   balance_href: "",
 };
 
+export const ContractInput = {
+  contract_name: "",
+  contract_desc: "",
+  contract_href: "",
+  contract_cta: "",
+  calls: "",
+};
+
 export const getDefaultValues = (type: TaskType) => {
   if (type === "Quiz") return QuizDefaultInput;
   if (type === "TwitterFw") return TwitterFwInput;
   if (type === "TwitterRw") return TwitterRwInput;
   if (type === "Discord") return DiscordInput;
   if (type === "Custom") return CustomInput;
   if (type === "Domain") return DomainInput;
+  if (type === "Balance") return BalanceInput;
+  if (type === "Contract") return ContractInput;
   if (type === "None") return {};
 
   return QuizDefaultInput;

services/authService.ts

@@ -22,6 +22,8 @@ import {
   AddUser,
   CreateBalance,
   UpdateBalance,
+  CreateContract,
+  UpdateContract,
 } from "../types/backTypes";
 
 const baseurl = process.env.NEXT_PUBLIC_API_LINK;
@@ -354,6 +356,38 @@ const updateBalance = async (params: UpdateBalance) => {
   }
 };
 
+const createContract = async (params: CreateContract) => {
+  try {
+    const response = await fetch(`${baseurl}/admin/tasks/contract/create`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${localStorage.getItem("token")}`,
+      },
+      body: JSON.stringify(params),
+    });
+    return await response.json();
+  } catch (err) {
+    console.log("Error creating contract task", err);
+  }
+};
+
+const updateContract = async (params: UpdateContract) => {
+  try {
+    const response = await fetch(`${baseurl}/admin/tasks/contract/update`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${localStorage.getItem("token")}`,
+      },
+      body: JSON.stringify(params),
+    });
+    return await response.json();
+  } catch (error) {
+    console.log("Error updating contract task", error);
+  }
+};
+
 const createQuiz = async (params: CreateQuiz) => {
   try {
     const response = await fetch(`${baseurl}/admin/tasks/quiz/create`, {
@@ -515,6 +549,8 @@ export const AdminService = {
   createCustom,
   createBalance,
   updateBalance,
+  createContract,
+  updateContract,
   createQuiz,
   createQuizQuestion,
   deleteTask,

types/backTypes.d.ts

@@ -48,6 +48,7 @@ type UserTask = {
   task_type: string | null;
   discord_guild_id: string | null;
   contracts: string[] | null;
+  calls: object | null;
 };
 
 type UserDocument = {
@@ -402,6 +403,24 @@ export type UpdateBalance = {
   href?: string;
 };
 
+export type CreateContract = {
+  quest_id: number;
+  name: string;
+  desc: string;
+  href: string;
+  cta: string;
+  calls: object; 
+};
+
+export type UpdateContract = {
+  id: number;
+  name?: string;
+  desc?: string;
+  href?: string;
+  cta?: string;
+  calls?: object;
+};
+
 export type UpdateCustom = {
   id: number;
   name?: string;

types/frontTypes.d.ts

@@ -315,7 +315,8 @@ type StepMap =
   | { type: "Custom"; data: CustomInputType }
   | { type: "None"; data: object }
   | { type: "Domain"; data: DomainInputType }
-  | { type: "Balance"; data: BalanceInputType };
+  | { type: "Balance"; data: BalanceInputType }
+  | { type: "Contract"; data: ContractInputType };
 
 type CustomInputType = typeof CustomInput;
 type DiscordInputType = typeof DiscordInput;
@@ -324,6 +325,7 @@ type QuizInputType = typeof QuizDefaultInput;
 type TwitterFwInputType = typeof TwitterFwInput;
 type TwitterRwInputType = typeof TwitterRwInput;
 type BalanceInputType = typeof BalanceInput;
+type ContractInputType = typeof ContractInput;
 type TaskType =
   | "Quiz"
   | "TwitterFw"
@@ -332,6 +334,7 @@ type TaskType =
   | "TwitterRw"
   | "Domain"
   | "Balance"
+  | "Contract"
   | "None";
 
 type networks = "MAINNET" | "TESTNET";