@qite/tide-booking-component 1.4.126 → 1.4.127

package/build/build-cjs/index.js

@@ -17788,6 +17788,7 @@ const selectCalculateDeposit = (state) => state.booking.calculateDeposit;
 const selectShowCommission = (state) => state.booking.showCommission;
 const selectIsRetry = (state) => state.booking.isRetry;
 const selectStartDate = (state) => state.booking.package?.options.find((x) => x.isSelected)?.fromDate;
+const selectEndDate = (state) => state.booking.package?.options.find((x) => x.isSelected)?.toDate;
 const selectAgents = (state) => state.booking.agents;
 const selectCountries = (state) => state.booking.countries;
 const selectProductCode = (state) => state.booking.productAttributes?.productCode;
@@ -22026,8 +22027,9 @@ const validateForm$1 = (values, agentRequired, bookingType, translations, formFi
             if (lodash.isEmpty(adult.birthDate)) {
                 lodash.set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
             }
-            else if (values.startDate) {
-                const age = getAge(adult.birthDate, values.startDate);
+            else if (values.endDate) {
+                // If you are younger than the maxChildAge at the end of the trip, you are considered a child, so we check the endDate here instead of the startDate
+                const age = getAge(adult.birthDate, values.endDate);
                 if (age <= maxChildAge) {
                     lodash.set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerIsNoAdult(rIndex + 1, index + 1));
                 }
@@ -22048,8 +22050,9 @@ const validateForm$1 = (values, agentRequired, bookingType, translations, formFi
             if (lodash.isEmpty(child.birthDate)) {
                 lodash.set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
             }
-            else if (values.startDate) {
-                const age = getAge(child.birthDate, values.startDate);
+            else if (values.endDate) {
+                // You need to be under the maxChildAge until the end of the trip, so we check the endDate here instead of the startDate
+                const age = getAge(child.birthDate, values.endDate);
                 if (age > maxChildAge) {
                     lodash.set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerIsNoChild(rIndex + 1, r.adults.length + index + 1));
                 }
@@ -22273,10 +22276,11 @@ function createTraveler(traveler, followNumber, personTranslation, isCompact) {
         gender: ''
     };
 }
-function createInitialValuesFromRooms(formRooms, startDate, agentAdressId, personTranslation, isCompact) {
+function createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, personTranslation, isCompact) {
     const followNumber = { number: 1 };
     const initialValues = {
         startDate,
+        endDate,
         rooms: formRooms.map((room) => ({
             adults: room.adults.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact)),
             children: room.children.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact))
@@ -22326,7 +22330,7 @@ function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, a
             })
         };
     });
-    const values = createInitialValuesFromRooms(rooms.map((room) => ({ adults: room.adults, children: room.children })), editablePackagingEntry?.lines?.[0]?.from, agentAdressId);
+    const values = createInitialValuesFromRooms(rooms.map((room) => ({ adults: room.adults, children: room.children })), lodash.first(editablePackagingEntry?.lines)?.from, lodash.last(editablePackagingEntry?.lines)?.to, agentAdressId);
     values.rooms = rooms;
     values.mainBookerId = pax.find((x) => x.isMainBooker)?.id ?? rooms[0]?.adults?.[0]?.id ?? -1;
     const address = editablePackagingEntry?.address;
@@ -22604,6 +22608,7 @@ const TravelersForm = () => {
     const navigate = settings.skipRouter ? () => { } : reactRouter.useNavigate();
     const bookingQueryString = reactRedux.useSelector(selectBookingQueryString);
     const startDate = reactRedux.useSelector(selectStartDate);
+    const endDate = reactRedux.useSelector(selectEndDate);
     const selectFormRooms = React.useMemo(() => makeSelectFormRooms(settings.maxChildAge), [settings.maxChildAge]);
     const formRooms = reactRedux.useSelector(selectFormRooms);
     const bookingType = reactRedux.useSelector(selectBookingType);
@@ -22620,7 +22625,7 @@ const TravelersForm = () => {
     const useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
     const showAllCountries = !!settings.travellers.showAllCountries;
     const initialValues = reactRedux.useSelector(selectTravelersFormValues) ??
-        createInitialValuesFromRooms(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
+        createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
     const [showAgentSelection, setShowAgentSelection] = React.useState(!settings.agentAdressId && !settings.hideAgentSelection);
     const formik$1 = formik.useFormik({
         initialValues,

package/build/build-cjs/src/booking-wizard/features/booking/selectors.d.ts

@@ -256,6 +256,7 @@ export declare const selectCalculateDeposit: (state: RootState) => boolean;
 export declare const selectShowCommission: (state: RootState) => boolean | undefined;
 export declare const selectIsRetry: (state: RootState) => boolean;
 export declare const selectStartDate: (state: RootState) => string | undefined;
+export declare const selectEndDate: (state: RootState) => string | undefined;
 export declare const selectAgents: (state: RootState) => import("@qite/tide-client").BookingTravelAgent[] | undefined;
 export declare const selectCountries: (state: RootState) => import("@qite/tide-client").CountryItem[] | undefined;
 export declare const selectProductCode: (state: RootState) => string | undefined;

package/build/build-cjs/src/booking-wizard/types.d.ts

@@ -163,6 +163,7 @@ export interface FlightInfo {
 export interface TravelersFormValues {
     rooms: TravelersFormRoomValues[];
     startDate?: string;
+    endDate?: string;
     mainBookerId: number;
     street: string;
     houseNumber: string;

package/build/build-cjs/src/shared/booking/travelers-form.d.ts

@@ -44,7 +44,7 @@ export declare function createTraveler(traveler: RoomTraveler, followNumber: {
 export declare function createInitialValuesFromRooms(formRooms: {
     adults: RoomTraveler[];
     children: RoomTraveler[];
-}[], startDate?: string, agentAdressId?: number, personTranslation?: string, isCompact?: boolean): TravelersFormValues;
+}[], startDate?: string, endDate?: string, agentAdressId?: number, personTranslation?: string, isCompact?: boolean): TravelersFormValues;
 export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: PackagingEntry, agentAdressId?: number): TravelersFormValues;
 export declare function applyTravelersFormValuesToEditablePackagingEntry(editablePackagingEntry: PackagingEntry, values: TravelersFormValues): {
     pax: PackagingEntryPax[];

package/build/build-esm/index.js

@@ -17759,6 +17759,7 @@ const selectCalculateDeposit = (state) => state.booking.calculateDeposit;
 const selectShowCommission = (state) => state.booking.showCommission;
 const selectIsRetry = (state) => state.booking.isRetry;
 const selectStartDate = (state) => state.booking.package?.options.find((x) => x.isSelected)?.fromDate;
+const selectEndDate = (state) => state.booking.package?.options.find((x) => x.isSelected)?.toDate;
 const selectAgents = (state) => state.booking.agents;
 const selectCountries = (state) => state.booking.countries;
 const selectProductCode = (state) => state.booking.productAttributes?.productCode;
@@ -21997,8 +21998,9 @@ const validateForm$1 = (values, agentRequired, bookingType, translations, formFi
             if (isEmpty$1(adult.birthDate)) {
                 set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
             }
-            else if (values.startDate) {
-                const age = getAge(adult.birthDate, values.startDate);
+            else if (values.endDate) {
+                // If you are younger than the maxChildAge at the end of the trip, you are considered a child, so we check the endDate here instead of the startDate
+                const age = getAge(adult.birthDate, values.endDate);
                 if (age <= maxChildAge) {
                     set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerIsNoAdult(rIndex + 1, index + 1));
                 }
@@ -22019,8 +22021,9 @@ const validateForm$1 = (values, agentRequired, bookingType, translations, formFi
             if (isEmpty$1(child.birthDate)) {
                 set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
             }
-            else if (values.startDate) {
-                const age = getAge(child.birthDate, values.startDate);
+            else if (values.endDate) {
+                // You need to be under the maxChildAge until the end of the trip, so we check the endDate here instead of the startDate
+                const age = getAge(child.birthDate, values.endDate);
                 if (age > maxChildAge) {
                     set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerIsNoChild(rIndex + 1, r.adults.length + index + 1));
                 }
@@ -22244,10 +22247,11 @@ function createTraveler(traveler, followNumber, personTranslation, isCompact) {
         gender: ''
     };
 }
-function createInitialValuesFromRooms(formRooms, startDate, agentAdressId, personTranslation, isCompact) {
+function createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, personTranslation, isCompact) {
     const followNumber = { number: 1 };
     const initialValues = {
         startDate,
+        endDate,
         rooms: formRooms.map((room) => ({
             adults: room.adults.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact)),
             children: room.children.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact))
@@ -22297,7 +22301,7 @@ function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, a
             })
         };
     });
-    const values = createInitialValuesFromRooms(rooms.map((room) => ({ adults: room.adults, children: room.children })), editablePackagingEntry?.lines?.[0]?.from, agentAdressId);
+    const values = createInitialValuesFromRooms(rooms.map((room) => ({ adults: room.adults, children: room.children })), first(editablePackagingEntry?.lines)?.from, last(editablePackagingEntry?.lines)?.to, agentAdressId);
     values.rooms = rooms;
     values.mainBookerId = pax.find((x) => x.isMainBooker)?.id ?? rooms[0]?.adults?.[0]?.id ?? -1;
     const address = editablePackagingEntry?.address;
@@ -22575,6 +22579,7 @@ const TravelersForm = () => {
     const navigate = settings.skipRouter ? () => { } : useNavigate();
     const bookingQueryString = useSelector(selectBookingQueryString);
     const startDate = useSelector(selectStartDate);
+    const endDate = useSelector(selectEndDate);
     const selectFormRooms = useMemo(() => makeSelectFormRooms(settings.maxChildAge), [settings.maxChildAge]);
     const formRooms = useSelector(selectFormRooms);
     const bookingType = useSelector(selectBookingType);
@@ -22591,7 +22596,7 @@ const TravelersForm = () => {
     const useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
     const showAllCountries = !!settings.travellers.showAllCountries;
     const initialValues = useSelector(selectTravelersFormValues) ??
-        createInitialValuesFromRooms(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
+        createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
     const [showAgentSelection, setShowAgentSelection] = useState(!settings.agentAdressId && !settings.hideAgentSelection);
     const formik = useFormik({
         initialValues,

package/build/build-esm/src/booking-wizard/features/booking/selectors.d.ts

@@ -256,6 +256,7 @@ export declare const selectCalculateDeposit: (state: RootState) => boolean;
 export declare const selectShowCommission: (state: RootState) => boolean | undefined;
 export declare const selectIsRetry: (state: RootState) => boolean;
 export declare const selectStartDate: (state: RootState) => string | undefined;
+export declare const selectEndDate: (state: RootState) => string | undefined;
 export declare const selectAgents: (state: RootState) => import("@qite/tide-client").BookingTravelAgent[] | undefined;
 export declare const selectCountries: (state: RootState) => import("@qite/tide-client").CountryItem[] | undefined;
 export declare const selectProductCode: (state: RootState) => string | undefined;

package/build/build-esm/src/booking-wizard/types.d.ts

@@ -163,6 +163,7 @@ export interface FlightInfo {
 export interface TravelersFormValues {
     rooms: TravelersFormRoomValues[];
     startDate?: string;
+    endDate?: string;
     mainBookerId: number;
     street: string;
     houseNumber: string;

package/build/build-esm/src/shared/booking/travelers-form.d.ts

@@ -44,7 +44,7 @@ export declare function createTraveler(traveler: RoomTraveler, followNumber: {
 export declare function createInitialValuesFromRooms(formRooms: {
     adults: RoomTraveler[];
     children: RoomTraveler[];
-}[], startDate?: string, agentAdressId?: number, personTranslation?: string, isCompact?: boolean): TravelersFormValues;
+}[], startDate?: string, endDate?: string, agentAdressId?: number, personTranslation?: string, isCompact?: boolean): TravelersFormValues;
 export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: PackagingEntry, agentAdressId?: number): TravelersFormValues;
 export declare function applyTravelersFormValuesToEditablePackagingEntry(editablePackagingEntry: PackagingEntry, values: TravelersFormValues): {
     pax: PackagingEntryPax[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.126",
+  "version": "1.4.127",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",