@asdp/ferryui 0.1.22-dev.10171 → 0.1.22-dev.10177

package/dist/index.mjs

@@ -7922,7 +7922,9 @@ var DEFAULT_LABELS14 = {
     loading: "Memuat...",
     saveButton: "Simpan",
     closeAriaLabel: "Tutup",
-    emptyContent: "Kelas Penumpang"
+    emptyContent: "Kelas Penumpang",
+    childCompanionWarning: "Anak harus didampingi minimal 1 dewasa atau lansia.",
+    infantCompanionWarning: "Bayi harus didampingi minimal 1 dewasa atau lansia."
   },
   en: {
     title: "Select Total Passengers",
@@ -7930,7 +7932,9 @@ var DEFAULT_LABELS14 = {
     loading: "Loading...",
     saveButton: "Save",
     closeAriaLabel: "Close",
-    emptyContent: "Passengers Class"
+    emptyContent: "Passengers Class",
+    childCompanionWarning: "Children must be accompanied by at least 1 adult or elderly.",
+    infantCompanionWarning: "Infants must be accompanied by at least 1 adult or elderly."
   }
 };
 var useStyles15 = makeStyles({
@@ -8003,6 +8007,14 @@ var useStyles15 = makeStyles({
   },
   accordionPanel: {
     margin: 0
+  },
+  warningText: {
+    display: "flex",
+    alignItems: "center",
+    gap: "6px",
+    marginBottom: "1rem",
+    fontSize: tokens.fontSizeBase300,
+    color: "#E87511"
   }
 });
 var TotalPassengersListSkeleton = ({
@@ -8081,6 +8093,9 @@ var ModalTotalPassengers = ({
   const mergedLabels = { ...DEFAULT_LABELS14[language], ...labels };
   const [passengers, setPassengers] = useState([]);
   const [openItems, setOpenItems] = useState([]);
+  const [companionWarnings, setCompanionWarnings] = useState(
+    /* @__PURE__ */ new Set()
+  );
   const defaultInfoMessage = mergedLabels.infoMessage.replace(
     "{maxPassengers}",
     String(maxPassengers)
@@ -8138,13 +8153,6 @@ var ModalTotalPassengers = ({
     const cls = passenger.classes.find((c) => c.classCode === classCode);
     return cls?.count ?? 0;
   };
-  const getTotalCountForType = (passengerAgeCode) => {
-    const passenger = passengers.find(
-      (p) => p.passengerAgeCode === passengerAgeCode
-    );
-    if (!passenger) return 0;
-    return passenger.classes.reduce((sum, cls) => sum + (cls.count ?? 0), 0);
-  };
   const getTotalForType = (passengerAgeCode) => {
     const passenger = passengers.find(
       (p) => p.passengerAgeCode === passengerAgeCode
@@ -8163,6 +8171,20 @@ var ModalTotalPassengers = ({
     (total, passenger) => total + passenger.classes.reduce((sum, cls) => sum + (cls.count ?? 0), 0),
     0
   );
+  useEffect(() => {
+    const warnings = /* @__PURE__ */ new Set();
+    const hasAdultOrElderly = passengers.some(
+      (p) => (p.passengerAgeCode === "ADULT" || p.passengerAgeCode === "ELDERLY") && p.classes.some((cls) => (cls.count ?? 0) > 0)
+    );
+    if (!hasAdultOrElderly) {
+      passengers.forEach((p) => {
+        if ((p.passengerAgeCode === "CHILD" || p.passengerAgeCode === "INFANT") && p.classes.some((cls) => (cls.count ?? 0) > 0)) {
+          warnings.add(p.passengerAgeCode);
+        }
+      });
+    }
+    setCompanionWarnings(warnings);
+  }, [passengers]);
   const handleIncrement = (passengerAgeCode, classCode) => {
     setPassengers(
       (prev) => prev.map((passenger) => {
@@ -8257,80 +8279,96 @@ var ModalTotalPassengers = ({
           className: styles.passengerSection,
           children: passengerTypes.map((passengerType) => {
             const classes = passengerType.classes || [];
-            return /* @__PURE__ */ jsxs(
-              AccordionItem,
-              {
-                value: String(passengerType.id),
-                className: styles.accordionItem,
-                children: [
-                  /* @__PURE__ */ jsxs(
-                    AccordionHeader,
-                    {
-                      className: styles.accordionHeader,
-                      expandIconPosition: "end",
-                      children: [
-                        passengerType.passengerAgeName,
-                        " (",
-                        getTotalForType(passengerType.passengerAgeCode),
-                        ")"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(AccordionPanel, { className: styles.accordionPanel, children: /* @__PURE__ */ jsx("div", { className: styles.nestedSection, children: classes.map((cls) => /* @__PURE__ */ jsxs("div", { className: styles.nestedRow, children: [
-                    /* @__PURE__ */ jsx(Body1, { children: (cls?.className || "")?.toUpperCase() }),
-                    /* @__PURE__ */ jsxs("div", { className: styles.passengerCount, children: [
-                      /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          appearance: "outline",
-                          className: styles.counterButton,
-                          size: "small",
-                          icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:subtract-12-regular" }),
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleDecrement(
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                AccordionItem,
+                {
+                  value: String(passengerType.id),
+                  className: styles.accordionItem,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      AccordionHeader,
+                      {
+                        className: styles.accordionHeader,
+                        expandIconPosition: "end",
+                        children: [
+                          passengerType.passengerAgeName,
+                          " (",
+                          getTotalForType(passengerType.passengerAgeCode),
+                          ")"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(AccordionPanel, { className: styles.accordionPanel, children: /* @__PURE__ */ jsx("div", { className: styles.nestedSection, children: classes.map((cls) => /* @__PURE__ */ jsxs("div", { className: styles.nestedRow, children: [
+                      /* @__PURE__ */ jsx(Body1, { children: (cls?.className || "")?.toUpperCase() }),
+                      /* @__PURE__ */ jsxs("div", { className: styles.passengerCount, children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            appearance: "outline",
+                            className: styles.counterButton,
+                            size: "small",
+                            icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:subtract-12-regular" }),
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              handleDecrement(
+                                passengerType.passengerAgeCode,
+                                cls.classCode
+                              );
+                            },
+                            disabled: getServiceCount(
                               passengerType.passengerAgeCode,
                               cls.classCode
-                            );
-                          },
-                          disabled: getServiceCount(
-                            passengerType.passengerAgeCode,
-                            cls.classCode
-                          ) === 0 || getTotalCountForType(
-                            passengerType.passengerAgeCode
-                          ) <= passengerType.minCapacity
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Body1, { className: styles.countText, children: getServiceCount(
-                        passengerType.passengerAgeCode,
-                        cls.classCode
-                      ) }),
-                      /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          appearance: "outline",
-                          className: styles.counterButton,
-                          size: "small",
-                          icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:add-12-regular" }),
-                          disabled: getServiceCount(
-                            passengerType.passengerAgeCode,
-                            cls.classCode
-                          ) >= cls.maxCapacity || totalPassengerCount >= maxPassengers,
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            handleIncrement(
+                            ) === 0
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Body1, { className: styles.countText, children: getServiceCount(
+                          passengerType.passengerAgeCode,
+                          cls.classCode
+                        ) }),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            appearance: "outline",
+                            className: styles.counterButton,
+                            size: "small",
+                            icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:add-12-regular" }),
+                            disabled: getServiceCount(
                               passengerType.passengerAgeCode,
                               cls.classCode
-                            );
+                            ) >= cls.maxCapacity || totalPassengerCount >= maxPassengers,
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              handleIncrement(
+                                passengerType.passengerAgeCode,
+                                cls.classCode
+                              );
+                            }
                           }
-                        }
-                      )
-                    ] })
-                  ] }, cls.id)) }) })
-                ]
-              },
-              passengerType.id
-            );
+                        )
+                      ] })
+                    ] }, cls.id)) }) })
+                  ]
+                },
+                passengerType.id
+              ),
+              companionWarnings.has(
+                passengerType.passengerAgeCode
+              ) && /* @__PURE__ */ jsxs("div", { className: styles.warningText, children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "fluent:warning-12-filled",
+                    style: {
+                      fontSize: "16px",
+                      color: "#E87511",
+                      flexShrink: 0
+                    }
+                  }
+                ),
+                passengerType.passengerAgeCode === "CHILD" ? mergedLabels.childCompanionWarning : mergedLabels.infantCompanionWarning
+              ] })
+            ] });
           })
         }
       ),
@@ -8341,6 +8379,7 @@ var ModalTotalPassengers = ({
           size: "medium",
           className: styles.submitButton,
           onClick: handleSave,
+          disabled: totalPassengerCount === 0,
           children: mergedLabels.saveButton
         }
       )