@qite/tide-booking-component 0.0.2-preview.74 → 0.0.2-preview.75

package/build/build-cjs/booking-wizard/features/travelers-form/travelers-form-slice.d.ts

@@ -3,6 +3,7 @@ import { TravelersFormValues } from "../../types";
 export interface TravelersFormState {
   formValues?: TravelersFormValues;
 }
+export declare const CHILD_MAX_AGE = 17;
 export declare const setFormValues: import("@reduxjs/toolkit").ActionCreatorWithPayload<
   TravelersFormValues,
   string

package/build/build-cjs/index.js

@@ -6991,6 +6991,7 @@ var resetPriceDetails =
   setNotifications = _a$1.setNotifications;
 var priceDetailsReducer = priceDetailsSlice.reducer;
 
+var CHILD_MAX_AGE = 17;
 var initialState$2 = {
   formValues: undefined,
 };
@@ -7057,14 +7058,14 @@ var selectAdultIds = toolkit.createSelector(
     if (rooms) {
       rooms.forEach(function (x) {
         return x.pax.forEach(function (p) {
-          if (p.age && p.age > 16) {
+          if (p.age && p.age > CHILD_MAX_AGE) {
             ids.push(p.id);
           } else if (p.dateOfBirth) {
             var diff = dateFns.differenceInYears(
               new Date(),
               new Date(p.dateOfBirth)
             );
-            if (diff > 16) {
+            if (diff > CHILD_MAX_AGE) {
               ids.push(p.id);
             }
           }
@@ -7081,14 +7082,14 @@ var selectChildIds = toolkit.createSelector(
     if (rooms) {
       rooms.forEach(function (x) {
         return x.pax.forEach(function (p) {
-          if (p.age && p.age <= 16) {
+          if (p.age && p.age <= CHILD_MAX_AGE) {
             ids.push(p.id);
           } else if (p.dateOfBirth) {
             var diff = dateFns.differenceInYears(
               new Date(),
               new Date(p.dateOfBirth)
             );
-            if (diff <= 16) {
+            if (diff <= CHILD_MAX_AGE) {
               ids.push(p.id);
             }
           }
@@ -12279,7 +12280,7 @@ var validateForm = function (values, agentRequired) {
       );
     } else if (values.startDate) {
       var age = getAge(adult.birthDate, values.startDate);
-      if (age < 18) {
+      if (age <= CHILD_MAX_AGE) {
         lodash.set(
           errors,
           "adults[".concat(index, "].birthDate"),
@@ -12318,7 +12319,7 @@ var validateForm = function (values, agentRequired) {
       );
     } else if (values.startDate) {
       var age = getAge(child.birthDate, values.startDate);
-      if (age >= 18) {
+      if (age > CHILD_MAX_AGE) {
         lodash.set(
           errors,
           "children[".concat(index, "].birthDate"),

package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-slice.d.ts

@@ -3,6 +3,7 @@ import { TravelersFormValues } from "../../types";
 export interface TravelersFormState {
   formValues?: TravelersFormValues;
 }
+export declare const CHILD_MAX_AGE = 17;
 export declare const setFormValues: import("@reduxjs/toolkit").ActionCreatorWithPayload<
   TravelersFormValues,
   string

package/build/build-esm/index.js

@@ -7006,6 +7006,7 @@ var resetPriceDetails =
   setNotifications = _a$1.setNotifications;
 var priceDetailsReducer = priceDetailsSlice.reducer;
 
+var CHILD_MAX_AGE = 17;
 var initialState$2 = {
   formValues: undefined,
 };
@@ -7070,11 +7071,11 @@ var selectAdultIds = createSelector(selectRequestRooms$1, function (rooms) {
   if (rooms) {
     rooms.forEach(function (x) {
       return x.pax.forEach(function (p) {
-        if (p.age && p.age > 16) {
+        if (p.age && p.age > CHILD_MAX_AGE) {
           ids.push(p.id);
         } else if (p.dateOfBirth) {
           var diff = differenceInYears(new Date(), new Date(p.dateOfBirth));
-          if (diff > 16) {
+          if (diff > CHILD_MAX_AGE) {
             ids.push(p.id);
           }
         }
@@ -7088,11 +7089,11 @@ var selectChildIds = createSelector(selectRequestRooms$1, function (rooms) {
   if (rooms) {
     rooms.forEach(function (x) {
       return x.pax.forEach(function (p) {
-        if (p.age && p.age <= 16) {
+        if (p.age && p.age <= CHILD_MAX_AGE) {
           ids.push(p.id);
         } else if (p.dateOfBirth) {
           var diff = differenceInYears(new Date(), new Date(p.dateOfBirth));
-          if (diff <= 16) {
+          if (diff <= CHILD_MAX_AGE) {
             ids.push(p.id);
           }
         }
@@ -12156,7 +12157,7 @@ var validateForm = function (values, agentRequired) {
       );
     } else if (values.startDate) {
       var age = getAge(adult.birthDate, values.startDate);
-      if (age < 18) {
+      if (age <= CHILD_MAX_AGE) {
         set(
           errors,
           "adults[".concat(index, "].birthDate"),
@@ -12195,7 +12196,7 @@ var validateForm = function (values, agentRequired) {
       );
     } else if (values.startDate) {
       var age = getAge(child.birthDate, values.startDate);
-      if (age >= 18) {
+      if (age > CHILD_MAX_AGE) {
         set(
           errors,
           "children[".concat(index, "].birthDate"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "0.0.2-preview.74",
+  "version": "0.0.2-preview.75",
   "description": "React BookingWizard component for Tide",
   "main": "build/build-cjs/index.js",
   "module": "build/build-esm/index.js",

package/src/booking-wizard/features/sidebar/sidebar-flight.tsx

@@ -1,65 +1,66 @@
-import { BookingPackageFlight } from "@qite/tide-client/build/types";
-import { first, last } from "lodash";
-import React from "react";
-import { getAirlines, getDateText, parseFlightLines } from "./sidebar-util";
-import translations from "../../translations/translations.json";
-
-interface SidebarFlightProps {
-  title: string;
-  flight: BookingPackageFlight;
-}
-
-const SidebarFlight: React.FC<SidebarFlightProps> = ({ title, flight }) => {
-  const flightLines = parseFlightLines(flight.flightMetaData);
-  const firstFlight = first(flightLines);
-  const lastFlight = last(flightLines);
-
-  return (
-    <div className="pricing-summary__group">
-      <h6 className="pricing-summary__title">{title}</h6>
-      <div className="pricing-summary__row">
-        <div className="pricing-summary__property">
-          {translations.SIDEBAR.FLIGHT_DEPARTURE}
-        </div>
-        <div className="pricing-summary__value">
-          {firstFlight?.departureAirportDescription} (
-          {firstFlight?.departureAirportIata})<br />
-          {getDateText(firstFlight?.departureDate)} {firstFlight?.departureTime}
-        </div>
-      </div>
-
-      <div className="pricing-summary__row">
-        <div className="pricing-summary__property">
-          {translations.SIDEBAR.FLIGHT_ARRIVAL}
-        </div>
-        <div className="pricing-summary__value">
-          {lastFlight?.arrivalAirportDescription} (
-          {lastFlight?.arrivalAirportIata})<br />
-          {getDateText(lastFlight?.arrivalDate)} {lastFlight?.arrivalTime}
-        </div>
-      </div>
-
-      <div className="pricing-summary__row">
-        <div className="pricing-summary__property">
-          {flight.flightMetaData.flightLines.length > 1 && (
-            <i>
-              {flight.flightMetaData.flightLines.length - 1}{"x "}
-              {translations.SIDEBAR.CHANGES}
-            </i>
-          )}
-        </div>
-        <div className="pricing-summary__value">{getAirlines(flightLines)}</div>
-      </div>
-      {flight.flightMetaData.luggageIncluded && (
-        <div className="pricing-summary__row">
-          <div className="pricing-summary__property"></div>
-          <div className="pricing-summary__value">
-            {translations.SIDEBAR.LUGGAGE_INCLUDED}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default SidebarFlight;
+import { BookingPackageFlight } from "@qite/tide-client/build/types";
+import { first, last } from "lodash";
+import React from "react";
+import { getAirlines, getDateText, parseFlightLines } from "./sidebar-util";
+import translations from "../../translations/translations.json";
+
+interface SidebarFlightProps {
+  title: string;
+  flight: BookingPackageFlight;
+}
+
+const SidebarFlight: React.FC<SidebarFlightProps> = ({ title, flight }) => {
+  const flightLines = parseFlightLines(flight.flightMetaData);
+  const firstFlight = first(flightLines);
+  const lastFlight = last(flightLines);
+
+  return (
+    <div className="pricing-summary__group">
+      <h6 className="pricing-summary__title">{title}</h6>
+      <div className="pricing-summary__row">
+        <div className="pricing-summary__property">
+          {translations.SIDEBAR.FLIGHT_DEPARTURE}
+        </div>
+        <div className="pricing-summary__value">
+          {firstFlight?.departureAirportDescription} (
+          {firstFlight?.departureAirportIata})<br />
+          {getDateText(firstFlight?.departureDate)} {firstFlight?.departureTime}
+        </div>
+      </div>
+
+      <div className="pricing-summary__row">
+        <div className="pricing-summary__property">
+          {translations.SIDEBAR.FLIGHT_ARRIVAL}
+        </div>
+        <div className="pricing-summary__value">
+          {lastFlight?.arrivalAirportDescription} (
+          {lastFlight?.arrivalAirportIata})<br />
+          {getDateText(lastFlight?.arrivalDate)} {lastFlight?.arrivalTime}
+        </div>
+      </div>
+
+      <div className="pricing-summary__row">
+        <div className="pricing-summary__property">
+          {flight.flightMetaData.flightLines.length > 1 && (
+            <i>
+              {flight.flightMetaData.flightLines.length - 1}
+              {"x "}
+              {translations.SIDEBAR.CHANGES}
+            </i>
+          )}
+        </div>
+        <div className="pricing-summary__value">{getAirlines(flightLines)}</div>
+      </div>
+      {flight.flightMetaData.luggageIncluded && (
+        <div className="pricing-summary__row">
+          <div className="pricing-summary__property"></div>
+          <div className="pricing-summary__value">
+            {translations.SIDEBAR.LUGGAGE_INCLUDED}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default SidebarFlight;

package/src/booking-wizard/features/travelers-form/travelers-form-slice.ts

@@ -8,6 +8,7 @@ export interface TravelersFormState {
   formValues?: TravelersFormValues;
 }
 
+export const CHILD_MAX_AGE = 17;
 const isDebug = false;
 
 const debugFormValues = {
@@ -100,12 +101,12 @@ export const selectAdultIds = createSelector(selectRequestRooms, (rooms) => {
   if (rooms) {
     rooms.forEach((x) =>
       x.pax.forEach((p) => {
-        if (p.age && p.age > 16) {
+        if (p.age && p.age > CHILD_MAX_AGE) {
           ids.push(p.id);
         } else if (p.dateOfBirth) {
           const diff = differenceInYears(new Date(), new Date(p.dateOfBirth));
 
-          if (diff > 16) {
+          if (diff > CHILD_MAX_AGE) {
             ids.push(p.id);
           }
         }
@@ -120,12 +121,12 @@ export const selectChildIds = createSelector(selectRequestRooms, (rooms) => {
   if (rooms) {
     rooms.forEach((x) =>
       x.pax.forEach((p) => {
-        if (p.age && p.age <= 16) {
+        if (p.age && p.age <= CHILD_MAX_AGE) {
           ids.push(p.id);
         } else if (p.dateOfBirth) {
           const diff = differenceInYears(new Date(), new Date(p.dateOfBirth));
 
-          if (diff <= 16) {
+          if (diff <= CHILD_MAX_AGE) {
             ids.push(p.id);
           }
         }

package/src/booking-wizard/features/travelers-form/validate-form.ts

@@ -1,6 +1,7 @@
 import { FormikErrors } from "formik";
 import { isEmpty, set } from "lodash";
 import { TravelersFormValues } from "../../types";
+import { CHILD_MAX_AGE } from "./travelers-form-slice";
 
 function isValidEmail(email: string) {
   return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(email);
@@ -51,7 +52,7 @@ const validateForm = (values: TravelersFormValues, agentRequired?: boolean) => {
     } else if (values.startDate) {
       const age = getAge(adult.birthDate, values.startDate);
 
-      if (age < 18) {
+      if (age <= CHILD_MAX_AGE) {
         set(
           errors,
           `adults[${index}].birthDate`,
@@ -95,7 +96,7 @@ const validateForm = (values: TravelersFormValues, agentRequired?: boolean) => {
     } else if (values.startDate) {
       const age = getAge(child.birthDate, values.startDate);
 
-      if (age >= 18) {
+      if (age > CHILD_MAX_AGE) {
         set(
           errors,
           `children[${index}].birthDate`,