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

package/dist/index.mjs

@@ -1700,7 +1700,7 @@ var CardTicket = ({
                   },
                   children: [
                     /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.totalPriceLabel }),
-                    /* @__PURE__ */ jsxs(
+                    /* @__PURE__ */ jsx(
                       Title3,
                       {
                         style: {
@@ -1708,11 +1708,7 @@ var CardTicket = ({
                           flex: "column",
                           justifyContent: "end"
                         },
-                        children: [
-                          mergedLabels.currencySymbol,
-                          "\xA0",
-                          departureItem?.billingDetail?.total?.formatted
-                        ]
+                        children: departureItem?.billingDetail?.total?.formatted
                       }
                     )
                   ]
@@ -5471,7 +5467,7 @@ var DEFAULT_LABELS8 = {
     departureDateLabel: "Tanggal Berangkat",
     returnDateLabel: "Tanggal Pulang",
     serviceClassLabel: "Kelas Layanan",
-    typeOfServiceLabel: "Jenis Layanan",
+    typeOfServiceLabel: "Jenis Penumpang",
     passengerLabel: "Penumpang",
     roundTripLabel: "Pulang Pergi",
     searchButton: "Cari Tiket",
@@ -5480,7 +5476,7 @@ var DEFAULT_LABELS8 = {
     placeholderDepartureDate: "Pilih Tanggal Keberangkatan",
     placeholderReturnDate: "Pilih Tanggal Kepulangan",
     placeholderTypeClass: "Pilih Kelas Layanan",
-    placeholderTypeService: "Pilih Jenis Layanan",
+    placeholderTypeService: "Pilih Jenis Penumpang",
     placeholderPassenger: "Pilih Jumlah Penumpang",
     errorOriginRequired: "Pelabuhan asal wajib diisi",
     errorDestinationRequired: "Pelabuhan tujuan wajib diisi",
@@ -5499,7 +5495,7 @@ var DEFAULT_LABELS8 = {
     departureDateLabel: "Departure Date",
     returnDateLabel: "Return Date",
     serviceClassLabel: "Service Class",
-    typeOfServiceLabel: "Service Type",
+    typeOfServiceLabel: "Type Of Passenger",
     passengerLabel: "Passenger",
     roundTripLabel: "Round Trip",
     searchButton: "Search Ticket",
@@ -6176,7 +6172,7 @@ var DEFAULT_LABELS9 = {
     destinationHarbor: "Pelabuhan Tujuan",
     departureDate: "Tanggal Keberangkatan",
     serviceClass: "Kelas Layanan",
-    typeOfService: "Jenis Layanan",
+    typeOfService: "Jenis Penumpang",
     totalPassengers: "Jumlah Penumpang",
     changeSearchButton: "Ganti Pencarian",
     swapAriaLabel: "Tukar asal dan tujuan"
@@ -6186,7 +6182,7 @@ var DEFAULT_LABELS9 = {
     destinationHarbor: "Destination Port",
     departureDate: "Departure Date",
     serviceClass: "Service Class",
-    typeOfService: "Service Type",
+    typeOfService: "Type Of Passenger",
     totalPassengers: "Total Passengers",
     changeSearchButton: "Change Search",
     swapAriaLabel: "Swap origin and destination"
@@ -8302,20 +8298,20 @@ var ModalTotalPassengers = ({
 // src/components/ModalTypeOfService/ModalTypeOfService.constants.ts
 var DEFAULT_LABELS15 = {
   id: {
-    title: "Pilih Jenis Layanan",
+    title: "Pilih Jenis Penumpang",
     cancelButton: "Batal",
     saveButton: "Simpan",
     vehiclesAlt: "kendaraan",
     closeAriaLabel: "Tutup",
-    emptyContent: "Jenis Layanan"
+    emptyContent: "Jenis Penumpang"
   },
   en: {
-    title: "Select Service Type",
+    title: "Select Type Of Passenger",
     cancelButton: "Cancel",
     saveButton: "Save",
     vehiclesAlt: "vehicles",
     closeAriaLabel: "Close",
-    emptyContent: "Service Type"
+    emptyContent: "Type Of Passenger"
   }
 };
 var DEFAULT_VEHICLE_ICONS = {
@@ -8510,7 +8506,8 @@ var HoverableRadioItem = ({
   item,
   imageRenderer,
   styles,
-  isChild = false
+  isChild = false,
+  onClick
 }) => {
   const [isHovered, setIsHovered] = useState(false);
   return /* @__PURE__ */ jsxs(
@@ -8520,6 +8517,7 @@ var HoverableRadioItem = ({
       style: { padding: tokens.spacingHorizontalXS, cursor: "pointer" },
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
+      onClick,
       children: [
         /* @__PURE__ */ jsx("div", { style: isChild ? void 0 : { marginLeft: 2 }, children: imageRenderer({
           src: item.image,
@@ -8740,7 +8738,8 @@ var ModalTypeOfService = ({
                             item: childItem,
                             imageRenderer,
                             styles,
-                            isChild: true
+                            isChild: true,
+                            onClick: () => setSelectedServiceId(childItem.id)
                           },
                           childIndex
                         )) })
@@ -8755,7 +8754,8 @@ var ModalTypeOfService = ({
                       item,
                       imageRenderer,
                       styles,
-                      isChild: false
+                      isChild: false,
+                      onClick: () => setSelectedServiceId(item.id)
                     },
                     index
                   );
@@ -8992,7 +8992,7 @@ var SortMenu = ({
 var DEFAULT_LABELS17 = {
   id: {
     title: "Filter dengan",
-    serviceTypeLabel: "Jenis Layanan",
+    serviceTypeLabel: "Jenis Penumpang",
     departureTimeLabel: "Waktu pergi",
     arrivalTimeLabel: "Waktu tiba",
     priceLabel: "Harga",
@@ -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"
+            }
+          }
         }
       )
     ] }),