@asdp/ferryui 0.1.22-dev.10166 → 0.1.22-dev.10167

package/dist/index.mjs

@@ -5467,7 +5467,7 @@ var DEFAULT_LABELS8 = {
   id: {
     fromLabel: "Dari",
     toLabel: "Ke",
-    departureDateLabel: "Tanggal Berangkat",
+    departureDateLabel: "Tanggal Pergi",
     returnDateLabel: "Tanggal Pulang",
     serviceClassLabel: "Jenis Layanan",
     typeOfServiceLabel: "Jenis Penumpang",
@@ -5476,14 +5476,14 @@ var DEFAULT_LABELS8 = {
     searchButton: "Cari Tiket",
     placeholderPort: "Pilih Pelabuhan Asal",
     placeholderDestinationPort: "Pilih Pelabuhan Tujuan",
-    placeholderDepartureDate: "Pilih Tanggal Keberangkatan",
-    placeholderReturnDate: "Pilih Tanggal Kepulangan",
+    placeholderDepartureDate: "Pilih Tanggal Pergi",
+    placeholderReturnDate: "Pilih Tanggal Pulang",
     placeholderTypeClass: "Pilih Jenis Layanan",
     placeholderTypeService: "Pilih Jenis Penumpang",
     placeholderPassenger: "Pilih Jumlah Penumpang",
     errorOriginRequired: "Pelabuhan asal wajib diisi",
     errorDestinationRequired: "Pelabuhan tujuan wajib diisi",
-    errorDepartureDateRequired: "Tanggal Berangkat wajib diisi",
+    errorDepartureDateRequired: "Tanggal Pergi wajib diisi",
     errorReturnDateRequired: "Tanggal Pulang wajib diisi",
     switchAriaLabel: "Tukar asal dan tujuan",
     ferryDescription: "Layanan Penyeberangan Ferry ASDP",
@@ -6173,7 +6173,8 @@ var DEFAULT_LABELS9 = {
   id: {
     originHarbor: "Pelabuhan Keberangkatan",
     destinationHarbor: "Pelabuhan Tujuan",
-    departureDate: "Tanggal Keberangkatan",
+    departureDate: "Tanggal Pergi",
+    returnDate: "Tanggal Pulang",
     serviceClass: "Jenis Layanan",
     typeOfService: "Jenis Penumpang",
     totalPassengers: "Jumlah Penumpang",
@@ -6184,6 +6185,7 @@ var DEFAULT_LABELS9 = {
     originHarbor: "Departure Port",
     destinationHarbor: "Destination Port",
     departureDate: "Departure Date",
+    returnDate: "Return Date",
     serviceClass: "Service Type",
     typeOfService: "Type Of Passenger",
     totalPassengers: "Total Passengers",
@@ -6261,10 +6263,12 @@ var useStyles10 = makeStyles({
   }
 });
 var CardTicketSearchSummary = ({
+  showReturnDate = false,
   language = "id",
   originHarbor,
   destinationHarbor,
   departureDate,
+  returnDate,
   serviceClass,
   typeOfService,
   totalPassengers,
@@ -6460,8 +6464,8 @@ var CardTicketSearchSummary = ({
                 children: /* @__PURE__ */ jsx(
                   RenderField,
                   {
-                    label: mergedLabels.departureDate,
-                    value: departureDate,
+                    label: showReturnDate ? mergedLabels.returnDate : mergedLabels.departureDate,
+                    value: showReturnDate ? returnDate : departureDate,
                     icon: "fluent:calendar-24-regular"
                   }
                 )
@@ -7332,6 +7336,10 @@ var ModalSelectDate = ({
 }) => {
   const styles = useStyles13();
   const mergedLabels = { ...DEFAULT_LABELS12[language], ...labels };
+  const isSameCalendarDay = (first, second) => {
+    if (!first || !second) return false;
+    return moment(first).isSame(second, "day");
+  };
   useEffect(() => {
     moment.locale(language === "id" ? "id" : "en");
   }, [language]);
@@ -7343,24 +7351,26 @@ var ModalSelectDate = ({
   );
   const [hoveredDate, setHoveredDate] = useState();
   const [activeTab, setActiveTab] = useState(initialTab);
-  const previewEndDate = useMemo(() => {
-    if (selectedEndDate) return selectedEndDate;
-    if (selectedDate && hoveredDate && hoveredDate > selectedDate) {
-      return hoveredDate;
+  const previewRange = useMemo(() => {
+    if (selectedEndDate) {
+      return { start: selectedDate, end: selectedEndDate };
     }
-    return void 0;
+    if (selectedDate && hoveredDate && !isSameCalendarDay(hoveredDate, selectedDate)) {
+      const earlier = hoveredDate < selectedDate ? hoveredDate : selectedDate;
+      const later = hoveredDate > selectedDate ? hoveredDate : selectedDate;
+      return { start: earlier, end: later };
+    }
+    return { start: selectedDate, end: void 0 };
   }, [hoveredDate, selectedDate, selectedEndDate]);
-  const isSameCalendarDay = (first, second) => {
-    if (!first || !second) return false;
-    return moment(first).isSame(second, "day");
-  };
+  const prevOpenRef = useRef(false);
   useEffect(() => {
-    if (open) {
+    if (open && !prevOpenRef.current) {
       setSelectedDate(selectedDepartureDate);
       setSelectedEndDate(selectedReturnDate);
       setActiveTab(initialTab);
       setHoveredDate(void 0);
     }
+    prevOpenRef.current = open;
   }, [open, selectedDepartureDate, selectedReturnDate, initialTab]);
   const handleTabChange = (tab) => {
     setActiveTab(tab);
@@ -7384,18 +7394,19 @@ var ModalSelectDate = ({
         setHoveredDate(void 0);
         onSelectDepartureDate(date);
       } else {
-        if (date < currentStart) {
-          setSelectedEndDate(currentStart);
+        const earlier = date < currentStart ? date : currentStart;
+        const later = date > currentStart ? date : currentStart;
+        if (isSameCalendarDay(date, currentStart)) {
           setSelectedDate(date);
-          onSelectDepartureDate(date);
-          if (onSelectReturnDate) {
-            onSelectReturnDate(currentStart);
-          }
-        } else {
-          setSelectedEndDate(date);
-          if (onSelectReturnDate) {
-            onSelectReturnDate(date);
-          }
+          setSelectedEndDate(void 0);
+          setHoveredDate(void 0);
+          return;
+        }
+        setSelectedDate(earlier);
+        setSelectedEndDate(later);
+        onSelectDepartureDate(earlier);
+        if (onSelectReturnDate) {
+          onSelectReturnDate(later);
         }
         setHoveredDate(void 0);
         handleClose();
@@ -7428,14 +7439,15 @@ var ModalSelectDate = ({
         element.onmouseleave = null;
         return;
       }
-      const endDateForVisual = previewEndDate;
-      const startTime = selectedDate.getTime();
-      const endTime = endDateForVisual?.getTime();
+      const rangeStart = previewRange.start;
+      const rangeEnd = previewRange.end;
+      const startTime = rangeStart?.getTime();
+      const endTime = rangeEnd?.getTime();
       const currentTime = date.getTime();
-      const isSameStartEnd = isSameCalendarDay(endDateForVisual, selectedDate);
-      const isStartDay = isSameCalendarDay(date, selectedDate);
-      const isEndDay = isSameCalendarDay(date, endDateForVisual);
-      if (isStartDay && (!endDateForVisual || isSameStartEnd)) {
+      const isSameStartEnd = isSameCalendarDay(rangeStart, rangeEnd);
+      const isStartDay = isSameCalendarDay(date, rangeStart);
+      const isEndDay = isSameCalendarDay(date, rangeEnd);
+      if (isStartDay && (!rangeEnd || isSameStartEnd)) {
         addTokens(styles.rangeSingle);
       } else {
         if (isStartDay) {
@@ -7445,12 +7457,11 @@ var ModalSelectDate = ({
           addTokens(styles.rangeEnd);
         }
       }
-      if (endTime && currentTime > startTime && currentTime < endTime) {
+      if (startTime && endTime && currentTime > startTime && currentTime < endTime) {
         addTokens(selectedEndDate ? styles.rangeMiddle : styles.rangePreview);
       }
       if (!selectedEndDate) {
         element.onmouseenter = () => {
-          if (date < selectedDate) return;
           setHoveredDate((prev) => {
             if (isSameCalendarDay(prev, date)) {
               return prev;
@@ -7468,7 +7479,7 @@ var ModalSelectDate = ({
     },
     [
       activeTab,
-      previewEndDate,
+      previewRange,
       selectedDate,
       selectedEndDate,
       styles.rangeEnd,
@@ -8848,8 +8859,8 @@ var DEFAULT_LABELS16 = {
     recommendation: "Rekomendasi",
     highestPrice: "Harga Tertinggi",
     lowestPrice: "Harga Terendah",
-    earliestDeparture: "Keberangkatan Paling Awal",
-    latestDeparture: "Keberangkatan Paling Akhir",
+    earliestDeparture: "Pergi Paling Awal",
+    latestDeparture: "Pergi Paling Akhir",
     resetSortAriaLabel: "Hapus pengurutan"
   },
   en: {
@@ -8875,8 +8886,8 @@ var DEFAULT_SORT_OPTIONS = [
   { value: "recommended", sortBy: "recommendation", sortDir: "ASC", label: "Rekomendasi" },
   { value: "price-desc", sortBy: "price", sortDir: "DESC", label: "Harga Tertinggi" },
   { value: "price-asc", sortBy: "price", sortDir: "ASC", label: "Harga Terendah" },
-  { value: "departure-asc", sortBy: "departure", sortDir: "ASC", label: "Keberangkatan Paling Awal" },
-  { value: "departure-desc", sortBy: "departure", sortDir: "DESC", label: "Keberangkatan Paling Akhir" }
+  { value: "departure-asc", sortBy: "departure", sortDir: "ASC", label: "Pergi Paling Awal" },
+  { value: "departure-desc", sortBy: "departure", sortDir: "DESC", label: "Pergi Paling Akhir" }
 ];
 var getSortLabel = (value) => {
   const option = DEFAULT_SORT_OPTIONS.find((opt) => opt.value === value);
@@ -9771,9 +9782,9 @@ var DEFAULT_LABELS19 = {
     toLabel: "Ke",
     toPlaceholder: "Pilih pelabuhan tujuan",
     toRequired: "Pelabuhan tujuan wajib diisi",
-    departureDateLabel: "Tanggal Berangkat",
-    departureDatePlaceholder: "Pilih Tanggal Berangkat",
-    departureDateRequired: "Tanggal Berangkat wajib diisi",
+    departureDateLabel: "Tanggal Pergi",
+    departureDatePlaceholder: "Pilih Tanggal Pergi",
+    departureDateRequired: "Tanggal Pergi wajib diisi",
     roundTripLabel: "Pulang Pergi",
     returnDateLabel: "Tanggal Pulang",
     returnDatePlaceholder: "Pilih Tanggal Pulang",