upd: hapus console log

Reviewed-on: http://wibugit.wibudev.com/wibu/jenna-mcp/pulls/102

bak/ModalSurat.tsx.txt

@@ -0,0 +1,146 @@
+import apiFetch from "@/lib/apiFetch";
+import { ActionIcon, Flex, Modal } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconDownload, IconX } from "@tabler/icons-react";
+import html2canvas from "html2canvas";
+import jsPDF from "jspdf";
+import { useRef } from "react";
+import useSWR from "swr";
+import SKBedaBiodataDiri from "./surat/SKBedaBiodataDiri";
+import SKBelumKawin from "./surat/SKBelumKawin";
+import SKDomisiliOrganisasi from "./surat/SKDomisiliOrganisasi";
+import SKKelahiran from "./surat/SKKelahiran";
+import SKKelakuanBaik from "./surat/SKKelakuanBaik";
+import SKKematian from "./surat/SKKematian";
+import SKPenghasilan from "./surat/SKPenghasilan";
+import SKTempatUsaha from "./surat/SKTempatUsaha";
+import SKTidakMampu from "./surat/SKTidakMampu";
+import SKUsaha from "./surat/SKUsaha";
+import SKYatim from "./surat/SKYatimPiatu";
+
+export default function ModalSurat({
+  open,
+  onClose,
+  surat,
+}: {
+  open: boolean;
+  onClose: () => void;
+  surat: string;
+}) {
+  const A4Style = {
+    width: "210mm",
+    height: "297mm",
+    padding: "20mm",
+    background: "#fff",
+    color: "#000",
+    fontSize: "14px",
+    fontFamily: "Times New Roman",
+  };
+  const hiddenRef = useRef<any>(null);
+  const { data, mutate, isLoading } = useSWR("surat", () =>
+    apiFetch.api.surat.detail.get({
+      query: {
+        id: surat,
+      },
+    }),
+  );
+
+  useShallowEffect(() => {
+    mutate();
+  }, []);
+
+  const downloadPDF = async () => {
+    const element = hiddenRef.current;
+    const canvas = await html2canvas(element, {
+      scale: 2,
+      useCORS: true,
+      allowTaint: true,
+      width: element.offsetWidth,
+      height: element.offsetHeight,
+    });
+
+    const imgData = canvas.toDataURL("image/jpeg", 1.0);
+
+    const pdf = new jsPDF("p", "mm", "a4");
+    const pageWidth = 210; // A4 width mm
+    const pageHeight = 297; // A4 height mm
+
+    const imgWidth = pageWidth;
+    const imgHeight = (canvas.height * pageWidth) / canvas.width;
+
+    pdf.addImage(imgData, "JPEG", 0, 0, imgWidth, imgHeight);
+
+    pdf.save(`${data?.data?.surat?.nameCategory}.pdf`);
+  };
+
+  return (
+    <>
+      <Modal
+        opened={open}
+        onClose={() => onClose()}
+        overlayProps={{ backgroundOpacity: 0.55, blur: 3 }}
+        size="auto"
+        withCloseButton={false}
+        removeScrollProps={{ allowPinchZoom: true }}
+        styles={{
+          header: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            padding: "12px 16px",
+          },
+          title: {
+            width: "100%",
+          },
+        }}
+        title={
+          <Flex justify="space-between" align="center" w="100%">
+            <div style={{ fontSize: 18, fontWeight: 600 }}>Preview Surat</div>
+
+            <Flex gap={8}>
+              <ActionIcon size={32} variant="default">
+                <IconDownload size={20} onClick={downloadPDF} />
+              </ActionIcon>
+
+              <ActionIcon size={32} variant="default" onClick={onClose}>
+                <IconX size={20} />
+              </ActionIcon>
+            </Flex>
+          </Flex>
+        }
+      >
+        <div ref={hiddenRef} style={A4Style}>
+          {data && data.data ? (
+            data.data.surat.idCategory == "skusaha" ? (
+              <SKUsaha data={data.data} />
+            ) : data.data.surat.idCategory == "skkelahiran" ? (
+              <SKKelahiran data={data.data} />
+            ) : data.data.surat.idCategory == "skkelakuanbaik" ? (
+              <SKKelakuanBaik data={data.data} />
+            ) : data.data.surat.idCategory == "skpenghasilan" ? (
+              <SKPenghasilan data={data.data} />
+            ) : data.data.surat.idCategory == "sktidakmampu" ? (
+              <SKTidakMampu data={data.data} />
+            ) : data.data.surat.idCategory == "skyatimpiatu" ? (
+              <SKYatim data={data.data} />
+            ) : data.data.surat.idCategory == "skdomisiliorganisasi" ? (
+              <SKDomisiliOrganisasi data={data.data} />
+            ) : data.data.surat.idCategory == "skbedabiodata" ? (
+              <SKBedaBiodataDiri data={data.data} />
+            ) : data.data.surat.idCategory == "sktempatusaha" ? (
+              <SKTempatUsaha data={data.data} />
+            ) : data.data.surat.idCategory == "skbelumkawin" ? (
+              <SKBelumKawin data={data.data} />
+            ) : data.data.surat.idCategory == "skkematian" ? (
+              <SKKematian data={data.data} />
+            ) : (
+              <></>
+            )
+          ) : (
+            <></>
+          )}
+        </div>
+      </Modal>
+    </>
+  );
+}

bak/listPermission.json.txt

@@ -0,0 +1,310 @@
+{
+  "menus": [
+    {
+      "key": "dashboard",
+      "label": "Dashboard",
+      "default": true,
+      "children": [
+        {
+          "key": "dashboard.view",
+          "label": "Melihat Dashboard",
+          "default": true
+        }
+      ]
+    },
+    {
+      "key": "pengaduan",
+      "label": "Pengaduan",
+      "default": true,
+      "children": [
+        {
+          "key": "pengaduan.view",
+          "label": "Melihat List & Detail",
+          "default": true
+        },
+        {
+          "key": "pengaduan.antrian",
+          "label": "Detail pengaduan dengan status antrian",
+          "default": true,
+          "children": [
+            {
+              "key": "pengaduan.antrian.tolak",
+              "label": "Menolak pengaduan",
+              "default": true
+            },
+            {
+              "key": "pengaduan.antrian.terima",
+              "label": "Menerima pengaduan",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "pengaduan.diterima",
+          "label": "Detail pengaduan dengan status diterima",
+          "default": true,
+          "children": [
+            {
+              "key": "pengaduan.diterima.dikerjakan",
+              "label": "Menegerjakan pengaduan",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "pengaduan.dikerjakan",
+          "label": "Detail pengaduan dengan status dikerjakan",
+          "default": true,
+          "children": [
+            {
+              "key": "pengaduan.dikerjakan.selesai",
+              "label": "Menyelesaikan pengaduan",
+              "default": true
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "key": "pelayanan",
+      "label": "Pelayanan",
+      "default": true,
+      "children": [
+        {
+          "key": "pelayanan.view",
+          "label": "Melihat List & Detail",
+          "default": true
+        },
+        {
+          "key": "pelayanan.antrian",
+          "label": "Detail pelayanan dengan status antrian",
+          "default": true,
+          "children": [
+            {
+              "key": "pelayanan.antrian.tolak",
+              "label": "Menolak pelayanan",
+              "default": true
+            },
+            {
+              "key": "pelayanan.antrian.terima",
+              "label": "Menerima pelayanan",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "pelayanan.diterima",
+          "label": "Detail pelayanan dengan status diterima",
+          "default": true,
+          "children": [
+            {
+              "key": "pelayanan.diterima.tolak",
+              "label": "Menolak pelayanan",
+              "default": true
+            },
+            {
+              "key": "pelayanan.diterima.setujui",
+              "label": "Menyetujui pelayanan",
+              "default": true
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "key": "warga",
+      "label": "Warga",
+      "default": true,
+      "children": [
+        {
+          "key": "warga.view",
+          "label": "Melihat List & Detail",
+          "default": true
+        }
+      ]
+    },
+    {
+      "key": "setting",
+      "label": "Setting",
+      "default": true,
+      "children": [
+        {
+          "key": "setting.profile",
+          "label": "Profile",
+          "default": true,
+          "children": [
+            {
+              "key": "setting.profile.view",
+              "label": "View",
+              "default": true
+            },
+            {
+              "key": "setting.profile.edit",
+              "label": "Edit",
+              "default": true
+            },
+            {
+              "key": "setting.profile.password",
+              "label": "Ubah Password",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "setting.user",
+          "label": "User",
+          "default": true,
+          "children": [
+            {
+              "key": "setting.user.view",
+              "label": "View List",
+              "default": true
+            },
+            {
+              "key": "setting.user.tambah",
+              "label": "Tambah",
+              "default": true
+            },
+            {
+              "key": "setting.user.edit",
+              "label": "Edit",
+              "default": true
+            },
+            {
+              "key": "setting.user.delete",
+              "label": "Delete",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "setting.user_role",
+          "label": "User Role",
+          "default": true,
+          "children": [
+            {
+              "key": "setting.user_role.view",
+              "label": "View List",
+              "default": true
+            },
+            {
+              "key": "setting.user_role.tambah",
+              "label": "Tambah",
+              "default": true
+            },
+            {
+              "key": "setting.user_role.edit",
+              "label": "Edit",
+              "default": true
+            },
+            {
+              "key": "setting.user_role.delete",
+              "label": "Delete",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "setting.kategori_pengaduan",
+          "label": "Kategori Pengaduan",
+          "default": true,
+          "children": [
+            {
+              "key": "setting.kategori_pengaduan.view",
+              "label": "View List",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pengaduan.tambah",
+              "label": "Tambah",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pengaduan.edit",
+              "label": "Edit",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pengaduan.delete",
+              "label": "Delete",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "setting.kategori_pelayanan",
+          "label": "Kategori Pelayanan Surat",
+          "default": true,
+          "children": [
+            {
+              "key": "setting.kategori_pelayanan.view",
+              "label": "View List",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pelayanan.detail",
+              "label": "View Detail",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pelayanan.tambah",
+              "label": "Tambah",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pelayanan.edit",
+              "label": "Edit",
+              "default": true
+            },
+            {
+              "key": "setting.kategori_pelayanan.delete",
+              "label": "Delete",
+              "default": true
+            }
+          ]
+        },
+        {
+          "key": "setting.desa",
+          "label": "Desa",
+          "default": true,
+          "children": [
+            {
+              "key": "setting.desa.view",
+              "label": "View List",
+              "default": true
+            },
+            {
+              "key": "setting.desa.edit",
+              "label": "Edit",
+              "default": true
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "key": "api_key",
+      "label": "API Key",
+      "default": true,
+      "children": [
+        {
+          "key": "api_key.view",
+          "label": "View List",
+          "default": true
+        }
+      ]
+    },
+    {
+      "key": "credential",
+      "label": "Credential",
+      "default": true,
+      "children": [
+        {
+          "key": "credential.view",
+          "label": "View List",
+          "default": true
+        }
+      ]
+    }
+  ]
+}

bun.lock

@@ -22,6 +22,7 @@
         "@types/lodash": "^4.17.20",
         "@types/uuid": "^11.0.0",
         "add": "^2.0.6",
+        "dayjs": "^1.11.19",
         "echarts": "^6.0.0",
         "echarts-for-react": "^3.0.5",
         "elysia": "^1.4.15",

package.json

@@ -28,6 +28,7 @@
     "@types/lodash": "^4.17.20",
     "@types/uuid": "^11.0.0",
     "add": "^2.0.6",
+    "dayjs": "^1.11.19",
     "echarts": "^6.0.0",
     "echarts-for-react": "^3.0.5",
     "elysia": "^1.4.15",

prisma/schema.prisma

@@ -187,6 +187,7 @@ model SuratPelayanan {
   Warga              Warga             @relation(fields: [idWarga], references: [id])
   idWarga            String
   noSurat            String
+  file            String?
   dateExpired        DateTime?         @db.Date
   status             Int               @default(0)
   isActive           Boolean           @default(true)

src/components/KategoriPelayananSurat.tsx

@@ -13,7 +13,7 @@ import {
   Table,
   Text,
   Title,
-  Tooltip
+  Tooltip,
 } from "@mantine/core";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import { IconEdit, IconEye, IconPlus, IconTrash } from "@tabler/icons-react";
@@ -190,7 +190,10 @@ export default function KategoriPelayananSurat({
   function handleAddSyarat() {
     setDataChoose({
       ...dataChoose,
-      syaratDokumen: [...dataChoose.syaratDokumen, { key: "", name: "", desc: "" }],
+      syaratDokumen: [
+        ...dataChoose.syaratDokumen,
+        { key: "", name: "", desc: "" },
+      ],
     });
   }
 
@@ -216,7 +219,7 @@ export default function KategoriPelayananSurat({
   return (
     <>
       {/* Modal Edit */}
-      <Modal
+      {/* <Modal
         opened={opened}
         onClose={close}
         title={"Edit"}
@@ -232,15 +235,85 @@ export default function KategoriPelayananSurat({
               }
             />
           </Input.Wrapper>
-          {/* <TagsInput
-            label="Data Pelengkap"
-            placeholder="Tambah data pelengkap"
-            splitChars={[","]}
-            value={dataChoose.dataPelengkap}
-            onChange={(value) =>
-              setDataChoose({ ...dataChoose, dataPelengkap: value })
-            }
-          /> */}
+          <Flex direction={"column"} gap={"md"}>
+            <Group>
+              <Text size="sm" c={"white"}>
+                Data Pelengkap
+              </Text>
+              <Tooltip label="Tambah Data Pelengkap">
+                <ActionIcon
+                  variant="light"
+                  size="sm"
+                  color="blue"
+                  style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }}
+                  onClick={handleAddSyarat}
+                >
+                  <IconPlus size={20} />
+                </ActionIcon>
+              </Tooltip>
+            </Group>
+            {dataChoose?.dataPelengkap?.map((v: any, i: number) => (
+              <Grid
+                key={i}
+                style={{
+                  borderBottom: "1px solid gray",
+                  paddingBottom: "10px",
+                }}
+              >
+                <Grid.Col
+                  span={1}
+                  style={{
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                  }}
+                >
+                  <Tooltip label="Delete Syarat Dokumen">
+                    <ActionIcon
+                      variant="light"
+                      size="sm"
+                      color="red"
+                      style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }}
+                      onClick={() => {
+                        handleDeleteSyarat(i);
+                      }}
+                    >
+                      <IconTrash size={20} />
+                    </ActionIcon>
+                  </Tooltip>
+                </Grid.Col>
+                <Grid.Col span={5}>
+                  <Input.Wrapper label="Label">
+                    <Input
+                      value={v.name}
+                      onChange={(e) =>
+                        handleEditSyarat(i, {
+                          key: v.key,
+                          name: e.target.value,
+                          desc: v.desc,
+                        })
+                      }
+                    />
+                  </Input.Wrapper>
+                </Grid.Col>
+                <Grid.Col span={6}>
+                  <Input.Wrapper label="Deskripsi">
+                    <Input
+                      value={v.desc}
+                      onChange={(e) =>
+                        handleEditSyarat(i, {
+                          key: v.key,
+                          name: v.name,
+                          desc: e.target.value,
+                        })
+                      }
+                    />
+                  </Input.Wrapper>
+                </Grid.Col>
+              </Grid>
+            ))}
+          </Flex>
+
           <Flex direction={"column"} gap={"md"}>
             <Group>
               <Text size="sm" c={"white"}>
@@ -289,7 +362,7 @@ export default function KategoriPelayananSurat({
                   </Tooltip>
                 </Grid.Col>
                 <Grid.Col span={5}>
-                  <Input.Wrapper label="Nama">
+                  <Input.Wrapper label="Label">
                     <Input
                       value={v.name}
                       onChange={(e) =>
@@ -329,10 +402,10 @@ export default function KategoriPelayananSurat({
             </Button>
           </Group>
         </Stack>
-      </Modal>
+      </Modal> */}
 
       {/* Modal Tambah */}
-      <Modal
+      {/* <Modal
         opened={openedTambah}
         onClose={closeTambah}
         title={"Tambah"}
@@ -348,15 +421,6 @@ export default function KategoriPelayananSurat({
               }
             />
           </Input.Wrapper>
-          {/* <TagsInput
-            label="Data Pelengkap"
-            placeholder="Tambah data pelengkap"
-            splitChars={[","]}
-            value={dataTambah.dataText}
-            onChange={(value) =>
-              setDataTambah({ ...dataTambah, dataText: value })
-            }
-          /> */}
           <Flex direction={"column"} gap={"md"}>
             <Group>
               <Text size="sm" c={"white"}>
@@ -466,7 +530,7 @@ export default function KategoriPelayananSurat({
             </Button>
           </Group>
         </Stack>
-      </Modal>
+      </Modal> */}
 
       {/* Modal Delete */}
       <Modal
@@ -539,7 +603,7 @@ export default function KategoriPelayananSurat({
           <Title order={4} c="gray.2">
             Kategori Pelayanan Surat
           </Title>
-          {permissions.includes("setting.kategori_pelayanan.tambah") && (
+          {/* {permissions.includes("setting.kategori_pelayanan.tambah") && (
             <Tooltip label="Tambah Kategori Pelayanan Surat">
               <Button
                 variant="light"
@@ -549,7 +613,7 @@ export default function KategoriPelayananSurat({
                 Tambah
               </Button>
             </Tooltip>
-          )}
+          )} */}
         </Flex>
         <Divider my={0} />
         <Stack gap={"md"}>
@@ -580,7 +644,7 @@ export default function KategoriPelayananSurat({
                           <IconEye size={20} />
                         </ActionIcon>
                       </Tooltip>
-                      <Tooltip
+                      {/* <Tooltip
                         label={
                           permissions.includes(
                             "setting.kategori_pelayanan.edit",
@@ -605,7 +669,7 @@ export default function KategoriPelayananSurat({
                         >
                           <IconEdit size={20} />
                         </ActionIcon>
-                      </Tooltip>
+                      </Tooltip> */}
                       <Tooltip
                         label={
                           permissions.includes(

src/components/ModalSurat.tsx

@@ -1,10 +1,9 @@
 import apiFetch from "@/lib/apiFetch";
-import { ActionIcon, Flex, Modal } from "@mantine/core";
+import { Flex, Loader, Modal, Text } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
-import { IconDownload, IconX } from "@tabler/icons-react";
 import html2canvas from "html2canvas";
 import jsPDF from "jspdf";
-import { useRef } from "react";
+import { useRef, useState } from "react";
 import useSWR from "swr";
 import SKBedaBiodataDiri from "./surat/SKBedaBiodataDiri";
 import SKBelumKawin from "./surat/SKBelumKawin";
@@ -24,7 +23,7 @@ export default function ModalSurat({
   surat,
 }: {
   open: boolean;
-  onClose: () => void;
+  onClose: (val: any) => void;
   surat: string;
 }) {
   const A4Style = {
@@ -36,6 +35,7 @@ export default function ModalSurat({
     fontSize: "14px",
     fontFamily: "Times New Roman",
   };
+  const [uploading, setUploading] = useState<"Menyiapkan" | "Mengupload" | "Selesai">("Menyiapkan")
   const hiddenRef = useRef<any>(null);
   const { data, mutate, isLoading } = useSWR("surat", () =>
     apiFetch.api.surat.detail.get({
@@ -49,38 +49,80 @@ export default function ModalSurat({
     mutate();
   }, []);
 
-  const downloadPDF = async () => {
-    const element = hiddenRef.current;
-    const canvas = await html2canvas(element, {
-      scale: 2,
-      useCORS: true,
-      allowTaint: true,
-      width: element.offsetWidth,
-      height: element.offsetHeight,
-    });
+  const uploadPdf = async () => {
+    try {
+      if (data && data.data && data.data.surat && (data.data.surat.file == "" || data.data.surat.file == null)) {
+        setUploading("Mengupload");
+        const element = hiddenRef.current;
+        const canvas = await html2canvas(element, {
+          scale: 2,
+          useCORS: true,
+          allowTaint: true,
+          width: element.offsetWidth,
+          height: element.offsetHeight,
+        });
 
-    const imgData = canvas.toDataURL("image/jpeg", 1.0);
+        const imgData = canvas.toDataURL("image/jpeg", 1.0);
 
-    const pdf = new jsPDF("p", "mm", "a4");
-    const pageWidth = 210; // A4 width mm
-    const pageHeight = 297; // A4 height mm
+        const pdf = new jsPDF("p", "mm", "a4");
+        const pageWidth = 210; // A4 width mm
+        const pageHeight = 297; // A4 height mm
 
-    const imgWidth = pageWidth;
-    const imgHeight = (canvas.height * pageWidth) / canvas.width;
+        const imgWidth = pageWidth;
+        const imgHeight = (canvas.height * pageWidth) / canvas.width;
 
-    pdf.addImage(imgData, "JPEG", 0, 0, imgWidth, imgHeight);
+        pdf.addImage(imgData, "JPEG", 0, 0, imgWidth, imgHeight);
 
-    pdf.save(`${data?.data?.surat?.nameCategory}.pdf`);
-  };
+        // ⬇️ ambil sebagai Blob
+        const pdfBlob = pdf.output("blob");
+
+        const pdfFile = new File(
+          [pdfBlob],
+          `${data?.data?.surat?.nameCategory}.pdf`,
+          {
+            type: "application/pdf",
+            lastModified: Date.now(),
+          }
+        );
+
+        const resImg = await apiFetch.api.pengaduan.upload.post({
+          file: pdfFile,
+          folder: "surat",
+        });
+
+        const resUpdate = await apiFetch.api.surat.update.post({
+          id: surat,
+          filename: resImg.data?.filename!,
+        });
+
+        setUploading("Selesai");
+        setTimeout(() => {
+          onClose(resUpdate.data?.link);
+        }, 1000)
+      }
+
+    } catch (error) {
+      console.error("Error uploading PDF:", error);
+    }
+  }
+
+  useShallowEffect(() => {
+    if (open) {
+      setTimeout(() => {
+        uploadPdf();
+      }, 5000);
+    }
+  }, [surat, open]);
 
   return (
     <>
       <Modal
         opened={open}
-        onClose={() => onClose()}
+        onClose={() => { }}
         overlayProps={{ backgroundOpacity: 0.55, blur: 3 }}
         size="auto"
         withCloseButton={false}
+        closeOnClickOutside={false}
         removeScrollProps={{ allowPinchZoom: true }}
         styles={{
           header: {
@@ -97,14 +139,9 @@ export default function ModalSurat({
           <Flex justify="space-between" align="center" w="100%">
             <div style={{ fontSize: 18, fontWeight: 600 }}>Preview Surat</div>
 
-            <Flex gap={8}>
-              <ActionIcon size={32} variant="default">
-                <IconDownload size={20} onClick={downloadPDF} />
-              </ActionIcon>
-
-              <ActionIcon size={32} variant="default" onClick={onClose}>
-                <IconX size={20} />
-              </ActionIcon>
+            <Flex gap={8} align="center">
+              <Loader color="blue" size="xs" />
+              <Text size="sm">{uploading}</Text>
             </Flex>
           </Flex>
         }

src/components/NotFoundPengajuanSurat.tsx

@@ -0,0 +1,45 @@
+import { Button, Center, Group, Stack, Text, Title } from "@mantine/core";
+import { IconSearch } from "@tabler/icons-react";
+
+export function DataNotFound({
+  onRetry,
+  backTo,
+}: {
+  onRetry?: () => void;
+  backTo?: () => void;
+}) {
+  return (
+    <Center mih={320}>
+      <Stack align="center" gap="sm">
+        <IconSearch size={64} opacity={0.5} />
+
+        <Title order={4}>Data Pengajuan Tidak Ditemukan</Title>
+
+        <Text size="sm" c="dimmed" ta="center" maw={380}>
+          Kami tidak dapat menemukan data pengajuan dengan nomor pengajuan yg
+          diinputkan. Silakan periksa kembali data Anda.
+        </Text>
+
+        <Group mt="md">
+          {/* {onRetry && (
+            <Button
+              variant="light"
+              leftSection={<IconSearch size={16} />}
+              onClick={onRetry}
+            >
+              Cari Ulang
+            </Button>
+          )} */}
+
+          <Button
+            variant="outline"
+            // leftSection={<IconArrowLeft size={16} />}
+            onClick={backTo}
+          >
+            Cari Kembali
+          </Button>
+        </Group>
+      </Stack>
+    </Center>
+  );
+}

src/components/SuccessPengajuanSurat.tsx

@@ -4,13 +4,13 @@ import { IconCheck } from "@tabler/icons-react";
 type SuccessPengajuanProps = {
   noPengajuan: string;
   onClose?: () => void;
-  category?: 'create' | 'update';
+  category?: "create" | "update";
 };
 
 export default function SuccessPengajuan({
   noPengajuan,
   onClose,
-  category
+  category,
 }: SuccessPengajuanProps) {
   return (
     <Center h="100vh">
@@ -19,11 +19,15 @@ export default function SuccessPengajuan({
           <IconCheck size={56} color="green" />
 
           <Title order={3} ta="center">
-            {category == 'create' ? 'Pengajuan Berhasil Dibuat' : 'Pengajuan Berhasil Diupdate'}
+            {category == "create"
+              ? "Pengajuan Berhasil Dibuat"
+              : "Pengajuan Berhasil Diupdate"}
           </Title>
 
           <Text ta="center" size="sm" c="dimmed">
-            {category == 'create' ? 'Pengajuan layanan surat sudah dibuat dengan nomor:' : 'Pengajuan layanan surat sudah diupdate dengan nomor:'}
+            {category == "create"
+              ? "Pengajuan layanan surat sudah dibuat dengan nomor:"
+              : "Pengajuan layanan surat sudah diupdate dengan nomor:"}
           </Text>
 
           <Badge size="xl" variant="light" color="green">

src/components/surat/SKBedaBiodataDiri.tsx

@@ -108,12 +108,12 @@ export default function SKBedaBiodataDiri({ data }: { data: any }) {
             <tr>
               <td>Tempat/Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}</td>
             </tr>
             <tr>
               <td>Jenis Kelamin</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin")}</td>
+              <td>{getValue("jenis_kelamin")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
@@ -144,36 +144,36 @@ export default function SKBedaBiodataDiri({ data }: { data: any }) {
         <table style={{ width: "100%", marginTop: "5px" }}>
           <tbody>
             <tr>
-              <td style={{ width: "160px" }}>1. Nama</td>
-              <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("nama")}</td>
+              <td style={{ width: "160px" }}>1. {getValue("data_dokumen")}</td>
+              <td style={{ width: "10px" }}></td>
+              <td>{/* {getValue("nama")} */}</td>
             </tr>
             <tr>
               <td>Tertulis pada dokumen A</td>
               <td>:</td>
-              <td>{getValue("tertulis pada dokumen a")}</td>
+              <td>{getValue("dokumen_a")}</td>
             </tr>
             <tr>
               <td>Tertulis pada dokumen B</td>
               <td>:</td>
-              <td>{getValue("tertulis pada dokumen b")}</td>
+              <td>{getValue("dokumen_b")}</td>
             </tr>
           </tbody>
         </table>
       </div>
 
-      <div style={{ marginTop: "15px" }}>
+      {/* <div style={{ marginTop: "15px" }}>
         <table style={{ width: "100%", marginTop: "5px" }}>
           <tbody>
             <tr>
               <td style={{ width: "160px" }}>2. Tempat/Tanggal Lahir</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{getValue("tempat_lahir")}</td>
             </tr>
             <tr>
               <td>Tertulis pada dokumen A</td>
               <td>:</td>
-              <td>{getValue("tertulis pada dokumen a")}</td>
+              <td>{getValue("dokumen_a")}</td>
             </tr>
             <tr>
               <td>Tertulis pada dokumen B</td>
@@ -204,7 +204,7 @@ export default function SKBedaBiodataDiri({ data }: { data: any }) {
             </tr>
           </tbody>
         </table>
-      </div>
+      </div> */}
 
       <div style={{ marginTop: "15px" }}>
         Perbedaan tersebut terjadi karena{" "}

src/components/surat/SKBelumKawin.tsx

@@ -87,12 +87,12 @@ export default function SKBelumKawin({ data }: { data: any }) {
             <tr>
               <td>Tempat/Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}</td>
             </tr>
             <tr>
               <td>Jenis Kelamin</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin")}</td>
+              <td>{getValue("jenis_kelamin")}</td>
             </tr>
             <tr>
               <td>Agama</td>

src/components/surat/SKDomisiliOrganisasi.tsx

@@ -95,27 +95,27 @@ export default function SKDomisiliOrganisasi({ data }: { data: any }) {
             <tr>
               <td style={{ width: "160px" }}>Nama Organisasi</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("nama")}</td>
+              <td>{getValue("nama_organisasi")}</td>
             </tr>
             <tr>
               <td>Jenis Organisasi</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin")}</td>
+              <td>{getValue("jenis_organisasi")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{getValue("alamat_organisasi")}</td>
             </tr>
             <tr>
               <td>Nomor Telepon</td>
               <td>:</td>
-              <td>{getValue("negara")}</td>
+              <td>{getValue("no_telepon")}</td>
             </tr>
             <tr>
               <td>Nama Pimpinan</td>
               <td>:</td>
-              <td>{getValue("agama")}</td>
+              <td>{getValue("nama_pimpinan")}</td>
             </tr>
           </tbody>
         </table>

src/components/surat/SKKelahiran.tsx

@@ -78,32 +78,32 @@ export default function SKKelahiran({ data }: { data: any }) {
             <tr>
               <td style={{ width: "200px" }}>Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tanggal lahir anak")}</td>
+              <td>{getValue("tanggal_lahir_anak")}</td>
             </tr>
             <tr>
               <td>Pukul</td>
               <td>:</td>
-              <td>{getValue("pukul lahir anak")}</td>
+              <td>{getValue("pukul_lahir")}</td>
             </tr>
             <tr>
               <td>Tempat Kelahiran</td>
               <td>:</td>
-              <td>{getValue("tempat lahir anak")}</td>
+              <td>{getValue("tempat_lahir")}</td>
             </tr>
             <tr>
               <td>Jenis Kelamin</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin anak")}</td>
+              <td>{getValue("jenis_kelamin")}</td>
             </tr>
             <tr>
               <td>Anak ke</td>
               <td>:</td>
-              <td>{getValue("anak ke")}</td>
+              <td>{getValue("anak_ke")}</td>
             </tr>
             <tr>
               <td>Nama Anak</td>
               <td>:</td>
-              <td>{getValue("nama anak")}</td>
+              <td>{getValue("nama_anak")}</td>
             </tr>
           </tbody>
         </table>
@@ -117,27 +117,27 @@ export default function SKKelahiran({ data }: { data: any }) {
             <tr>
               <td style={{ width: "200px" }}>Nama Lengkap Ibu</td>
               <td>:</td>
-              <td>{getValue("nama ibu")}</td>
+              <td>{getValue("nama_ibu")}</td>
             </tr>
             <tr>
               <td>NIK</td>
               <td>:</td>
-              <td>{getValue("nik ibu")}</td>
+              <td>{getValue("nik_ibu")}</td>
             </tr>
             <tr>
               <td>Tempat & Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir ibu")}</td>
+              <td>{`${getValue("tempat_lahir_ibu")}, ${getValue("tanggal_lahir_ibu")}`}</td>
             </tr>
             <tr>
               <td>Pekerjaan</td>
               <td>:</td>
-              <td>{getValue("pekerjaan ibu")}</td>
+              <td>{getValue("pekerjaan_ibu")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
               <td>:</td>
-              <td>{getValue("alamat ibu")}</td>
+              <td>{getValue("alamat_ibu")}</td>
             </tr>
           </tbody>
         </table>
@@ -151,27 +151,27 @@ export default function SKKelahiran({ data }: { data: any }) {
             <tr>
               <td style={{ width: "200px" }}>Nama Lengkap Ayah</td>
               <td>:</td>
-              <td>{getValue("nama ayah")}</td>
+              <td>{getValue("nama_ayah")}</td>
             </tr>
             <tr>
               <td>NIK</td>
               <td>:</td>
-              <td>{getValue("nik ayah")}</td>
+              <td>{getValue("nik_ayah")}</td>
             </tr>
             <tr>
               <td>Tempat & Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir ayah")}</td>
+              <td>{`${getValue("tempat_lahir_ayah")}, ${"tanggal_lahir_ayah"}`}</td>
             </tr>
             <tr>
               <td>Pekerjaan</td>
               <td>:</td>
-              <td>{getValue("pekerjaan ayah")}</td>
+              <td>{getValue("pekerjaan_ayah")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
               <td>:</td>
-              <td>{getValue("alamat ayah")}</td>
+              <td>{getValue("alamat_ayah")}</td>
             </tr>
           </tbody>
         </table>
@@ -185,17 +185,17 @@ export default function SKKelahiran({ data }: { data: any }) {
             <tr>
               <td style={{ width: "200px" }}>Nama Pelapor</td>
               <td>:</td>
-              <td>{getValue("nama pelapor")}</td>
+              <td>{getValue("nama_pelapor")}</td>
             </tr>
             <tr>
               <td>Hubungan dengan Anak</td>
               <td>:</td>
-              <td>{getValue("hubungan pelapor")}</td>
+              <td>{getValue("hubungan_pelapor")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
               <td>:</td>
-              <td>{getValue("alamat pelapor")}</td>
+              <td>{getValue("alamat_pelapor")}</td>
             </tr>
           </tbody>
         </table>

src/components/surat/SKKelakuanBaik.tsx

@@ -71,12 +71,12 @@ export default function SKKelakuanBaik({ data }: { data: any }) {
           <tr>
             <td>Tempat/Tgl Lahir</td>
             <td>:</td>
-            <td>{getValue("tempat tanggal lahir")}</td>
+            <td>{`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}</td>
           </tr>
           <tr>
             <td>Jenis Kelamin</td>
             <td>:</td>
-            <td>{getValue("jenis kelamin")}</td>
+            <td>{getValue("jenis_kelamin")}</td>
           </tr>
           <tr>
             <td>Agama</td>

src/components/surat/SKKematian.tsx

@@ -71,27 +71,27 @@ export default function SKKematian({ data }: { data: any }) {
             <tr>
               <td style={{ width: "160px" }}>Nama</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("nama")}</td>
+              <td>{getValue("nama_pelapor")}</td>
             </tr>
             <tr>
               <td>NIK</td>
               <td>:</td>
-              <td>{getValue("nik")}</td>
+              <td>{getValue("nik_pelapor")}</td>
             </tr>
             <tr>
               <td>Pekerjaan</td>
               <td>:</td>
-              <td>{getValue("pekerjaan")}</td>
+              <td>{getValue("pekerjaan_pelapor")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
               <td>:</td>
-              <td>{getValue("alamat")}</td>
+              <td>{getValue("alamat_pelapor")}</td>
             </tr>
             <tr>
               <td>Hubungan dengan almarhum/almarhumah</td>
               <td>:</td>
-              <td>{getValue("hubungan dengan almarhum")}</td>
+              <td>{getValue("hubungan_pelapor")}</td>
             </tr>
           </tbody>
         </table>
@@ -104,32 +104,32 @@ export default function SKKematian({ data }: { data: any }) {
             <tr>
               <td style={{ width: "160px" }}>Nama</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("nama")}</td>
+              <td>{getValue("nama_almarhum")}</td>
             </tr>
             <tr>
               <td>NIK</td>
               <td>:</td>
-              <td>{getValue("nik")}</td>
+              <td>{getValue("nik_almarhum")}</td>
             </tr>
             <tr>
               <td>Jenis Kelamin</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin")}</td>
+              <td>{getValue("jenis_kelamin_almarhum")}</td>
             </tr>
             <tr>
               <td>Tempat/Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{`${getValue("tempat_lahir_almarhum")}, ${getValue("tanggal_lahir_almarhum")}`}</td>
             </tr>
             <tr>
               <td>Agama</td>
               <td>:</td>
-              <td>{getValue("agama")}</td>
+              <td>{getValue("agama_almarhum")}</td>
             </tr>
             <tr>
               <td>Alamat</td>
               <td>:</td>
-              <td>{getValue("alamat")}</td>
+              <td>{getValue("alamat_almarhum")}</td>
             </tr>
           </tbody>
         </table>
@@ -142,22 +142,22 @@ export default function SKKematian({ data }: { data: any }) {
             <tr>
               <td style={{ width: "160px" }}>Tanggal Kematian</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("tanggal kematian")}</td>
+              <td>{getValue("tanggal_kematian")}</td>
             </tr>
             <tr>
               <td>Waktu Kematian</td>
               <td>:</td>
-              <td>{getValue("waktu kematian")}</td>
+              <td>{getValue("waktu_kematian")}</td>
             </tr>
             <tr>
               <td>Tempat Kematian</td>
               <td>:</td>
-              <td>{getValue("tempat kematian")}</td>
+              <td>{getValue("tempat_kematian")}</td>
             </tr>
             <tr>
               <td>Penyebab Kematian</td>
               <td>:</td>
-              <td>{getValue("penyebab kematian")}</td>
+              <td>{getValue("penyebab_kematian")}</td>
             </tr>
           </tbody>
         </table>
@@ -185,7 +185,7 @@ export default function SKKematian({ data }: { data: any }) {
           <br />
           <br />
           <br /> <br />
-          <u>{getValue("nama")}</u> <br />
+          <u>{getValue("nama_pelapor")}</u> <br />
         </div>
         <div style={{ textAlign: "center" }}>
           <br />

src/components/surat/SKPenghasilan.tsx

@@ -105,12 +105,12 @@ export default function SKPenghasilan({ data }: { data: any }) {
             <tr>
               <td>Jenis Kelamin</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin")}</td>
+              <td>{getValue("jenis_kelamin")}</td>
             </tr>
             <tr>
               <td>Tempat / Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}</td>
             </tr>
             <tr>
               <td>Pekerjaan</td>
@@ -135,10 +135,7 @@ export default function SKPenghasilan({ data }: { data: any }) {
             <tr>
               <td style={{ width: "160px" }}>Penghasilan</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>
-                Rp {getValue("penghasilan")} (
-                {getValue("penghasilan terbilang")}) per bulan
-              </td>
+              <td>Rp. {getValue("penghasilan")} per bulan</td>
             </tr>
           </tbody>
         </table>
@@ -146,8 +143,8 @@ export default function SKPenghasilan({ data }: { data: any }) {
 
       {/* KEPERLUAN */}
       <div style={{ marginTop: "20px" }}>
-        Surat keterangan ini dibuat untuk keperluan:{" "}
-        <b>{getValue("alasan permohonan")}</b>.
+        Surat keterangan ini dibuat untuk keperluan: <b>{getValue("alasan")}</b>
+        .
       </div>
 
       <div style={{ marginTop: "20px" }}>

src/components/surat/SKTempatUsaha.tsx

@@ -66,12 +66,15 @@ export default function SKTempatUsaha({ data }: { data: any }) {
 
         {/* DATA WARGA */}
         <div>
-          <Row label="Nama Pemilik Usaha" value={getValue("nama")} />
+          <Row label="Nama Pemilik Usaha" value={getValue("nama_pemilik")} />
           <Row
             label="Tempat/Tanggal Lahir"
-            value={getValue("tempat tanggal lahir")}
+            value={`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}
+          />
+          <Row
+            label="Alamat Pemilik Usaha"
+            value={getValue("alamat_pemilik")}
           />
-          <Row label="Alamat Pemilik Usaha" value={getValue("alamat")} />
           <Row label="Nomor KTP" value={getValue("nik")} />
         </div>
 
@@ -83,23 +86,17 @@ export default function SKTempatUsaha({ data }: { data: any }) {
         </div>
 
         <div>
-          <Row label="Nama Usaha" value={getValue("nama usaha")} />
-          <Row label="Bidang Usaha" value={getValue("bidang usaha")} />
-          <Row label="Alamat Usaha" value={getValue("alamat usaha")} />
-          <Row
-            label="Status Tempat Usaha"
-            value={getValue("status tempat usaha")}
-          />
-          <Row
-            label="Luas Tempat Usaha"
-            value={getValue("luas tempat usaha")}
-          />
-          <Row label="Jumlah Karyawan" value={getValue("jumlah karyawan")} />
+          <Row label="Nama Usaha" value={getValue("nama_usaha")} />
+          <Row label="Bidang Usaha" value={getValue("bidang_usaha")} />
+          <Row label="Alamat Usaha" value={getValue("alamat_usaha")} />
+          <Row label="Status Tempat Usaha" value={getValue("status_tempat")} />
+          <Row label="Luas Tempat Usaha" value={getValue("luas_usaha")} />
+          <Row label="Jumlah Karyawan" value={getValue("jumlah_karyawan")} />
         </div>
 
         <p style={{ textAlign: "justify" }}>
           Surat keterangan ini dibuat untuk keperluan{" "}
-          <b>{getValue("alasan permohonan")}.</b>
+          <b>{getValue("tujuan")}.</b>
         </p>
 
         <p style={{ textAlign: "justify" }}>

src/components/surat/SKTidakMampu.tsx

@@ -66,13 +66,13 @@ export default function SKTidakMampu({ data }: { data: any }) {
 
         {/* DATA WARGA */}
         <div>
+          <Row label="NIK" value={getValue("nik")} />
           <Row label="Nama" value={getValue("nama")} />
           <Row
             label="Tempat Tgl Lahir"
-            value={getValue("tempat tanggal lahir")}
+            value={`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}
           />
           <Row label="Alamat" value={getValue("alamat")} />
-          <Row label="NIK" value={getValue("nik")} />
         </div>
 
         <br />
@@ -80,7 +80,7 @@ export default function SKTidakMampu({ data }: { data: any }) {
         <p style={{ textAlign: "justify" }}>
           Orang tersebut benar-benar penduduk desa {data.setting.desaNama} dan
           termasuk keluarga tidak mampu. Surat keterangan ini dipergunakan untuk
-          <b>{getValue("alasan permohonan")}.</b>
+          <b>{getValue("alasan")}.</b>
         </p>
 
         <p style={{ textAlign: "justify" }}>

src/components/surat/SKUsaha.tsx

@@ -105,12 +105,12 @@ export default function SKUsaha({ data }: { data: any }) {
             <tr>
               <td>Jenis Kelamin</td>
               <td>:</td>
-              <td>{getValue("jenis kelamin")}</td>
+              <td>{getValue("jenis_kelamin")}</td>
             </tr>
             <tr>
               <td>Tempat / Tanggal Lahir</td>
               <td>:</td>
-              <td>{getValue("tempat tanggal lahir")}</td>
+              <td>{`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}</td>
             </tr>
             <tr>
               <td>Warga Negara</td>
@@ -125,7 +125,7 @@ export default function SKUsaha({ data }: { data: any }) {
             <tr>
               <td>Status</td>
               <td>:</td>
-              <td>{getValue("status perkawinan")}</td>
+              <td>{getValue("status_perkawinan")}</td>
             </tr>
             <tr>
               <td>Pekerjaan</td>
@@ -173,12 +173,12 @@ export default function SKUsaha({ data }: { data: any }) {
             <tr>
               <td style={{ width: "160px" }}>Jenis Usaha</td>
               <td style={{ width: "10px" }}>:</td>
-              <td>{getValue("jenis usaha")}</td>
+              <td>{getValue("jenis_usaha")}</td>
             </tr>
             <tr>
               <td>Alamat Usaha</td>
               <td>:</td>
-              <td>{getValue("alamat usaha")}</td>
+              <td>{getValue("alamat_usaha")}</td>
             </tr>
           </tbody>
         </table>

src/components/surat/SKYatimPiatu.tsx

@@ -88,26 +88,28 @@ export default function SKYatim({ data }: { data: any }) {
 
       <table style={{ width: "100%", marginTop: "5px" }}>
         <tbody>
+          <tr>
+            <td>NIK</td>
+            <td>: {getValue("nik")}</td>
+          </tr>
           <tr>
             <td style={{ width: "180px" }}>Nama</td>
             <td>: {getValue("nama")}</td>
           </tr>
           <tr>
             <td>Tempat/Tanggal Lahir</td>
-            <td>: {getValue("tempat tanggal lahir")}</td>
+            <td>
+              : {`${getValue("tempat_lahir")}, ${getValue("tanggal_lahir")}`}
+            </td>
           </tr>
           <tr>
             <td>Jenis Kelamin</td>
-            <td>: {getValue("jenis kelamin")}</td>
+            <td>: {getValue("jenis_kelamin")}</td>
           </tr>
           <tr>
             <td>Alamat</td>
             <td>: {getValue("alamat")}</td>
           </tr>
-          <tr>
-            <td>NIK</td>
-            <td>: {getValue("nik")}</td>
-          </tr>
           <tr>
             <td>Pekerjaan</td>
             <td>: {getValue("pekerjaan")}</td>
@@ -133,11 +135,11 @@ export default function SKYatim({ data }: { data: any }) {
         <tbody>
           <tr>
             <td style={{ width: "180px" }}>Nama Ayah</td>
-            <td>: {getValue("nama ayah")}</td>
+            <td>: {getValue("nama_ayah")}</td>
           </tr>
           <tr>
             <td>Status</td>
-            <td>: {getValue("status ayah")}</td>
+            <td>: {getValue("status_ayah")}</td>
           </tr>
         </tbody>
       </table>
@@ -151,11 +153,11 @@ export default function SKYatim({ data }: { data: any }) {
         <tbody>
           <tr>
             <td style={{ width: "180px" }}>Nama Ibu</td>
-            <td>: {getValue("nama ibu")}</td>
+            <td>: {getValue("nama_ibu")}</td>
           </tr>
           <tr>
             <td>Status</td>
-            <td>: {getValue("status ibu")}</td>
+            <td>: {getValue("status_ibu")}</td>
           </tr>
         </tbody>
       </table>

src/index.tsx

@@ -15,6 +15,7 @@ import LayananRoute from "./server/routes/layanan_route";
 import { MCPRoute } from "./server/routes/mcp_route";
 import PelayananRoute from "./server/routes/pelayanan_surat_route";
 import PengaduanRoute from "./server/routes/pengaduan_route";
+import SendWaRoute from "./server/routes/send_wa_route";
 import SuratRoute from "./server/routes/surat_route";
 import TestPengaduanRoute from "./server/routes/test_pengaduan";
 import UserRoute from "./server/routes/user_route";
@@ -45,7 +46,8 @@ const Api = new Elysia({
   .use(CredentialRoute)
   .use(UserRoute)
   .use(LayananRoute)
-  .use(AduanRoute);
+  .use(AduanRoute)
+  .use(SendWaRoute);
 
 const app = new Elysia()
   .use(Api)

src/lib/categoryPelayananSurat.ts

@@ -1,3 +1,5 @@
+import { enumAgama, enumJenisKelamin, enumStatusHidup, enumStatusPerkawinan, enumStatusTempatUsaha } from "./valueEnum";
+
 export const categoryPelayananSurat = [
   {
     id: "skbedabiodata",
@@ -21,15 +23,43 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
-      { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir pemohon" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
-      { key: "alamat", name: "Alamat", desc: "Alamat lengkap tempat tinggal" },
-      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon" },
-      { key: "dokumen", name: "Nama Dokumen", desc: "Jenis dokumen yang mengalami perbedaan biodata" },
-      { key: "dokumen_a", name: "Data pada Dokumen A", desc: "Data biodata yang tertulis pada dokumen pertama" },
-      { key: "dokumen_b", name: "Data pada Dokumen B", desc: "Data biodata yang tertulis pada dokumen kedua" }
+      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan", type: "number" },
+      { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir pemohon", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir pemohon", type: "date" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin",
+        desc: "Jenis kelamin pemohon",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      { key: "alamat", name: "Alamat", desc: "Alamat lengkap tempat tinggal", type: "text" },
+      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon", type: "text" },
+      {
+        key: "dokumen",
+        name: "Nama Dokumen",
+        desc: "Jenis dokumen yang mengalami perbedaan biodata (cth : ijazah, sertifikat, dll)",
+        type: "text"
+      },
+      {
+        key: "data_dokumen",
+        name: "Data Dokumen",
+        desc: "Data dokumen yg berbeda (cth : nama, tempat lahir, tanggal lahir, jenis kelamin, alamat, pekerjaan)",
+        type: "text"
+      },
+      {
+        key: "dokumen_a",
+        name: "Data pada Dokumen A",
+        desc: "Data biodata yang tertulis pada dokumen pertama",
+        type: "text"
+      },
+      {
+        key: "dokumen_b",
+        name: "Data pada Dokumen B",
+        desc: "Data biodata yang tertulis pada dokumen kedua",
+        type: "text"
+      }
     ]
   },
   {
@@ -54,13 +84,26 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
-      { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
-      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
-      { key: "agama", name: "Agama", desc: "Agama pemohon" },
-      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon" }
+      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan", type: "number" },
+      { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir pemohon", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir pemohon", type: "date" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin",
+        desc: "Jenis kelamin pemohon",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal", type: "text" },
+      {
+        key: "agama",
+        name: "Agama",
+        desc: "Agama pemohon",
+        type: "enum",
+        options: enumAgama
+      },
+      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon", type: "text" }
     ]
   },
   {
@@ -85,12 +128,12 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nama_organisasi", name: "Nama Organisasi", desc: "Nama resmi organisasi" },
-      { key: "jenis_organisasi", name: "Jenis Organisasi", desc: "Jenis atau bentuk organisasi" },
-      { key: "alamat_organisasi", name: "Alamat Organisasi", desc: "Alamat sekretariat organisasi" },
-      { key: "no_telepon", name: "Nomor Telepon", desc: "Nomor telepon organisasi" },
-      { key: "nama_pimpinan", name: "Nama Pimpinan", desc: "Nama pimpinan organisasi" },
-      { key: "keperluan", name: "Keperluan", desc: "Keperluan pembuatan surat" }
+      { key: "nama_organisasi", name: "Nama Organisasi", desc: "Nama resmi organisasi", type: "text" },
+      { key: "jenis_organisasi", name: "Jenis Organisasi", desc: "Jenis atau bentuk organisasi", type: "text" },
+      { key: "alamat_organisasi", name: "Alamat Organisasi", desc: "Alamat sekretariat organisasi", type: "text" },
+      { key: "no_telepon", name: "Nomor Telepon", desc: "Nomor telepon organisasi", type: "text" },
+      { key: "nama_pimpinan", name: "Nama Pimpinan", desc: "Nama pimpinan organisasi", type: "text" },
+      { key: "keperluan", name: "Keperluan", desc: "Keperluan pembuatan surat", type: "text" }
     ]
   },
   {
@@ -110,20 +153,35 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nama_ayah", name: "Nama Ayah", desc: "Nama lengkap ayah" },
-      { key: "nama_ibu", name: "Nama Ibu", desc: "Nama lengkap ibu" },
-      { key: "nama_anak", name: "Nama Anak", desc: "Nama bayi/anak" },
-      { key: "tanggal_lahir_anak", name: "Tanggal Lahir Anak", desc: "Tanggal lahir anak" },
-      { key: "pukul_lahir", name: "Pukul Lahir", desc: "Waktu kelahiran anak" },
-      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat kelahiran anak" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin Anak", desc: "Jenis kelamin anak" },
-      { key: "anak_ke", name: "Anak Ke-", desc: "Urutan kelahiran anak" },
-      { key: "nik_ibu", name: "NIK Ibu", desc: "NIK ibu kandung" },
-      { key: "nik_ayah", name: "NIK Ayah", desc: "NIK ayah kandung" },
-      { key: "nama_pelapor", name: "Nama Pelapor", desc: "Nama pihak yang melaporkan" },
-      { key: "hubungan_pelapor", name: "Hubungan Pelapor", desc: "Hubungan pelapor dengan anak" },
-      { key: "alamat_pelapor", name: "Alamat Pelapor", desc: "Alamat pelapor" }
+      { key: "nama_anak", name: "Nama Anak", desc: "Nama bayi/anak", type: "text" },
+      { key: "tanggal_lahir_anak", name: "Tanggal Lahir Anak", desc: "Tanggal lahir anak", type: "date" },
+      { key: "pukul_lahir", name: "Pukul Lahir", desc: "Waktu kelahiran anak", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat kelahiran anak", type: "text" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin Anak",
+        desc: "Jenis kelamin anak",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      { key: "anak_ke", name: "Anak Ke-", desc: "Urutan kelahiran anak", type: "number" },
+      { key: "nik_ibu", name: "NIK Ibu", desc: "NIK ibu kandung", type: "number" },
+      { key: "nama_ibu", name: "Nama Ibu", desc: "Nama lengkap ibu", type: "text" },
+      { key: "tempat_lahir_ibu", name: "Tempat Lahir Ibu", desc: "Tempat lahir ibu kandung", type: "text" },
+      { key: "tanggal_lahir_ibu", name: "Tanggal Lahir Ibu", desc: "Tanggal lahir ibu kandung", type: "date" },
+      { key: "pekerjaan_ibu", name: "Pekerjaan Ibu", desc: "Pekerjaan ibu kandung", type: "text" },
+      { key: "alamat_ibu", name: "Alamat Ibu", desc: "Alamat ibu kandung", type: "text" },
+      { key: "nama_ayah", name: "Nama Ayah", desc: "Nama lengkap ayah", type: "text" },
+      { key: "nik_ayah", name: "NIK Ayah", desc: "NIK ayah kandung", type: "number" },
+      { key: "tempat_lahir_ayah", name: "Tempat Lahir Ayah", desc: "Tempat lahir ayah kandung", type: "text" },
+      { key: "tanggal_lahir_ayah", name: "Tanggal Lahir Ayah", desc: "Tanggal lahir ayah kandung", type: "date" },
+      { key: "pekerjaan_ayah", name: "Pekerjaan Ayah", desc: "Pekerjaan ayah kandung", type: "text" },
+      { key: "alamat_ayah", name: "Alamat Ayah", desc: "Alamat ayah kandung", type: "text" },
+      { key: "nama_pelapor", name: "Nama Pelapor", desc: "Nama pihak yang melaporkan", type: "text" },
+      { key: "hubungan_pelapor", name: "Hubungan Pelapor", desc: "Hubungan pelapor dengan anak", type: "text" },
+      { key: "alamat_pelapor", name: "Alamat Pelapor", desc: "Alamat pelapor", type: "text" }
     ]
+
   },
   {
     id: "skkelakuanbaik",
@@ -142,15 +200,29 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
-      { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
-      { key: "agama", name: "Agama", desc: "Agama pemohon" },
-      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
-      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon" },
-      { key: "polsek", name: "Polsek Tujuan", desc: "Polsek tujuan pembuatan SKCK" }
+      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan", type: "number" },
+      { key: "nama", name: "Nama Lengkap", desc: "Nama sesuai KTP", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir", type: "date" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin",
+        desc: "Jenis kelamin pemohon",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      {
+        key: "agama",
+        name: "Agama",
+        desc: "Agama pemohon",
+        type: "enum",
+        options: enumAgama
+      },
+      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal", type: "text" },
+      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon", type: "text" },
+      { key: "polsek", name: "Polsek Tujuan", desc: "Polsek tujuan pembuatan SKCK", type: "text" }
     ]
+
   },
   {
     id: "skkematian",
@@ -174,20 +246,27 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nik_pelapor", name: "NIK Pelapor", desc: "Nomor Induk Kependudukan pelapor" },
-      { key: "nama_pelapor", name: "Nama Pelapor", desc: "Nama lengkap pelapor" },
-      { key: "pekerjaan_pelapor", name: "Pekerjaan Pelapor", desc: "Pekerjaan pelapor" },
-      { key: "alamat_pelapor", name: "Alamat Pelapor", desc: "Alamat tempat tinggal pelapor" },
-      { key: "hubungan_pelapor", name: "Hubungan dengan Almarhum", desc: "Hubungan pelapor dengan almarhum" },
-      { key: "nama_almarhum", name: "Nama Almarhum", desc: "Nama lengkap almarhum" },
-      { key: "nik_almarhum", name: "NIK Almarhum", desc: "Nomor Induk Kependudukan almarhum" },
-      { key: "ttl_almarhum", name: "Tempat & Tanggal Lahir Almarhum", desc: "Tempat dan tanggal lahir almarhum" },
-      { key: "alamat_almarhum", name: "Alamat Almarhum", desc: "Alamat terakhir almarhum" },
-      { key: "agama_almarhum", name: "Agama Almarhum", desc: "Agama almarhum" },
-      { key: "tanggal_kematian", name: "Tanggal Kematian", desc: "Tanggal meninggal dunia" },
-      { key: "waktu_kematian", name: "Waktu Kematian", desc: "Waktu meninggal dunia" },
-      { key: "tempat_kematian", name: "Tempat Kematian", desc: "Tempat meninggal dunia" },
-      { key: "penyebab_kematian", name: "Penyebab Kematian", desc: "Penyebab meninggal dunia" }
+      { key: "nik_pelapor", name: "NIK Pelapor", desc: "Nomor Induk Kependudukan pelapor", type: "number" },
+      { key: "nama_pelapor", name: "Nama Pelapor", desc: "Nama lengkap pelapor", type: "text" },
+      { key: "pekerjaan_pelapor", name: "Pekerjaan Pelapor", desc: "Pekerjaan pelapor", type: "text" },
+      { key: "alamat_pelapor", name: "Alamat Pelapor", desc: "Alamat tempat tinggal pelapor", type: "text" },
+      { key: "hubungan_pelapor", name: "Hubungan dengan Almarhum", desc: "Hubungan pelapor dengan almarhum", type: "text" },
+      { key: "nama_almarhum", name: "Nama Almarhum", desc: "Nama lengkap almarhum", type: "text" },
+      { key: "nik_almarhum", name: "NIK Almarhum", desc: "Nomor Induk Kependudukan almarhum", type: "number" },
+      { key: "tempat_lahir_almarhum", name: "Tempat Lahir Almarhum", desc: "Tempat lahir almarhum", type: "text" },
+      { key: "tanggal_lahir_almarhum", name: "Tanggal Lahir Almarhum", desc: "Tanggal lahir almarhum", type: "date" },
+      { key: "alamat_almarhum", name: "Alamat Almarhum", desc: "Alamat terakhir almarhum", type: "text" },
+      {
+        key: "agama_almarhum",
+        name: "Agama Almarhum",
+        desc: "Agama almarhum",
+        type: "enum",
+        options: enumAgama
+      },
+      { key: "tanggal_kematian", name: "Tanggal Kematian", desc: "Tanggal meninggal dunia", type: "date" },
+      { key: "waktu_kematian", name: "Waktu Kematian", desc: "Waktu meninggal dunia", type: "text" },
+      { key: "tempat_kematian", name: "Tempat Kematian", desc: "Tempat meninggal dunia", type: "text" },
+      { key: "penyebab_kematian", name: "Penyebab Kematian", desc: "Penyebab meninggal dunia", type: "text" }
     ]
   },
   {
@@ -212,13 +291,20 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nama", name: "Nama Lengkap", desc: "Nama pemohon" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemohon" },
-      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
-      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon/orang tua" },
-      { key: "penghasilan", name: "Penghasilan", desc: "Jumlah penghasilan per bulan" },
-      { key: "alasan", name: "Alasan Permohonan", desc: "Alasan pengajuan surat penghasilan" }
+      { key: "nama", name: "Nama Lengkap", desc: "Nama pemohon", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir", type: "date" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin",
+        desc: "Jenis kelamin pemohon",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal", type: "text" },
+      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemohon/orang tua", type: "text" },
+      { key: "penghasilan", name: "Penghasilan", desc: "Jumlah penghasilan per bulan", type: "number" },
+      { key: "alasan", name: "Alasan Permohonan", desc: "Alasan pengajuan surat penghasilan", type: "text" }
     ]
   },
   {
@@ -248,17 +334,18 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
-      { key: "nama_pemilik", name: "Nama Pemilik", desc: "Nama pemilik usaha" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
-      { key: "alamat_pemilik", name: "Alamat Pemilik", desc: "Alamat pemilik usaha" },
-      { key: "nama_usaha", name: "Nama Usaha", desc: "Nama usaha" },
-      { key: "bidang_usaha", name: "Bidang Usaha", desc: "Bidang atau jenis usaha" },
-      { key: "alamat_usaha", name: "Alamat Usaha", desc: "Alamat lokasi usaha" },
-      { key: "status_tempat", name: "Status Tempat Usaha", desc: "Status kepemilikan tempat usaha" },
-      { key: "luas_usaha", name: "Luas Tempat Usaha", desc: "Luas tempat usaha (m²)" },
-      { key: "jumlah_karyawan", name: "Jumlah Karyawan", desc: "Jumlah tenaga kerja" },
-      { key: "tujuan", name: "Tujuan Pembuatan Surat", desc: "Tujuan pembuatan surat keterangan" }
+      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan", type: "number" },
+      { key: "nama_pemilik", name: "Nama Pemilik", desc: "Nama pemilik usaha", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir", type: "date" },
+      { key: "alamat_pemilik", name: "Alamat Pemilik", desc: "Alamat pemilik usaha", type: "text" },
+      { key: "nama_usaha", name: "Nama Usaha", desc: "Nama usaha", type: "text" },
+      { key: "bidang_usaha", name: "Bidang Usaha", desc: "Bidang atau jenis usaha", type: "text" },
+      { key: "alamat_usaha", name: "Alamat Usaha", desc: "Alamat lokasi usaha", type: "text" },
+      { key: "status_tempat", name: "Status Tempat Usaha", desc: "Status kepemilikan tempat usaha", type: "enum", options: enumStatusTempatUsaha },
+      { key: "luas_usaha", name: "Luas Tempat Usaha", desc: "Luas tempat usaha (m²)", type: "number" },
+      { key: "jumlah_karyawan", name: "Jumlah Karyawan", desc: "Jumlah tenaga kerja", type: "number" },
+      { key: "tujuan", name: "Tujuan Pembuatan Surat", desc: "Tujuan pembuatan surat keterangan", type: "text" }
     ]
   },
   {
@@ -278,31 +365,12 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      {
-        key: "nik",
-        name: "NIK",
-        desc: "Nomor Induk Kependudukan pemohon"
-      },
-      {
-        key: "nama",
-        name: "Nama Lengkap",
-        desc: "Nama lengkap pemohon"
-      },
-      {
-        key: "ttl",
-        name: "Tempat & Tanggal Lahir",
-        desc: "Tempat dan tanggal lahir pemohon"
-      },
-      {
-        key: "alamat",
-        name: "Alamat",
-        desc: "Alamat tempat tinggal pemohon"
-      },
-      {
-        key: "alasan",
-        name: "Alasan Permohonan",
-        desc: "Alasan pengajuan Surat Keterangan Tidak Mampu"
-      }
+      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan pemohon", type: "number" },
+      { key: "nama", name: "Nama Lengkap", desc: "Nama lengkap pemohon", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir pemohon", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir pemohon", type: "date" },
+      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal pemohon", type: "text" },
+      { key: "alasan", name: "Alasan Permohonan", desc: "Alasan pengajuan Surat Keterangan Tidak Mampu", type: "text" }
     ]
   },
   {
@@ -327,16 +395,35 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nama", name: "Nama Lengkap", desc: "Nama pemilik usaha" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin pemilik usaha" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir" },
-      { key: "negara", name: "Kewarganegaraan", desc: "Kewarganegaraan pemilik usaha" },
-      { key: "agama", name: "Agama", desc: "Agama pemilik usaha" },
-      { key: "status_perkawinan", name: "Status Perkawinan", desc: "Status perkawinan" },
-      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
-      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemilik usaha" },
-      { key: "jenis_usaha", name: "Jenis Usaha", desc: "Jenis usaha yang dijalankan" },
-      { key: "alamat_usaha", name: "Alamat Usaha", desc: "Alamat lokasi usaha" }
+      { key: "nama", name: "Nama Lengkap", desc: "Nama pemilik usaha", type: "text" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin",
+        desc: "Jenis kelamin pemilik usaha",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      { key: "tempat_lahir", name: "Tempat Lahir", desc: "Tempat lahir", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir", desc: "Tanggal lahir", type: "date" },
+      { key: "negara", name: "Kewarganegaraan", desc: "Kewarganegaraan pemilik usaha", type: "text" },
+      {
+        key: "agama",
+        name: "Agama",
+        desc: "Agama pemilik usaha",
+        type: "enum",
+        options: enumAgama
+      },
+      {
+        key: "status_perkawinan",
+        name: "Status Perkawinan",
+        desc: "Status perkawinan",
+        type: "enum",
+        options: enumStatusPerkawinan
+      },
+      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal", type: "text" },
+      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan pemilik usaha", type: "text" },
+      { key: "jenis_usaha", name: "Jenis Usaha", desc: "Jenis usaha yang dijalankan", type: "text" },
+      { key: "alamat_usaha", name: "Alamat Usaha", desc: "Alamat lokasi usaha", type: "text" }
     ]
   },
   {
@@ -356,16 +443,37 @@ export const categoryPelayananSurat = [
     ],
     dataText: [],
     dataPelengkap: [
-      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan" },
-      { key: "nama", name: "Nama Lengkap", desc: "Nama anak" },
-      { key: "ttl", name: "Tempat & Tanggal Lahir", desc: "Tempat dan tanggal lahir anak" },
-      { key: "jenis_kelamin", name: "Jenis Kelamin", desc: "Jenis kelamin anak" },
-      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal" },
-      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan (jika ada)" },
-      { key: "nama_ayah", name: "Nama Ayah", desc: "Nama ayah kandung" },
-      { key: "status_ayah", name: "Status Ayah", desc: "Status ayah (hidup / meninggal)" },
-      { key: "nama_ibu", name: "Nama Ibu", desc: "Nama ibu kandung" },
-      { key: "status_ibu", name: "Status Ibu", desc: "Status ibu (hidup / meninggal)" }
+      { key: "nik", name: "NIK", desc: "Nomor Induk Kependudukan", type: "number" },
+      { key: "nama", name: "Nama Lengkap", desc: "Nama anak", type: "text" },
+      { key: "tempat_lahir", name: "Tempat Lahir Anak", desc: "Tempat lahir anak", type: "text" },
+      { key: "tanggal_lahir", name: "Tanggal Lahir Anak", desc: "Tanggal lahir anak", type: "date" },
+      {
+        key: "jenis_kelamin",
+        name: "Jenis Kelamin",
+        desc: "Jenis kelamin anak",
+        type: "enum",
+        options: enumJenisKelamin
+      },
+      { key: "alamat", name: "Alamat", desc: "Alamat tempat tinggal", type: "text" },
+      { key: "pekerjaan", name: "Pekerjaan", desc: "Pekerjaan (jika ada)", type: "text" },
+
+      { key: "nama_ayah", name: "Nama Ayah", desc: "Nama ayah kandung", type: "text" },
+      {
+        key: "status_ayah",
+        name: "Status Ayah",
+        desc: "Status ayah (hidup / meninggal)",
+        type: "enum",
+        options: enumStatusHidup
+      },
+      { key: "nama_ibu", name: "Nama Ibu", desc: "Nama ibu kandung", type: "text" },
+      {
+        key: "status_ibu",
+        name: "Status Ibu",
+        desc: "Status ibu (hidup / meninggal)",
+        type: "enum",
+        options: enumStatusHidup
+      }
     ]
+
   }
 ];

src/lib/listPermission.json

@@ -246,16 +246,6 @@
               "label": "View Detail",
               "default": true
             },
-            {
-              "key": "setting.kategori_pelayanan.tambah",
-              "label": "Tambah",
-              "default": true
-            },
-            {
-              "key": "setting.kategori_pelayanan.edit",
-              "label": "Edit",
-              "default": true
-            },
             {
               "key": "setting.kategori_pelayanan.delete",
               "label": "Delete",

src/lib/valueEnum.ts

@@ -0,0 +1,31 @@
+export const enumJenisKelamin = [
+   { label: "Laki-laki", value: "Laki-laki" },
+   { label: "Perempuan", value: "Perempuan" }
+];
+
+export const enumAgama = [
+   { label: "Islam", value: "Islam" },
+   { label: "Kristen", value: "Kristen" },
+   { label: "Katolik", value: "Katolik" },
+   { label: "Hindu", value: "Hindu" },
+   { label: "Buddha", value: "Buddha" },
+   { label: "Konghucu", value: "Konghucu" }
+];
+
+export const enumStatusHidup = [
+   { label: "Hidup", value: "Hidup" },
+   { label: "Meninggal", value: "Meninggal" }
+];
+
+export const enumStatusPerkawinan = [
+   { label: "Belum Kawin", value: "Belum Kawin" },
+   { label: "Kawin", value: "Kawin" },
+   { label: "Cerai Hidup", value: "Cerai Hidup" },
+   { label: "Cerai Mati", value: "Cerai Mati" }
+];
+
+export const enumStatusTempatUsaha = [
+   { label: "Milik Sendiri", value: "Milik Sendiri" },
+   { label: "Sewa", value: "Sewa" },
+   { label: "Pinjam", value: "Pinjam" }
+];

src/pages/darmasaba/surat.tsx

@@ -22,13 +22,19 @@ import {
   TextInput,
   Tooltip,
 } from "@mantine/core";
+import { DateInput } from "@mantine/dates";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import {
   IconBuildingCommunity,
+  IconCategory,
+  IconFiles,
   IconInfoCircle,
+  IconNotes,
+  IconPhone,
   IconUpload,
-  IconUser,
 } from "@tabler/icons-react";
+import dayjs from "dayjs";
+import "dayjs/locale/id";
 import React, { useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import useSWR from "swr";
@@ -46,7 +52,10 @@ type FormSurat = {
   syaratDokumen: DataItem[];
 };
 
+type ErrorState = Record<string, string | null>;
+
 export default function FormSurat() {
+  const [errors, setErrors] = useState<ErrorState>({});
   const [opened, { open, close }] = useDisclosure(false);
   const [noPengajuan, setNoPengajuan] = useState("");
   const [submitLoading, setSubmitLoading] = useState(false);
@@ -144,22 +153,24 @@ export default function FormSurat() {
   }, [jenisSuratFix.id]);
 
   function onChecking() {
+    const hasError = Object.values(errors).some((v) => v);
+
+    if (hasError) {
+      return notification({
+        title: "Gagal",
+        message: "Masih ada form yang belum valid",
+        type: "error",
+      });
+    }
+
     const isFormKosong = Object.values(formSurat).some((value) => {
       if (Array.isArray(value)) {
-        return (
-          value.length === 0 ||
-          value.some(
-            (item) =>
-              typeof item.value === "string" && item.value.trim() === "",
-          )
+        return value.some(
+          (item) =>
+            typeof item.value === "string" && item.value.trim() === "",
         );
       }
-
-      if (typeof value === "string") {
-        return value.trim() === "";
-      }
-
-      return false;
+      return typeof value === "string" && value.trim() === "";
     });
 
     if (isFormKosong) {
@@ -168,9 +179,9 @@ export default function FormSurat() {
         message: "Silahkan lengkapi form surat",
         type: "error",
       });
-    } else {
-      open();
     }
+
+    open();
   }
 
   async function onSubmit() {
@@ -233,6 +244,30 @@ export default function FormSurat() {
     );
   }
 
+
+  function validateField(key: string, value: any) {
+    const stringValue = String(value ?? "").trim();
+
+    // wajib diisi
+    if (!stringValue) {
+      return "Field wajib diisi";
+    }
+
+    // 🔥 semua key yang mengandung "nik"
+    if (key.toLowerCase().includes("nik")) {
+      if (!/^\d+$/.test(stringValue)) {
+        return "NIK harus berupa angka";
+      }
+
+      if (stringValue.length !== 16) {
+        return "NIK harus 16 digit";
+      }
+    }
+
+    return null;
+  }
+
+
   function validationForm({
     key,
     value,
@@ -240,12 +275,27 @@ export default function FormSurat() {
     key: "nama" | "phone" | "dataPelengkap" | "syaratDokumen";
     value: any;
   }) {
-    if (key == "dataPelengkap" || key == "syaratDokumen") {
+    if (key === "dataPelengkap" || key === "syaratDokumen") {
+      const errorMsg = validateField(value.key, value.value);
+
+      setErrors((prev) => ({
+        ...prev,
+        [value.key]: errorMsg,
+      }));
+
       setFormSurat((prev) => ({
         ...prev,
         [key]: updateArrayByKey(prev[key], value.key, value.value),
       }));
     } else {
+      const keyFix = key == "nama" ? "nama_kontak" : key;
+      const errorMsg = validateField(keyFix, value);
+
+      setErrors((prev) => ({
+        ...prev,
+        [keyFix]: errorMsg,
+      }));
+
       setFormSurat({
         ...formSurat,
         [key]: value,
@@ -253,6 +303,7 @@ export default function FormSurat() {
     }
   }
 
+
   return (
     <Container size="md" w={"100%"} pb={"lg"}>
       <Modal
@@ -262,9 +313,7 @@ export default function FormSurat() {
         overlayProps={{ backgroundOpacity: 0.55, blur: 3 }}
       >
         <Stack gap="sm">
-          <Text>
-            Apakah anda yakin ingin mengirim pengajuan surat ini?
-          </Text>
+          <Text>Apakah anda yakin ingin mengirim pengajuan surat ini?</Text>
           <Group justify="center" grow>
             <Button variant="light" onClick={close}>
               Tidak
@@ -292,8 +341,7 @@ export default function FormSurat() {
           }}
           category="create"
         />
-      )
-        :
+      ) : (
         <Box>
           <Stack gap="lg">
             <Group justify="space-between" align="center">
@@ -310,46 +358,18 @@ export default function FormSurat() {
                 </div>
               </Group>
               <Group>
-                <Badge radius="sm">Form Length: 3 Sections</Badge>
+                <Badge radius="sm">Form Length: 4 Sections</Badge>
               </Group>
             </Group>
             <Stack gap="lg">
-              {/* Header Section */}
               <FormSection
-                title="Pemohon"
-                icon={<IconUser size={16} />}
-                description="Informasi identitas pemohon"
+                title="Jenis Surat Pengajuan"
+                icon={<IconCategory size={16} />}
               >
                 <Grid>
-                  <Grid.Col span={6}>
-                    <TextInput
-                      label={<FieldLabel label="Nama" hint="Nama pemohon" />}
-                      placeholder="Budi Setiawan"
-                      value={formSurat.nama}
-                      onChange={(e) =>
-                        validationForm({ key: "nama", value: e.target.value })
-                      }
-                    />
-                  </Grid.Col>
-
-                  <Grid.Col span={6}>
-                    <TextInput
-                      label={
-                        <FieldLabel
-                          label="Nomor Telephone"
-                          hint="Nomor telephone yang dapat dihubungi / terhubung dengan whatsapp"
-                        />
-                      }
-                      placeholder="08123456789"
-                      value={formSurat.phone}
-                      onChange={(e) =>
-                        validationForm({ key: "phone", value: e.target.value })
-                      }
-                    />
-                  </Grid.Col>
-
                   <Grid.Col span={12}>
                     <Select
+                      allowDeselect={false}
                       label={
                         <FieldLabel
                           label="Jenis Surat"
@@ -371,75 +391,180 @@ export default function FormSurat() {
                 </Grid>
               </FormSection>
 
-              {jenisSuratFix.id != "" && dataSurat && dataSurat.dataPelengkap && (
-                <>
-                  <FormSection
-                    title="Data Pelengkap"
-                    description="Data pelengkap yang diperlukan"
-                  >
-                    <Grid>
-                      {dataSurat.dataPelengkap.map((item: any, index: number) => (
-                        <Grid.Col span={6} key={index}>
-                          <TextInput
-                            label={
-                              <FieldLabel label={item.name} hint={item.desc} />
-                            }
-                            placeholder={item.name}
-                            onChange={(e) =>
-                              validationForm({
-                                key: "dataPelengkap",
-                                value: { key: item.key, value: e.target.value },
-                              })
-                            }
-                            value={
-                              formSurat.dataPelengkap.find(
-                                (n: any) => n.key == item.key,
-                              )?.value
-                            }
-                          />
-                        </Grid.Col>
-                      ))}
-                    </Grid>
-                  </FormSection>
+              {/* Kontak Section */}
+              <FormSection
+                title="Kontak"
+                icon={<IconPhone size={16} />}
+                description="Informasi kontak yg dapat dihubungi"
+              >
+                <Grid>
+                  <Grid.Col span={6}>
+                    <TextInput
+                      label={<FieldLabel label="Nama" hint="Nama kontak" />}
+                      placeholder="Budi Setiawan"
+                      value={formSurat.nama}
+                      error={errors.nama_kontak}
+                      onChange={(e) =>
+                        validationForm({ key: "nama", value: e.target.value })
+                      }
+                    />
+                  </Grid.Col>
 
-                  <FormSection
-                    title="Syarat Dokumen"
-                    description="Syarat dokumen yang diperlukan"
-                  >
-                    <Grid>
-                      {dataSurat.syaratDokumen.map((item: any, index: number) => (
-                        <Grid.Col span={6} key={index}>
-                          <FileInputWrapper
-                            label={item.desc}
-                            placeholder={"Upload file "}
-                            accept="image/*,application/pdf"
-                            onChange={(file) =>
-                              validationForm({
-                                key: "syaratDokumen",
-                                value: { key: item.key, value: file },
-                              })
-                            }
-                            name={item.name}
-                          />
-                        </Grid.Col>
-                      ))}
-                    </Grid>
-                  </FormSection>
+                  <Grid.Col span={6}>
+                    <TextInput
+                      label={
+                        <FieldLabel
+                          label="Nomor Telephone"
+                          hint="Nomor telephone yang dapat dihubungi / terhubung dengan whatsapp"
+                        />
+                      }
+                      placeholder="08123456789"
+                      value={formSurat.phone}
+                      error={errors.phone}
+                      type="number"
+                      onChange={(e) =>
+                        validationForm({ key: "phone", value: e.target.value })
+                      }
+                    />
+                  </Grid.Col>
+                </Grid>
+              </FormSection>
 
-                  {/* Actions */}
-                  <Group justify="right" mt="md">
-                    {/* <Button variant="default" onClick={() => { }}>
+              {jenisSuratFix.id != "" &&
+                dataSurat &&
+                dataSurat.dataPelengkap && (
+                  <>
+                    <FormSection
+                      title="Data Yang Diperlukan"
+                      description="Data yang diperlukan untuk mengajukan surat"
+                      icon={<IconNotes size={16} />}
+                    >
+                      <Grid>
+                        {dataSurat.dataPelengkap.map(
+                          (item: any, index: number) => (
+                            <Grid.Col span={6} key={index}>
+                              {item.type == "enum" ? (
+                                <Select
+                                  allowDeselect={false}
+                                  label={
+                                    <FieldLabel
+                                      label={item.name}
+                                      hint={item.desc}
+                                    />
+                                  }
+                                  data={item.options ?? []}
+                                  placeholder={item.name}
+                                  onChange={(e) => {
+                                    validationForm({
+                                      key: "dataPelengkap",
+                                      value: { key: item.key, value: e },
+                                    });
+                                  }}
+                                  value={
+                                    formSurat.dataPelengkap.find(
+                                      (n: any) => n.key == item.key,
+                                    )?.value
+                                  }
+                                />
+                              ) : item.type == "date" ? (
+                                <DateInput
+                                  locale="id"
+                                  valueFormat="DD MMMM YYYY"
+                                  label={
+                                    <FieldLabel
+                                      label={item.name}
+                                      hint={item.desc}
+                                    />
+                                  }
+                                  placeholder={item.name}
+                                  onChange={(e) => {
+                                    const formatted = e
+                                      ? dayjs(e)
+                                        .locale("id")
+                                        .format("DD MMMM YYYY")
+                                      : "";
+                                    validationForm({
+                                      key: "dataPelengkap",
+                                      value: {
+                                        key: item.key,
+                                        value: formatted,
+                                      },
+                                    });
+                                  }}
+                                />
+                              ) : (
+                                <TextInput
+                                  error={errors[item.key]}
+                                  type={item.type}
+                                  label={
+                                    <FieldLabel
+                                      label={item.name}
+                                      hint={item.desc}
+                                    />
+                                  }
+                                  placeholder={item.name}
+                                  onChange={(e) =>
+                                    validationForm({
+                                      key: "dataPelengkap",
+                                      value: {
+                                        key: item.key,
+                                        value: e.target.value,
+                                      },
+                                    })
+                                  }
+                                  value={
+                                    formSurat.dataPelengkap.find(
+                                      (n: any) => n.key == item.key,
+                                    )?.value
+                                  }
+                                />
+                              )}
+                            </Grid.Col>
+                          ),
+                        )}
+                      </Grid>
+                    </FormSection>
+
+                    <FormSection
+                      title="Syarat Dokumen"
+                      description="Syarat dokumen yang diperlukan"
+                      icon={<IconFiles size={16} />}
+                    >
+                      <Grid>
+                        {dataSurat.syaratDokumen.map(
+                          (item: any, index: number) => (
+                            <Grid.Col span={6} key={index}>
+                              <FileInputWrapper
+                                label={item.desc}
+                                placeholder={"Upload file "}
+                                accept="image/*,application/pdf"
+                                onChange={(file) =>
+                                  validationForm({
+                                    key: "syaratDokumen",
+                                    value: { key: item.key, value: file },
+                                  })
+                                }
+                                name={item.name}
+                              />
+                            </Grid.Col>
+                          ),
+                        )}
+                      </Grid>
+                    </FormSection>
+
+                    {/* Actions */}
+                    <Group justify="right" mt="md">
+                      {/* <Button variant="default" onClick={() => { }}>
                     Reset
                   </Button> */}
-                    <Button onClick={onChecking}>Kirim</Button>
-                  </Group>
-                </>
-              )}
+                      <Button onClick={onChecking}>Kirim</Button>
+                    </Group>
+                  </>
+                )}
             </Stack>
           </Stack>
         </Box>
-      }
-
+      )}
     </Container>
   );
 }

src/pages/scr/dashboard/pelayanan-surat/detail_pelayanan_page.tsx

@@ -2,7 +2,9 @@ import ModalFile from "@/components/ModalFile";
 import ModalSurat from "@/components/ModalSurat";
 import notification from "@/components/notificationGlobal";
 import apiFetch from "@/lib/apiFetch";
+import { parseTanggalID } from "@/server/lib/stringToDate";
 import {
+  ActionIcon,
   Anchor,
   Badge,
   Button,
@@ -14,23 +16,31 @@ import {
   Group,
   List,
   Modal,
+  Select,
+  Spoiler,
   Stack,
   Table,
   Text,
   Textarea,
+  TextInput,
   ThemeIcon,
   Title,
+  Tooltip
 } from "@mantine/core";
+import { DateInput } from "@mantine/dates";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import {
   IconAlignJustified,
   IconCheck,
+  IconEdit,
   IconFileCertificate,
   IconFileCheck,
+  IconInfoCircle,
   IconMessageReport,
   IconPhone,
   IconUser,
 } from "@tabler/icons-react";
+import dayjs from "dayjs";
 import type { User } from "generated/prisma";
 import type { JsonValue } from "generated/prisma/runtime/library";
 import _ from "lodash";
@@ -61,6 +71,7 @@ export default function DetailPengajuanPage() {
           <Stack gap={"xl"}>
             <DetailDataPengajuan
               data={data?.data?.pengajuan}
+              warga={data && data.data && data.data.warga ? data.data.warga : undefined}
               syaratDokumen={data?.data?.syaratDokumen}
               dataText={data?.data?.dataText}
               onAction={() => {
@@ -80,15 +91,18 @@ export default function DetailPengajuanPage() {
 
 function DetailDataPengajuan({
   data,
+  warga,
   syaratDokumen,
   dataText,
   onAction,
 }: {
   data: any;
+  warga?: { phone?: string | null } | null;
   syaratDokumen: any;
   dataText: any;
   onAction: () => void;
 }) {
+
   const [opened, { open, close }] = useDisclosure(false);
   const [catModal, setCatModal] = useState<"tolak" | "terima">("tolak");
   const [keterangan, setKeterangan] = useState("");
@@ -97,7 +111,11 @@ function DetailDataPengajuan({
   const [openedPreview, setOpenedPreview] = useState(false);
   const [openedPreviewFile, setOpenedPreviewFile] = useState(false);
   const [permissions, setPermissions] = useState<JsonValue[]>([]);
-  const [viewImg, setViewImg] = useState("");
+  const [viewImg, setViewImg] = useState({ file: "", folder: "" });
+  const [uploading, setUploading] = useState({ ok: false, file: "" });
+  const [editValue, setEditValue] = useState({ id: "", jenis: "", val: "", option: null as any, type: "", key: "" })
+  const [openEdit, setOpenEdit] = useState(false)
+  const [loadingUpdate, setLoadingUpdate] = useState(false)
 
   useEffect(() => {
     async function fetchHost() {
@@ -114,22 +132,78 @@ function DetailDataPengajuan({
     fetchHost();
   }, []);
 
+  async function sendWA({ status, linkSurat, linkUpdate }: { status: string, linkSurat: string, linkUpdate: string }) {
+    try {
+      const resWA = await apiFetch.api["send-wa"]["pengajuan-surat"].post({
+        noPengajuan: data?.noPengajuan ?? "",
+        jenisSurat: data?.category ?? "",
+        alasan: keterangan,
+        status,
+        linkSurat,
+        linkUpdate,
+        tlp: warga?.phone ?? "",
+      })
+
+      if (resWA?.status === 200) {
+        if (resWA.data?.success) {
+          notification({
+            title: "Success",
+            message: "Success send message to warga",
+            type: "success",
+          });
+        } else {
+          notification({
+            title: "Failed",
+            message: "Failed send message to warga",
+            type: "error",
+          });
+        }
+      } else {
+        notification({
+          title: "Failed",
+          message: "Failed send message to warga",
+          type: "error",
+        });
+      }
+    } catch (error) {
+      notification({
+        title: "Failed",
+        message: "Failed send message to warga",
+        type: "error",
+      });
+    }
+  }
+
   const handleKonfirmasi = async (cat: "terima" | "tolak") => {
     try {
+      const statusFix = cat == "tolak"
+        ? "ditolak"
+        : data.status == "antrian"
+          ? "diterima"
+          : "selesai"
+
       const res = await apiFetch.api.pelayanan["update-status"].post({
         id: data?.id,
-        status:
-          cat == "tolak"
-            ? "ditolak"
-            : data.status == "antrian"
-              ? "diterima"
-              : "selesai",
+        status: statusFix,
         keterangan: keterangan,
         idUser: host?.id ?? "",
         noSurat: noSurat,
       });
 
       if (res?.status === 200) {
+        if (statusFix == "selesai") {
+          setTimeout(() => {
+            setOpenedPreview(true)
+          }, 1000)
+        } else {
+          sendWA({
+            status: statusFix,
+            linkSurat: "",
+            linkUpdate: statusFix == "ditolak" ? res.data?.linkUpdate ?? '' : '',
+          });
+        }
+
+
         onAction();
         close();
         notification({
@@ -154,21 +228,146 @@ function DetailDataPengajuan({
     }
   };
 
+  async function updateDataText() {
+    try {
+      setLoadingUpdate(true)
+      const res = await apiFetch.api.pelayanan["update-data-pelengkap"].post({
+        id: editValue.id,
+        value: editValue.val,
+        jenis: editValue.key,
+        idUser: host?.id ?? "",
+      })
+
+      if (res?.status === 200) {
+        notification({
+          title: "Success",
+          message: "Success update data",
+          type: "success",
+        })
+      } else {
+        notification({
+          title: "Error",
+          message: "Failed to update data",
+          type: "error",
+        })
+      }
+    } catch (error) {
+      console.error(error)
+      notification({
+        title: "Error",
+        message: "Failed to update data",
+        type: "error",
+      })
+    } finally {
+      setLoadingUpdate(false)
+      setOpenEdit(false)
+      onAction()
+    }
+  }
+
   useShallowEffect(() => {
     if (viewImg) {
       setOpenedPreviewFile(true);
     }
   }, [viewImg]);
 
+  useShallowEffect(() => {
+    if (uploading.ok && uploading.file) {
+      sendWA({
+        status: "selesai",
+        linkSurat: uploading.file,
+        linkUpdate: "",
+      });
+    }
+  }, [uploading]);
+
+  function FieldLabel({ label, hint }: { label: string; hint?: string }) {
+    return (
+      <Group justify="apart" gap="xs" align="center">
+        <Text fw={600}>{label}</Text>
+        {hint && (
+          <Tooltip label={hint} withArrow>
+            <ActionIcon size={24} variant="subtle">
+              <IconInfoCircle size={16} />
+            </ActionIcon>
+          </Tooltip>
+        )}
+      </Group>
+    );
+  }
+
   return (
     <>
+      {/* MODAL EDIT DATA PELENGKAP */}
+      <Modal
+        opened={openEdit}
+        onClose={() => setOpenEdit(false)}
+        title={"Edit"}
+        overlayProps={{ backgroundOpacity: 0.55, blur: 3 }}
+      >
+        <Stack gap="ld">
+          {editValue.type == "enum" ? (
+            <Select
+              allowDeselect={false}
+              label={<FieldLabel label={editValue.jenis} />}
+              data={editValue.option ?? []}
+              placeholder={editValue.jenis}
+              onChange={(e) => { setEditValue({ ...editValue, val: e ?? "" }) }}
+              value={editValue.val}
+            />
+          ) : editValue.type == "date" ? (
+            <DateInput
+              locale="id"
+              valueFormat="DD MMMM YYYY"
+              label={<FieldLabel label={editValue.jenis} />}
+              placeholder={editValue.jenis}
+              onChange={(e) => {
+                const formatted = e
+                  ? dayjs(e).locale("id").format("DD MMMM YYYY")
+                  : "";
+                setEditValue({
+                  ...editValue,
+                  val: formatted
+                })
+              }}
+              value={
+                editValue.val
+                  ? parseTanggalID(editValue.val)
+                  : parseTanggalID(editValue.val)
+              }
+            />
+          ) : (
+            <TextInput
+              label={<FieldLabel label={editValue.jenis} />}
+              placeholder={editValue.jenis}
+              type={editValue.type}
+              onChange={(e) => { setEditValue({ ...editValue, val: e.target.value }) }}
+              value={editValue.val}
+            />
+          )}
+          <Group justify="center" grow>
+            <Button variant="light" onClick={() => { setOpenEdit(false) }}>
+              Batal
+            </Button>
+            <Button
+              variant="filled"
+              onClick={updateDataText}
+              disabled={loadingUpdate || !editValue.val}
+              loading={loadingUpdate}
+            >
+              Simpan
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+
       <ModalFile
-        open={openedPreviewFile && !_.isEmpty(viewImg)}
+        open={openedPreviewFile && !_.isEmpty(viewImg.file)}
         onClose={() => {
           setOpenedPreviewFile(false);
         }}
-        folder="syarat-dokumen"
-        fileName={viewImg}
+        folder={viewImg.folder}
+        fileName={viewImg.file}
       />
 
       {/* MODAL KONFIRMASI */}
@@ -240,10 +439,13 @@ function DetailDataPengajuan({
           )}
         </Stack>
       </Modal>
-      {data?.status == "selesai" && (
+      {data?.status == "selesai" && !data?.fileSurat && (
         <ModalSurat
           open={openedPreview}
-          onClose={() => setOpenedPreview(false)}
+          onClose={(val) => {
+            setOpenedPreview(false)
+            setUploading({ ok: true, file: val })
+          }}
           surat={data?.idSurat}
         />
       )}
@@ -311,7 +513,7 @@ function DetailDataPengajuan({
                       <List.Item key={v.id}>
                         <Anchor
                           onClick={() => {
-                            setViewImg(v.value);
+                            setViewImg({ file: v.value, folder: "syarat-dokumen" });
                           }}
                         >
                           {v.jenis}
@@ -338,7 +540,25 @@ function DetailDataPengajuan({
                           </Table.Td>
                           <Table.Td>:</Table.Td>
                           <Table.Td style={{ width: "85%" }}>
-                            {_.upperFirst(item.value)}
+                            <Flex
+                              gap="md"
+                              justify="flex-start"
+                              align="center"
+                              direction="row"
+                            >
+                              <Text>
+                                {_.upperFirst(item.value)}
+                              </Text>
+                              <ActionIcon
+                                variant="subtle"
+                                aria-label="Edit"
+                                onClick={() => {
+                                  setEditValue({ id: item.id, val: item.value, type: item.type, option: item.options, jenis: item.jenis, key: item.key })
+                                  setOpenEdit(true)
+                                }}>
+                                <IconEdit size={16} />
+                              </ActionIcon>
+                            </Flex>
                           </Table.Td>
                         </Table.Tr>
                       ))}
@@ -400,7 +620,7 @@ function DetailDataPengajuan({
                 <Group justify="center" grow>
                   <Button
                     variant="light"
-                    onClick={() => setOpenedPreview(!openedPreview)}
+                    onClick={() => { setViewImg({ file: data?.fileSurat, folder: "surat" }) }}
                   >
                     Surat
                   </Button>
@@ -432,41 +652,48 @@ function DetailDataHistori({ data }: { data: any }) {
       <Stack gap="md">
         <Flex align="center" justify="space-between">
           <Title order={4} c="gray.2">
-            Histori Pengajuan Surat
+            Riwayat Pengajuan Surat
           </Title>
         </Flex>
         <Divider my={0} />
-        <Table>
-          <Table.Thead>
-            <Table.Tr>
-              <Table.Th>Tanggal</Table.Th>
-              <Table.Th>Deskripsi</Table.Th>
-              <Table.Th>Status</Table.Th>
-              <Table.Th>User</Table.Th>
-            </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>
-            {data?.map((item: any) => (
-              <Table.Tr key={item.id}>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.createdAt.toLocaleString("id-ID", {
-                    day: "2-digit",
-                    month: "short",
-                    year: "numeric",
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    hour12: false,
-                  })}
-                </Table.Td>
-                <Table.Td>{item.deskripsi}</Table.Td>
-                <Table.Td>{item.status}</Table.Td>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.nameUser ? item.nameUser : "-"}
-                </Table.Td>
+        <Spoiler
+          maxHeight={200}
+          showLabel="Show more"
+          hideLabel="Hide"
+          transitionDuration={1000}
+        >
+          <Table>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Tanggal</Table.Th>
+                <Table.Th>Deskripsi</Table.Th>
+                <Table.Th>Status</Table.Th>
+                <Table.Th>User</Table.Th>
               </Table.Tr>
-            ))}
-          </Table.Tbody>
-        </Table>
+            </Table.Thead>
+            <Table.Tbody>
+              {data?.map((item: any) => (
+                <Table.Tr key={item.id}>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.createdAt.toLocaleString("id-ID", {
+                      day: "2-digit",
+                      month: "short",
+                      year: "numeric",
+                      hour: "2-digit",
+                      minute: "2-digit",
+                      hour12: false,
+                    })}
+                  </Table.Td>
+                  <Table.Td>{item.deskripsi}</Table.Td>
+                  <Table.Td>{item.status}</Table.Td>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.nameUser ? item.nameUser : "-"}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+        </Spoiler>
       </Stack>
     </Card>
   );

src/pages/scr/dashboard/pengaduan/detail_page.tsx

@@ -12,6 +12,7 @@ import {
   Grid,
   Group,
   Modal,
+  Spoiler,
   Stack,
   Table,
   Text,
@@ -37,6 +38,7 @@ import { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
 import useSwr from "swr";
 
+
 export default function DetailPengaduanPage() {
   const { search } = useLocation();
   const query = new URLSearchParams(search);
@@ -60,6 +62,7 @@ export default function DetailPengaduanPage() {
           <Stack gap={"xl"}>
             <DetailDataPengaduan
               data={data?.data?.pengaduan}
+              phone={data && data.data && data.data.warga ? data.data.warga.phone : null}
               onAction={() => {
                 mutate();
               }}
@@ -77,9 +80,11 @@ export default function DetailPengaduanPage() {
 
 function DetailDataPengaduan({
   data,
+  phone,
   onAction,
 }: {
   data: any | null;
+  phone?: string | null;
   onAction: () => void;
 }) {
   const [opened, { open, close }] = useDisclosure(false);
@@ -121,6 +126,21 @@ function DetailDataPengaduan({
       });
 
       if (res?.status === 200) {
+        const resWA = await apiFetch.api["send-wa"].pengaduan.post({
+          noPengaduan: data?.noPengaduan,
+          judulPengaduan: data?.title,
+          status:
+            cat == "tolak"
+              ? "ditolak"
+              : data.status == "antrian"
+                ? "diterima"
+                : data.status == "diterima"
+                  ? "dikerjakan"
+                  : "selesai",
+          alasan: keterangan,
+          tlp: String(phone),
+        })
+
         onAction();
         close();
         notification({
@@ -128,6 +148,28 @@ function DetailDataPengaduan({
           message: "Success update pengaduan",
           type: "success",
         });
+
+        if (resWA?.status === 200) {
+          if (resWA.data?.success) {
+            notification({
+              title: "Success",
+              message: "Success send message to warga",
+              type: "success",
+            });
+          } else {
+            notification({
+              title: "Failed",
+              message: "Failed send message to warga",
+              type: "error",
+            });
+          }
+        } else {
+          notification({
+            title: "Failed",
+            message: "Failed send message to warga",
+            type: "error",
+          });
+        }
       } else {
         notification({
           title: "Error",
@@ -420,41 +462,48 @@ function DetailDataHistori({ data }: { data: any }) {
       <Stack gap="md">
         <Flex align="center" justify="space-between">
           <Title order={4} c="gray.2">
-            Histori Pengaduan
+            Riwayat Pengaduan
           </Title>
         </Flex>
         <Divider my={0} />
-        <Table>
-          <Table.Thead>
-            <Table.Tr>
-              <Table.Th>Tanggal</Table.Th>
-              <Table.Th>Deskripsi</Table.Th>
-              <Table.Th>Status</Table.Th>
-              <Table.Th>User</Table.Th>
-            </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>
-            {data?.map((item: any) => (
-              <Table.Tr key={item.id}>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.createdAt.toLocaleString("id-ID", {
-                    day: "2-digit",
-                    month: "short",
-                    year: "numeric",
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    hour12: false,
-                  })}
-                </Table.Td>
-                <Table.Td>{item.deskripsi}</Table.Td>
-                <Table.Td>{item.status}</Table.Td>
-                <Table.Td style={{ whiteSpace: "nowrap" }}>
-                  {item.nameUser ? item.nameUser : "-"}
-                </Table.Td>
+        <Spoiler
+          maxHeight={200}
+          showLabel="Show more"
+          hideLabel="Hide"
+          transitionDuration={1000}
+        >
+          <Table>
+            <Table.Thead>
+              <Table.Tr>
+                <Table.Th>Tanggal</Table.Th>
+                <Table.Th>Deskripsi</Table.Th>
+                <Table.Th>Status</Table.Th>
+                <Table.Th>User</Table.Th>
               </Table.Tr>
-            ))}
-          </Table.Tbody>
-        </Table>
+            </Table.Thead>
+            <Table.Tbody>
+              {data?.map((item: any) => (
+                <Table.Tr key={item.id}>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.createdAt.toLocaleString("id-ID", {
+                      day: "2-digit",
+                      month: "short",
+                      year: "numeric",
+                      hour: "2-digit",
+                      minute: "2-digit",
+                      hour12: false,
+                    })}
+                  </Table.Td>
+                  <Table.Td>{item.deskripsi}</Table.Td>
+                  <Table.Td>{item.status}</Table.Td>
+                  <Table.Td style={{ whiteSpace: "nowrap" }}>
+                    {item.nameUser ? item.nameUser : "-"}
+                  </Table.Td>
+                </Table.Tr>
+              ))}
+            </Table.Tbody>
+          </Table>
+        </Spoiler>
       </Stack>
     </Card>
   );

src/server/lib/create-surat.ts

@@ -8,16 +8,19 @@ export async function createSurat({ idPengajuan, idCategory, idWarga, noSurat }:
             idCategory,
             idWarga,
             noSurat,
+         },
+         select: {
+            id: true
          }
       })
 
       if (!surat.id) {
-         return { success: false, message: 'gagal membuat surat' }
+         return { success: false, message: 'gagal membuat surat', idSurat: '' }
       }
 
-      return { success: true, message: 'surat sudah dibuat' }
+      return { success: true, message: 'surat sudah dibuat', idSurat: surat.id }
    } catch (error) {
-      console.log(error)
+      console.error(error)
       return { success: false, message: 'gagal membuat surat' }
    }
 

src/server/lib/seafile.ts

@@ -248,14 +248,23 @@ export async function moveFile(config: Config, oldName: string, newName: string)
    return `✏️  Renamed ${oldName} → ${newName}`
 }
 
-export async function downloadFile(config: Config, remoteFile: string, localFile?: string): Promise<string> {
-   const localName = localFile || remoteFile;
-   const downloadUrlResponse = await fetchWithAuth(config, `${config.URL}/${config.REPO}/file/?p=/${remoteFile}`);
-   const downloadUrl = (await downloadUrlResponse.text()).replace(/"/g, '');
+export async function downloadFile(config: Config, fileName: string, folder: string, localFile?: string): Promise<string> {
+   const localName = localFile || fileName;
+   // 🔹 gabungkan path folder + file
+   const filePath = `/${folder}/${fileName}`.replace(/\/+/g, "/");
 
+   // 🔹 encode path agar aman (spasi, dll)
+   const params = new URLSearchParams({
+      p: filePath,
+   });
+
+   const downloadUrlResponse = await fetchWithAuth(config, `${config.URL}/${config.REPO}/file/?${params.toString()}`);
+   if(!downloadUrlResponse.ok)
+      return 'gagal'
+   const downloadUrl = (await downloadUrlResponse.text()).replace(/"/g, '');
    const buffer = Buffer.from(await (await fetchWithAuth(config, downloadUrl)).arrayBuffer());
    await fs.writeFile(localName, buffer);
-   return `⬇️  Downloaded ${remoteFile} → ${localName}`
+   return `⬇️  Downloaded ${fileName} → ${localName}`
 }
 
 export async function getFileLink(config: Config, fileName: string): Promise<string> {

src/server/lib/stringToDate.ts

@@ -0,0 +1,11 @@
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import "dayjs/locale/id";
+dayjs.extend(customParseFormat);
+
+export function parseTanggalID( value: string ): Date | null {
+   if (!value) return null;
+
+   const parsed = dayjs(value, "DD MMMM YYYY", "id", true);
+   return parsed.isValid() ? parsed.toDate() : null;
+}

src/server/routes/pelayanan_surat_route.ts

@@ -39,7 +39,7 @@ const PelayananRoute = new Elysia({
    }, {
       detail: {
          summary: "List Kategori Pelayanan Surat",
-         description: `tool untuk mendapatkan list kategori pelayanan surat beserta syaratnya untuk memenuhi syarat dokumen sesuai kategori yg dipilih saat melakukan pengajuan surat`,
+         description: `tool untuk mendapatkan list kategori pelayanan surat dan juga berisi link form pengajuan surat`,
          tags: ["mcp"]
       }
    })
@@ -265,6 +265,7 @@ const PelayananRoute = new Elysia({
          select: {
             id: true,
             idCategory: true,
+            file: true
          }
       })
 
@@ -307,7 +308,11 @@ const PelayananRoute = new Elysia({
       })
 
       const dataTextCategory = (data?.CategoryPelayanan?.dataPelengkap ?? []) as {
-         name: string;
+         type: string;
+         options?: {
+            label: string,
+            value: string
+         }[]; name: string;
          desc: string;
          key: string;
       }[];
@@ -326,13 +331,17 @@ const PelayananRoute = new Elysia({
             return {
                id: item.id,
                jenis: nama,
+               key: ref?.key,
                value: item.value,
+               type: ref?.type ?? "",
+               options: ref?.options ?? [],
                order: ref?.order ?? Infinity,
             };
          })
          .sort((a, b) => a.order - b.order)
          .map(({ order, ...rest }) => rest); // hapus order
 
+
       const dataHistory = await prisma.historyPelayanan.findMany({
          where: {
             idPengajuanLayanan: data?.id,
@@ -348,6 +357,9 @@ const PelayananRoute = new Elysia({
                   name: true,
                }
             }
+         },
+         orderBy: {
+            createdAt: "desc"
          }
       })
 
@@ -377,6 +389,7 @@ const PelayananRoute = new Elysia({
          createdAt: data?.createdAt,
          updatedAt: data?.updatedAt,
          idSurat: dataSurat?.id,
+         fileSurat: dataSurat?.file,
       }
 
       const datafix = {
@@ -589,7 +602,10 @@ const PelayananRoute = new Elysia({
       const { nomerPengajuan } = body
       const data = await prisma.pelayananAjuan.findFirst({
          where: {
-            noPengajuan: nomerPengajuan
+            noPengajuan: {
+               equals: nomerPengajuan,
+               mode: "insensitive"
+            }
          },
          select: {
             id: true,
@@ -684,6 +700,11 @@ const PelayananRoute = new Elysia({
       })
 
       const dataPelengkapList = (data?.CategoryPelayanan?.dataPelengkap ?? []) as {
+         type: string;
+         options?: {
+            label: string,
+            value: string
+         }[];
          name: string;
          desc: string;
          key: string;
@@ -706,6 +727,8 @@ const PelayananRoute = new Elysia({
                value: item.value,
                desc: ref?.desc ?? "",
                name: ref?.name ?? "",
+               type: ref?.type ?? "",
+               options: ref?.options ?? [],
                order: ref?.order ?? Infinity,
             };
          })
@@ -731,6 +754,19 @@ const PelayananRoute = new Elysia({
          }
       })
 
+      const alasanDitolak = await prisma.historyPelayanan.findFirst({
+         where: {
+            idPengajuanLayanan: data?.id,
+            status: "ditolak"
+         },
+         select: {
+            keteranganAlasan: true,
+         },
+         orderBy: {
+            createdAt: "desc"
+         }
+      })
+
       const dataHistoryFix = dataHistory.map((item) => {
          return {
             id: item.id,
@@ -757,12 +793,14 @@ const PelayananRoute = new Elysia({
          createdAt: data?.createdAt,
          updatedAt: data?.updatedAt,
          idSurat: dataSurat?.id,
+         alasan: alasanDitolak?.keteranganAlasan,
       }
 
       const datafix = {
          success: true,
          message: 'sukses',
          pengajuan: dataPengajuan,
+         linkUpdate: `${process.env.BUN_PUBLIC_BASE_URL}/darmasaba/update-data-surat?pengajuan=${data.noPengajuan}`,
          history: dataHistoryFix,
          warga: warga,
          syaratDokumen: dataSyaratFix,
@@ -805,9 +843,14 @@ const PelayananRoute = new Elysia({
       })
 
       if (!pengajuan) {
-         return { success: false, message: 'gagal update status pengajuan surat' }
+         return { success: false, message: 'gagal update status pengajuan surat', linkUpdate: '', idSurat: '' }
       }
 
+      const dataPengajuan = await prisma.pelayananAjuan.findUnique({
+         where: { id: pengajuan.id },
+         select: { noPengajuan: true }
+      });
+
       if (status === "diterima") {
          deskripsi = "Pengajuan surat diterima"
       } else if (status === "ditolak") {
@@ -826,11 +869,19 @@ const PelayananRoute = new Elysia({
          }
       })
 
+
+      let idSurat = "";
       if (status === "selesai") {
-         await createSurat({ idPengajuan: pengajuan.id, idCategory: pengajuan.idCategory, idWarga: pengajuan.idWarga, noSurat })
+         const result = await createSurat({ idPengajuan: pengajuan.id, idCategory: pengajuan.idCategory, idWarga: pengajuan.idWarga, noSurat })
+         idSurat = result.idSurat ?? "";
       }
 
-      return { success: true, message: 'pengajuan surat sudah diperbarui' }
+      return {
+         success: true,
+         message: 'pengajuan surat sudah diperbarui',
+         linkUpdate: status == "ditolak" ? `${process.env.BUN_PUBLIC_BASE_URL}/darmasaba/update-data-surat?pengajuan=${dataPengajuan?.noPengajuan}` : '',
+         idSurat: idSurat,
+      }
    }, {
       body: t.Object({
          id: t.String({ minLength: 1, error: "id harus diisi" }),
@@ -1006,6 +1057,73 @@ const PelayananRoute = new Elysia({
          description: `tool untuk update data pengajuan pelayanan surat`,
       }
    })
+   .post("/update-data-pelengkap", async ({ body }) => {
+      const { id, value, jenis, idUser } = body
+
+      const dataPelengkap = await prisma.dataTextPelayanan.findUnique({
+         where: {
+            id
+         },
+         select: {
+            idPengajuanLayanan: true,
+            PelayananAjuan: {
+               select: {
+                  status: true
+               }
+            }
+         }
+
+      })
+
+      if (!dataPelengkap) {
+         return { success: false, message: 'data pelengkap surat tidak ditemukan' }
+      }
+
+      const upd = await prisma.dataTextPelayanan.update({
+         where: {
+            id
+         },
+         data: {
+            value: value,
+         }
+      })
+
+      const history = await prisma.historyPelayanan.create({
+         data: {
+            idPengajuanLayanan: dataPelengkap.idPengajuanLayanan,
+            deskripsi: `Pengajuan surat diupdate oleh user (data yg diupdate: ${jenis})`,
+            status: dataPelengkap.PelayananAjuan.status,
+            idUser
+         }
+      })
+
+
+      return { success: true, message: 'data pelengkap surat sudah diperbarui' }
+
+   }, {
+      body: t.Object({
+         id: t.String({
+            error: "id harus diisi",
+            description: "ID yang ingin diupdate"
+         }),
+         value: t.String({
+            error: "value harus diisi",
+            description: "Value yang ingin diupdate"
+         }),
+         jenis: t.String({
+            error: "jenis harus diisi",
+            description: "Jenis data yang ingin diupdate"
+         }),
+         idUser: t.String({
+            error: "idUser harus diisi",
+            description: "ID user yang melakukan update"
+         })
+      }),
+      detail: {
+         summary: "Update Data Pelengkap Pengajuan Pelayanan Surat oleh user admin",
+         description: `tool untuk update data pelengkap pengajuan pelayanan surat oleh user admin`,
+      }
+   })
    .get("/list", async ({ query }) => {
       const { take, page, search, status } = query
       const skip = !page ? 0 : (Number(page) - 1) * (!take ? 10 : Number(take))

src/server/routes/pengaduan_route.ts

@@ -1,14 +1,16 @@
-import Elysia, { t } from "elysia"
-import type { StatusPengaduan } from "generated/prisma"
-import _ from "lodash"
-import { v4 as uuidv4 } from "uuid"
-import { getLastUpdated } from "../lib/get-last-updated"
-import { mimeToExtension } from "../lib/mimetypeToExtension"
-import { generateNoPengaduan } from "../lib/no-pengaduan"
-import { isValidPhone, normalizePhoneNumber } from "../lib/normalizePhone"
-import { prisma } from "../lib/prisma"
-import { renameFile } from "../lib/rename-file"
-import { catFile, defaultConfigSF, removeFile, uploadFile, uploadFileToFolder } from "../lib/seafile"
+import Elysia, { t } from "elysia";
+import fs from 'fs';
+import type { StatusPengaduan } from "generated/prisma";
+import _ from "lodash";
+import path from "path";
+import { v4 as uuidv4 } from "uuid";
+import { getLastUpdated } from "../lib/get-last-updated";
+import { mimeToExtension } from "../lib/mimetypeToExtension";
+import { generateNoPengaduan } from "../lib/no-pengaduan";
+import { isValidPhone, normalizePhoneNumber } from "../lib/normalizePhone";
+import { prisma } from "../lib/prisma";
+import { renameFile } from "../lib/rename-file";
+import { catFile, defaultConfigSF, downloadFile, removeFile, uploadFile, uploadFileToFolder } from "../lib/seafile";
 
 const PengaduanRoute = new Elysia({
    prefix: "pengaduan",
@@ -415,7 +417,7 @@ const PengaduanRoute = new Elysia({
          const datafix = {
             pengaduan: {},
             history: [],
-            warga: {},
+            warga: null,
          }
 
          return datafix
@@ -436,6 +438,9 @@ const PengaduanRoute = new Elysia({
                   name: true,
                }
             }
+         },
+         orderBy: {
+            createdAt: "desc"
          }
       })
 
@@ -602,6 +607,43 @@ const PengaduanRoute = new Elysia({
          consumes: ["multipart/form-data"]
       },
    })
+   .get("/download", async ({ query, set }) => {
+      const { file, folder } = query;
+
+      // Validasi file
+      if (!file) {
+         return { success: false, message: "File tidak ditemukan" };
+      }
+
+      // if (!folder) {
+      //    return { success: false, message: "Folder tidak ditemukan" };
+      // }
+
+      const localPath = path.join("/tmp", file);
+
+      // Upload ke Seafile (pastikan uploadFile menerima Blob atau ArrayBuffer)
+      // const buffer = await file.arrayBuffer();
+      const result = await downloadFile(defaultConfigSF, file, 'surat', localPath);
+
+      if(result=="gagal") {
+         return { success: false, message: "Download gagal" };
+      }
+
+      set.headers["Content-Type"] = "application/pdf";
+      set.headers["Content-Disposition"] = `attachment; filename="${file}"`;
+
+      // 🔹 kirim file ke browser
+      return fs.createReadStream(localPath);
+   }, {
+      body: t.Object({
+         file: t.Any(),
+         folder: t.String(),
+      }),
+      detail: {
+         summary: "Download Surat",
+         description: "Tool untuk download surat dari Seafile",
+      },
+   })
    .post("/upload-file-form-data", async ({ body }) => {
       const { file } = body;
 

src/server/routes/send_wa_route.ts

@@ -0,0 +1,153 @@
+import Elysia, { t } from "elysia";
+
+const SendWaRoute = new Elysia({
+   prefix: "send-wa",
+   tags: ["send-wa"],
+})
+
+   // --- KATEGORI PENGADUAN ---
+   .post("/pengaduan", async ({ body }) => {
+      const { noPengaduan, judulPengaduan, status, alasan, tlp } = body
+
+      let text = ""
+
+      if (status === "ditolak") {
+         text = `Pemberitahuan Aduan
+
+Aduan dengan Nomor Pengaduan: ${noPengaduan}
+Judul Pengaduan: ${judulPengaduan}
+Kami informasikan bahwa aduan tersebut tidak dapat ditindaklanjuti (ditolak).
+Alasan penolakan:${alasan}
+
+Terima kasih atas pengertian Bapak/Ibu.`
+      } else if (status == "diterima") {
+         text = `Pemberitahuan Aduan
+
+Aduan dengan Nomor Pengaduan: ${noPengaduan}
+Judul Pengaduan: ${judulPengaduan}
+Telah kami terima dan akan segera diproses sesuai ketentuan yang berlaku.
+
+Terima kasih atas laporan Bapak/Ibu.`
+      } else if (status == "dikerjakan") {
+         text = `Pemberitahuan Aduan
+
+Aduan dengan Nomor Pengaduan: ${noPengaduan}
+Judul Pengaduan: ${judulPengaduan}
+Saat ini sedang dalam proses penanganan oleh petugas terkait.
+
+Mohon menunggu informasi selanjutnya.`
+      } else if (status == "selesai") {
+         text = `Pemberitahuan Aduan
+
+Aduan dengan Nomor Pengaduan: ${noPengaduan}
+Judul Pengaduan: ${judulPengaduan}
+Telah selesai ditindaklanjuti.
+
+Terima kasih atas partisipasi dan kepercayaan Bapak/Ibu.`
+      }
+
+      const textFix = encodeURIComponent(text)
+
+      const res = await fetch(
+         `https://cld-dkr-prod-wajs-server.wibudev.com/api/wa/code?nom=${tlp}&text=${textFix}`,
+         {
+            cache: "no-cache",
+            headers: {
+               Authorization: `Bearer ${process.env.WA_SERVER_TOKEN}`,
+            },
+         }
+      );
+
+      if (res.status !== 200)
+         return { success: false, message: "Nomor Whatsapp Tidak Aktif" }
+
+
+      return { success: true, message: 'Pemberitahuan berhasil dikirim ke warga' }
+   }, {
+      body: t.Object({
+         noPengaduan: t.String({ minLength: 1, error: "nomer pengaduan harus diisi" }),
+         judulPengaduan: t.String({ minLength: 1, error: "judul pengaduan harus diisi" }),
+         status: t.String({ minLength: 1, error: "status harus diisi" }),
+         alasan: t.String({ optional: true }),
+         tlp: t.String({ minLength: 1, error: "nomor telepon harus diisi" }),
+      }),
+      detail: {
+         summary: "Send pemberitahuan pengaduan lewat WA",
+         description: `tool untuk send pemberitahuan pengaduan lewat WA`
+      }
+   })
+   .post("/pengajuan-surat", async ({ body }) => {
+      const { noPengajuan, jenisSurat, status, alasan, tlp, linkSurat, linkUpdate } = body
+
+      let text = ""
+
+      if (status === "ditolak") {
+         text = `Pemberitahuan Pengajuan Surat
+
+Nomor Pengajuan: ${noPengajuan}
+Surat: ${jenisSurat}
+Kami informasikan bahwa pengajuan surat tersebut tidak dapat diproses (ditolak).
+Alasan penolakan: ${alasan}
+
+Bapak/Ibu dapat melakukan perbaikan atau pembaruan data melalui tautan berikut:
+👉 ${linkUpdate}
+Setelah data diperbarui, pengajuan akan diproses kembali sesuai ketentuan yang berlaku.
+
+Terima kasih atas pengertian Bapak/Ibu.`
+      } else if (status == "diterima") {
+         text = `Pemberitahuan Pengajuan Surat
+
+Nomor Pengajuan: ${noPengajuan}
+Surat: ${jenisSurat}
+Kami informasikan bahwa pengajuan surat yang Bapak/Ibu ajukan telah kami terima dan sedang menunggu proses verifikasi serta penanganan lebih lanjut.
+
+Terima kasih atas kesabaran Bapak/Ibu.`
+      } else if (status == "selesai") {
+         text = `Pemberitahuan Pengajuan Surat
+
+Nomor Pengajuan: ${noPengajuan}
+Surat: ${jenisSurat}
+Kami informasikan bahwa pengajuan surat tersebut telah selesai diproses.
+
+Bapak/Ibu dapat mengunduh surat melalui tautan berikut:
+👉 ${linkSurat}
+
+Terima kasih atas kepercayaan Bapak/Ibu.`
+      }
+
+      const textFix = encodeURIComponent(text)
+
+
+      const res = await fetch(
+         `https://cld-dkr-prod-wajs-server.wibudev.com/api/wa/code?nom=${tlp}&text=${textFix}`,
+         {
+            cache: "no-cache",
+            headers: {
+               Authorization: `Bearer ${process.env.WA_SERVER_TOKEN}`,
+            },
+         }
+      );
+
+      if (res.status !== 200)
+         return { success: false, message: "Nomor Whatsapp Tidak Aktif" }
+
+
+      return { success: true, message: 'Pemberitahuan berhasil dikirim ke warga' }
+   }, {
+      body: t.Object({
+         noPengajuan: t.String({ minLength: 1, error: "nomer pengajuan harus diisi" }),
+         jenisSurat: t.String({ minLength: 1, error: "jenis surat harus diisi" }),
+         status: t.String({ minLength: 1, error: "status harus diisi" }),
+         alasan: t.String({ optional: true }),
+         linkSurat: t.String({ optional: true }),
+         linkUpdate: t.String({ optional: true }),
+         tlp: t.String({ minLength: 1, error: "nomor telepon harus diisi" }),
+      }),
+      detail: {
+         summary: "Send pemberitahuan pengajuan surat lewat WA",
+         description: `tool untuk send pemberitahuan pengajuan surat lewat WA`
+      }
+   })
+   ;
+
+export default SendWaRoute

src/server/routes/surat_route.ts

@@ -17,6 +17,7 @@ const SuratRoute = new Elysia({
             noSurat: true,
             idCategory: true,
             createdAt: true,
+            file: true,
             PelayananAjuan: {
                select: {
                   DataTextPelayanan: true,
@@ -44,6 +45,7 @@ const SuratRoute = new Elysia({
             idCategory: dataSurat?.idCategory,
             nameCategory: dataSurat?.CategoryPelayanan?.name,
             noSurat: dataSurat?.noSurat,
+            file: dataSurat?.file,
             dataText: dataSurat?.PelayananAjuan?.DataTextPelayanan,
             createdAt: dataSurat?.createdAt.toLocaleDateString("id-ID", { day: "numeric", month: "long", year: "numeric" }),
          },
@@ -60,6 +62,33 @@ const SuratRoute = new Elysia({
       }
 
    })
+   .post("/update", async ({ body }) => {
+      const { id, filename } = body
+
+      await prisma.suratPelayanan.update({
+         where: {
+            id,
+         },
+         data: {
+            file: filename,
+         }
+      })
+
+      return {
+         success: true,
+         message: 'surat sudah diperbarui',
+         link: `${process.env.BUN_PUBLIC_BASE_URL}/api/pengaduan/download?file=${filename}`
+      }
+   }, {
+      body: t.Object({
+         id: t.String({ minLength: 1, error: "id harus diisi" }),
+         filename: t.String({ minLength: 1, error: "filename harus diisi" }),
+      }),
+      detail: {
+         summary: "update file surat",
+         description: `tool untuk update file surat`
+      }
+   })
    ;
 
 export default SuratRoute