@qite/tide-booking-component 1.3.4 → 1.3.6

package/build/build-cjs/index.js

@@ -49,7 +49,7 @@ var __assign = function() {
   return __assign.apply(this, arguments);
 };
 
-function __awaiter$1(thisArg, _arguments, P, generator) {
+function __awaiter(thisArg, _arguments, P, generator) {
   function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
   return new (P || (P = Promise))(function (resolve, reject) {
       function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -59,7 +59,7 @@ function __awaiter$1(thisArg, _arguments, P, generator) {
   });
 }
 
-function __generator$1(thisArg, body) {
+function __generator(thisArg, body) {
   var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
   return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
   function verb(n) { return function (v) { return step([n, v]); }; }
@@ -112,6 +112,7 @@ var STEPS$2 = {
 	NEXT: "Étape suivante",
 	SUBMIT_BOOKING: "Confirmer la réservation",
 	SUBMIT_OFFER: "Demander un devis",
+	SUBMIT_OPTION: "Réserver une option",
 	COMPOSE: "Composer",
 	ROOM_OPTIONS: "Options de chambre",
 	FLIGHT_OPTIONS: "Options de vol"
@@ -180,6 +181,7 @@ var PRODUCT$2 = {
 var MAIN$2 = {
 	PREPARING_BOOKING: "Veuillez patienter, nous préparons votre réservation",
 	PREPARING_OFFER: "Veuillez patienter, nous préparons votre devis",
+	PREPARING_DOSSIER: "Veuillez patienter, nous préparons votre dossier",
 	PRODUCT_UNAVAILABLE: "Produit non disponible"
 };
 var SHARED$2 = {
@@ -215,7 +217,7 @@ var SIDEBAR$2 = {
 	DEPOSIT_TEXT2: "solde restant",
 	DEPOSIT_TEXT3: " de ",
 	DEPOSIT_TEXT4: " sont détaillées à l'étape ",
-	DEPOSIT_TEXT5: "3 (\"récapitulatif\")",
+	DEPOSIT_TEXT5: "\"Récapitulatif\"",
 	DEPOSIT_TEXT6: " du processus de réservation.",
 	LUGGAGE_INCLUDED: "Bagages inclus",
 	DEPARTURE_FLIGHT: "Vol aller",
@@ -226,6 +228,7 @@ var SIDEBAR$2 = {
 	CHANGES: "correspondances"
 };
 var TRAVELERS_FORM$2 = {
+	AGE: "Age",
 	TRAVELER: "Voyageur",
 	ADULT: "adulte",
 	ADULTS: "adultes",
@@ -254,6 +257,7 @@ var TRAVELERS_FORM$2 = {
 	VALIDATION_MESSAGE: "Veuillez vérifier les champs du formulaire ci-dessous et remplissez-les correctement.",
 	BOOK_WITH_AGENT: "Je souhaite réserver auprès de mon agent de voyage local",
 	CHOOSE_OFFICE: "Je choisis une agence",
+	PERSON: "Personne",
 	COUNTRIES: {
 		BELGIUM: "Belgique",
 		NETHERLANDS: "Pays-Bas",
@@ -303,6 +307,7 @@ var SUMMARY$2 = {
 	VALIDATE_TITLE: "Vérifiez vos données",
 	VALIDATE_TEXT_BOOKING: "Vous êtes sur le point de confirmer votre réservation. Veuillez vérifier que toutes les informations sont correctes et que les noms sont tels qu'ils apparaissent sur votre carte d'identité ou votre passeport. Elles sont définitives et ne peuvent plus être modifiées.",
 	VALIDATE_TEXT_OFFER: "Vous êtes sur le point de demander un devis. Veuillez vérifier que toutes les informations sont correctes et que les noms sont tels qu'ils apparaissent sur votre carte d'identité ou votre passeport. Cela nous permettra d'éviter les problèmes en cas de réservation.",
+	VALIDATE_TEXT_OPTION: "Si vous choisissez de prendre une option, une date limite s'applique, qui dépend de la compagnie aérienne. Cette date indique jusqu'à quand vous pouvez conserver l'option avant qu'une confirmation définitive ou une annulation ne soit nécessaire.",
 	OPTIONS: "Options",
 	REMARKS: "Remarques",
 	VOUCHERS: "Bons",
@@ -314,9 +319,11 @@ var SUMMARY$2 = {
 var CONFIRMATION$2 = {
 	TITLE_TEXT_OFFER: "Votre devis numéro {0} a été demandé",
 	TITLE_TEXT_BOOKING: "Votre réservation avec le numéro {0} est confirmée",
+	TITLE_TEXT_OPTION: "Vous avez pris une option pour numéro {0}.",
 	MESSAGE_TEXT1: "Votre voyage de rêve est maintenant très proche.",
 	MESSAGE_TEXT2_OFFER: "Nos spécialistes voyages traitent votre demande et vous contacteront dans les 48 heures.",
 	MESSAGE_TEXT2_BOOKING: "Nos spécialistes voyages traitent votre réservation et vous contacteront dans les 48 heures.",
+	MESSAGE_TEXT2_OPTION: "Nos spécialistes du voyage ont pris note de votre réservation et vous contacteront dans les 48 heures pour confirmer ou discuter de votre option.",
 	QUESTIONS_TEXT1: "Avez-vous d'autres questions? ",
 	QUESTIONS_TEXT2: "Faites-le nous savoir",
 	QUESTIONS_TEXT3: ".",
@@ -364,6 +371,7 @@ var STEPS$1 = {
 	NEXT: "Volgende stap",
 	SUBMIT_BOOKING: "Bevestig boeking",
 	SUBMIT_OFFER: "Vraag offerte aan",
+	SUBMIT_OPTION: "Neem een optie",
 	COMPOSE: "Samenstellen",
 	ROOM_OPTIONS: "Kamer opties",
 	FLIGHT_OPTIONS: "Vlucht opties"
@@ -432,6 +440,7 @@ var PRODUCT$1 = {
 var MAIN$1 = {
 	PREPARING_BOOKING: "Even geduld, we bereiden uw boeking voor",
 	PREPARING_OFFER: "Even geduld, we bereiden uw offerte voor",
+	PREPARING_DOSSIER: "Even geduld, we bereiden uw dossier voor",
 	PRODUCT_UNAVAILABLE: "Product niet beschikbaar"
 };
 var SHARED$1 = {
@@ -467,7 +476,7 @@ var SIDEBAR$1 = {
 	DEPOSIT_TEXT2: "restbedrag",
 	DEPOSIT_TEXT3: " van ",
 	DEPOSIT_TEXT4: " wordt op ",
-	DEPOSIT_TEXT5: "stap 3 (\"overzicht\")",
+	DEPOSIT_TEXT5: "stap \"Overzicht\"",
 	DEPOSIT_TEXT6: " in het boekingsproces beschreven.",
 	LUGGAGE_INCLUDED: "Inclusief bagage",
 	DEPARTURE_FLIGHT: "Vlucht heenreis",
@@ -478,6 +487,7 @@ var SIDEBAR$1 = {
 	CHANGES: "overstappen"
 };
 var TRAVELERS_FORM$1 = {
+	AGE: "Leeftijd",
 	TRAVELER: "Reiziger",
 	ADULT: "volwassene",
 	ADULTS: "volwassenen",
@@ -506,6 +516,7 @@ var TRAVELERS_FORM$1 = {
 	VALIDATION_MESSAGE: "Controleer onderstaande velden in het formulier en vul deze correct in.",
 	BOOK_WITH_AGENT: "Ik wens te boeken bij mijn lokale reisagent",
 	CHOOSE_OFFICE: "Ik kies een kantoor",
+	PERSON: "Persoon",
 	COUNTRIES: {
 		BELGIUM: "België",
 		NETHERLANDS: "Nederland",
@@ -555,6 +566,7 @@ var SUMMARY$1 = {
 	VALIDATE_TITLE: "Controleer je gegevens",
 	VALIDATE_TEXT_BOOKING: "Je staat op het punt je boeking te bevestigen. Controleer of alle gegevens correct zijn en de namen zoals vermeld op je identiteitskaart of paspoort gebruikt worden. Deze zijn definitief en niet meer aanpasbaar.",
 	VALIDATE_TEXT_OFFER: "Je staat op het punt een offerte aan te vragen. Controleer of alle gegevens correct zijn en de namen zoals vermeld op je identiteitskaart of paspoort gebruikt worden. Zo vermijden we problemen bij een eventuele boeking.",
+	VALIDATE_TEXT_OPTION: "Indien je ervoor kiest om een optie te nemen, geldt er een uiterste optie datum die afhankelijk is van de airline. Deze datum geeft aan tot wanneer je de optie kunt behouden voordat een definitieve bevestiging of annulering noodzakelijk is.",
 	OPTIONS: "Opties",
 	REMARKS: "Opmerkingen",
 	VOUCHERS: "Vouchers",
@@ -566,9 +578,11 @@ var SUMMARY$1 = {
 var CONFIRMATION$1 = {
 	TITLE_TEXT_OFFER: "Je offerte met nummer {0} is aangevraagd",
 	TITLE_TEXT_BOOKING: "Je boeking met nummer {0} is bevestigd",
+	TITLE_TEXT_OPTION: "Je optie met nummer {0} is aangevraagd",
 	MESSAGE_TEXT1: "Jouw droomreis komt nu heel dichtbij.",
 	MESSAGE_TEXT2_OFFER: "Onze reisspecialisten verwerken je aanvraag en nemen binnen de 48u contact met je op.",
 	MESSAGE_TEXT2_BOOKING: "Onze reisspecialisten verwerken je reservatie en nemen binnen de 48u contact met je op.",
+	MESSAGE_TEXT2_OPTION: "Onze reisspecialisten hebben je reservatie genoteerd en nemen binnen de 48u contact met je op om je optie te bevestigen of te bespreken.",
 	QUESTIONS_TEXT1: "Heb je nog vragen? ",
 	QUESTIONS_TEXT2: "Laat het ons weten",
 	QUESTIONS_TEXT3: ".",
@@ -616,6 +630,7 @@ var STEPS = {
 	NEXT: "Next step",
 	SUBMIT_BOOKING: "Confirm booking",
 	SUBMIT_OFFER: "Request quote",
+	SUBMIT_OPTION: "Take an option",
 	COMPOSE: "Compose",
 	ROOM_OPTIONS: "Room options",
 	FLIGHT_OPTIONS: "Flight options"
@@ -684,6 +699,7 @@ var PRODUCT = {
 var MAIN = {
 	PREPARING_BOOKING: "Please wait, we are preparing your booking",
 	PREPARING_OFFER: "Please wait, we are preparing your quote",
+	PREPARING_DOSSIER: "Please wait, we are preparing your file",
 	PRODUCT_UNAVAILABLE: "Product not available"
 };
 var SHARED = {
@@ -719,7 +735,7 @@ var SIDEBAR = {
 	DEPOSIT_TEXT2: "remaining balance",
 	DEPOSIT_TEXT3: " of ",
 	DEPOSIT_TEXT4: " are described in ",
-	DEPOSIT_TEXT5: "step 3 (\"summary\")",
+	DEPOSIT_TEXT5: "step \"Summary\"",
 	DEPOSIT_TEXT6: " of the booking process.",
 	LUGGAGE_INCLUDED: "Luggage included",
 	DEPARTURE_FLIGHT: "Outbound flight",
@@ -730,6 +746,7 @@ var SIDEBAR = {
 	CHANGES: "transfers"
 };
 var TRAVELERS_FORM = {
+	AGE: "Age",
 	TRAVELER: "Traveler",
 	ADULT: "adult",
 	ADULTS: "adults",
@@ -758,6 +775,7 @@ var TRAVELERS_FORM = {
 	VALIDATION_MESSAGE: "Please check the fields below and fill them in correctly.",
 	BOOK_WITH_AGENT: "I want to book through my local travel agent",
 	CHOOSE_OFFICE: "I choose an office",
+	PERSON: "Person",
 	COUNTRIES: {
 		BELGIUM: "Belgium",
 		NETHERLANDS: "Netherlands",
@@ -807,6 +825,7 @@ var SUMMARY = {
 	VALIDATE_TITLE: "Check your information",
 	VALIDATE_TEXT_BOOKING: "You are about to confirm your booking. Please check that all information is correct and that names are exactly as shown on your ID or passport. This information is final and cannot be changed.",
 	VALIDATE_TEXT_OFFER: "You are about to request a quote. Please check that all information is correct and that names are exactly as shown on your ID or passport. This helps us avoid problems if you book later.",
+	VALIDATE_TEXT_OPTION: "If you choose to take an option, there is a deadline for exercising that option, which depends on the airline. This date indicates how long you can hold the option before a final confirmation or cancellation is required.",
 	OPTIONS: "Options",
 	REMARKS: "Remarks",
 	VOUCHERS: "Vouchers",
@@ -818,9 +837,11 @@ var SUMMARY = {
 var CONFIRMATION = {
 	TITLE_TEXT_OFFER: "Your quote with number {0} has been requested",
 	TITLE_TEXT_BOOKING: "Your booking with number {0} has been confirmed",
+	TITLE_TEXT_OPTION: "You have taken an option on number {0}.",
 	MESSAGE_TEXT1: "Your dream trip is now very close.",
 	MESSAGE_TEXT2_OFFER: "Our travel specialists are processing your request and will contact you within 48 hours.",
 	MESSAGE_TEXT2_BOOKING: "Our travel specialists are processing your booking and will contact you within 48 hours.",
+	MESSAGE_TEXT2_OPTION: "Our travel specialists have noted your reservation and will contact you within 48 hours to confirm or discuss your option.",
 	QUESTIONS_TEXT1: "Do you have any questions? ",
 	QUESTIONS_TEXT2: "Let us know",
 	QUESTIONS_TEXT3: ".",
@@ -984,11 +1005,26 @@ var SettingsContext$1 = React__default["default"].createContext({
     priceMode: 0,
 });
 
-var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var build = {};
 
-Object.defineProperty(build, "__esModule", { value: true });
+(function (exports) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+
+var AllotmentKind;
+(function (AllotmentKind) {
+  AllotmentKind[(AllotmentKind["perUnit"] = 0)] = "perUnit";
+  AllotmentKind[(AllotmentKind["perMember"] = 1)] = "perMember";
+})(AllotmentKind || (AllotmentKind = {}));
+
+exports.AllotmentStatus = void 0;
+(function (AllotmentStatus) {
+  AllotmentStatus[(AllotmentStatus["bookable"] = 0)] = "bookable";
+  AllotmentStatus[(AllotmentStatus["closed"] = 1)] = "closed";
+  AllotmentStatus[(AllotmentStatus["hidden"] = 2)] = "hidden";
+})(exports.AllotmentStatus || (exports.AllotmentStatus = {}));
 
 var AllotmentType = {
   freeSell: 0,
@@ -1016,7 +1052,27 @@ var DataType = {
   template: "template",
 };
 
-var EntryStatus;
+var EntryLineStatus = {
+  cancellationByClient: 0,
+  cancellationByYou: 1,
+  noAllotment: 2,
+  offer: 3,
+  ok: 4,
+  option: 5,
+  onRequest: 6,
+  requestConfirmed: 7,
+  requestDenied: 8,
+  requestSent: 9,
+  pending: 10,
+  notBookable: 11,
+  noAllotmentFallbackToRealtimeFlight: 12,
+  notBookableFallbackToRealtimeFlight: 13,
+  error: 14,
+  bookingConfirmed: 15,
+  cancellationConfirmed: 16,
+};
+
+exports.EntryStatus = void 0;
 (function (EntryStatus) {
   EntryStatus[(EntryStatus["new"] = -1)] = "new";
   EntryStatus[(EntryStatus["offer"] = 0)] = "offer";
@@ -1025,7 +1081,7 @@ var EntryStatus;
   EntryStatus[(EntryStatus["cancellationByClient"] = 3)] =
     "cancellationByClient";
   EntryStatus[(EntryStatus["cancellationByYou"] = 4)] = "cancellationByYou";
-})(EntryStatus || (EntryStatus = {}));
+})(exports.EntryStatus || (exports.EntryStatus = {}));
 
 var Gender = {
   male: 0,
@@ -1033,6 +1089,14 @@ var Gender = {
   other: 2,
 };
 
+var MetaDataItemPropertyType;
+(function (MetaDataItemPropertyType) {
+  MetaDataItemPropertyType[(MetaDataItemPropertyType["Height"] = 0)] = "Height";
+  MetaDataItemPropertyType[(MetaDataItemPropertyType["Length"] = 1)] = "Length";
+  MetaDataItemPropertyType[(MetaDataItemPropertyType["Width"] = 2)] = "Width";
+  MetaDataItemPropertyType[(MetaDataItemPropertyType["Weight"] = 3)] = "Weight";
+})(MetaDataItemPropertyType || (MetaDataItemPropertyType = {}));
+
 var MetaDataType = {
   flight: 0,
   publicTransport: 1,
@@ -1097,6 +1161,13 @@ var ServiceType = {
   camp: 30,
 };
 
+var UnitOfMeasure;
+(function (UnitOfMeasure) {
+  UnitOfMeasure[(UnitOfMeasure["cm"] = 0)] = "cm";
+  UnitOfMeasure[(UnitOfMeasure["kg"] = 1)] = "kg";
+  UnitOfMeasure[(UnitOfMeasure["lb"] = 2)] = "lb";
+})(UnitOfMeasure || (UnitOfMeasure = {}));
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -1353,13 +1424,13 @@ var get$1 = function (url, apiKey, token, signal, languageCode) {
   });
 };
 
-var commonjsGlobal =
+var commonjsGlobal$1 =
   typeof globalThis !== "undefined"
     ? globalThis
     : typeof window !== "undefined"
     ? window
-    : typeof commonjsGlobal$1 !== "undefined"
-    ? commonjsGlobal$1
+    : typeof commonjsGlobal !== "undefined"
+    ? commonjsGlobal
     : typeof self !== "undefined"
     ? self
     : {};
@@ -1377,7 +1448,7 @@ var moment$1 = { exports: {} };
 (function (module, exports) {
   (function (global, factory) {
     module.exports = factory();
-  })(commonjsGlobal, function () {
+  })(commonjsGlobal$1, function () {
     var hookCallback;
 
     function hooks() {
@@ -7065,6 +7136,9 @@ var post = function (
           return [4 /*yield*/, response.text()];
         case 2:
           responseBody = _a.sent();
+          if (!responseBody) {
+            return [2 /*return*/, null];
+          }
           result = skipReviver
             ? JSON.parse(responseBody)
             : JSON.parse(responseBody, reviver);
@@ -7096,6 +7170,9 @@ var patch = function (
           return [4 /*yield*/, response.text()];
         case 2:
           responseBody = _a.sent();
+          if (!responseBody) {
+            return [2 /*return*/, {}];
+          }
           result = skipReviver
             ? JSON.parse(responseBody)
             : JSON.parse(responseBody, reviver);
@@ -7567,6 +7644,17 @@ var getEntryList = function (config, filterItem, gridColumns, signal) {
   var apiKey = config.apiKey;
   return get(url, apiKey, config.token, signal, true);
 };
+var getEntryListv2 = function (config, filterItem, gridColumns, signal) {
+  var params = createParams(filterItem, false, gridColumns);
+  var queryString = Object.keys(params)
+    .map(function (key) {
+      return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
+    })
+    .join("&");
+  var url = "" + config.host + ENDPOINT$3 + "/v2/entry/list?" + queryString;
+  var apiKey = config.apiKey;
+  return get(url, apiKey, config.token, signal, true);
+};
 var getEntryTotals = function (config, filterItem, gridColumns, signal) {
   var params = createParams(filterItem, false, gridColumns);
   var queryString = Object.keys(params)
@@ -7578,6 +7666,11 @@ var getEntryTotals = function (config, filterItem, gridColumns, signal) {
   var apiKey = config.apiKey;
   return get(url, apiKey, config.token, signal, true);
 };
+var getEntryDetailv2 = function (config, entryId, signal) {
+  var url = "" + config.host + ENDPOINT$3 + "/v2/entry/detail/" + entryId;
+  var apiKey = config.apiKey;
+  return get(url, apiKey, config.token, signal, true);
+};
 var getInvoiceList = function (config, filterItem, gridColumns, signal) {
   var params = createParams(filterItem, false, gridColumns);
   var queryString = Object.keys(params)
@@ -7605,6 +7698,22 @@ var changeEntryAgentSurcharge = function (config, request, signal) {
   var body = JSON.stringify(request);
   return post$1(url, apiKey, body, config.token, signal);
 };
+var getAllotmentList = function (config, filterItem, gridColumns, signal) {
+  var params = createParams(filterItem, false, gridColumns);
+  var queryString = Object.keys(params)
+    .map(function (key) {
+      return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
+    })
+    .join("&");
+  var url = "" + config.host + ENDPOINT$3 + "/allotment/list?" + queryString;
+  var apiKey = config.apiKey;
+  return get(url, apiKey, config.token, signal, true);
+};
+var getAllotment = function (config, allotmentId, signal) {
+  var url = "" + config.host + ENDPOINT$3 + "/allotment/" + allotmentId;
+  var apiKey = config.apiKey;
+  return get(url, apiKey, config.token, signal, true);
+};
 
 var ENDPOINT$2 = "/api/web";
 var ENDPOINT_CREATE_CRM_CONTACT = ENDPOINT$2 + "/crmcontact";
@@ -7638,7 +7747,7 @@ var ContactForm = function (config, request, signal) {
   var url = "" + config.host + ENDPOINT_CONTACT_FORM$1;
   var apiKey = config.apiKey;
   var body = JSON.stringify(request);
-  return post(url, apiKey, body, config.token, signal);
+  return post(url, apiKey, body, config.token, signal, true);
 };
 /**
  * api/web/affiliates
@@ -7719,57 +7828,64 @@ var feedXmlFolder = function (config, slug, folder, signal) {
   return get$1(url, apiKey, config.token, signal);
 };
 
-build.AllotmentType = AllotmentType;
-build.AvailabilitySearchType = AvailabilitySearchType;
-build.ContactForm = ContactForm;
-var Gender_1 = build.Gender = Gender;
-build.MetaDataType = MetaDataType;
-build.RequirementType = RequirementType;
-build.ServiceType = ServiceType;
-var agents_1 = build.agents = agents;
-build.alternateFlights = alternateFlights;
-build.alternateHotels = alternateHotels;
-build.availableCountries = availableCountries;
-build.availableFlights = availableFlights;
-var book_1 = build.book = book;
-build.bookableDates = bookableDates;
-build.changeEntryAgentSurcharge = changeEntryAgentSurcharge;
-build.confirm = confirm;
-build.contactForm = contactForm;
-build.contactHasTag = contactHasTag;
-build.createCrmContact = createCrmContact;
-build.createParams = createParams;
-var details_1 = build.details = details;
-build.feedXml = feedXml;
-build.feedXmlFolder = feedXmlFolder;
-build.forgotPassword = forgotPassword;
-var generateBookingAccommodations_1 = build.generateBookingAccommodations = generateBookingAccommodations;
-build.getAffiliates = getAffiliates;
-build.getAllotmentAvailability = getAllotmentAvailability;
-build.getCountries = getCountries;
-build.getCustomEntryStatus = getCustomEntryStatus;
-build.getEntryList = getEntryList;
-build.getEntryStatus = getEntryStatus;
-build.getEntryTotals = getEntryTotals;
-build.getInvoiceList = getInvoiceList;
-build.getMolliePayment = getMolliePayment;
-build.getPrintActions = getPrintActions;
-build.getTranslationDictionary = getTranslationDictionary;
-build.login = login;
-build.logout = logout;
-var priceDetails_1 = build.priceDetails = priceDetails;
-build.prices = prices;
-var print_1 = build.print = print;
-build.resetPassword = resetPassword;
-build.search = search;
-build.searchFlightPool = searchFlightPool;
-build.searchWithErrorMapping = searchWithErrorMapping;
-build.setCustomEntryStatus = setCustomEntryStatus;
-build.setEntryStatus = setEntryStatus;
-build.tourCodes = tourCodes;
-build.transportDates = transportDates;
-build.update = update;
-var validateVoucher_1 = build.validateVoucher = validateVoucher;
+exports.AllotmentType = AllotmentType;
+exports.AvailabilitySearchType = AvailabilitySearchType;
+exports.ContactForm = ContactForm;
+exports.EntryLineStatus = EntryLineStatus;
+exports.Gender = Gender;
+exports.MetaDataType = MetaDataType;
+exports.RequirementType = RequirementType;
+exports.ServiceType = ServiceType;
+exports.agents = agents;
+exports.alternateFlights = alternateFlights;
+exports.alternateHotels = alternateHotels;
+exports.availableCountries = availableCountries;
+exports.availableFlights = availableFlights;
+exports.book = book;
+exports.bookableDates = bookableDates;
+exports.changeEntryAgentSurcharge = changeEntryAgentSurcharge;
+exports.confirm = confirm;
+exports.contactForm = contactForm;
+exports.contactHasTag = contactHasTag;
+exports.createCrmContact = createCrmContact;
+exports.createParams = createParams;
+exports.details = details;
+exports.feedXml = feedXml;
+exports.feedXmlFolder = feedXmlFolder;
+exports.forgotPassword = forgotPassword;
+exports.generateBookingAccommodations = generateBookingAccommodations;
+exports.getAffiliates = getAffiliates;
+exports.getAllotment = getAllotment;
+exports.getAllotmentAvailability = getAllotmentAvailability;
+exports.getAllotmentList = getAllotmentList;
+exports.getCountries = getCountries;
+exports.getCustomEntryStatus = getCustomEntryStatus;
+exports.getEntryDetailv2 = getEntryDetailv2;
+exports.getEntryList = getEntryList;
+exports.getEntryListv2 = getEntryListv2;
+exports.getEntryStatus = getEntryStatus;
+exports.getEntryTotals = getEntryTotals;
+exports.getInvoiceList = getInvoiceList;
+exports.getMolliePayment = getMolliePayment;
+exports.getPrintActions = getPrintActions;
+exports.getTranslationDictionary = getTranslationDictionary;
+exports.login = login;
+exports.logout = logout;
+exports.priceDetails = priceDetails;
+exports.prices = prices;
+exports.print = print;
+exports.resetPassword = resetPassword;
+exports.search = search;
+exports.searchFlightPool = searchFlightPool;
+exports.searchWithErrorMapping = searchWithErrorMapping;
+exports.setCustomEntryStatus = setCustomEntryStatus;
+exports.setEntryStatus = setEntryStatus;
+exports.tourCodes = tourCodes;
+exports.transportDates = transportDates;
+exports.update = update;
+exports.validateVoucher = validateVoucher;
+
+}(build));
 
 function buildTideClientConfig(settings) {
     var HOST = (settings === null || settings === void 0 ? void 0 : settings.apiUrl) || process.env.REACT_APP_BOOKING_HOST;
@@ -7798,13 +7914,13 @@ var selectAgentToken = function () {
     return token !== null && token !== void 0 ? token : undefined;
 };
 
-var fetchDetails$1 = function (request, signal, languageCode, apiSettings) { return __awaiter$1(void 0, void 0, void 0, function () {
+var fetchDetails$1 = function (request, signal, languageCode, apiSettings) { return __awaiter(void 0, void 0, void 0, function () {
     var tideClientConfig;
-    return __generator$1(this, function (_a) {
+    return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 tideClientConfig = buildTideClientConfig(apiSettings);
-                return [4 /*yield*/, details_1(tideClientConfig, request, signal, languageCode)];
+                return [4 /*yield*/, build.details(tideClientConfig, request, signal, languageCode)];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
@@ -9488,6 +9604,9 @@ var Rooms = function (_a) {
     var rooms = _a.rooms, isDisabled = _a.isDisabled, setIsDisabled = _a.setIsDisabled, onChange = _a.onChange;
     var _b = React.useState(false), isTouched = _b[0], setIsTouched = _b[1];
     var _c = React.useState(rooms), currentRooms = _c[0], setRoomState = _c[1];
+    React.useEffect(function () {
+        setRoomState(rooms);
+    }, [rooms]);
     var language = React.useContext(SettingsContext$1).language;
     var translations = getTranslations(language);
     var handleCloseClick = function () {
@@ -9577,9 +9696,9 @@ var Product = function (_a) {
     ]), rooms = _l[0], setRooms = _l[1];
     var _m = React.useState(), dateRange = _m[0], setDateRange = _m[1];
     var _o = React.useState(productName), packageProductName = _o[0], setPackageProductName = _o[1];
-    var fetchPackage = function (signal) { return __awaiter$1(void 0, void 0, void 0, function () {
+    var fetchPackage = function (signal) { return __awaiter(void 0, void 0, void 0, function () {
         var apiSettingsState, startDate, endDate, requestRooms, request, response, selectedOption, hasFlight_1, hasTranfer;
-        return __generator$1(this, function (_a) {
+        return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     if (!(loaded &&
@@ -9668,7 +9787,7 @@ var Product = function (_a) {
         if (dateRange === null || dateRange === void 0 ? void 0 : dateRange.toDate) {
             params["endDate"] = dateFns.format(dateRange.toDate, "yyyy-MM-dd");
         }
-        params["catalog"] = catalogueId.toString();
+        params["catalogueId"] = catalogueId.toString();
         if (addProductToQuery) {
             params["productCode"] = productCode;
             params["productName"] = encodeURI(packageProductName);
@@ -9690,8 +9809,8 @@ var Product = function (_a) {
     React.useEffect(function () {
         var controller = new AbortController();
         var signal = controller.signal;
-        (function () { return __awaiter$1(void 0, void 0, void 0, function () {
-            return __generator$1(this, function (_a) {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
                 fetchPackage(signal);
                 return [2 /*return*/];
             });
@@ -9707,8 +9826,10 @@ var Product = function (_a) {
     React.useEffect(function () {
         var params = new URLSearchParams(location.search);
         var rooms = getRoomsFromParams(params, "rooms");
-        var from = getDateAsDateFromParams(params, "from");
-        var to = getDateAsDateFromParams(params, "to");
+        var from = getDateAsDateFromParams(params, "from")
+            || getDateAsDateFromParams(params, "startDate");
+        var to = getDateAsDateFromParams(params, "to")
+            || getDateAsDateFromParams(params, "endDate");
         if (rooms) {
             setRooms(rooms);
         }
@@ -9780,18 +9901,18 @@ var selectFormRooms = toolkit.createSelector(selectRequestRooms$1, function (roo
             };
             x.pax.forEach(function (p) {
                 if (p.age && p.age > CHILD_MAX_AGE) {
-                    formRoom.adults.push(p.id);
+                    formRoom.adults.push({ id: p.id, age: 30 });
                 }
                 else if (p.age && p.age <= CHILD_MAX_AGE) {
-                    formRoom.children.push(p.id);
+                    formRoom.children.push({ id: p.id, age: p.age });
                 }
                 else if (p.dateOfBirth) {
-                    var diff = dateFns.differenceInYears(new Date(), new Date(p.dateOfBirth));
-                    if (diff > CHILD_MAX_AGE) {
-                        formRoom.adults.push(p.id);
+                    var age = dateFns.differenceInYears(new Date(), new Date(p.dateOfBirth));
+                    if (age > CHILD_MAX_AGE) {
+                        formRoom.adults.push({ id: p.id, age: 30 });
                     }
                     else {
-                        formRoom.children.push(p.id);
+                        formRoom.children.push({ id: p.id, age: age });
                     }
                 }
             });
@@ -9802,35 +9923,35 @@ var selectFormRooms = toolkit.createSelector(selectRequestRooms$1, function (roo
 });
 var travelersFormReducer = travelersFormSlice.reducer;
 
-var fetchDetails = function (request, signal, languageCode, apiSettings) { return __awaiter$1(void 0, void 0, void 0, function () {
+var fetchDetails = function (request, signal, languageCode, apiSettings) { return __awaiter(void 0, void 0, void 0, function () {
     var tideClientConfig;
-    return __generator$1(this, function (_a) {
+    return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 tideClientConfig = buildTideClientConfig(apiSettings);
-                return [4 /*yield*/, details_1(tideClientConfig, request, signal, languageCode)];
+                return [4 /*yield*/, build.details(tideClientConfig, request, signal, languageCode)];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
 }); };
-var fetchAgents$1 = function (signal, apiSettings) { return __awaiter$1(void 0, void 0, void 0, function () {
+var fetchAgents$1 = function (signal, apiSettings) { return __awaiter(void 0, void 0, void 0, function () {
     var tideClientConfig;
-    return __generator$1(this, function (_a) {
+    return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 tideClientConfig = buildTideClientConfig(apiSettings);
-                return [4 /*yield*/, agents_1(tideClientConfig, signal)];
+                return [4 /*yield*/, build.agents(tideClientConfig, signal)];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
 }); };
-var fetchAccommodationViews$1 = function (request, signal, apiSettings) { return __awaiter$1(void 0, void 0, void 0, function () {
+var fetchAccommodationViews$1 = function (request, signal, apiSettings) { return __awaiter(void 0, void 0, void 0, function () {
     var tideClientConfig;
-    return __generator$1(this, function (_a) {
+    return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 tideClientConfig = buildTideClientConfig(apiSettings);
-                return [4 /*yield*/, generateBookingAccommodations_1(tideClientConfig, request, signal)];
+                return [4 /*yield*/, build.generateBookingAccommodations(tideClientConfig, request, signal)];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
@@ -9849,13 +9970,13 @@ var SUMMARY_STEP = 5;
 var CONFIRMATION_STEP = 6;
 var ERROR_STEP = 7;
 
-var fetchPriceDetails$1 = function (apiSettings, request, signal, languageCode) { return __awaiter$1(void 0, void 0, void 0, function () {
+var fetchPriceDetails$1 = function (apiSettings, request, signal, languageCode) { return __awaiter(void 0, void 0, void 0, function () {
     var tideClientConfig;
-    return __generator$1(this, function (_a) {
+    return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 tideClientConfig = buildTideClientConfig(apiSettings);
-                return [4 /*yield*/, priceDetails_1(tideClientConfig, request, signal, languageCode)];
+                return [4 /*yield*/, build.priceDetails(tideClientConfig, request, signal, languageCode)];
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
@@ -9924,9 +10045,9 @@ var updateBookingGroups = function (groups, changedLines) {
 var _a$2;
 var fetchPriceDetails = toolkit.createAsyncThunk("priceDetails/fetchPriceDetails", function (_, _a) {
     var dispatch = _a.dispatch, getState = _a.getState, signal = _a.signal;
-    return __awaiter$1(void 0, void 0, void 0, function () {
+    return __awaiter(void 0, void 0, void 0, function () {
         var state, languageCode, request, priceDetails, packageDetails, updatedPackageDetails;
-        return __generator$1(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     dispatch(setFetchingPriceDetails(true));
@@ -10107,6 +10228,9 @@ var selectBookingAttributes = function (state) {
 var selectBookingNumber = function (state) {
     return state.booking.bookingNumber;
 };
+var selectIsOption = function (state) {
+    return state.booking.isOption;
+};
 var selectBookingRooms = function (state) { var _a; return (_a = state.booking.bookingAttributes) === null || _a === void 0 ? void 0 : _a.rooms; };
 var selectBookingRemarks = function (state) { return state.booking.remarks; };
 var selectVoucherCodes = function (state) {
@@ -10290,18 +10414,19 @@ var buildPax = function (traveler, mainBookerId) {
         firstName: traveler.firstName,
         lastName: traveler.lastName,
         dateOfBirth: traveler.birthDate,
+        age: traveler.birthDate ? null : traveler.age,
         isMainBooker: traveler.id == mainBookerId,
     };
 };
 var parseGender = function (gender) {
     switch (gender) {
         case "m":
-            return Gender_1.male;
+            return build.Gender.male;
         case "f":
-            return Gender_1.female;
+            return build.Gender.female;
         case "x":
         default:
-            return Gender_1.other;
+            return build.Gender.other;
     }
 };
 
@@ -10343,8 +10468,8 @@ var initialState$2 = {
 };
 var fetchPackage = toolkit.createAsyncThunk("booking/fetchPackage", function (_, _a) {
     var dispatch = _a.dispatch;
-    return __awaiter$1(void 0, void 0, void 0, function () {
-        return __generator$1(this, function (_b) {
+    return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     dispatch(setFetchingPackage(true));
@@ -10365,9 +10490,9 @@ var fetchPackage = toolkit.createAsyncThunk("booking/fetchPackage", function (_,
 });
 var fetchAgents = toolkit.createAsyncThunk("booking/agents", function (_, _a) {
     _a.dispatch; var getState = _a.getState, signal = _a.signal;
-    return __awaiter$1(void 0, void 0, void 0, function () {
+    return __awaiter(void 0, void 0, void 0, function () {
         var settings;
-        return __generator$1(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     settings = getState();
@@ -10379,10 +10504,10 @@ var fetchAgents = toolkit.createAsyncThunk("booking/agents", function (_, _a) {
 });
 var fetchPackageDetails = toolkit.createAsyncThunk("booking/details", function (_, _a) {
     _a.dispatch; var getState = _a.getState, signal = _a.signal;
-    return __awaiter$1(void 0, void 0, void 0, function () {
+    return __awaiter(void 0, void 0, void 0, function () {
         var state, officeId, productAttributes, bookingAttributes, agentId, rooms, languageCode, requestRooms, isAllotment, searchType, outwardFlight, returnFlight, request;
         var _b;
-        return __generator$1(this, function (_c) {
+        return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
                     state = getState();
@@ -10441,7 +10566,7 @@ var fetchPackageDetails = toolkit.createAsyncThunk("booking/details", function (
                         agentId: agentId,
                         payload: {
                             searchType: searchType,
-                            catalogueId: bookingAttributes.catalog,
+                            catalogueId: bookingAttributes.catalogueId,
                             productCode: productAttributes.productCode,
                             fromDate: bookingAttributes.startDate,
                             toDate: bookingAttributes.endDate,
@@ -10464,9 +10589,9 @@ var fetchPackageDetails = toolkit.createAsyncThunk("booking/details", function (
 });
 var fetchAccommodationViews = toolkit.createAsyncThunk("booking/accommodationViews", function (_, _a) {
     _a.dispatch; var getState = _a.getState, signal = _a.signal;
-    return __awaiter$1(void 0, void 0, void 0, function () {
+    return __awaiter(void 0, void 0, void 0, function () {
         var state, languageCode, accommodationCodes, productCode, request;
-        return __generator$1(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     state = getState();
@@ -10688,6 +10813,9 @@ var bookingSlice = toolkit.createSlice({
         setAccommodationViewId: function (state, action) {
             state.accommodationViewId = action.payload;
         },
+        setIsOption: function (state, action) {
+            state.isOption = action.payload;
+        }
     },
     extraReducers: function (builder) {
         builder.addCase(fetchPackageDetails.fulfilled, function (state, action) {
@@ -10804,7 +10932,7 @@ var bookingSlice = toolkit.createSlice({
         });
     },
 });
-var setOfficeId = (_a$1 = bookingSlice.actions, _a$1.setOfficeId), setLanguageCode = _a$1.setLanguageCode, setTranslations = _a$1.setTranslations, setBookingOptions = _a$1.setBookingOptions, setBookingType = _a$1.setBookingType, setProductAttributes = _a$1.setProductAttributes, setBookingAttributes = _a$1.setBookingAttributes, setCalculateDeposit = _a$1.setCalculateDeposit, setBookingNumber = _a$1.setBookingNumber, setIsRetry = _a$1.setIsRetry, setFetchingPackage = _a$1.setFetchingPackage, setPackage = _a$1.setPackage, setPackageRooms = _a$1.setPackageRooms, setPackageOptionPax = _a$1.setPackageOptionPax, setPackageOptionUnits = _a$1.setPackageOptionUnits, setPackageGroups = _a$1.setPackageGroups, setSkipPayment = _a$1.setSkipPayment, setGeneratePaymentUrl = _a$1.setGeneratePaymentUrl, setTagIds = _a$1.setTagIds, setAgentAdressId = _a$1.setAgentAdressId, setBookingRemarks = _a$1.setBookingRemarks, setVoucherCodes = _a$1.setVoucherCodes, setCurrentStep = _a$1.setCurrentStep, setPackageAirlineGroups = _a$1.setPackageAirlineGroups, setPackageAirportGroups = _a$1.setPackageAirportGroups, setFlights = _a$1.setFlights, setAccommodationViewId = _a$1.setAccommodationViewId;
+var setOfficeId = (_a$1 = bookingSlice.actions, _a$1.setOfficeId), setLanguageCode = _a$1.setLanguageCode, setTranslations = _a$1.setTranslations, setBookingOptions = _a$1.setBookingOptions, setBookingType = _a$1.setBookingType, setProductAttributes = _a$1.setProductAttributes, setBookingAttributes = _a$1.setBookingAttributes, setCalculateDeposit = _a$1.setCalculateDeposit, setBookingNumber = _a$1.setBookingNumber, setIsRetry = _a$1.setIsRetry, setFetchingPackage = _a$1.setFetchingPackage, setPackage = _a$1.setPackage, setPackageRooms = _a$1.setPackageRooms, setPackageOptionPax = _a$1.setPackageOptionPax, setPackageOptionUnits = _a$1.setPackageOptionUnits, setPackageGroups = _a$1.setPackageGroups, setSkipPayment = _a$1.setSkipPayment, setGeneratePaymentUrl = _a$1.setGeneratePaymentUrl, setTagIds = _a$1.setTagIds, setAgentAdressId = _a$1.setAgentAdressId, setBookingRemarks = _a$1.setBookingRemarks, setVoucherCodes = _a$1.setVoucherCodes, setCurrentStep = _a$1.setCurrentStep, setPackageAirlineGroups = _a$1.setPackageAirlineGroups, setPackageAirportGroups = _a$1.setPackageAirportGroups, setFlights = _a$1.setFlights, setAccommodationViewId = _a$1.setAccommodationViewId, setIsOption = _a$1.setIsOption;
 var bookingReducer = bookingSlice.reducer;
 
 var SettingsContext = React__default["default"].createContext({
@@ -11132,6 +11260,7 @@ var Confirmation = function () {
     var settings = React.useContext(SettingsContext);
     var bookingNumber = reactRedux.useSelector(selectBookingNumber);
     var bookingQueryString = reactRedux.useSelector(selectBookingQueryString);
+    var isOption = reactRedux.useSelector(selectIsOption);
     if (!bookingNumber) {
         if (settings.skipRouter) {
             dispatch(setCurrentStep(OPTIONS_FORM_STEP));
@@ -11142,9 +11271,11 @@ var Confirmation = function () {
     }
     var translations = reactRedux.useSelector(selectTranslations);
     var encodedMailSubject = encodeURI(translations.CONFIRMATION.MAIL_SUBJECT);
-    var titleText = settings.isOffer
-        ? format(translations.CONFIRMATION.TITLE_TEXT_OFFER, [bookingNumber])
-        : format(translations.CONFIRMATION.TITLE_TEXT_BOOKING, [bookingNumber]);
+    var titleText = isOption
+        ? format(translations.CONFIRMATION.TITLE_TEXT_OPTION, [bookingNumber])
+        : settings.isOffer
+            ? format(translations.CONFIRMATION.TITLE_TEXT_OFFER, [bookingNumber])
+            : format(translations.CONFIRMATION.TITLE_TEXT_BOOKING, [bookingNumber]);
     return (React__default["default"].createElement("div", { className: "form form__booking--message", id: "booking--confirmation" },
         React__default["default"].createElement("div", { className: "form__region" },
             React__default["default"].createElement("div", { className: "form__row" },
@@ -11159,9 +11290,11 @@ var Confirmation = function () {
                         React__default["default"].createElement("p", null,
                             translations.CONFIRMATION.MESSAGE_TEXT1,
                             React__default["default"].createElement("br", null),
-                            settings.isOffer
-                                ? translations.CONFIRMATION.MESSAGE_TEXT2_OFFER
-                                : translations.CONFIRMATION.MESSAGE_TEXT2_BOOKING),
+                            isOption
+                                ? translations.CONFIRMATION.MESSAGE_TEXT2_OPTION
+                                : settings.isOffer
+                                    ? translations.CONFIRMATION.MESSAGE_TEXT2_OFFER
+                                    : translations.CONFIRMATION.MESSAGE_TEXT2_BOOKING),
                         React__default["default"].createElement("p", null,
                             translations.CONFIRMATION.QUESTIONS_TEXT1,
                             " ",
@@ -13180,9 +13313,9 @@ function useOfferPrinter(_a) {
     }
     var _d = React.useState("idle"), stage = _d[0], setStage = _d[1];
     var loading = stage !== "idle";
-    var createOffer = React.useCallback(function () { return __awaiter$1(_this, void 0, void 0, function () {
+    var createOffer = React.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
         var paxRaw, pax, request, cfg;
-        return __generator$1(this, function (_a) {
+        return __generator(this, function (_a) {
             paxRaw = getPax();
             if (!bookingPackage || !(paxRaw === null || paxRaw === void 0 ? void 0 : paxRaw.length)) {
                 throw new Error("Missing booking package or pax");
@@ -13202,7 +13335,7 @@ function useOfferPrinter(_a) {
                 },
             };
             cfg = buildTideClientConfig();
-            return [2 /*return*/, book_1(cfg, request, undefined, language)];
+            return [2 /*return*/, build.book(cfg, request, undefined, language)];
         });
     }); }, [agentId, bookingPackage, getPax, language, officeId, tagIds]);
     var languageData = [
@@ -13214,10 +13347,10 @@ function useOfferPrinter(_a) {
         var _a;
         return ((_a = languageData.find(function (l) { return l.code === code; })) === null || _a === void 0 ? void 0 : _a.tideId) || 1;
     }
-    var printOffer = React.useCallback(function (offer) { return __awaiter$1(_this, void 0, void 0, function () {
+    var printOffer = React.useCallback(function (offer) { return __awaiter(_this, void 0, void 0, function () {
         var cfg, req, res, buf, url;
         var _a;
-        return __generator$1(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     cfg = buildTideClientConfig();
@@ -13226,7 +13359,7 @@ function useOfferPrinter(_a) {
                         dossierNumber: (_a = offer.dossierNumber) !== null && _a !== void 0 ? _a : offer.number,
                         languageId: getTideLanguageId(language),
                     };
-                    return [4 /*yield*/, print_1(cfg, req)];
+                    return [4 /*yield*/, build.print(cfg, req)];
                 case 1:
                     res = _b.sent();
                     return [4 /*yield*/, res.arrayBuffer()];
@@ -13239,9 +13372,9 @@ function useOfferPrinter(_a) {
             }
         });
     }); }, [language, onPrinted]);
-    var handlePrint = React.useCallback(function () { return __awaiter$1(_this, void 0, void 0, function () {
+    var handlePrint = React.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
         var offer, err_1;
-        return __generator$1(this, function (_a) {
+        return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 3, 4, 5]);
@@ -13863,11 +13996,11 @@ var SummaryPerPaxOptionGroup = function (_a) {
 
 var SummaryBookingOptionPax = function (_a) {
     var pax = _a.pax;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, pax.groups.map(function (y) {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, pax.groups.map(function (y, i) {
         var paxOptions = y.options.filter(function (y) { return y.isSelected; });
         if (lodash.isEmpty(paxOptions))
             return;
-        return React__default["default"].createElement(SummaryPerPaxOptionGroup, { group: y });
+        return React__default["default"].createElement(SummaryPerPaxOptionGroup, { key: i, group: y });
     })));
 };
 
@@ -14017,12 +14150,14 @@ var Summary = function () {
             : true;
         dispatch(setUserValidated(checkboxesValidated && notificationsValidated));
     }, [checkboxes, notifications]);
-    var handleSubmit = function (e) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var tideClientConfig, location_1, bookingResponse;
-        return __generator$1(this, function (_a) {
-            switch (_a.label) {
+    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var submitter, tideClientConfig, location_1, bookingResponse;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     e.preventDefault();
+                    submitter = (_a = e.nativeEvent.submitter) === null || _a === void 0 ? void 0 : _a.name;
                     setIsSubmitting(true);
                     if (typeof window !== "undefined") {
                         window.scrollTo(0, 0);
@@ -14035,12 +14170,17 @@ var Summary = function () {
                         location_1 = router.useLocation();
                         bookRequest.payload.redirectUrl = "".concat(location_1.protocol, "//").concat(location_1.host).concat(settings.basePath);
                     }
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, 4, 5]);
-                    return [4 /*yield*/, book_1(tideClientConfig, bookRequest, undefined, languageCode)];
+                    _b.trys.push([1, 3, 4, 5]);
+                    if (submitter === 'option') {
+                        bookRequest.payload.status = build.EntryStatus.option;
+                        bookRequest.payload.customStatusId = settings.customOptionStatus;
+                        dispatch(setIsOption(true));
+                    }
+                    return [4 /*yield*/, build.book(tideClientConfig, bookRequest, undefined, languageCode)];
                 case 2:
-                    bookingResponse = _a.sent();
+                    bookingResponse = _b.sent();
                     // Booking successfull
                     dispatch(setBookingNumber(bookingResponse.number));
                     if (bookingResponse.paymentUrl) {
@@ -14056,7 +14196,7 @@ var Summary = function () {
                     }
                     return [3 /*break*/, 5];
                 case 3:
-                    _a.sent();
+                    _b.sent();
                     if (settings.skipRouter) {
                         dispatch(setCurrentStep(ERROR_STEP));
                     }
@@ -14091,10 +14231,10 @@ var Summary = function () {
         dispatch(setBookingRemarks(text));
         setRemarks(text);
     };
-    var handleValidateVoucher = function () { return __awaiter$1(void 0, void 0, void 0, function () {
+    var handleValidateVoucher = function () { return __awaiter(void 0, void 0, void 0, function () {
         var request, tideClientConfig, result;
         var _a;
-        return __generator$1(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     if (!(voucher === null || voucher === void 0 ? void 0 : voucher.code))
@@ -14110,7 +14250,7 @@ var Summary = function () {
                     tideClientConfig = buildTideClientConfig(apiSettings);
                     if (!tideClientConfig)
                         return [2 /*return*/];
-                    return [4 /*yield*/, validateVoucher_1(tideClientConfig, request)];
+                    return [4 /*yield*/, build.validateVoucher(tideClientConfig, request)];
                 case 1:
                     result = _b.sent();
                     if (result) {
@@ -14189,7 +14329,7 @@ var Summary = function () {
                                             translations.SUMMARY.MAIN_BOOKER,
                                             ")"))),
                                     React__default["default"].createElement("li", { className: "list__item" }, traveler.birthDate.split("-").reverse().join("/")),
-                                    isMainBooker && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                                    isMainBooker && (travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.street) && (React__default["default"].createElement(React__default["default"].Fragment, null,
                                         React__default["default"].createElement("li", { className: "list__item" }, "".concat(travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.street, " ").concat(lodash.compact([
                                             travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.houseNumber,
                                             travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.box,
@@ -14228,9 +14368,9 @@ var Summary = function () {
                                         return React__default["default"].createElement(SummaryPerBookingOptionGroup, { key: i, group: x });
                                     })),
                                 !lodash.isEmpty(activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionUnits) &&
-                                    (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionUnits.map(function (x) { return (React__default["default"].createElement(SummaryBookingOptionUnit, { unit: x })); })),
+                                    (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionUnits.map(function (x, i) { return (React__default["default"].createElement(SummaryBookingOptionUnit, { key: i, unit: x })); })),
                                 !lodash.isEmpty(activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionPax) &&
-                                    (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionPax.map(function (x) { return (React__default["default"].createElement(SummaryBookingOptionPax, { pax: x })); })),
+                                    (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionPax.map(function (x, i) { return (React__default["default"].createElement(SummaryBookingOptionPax, { key: i, pax: x })); })),
                                 (packageDetails === null || packageDetails === void 0 ? void 0 : packageDetails.outwardFlights) &&
                                     packageDetails.outwardFlights
                                         .filter(function (x) { return x.isSelected; })
@@ -14259,7 +14399,7 @@ var Summary = function () {
                             !voucher.isValid && voucher.isValidated && (React__default["default"].createElement("div", { className: "info-message--error" }, translations.SUMMARY.VOUCHER_INVALID)))),
                     React__default["default"].createElement("div", { className: "form__row" },
                         React__default["default"].createElement("ul", { className: "info-message__voucher" }, !lodash.isEmpty(bookRequest === null || bookRequest === void 0 ? void 0 : bookRequest.payload.voucherCodes) &&
-                            ((_b = bookRequest === null || bookRequest === void 0 ? void 0 : bookRequest.payload.voucherCodes) === null || _b === void 0 ? void 0 : _b.map(function (y) { return (React__default["default"].createElement("li", null,
+                            ((_b = bookRequest === null || bookRequest === void 0 ? void 0 : bookRequest.payload.voucherCodes) === null || _b === void 0 ? void 0 : _b.map(function (y, i) { return (React__default["default"].createElement("li", { key: i },
                                 React__default["default"].createElement("div", { className: "info-message__voucher__list" },
                                     y,
                                     " ",
@@ -14299,9 +14439,15 @@ var Summary = function () {
                                 React__default["default"].createElement(Icon, { name: "ui-tooltip", className: "icon--secondary-color" }),
                                 React__default["default"].createElement("div", { className: "info-message__copy" },
                                     React__default["default"].createElement("h5", null, translations.SUMMARY.VALIDATE_TITLE),
-                                    React__default["default"].createElement("p", null, settings.isOffer
-                                        ? translations.SUMMARY.VALIDATE_TEXT_OFFER
-                                        : translations.SUMMARY.VALIDATE_TEXT_BOOKING),
+                                    settings.customValidateText
+                                        ? (React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
+                                                __html: settings.customValidateText,
+                                            } }))
+                                        : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                                            React__default["default"].createElement("p", null, settings.isOffer
+                                                ? translations.SUMMARY.VALIDATE_TEXT_OFFER
+                                                : translations.SUMMARY.VALIDATE_TEXT_BOOKING),
+                                            settings.allowOption && (React__default["default"].createElement("p", null, translations.SUMMARY.VALIDATE_TEXT_OPTION)))),
                                     checkboxes &&
                                         checkboxes.map(function (checkbox) { return (React__default["default"].createElement("div", { className: "checkbox", key: checkbox.id },
                                             React__default["default"].createElement("label", { className: "checkbox__label" },
@@ -14313,12 +14459,16 @@ var Summary = function () {
                                                     } })))); }))))))),
             React__default["default"].createElement("div", { className: "booking__navigator" },
                 settings.skipRouter ? (React__default["default"].createElement("button", { type: "button", title: translations.STEPS.PREVIOUS, onClick: function () { return goPrevious(); }, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : (React__default["default"].createElement(router.Link, { to: "".concat(settings.basePath).concat(settings.travellers.pathSuffix, "?").concat(bookingQueryString), title: translations.STEPS.PREVIOUS, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)),
+                settings.allowOption && (React__default["default"].createElement("button", { title: translations.STEPS.SUBMIT_OPTION, className: buildClassName([
+                        "cta",
+                        !userValidated && "cta--disabled",
+                    ]), disabled: !userValidated, name: "option" }, translations.STEPS.SUBMIT_OPTION)),
                 React__default["default"].createElement("button", { title: settings.isOffer
                         ? translations.STEPS.SUBMIT_OFFER
                         : translations.STEPS.SUBMIT_BOOKING, className: buildClassName([
                         "cta",
                         !userValidated && "cta--disabled",
-                    ]), disabled: !userValidated }, settings.isOffer
+                    ]), disabled: !userValidated, name: "default" }, settings.isOffer
                     ? translations.STEPS.SUBMIT_OFFER
                     : translations.STEPS.SUBMIT_BOOKING))))));
 };
@@ -14530,15 +14680,21 @@ var validateForm = function (values, agentRequired, bookingType, translations) {
     return errors;
 };
 
-function createTraveler(id) {
-    return { id: id, firstName: "", lastName: "", birthDate: "", gender: "" };
+function createTraveler(traveler, followNumber, personTranslation, isCompact) {
+    if (isCompact) {
+        return { id: traveler.id, firstName: personTranslation, lastName: "".concat(followNumber.number++), birthDate: "", gender: "", age: traveler.age || 30 };
+    }
+    else {
+        return { id: traveler.id, firstName: "", lastName: "", birthDate: "", gender: "" };
+    }
 }
-function createInitialValues(formRooms, startDate, agentAdressId) {
+function createInitialValues(formRooms, startDate, agentAdressId, personTranslation, isCompact) {
+    var followNumber = { number: 1 };
     var initialValues = {
         startDate: startDate,
         rooms: formRooms.map(function (r) { return ({
-            adults: r.adults.map(function (id) { return createTraveler(id); }),
-            children: r.children.map(function (id) { return createTraveler(id); }),
+            adults: r.adults.map(function (x) { return createTraveler(x, followNumber, personTranslation, isCompact); }),
+            children: r.children.map(function (x) { return createTraveler(x, followNumber, personTranslation, isCompact); }),
         }); }),
         mainBookerId: -1,
         street: "",
@@ -14572,7 +14728,8 @@ var TravelersForm = function () {
     var agents = reactRedux.useSelector(selectAgents);
     var agentAdressId = reactRedux.useSelector(selectAgentAdressId);
     var translations = reactRedux.useSelector(selectTranslations);
-    var initialValues = (_a = reactRedux.useSelector(selectTravelersFormValues)) !== null && _a !== void 0 ? _a : createInitialValues(formRooms, startDate, agentAdressId);
+    var useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
+    var initialValues = (_a = reactRedux.useSelector(selectTravelersFormValues)) !== null && _a !== void 0 ? _a : createInitialValues(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
     var _e = React.useState((_b = settings.agentRequired) !== null && _b !== void 0 ? _b : false), showAgents = _e[0], setShowAgents = _e[1];
     var _f = React.useState(!settings.agentAdressId && !settings.hideAgentSelection), showAgentSelection = _f[0], setShowAgentSelection = _f[1];
     var typeaheadAgents = (_c = lodash.sortBy(agents === null || agents === void 0 ? void 0 : agents.map(function (x) { return ({
@@ -14581,22 +14738,37 @@ var TravelersForm = function () {
         text: "".concat(x.name, " (").concat(x.postalCode, " ").concat(x.location, ")"),
     }); }), "value")) !== null && _c !== void 0 ? _c : [];
     var _g = React.useState(typeaheadAgents), filteredAgents = _g[0], setFilteredAgents = _g[1];
-    var formik$1 = formik.useFormik({
-        initialValues: initialValues,
-        validate: function (values) {
-            return validateForm(values, settings.agentRequired, bookingType, translations);
-        },
-        onSubmit: function (values) {
-            dispatch(setFormValues(values));
-            dispatch(fetchPriceDetails());
-            if (settings.skipRouter) {
-                dispatch(setCurrentStep(SUMMARY_STEP));
-            }
-            else {
-                router.navigate("".concat(settings.basePath).concat(settings.summary.pathSuffix, "?").concat(bookingQueryString));
-            }
-        },
-    });
+    var formik$1 = useCompactForm
+        ? formik.useFormik({
+            initialValues: initialValues,
+            validate: function (values) { },
+            onSubmit: function (values) {
+                dispatch(setFormValues(values));
+                dispatch(fetchPriceDetails());
+                if (settings.skipRouter) {
+                    dispatch(setCurrentStep(SUMMARY_STEP));
+                }
+                else {
+                    router.navigate("".concat(settings.basePath).concat(settings.summary.pathSuffix, "?").concat(bookingQueryString));
+                }
+            },
+        })
+        : formik.useFormik({
+            initialValues: initialValues,
+            validate: function (values) {
+                return validateForm(values, settings.agentRequired, bookingType, translations);
+            },
+            onSubmit: function (values) {
+                dispatch(setFormValues(values));
+                dispatch(fetchPriceDetails());
+                if (settings.skipRouter) {
+                    dispatch(setCurrentStep(SUMMARY_STEP));
+                }
+                else {
+                    router.navigate("".concat(settings.basePath).concat(settings.summary.pathSuffix, "?").concat(bookingQueryString));
+                }
+            },
+        });
     React.useEffect(function () {
         dispatch(fetchPriceDetails());
     }, []);
@@ -14656,8 +14828,8 @@ var TravelersForm = function () {
         return lodash.get(formik$1.errors, key) && lodash.get(formik$1.touched, key);
     };
     return (React__default["default"].createElement("form", { className: "form form__travelers", name: "booking--travellers", id: "booking--travellers", noValidate: true, onSubmit: formik$1.handleSubmit, onReset: formik$1.handleReset },
-        React__default["default"].createElement("div", { className: "form__travelers__wrapper" },
-            formik$1.values.rooms.map(function (room, rIndex) { return (React__default["default"].createElement("div", { key: rIndex },
+        useCompactForm
+            ? (React__default["default"].createElement("div", { className: "form__travelers__wrapper" }, formik$1.values.rooms.map(function (room, rIndex) { return (React__default["default"].createElement("div", { key: rIndex },
                 React__default["default"].createElement("div", { className: "form__region" },
                     React__default["default"].createElement("div", { className: "form__region-header" },
                         React__default["default"].createElement("h5", { className: "form__region-heading" },
@@ -14693,30 +14865,7 @@ var TravelersForm = function () {
                                 React__default["default"].createElement("input", { type: "radio", name: "mainBookerId", onChange: handleMainBookerChange, onBlur: formik$1.handleBlur, value: travelerValues.id, checked: formik$1.values.mainBookerId === travelerValues.id, className: "radiobutton__input" }),
                                 translations.TRAVELERS_FORM.MAIN_BOOKER))),
                     React__default["default"].createElement("div", { className: "form__row" },
-                        React__default["default"].createElement("div", { className: buildClassName([
-                                "form__group",
-                                hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].gender")) && "form__group--error",
-                            ]) },
-                            React__default["default"].createElement("label", { className: "form__label" },
-                                translations.TRAVELERS_FORM.GENDER,
-                                " *"),
-                            React__default["default"].createElement("div", { className: "radiobutton-group" },
-                                React__default["default"].createElement("div", { className: "radiobutton" },
-                                    React__default["default"].createElement("label", { className: "radiobutton__label" },
-                                        React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].adults[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "m", checked: travelerValues.gender === "m" }),
-                                        translations.TRAVELERS_FORM.MALE)),
-                                React__default["default"].createElement("div", { className: "radiobutton" },
-                                    React__default["default"].createElement("label", { className: "radiobutton__label" },
-                                        React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].adults[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "f", checked: travelerValues.gender === "f" }),
-                                        translations.TRAVELERS_FORM.FEMALE)),
-                                React__default["default"].createElement("div", { className: "radiobutton" },
-                                    React__default["default"].createElement("label", { className: "radiobutton__label" },
-                                        React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].adults[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "x", checked: travelerValues.gender === "x" }),
-                                        translations.TRAVELERS_FORM.OTHER))))),
-                    React__default["default"].createElement("div", { className: "form__row" },
-                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].firstName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.FIRST_NAME, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].firstName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.firstName }),
-                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].lastName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.LAST_NAME, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].lastName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.lastName }),
-                        React__default["default"].createElement(LabeledInput, { type: "date", hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].birthDate")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.BIRTHDATE, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].birthDate"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.birthDate })))); }),
+                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].age")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.AGE, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].age"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.age })))); }),
                 room.children.map(function (travelerValues, index) { return (React__default["default"].createElement("div", { className: "form__region", key: travelerValues.id },
                     React__default["default"].createElement("div", { className: "form__region-header" },
                         React__default["default"].createElement("h5", { className: "form__region-heading" },
@@ -14725,98 +14874,169 @@ var TravelersForm = function () {
                             room.adults.length + index + 1),
                         React__default["default"].createElement("p", { className: "form__region-label" }, translations.TRAVELERS_FORM.CHILD)),
                     React__default["default"].createElement("div", { className: "form__row" },
-                        React__default["default"].createElement("div", { className: buildClassName([
-                                "form__group",
-                                hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].gender")) && "form__group--error",
-                            ]) },
-                            React__default["default"].createElement("label", { className: "form__label" },
-                                translations.TRAVELERS_FORM.GENDER,
-                                " *"),
-                            React__default["default"].createElement("div", { className: "radiobutton-group" },
-                                React__default["default"].createElement("div", { className: "radiobutton" },
-                                    React__default["default"].createElement("label", { className: "radiobutton__label" },
-                                        React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].children[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "m", checked: travelerValues.gender === "m" }),
-                                        translations.TRAVELERS_FORM.MALE)),
-                                React__default["default"].createElement("div", { className: "radiobutton" },
-                                    React__default["default"].createElement("label", { className: "radiobutton__label" },
-                                        React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].children[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "f", checked: travelerValues.gender === "f" }),
-                                        translations.TRAVELERS_FORM.FEMALE)),
+                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].age")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.AGE, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].age"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.age })))); }))); })))
+            : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: "form__travelers__wrapper" },
+                    formik$1.values.rooms.map(function (room, rIndex) { return (React__default["default"].createElement("div", { key: rIndex },
+                        React__default["default"].createElement("div", { className: "form__region" },
+                            React__default["default"].createElement("div", { className: "form__region-header" },
+                                React__default["default"].createElement("h5", { className: "form__region-heading" },
+                                    translations.SHARED.ROOM,
+                                    " ",
+                                    rIndex + 1),
+                                React__default["default"].createElement("p", { className: "form__region-label" }, lodash.compact([
+                                    room.adults.length,
+                                    room.adults.length === 1 &&
+                                        " ".concat(translations.TRAVELERS_FORM.ADULT),
+                                    room.adults.length > 1 &&
+                                        " ".concat(translations.TRAVELERS_FORM.ADULTS),
+                                    room.adults &&
+                                        room.adults.length &&
+                                        room.children &&
+                                        room.children.length &&
+                                        ", ",
+                                    room.children.length,
+                                    room.children.length === 1 &&
+                                        " ".concat(translations.TRAVELERS_FORM.CHILD),
+                                    room.children.length > 1 &&
+                                        " ".concat(translations.TRAVELERS_FORM.CHILDREN),
+                                ]).join("")))),
+                        room.adults.map(function (travelerValues, index) { return (React__default["default"].createElement("div", { className: "form__region", key: travelerValues.id },
+                            React__default["default"].createElement("div", { className: "form__region-header" },
+                                React__default["default"].createElement("h5", { className: "form__region-heading" },
+                                    translations.TRAVELERS_FORM.TRAVELER,
+                                    " ",
+                                    index + 1),
+                                React__default["default"].createElement("p", { className: "form__region-label" }, translations.TRAVELERS_FORM.ADULT),
                                 React__default["default"].createElement("div", { className: "radiobutton" },
                                     React__default["default"].createElement("label", { className: "radiobutton__label" },
-                                        React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].children[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "x", checked: travelerValues.gender === "x" }),
-                                        translations.TRAVELERS_FORM.OTHER))))),
-                    React__default["default"].createElement("div", { className: "form__row" },
-                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].firstName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.FIRST_NAME, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].firstName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.firstName }),
-                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].lastName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.LAST_NAME, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].lastName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.lastName }),
-                        React__default["default"].createElement(LabeledInput, { type: "date", hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].birthDate")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.BIRTHDATE, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].birthDate"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.birthDate })))); }))); }),
-            bookingType != "b2b" ? (React__default["default"].createElement("div", { className: "form__region" },
-                React__default["default"].createElement("div", { className: "form__region-header" },
-                    React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.MAIN_BOOKER),
-                    React__default["default"].createElement("p", { className: "form__region-label" }, lodash.compact([
-                        lodash.compact([mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.firstName, mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.lastName]).join(" "),
-                        (mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.birthDate) &&
-                            dateFns.format(dateFns.parse(mainBooker.birthDate, "yyyy-MM-dd", new Date()), "dd-MM-yyyy"),
-                    ]).join(", "))),
-                React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement("div", { className: "form__twocolumn" },
-                        React__default["default"].createElement("div", { className: "form__twocolumn-column" },
+                                        React__default["default"].createElement("input", { type: "radio", name: "mainBookerId", onChange: handleMainBookerChange, onBlur: formik$1.handleBlur, value: travelerValues.id, checked: formik$1.values.mainBookerId === travelerValues.id, className: "radiobutton__input" }),
+                                        translations.TRAVELERS_FORM.MAIN_BOOKER))),
                             React__default["default"].createElement("div", { className: "form__row" },
-                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("street"), extraClassName: "form__group--50 form__group--sm-60", label: translations.TRAVELERS_FORM.STREET, required: true, name: "street", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.street }),
-                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("houseNumber"), extraClassName: "form__group--30 form__group--sm-20", label: translations.TRAVELERS_FORM.HOUSE_NUMBER, required: true, name: "houseNumber", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.houseNumber }),
-                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("box"), extraClassName: "form__group--20", label: translations.TRAVELERS_FORM.POST_BOX, name: "box", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.box }))),
-                        React__default["default"].createElement("div", { className: "form__twocolumn-column" },
+                                React__default["default"].createElement("div", { className: buildClassName([
+                                        "form__group",
+                                        hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].gender")) && "form__group--error",
+                                    ]) },
+                                    React__default["default"].createElement("label", { className: "form__label" },
+                                        translations.TRAVELERS_FORM.GENDER,
+                                        " *"),
+                                    React__default["default"].createElement("div", { className: "radiobutton-group" },
+                                        React__default["default"].createElement("div", { className: "radiobutton" },
+                                            React__default["default"].createElement("label", { className: "radiobutton__label" },
+                                                React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].adults[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "m", checked: travelerValues.gender === "m" }),
+                                                translations.TRAVELERS_FORM.MALE)),
+                                        React__default["default"].createElement("div", { className: "radiobutton" },
+                                            React__default["default"].createElement("label", { className: "radiobutton__label" },
+                                                React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].adults[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "f", checked: travelerValues.gender === "f" }),
+                                                translations.TRAVELERS_FORM.FEMALE)),
+                                        React__default["default"].createElement("div", { className: "radiobutton" },
+                                            React__default["default"].createElement("label", { className: "radiobutton__label" },
+                                                React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].adults[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "x", checked: travelerValues.gender === "x" }),
+                                                translations.TRAVELERS_FORM.OTHER))))),
                             React__default["default"].createElement("div", { className: "form__row" },
-                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("zipCode"), extraClassName: "form__group--40 form__group--sm-20", label: translations.TRAVELERS_FORM.ZIPCODE, required: true, name: "zipCode", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.zipCode }),
-                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("place"), extraClassName: "form__group--60 form__group--sm-40", label: translations.TRAVELERS_FORM.CITY, required: true, name: "place", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.place }),
-                                React__default["default"].createElement(LabeledSelect, { hasError: hasVisibleError("country"), extraClassName: "form__group--sm-40", label: translations.TRAVELERS_FORM.COUNTRY, required: true, name: "country", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.country, options: [
-                                        {
-                                            key: "empty",
-                                            label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
-                                            value: undefined,
-                                        },
-                                        {
-                                            key: "be",
-                                            value: "be",
-                                            label: translations.TRAVELERS_FORM.COUNTRIES.BELGIUM,
-                                        },
-                                        {
-                                            key: "nl",
-                                            value: "nl",
-                                            label: translations.TRAVELERS_FORM.COUNTRIES.NETHERLANDS,
-                                        },
-                                        {
-                                            key: "fr",
-                                            value: "fr",
-                                            label: translations.TRAVELERS_FORM.COUNTRIES.FRANCE,
-                                        },
-                                    ] })))),
+                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].firstName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.FIRST_NAME, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].firstName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.firstName }),
+                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].lastName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.LAST_NAME, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].lastName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.lastName }),
+                                React__default["default"].createElement(LabeledInput, { type: "date", hasError: hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].birthDate")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.BIRTHDATE, required: true, name: "rooms[".concat(rIndex, "].adults[").concat(index, "].birthDate"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.birthDate })))); }),
+                        room.children.map(function (travelerValues, index) { return (React__default["default"].createElement("div", { className: "form__region", key: travelerValues.id },
+                            React__default["default"].createElement("div", { className: "form__region-header" },
+                                React__default["default"].createElement("h5", { className: "form__region-heading" },
+                                    translations.TRAVELERS_FORM.TRAVELER,
+                                    " ",
+                                    room.adults.length + index + 1),
+                                React__default["default"].createElement("p", { className: "form__region-label" }, translations.TRAVELERS_FORM.CHILD)),
+                            React__default["default"].createElement("div", { className: "form__row" },
+                                React__default["default"].createElement("div", { className: buildClassName([
+                                        "form__group",
+                                        hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].gender")) && "form__group--error",
+                                    ]) },
+                                    React__default["default"].createElement("label", { className: "form__label" },
+                                        translations.TRAVELERS_FORM.GENDER,
+                                        " *"),
+                                    React__default["default"].createElement("div", { className: "radiobutton-group" },
+                                        React__default["default"].createElement("div", { className: "radiobutton" },
+                                            React__default["default"].createElement("label", { className: "radiobutton__label" },
+                                                React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].children[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "m", checked: travelerValues.gender === "m" }),
+                                                translations.TRAVELERS_FORM.MALE)),
+                                        React__default["default"].createElement("div", { className: "radiobutton" },
+                                            React__default["default"].createElement("label", { className: "radiobutton__label" },
+                                                React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].children[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "f", checked: travelerValues.gender === "f" }),
+                                                translations.TRAVELERS_FORM.FEMALE)),
+                                        React__default["default"].createElement("div", { className: "radiobutton" },
+                                            React__default["default"].createElement("label", { className: "radiobutton__label" },
+                                                React__default["default"].createElement("input", { type: "radio", className: "radiobutton__input", name: "rooms[".concat(rIndex, "].children[").concat(index, "].gender"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: "x", checked: travelerValues.gender === "x" }),
+                                                translations.TRAVELERS_FORM.OTHER))))),
+                            React__default["default"].createElement("div", { className: "form__row" },
+                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].firstName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.FIRST_NAME, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].firstName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.firstName }),
+                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].lastName")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.LAST_NAME, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].lastName"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.lastName }),
+                                React__default["default"].createElement(LabeledInput, { type: "date", hasError: hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].birthDate")), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.BIRTHDATE, required: true, name: "rooms[".concat(rIndex, "].children[").concat(index, "].birthDate"), onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: travelerValues.birthDate })))); }))); }),
+                    bookingType != "b2b" ? (React__default["default"].createElement("div", { className: "form__region" },
+                        React__default["default"].createElement("div", { className: "form__region-header" },
+                            React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.MAIN_BOOKER),
+                            React__default["default"].createElement("p", { className: "form__region-label" }, lodash.compact([
+                                lodash.compact([mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.firstName, mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.lastName]).join(" "),
+                                (mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.birthDate) &&
+                                    dateFns.format(dateFns.parse(mainBooker.birthDate, "yyyy-MM-dd", new Date()), "dd-MM-yyyy"),
+                            ]).join(", "))),
+                        React__default["default"].createElement(React__default["default"].Fragment, null,
+                            React__default["default"].createElement("div", { className: "form__twocolumn" },
+                                React__default["default"].createElement("div", { className: "form__twocolumn-column" },
+                                    React__default["default"].createElement("div", { className: "form__row" },
+                                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("street"), extraClassName: "form__group--50 form__group--sm-60", label: translations.TRAVELERS_FORM.STREET, required: true, name: "street", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.street }),
+                                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("houseNumber"), extraClassName: "form__group--30 form__group--sm-20", label: translations.TRAVELERS_FORM.HOUSE_NUMBER, required: true, name: "houseNumber", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.houseNumber }),
+                                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("box"), extraClassName: "form__group--20", label: translations.TRAVELERS_FORM.POST_BOX, name: "box", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.box }))),
+                                React__default["default"].createElement("div", { className: "form__twocolumn-column" },
+                                    React__default["default"].createElement("div", { className: "form__row" },
+                                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("zipCode"), extraClassName: "form__group--40 form__group--sm-20", label: translations.TRAVELERS_FORM.ZIPCODE, required: true, name: "zipCode", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.zipCode }),
+                                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("place"), extraClassName: "form__group--60 form__group--sm-40", label: translations.TRAVELERS_FORM.CITY, required: true, name: "place", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.place }),
+                                        React__default["default"].createElement(LabeledSelect, { hasError: hasVisibleError("country"), extraClassName: "form__group--sm-40", label: translations.TRAVELERS_FORM.COUNTRY, required: true, name: "country", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.country, options: [
+                                                {
+                                                    key: "empty",
+                                                    label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
+                                                    value: undefined,
+                                                },
+                                                {
+                                                    key: "be",
+                                                    value: "be",
+                                                    label: translations.TRAVELERS_FORM.COUNTRIES.BELGIUM,
+                                                },
+                                                {
+                                                    key: "nl",
+                                                    value: "nl",
+                                                    label: translations.TRAVELERS_FORM.COUNTRIES.NETHERLANDS,
+                                                },
+                                                {
+                                                    key: "fr",
+                                                    value: "fr",
+                                                    label: translations.TRAVELERS_FORM.COUNTRIES.FRANCE,
+                                                },
+                                            ] })))),
+                            React__default["default"].createElement("div", { className: "form__row" },
+                                React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("phone"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.PHONE, required: true, name: "phone", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.phone }),
+                                React__default["default"].createElement(LabeledInput, { type: "email", hasError: hasVisibleError("email"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.EMAIL, required: true, name: "email", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.email }),
+                                React__default["default"].createElement(LabeledInput, { type: "email", hasError: hasVisibleError("emailConfirmation"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.REPEAT_EMAIL, required: true, name: "emailConfirmation", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.emailConfirmation }))))) : (React__default["default"].createElement("div", { className: "form__region" },
+                        React__default["default"].createElement("div", { className: "form__row" },
+                            React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("phone"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.PHONE, required: true, name: "phone", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.phone })))),
+                    showAgentSelection && (React__default["default"].createElement("div", { className: "form__region" },
+                        React__default["default"].createElement("div", { className: "form__region-header" },
+                            React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.BOOK_WITH_AGENT),
+                            React__default["default"].createElement("div", { className: "checkbox", id: "cbxChooseOffice" },
+                                React__default["default"].createElement("label", { className: "checkbox__label" },
+                                    React__default["default"].createElement("input", { type: "checkbox", name: "booking--mainbooker", defaultChecked: showAgents, onClick: function () { return toggleAgent(!showAgents); }, className: "checkbox__input" }),
+                                    translations.TRAVELERS_FORM.CHOOSE_OFFICE))),
+                        showAgents && (React__default["default"].createElement("div", { className: "form__row form__row--choose-office" },
+                            React__default["default"].createElement("div", { className: buildClassName([
+                                    "form__group",
+                                    "form__group--icon",
+                                    hasVisibleError("travelAgentId") && "form__group--error",
+                                ]) },
+                                React__default["default"].createElement(TypeAheadInput, { value: formik$1.values.travelAgentName, options: filteredAgents, onChange: handleAgentChange, onSelect: handleAgentSelect, onClear: handleAgentClear, name: "travelAgentName", placeholder: translations.TRAVELERS_FORM.CHOOSE_AGENT_PLACEHOLDER }))))))),
+                Object.keys(flatErrors).length > 0 && (React__default["default"].createElement("div", { className: "form__region form__region--errors" },
                     React__default["default"].createElement("div", { className: "form__row" },
-                        React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("phone"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.PHONE, required: true, name: "phone", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.phone }),
-                        React__default["default"].createElement(LabeledInput, { type: "email", hasError: hasVisibleError("email"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.EMAIL, required: true, name: "email", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.email }),
-                        React__default["default"].createElement(LabeledInput, { type: "email", hasError: hasVisibleError("emailConfirmation"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.REPEAT_EMAIL, required: true, name: "emailConfirmation", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.emailConfirmation }))))) : (React__default["default"].createElement("div", { className: "form__region" },
-                React__default["default"].createElement("div", { className: "form__row" },
-                    React__default["default"].createElement(LabeledInput, { hasError: hasVisibleError("phone"), extraClassName: "form__group--md-33", label: translations.TRAVELERS_FORM.PHONE, required: true, name: "phone", onChange: formik$1.handleChange, onBlur: formik$1.handleBlur, value: formik$1.values.phone })))),
-            showAgentSelection && (React__default["default"].createElement("div", { className: "form__region" },
-                React__default["default"].createElement("div", { className: "form__region-header" },
-                    React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.BOOK_WITH_AGENT),
-                    React__default["default"].createElement("div", { className: "checkbox", id: "cbxChooseOffice" },
-                        React__default["default"].createElement("label", { className: "checkbox__label" },
-                            React__default["default"].createElement("input", { type: "checkbox", name: "booking--mainbooker", defaultChecked: showAgents, onClick: function () { return toggleAgent(!showAgents); }, className: "checkbox__input" }),
-                            translations.TRAVELERS_FORM.CHOOSE_OFFICE))),
-                showAgents && (React__default["default"].createElement("div", { className: "form__row form__row--choose-office" },
-                    React__default["default"].createElement("div", { className: buildClassName([
-                            "form__group",
-                            "form__group--icon",
-                            hasVisibleError("travelAgentId") && "form__group--error",
-                        ]) },
-                        React__default["default"].createElement(TypeAheadInput, { value: formik$1.values.travelAgentName, options: filteredAgents, onChange: handleAgentChange, onSelect: handleAgentSelect, onClear: handleAgentClear, name: "travelAgentName", placeholder: translations.TRAVELERS_FORM.CHOOSE_AGENT_PLACEHOLDER }))))))),
-        Object.keys(flatErrors).length > 0 && (React__default["default"].createElement("div", { className: "form__region form__region--errors" },
-            React__default["default"].createElement("div", { className: "form__row" },
-                React__default["default"].createElement("div", { className: "form__group" },
-                    React__default["default"].createElement("p", { className: "form__error-heading" },
-                        translations.TRAVELERS_FORM.VALIDATION_MESSAGE,
-                        ":"),
-                    React__default["default"].createElement("ul", { className: "list" }, Object.keys(flatErrors).map(function (key) { return (React__default["default"].createElement("li", { key: key }, lodash.get(flatErrors, key))); })))))),
+                        React__default["default"].createElement("div", { className: "form__group" },
+                            React__default["default"].createElement("p", { className: "form__error-heading" },
+                                translations.TRAVELERS_FORM.VALIDATION_MESSAGE,
+                                ":"),
+                            React__default["default"].createElement("ul", { className: "list" }, Object.keys(flatErrors).map(function (key) { return (React__default["default"].createElement("li", { key: key }, lodash.get(flatErrors, key))); })))))))),
         React__default["default"].createElement("div", { className: "booking__navigator" },
             settings.skipRouter ? (React__default["default"].createElement("button", { type: "button", title: translations.STEPS.PREVIOUS, onClick: function () { return goPrevious(); }, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)) : (React__default["default"].createElement(router.Link, { to: "".concat(settings.basePath).concat(settings.options.pathSuffix, "?").concat(bookingQueryString), title: translations.STEPS.PREVIOUS, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS)),
             React__default["default"].createElement("button", { type: "submit", title: translations.STEPS.NEXT, className: "cta" }, translations.STEPS.NEXT))));
@@ -14824,7 +15044,7 @@ var TravelersForm = function () {
 
 var Booking = function (_a) {
     var productCode = _a.productCode, productName = _a.productName, thumbnailUrl = _a.thumbnailUrl;
-    var _b = React.useContext(SettingsContext), officeId = _b.officeId, bookingOptions = _b.bookingOptions, basePath = _b.basePath, roomOptions = _b.roomOptions, flightOptions = _b.flightOptions, options = _b.options, travellers = _b.travellers, summary = _b.summary, confirmation = _b.confirmation, error = _b.error, showSidebarDeposit = _b.showSidebarDeposit, includeFlights = _b.includeFlights, loaderComponent = _b.loaderComponent, skipPaymentWithAgent = _b.skipPaymentWithAgent, generatePaymentUrl = _b.generatePaymentUrl, tagIds = _b.tagIds, agentAdressId = _b.agentAdressId, language = _b.language, translationFiles = _b.translationFiles, accommodationViewId = _b.accommodationViewId, isOffer = _b.isOffer;
+    var _b = React.useContext(SettingsContext), officeId = _b.officeId, bookingOptions = _b.bookingOptions, basePath = _b.basePath, roomOptions = _b.roomOptions, flightOptions = _b.flightOptions, options = _b.options, travellers = _b.travellers, summary = _b.summary, confirmation = _b.confirmation, error = _b.error, showSidebarDeposit = _b.showSidebarDeposit, includeFlights = _b.includeFlights, loaderComponent = _b.loaderComponent, skipPaymentWithAgent = _b.skipPaymentWithAgent, generatePaymentUrl = _b.generatePaymentUrl, tagIds = _b.tagIds, agentAdressId = _b.agentAdressId, language = _b.language, translationFiles = _b.translationFiles, accommodationViewId = _b.accommodationViewId, isOffer = _b.isOffer, allowOption = _b.allowOption;
     var dispatch = useAppDispatch();
     var location = router.useLocation();
     var productAttributes = reactRedux.useSelector(selectProductAttributes);
@@ -14840,11 +15060,11 @@ var Booking = function (_a) {
         dispatch(setGeneratePaymentUrl(generatePaymentUrl !== null && generatePaymentUrl !== void 0 ? generatePaymentUrl : false));
     }, [skipPaymentWithAgent, generatePaymentUrl]);
     React.useEffect(function () {
-        var _a;
+        var _a, _b;
         var params = new URLSearchParams(location.search);
         var startDate = getDateFromParams(params, "startDate");
         var endDate = getDateFromParams(params, "endDate");
-        var catalog = getNumberFromParams(params, "catalog");
+        var catalogueId = (_a = getNumberFromParams(params, "catalogueId")) !== null && _a !== void 0 ? _a : getNumberFromParams(params, "catalog");
         var rooms = getRoomsFromParams(params, "rooms");
         var flight = getFlightsFromParams(params, "flight");
         var flightRouteId = getStringFromParams(params, "flightRouteId");
@@ -14852,7 +15072,7 @@ var Booking = function (_a) {
         var allotmentName = getStringFromParams(params, "allotmentName");
         var allotmentIds = getNumbersFromParams(params, "allotmentId");
         var tourCode = getStringFromParams(params, "tourCode");
-        var bookingNumber = (_a = params.get("bookingNr")) !== null && _a !== void 0 ? _a : undefined;
+        var bookingNumber = (_b = params.get("bookingNr")) !== null && _b !== void 0 ? _b : undefined;
         if (typeof window !== "undefined") {
             window.scrollTo(0, 0);
         }
@@ -14862,12 +15082,12 @@ var Booking = function (_a) {
         }
         if (!lodash.isNil(startDate) &&
             !lodash.isNil(endDate) &&
-            !lodash.isNil(catalog) &&
+            !lodash.isNil(catalogueId) &&
             !lodash.isNil(rooms)) {
             dispatch(setBookingAttributes({
                 startDate: startDate,
                 endDate: endDate,
-                catalog: catalog,
+                catalogueId: catalogueId,
                 rooms: rooms,
                 flight: flight,
                 includeFlights: includeFlights,
@@ -14879,7 +15099,7 @@ var Booking = function (_a) {
             }));
         }
         else {
-            console.error("Failure when setting booking attributes", startDate, endDate, catalog, rooms);
+            console.error("Failure when setting booking attributes", startDate, endDate, catalogueId, rooms);
         }
     }, [location.search, setBookingAttributes, setBookingNumber, includeFlights]);
     React.useEffect(function () {
@@ -14908,9 +15128,9 @@ var Booking = function (_a) {
             console.error("Failure when setting product attributes", productCode, productName);
         }
     }, [productCode, productName, setProductAttributes]);
-    var getTranslations = function () { return __awaiter$1(void 0, void 0, void 0, function () {
+    var getTranslations = function () { return __awaiter(void 0, void 0, void 0, function () {
         var translations, _a;
-        return __generator$1(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     translations = translationFiles === null || translationFiles === void 0 ? void 0 : translationFiles.map(function (x) {
@@ -14929,9 +15149,9 @@ var Booking = function (_a) {
         });
     }); };
     React.useEffect(function () {
-        var loadTranslations = function () { return __awaiter$1(void 0, void 0, void 0, function () {
+        var loadTranslations = function () { return __awaiter(void 0, void 0, void 0, function () {
             var translations;
-            return __generator$1(this, function (_a) {
+            return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, getTranslations()];
                     case 1:
@@ -15007,9 +15227,11 @@ var Booking = function (_a) {
         !packageDetails && !bookingNumber && !isUnvailable && (React__default["default"].createElement("div", { className: "booking" },
             React__default["default"].createElement("div", { className: "booking__loader" },
                 loaderComponent,
-                React__default["default"].createElement("p", { className: "booking__loader-text" }, isOffer
-                    ? translations.MAIN.PREPARING_OFFER
-                    : translations.MAIN.PREPARING_BOOKING)))),
+                React__default["default"].createElement("p", { className: "booking__loader-text" }, allowOption
+                    ? translations.MAIN.PREPARING_DOSSIER
+                    : isOffer
+                        ? translations.MAIN.PREPARING_OFFER
+                        : translations.MAIN.PREPARING_BOOKING)))),
         isUnvailable && (React__default["default"].createElement("div", { className: "booking" },
             React__default["default"].createElement("div", { className: "booking__loader" },
                 React__default["default"].createElement("p", { className: "booking__loader-text" }, translations.MAIN.PRODUCT_UNAVAILABLE))))));