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

package/dist/index.d.mts

@@ -2869,6 +2869,8 @@ interface ModalPassengerFormProps {
      * Whether the form is currently submitting
      */
     isLoading?: boolean;
+    minAge: number;
+    maxAge: number;
 }
 
 declare const ModalPassengerForm: React$1.FC<ModalPassengerFormProps>;
@@ -2896,6 +2898,10 @@ interface CardPassengerListProps {
      * Callback when a passenger is clicked
      */
     onPassengerClick: (passenger: Passenger) => void;
+    /**
+     * Callback when a passenger is clicked
+     */
+    onIconClick: (event: React.MouseEvent<SVGSVGElement, MouseEvent>, passenger: Passenger, mode: 'add' | 'edit') => void;
     /**
      * Custom labels override (optional)
      * If not provided, default labels based on language will be used

package/dist/index.d.ts

@@ -2869,6 +2869,8 @@ interface ModalPassengerFormProps {
      * Whether the form is currently submitting
      */
     isLoading?: boolean;
+    minAge: number;
+    maxAge: number;
 }
 
 declare const ModalPassengerForm: React$1.FC<ModalPassengerFormProps>;
@@ -2896,6 +2898,10 @@ interface CardPassengerListProps {
      * Callback when a passenger is clicked
      */
     onPassengerClick: (passenger: Passenger) => void;
+    /**
+     * Callback when a passenger is clicked
+     */
+    onIconClick: (event: React.MouseEvent<SVGSVGElement, MouseEvent>, passenger: Passenger, mode: 'add' | 'edit') => void;
     /**
      * Custom labels override (optional)
      * If not provided, default labels based on language will be used

package/dist/index.js

@@ -11298,7 +11298,9 @@ var ModalPassengerForm = ({
   idTypes,
   ticketClassOptions,
   onScanComplete,
-  isLoading
+  isLoading,
+  minAge,
+  maxAge
 }) => {
   const styles = useStyles24();
   const mergedLabels = { ...DEFAULT_LABELS23[language], ...labels };
@@ -11307,6 +11309,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] = React.useState(false);
   const [isModalScanOpen, setIsModalScanOpen] = React.useState(false);
   const [scannedIdType, setScannedIdType] = React.useState(null);
@@ -11342,6 +11353,15 @@ var ModalPassengerForm = ({
   const dynamicMinLengthId = idRuleLengthMatch ? parseInt(idRuleLengthMatch[1], 10) : 6;
   React.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]);
   React.useEffect(() => {
     if (watchIdentityTypeId) {
@@ -11359,6 +11379,7 @@ var ModalPassengerForm = ({
       setValue("age", "");
     }
   }, [
+    open,
     watchBirthdate,
     setValue,
     mergedLabels.yearLabel,
@@ -11894,14 +11915,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;
                     }
@@ -12221,6 +12251,7 @@ var CardPassengerList = ({
   title,
   passengers,
   onPassengerClick,
+  onIconClick,
   labels,
   className
 }) => {
@@ -12287,7 +12318,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"
+                        );
+                      }
                     }
                   )
                 ]