feat: add Discord webhook configuration support to forms and create dedicated admin settings page

app/actions/submissions.ts

@@ -29,6 +29,7 @@ export async function submitForm(
   });
 
   let submissionId = "";
+  const isUpdate = !!existingSubmission;
 
   if (existingSubmission) {
     submissionId = existingSubmission.id;
@@ -89,6 +90,47 @@ export async function submitForm(
     );
   }
 
+  // Send Discord Webhook
+  const templateToUse = isUpdate ? (form as any).discordWebhookUpdateTemplate : form.discordWebhookTemplate;
+
+  if (form.discordWebhookUrl && templateToUse) {
+    try {
+      const questionsList = await db.query.questions.findMany({
+        where: (q, { eq }) => eq(q.formId, formId)
+      });
+      const questionMap = questionsList.reduce((acc, q) => {
+        acc[q.id] = q.label;
+        return acc;
+      }, {} as Record<string, string>);
+
+      const answersDict = answersList.reduce((acc, a) => {
+        const label = questionMap[a.questionId];
+        if (label) {
+          acc[label] = a.value;
+        }
+        return acc;
+      }, {} as Record<string, string>);
+
+      let message = templateToUse;
+      // Replace {Label} with value
+      message = message.replace(/\{([^}]+)\}/g, (match: string, p1: string) => {
+        return answersDict[p1] || "Not Provided";
+      });
+
+      await fetch(form.discordWebhookUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          content: message,
+        }),
+      });
+    } catch (e) {
+      console.error("Failed to send webhook", e);
+    }
+  }
+
   revalidatePath("/form/admin/result");
   return { ok: true };
 }