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) {

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., {"function": "transfer", "params": {"to": "0x...", "value": "1000"}}'
+        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;

types/backTypes.d.ts

@@ -402,6 +402,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";