@asdp/ferryui 0.1.22-dev.9789 → 0.1.22-dev.9800

package/dist/index.mjs

@@ -10783,7 +10783,7 @@ var DEFAULT_LABELS23 = {
     cancelButton: "Batal",
     idTypeOtherLabel: "Tanggal lahir",
     idTypeOtherPlaceholder: "DD/MM/YYYY",
-    countryLabel: "Negara Penerbit Passport",
+    countryLabel: "Negara Penerbit Paspor",
     countryPlaceholder: "Masukkan Negara",
     autofill: "Isi Data Otomatis",
     phoneNumberLabel: "Nomor Telepon",
@@ -10813,7 +10813,7 @@ var DEFAULT_LABELS23 = {
       minLengthName: "Nama minimal 3 karakter",
       requiredIdType: "Jenis ID harus dipilih",
       requiredIdNumber: "Nomor identitas harus diisi",
-      minLengthIdNumber: "Nomor identitas minimal 6 karakter",
+      lengthIdNumber: "Nomor identitas minimal 6 karakter",
       requiredAge: "Usia harus diisi",
       minAge: "Usia minimal 1 tahun",
       maxAge: "Usia maksimal 150 tahun",
@@ -10823,7 +10823,9 @@ var DEFAULT_LABELS23 = {
       requiredCountry: "Negara harus diisi",
       requiredPhoneNumber: "Nomor telepon harus diisi",
       minLengthPhoneNumber: "Nomor telepon minimal 10 karakter",
-      invalidEmail: "Format email tidak valid"
+      invalidEmail: "Format email tidak valid",
+      invalidName: "Nama hanya boleh berisi huruf dan spasi",
+      invalidIdNumber: "Format Nomor Identitas tidak valid"
     }
   },
   en: {
@@ -10879,7 +10881,7 @@ var DEFAULT_LABELS23 = {
       minLengthName: "Name must be at least 3 characters",
       requiredIdType: "ID type is required",
       requiredIdNumber: "Identity number is required",
-      minLengthIdNumber: "Identity number must be at least 6 characters",
+      lengthIdNumber: "Identity number must be at least 6 characters",
       requiredAge: "Age is required",
       minAge: "Age must be at least 1 year",
       maxAge: "Age must be at most 150 years",
@@ -10889,7 +10891,9 @@ var DEFAULT_LABELS23 = {
       requiredCountry: "Country is required",
       requiredPhoneNumber: "Phone number is required",
       minLengthPhoneNumber: "Phone number must be at least 10 characters",
-      invalidEmail: "Invalid email format"
+      invalidEmail: "Invalid email format",
+      invalidName: "Name must only contain letters and spaces",
+      invalidIdNumber: "Invalid Identity Number format"
     }
   }
 };
@@ -11086,7 +11090,7 @@ var ModalPassengerForm = ({
   titleOptions,
   countryOptions,
   cityOptions,
-  idTypeOptions,
+  idTypes,
   ticketClassOptions,
   onScanComplete
 }) => {
@@ -11117,6 +11121,11 @@ var ModalPassengerForm = ({
   const watchIdentityTypeId = watch("identityTypeId");
   const watchPassportCountryId = watch("countryId");
   const watchBirthdate = watch("birthdate");
+  const selectedIdentityType = idTypes.find(
+    (type) => type.id.toString() === watchIdentityTypeId
+  );
+  const idRuleLengthMatch = selectedIdentityType?.rule?.match(/\{(\d+)(?:,\d+)?\}/);
+  const dynamicMinLengthId = idRuleLengthMatch ? parseInt(idRuleLengthMatch[1], 10) : 6;
   useEffect(() => {
     const subscription = watch((value, { name, type }) => {
       console.log("Changed field:", name);
@@ -11346,22 +11355,22 @@ var ModalPassengerForm = ({
             children: /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.selectIdTypeTitle })
           }
         ),
-        /* @__PURE__ */ jsx(DialogContent, { className: styles.content, children: /* @__PURE__ */ jsx("div", { className: styles.idTypeList, children: idTypeOptions.map((type) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(DialogContent, { className: styles.content, children: /* @__PURE__ */ jsx("div", { className: styles.idTypeList, children: idTypes.map((type) => /* @__PURE__ */ jsx(
           "div",
           {
             className: styles.idTypeItem,
-            onClick: () => handleSelectIdType(Number(type.value)),
+            onClick: () => handleSelectIdType(Number(type.id)),
             onKeyDown: (e) => {
               if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
-                handleSelectIdType(Number(type.value));
+                handleSelectIdType(type.id);
               }
             },
             role: "button",
             tabIndex: 0,
-            children: /* @__PURE__ */ jsx("span", { className: styles.idTypeText, children: type.label })
+            children: /* @__PURE__ */ jsx("span", { className: styles.idTypeText, children: type.name })
           },
-          type.value
+          type.id
         )) }) })
       ] }) })
     }
@@ -11656,6 +11665,10 @@ var ModalPassengerForm = ({
                     minLength: {
                       value: 3,
                       message: mergedErrors.minLengthName
+                    },
+                    pattern: {
+                      value: /^[a-zA-Z\s]+$/,
+                      message: mergedErrors.invalidName
                     }
                   }
                 }
@@ -11705,7 +11718,10 @@ var ModalPassengerForm = ({
                   type: "select",
                   label: mergedLabels.idTypeLabel,
                   placeholder: mergedLabels.idTypePlaceholder,
-                  options: idTypeOptions,
+                  options: idTypes.map((t) => ({
+                    label: t.name,
+                    value: t.id.toString()
+                  })),
                   size: "large",
                   required: true,
                   validationRules: {
@@ -11717,15 +11733,15 @@ var ModalPassengerForm = ({
                 watchIdentityTypeId === IDENTITY_TYPE.PSP.toString() && /* @__PURE__ */ jsx(
                   InputDynamic_default,
                   {
+                    control,
+                    label: mergedLabels.countryLabel,
                     menuPlacement: "top",
                     name: "countryId",
-                    control,
                     options: countryOptions,
-                    type: "select",
-                    label: mergedLabels.countryLabel,
                     placeholder: mergedLabels.countryPlaceholder,
-                    size: "large",
                     required: true,
+                    size: "large",
+                    type: "country",
                     validationRules: {
                       required: mergedErrors.requiredCountry
                     }
@@ -11736,7 +11752,7 @@ var ModalPassengerForm = ({
                   {
                     name: "identityId",
                     control,
-                    type: watchIdentityTypeId === IDENTITY_TYPE.KTP.toString() ? "number" : "text",
+                    type: "text",
                     label: mergedLabels.idNumberLabel,
                     placeholder: mergedLabels.idNumberPlaceholder,
                     size: "large",
@@ -11744,8 +11760,40 @@ var ModalPassengerForm = ({
                     validationRules: {
                       required: mergedErrors.requiredIdNumber,
                       minLength: {
-                        value: 6,
-                        message: mergedErrors.minLengthIdNumber
+                        value: dynamicMinLengthId,
+                        message: mergedErrors.lengthIdNumber.replace(
+                          "6",
+                          dynamicMinLengthId.toString()
+                        )
+                      },
+                      ...selectedIdentityType?.rule ? {
+                        pattern: {
+                          value: new RegExp(
+                            selectedIdentityType.rule
+                          ),
+                          message: mergedErrors.invalidIdNumber
+                        }
+                      } : {}
+                    },
+                    onChange: (val) => {
+                      let cleaned = val;
+                      if (selectedIdentityType?.rule) {
+                        const match = selectedIdentityType.rule.match(/\[(.*?)\]/);
+                        if (match && match[1]) {
+                          const filterRegex = new RegExp(
+                            `[^${match[1]}]`,
+                            "g"
+                          );
+                          cleaned = val.replace(filterRegex, "");
+                        }
+                      } else {
+                        cleaned = val.replace(/[^a-zA-Z0-9]/g, "");
+                      }
+                      if (cleaned !== val) {
+                        setValue("identityId", cleaned, {
+                          shouldValidate: true,
+                          shouldDirty: true
+                        });
                       }
                     }
                   }
@@ -12046,7 +12094,8 @@ var DEFAULT_LABELS25 = {
     vehicleNumberPlaceholder: "Contoh: B1234CD",
     hasLoadLabel: "Apakah kendaraan membawa muatan?",
     yesLabel: "Ya",
-    noLabel: "Tidak"
+    noLabel: "Tidak",
+    vehicleNumberFormatError: "Format Plat Nomor Tidak Valid"
   },
   en: {
     title: "Vehicle Details",
@@ -12054,7 +12103,8 @@ var DEFAULT_LABELS25 = {
     vehicleNumberPlaceholder: "Example: B1234CD",
     hasLoadLabel: "Does the vehicle carry a load?",
     yesLabel: "Yes",
-    noLabel: "No"
+    noLabel: "No",
+    vehicleNumberFormatError: "Invalid License Plate Format"
   }
 };
 var useStyles26 = makeStyles({
@@ -12137,7 +12187,28 @@ var CardVehicleDetail = ({
           name: vehicleNumberName,
           placeholder: mergedLabels.vehicleNumberPlaceholder,
           required: true,
-          type: "text"
+          type: "text",
+          onInput: (e) => {
+            const target = e.currentTarget;
+            const val = target.value;
+            const formatted = val.toUpperCase().replace(/[^A-Z0-9]/g, "");
+            if (val !== formatted) {
+              const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+                window.HTMLInputElement.prototype,
+                "value"
+              )?.set;
+              if (nativeInputValueSetter) {
+                nativeInputValueSetter.call(target, formatted);
+                target.dispatchEvent(new Event("input", { bubbles: true }));
+              }
+            }
+          },
+          validationRules: {
+            pattern: {
+              value: /^[A-Z]{1,2}[0-9]{1,4}[A-Z]{1,4}$/,
+              message: mergedLabels.vehicleNumberFormatError || "Format Plat Nomor Tidak Valid"
+            }
+          }
         }
       )
     ] }),