@asdp/ferryui 0.1.22-dev.10206 → 0.1.22-dev.10214

package/dist/index.mjs

@@ -11289,7 +11289,9 @@ var ModalPassengerForm = ({
   idTypes,
   ticketClassOptions,
   onScanComplete,
-  isLoading
+  isLoading,
+  minAge,
+  maxAge
 }) => {
   const styles = useStyles24();
   const mergedLabels = { ...DEFAULT_LABELS23[language], ...labels };
@@ -11298,6 +11300,15 @@ var ModalPassengerForm = ({
     ...labels?.errors
   };
   const displayTitle = title || mergedLabels.title;
+  const computeDateBound = (yearsOffset) => {
+    const d = /* @__PURE__ */ new Date();
+    d.setFullYear(d.getFullYear() - yearsOffset);
+    const offset = d.getTimezoneOffset();
+    const adjusted = new Date(d.getTime() - offset * 60 * 1e3);
+    return adjusted.toISOString().split("T")[0];
+  };
+  const birthdateMaxDate = computeDateBound(minAge);
+  const birthdateMinDate = computeDateBound(maxAge);
   const [isModalSelectIdTypeOpen, setIsModalSelectIdTypeOpen] = useState(false);
   const [isModalScanOpen, setIsModalScanOpen] = useState(false);
   const [scannedIdType, setScannedIdType] = useState(null);
@@ -11333,6 +11344,15 @@ var ModalPassengerForm = ({
   const dynamicMinLengthId = idRuleLengthMatch ? parseInt(idRuleLengthMatch[1], 10) : 6;
   useEffect(() => {
     reset(defaultValues);
+    if (defaultValues?.birthdate) {
+      const { years, months } = calculateAge(defaultValues.birthdate);
+      setValue(
+        "age",
+        `${years} ${mergedLabels.yearLabel} ${months} ${mergedLabels.monthLabel}`
+      );
+    } else {
+      setValue("age", "");
+    }
   }, [defaultValues, reset]);
   useEffect(() => {
     if (watchIdentityTypeId) {
@@ -11350,6 +11370,7 @@ var ModalPassengerForm = ({
       setValue("age", "");
     }
   }, [
+    open,
     watchBirthdate,
     setValue,
     mergedLabels.yearLabel,
@@ -11885,14 +11906,23 @@ var ModalPassengerForm = ({
                   size: "large",
                   required: true,
                   disableFutureDates: true,
+                  min: birthdateMinDate,
+                  max: birthdateMaxDate,
                   validationRules: {
                     required: mergedErrors.requiredDate,
                     validate: (value) => {
-                      const selectedDate = new Date(value);
-                      const today = /* @__PURE__ */ new Date();
-                      today.setHours(0, 0, 0, 0);
-                      if (selectedDate > today) {
-                        return mergedErrors.birthDateFuture;
+                      const { years } = calculateAge(value);
+                      if (years < minAge) {
+                        return mergedErrors.minAge.replace(
+                          /\d+/,
+                          minAge.toString()
+                        );
+                      }
+                      if (years > maxAge) {
+                        return mergedErrors.maxAge.replace(
+                          /\d+/,
+                          maxAge.toString()
+                        );
                       }
                       return true;
                     }
@@ -12212,6 +12242,7 @@ var CardPassengerList = ({
   title,
   passengers,
   onPassengerClick,
+  onIconClick,
   labels,
   className
 }) => {
@@ -12278,7 +12309,14 @@ var CardPassengerList = ({
                     {
                       icon: passenger.id && passenger.serviceName ? "fluent:edit-24-regular" : "fluent:chevron-right-24-regular",
                       width: 20,
-                      height: 20
+                      height: 20,
+                      onClick: (event) => {
+                        onIconClick(
+                          event,
+                          passenger,
+                          passenger.id && passenger.serviceName ? "edit" : "add"
+                        );
+                      }
                     }
                   )
                 ]