pelayanan surat

deskripsi:
- update validasi form tambah pengajuan layanan surat
- update validasi form update pengajuan layanan surat

No Issues

src/pages/darmasaba/update_data_surat.tsx

@@ -380,6 +380,7 @@ function DataUpdate({
 }) {
   const [opened, { open, close }] = useDisclosure(false);
   const navigate = useNavigate();
+  const [errors, setErrors] = useState<Record<string, string | null>>({});
   const [sukses, setSukses] = useState(false);
   const [submitLoading, setSubmitLoading] = useState(false);
   const [dataPelengkap, setDataPelengkap] = useState<DataItem[]>([]);
@@ -427,6 +428,29 @@ function DataUpdate({
     fetchData();
   }, []);
 
+  function validateField(key: string, value: any) {
+    const stringValue = String(value ?? "").trim();
+
+    // wajib diisi
+    if (!stringValue) {
+      return "Field wajib diisi";
+    }
+
+    // 🔥 semua key yg 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 upsertById<T extends { id: string }>(array: T[], item: T): T[] {
     const index = array.findIndex((v) => v.id === item.id);
 
@@ -446,6 +470,13 @@ function DataUpdate({
     kategori: "dataPelengkap" | "syaratDokumen";
     value: UpdateDataItem;
   }) {
+    const errorMsg = validateField(value.key, value.value);
+
+    setErrors((prev) => ({
+      ...prev,
+      [value.id]: errorMsg,
+    }));
+
     setFormSurat((prev) => ({
       ...prev,
       [kategori]: upsertById(prev[kategori], {
@@ -456,6 +487,7 @@ function DataUpdate({
     }));
   }
 
+
   function updateArrayByKey(
     list: UpdateDataItem[],
     id: string,
@@ -465,6 +497,16 @@ function DataUpdate({
   }
 
   function onChecking() {
+    const hasError = Object.values(errors).some((v) => v);
+
+    if (hasError) {
+      return notification({
+        title: "Gagal",
+        message: "Masih ada data yang belum valid",
+        type: "error",
+      });
+    }
+
     if (
       formSurat.dataPelengkap.length == 0 &&
       formSurat.syaratDokumen.length == 0
@@ -675,8 +717,10 @@ function DataUpdate({
                     />
                   ) : (
                     <TextInput
+                      error={errors[item.id]}
                       label={<FieldLabel label={item.name} hint={item.desc} />}
                       placeholder={item.name}
+                      type={item.type}
                       onChange={(e) =>
                         validationForm({
                           kategori: "dataPelengkap",