@qite/tide-components 1.0.10 → 1.0.12

package/build/build-cjs/index.js

@@ -211,6 +211,12 @@ var TRAVELERS_FORM$f = {
 	FIRST_NAME: "الاسم الأول",
 	LAST_NAME: "اسم العائلة",
 	BIRTHDATE: "تاريخ الميلاد",
+	WEIGHT: "الوزن",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "الطول",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "الشارع",
 	STREET_PLACEHOLDER: "اسم الشارع",
 	HOUSE_NUMBER: "رقم المنزل",
@@ -658,6 +664,12 @@ var TRAVELERS_FORM$e = {
 	FIRST_NAME: "Fornavn",
 	LAST_NAME: "Efternavn",
 	BIRTHDATE: "Fødselsdato",
+	WEIGHT: "Vægt",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Højde",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Gade",
 	STREET_PLACEHOLDER: "Din gade",
 	HOUSE_NUMBER: "Husnummer",
@@ -1105,6 +1117,12 @@ var TRAVELERS_FORM$d = {
 	FIRST_NAME: "Vorname",
 	LAST_NAME: "Nachname",
 	BIRTHDATE: "Geburtsdatum",
+	WEIGHT: "Gewicht",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Größe",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Straße",
 	STREET_PLACEHOLDER: "Ihre Straße",
 	HOUSE_NUMBER: "Hausnummer",
@@ -1553,6 +1571,12 @@ var TRAVELERS_FORM$c = {
 	FIRST_NAME: "First name",
 	LAST_NAME: "Last name",
 	BIRTHDATE: "Date of birth",
+	WEIGHT: "Weight",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Height",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Street",
 	STREET_PLACEHOLDER: "Your street",
 	HOUSE_NUMBER: "House number",
@@ -2003,6 +2027,12 @@ var TRAVELERS_FORM$b = {
 	FIRST_NAME: "Nombre",
 	LAST_NAME: "Apellido",
 	BIRTHDATE: "Fecha de nacimiento",
+	WEIGHT: "Peso",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Estatura",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Calle",
 	STREET_PLACEHOLDER: "Su calle",
 	HOUSE_NUMBER: "Número",
@@ -2451,6 +2481,12 @@ var TRAVELERS_FORM$a = {
 	FIRST_NAME: "Prénom",
 	LAST_NAME: "Nom",
 	BIRTHDATE: "Date de naissance",
+	WEIGHT: "Poids",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Taille",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Rue",
 	STREET_PLACEHOLDER: "Votre rue",
 	HOUSE_NUMBER: "N°",
@@ -2901,6 +2937,12 @@ var TRAVELERS_FORM$9 = {
 	FIRST_NAME: "Prénom",
 	LAST_NAME: "Nom",
 	BIRTHDATE: "Date de naissance",
+	WEIGHT: "Poids",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Taille",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Rue",
 	STREET_PLACEHOLDER: "Votre rue",
 	HOUSE_NUMBER: "Numéro",
@@ -3348,6 +3390,12 @@ var TRAVELERS_FORM$8 = {
 	FIRST_NAME: "Fornafn",
 	LAST_NAME: "Eftirnafn",
 	BIRTHDATE: "Fæðingardagur",
+	WEIGHT: "Þyngd",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Hæð",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Gata",
 	STREET_PLACEHOLDER: "Gatan þín",
 	HOUSE_NUMBER: "Húsnúmer",
@@ -3795,6 +3843,12 @@ var TRAVELERS_FORM$7 = {
 	FIRST_NAME: "Nome",
 	LAST_NAME: "Cognome",
 	BIRTHDATE: "Data di nascita",
+	WEIGHT: "Peso",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Altezza",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Via",
 	STREET_PLACEHOLDER: "La tua via",
 	HOUSE_NUMBER: "Numero civico",
@@ -4243,6 +4297,12 @@ var TRAVELERS_FORM$6 = {
 	FIRST_NAME: "Voornaam",
 	LAST_NAME: "Naam",
 	BIRTHDATE: "Geboortedatum",
+	WEIGHT: "Gewicht",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Lengte",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Straat",
 	STREET_PLACEHOLDER: "Jouw straat",
 	HOUSE_NUMBER: "Huisnr",
@@ -4693,6 +4753,12 @@ var TRAVELERS_FORM$5 = {
 	FIRST_NAME: "Voornaam",
 	LAST_NAME: "Achternaam",
 	BIRTHDATE: "Geboortedatum",
+	WEIGHT: "Gewicht",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Lengte",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Straat",
 	STREET_PLACEHOLDER: "Uw straat",
 	HOUSE_NUMBER: "Huisnummer",
@@ -5140,6 +5206,12 @@ var TRAVELERS_FORM$4 = {
 	FIRST_NAME: "Fornavn",
 	LAST_NAME: "Etternavn",
 	BIRTHDATE: "Fødselsdato",
+	WEIGHT: "Vekt",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Høyde",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Gate",
 	STREET_PLACEHOLDER: "Din gate",
 	HOUSE_NUMBER: "Husnummer",
@@ -5587,6 +5659,12 @@ var TRAVELERS_FORM$3 = {
 	FIRST_NAME: "Imię",
 	LAST_NAME: "Nazwisko",
 	BIRTHDATE: "Data urodzenia",
+	WEIGHT: "Waga",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Wzrost",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Ulica",
 	STREET_PLACEHOLDER: "Twoja ulica",
 	HOUSE_NUMBER: "Numer domu",
@@ -6034,6 +6112,12 @@ var TRAVELERS_FORM$2 = {
 	FIRST_NAME: "Nome",
 	LAST_NAME: "Apelido",
 	BIRTHDATE: "Data de nascimento",
+	WEIGHT: "Peso",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Altura",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Rua",
 	STREET_PLACEHOLDER: "A sua rua",
 	HOUSE_NUMBER: "Número de porta",
@@ -6481,6 +6565,12 @@ var TRAVELERS_FORM$1 = {
 	FIRST_NAME: "Förnamn",
 	LAST_NAME: "Efternamn",
 	BIRTHDATE: "Födelsedatum",
+	WEIGHT: "Vikt",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "Längd",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "Gata",
 	STREET_PLACEHOLDER: "Din gata",
 	HOUSE_NUMBER: "Husnummer",
@@ -6928,6 +7018,12 @@ var TRAVELERS_FORM = {
 	FIRST_NAME: "名",
 	LAST_NAME: "姓",
 	BIRTHDATE: "生年月日",
+	WEIGHT: "体重",
+	WEIGHT_UNIT_KG: "kg",
+	WEIGHT_UNIT_LB: "lb",
+	HEIGHT: "身長",
+	HEIGHT_UNIT_CM: "cm",
+	HEIGHT_UNIT_FT_IN: "ft/in",
 	STREET: "住所",
 	STREET_PLACEHOLDER: "住所を入力",
 	HOUSE_NUMBER: "番地",
@@ -7581,6 +7677,14 @@ exports.AvailabilitySearchType = void 0;
   AvailabilitySearchType[(AvailabilitySearchType["flight"] = 3)] = "flight";
 })(exports.AvailabilitySearchType || (exports.AvailabilitySearchType = {}));
 
+var CustomFieldDataType = {
+  bool: 0,
+  date: 1,
+  time: 2,
+  string: 3,
+  numeric: 4,
+};
+
 var DataType = {
   text: "text",
   numeric: "number",
@@ -7596,6 +7700,12 @@ var DataType = {
   template: "template",
 };
 
+exports.DateAmountType = void 0;
+(function (DateAmountType) {
+  DateAmountType[(DateAmountType["days"] = 0)] = "days";
+  DateAmountType[(DateAmountType["months"] = 1)] = "months";
+})(exports.DateAmountType || (exports.DateAmountType = {}));
+
 var DossierType = {
   hotelOnly: 0,
   transportOnly: 1,
@@ -7603,6 +7713,13 @@ var DossierType = {
   package: 3,
 };
 
+var DurationType = {
+  hours: 0,
+  days: 1,
+  nights: 2,
+  minutes: 3,
+};
+
 var EntryLineFlag = {
   none: 0,
   allotmentNoPlace: 1,
@@ -7680,6 +7797,11 @@ var Gender = {
   other: 2,
 };
 
+var HeightType = {
+  centimeters: 0,
+  feetInches: 1,
+};
+
 exports.MetaDataItemPropertyType = void 0;
 (function (MetaDataItemPropertyType) {
   MetaDataItemPropertyType[(MetaDataItemPropertyType["Height"] = 0)] = "Height";
@@ -7716,6 +7838,22 @@ var PaymentType = {
   cash: 3,
 };
 
+exports.PortalQsmType = void 0;
+(function (PortalQsmType) {
+  PortalQsmType[(PortalQsmType["Multidestination"] = 0)] = "Multidestination";
+  PortalQsmType[(PortalQsmType["Accommodation"] = 1)] = "Accommodation";
+  PortalQsmType[(PortalQsmType["AccommodationAndFlight"] = 2)] =
+    "AccommodationAndFlight";
+  PortalQsmType[(PortalQsmType["Flight"] = 3)] = "Flight";
+  PortalQsmType[(PortalQsmType["RoundTrip"] = 4)] = "RoundTrip";
+  PortalQsmType[(PortalQsmType["GroupTour"] = 5)] = "GroupTour";
+  PortalQsmType[(PortalQsmType["Package"] = 6)] = "Package";
+  PortalQsmType[(PortalQsmType["Ticket"] = 7)] = "Ticket";
+  PortalQsmType[(PortalQsmType["Car"] = 8)] = "Car";
+  PortalQsmType[(PortalQsmType["Transfer"] = 9)] = "Transfer";
+  PortalQsmType[(PortalQsmType["Cruise"] = 10)] = "Cruise";
+})(exports.PortalQsmType || (exports.PortalQsmType = {}));
+
 var PriceChartType = {
   purchasePrices: 0,
   sellingPrices: 1,
@@ -7749,6 +7887,26 @@ var RoomType = {
   pk6: 5,
 };
 
+var RouteTransportType = {
+  none: 0,
+  privateTransport: 1,
+  publicTransport: 2,
+  rentalCar: 3,
+  bus: 4,
+  camper: 5,
+  car: 6,
+  charter: 7,
+  cruise: 8,
+  ferry: 9,
+  flight: 10,
+  taxi: 11,
+  train: 12,
+  transfer: 13,
+  rocket: 14,
+  walking: 15,
+  cycling: 16,
+};
+
 var SaleType = {
   ownOrganization: 0,
   resale: 1,
@@ -7788,6 +7946,13 @@ var ServiceType = {
   camp: 30,
 };
 
+var TrajectNodeType = {
+  regular: 0,
+  connectingNode: 1,
+  poi: 2,
+  subroute: 3,
+};
+
 exports.UnitOfMeasure = void 0;
 (function (UnitOfMeasure) {
   UnitOfMeasure[(UnitOfMeasure["cm"] = 0)] = "cm";
@@ -7820,60 +7985,9 @@ var VendorType = {
   sunnyCars: 20,
 };
 
-exports.DateAmountType = void 0;
-(function (DateAmountType) {
-  DateAmountType[(DateAmountType["days"] = 0)] = "days";
-  DateAmountType[(DateAmountType["months"] = 1)] = "months";
-})(exports.DateAmountType || (exports.DateAmountType = {}));
-
-exports.PortalQsmType = void 0;
-(function (PortalQsmType) {
-  PortalQsmType[(PortalQsmType["Multidestination"] = 0)] = "Multidestination";
-  PortalQsmType[(PortalQsmType["Accommodation"] = 1)] = "Accommodation";
-  PortalQsmType[(PortalQsmType["AccommodationAndFlight"] = 2)] =
-    "AccommodationAndFlight";
-  PortalQsmType[(PortalQsmType["Flight"] = 3)] = "Flight";
-  PortalQsmType[(PortalQsmType["RoundTrip"] = 4)] = "RoundTrip";
-  PortalQsmType[(PortalQsmType["GroupTour"] = 5)] = "GroupTour";
-  PortalQsmType[(PortalQsmType["Package"] = 6)] = "Package";
-  PortalQsmType[(PortalQsmType["Ticket"] = 7)] = "Ticket";
-  PortalQsmType[(PortalQsmType["Car"] = 8)] = "Car";
-  PortalQsmType[(PortalQsmType["Transfer"] = 9)] = "Transfer";
-  PortalQsmType[(PortalQsmType["Cruise"] = 10)] = "Cruise";
-})(exports.PortalQsmType || (exports.PortalQsmType = {}));
-
-var TrajectNodeType = {
-  regular: 0,
-  connectingNode: 1,
-  poi: 2,
-  subroute: 3,
-};
-
-var DurationType = {
-  hours: 0,
-  days: 1,
-  nights: 2,
-  minutes: 3,
-};
-
-var RouteTransportType = {
-  none: 0,
-  privateTransport: 1,
-  publicTransport: 2,
-  rentalCar: 3,
-  bus: 4,
-  camper: 5,
-  car: 6,
-  charter: 7,
-  cruise: 8,
-  ferry: 9,
-  flight: 10,
-  taxi: 11,
-  train: 12,
-  transfer: 13,
-  rocket: 14,
-  walking: 15,
-  cycling: 16,
+var WeightType = {
+  kilograms: 0,
+  pounds: 1,
 };
 
 /******************************************************************************
@@ -15225,6 +15339,7 @@ var submitForm = function (config, id, request, signal) {
 };
 
 exports.AllotmentType = AllotmentType;
+exports.CustomFieldDataType = CustomFieldDataType;
 exports.DataType = DataType;
 exports.DossierType = DossierType;
 exports.DurationType = DurationType;
@@ -15235,6 +15350,7 @@ exports.FormFieldType = FormFieldType;
 exports.FormFieldWidth = FormFieldWidth;
 exports.FormType = FormType;
 exports.Gender = Gender;
+exports.HeightType = HeightType;
 exports.MetaDataType = MetaDataType;
 exports.PaymentType = PaymentType;
 exports.PriceChartType = PriceChartType;
@@ -15246,6 +15362,7 @@ exports.ServiceTokenError = ServiceTokenError;
 exports.ServiceType = ServiceType;
 exports.TrajectNodeType = TrajectNodeType;
 exports.VendorType = VendorType;
+exports.WeightType = WeightType;
 exports.agents = agents;
 exports.alternateFlights = alternateFlights;
 exports.alternateHotels = alternateHotels;
@@ -17504,7 +17621,7 @@ const Product = ({ productCode, productName, duration, rating }) => {
     const [hasFlight, setHasFlight] = React.useState(false);
     const [hasTransfer, setHasTransfer] = React.useState(false);
     const [rooms, setRooms] = React.useState([{ adults: 2, children: 0, childAges: [] }]);
-    const [searchResponse, setSearchResponse] = React.useState([]);
+    const [searchResponse, setSearchResponse] = React.useState();
     const [detailResponse, setDetailResponse] = React.useState();
     const [dateRange, setDateRange] = React.useState();
     const [urlDateRange, setUrlDateRange] = React.useState({ from: null, to: null });
@@ -17642,6 +17759,9 @@ const Product = ({ productCode, productName, duration, rating }) => {
         setPackageProductName(selectedItem.name);
     };
     React.useEffect(() => {
+        if (searchResponse === undefined) {
+            return;
+        }
         if (searchResponse && !lodash.isEmpty(searchResponse)) {
             setSearchResults(searchResponse);
             const selectedItem = searchResponse.find((item) => new Date(item.fromDate).getTime() === dateRange?.fromDate?.getTime() && new Date(item.toDate).getTime() === dateRange?.toDate?.getTime());
@@ -18812,6 +18932,7 @@ const selectPackageOptionUnits = (state) => state.booking.package?.options.find(
 const selectPackageOptionPax = (state) => state.booking.package?.options.find((x) => x.isSelected)?.optionPax;
 const selectPackageGroups = (state) => state.booking.package?.options.find((x) => x.isSelected)?.groups;
 const selectPackageDetails = (state) => state.booking.package;
+const selectPaxCustomFields = (state) => state.booking.package?.paxCustomFields ?? [];
 const selectPackageFlights = (state) => ({
     outward: state.booking.package?.outwardFlights,
     return: state.booking.package?.returnFlights
@@ -19038,7 +19159,12 @@ const buildPax = (traveler, mainBookerId) => {
         lastName: traveler.lastName,
         dateOfBirth: traveler.birthDate,
         age: traveler.birthDate ? null : traveler.age,
-        isMainBooker: traveler.id == mainBookerId
+        isMainBooker: traveler.id == mainBookerId,
+        weight: traveler.weight ?? null,
+        weightType: traveler.weightType ?? build.WeightType.kilograms,
+        height: traveler.height ?? null,
+        heightType: traveler.heightType ?? build.HeightType.centimeters,
+        customFields: traveler.customFields ?? []
     };
 };
 const parseGender = (gender) => {
@@ -19548,7 +19674,9 @@ const SettingsContext = React__default["default"].createContext({
     travellers: {
         pathSuffix: '/reizigers',
         travelersFirstStep: false,
-        showAllCountries: false
+        showAllCountries: false,
+        showWeightField: false,
+        showHeightField: false
     },
     summary: {
         pathSuffix: '/samenvatting',
@@ -23061,185 +23189,6 @@ const Summary = () => {
                 React__default["default"].createElement("button", { title: settings.isOffer ? translations.STEPS.SUBMIT_OFFER : translations.STEPS.SUBMIT_BOOKING, className: buildClassName(['cta', !userValidated && 'cta--disabled']), disabled: !userValidated, name: "default" }, settings.isOffer ? translations.STEPS.SUBMIT_OFFER : translations.STEPS.SUBMIT_BOOKING))))));
 };
 
-function isValidEmail(email) {
-    return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(email);
-}
-const NAME_CHARACTERS_REGEX = /^[\p{L}\s-]+$/u;
-function hasInvalidNameCharacters(name) {
-    return !NAME_CHARACTERS_REGEX.test(name);
-}
-// Rejects values like a 5-digit year, which the native date input allows while typing
-function isValidBirthDate(birthDateText) {
-    return dateFns.isValid(dateFns.parse(birthDateText, 'yyyy-MM-dd', new Date()));
-}
-function getAge(birthDateText, startDateText) {
-    var birthDate = new Date(birthDateText);
-    var startDate = new Date(startDateText);
-    var age = startDate.getFullYear() - birthDate.getFullYear();
-    var m = startDate.getMonth() - birthDate.getMonth();
-    if (m < 0 || (m === 0 && startDate.getDate() < birthDate.getDate())) {
-        age--;
-    }
-    return age;
-}
-const validateForm$1 = (values, agentRequired, bookingType, translations, formFields, mainBookerFormFields, maxChildAge = CHILD_MAX_AGE, maxBabyAge = BABY_MAX_AGE) => {
-    const errors = {};
-    const isFormFieldPresent = (type) => {
-        return formFields?.some((f) => f.type === type) ?? true;
-    };
-    const isMainBookerFormFieldPresent = (type) => {
-        return mainBookerFormFields?.some((f) => f.type === type) ?? true;
-    };
-    const formatTravelerField = (room, pax, field) => {
-        return values.rooms.length > 1
-            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [room, pax, field])
-            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_FIELD, [pax, field]);
-    };
-    const formatTravelerIsNoAdult = (room, pax) => {
-        return values.rooms.length > 1
-            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT, [room, pax])
-            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT, [pax]);
-    };
-    const formatTravelerIsNoChild = (room, pax) => {
-        return values.rooms.length > 1
-            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD, [room, pax])
-            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD, [pax]);
-    };
-    const formatTravelerIsNoBaby = (room, pax) => {
-        // The message states the boundary the traveler has to stay under, so we pass
-        // the first age that is too old rather than the inclusive maxBabyAge.
-        const tooOldAge = maxBabyAge + 1;
-        return values.rooms.length > 1
-            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_BABY, [room, pax, tooOldAge])
-            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_BABY, [pax, tooOldAge]);
-    };
-    const formatTravelerFieldInvalidCharacters = (room, pax, field) => {
-        return values.rooms.length > 1
-            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD_INVALID_CHARACTERS, [room, pax, field])
-            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_FIELD_INVALID_CHARACTERS, [pax, field]);
-    };
-    values.rooms.forEach((r, rIndex) => r.adults.forEach((adult, index) => {
-        if (lodash.isEmpty(adult.gender) && isFormFieldPresent('gender')) {
-            lodash.set(errors, `rooms[${rIndex}].adults[${index}].gender`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.GENDER));
-        }
-        if (isFormFieldPresent('firstName')) {
-            if (lodash.isEmpty(adult.firstName)) {
-                lodash.set(errors, `rooms[${rIndex}].adults[${index}].firstName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
-            }
-            else if (hasInvalidNameCharacters(adult.firstName)) {
-                lodash.set(errors, `rooms[${rIndex}].adults[${index}].firstName`, formatTravelerFieldInvalidCharacters(rIndex + 1, index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
-            }
-        }
-        if (isFormFieldPresent('lastName')) {
-            if (lodash.isEmpty(adult.lastName)) {
-                lodash.set(errors, `rooms[${rIndex}].adults[${index}].lastName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.LAST_NAME));
-            }
-            else if (hasInvalidNameCharacters(adult.lastName)) {
-                lodash.set(errors, `rooms[${rIndex}].adults[${index}].lastName`, formatTravelerFieldInvalidCharacters(rIndex + 1, index + 1, translations.TRAVELERS_FORM.LAST_NAME));
-            }
-        }
-        if (isFormFieldPresent('birthDate')) {
-            if (lodash.isEmpty(adult.birthDate) || !isValidBirthDate(adult.birthDate)) {
-                lodash.set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
-            }
-            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));
-                }
-            }
-        }
-    }));
-    values.rooms.forEach((r, rIndex) => r.children.forEach((child, index) => {
-        if (lodash.isEmpty(child.gender) && isFormFieldPresent('gender')) {
-            lodash.set(errors, `rooms[${rIndex}].children[${index}].gender`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.GENDER));
-        }
-        if (isFormFieldPresent('firstName')) {
-            if (lodash.isEmpty(child.firstName)) {
-                lodash.set(errors, `rooms[${rIndex}].children[${index}].firstName`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
-            }
-            else if (hasInvalidNameCharacters(child.firstName)) {
-                lodash.set(errors, `rooms[${rIndex}].children[${index}].firstName`, formatTravelerFieldInvalidCharacters(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
-            }
-        }
-        if (isFormFieldPresent('lastName')) {
-            if (lodash.isEmpty(child.lastName)) {
-                lodash.set(errors, `rooms[${rIndex}].children[${index}].lastName`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.LAST_NAME));
-            }
-            else if (hasInvalidNameCharacters(child.lastName)) {
-                lodash.set(errors, `rooms[${rIndex}].children[${index}].lastName`, formatTravelerFieldInvalidCharacters(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.LAST_NAME));
-            }
-        }
-        if (isFormFieldPresent('birthDate')) {
-            if (lodash.isEmpty(child.birthDate) || !isValidBirthDate(child.birthDate)) {
-                lodash.set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
-            }
-            else if (child.isBaby && values.startDate) {
-                // A baby only has to be under the maxBabyAge on departure, so we check the startDate here instead of the endDate (TIDE-3269)
-                const age = getAge(child.birthDate, values.startDate);
-                if (age > maxBabyAge) {
-                    lodash.set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerIsNoBaby(rIndex + 1, r.adults.length + index + 1));
-                }
-            }
-            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.
-                // Babies land here too when there is no startDate to check them against, so they keep at least the child age check.
-                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));
-                }
-            }
-        }
-    }));
-    if (values.mainBookerId < 0) {
-        errors.mainBookerId = translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
-    }
-    if (bookingType != 'b2b' || mainBookerFormFields?.length) {
-        if (lodash.isEmpty(values.street) && isMainBookerFormFieldPresent('street')) {
-            errors.street = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.STREET]);
-        }
-        if (lodash.isEmpty(values.houseNumber) && isMainBookerFormFieldPresent('houseNumber')) {
-            errors.houseNumber = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.HOUSE_NUMBER]);
-        }
-        if (lodash.isEmpty(values.zipCode) && isMainBookerFormFieldPresent('zipCode')) {
-            errors.zipCode = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.ZIPCODE]);
-        }
-        if (lodash.isEmpty(values.place) && isMainBookerFormFieldPresent('place')) {
-            errors.place = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.CITY]);
-        }
-        if (isMainBookerFormFieldPresent('email')) {
-            if (lodash.isEmpty(values.email)) {
-                errors.email = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.EMAIL]);
-            }
-            else if (isValidEmail(values.email)) {
-                errors.email = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_IS_INVALID;
-            }
-            if (lodash.isEmpty(values.emailConfirmation)) {
-                errors.emailConfirmation = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.REPEAT_EMAIL]);
-            }
-            else if (values.emailConfirmation !== values.email) {
-                errors.emailConfirmation = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_DOES_NOT_MATCH;
-            }
-        }
-        if (lodash.isEmpty(values.country) && isMainBookerFormFieldPresent('country')) {
-            errors.country = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.COUNTRY]);
-        }
-        if (lodash.isEmpty(values.phone) && isMainBookerFormFieldPresent('phone')) {
-            errors.phone = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
-        }
-    }
-    else {
-        if (lodash.isEmpty(values.phone)) {
-            errors.phone = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
-        }
-    }
-    if (agentRequired && !values.travelAgentId) {
-        errors.travelAgentId = translations.TRAVELERS_FORM.VALIDATION.AGENT_IS_REQUIRED;
-    }
-    return errors;
-};
-
 const LabeledInput = ({ name, type, required, value, defaultValue, min, max, label, placeholder, extraClassName, hasError, onChange, onBlur }) => {
     return (React__default["default"].createElement("label", { className: buildClassName(['form__group', extraClassName, hasError && 'form__group--error']) },
         React__default["default"].createElement("span", { className: "form__label" }, lodash.compact([label, required && '*']).join(' ')),
@@ -23404,7 +23353,33 @@ function formatBirthDate$1(birthDate) {
     const parsed = dateFns.parse(birthDate, 'yyyy-MM-dd', new Date());
     return dateFns.isValid(parsed) ? dateFns.format(parsed, 'dd-MM-yyyy') : '';
 }
-function createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge) {
+// A customFieldConfigurationId can have separate "main-booker"/other-pax variants; resolved per traveler below.
+const MAIN_BOOKER_GROUP = 'main-booker';
+function buildEmptyCustomFields(paxCustomFields = []) {
+    const uniqueIds = Array.from(new Set(paxCustomFields.map((field) => field.customFieldConfigurationId)));
+    return uniqueIds.map((customFieldConfigurationId) => ({ customFieldConfigurationId, value: '' }));
+}
+function getApplicablePaxCustomFields(paxCustomFields = [], isMainBooker) {
+    const variantsById = new Map();
+    paxCustomFields.forEach((field) => {
+        const variants = variantsById.get(field.customFieldConfigurationId) ?? [];
+        variants.push(field);
+        variantsById.set(field.customFieldConfigurationId, variants);
+    });
+    const applicableFields = [];
+    variantsById.forEach((variants) => {
+        const hasRoleSplit = variants.some((v) => v.group === MAIN_BOOKER_GROUP);
+        if (!hasRoleSplit) {
+            applicableFields.push(variants[0]);
+            return;
+        }
+        const roleMatch = variants.find((v) => (v.group === MAIN_BOOKER_GROUP) === isMainBooker);
+        if (roleMatch)
+            applicableFields.push(roleMatch);
+    });
+    return applicableFields;
+}
+function createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge, paxCustomFields) {
     if (isCompact) {
         return {
             id: traveler.id,
@@ -23416,9 +23391,14 @@ function createTraveler(traveler, followNumber, personTranslation, isCompact, ma
             // old, while still falling back for a missing or unusable age. `??` alone would let a
             // NaN (unparseable date of birth upstream) reach the age input and the booked pax.
             // See TIDE-3269.
-            age: Number.isFinite(traveler.age) ? traveler.age : 30
+            age: Number.isFinite(traveler.age) ? traveler.age : 30,
             // No isBaby here on purpose: the age below is editable and nothing revalidates it
             // in compact mode, so a stored flag would end up contradicting the entered age.
+            weight: null,
+            weightType: build.WeightType.kilograms,
+            height: null,
+            heightType: build.HeightType.centimeters,
+            customFields: buildEmptyCustomFields(paxCustomFields)
         };
     }
     return {
@@ -23427,17 +23407,22 @@ function createTraveler(traveler, followNumber, personTranslation, isCompact, ma
         lastName: '',
         birthDate: '',
         gender: '',
-        isBaby: isBabyAge(traveler.age, maxBabyAge)
+        isBaby: isBabyAge(traveler.age, maxBabyAge),
+        weight: null,
+        weightType: build.WeightType.kilograms,
+        height: null,
+        heightType: build.HeightType.centimeters,
+        customFields: buildEmptyCustomFields(paxCustomFields)
     };
 }
-function createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, personTranslation, isCompact, maxBabyAge) {
+function createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, personTranslation, isCompact, maxBabyAge, paxCustomFields) {
     const followNumber = { number: 1 };
     const initialValues = {
         startDate,
         endDate,
         rooms: formRooms.map((room) => ({
-            adults: room.adults.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge)),
-            children: room.children.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge))
+            adults: room.adults.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge, paxCustomFields)),
+            children: room.children.map((traveler) => createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge, paxCustomFields))
         })),
         mainBookerId: -1,
         street: '',
@@ -23531,7 +23516,7 @@ function applyTravelersFormValuesToEditablePackagingEntry(editablePackagingEntry
         }
     };
 }
-const SharedTravelersForm = ({ formik, translations, travellersSettings, countries, agents, bookingType, agentAdressId, travelersFirstStep = false, isUnavailable = false, useCompactForm = false, showAllCountries = false, showAgentSelection = false, initialShowAgents = false, renderPreviousButton, onBookingTypeChange }) => {
+const SharedTravelersForm = ({ formik, translations, travellersSettings, countries, agents, bookingType, agentAdressId, travelersFirstStep = false, isUnavailable = false, useCompactForm = false, showAllCountries = false, showWeightField = false, showHeightField = false, paxCustomFields, showAgentSelection = false, initialShowAgents = false, renderPreviousButton, onBookingTypeChange }) => {
     const [showAgents, setShowAgents] = React.useState(initialShowAgents);
     const typeaheadAgents = React.useMemo(() => lodash.sortBy(agents?.map((agent) => ({
         key: `${agent.id}`,
@@ -23584,7 +23569,18 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
     };
     const handleAddTraveler = (roomIndex) => {
         const rooms = [...formik.values.rooms];
-        const newAdult = { id: Date.now(), firstName: '', lastName: '', birthDate: '', gender: '' };
+        const newAdult = {
+            id: Date.now(),
+            firstName: '',
+            lastName: '',
+            birthDate: '',
+            gender: '',
+            weight: null,
+            weightType: build.WeightType.kilograms,
+            height: null,
+            heightType: build.HeightType.centimeters,
+            customFields: buildEmptyCustomFields(paxCustomFields)
+        };
         rooms[roomIndex] = { ...rooms[roomIndex], adults: [...rooms[roomIndex].adults, newAdult] };
         formik.setFieldValue('rooms', rooms);
     };
@@ -23599,7 +23595,23 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
     };
     const handleAddRoom = () => {
         const rooms = [...formik.values.rooms];
-        rooms.push({ adults: [{ id: Date.now(), firstName: '', lastName: '', birthDate: '', gender: '' }], children: [] });
+        rooms.push({
+            adults: [
+                {
+                    id: Date.now(),
+                    firstName: '',
+                    lastName: '',
+                    birthDate: '',
+                    gender: '',
+                    weight: null,
+                    weightType: build.WeightType.kilograms,
+                    height: null,
+                    heightType: build.HeightType.centimeters,
+                    customFields: buildEmptyCustomFields(paxCustomFields)
+                }
+            ],
+            children: []
+        });
         formik.setFieldValue('rooms', rooms);
     };
     const handleRemoveRoom = (roomIndex) => {
@@ -23618,6 +23630,54 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
             React__default["default"].createElement("label", { className: "radiobutton__label" },
                 React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: name, onChange: formik.handleChange, onBlur: formik.handleBlur, value: gender, checked: value.gender === gender }),
                 label)))))));
+    const renderWeightControl = (namePrefix, value) => (React__default["default"].createElement("div", { className: "form__row" },
+        React__default["default"].createElement(LabeledInput, { type: "number", min: 0, hasError: hasVisibleError(`${namePrefix}.weight`), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.WEIGHT, name: `${namePrefix}.weight`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: value.weight ?? '' }),
+        React__default["default"].createElement(LabeledSelect, { extraClassName: "form__group--md-33", name: `${namePrefix}.weightType`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: value.weightType, options: [
+                { key: 'kg', value: build.WeightType.kilograms, label: translations.TRAVELERS_FORM.WEIGHT_UNIT_KG },
+                { key: 'lb', value: build.WeightType.pounds, label: translations.TRAVELERS_FORM.WEIGHT_UNIT_LB }
+            ] })));
+    const renderHeightControl = (namePrefix, value) => (React__default["default"].createElement("div", { className: "form__row" },
+        React__default["default"].createElement(LabeledInput, { type: "number", min: 0, hasError: hasVisibleError(`${namePrefix}.height`), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.HEIGHT, name: `${namePrefix}.height`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: value.height ?? '' }),
+        React__default["default"].createElement(LabeledSelect, { extraClassName: "form__group--md-33", name: `${namePrefix}.heightType`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: value.heightType, options: [
+                { key: 'cm', value: build.HeightType.centimeters, label: translations.TRAVELERS_FORM.HEIGHT_UNIT_CM },
+                { key: 'ftIn', value: build.HeightType.feetInches, label: translations.TRAVELERS_FORM.HEIGHT_UNIT_FT_IN }
+            ] })));
+    const getCustomFieldControl = (field, value, name) => {
+        const label = lodash.compact([field.fieldName, field.isRequired && '*']).join(' ');
+        switch (field.dataType) {
+            case build.CustomFieldDataType.bool:
+                return (React__default["default"].createElement("div", { className: buildClassName(['form__group', hasVisibleError(name) && 'form__group--error']) },
+                    React__default["default"].createElement("div", { className: "checkbox" },
+                        React__default["default"].createElement("label", { className: "checkbox__label" },
+                            React__default["default"].createElement("input", { type: "checkbox", className: "checkbox__input", checked: value === 'true', onChange: (e) => formik.setFieldValue(name, e.target.checked ? 'true' : 'false'), onBlur: formik.handleBlur, name: name }),
+                            label))));
+            case build.CustomFieldDataType.date:
+                return (React__default["default"].createElement(LabeledInput, { type: "date", hasError: hasVisibleError(name), label: label, name: name, onChange: (e) => formik.setFieldValue(name, e.target.value), onBlur: formik.handleBlur, value: value }));
+            case build.CustomFieldDataType.time:
+                return (React__default["default"].createElement(LabeledInput, { type: "time", hasError: hasVisibleError(name), label: label, name: name, onChange: (e) => formik.setFieldValue(name, e.target.value), onBlur: formik.handleBlur, value: value }));
+            case build.CustomFieldDataType.numeric:
+                return (React__default["default"].createElement(LabeledInput, { type: "number", hasError: hasVisibleError(name), label: label, name: name, onChange: (e) => formik.setFieldValue(name, e.target.value), onBlur: formik.handleBlur, value: value }));
+            case build.CustomFieldDataType.string:
+            default:
+                return (React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError(name), label: label, name: name, onChange: (e) => formik.setFieldValue(name, e.target.value), onBlur: formik.handleBlur, value: value }));
+        }
+    };
+    const renderCustomFields = (travelerValues, namePrefix) => {
+        if (!paxCustomFields?.length)
+            return null;
+        const isMainBooker = travelerValues.id === formik.values.mainBookerId;
+        const applicableFields = getApplicablePaxCustomFields(paxCustomFields, isMainBooker);
+        if (!applicableFields.length)
+            return null;
+        return (React__default["default"].createElement("div", { className: "travelers-form__custom-fields-grid" }, applicableFields.map((field) => {
+            const fieldIndex = travelerValues.customFields?.findIndex((c) => c.customFieldConfigurationId === field.customFieldConfigurationId) ?? -1;
+            if (fieldIndex < 0)
+                return null;
+            const name = `${namePrefix}.customFields[${fieldIndex}].value`;
+            const value = travelerValues.customFields[fieldIndex].value;
+            return (React__default["default"].createElement("div", { key: field.customFieldConfigurationId, style: { gridColumn: `span ${field.col || 12}` } }, getCustomFieldControl(field, value, name)));
+        })));
+    };
     const getControl = (type, value, name) => {
         switch (type) {
             case 'gender':
@@ -23665,7 +23725,11 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
                 React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError(`${namePrefix}.age`), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.AGE, required: true, name: `${namePrefix}.age`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: travelerValues.age })));
         }
         if (travellersSettings?.formFields?.length) {
-            return (React__default["default"].createElement("div", { className: "travelers-form__grid" }, travellersSettings.formFields.map((field, index) => (React__default["default"].createElement("div", { key: index, className: `control control--${field.type}` }, getControl(field.type, travelerValues, `${namePrefix}.${field.type}`))))));
+            return (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: "travelers-form__grid" }, travellersSettings.formFields.map((field, index) => (React__default["default"].createElement("div", { key: index, className: `control control--${field.type}` }, getControl(field.type, travelerValues, `${namePrefix}.${field.type}`))))),
+                showWeightField && renderWeightControl(namePrefix, travelerValues),
+                showHeightField && renderHeightControl(namePrefix, travelerValues),
+                renderCustomFields(travelerValues, namePrefix)));
         }
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("div", { className: "form__row" }, renderGenderControl(`${namePrefix}.gender`, travelerValues)),
@@ -23673,6 +23737,9 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
                 React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError(`${namePrefix}.firstName`), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.FIRST_NAME, required: true, name: `${namePrefix}.firstName`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: travelerValues.firstName }),
                 React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError(`${namePrefix}.lastName`), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.LAST_NAME, required: true, name: `${namePrefix}.lastName`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: travelerValues.lastName }),
                 React__default["default"].createElement(LabeledInput, { type: "date", hasError: hasVisibleError(`${namePrefix}.birthDate`), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.BIRTHDATE, required: true, name: `${namePrefix}.birthDate`, onChange: formik.handleChange, onBlur: formik.handleBlur, value: travelerValues.birthDate })),
+            showWeightField && renderWeightControl(namePrefix, travelerValues),
+            showHeightField && renderHeightControl(namePrefix, travelerValues),
+            renderCustomFields(travelerValues, namePrefix),
             travelersFirstStep && isAdult && formik.values.rooms[roomIndex].adults.length > 1 && (React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleRemoveTraveler(roomIndex, travelerIndex) }, translations.TRAVELERS_FORM.REMOVE_TRAVELER))));
     };
     return (React__default["default"].createElement("form", { className: "form form__travelers", name: "booking--travellers", id: "booking--travellers", noValidate: true, onSubmit: formik.handleSubmit, onReset: formik.handleReset },
@@ -23754,6 +23821,199 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
             React__default["default"].createElement("button", { type: "submit", title: translations.STEPS.NEXT, className: 'cta' + (isUnavailable ? ' cta--disabled' : '') }, translations.STEPS.NEXT))));
 };
 
+function isValidEmail(email) {
+    return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(email);
+}
+const NAME_CHARACTERS_REGEX = /^[\p{L}\s-]+$/u;
+function hasInvalidNameCharacters(name) {
+    return !NAME_CHARACTERS_REGEX.test(name);
+}
+// Rejects values like a 5-digit year, which the native date input allows while typing
+function isValidBirthDate(birthDateText) {
+    return dateFns.isValid(dateFns.parse(birthDateText, 'yyyy-MM-dd', new Date()));
+}
+function getAge(birthDateText, startDateText) {
+    var birthDate = new Date(birthDateText);
+    var startDate = new Date(startDateText);
+    var age = startDate.getFullYear() - birthDate.getFullYear();
+    var m = startDate.getMonth() - birthDate.getMonth();
+    if (m < 0 || (m === 0 && startDate.getDate() < birthDate.getDate())) {
+        age--;
+    }
+    return age;
+}
+const validateForm$1 = (values, agentRequired, bookingType, translations, formFields, mainBookerFormFields, maxChildAge = CHILD_MAX_AGE, maxBabyAge = BABY_MAX_AGE, paxCustomFields = []) => {
+    const errors = {};
+    const isFormFieldPresent = (type) => {
+        return formFields?.some((f) => f.type === type) ?? true;
+    };
+    const isMainBookerFormFieldPresent = (type) => {
+        return mainBookerFormFields?.some((f) => f.type === type) ?? true;
+    };
+    const formatTravelerField = (room, pax, field) => {
+        return values.rooms.length > 1
+            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [room, pax, field])
+            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_FIELD, [pax, field]);
+    };
+    const formatTravelerIsNoAdult = (room, pax) => {
+        return values.rooms.length > 1
+            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT, [room, pax])
+            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT, [pax]);
+    };
+    const formatTravelerIsNoChild = (room, pax) => {
+        return values.rooms.length > 1
+            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD, [room, pax])
+            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD, [pax]);
+    };
+    const formatTravelerIsNoBaby = (room, pax) => {
+        // The message states the boundary the traveler has to stay under, so we pass
+        // the first age that is too old rather than the inclusive maxBabyAge.
+        const tooOldAge = maxBabyAge + 1;
+        return values.rooms.length > 1
+            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_BABY, [room, pax, tooOldAge])
+            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_BABY, [pax, tooOldAge]);
+    };
+    const formatTravelerFieldInvalidCharacters = (room, pax, field) => {
+        return values.rooms.length > 1
+            ? format$1(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD_INVALID_CHARACTERS, [room, pax, field])
+            : format$1(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_FIELD_INVALID_CHARACTERS, [pax, field]);
+    };
+    const validateRequiredCustomFields = (traveler, path, room, pax) => {
+        const isMainBooker = traveler.id === values.mainBookerId;
+        const requiredFields = getApplicablePaxCustomFields(paxCustomFields, isMainBooker).filter((f) => f.isRequired);
+        requiredFields.forEach((field) => {
+            const fieldIndex = traveler.customFields?.findIndex((c) => c.customFieldConfigurationId === field.customFieldConfigurationId) ?? -1;
+            if (fieldIndex < 0)
+                return;
+            if (lodash.isEmpty(traveler.customFields[fieldIndex].value)) {
+                lodash.set(errors, `${path}.customFields[${fieldIndex}].value`, formatTravelerField(room, pax, field.fieldName));
+            }
+        });
+    };
+    values.rooms.forEach((r, rIndex) => r.adults.forEach((adult, index) => {
+        if (lodash.isEmpty(adult.gender) && isFormFieldPresent('gender')) {
+            lodash.set(errors, `rooms[${rIndex}].adults[${index}].gender`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.GENDER));
+        }
+        if (isFormFieldPresent('firstName')) {
+            if (lodash.isEmpty(adult.firstName)) {
+                lodash.set(errors, `rooms[${rIndex}].adults[${index}].firstName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
+            }
+            else if (hasInvalidNameCharacters(adult.firstName)) {
+                lodash.set(errors, `rooms[${rIndex}].adults[${index}].firstName`, formatTravelerFieldInvalidCharacters(rIndex + 1, index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
+            }
+        }
+        if (isFormFieldPresent('lastName')) {
+            if (lodash.isEmpty(adult.lastName)) {
+                lodash.set(errors, `rooms[${rIndex}].adults[${index}].lastName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.LAST_NAME));
+            }
+            else if (hasInvalidNameCharacters(adult.lastName)) {
+                lodash.set(errors, `rooms[${rIndex}].adults[${index}].lastName`, formatTravelerFieldInvalidCharacters(rIndex + 1, index + 1, translations.TRAVELERS_FORM.LAST_NAME));
+            }
+        }
+        if (isFormFieldPresent('birthDate')) {
+            if (lodash.isEmpty(adult.birthDate) || !isValidBirthDate(adult.birthDate)) {
+                lodash.set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
+            }
+            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));
+                }
+            }
+        }
+        validateRequiredCustomFields(adult, `rooms[${rIndex}].adults[${index}]`, rIndex + 1, index + 1);
+    }));
+    values.rooms.forEach((r, rIndex) => r.children.forEach((child, index) => {
+        if (lodash.isEmpty(child.gender) && isFormFieldPresent('gender')) {
+            lodash.set(errors, `rooms[${rIndex}].children[${index}].gender`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.GENDER));
+        }
+        if (isFormFieldPresent('firstName')) {
+            if (lodash.isEmpty(child.firstName)) {
+                lodash.set(errors, `rooms[${rIndex}].children[${index}].firstName`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
+            }
+            else if (hasInvalidNameCharacters(child.firstName)) {
+                lodash.set(errors, `rooms[${rIndex}].children[${index}].firstName`, formatTravelerFieldInvalidCharacters(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
+            }
+        }
+        if (isFormFieldPresent('lastName')) {
+            if (lodash.isEmpty(child.lastName)) {
+                lodash.set(errors, `rooms[${rIndex}].children[${index}].lastName`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.LAST_NAME));
+            }
+            else if (hasInvalidNameCharacters(child.lastName)) {
+                lodash.set(errors, `rooms[${rIndex}].children[${index}].lastName`, formatTravelerFieldInvalidCharacters(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.LAST_NAME));
+            }
+        }
+        if (isFormFieldPresent('birthDate')) {
+            if (lodash.isEmpty(child.birthDate) || !isValidBirthDate(child.birthDate)) {
+                lodash.set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
+            }
+            else if (child.isBaby && values.startDate) {
+                // A baby only has to be under the maxBabyAge on departure, so we check the startDate here instead of the endDate (TIDE-3269)
+                const age = getAge(child.birthDate, values.startDate);
+                if (age > maxBabyAge) {
+                    lodash.set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerIsNoBaby(rIndex + 1, r.adults.length + index + 1));
+                }
+            }
+            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.
+                // Babies land here too when there is no startDate to check them against, so they keep at least the child age check.
+                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));
+                }
+            }
+        }
+        validateRequiredCustomFields(child, `rooms[${rIndex}].children[${index}]`, rIndex + 1, r.adults.length + index + 1);
+    }));
+    if (values.mainBookerId < 0) {
+        errors.mainBookerId = translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
+    }
+    if (bookingType != 'b2b' || mainBookerFormFields?.length) {
+        if (lodash.isEmpty(values.street) && isMainBookerFormFieldPresent('street')) {
+            errors.street = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.STREET]);
+        }
+        if (lodash.isEmpty(values.houseNumber) && isMainBookerFormFieldPresent('houseNumber')) {
+            errors.houseNumber = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.HOUSE_NUMBER]);
+        }
+        if (lodash.isEmpty(values.zipCode) && isMainBookerFormFieldPresent('zipCode')) {
+            errors.zipCode = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.ZIPCODE]);
+        }
+        if (lodash.isEmpty(values.place) && isMainBookerFormFieldPresent('place')) {
+            errors.place = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.CITY]);
+        }
+        if (isMainBookerFormFieldPresent('email')) {
+            if (lodash.isEmpty(values.email)) {
+                errors.email = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.EMAIL]);
+            }
+            else if (isValidEmail(values.email)) {
+                errors.email = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_IS_INVALID;
+            }
+            if (lodash.isEmpty(values.emailConfirmation)) {
+                errors.emailConfirmation = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.REPEAT_EMAIL]);
+            }
+            else if (values.emailConfirmation !== values.email) {
+                errors.emailConfirmation = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_DOES_NOT_MATCH;
+            }
+        }
+        if (lodash.isEmpty(values.country) && isMainBookerFormFieldPresent('country')) {
+            errors.country = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.COUNTRY]);
+        }
+        if (lodash.isEmpty(values.phone) && isMainBookerFormFieldPresent('phone')) {
+            errors.phone = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
+        }
+    }
+    else {
+        if (lodash.isEmpty(values.phone)) {
+            errors.phone = format$1(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
+        }
+    }
+    if (agentRequired && !values.travelAgentId) {
+        errors.travelAgentId = translations.TRAVELERS_FORM.VALIDATION.AGENT_IS_REQUIRED;
+    }
+    return errors;
+};
+
 const TravelersForm = () => {
     const dispatch = useAppDispatch();
     const settings = React.useContext(SettingsContext);
@@ -23772,12 +24032,15 @@ const TravelersForm = () => {
     const bookingAttributes = reactRedux.useSelector(selectBookingAttributes);
     const hasMounted = reactRedux.useSelector(selectHasMounted);
     const countries = reactRedux.useSelector(selectCountries);
+    const paxCustomFields = reactRedux.useSelector(selectPaxCustomFields);
     const inFlight = React.useRef(false);
     const pendingRefetch = React.useRef(false);
     const useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
     const showAllCountries = !!settings.travellers.showAllCountries;
+    const showWeightField = !!settings.travellers.showWeightField;
+    const showHeightField = !!settings.travellers.showHeightField;
     const initialValues = reactRedux.useSelector(selectTravelersFormValues) ??
-        createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm, settings.maxBabyAge);
+        createInitialValuesFromRooms(formRooms, startDate, endDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm, settings.maxBabyAge, paxCustomFields);
     const [showAgentSelection, setShowAgentSelection] = React.useState(!settings.agentAdressId && !settings.hideAgentSelection);
     const formik$1 = formik.useFormik({
         initialValues,
@@ -23787,7 +24050,7 @@ const TravelersForm = () => {
             // The travel dates are captured into initialValues once and then persisted in
             // redux, so validating against the values would use the dates of whichever
             // package option was selected first. Age checks need the current ones.
-            { ...values, startDate, endDate }, settings.agentRequired, bookingType, translations, settings.travellers.formFields, settings.travellers.mainBookerFormFields, settings.maxChildAge, settings.maxBabyAge),
+            { ...values, startDate, endDate }, settings.agentRequired, bookingType, translations, settings.travellers.formFields, settings.travellers.mainBookerFormFields, settings.maxChildAge, settings.maxBabyAge, paxCustomFields),
         onSubmit: (values) => {
             dispatch(setFormValues(values));
             if (useCompactForm) {
@@ -23870,7 +24133,7 @@ const TravelersForm = () => {
         dispatch(setFormValues(formValues));
         setShowAgentSelection(false);
     }, [agents, settings.affiliateSlug]);
-    return (React__default["default"].createElement(SharedTravelersForm, { formik: formik$1, translations: translations, travellersSettings: settings.travellers, countries: countries, agents: agents, bookingType: bookingType, agentAdressId: agentAdressId, travelersFirstStep: travelersFirstStep, isUnavailable: isUnavailable, useCompactForm: useCompactForm, showAllCountries: showAllCountries, showAgentSelection: showAgentSelection, initialShowAgents: settings.agentRequired ?? false, onBookingTypeChange: (nextBookingType) => dispatch(setBookingType(nextBookingType)), renderPreviousButton: () => !travelersFirstStep && settings.skipRouter ? (React__default["default"].createElement("button", { type: "button", title: translations.STEPS.PREVIOUS, onClick: () => dispatch(setCurrentStep$1(OPTIONS_FORM_STEP)), className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : !travelersFirstStep ? (React__default["default"].createElement(Link, { to: `${!settings.skipBasePathInRouting ? settings.basePath : ''}${settings.options.pathSuffix}?${bookingQueryString}`, title: translations.STEPS.PREVIOUS, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : null }));
+    return (React__default["default"].createElement(SharedTravelersForm, { formik: formik$1, translations: translations, travellersSettings: settings.travellers, countries: countries, agents: agents, bookingType: bookingType, agentAdressId: agentAdressId, travelersFirstStep: travelersFirstStep, isUnavailable: isUnavailable, useCompactForm: useCompactForm, showAllCountries: showAllCountries, showWeightField: showWeightField, showHeightField: showHeightField, paxCustomFields: paxCustomFields, showAgentSelection: showAgentSelection, initialShowAgents: settings.agentRequired ?? false, onBookingTypeChange: (nextBookingType) => dispatch(setBookingType(nextBookingType)), renderPreviousButton: () => !travelersFirstStep && settings.skipRouter ? (React__default["default"].createElement("button", { type: "button", title: translations.STEPS.PREVIOUS, onClick: () => dispatch(setCurrentStep$1(OPTIONS_FORM_STEP)), className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : !travelersFirstStep ? (React__default["default"].createElement(Link, { to: `${!settings.skipBasePathInRouting ? settings.basePath : ''}${settings.options.pathSuffix}?${bookingQueryString}`, title: translations.STEPS.PREVIOUS, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : null }));
 };
 
 const Booking = ({ productCode, productName, thumbnailUrl }) => {
@@ -27942,7 +28205,12 @@ const mapPackagingPaxToBookingPax = (pax, fallbackId, referenceDate) => ({
     dateOfBirth: pax?.dateOfBirth ?? undefined,
     age: pax?.dateOfBirth ? getAgeAtReferenceDate(pax.dateOfBirth, referenceDate) : undefined,
     isMainBooker: pax?.isMainBooker,
-    email: ''
+    email: '',
+    weight: null,
+    weightType: build.WeightType.kilograms,
+    height: null,
+    heightType: build.HeightType.centimeters,
+    customFields: []
 });
 const getRequestRoomsFromPackagingEntry = (entry) => {
     const accommodationLines = (entry.lines ?? []).filter((line) => line.serviceType === ACCOMMODATION_SERVICE_TYPE && line.pax?.length > 0);
@@ -31884,7 +32152,7 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
             dispatch(setBookPackagingEntry(true));
         }
     };
-    return (React__default["default"].createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' || flyInType === 'traject-day-activities' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
+    return (React__default["default"].createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' || flyInType === 'traject-day-activities' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
       ${flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' || flyInType === 'traject-flight-results' ? 'flyin--flight' : ''}` },
         React__default["default"].createElement("div", { className: `flyin__panel ${isOpen ? 'flyin__panel--active' : ''}`, ref: panelRef },
             React__default["default"].createElement("div", { className: "flyin__content" },
@@ -33333,7 +33601,12 @@ const getRequestRoomsFromPackagingSegments = (entry, segments) => {
                 dateOfBirth: paxSource?.dateOfBirth ?? undefined,
                 age: paxSource?.dateOfBirth ? undefined : 30,
                 isMainBooker: paxSource?.isMainBooker,
-                email: ''
+                email: '',
+                weight: null,
+                weightType: build.WeightType.kilograms,
+                height: null,
+                heightType: build.HeightType.centimeters,
+                customFields: []
             };
             if (!groupedByRoom.has(roomIndexWithinLine)) {
                 groupedByRoom.set(roomIndexWithinLine, []);
@@ -33472,20 +33745,20 @@ const buildFlightHtml = (line) => {
  */
 const buildFallbackHtml = (item, line) => {
     const details = [line?.accommodationName, line?.regimeName].filter(Boolean).join(' — ');
-    return `
-    <div class="itinerary-item__fallback">
-      <h3 class="itinerary-item__fallback-title">${escapeHtml(item.title)}</h3>
-      ${line ? buildFlightHtml(line) : ''}
-      ${details ? `<p class="itinerary-item__fallback-details">${escapeHtml(details)}</p>` : ''}
-    </div>
+    return `
+    <div class="itinerary-item__fallback">
+      <h3 class="itinerary-item__fallback-title">${escapeHtml(item.title)}</h3>
+      ${line ? buildFlightHtml(line) : ''}
+      ${details ? `<p class="itinerary-item__fallback-details">${escapeHtml(details)}</p>` : ''}
+    </div>
   `;
 };
 const buildItineraryHtml = (itinerary, translations, lines) => {
     if (!itinerary) {
-        return `
-      <div class="itinerary-shell">
-        <div class="itinerary-empty">Geen reisroute beschikbaar.</div>
-      </div>
+        return `
+      <div class="itinerary-shell">
+        <div class="itinerary-empty">Geen reisroute beschikbaar.</div>
+      </div>
     `;
     }
     const allNodes = itinerary.nodes ?? [];
@@ -33499,70 +33772,70 @@ const buildItineraryHtml = (itinerary, translations, lines) => {
         const hasAccommodationInCurrentNode = uniqueItems.some(isAccommodationItem);
         const activeAccommodation = findAccommodationForDay(allNodes, startDay);
         const accommodationBanner = !hasAccommodationInCurrentNode && activeAccommodation
-            ? `
-            <div class="itinerary-node__accommodation-banner">
-              Accommodatie voor deze dag: <strong>${escapeHtml(getAccommodationName(activeAccommodation))}</strong>
-            </div>
+            ? `
+            <div class="itinerary-node__accommodation-banner">
+              Accommodatie voor deze dag: <strong>${escapeHtml(getAccommodationName(activeAccommodation))}</strong>
+            </div>
           `
             : '';
         const itemsHtml = hasItems
             ? uniqueItems
-                .map((item) => `
-                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
+                .map((item) => `
+                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
                   ${hasVisibleContent(item.contents)
                 ? item.contents
-                : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
-                </article>
+                : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
+                </article>
               `)
                 .join('')
             : `<div class="itinerary-node__empty">${translations.ITINERARY.NO_ITEMS}</div>`;
-        return `
-        <section class="itinerary-node">
-          <header class="itinerary-node__header">
-            
-          <div class="itinerary-node__day">
-            <p class="itinerary-node__day-day">${day}</p>
-            <p class="itinerary-node__day-month">${month}</p>
-          </div>
-
-            <div>
-              <h2 class="itinerary-node__title">${escapeHtml(node.title)}</h2>
-            </div>
-          </header>
-
-          <div class="itinerary-node__content">
-            ${accommodationBanner}
-            ${itemsHtml}
-          </div>
-        </section>
+        return `
+        <section class="itinerary-node">
+          <header class="itinerary-node__header">
+            
+          <div class="itinerary-node__day">
+            <p class="itinerary-node__day-day">${day}</p>
+            <p class="itinerary-node__day-month">${month}</p>
+          </div>
+
+            <div>
+              <h2 class="itinerary-node__title">${escapeHtml(node.title)}</h2>
+            </div>
+          </header>
+
+          <div class="itinerary-node__content">
+            ${accommodationBanner}
+            ${itemsHtml}
+          </div>
+        </section>
       `;
     })
         .join('');
     const defaultItemsHtml = itinerary.defaultItems && itinerary.defaultItems.length > 0
-        ? `
-        <section class="itinerary-default-items">
-          <h2 class="itinerary-default-items__title">Algemene info</h2>
+        ? `
+        <section class="itinerary-default-items">
+          <h2 class="itinerary-default-items__title">Algemene info</h2>
           ${getUniqueItems(itinerary.defaultItems)
-            .map((item) => `
-                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
+            .map((item) => `
+                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
                   ${hasVisibleContent(item.contents)
             ? item.contents
-            : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
-                </article>
+            : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
+                </article>
               `)
-            .join('')}
-        </section>
+            .join('')}
+        </section>
       `
         : '';
-    return `
-    <div class="itinerary-shell">
-      ${itinerary.title ? `<header class="itinerary-shell__header"><h1 class="itinerary-shell__title">${escapeHtml(itinerary.title)}</h1></header>` : ''}
-
-      <div class="itinerary-shell__content">
-        ${nodesHtml}
-        ${defaultItemsHtml}
-      </div>
-    </div>
+    return `
+    <div class="itinerary-shell">
+      ${itinerary.title ? `<header class="itinerary-shell__header"><h1 class="itinerary-shell__title">${escapeHtml(itinerary.title)}</h1></header>` : ''}
+
+      <div class="itinerary-shell__content">
+        ${nodesHtml}
+        ${defaultItemsHtml}
+      </div>
+    </div>
   `;
 };
 const FullItinerary = ({ isLoading }) => {
@@ -33584,170 +33857,170 @@ const FullItinerary = ({ isLoading }) => {
         }
         const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: 'open' });
         shadowRootRef.current = shadowRoot;
-        shadowRoot.innerHTML = `
-      <style>
-        :host {
-          all: initial;
-          display: block;
-          width: 100%;
-        }
-
-        *,
-        *::before,
-        *::after {
-          box-sizing: border-box;
-        }
-
-        .itinerary-shell {
-          width: 100%;
-          margin: 0 auto;
-          font-family: 'Outfit', sans-serif;
-          color: #222;
-        }
-
-        .itinerary-shell__header {
-          margin-bottom: 24px;
-        }
-
-        .itinerary-shell__title {
-          margin: 0;
-          font-size: 32px;
-          line-height: 1.2;
-        }
-
-        .itinerary-shell__content {
-          display: grid;
-          gap: 24px;
-        }
-
-        .itinerary-node {
-          border: 1px solid #e5e7eb;
-          border-radius: 16px;
-          overflow: hidden;
-          background: #fff;
-          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
-        }
-
-        .itinerary-node__header {
-          display: flex;
-          gap: 16px;
-          align-items: center;
-          border-bottom: 1px solid #eef0f2;
-          background: #fafafa;
-        }
-
-        .itinerary-node__day {
-          flex: 50px 0 0;
-          display: flex;
-          flex-flow: column;
-          align-items: center;
-          justify-content: center;
-          background: #1f9470;
-          color: white;
-          border: 1.5px solid var(--tide-booking-color-secondary);
-        }
-
-        .itinerary-node__day-month {
-          margin: 0px;
-        }
-
-        .itinerary-node__day-day {
-          margin: 0px;
-          font-weight: var(--tide-booking-search-results-label-date-month-font-weight);
-          color: var(--tide-booking-search-results-label-date-month-color);
-          font-size: 24px;
-        }
-
-        .itinerary-node__title {
-          margin: 0;
-          font-size: 22px;
-          line-height: 1.25;
-        }
-
-        .itinerary-node__content {
-          display: grid;
-          gap: 20px;
-          padding: 20px;
-        }
-
-        .itinerary-node__accommodation-banner {
-          padding: 12px 16px;
-          border: 1px solid #dbeafe;
-          border-radius: 12px;
-          background: #eff6ff;
-          color: #1e3a8a;
-          font-size: 14px;
-          line-height: 1.4;
-        }
-
-        .itinerary-item {
-          display: block;
-          border-radius: 12px;
-          overflow: hidden;
-          background: #fff;
-        }
-
-        /* An item whose template has no content view of its own still has to read as a service. */
-        .itinerary-item__fallback {
-          padding: 16px 20px;
-          border: 1px solid #e5e7eb;
-          border-radius: 12px;
-        }
-
-        .itinerary-item__fallback-title {
-          margin: 0;
-          font-size: 16px;
-          font-weight: 600;
-          color: #111827;
-        }
-
-        .itinerary-item__legs {
-          margin: 8px 0 0;
-          padding-left: 18px;
-          color: #374151;
-        }
-
-        .itinerary-item__legs li + li {
-          margin-top: 4px;
-        }
-
-        .itinerary-item__fallback-details {
-          margin: 8px 0 0;
-          color: #6b7280;
-        }
-
-        .itinerary-node__empty,
-        .itinerary-empty {
-          padding: 20px;
-          border: 1px dashed #d1d5db;
-          border-radius: 12px;
-          color: #6b7280;
-          background: #fafafa;
-        }
-
-        .itinerary-default-items {
-          border: 1px solid #e5e7eb;
-          border-radius: 16px;
-          padding: 20px;
-          background: #fff;
-          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
-        }
-
-        .itinerary-default-items__title {
-          margin: 0 0 16px;
-          font-size: 22px;
-        }
-
-        @media (max-width: 768px) {
-          .itinerary-shell {
-            padding: 16px;
-          }
-        }
-
-        ${itinerary?.styleSheetBody ?? ''}
-      </style>
-
-      ${html}
+        shadowRoot.innerHTML = `
+      <style>
+        :host {
+          all: initial;
+          display: block;
+          width: 100%;
+        }
+
+        *,
+        *::before,
+        *::after {
+          box-sizing: border-box;
+        }
+
+        .itinerary-shell {
+          width: 100%;
+          margin: 0 auto;
+          font-family: 'Outfit', sans-serif;
+          color: #222;
+        }
+
+        .itinerary-shell__header {
+          margin-bottom: 24px;
+        }
+
+        .itinerary-shell__title {
+          margin: 0;
+          font-size: 32px;
+          line-height: 1.2;
+        }
+
+        .itinerary-shell__content {
+          display: grid;
+          gap: 24px;
+        }
+
+        .itinerary-node {
+          border: 1px solid #e5e7eb;
+          border-radius: 16px;
+          overflow: hidden;
+          background: #fff;
+          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
+        }
+
+        .itinerary-node__header {
+          display: flex;
+          gap: 16px;
+          align-items: center;
+          border-bottom: 1px solid #eef0f2;
+          background: #fafafa;
+        }
+
+        .itinerary-node__day {
+          flex: 50px 0 0;
+          display: flex;
+          flex-flow: column;
+          align-items: center;
+          justify-content: center;
+          background: #1f9470;
+          color: white;
+          border: 1.5px solid var(--tide-booking-color-secondary);
+        }
+
+        .itinerary-node__day-month {
+          margin: 0px;
+        }
+
+        .itinerary-node__day-day {
+          margin: 0px;
+          font-weight: var(--tide-booking-search-results-label-date-month-font-weight);
+          color: var(--tide-booking-search-results-label-date-month-color);
+          font-size: 24px;
+        }
+
+        .itinerary-node__title {
+          margin: 0;
+          font-size: 22px;
+          line-height: 1.25;
+        }
+
+        .itinerary-node__content {
+          display: grid;
+          gap: 20px;
+          padding: 20px;
+        }
+
+        .itinerary-node__accommodation-banner {
+          padding: 12px 16px;
+          border: 1px solid #dbeafe;
+          border-radius: 12px;
+          background: #eff6ff;
+          color: #1e3a8a;
+          font-size: 14px;
+          line-height: 1.4;
+        }
+
+        .itinerary-item {
+          display: block;
+          border-radius: 12px;
+          overflow: hidden;
+          background: #fff;
+        }
+
+        /* An item whose template has no content view of its own still has to read as a service. */
+        .itinerary-item__fallback {
+          padding: 16px 20px;
+          border: 1px solid #e5e7eb;
+          border-radius: 12px;
+        }
+
+        .itinerary-item__fallback-title {
+          margin: 0;
+          font-size: 16px;
+          font-weight: 600;
+          color: #111827;
+        }
+
+        .itinerary-item__legs {
+          margin: 8px 0 0;
+          padding-left: 18px;
+          color: #374151;
+        }
+
+        .itinerary-item__legs li + li {
+          margin-top: 4px;
+        }
+
+        .itinerary-item__fallback-details {
+          margin: 8px 0 0;
+          color: #6b7280;
+        }
+
+        .itinerary-node__empty,
+        .itinerary-empty {
+          padding: 20px;
+          border: 1px dashed #d1d5db;
+          border-radius: 12px;
+          color: #6b7280;
+          background: #fafafa;
+        }
+
+        .itinerary-default-items {
+          border: 1px solid #e5e7eb;
+          border-radius: 16px;
+          padding: 20px;
+          background: #fff;
+          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
+        }
+
+        .itinerary-default-items__title {
+          margin: 0 0 16px;
+          font-size: 22px;
+        }
+
+        @media (max-width: 768px) {
+          .itinerary-shell {
+            padding: 16px;
+          }
+        }
+
+        ${itinerary?.styleSheetBody ?? ''}
+      </style>
+
+      ${html}
     `;
     }, [html, itinerary?.styleSheetBody, isLoading]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -38971,20 +39244,20 @@ function ItineraryMapView({ destinations: propDestinations, adults = 2, dateFrom
             const isStartEnd = dest.isStart || dest.isEnd;
             let iconHtml;
             if (isStartEnd) {
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--plane">
-            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
-            </svg>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--plane">
+            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
+            </svg>
           </div>`;
             }
             else {
                 stopIndex++;
                 const imgStyle = dest.imageUrl ? `style="background-image:url('${dest.imageUrl}')"` : '';
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
-            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
-            <span class="map-view__marker-badge">${stopIndex}</span>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
+            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
+            <span class="map-view__marker-badge">${stopIndex}</span>
           </div>`;
             }
             const icon = L.divIcon({