@asdp/ferryui 0.1.22-dev.9823 → 0.1.22-dev.9831

package/dist/index.mjs

@@ -1619,11 +1619,7 @@ var CardTicket = ({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
               /* @__PURE__ */ jsx(Caption1, { children: departureItem?.arrivedDay }),
-              /* @__PURE__ */ jsxs(Title2, { children: [
-                departureItem?.arrivedTime,
-                " ",
-                mergedLabels.timezoneLabel
-              ] }),
+              /* @__PURE__ */ jsx(Title2, { children: departureItem?.arrivedTime }),
               /* @__PURE__ */ jsx(Caption1, { children: routeItem?.portTo + ", " + routeItem?.branchTo })
             ] })
           ] }) }),
@@ -5466,7 +5462,7 @@ var DEFAULT_LABELS8 = {
     toLabel: "Ke",
     departureDateLabel: "Tanggal Berangkat",
     returnDateLabel: "Tanggal Pulang",
-    serviceClassLabel: "Kelas Layanan",
+    serviceClassLabel: "Jenis Layanan",
     typeOfServiceLabel: "Jenis Penumpang",
     passengerLabel: "Penumpang",
     roundTripLabel: "Pulang Pergi",
@@ -5475,7 +5471,7 @@ var DEFAULT_LABELS8 = {
     placeholderDestinationPort: "Pilih Pelabuhan Tujuan",
     placeholderDepartureDate: "Pilih Tanggal Keberangkatan",
     placeholderReturnDate: "Pilih Tanggal Kepulangan",
-    placeholderTypeClass: "Pilih Kelas Layanan",
+    placeholderTypeClass: "Pilih Jenis Layanan",
     placeholderTypeService: "Pilih Jenis Penumpang",
     placeholderPassenger: "Pilih Jumlah Penumpang",
     errorOriginRequired: "Pelabuhan asal wajib diisi",
@@ -5494,7 +5490,7 @@ var DEFAULT_LABELS8 = {
     toLabel: "To",
     departureDateLabel: "Departure Date",
     returnDateLabel: "Return Date",
-    serviceClassLabel: "Service Class",
+    serviceClassLabel: "Service Type",
     typeOfServiceLabel: "Type Of Passenger",
     passengerLabel: "Passenger",
     roundTripLabel: "Round Trip",
@@ -5503,7 +5499,7 @@ var DEFAULT_LABELS8 = {
     placeholderDestinationPort: "Select Destination Port",
     placeholderDepartureDate: "Select Departure Date",
     placeholderReturnDate: "Select Return Date",
-    placeholderTypeClass: "Select Service Class",
+    placeholderTypeClass: "Select Service Type",
     placeholderTypeService: "Select Service Type",
     placeholderPassenger: "Select Number of Passengers",
     errorOriginRequired: "Origin port is required",
@@ -6171,7 +6167,7 @@ var DEFAULT_LABELS9 = {
     originHarbor: "Pelabuhan Keberangkatan",
     destinationHarbor: "Pelabuhan Tujuan",
     departureDate: "Tanggal Keberangkatan",
-    serviceClass: "Kelas Layanan",
+    serviceClass: "Jenis Layanan",
     typeOfService: "Jenis Penumpang",
     totalPassengers: "Jumlah Penumpang",
     changeSearchButton: "Ganti Pencarian",
@@ -6181,7 +6177,7 @@ var DEFAULT_LABELS9 = {
     originHarbor: "Departure Port",
     destinationHarbor: "Destination Port",
     departureDate: "Departure Date",
-    serviceClass: "Service Class",
+    serviceClass: "Service Type",
     typeOfService: "Type Of Passenger",
     totalPassengers: "Total Passengers",
     changeSearchButton: "Change Search",
@@ -7553,22 +7549,22 @@ var ModalSelectDate = ({
 // src/components/ModalService/ModalService.constants.ts
 var DEFAULT_LABELS13 = {
   id: {
-    title: "Pilih Kelas Layanan",
+    title: "Pilih Jenis Layanan",
     loading: "Memuat...",
     error: "Gagal memuat layanan",
     selectAll: "Pilih Semua",
     saveButton: "Simpan",
     closeAriaLabel: "Tutup",
-    emptyContent: "Kelas Layanan"
+    emptyContent: "Jenis Layanan"
   },
   en: {
-    title: "Select Service Class",
+    title: "Select Service Type",
     loading: "Loading...",
     error: "Error loading services",
     selectAll: "Select All",
     saveButton: "Save",
     closeAriaLabel: "Close",
-    emptyContent: "Service Class"
+    emptyContent: "Service Type"
   }
 };
 var useStyles14 = makeStyles({
@@ -9037,7 +9033,7 @@ var SortMenu = ({
 var DEFAULT_LABELS17 = {
   id: {
     title: "Filter dengan",
-    serviceTypeLabel: "Jenis Penumpang",
+    serviceTypeLabel: "Jenis Layanan",
     departureTimeLabel: "Waktu pergi",
     arrivalTimeLabel: "Waktu tiba",
     priceLabel: "Harga",
@@ -9167,11 +9163,32 @@ var useStyles18 = makeStyles({
   },
   outlinePrimary: {
     color: tokens.colorBrandBackground,
+    backgroundColor: "transparent",
     ...shorthands.border("1px", "solid", tokens.colorBrandBackground),
     ":hover": {
-      backgroundColor: tokens.colorBrandBackgroundHover,
-      ...shorthands.borderColor(tokens.colorBrandBackgroundHover),
-      color: tokens.colorNeutralForegroundOnBrand
+      backgroundColor: "transparent",
+      color: tokens.colorBrandBackground,
+      ...shorthands.borderColor(tokens.colorBrandBackground)
+    },
+    ":active": {
+      backgroundColor: "transparent",
+      color: tokens.colorBrandBackground,
+      ...shorthands.borderColor(tokens.colorBrandBackground)
+    }
+  },
+  primaryNoHover: {
+    backgroundColor: tokens.colorBrandBackground,
+    color: tokens.colorNeutralForegroundOnBrand,
+    ...shorthands.border("1px", "solid", tokens.colorBrandBackground),
+    ":hover": {
+      backgroundColor: tokens.colorBrandBackground,
+      color: tokens.colorNeutralForegroundOnBrand,
+      ...shorthands.borderColor(tokens.colorBrandBackground)
+    },
+    ":active": {
+      backgroundColor: tokens.colorBrandBackground,
+      color: tokens.colorNeutralForegroundOnBrand,
+      ...shorthands.borderColor(tokens.colorBrandBackground)
     }
   },
   outlineDanger: {
@@ -9421,7 +9438,7 @@ var ModalFilterTicket = ({
             Button,
             {
               appearance: isSelected ? "primary" : "outline",
-              className: isSelected ? "" : styles.outlinePrimary,
+              className: isSelected ? styles.primaryNoHover : styles.outlinePrimary,
               size: "large",
               onClick: () => handleServiceTypeToggle(service),
               style: { width: "100%" },
@@ -9745,8 +9762,8 @@ var DEFAULT_LABELS19 = {
     returnDateLabel: "Tanggal Pulang",
     returnDatePlaceholder: "Pilih Tanggal Pulang",
     returnDateRequired: "Tanggal Pulang wajib diisi",
-    serviceClassLabel: "Kelas Layanan",
-    serviceClassPlaceholder: "Pilih Kelas Layanan",
+    serviceClassLabel: "Jenis Layanan",
+    serviceClassPlaceholder: "Pilih Jenis Layanan",
     typeOfServiceLabel: "Jenis penumpang",
     typeOfServicePlaceholder: "Pilih Jenis penumpang",
     passengerLabel: "Penumpang",
@@ -9769,8 +9786,8 @@ var DEFAULT_LABELS19 = {
     returnDateLabel: "Return Date",
     returnDatePlaceholder: "Select Return Date",
     returnDateRequired: "Return date is required",
-    serviceClassLabel: "Service Class",
-    serviceClassPlaceholder: "Select Service Class",
+    serviceClassLabel: "Service Type",
+    serviceClassPlaceholder: "Select Service Type",
     typeOfServiceLabel: "Type of Passenger",
     typeOfServicePlaceholder: "Select Type of Passenger",
     passengerLabel: "Passenger",
@@ -10715,7 +10732,6 @@ var ModalListPassenger = ({
               placeholder: mergedLabels.searchPlaceholder,
               value: searchQuery,
               onChange: (_, data) => {
-                console.log(155, data);
                 onSearchChange(data.value);
               },
               size: "large"
@@ -10734,12 +10750,6 @@ var ModalListPassenger = ({
             const isDifferentAge = passenger.ageId !== passengerAgeId;
             const isExcludedFromSearch = searchQuery ? !passenger.fullName.toLowerCase().includes(searchQuery.toLowerCase()) : false;
             const isDisabled = isDifferentAge || isExcludedFromSearch;
-            console.log(
-              170,
-              isDisabled,
-              isDifferentAge,
-              isExcludedFromSearch
-            );
             return /* @__PURE__ */ jsxs(
               "div",
               {
@@ -11173,7 +11183,8 @@ var ModalPassengerForm = ({
   cityOptions,
   idTypes,
   ticketClassOptions,
-  onScanComplete
+  onScanComplete,
+  isLoading
 }) => {
   const styles = useStyles24();
   const mergedLabels = { ...DEFAULT_LABELS23[language], ...labels };
@@ -11190,7 +11201,7 @@ var ModalPassengerForm = ({
   const [capturedImage, setCapturedImage] = useState(null);
   const [stream, setStream] = useState(null);
   const videoRef = useRef(null);
-  const { control, handleSubmit, reset, watch, setValue, trigger } = useForm({
+  const { control, handleSubmit, reset, watch, setValue, trigger, formState: { isValid } } = useForm({
     mode: "all",
     defaultValues
   });
@@ -11919,6 +11930,8 @@ var ModalPassengerForm = ({
                     size: "large",
                     shape: "circular",
                     type: "submit",
+                    disabled: !isValid || isLoading,
+                    icon: isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "tiny" }) : void 0,
                     children: mergedLabels.saveButton
                   }
                 ),