@qite/tide-booking-component 1.3.4 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/build/build-cjs/booking-wizard/features/sidebar/sidebar-util.d.ts +3 -3
  2. package/build/build-cjs/booking-wizard/features/travelers-form/travelers-form-slice.d.ts +5 -5
  3. package/build/build-cjs/booking-wizard/types.d.ts +6 -0
  4. package/build/build-cjs/index.js +223 -147
  5. package/build/build-cjs/shared/utils/localization-util.d.ts +2 -0
  6. package/build/build-esm/booking-wizard/features/sidebar/sidebar-util.d.ts +3 -3
  7. package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-slice.d.ts +5 -5
  8. package/build/build-esm/booking-wizard/types.d.ts +6 -0
  9. package/build/build-esm/index.js +223 -147
  10. package/build/build-esm/shared/utils/localization-util.d.ts +2 -0
  11. package/package.json +75 -75
  12. package/src/booking-wizard/components/print-offer-button.tsx +63 -63
  13. package/src/booking-wizard/features/booking/booking-self-contained.tsx +389 -389
  14. package/src/booking-wizard/features/booking/booking-slice.ts +663 -663
  15. package/src/booking-wizard/features/booking/booking.tsx +361 -361
  16. package/src/booking-wizard/features/flight-options/flight-utils.ts +522 -522
  17. package/src/booking-wizard/features/product-options/options-form.tsx +481 -481
  18. package/src/booking-wizard/features/sidebar/sidebar-util.ts +177 -177
  19. package/src/booking-wizard/features/summary/summary-booking-option-pax.tsx +25 -25
  20. package/src/booking-wizard/features/summary/summary.tsx +674 -674
  21. package/src/booking-wizard/features/travelers-form/travelers-form-slice.ts +164 -164
  22. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +888 -754
  23. package/src/booking-wizard/settings-context.ts +62 -62
  24. package/src/booking-wizard/types.ts +286 -279
  25. package/src/booking-wizard/use-offer-printer.ts +117 -117
  26. package/src/shared/translations/en-GB.json +239 -237
  27. package/src/shared/translations/fr-BE.json +239 -238
  28. package/src/shared/translations/nl-BE.json +239 -237
  29. package/src/shared/utils/tide-api-utils.ts +36 -36
  30. package/styles/booking-wizard-variables.scss +873 -873
  31. package/styles/components/_booking.scss +879 -879
  32. package/styles/components/_dropdown.scss +72 -72
  33. package/styles/components/_form.scss +1583 -1583
package/build/build-cjs/index.js CHANGED
@@ -226,6 +226,7 @@ var SIDEBAR$2 = {
226
226
  CHANGES: "correspondances"
227
227
  };
228
228
  var TRAVELERS_FORM$2 = {
229
+ AGE: "Age",
229
230
  TRAVELER: "Voyageur",
230
231
  ADULT: "adulte",
231
232
  ADULTS: "adultes",
@@ -254,6 +255,7 @@ var TRAVELERS_FORM$2 = {
254
255
  VALIDATION_MESSAGE: "Veuillez vérifier les champs du formulaire ci-dessous et remplissez-les correctement.",
255
256
  BOOK_WITH_AGENT: "Je souhaite réserver auprès de mon agent de voyage local",
256
257
  CHOOSE_OFFICE: "Je choisis une agence",
258
+ PERSON: "Personne",
257
259
  COUNTRIES: {
258
260
  BELGIUM: "Belgique",
259
261
  NETHERLANDS: "Pays-Bas",
@@ -478,6 +480,7 @@ var SIDEBAR$1 = {
478
480
  CHANGES: "overstappen"
479
481
  };
480
482
  var TRAVELERS_FORM$1 = {
483
+ AGE: "Leeftijd",
481
484
  TRAVELER: "Reiziger",
482
485
  ADULT: "volwassene",
483
486
  ADULTS: "volwassenen",
@@ -506,6 +509,7 @@ var TRAVELERS_FORM$1 = {
506
509
  VALIDATION_MESSAGE: "Controleer onderstaande velden in het formulier en vul deze correct in.",
507
510
  BOOK_WITH_AGENT: "Ik wens te boeken bij mijn lokale reisagent",
508
511
  CHOOSE_OFFICE: "Ik kies een kantoor",
512
+ PERSON: "Persoon",
509
513
  COUNTRIES: {
510
514
  BELGIUM: "België",
511
515
  NETHERLANDS: "Nederland",
@@ -730,6 +734,7 @@ var SIDEBAR = {
730
734
  CHANGES: "transfers"
731
735
  };
732
736
  var TRAVELERS_FORM = {
737
+ AGE: "Age",
733
738
  TRAVELER: "Traveler",
734
739
  ADULT: "adult",
735
740
  ADULTS: "adults",
@@ -758,6 +763,7 @@ var TRAVELERS_FORM = {
758
763
  VALIDATION_MESSAGE: "Please check the fields below and fill them in correctly.",
759
764
  BOOK_WITH_AGENT: "I want to book through my local travel agent",
760
765
  CHOOSE_OFFICE: "I choose an office",
766
+ PERSON: "Person",
761
767
  COUNTRIES: {
762
768
  BELGIUM: "Belgium",
763
769
  NETHERLANDS: "Netherlands",
@@ -9780,18 +9786,18 @@ var selectFormRooms = toolkit.createSelector(selectRequestRooms$1, function (roo
9780
9786
  };
9781
9787
  x.pax.forEach(function (p) {
9782
9788
  if (p.age && p.age > CHILD_MAX_AGE) {
9783
- formRoom.adults.push(p.id);
9789
+ formRoom.adults.push({ id: p.id, age: 30 });
9784
9790
  }
9785
9791
  else if (p.age && p.age <= CHILD_MAX_AGE) {
9786
- formRoom.children.push(p.id);
9792
+ formRoom.children.push({ id: p.id, age: p.age });
9787
9793
  }
9788
9794
  else if (p.dateOfBirth) {
9789
- var diff = dateFns.differenceInYears(new Date(), new Date(p.dateOfBirth));
9790
- if (diff > CHILD_MAX_AGE) {
9791
- formRoom.adults.push(p.id);
9795
+ var age = dateFns.differenceInYears(new Date(), new Date(p.dateOfBirth));
9796
+ if (age > CHILD_MAX_AGE) {
9797
+ formRoom.adults.push({ id: p.id, age: 30 });
9792
9798
  }
9793
9799
  else {
9794
- formRoom.children.push(p.id);
9800
+ formRoom.children.push({ id: p.id, age: age });
9795
9801
  }
9796
9802
  }
9797
9803
  });
@@ -13863,11 +13869,11 @@ var SummaryPerPaxOptionGroup = function (_a) {
13863
13869
 
13864
13870
  var SummaryBookingOptionPax = function (_a) {
13865
13871
  var pax = _a.pax;
13866
- return (React__default["default"].createElement(React__default["default"].Fragment, null, pax.groups.map(function (y) {
13872
+ return (React__default["default"].createElement(React__default["default"].Fragment, null, pax.groups.map(function (y, i) {
13867
13873
  var paxOptions = y.options.filter(function (y) { return y.isSelected; });
13868
13874
  if (lodash.isEmpty(paxOptions))
13869
13875
  return;
13870
- return React__default["default"].createElement(SummaryPerPaxOptionGroup, { group: y });
13876
+ return React__default["default"].createElement(SummaryPerPaxOptionGroup, { key: i, group: y });
13871
13877
  })));
13872
13878
  };
13873
13879
 
@@ -14189,7 +14195,7 @@ var Summary = function () {
14189
14195
  translations.SUMMARY.MAIN_BOOKER,
14190
14196
  ")"))),
14191
14197
  React__default["default"].createElement("li", { className: "list__item" }, traveler.birthDate.split("-").reverse().join("/")),
14192
- isMainBooker && (React__default["default"].createElement(React__default["default"].Fragment, null,
14198
+ isMainBooker && (travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.street) && (React__default["default"].createElement(React__default["default"].Fragment, null,
14193
14199
  React__default["default"].createElement("li", { className: "list__item" }, "".concat(travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.street, " ").concat(lodash.compact([
14194
14200
  travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.houseNumber,
14195
14201
  travelerFormValues === null || travelerFormValues === void 0 ? void 0 : travelerFormValues.box,
@@ -14228,9 +14234,9 @@ var Summary = function () {
14228
14234
  return React__default["default"].createElement(SummaryPerBookingOptionGroup, { key: i, group: x });
14229
14235
  })),
14230
14236
  !lodash.isEmpty(activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionUnits) &&
14231
- (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionUnits.map(function (x) { return (React__default["default"].createElement(SummaryBookingOptionUnit, { unit: x })); })),
14237
+ (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionUnits.map(function (x, i) { return (React__default["default"].createElement(SummaryBookingOptionUnit, { key: i, unit: x })); })),
14232
14238
  !lodash.isEmpty(activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionPax) &&
14233
- (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionPax.map(function (x) { return (React__default["default"].createElement(SummaryBookingOptionPax, { pax: x })); })),
14239
+ (activeOption === null || activeOption === void 0 ? void 0 : activeOption.optionPax.map(function (x, i) { return (React__default["default"].createElement(SummaryBookingOptionPax, { key: i, pax: x })); })),
14234
14240
  (packageDetails === null || packageDetails === void 0 ? void 0 : packageDetails.outwardFlights) &&
14235
14241
  packageDetails.outwardFlights
14236
14242
  .filter(function (x) { return x.isSelected; })
@@ -14259,7 +14265,7 @@ var Summary = function () {
14259
14265
  !voucher.isValid && voucher.isValidated && (React__default["default"].createElement("div", { className: "info-message--error" }, translations.SUMMARY.VOUCHER_INVALID)))),
14260
14266
  React__default["default"].createElement("div", { className: "form__row" },
14261
14267
  React__default["default"].createElement("ul", { className: "info-message__voucher" }, !lodash.isEmpty(bookRequest === null || bookRequest === void 0 ? void 0 : bookRequest.payload.voucherCodes) &&
14262
- ((_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,
14268
+ ((_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 },
14263
14269
  React__default["default"].createElement("div", { className: "info-message__voucher__list" },
14264
14270
  y,
14265
14271
  " ",
@@ -14530,15 +14536,21 @@ var validateForm = function (values, agentRequired, bookingType, translations) {
14530
14536
  return errors;
14531
14537
  };
14532
14538
 
14533
- function createTraveler(id) {
14534
- return { id: id, firstName: "", lastName: "", birthDate: "", gender: "" };
14539
+ function createTraveler(traveler, followNumber, personTranslation, isCompact) {
14540
+ if (isCompact) {
14541
+ return { id: traveler.id, firstName: personTranslation, lastName: "".concat(followNumber.number++), birthDate: "", gender: "", age: traveler.age };
14542
+ }
14543
+ else {
14544
+ return { id: traveler.id, firstName: "", lastName: "", birthDate: "", gender: "" };
14545
+ }
14535
14546
  }
14536
- function createInitialValues(formRooms, startDate, agentAdressId) {
14547
+ function createInitialValues(formRooms, startDate, agentAdressId, personTranslation, isCompact) {
14548
+ var followNumber = { number: 0 };
14537
14549
  var initialValues = {
14538
14550
  startDate: startDate,
14539
14551
  rooms: formRooms.map(function (r) { return ({
14540
- adults: r.adults.map(function (id) { return createTraveler(id); }),
14541
- children: r.children.map(function (id) { return createTraveler(id); }),
14552
+ adults: r.adults.map(function (x) { return createTraveler(x, followNumber, personTranslation, isCompact); }),
14553
+ children: r.children.map(function (x) { return createTraveler(x, followNumber, personTranslation, isCompact); }),
14542
14554
  }); }),
14543
14555
  mainBookerId: -1,
14544
14556
  street: "",
@@ -14572,7 +14584,8 @@ var TravelersForm = function () {
14572
14584
  var agents = reactRedux.useSelector(selectAgents);
14573
14585
  var agentAdressId = reactRedux.useSelector(selectAgentAdressId);
14574
14586
  var translations = reactRedux.useSelector(selectTranslations);
14575
- var initialValues = (_a = reactRedux.useSelector(selectTravelersFormValues)) !== null && _a !== void 0 ? _a : createInitialValues(formRooms, startDate, agentAdressId);
14587
+ var useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
14588
+ var initialValues = (_a = reactRedux.useSelector(selectTravelersFormValues)) !== null && _a !== void 0 ? _a : createInitialValues(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
14576
14589
  var _e = React.useState((_b = settings.agentRequired) !== null && _b !== void 0 ? _b : false), showAgents = _e[0], setShowAgents = _e[1];
14577
14590
  var _f = React.useState(!settings.agentAdressId && !settings.hideAgentSelection), showAgentSelection = _f[0], setShowAgentSelection = _f[1];
14578
14591
  var typeaheadAgents = (_c = lodash.sortBy(agents === null || agents === void 0 ? void 0 : agents.map(function (x) { return ({
@@ -14581,22 +14594,37 @@ var TravelersForm = function () {
14581
14594
  text: "".concat(x.name, " (").concat(x.postalCode, " ").concat(x.location, ")"),
14582
14595
  }); }), "value")) !== null && _c !== void 0 ? _c : [];
14583
14596
  var _g = React.useState(typeaheadAgents), filteredAgents = _g[0], setFilteredAgents = _g[1];
14584
- var formik$1 = formik.useFormik({
14585
- initialValues: initialValues,
14586
- validate: function (values) {
14587
- return validateForm(values, settings.agentRequired, bookingType, translations);
14588
- },
14589
- onSubmit: function (values) {
14590
- dispatch(setFormValues(values));
14591
- dispatch(fetchPriceDetails());
14592
- if (settings.skipRouter) {
14593
- dispatch(setCurrentStep(SUMMARY_STEP));
14594
- }
14595
- else {
14596
- router.navigate("".concat(settings.basePath).concat(settings.summary.pathSuffix, "?").concat(bookingQueryString));
14597
- }
14598
- },
14599
- });
14597
+ var formik$1 = useCompactForm
14598
+ ? formik.useFormik({
14599
+ initialValues: initialValues,
14600
+ validate: function (values) { },
14601
+ onSubmit: function (values) {
14602
+ dispatch(setFormValues(values));
14603
+ dispatch(fetchPriceDetails());
14604
+ if (settings.skipRouter) {
14605
+ dispatch(setCurrentStep(SUMMARY_STEP));
14606
+ }
14607
+ else {
14608
+ router.navigate("".concat(settings.basePath).concat(settings.summary.pathSuffix, "?").concat(bookingQueryString));
14609
+ }
14610
+ },
14611
+ })
14612
+ : formik.useFormik({
14613
+ initialValues: initialValues,
14614
+ validate: function (values) {
14615
+ return validateForm(values, settings.agentRequired, bookingType, translations);
14616
+ },
14617
+ onSubmit: function (values) {
14618
+ dispatch(setFormValues(values));
14619
+ dispatch(fetchPriceDetails());
14620
+ if (settings.skipRouter) {
14621
+ dispatch(setCurrentStep(SUMMARY_STEP));
14622
+ }
14623
+ else {
14624
+ router.navigate("".concat(settings.basePath).concat(settings.summary.pathSuffix, "?").concat(bookingQueryString));
14625
+ }
14626
+ },
14627
+ });
14600
14628
  React.useEffect(function () {
14601
14629
  dispatch(fetchPriceDetails());
14602
14630
  }, []);
@@ -14656,8 +14684,8 @@ var TravelersForm = function () {
14656
14684
  return lodash.get(formik$1.errors, key) && lodash.get(formik$1.touched, key);
14657
14685
  };
14658
14686
  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 },
14659
- React__default["default"].createElement("div", { className: "form__travelers__wrapper" },
14660
- formik$1.values.rooms.map(function (room, rIndex) { return (React__default["default"].createElement("div", { key: rIndex },
14687
+ useCompactForm
14688
+ ? (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 },
14661
14689
  React__default["default"].createElement("div", { className: "form__region" },
14662
14690
  React__default["default"].createElement("div", { className: "form__region-header" },
14663
14691
  React__default["default"].createElement("h5", { className: "form__region-heading" },
@@ -14693,30 +14721,7 @@ var TravelersForm = function () {
14693
14721
  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" }),
14694
14722
  translations.TRAVELERS_FORM.MAIN_BOOKER))),
14695
14723
  React__default["default"].createElement("div", { className: "form__row" },
14696
- React__default["default"].createElement("div", { className: buildClassName([
14697
- "form__group",
14698
- hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].gender")) && "form__group--error",
14699
- ]) },
14700
- React__default["default"].createElement("label", { className: "form__label" },
14701
- translations.TRAVELERS_FORM.GENDER,
14702
- " *"),
14703
- React__default["default"].createElement("div", { className: "radiobutton-group" },
14704
- React__default["default"].createElement("div", { className: "radiobutton" },
14705
- React__default["default"].createElement("label", { className: "radiobutton__label" },
14706
- 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" }),
14707
- translations.TRAVELERS_FORM.MALE)),
14708
- React__default["default"].createElement("div", { className: "radiobutton" },
14709
- React__default["default"].createElement("label", { className: "radiobutton__label" },
14710
- 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" }),
14711
- translations.TRAVELERS_FORM.FEMALE)),
14712
- React__default["default"].createElement("div", { className: "radiobutton" },
14713
- React__default["default"].createElement("label", { className: "radiobutton__label" },
14714
- 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" }),
14715
- translations.TRAVELERS_FORM.OTHER))))),
14716
- React__default["default"].createElement("div", { className: "form__row" },
14717
- 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 }),
14718
- 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 }),
14719
- 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 })))); }),
14724
+ 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 })))); }),
14720
14725
  room.children.map(function (travelerValues, index) { return (React__default["default"].createElement("div", { className: "form__region", key: travelerValues.id },
14721
14726
  React__default["default"].createElement("div", { className: "form__region-header" },
14722
14727
  React__default["default"].createElement("h5", { className: "form__region-heading" },
@@ -14725,98 +14730,169 @@ var TravelersForm = function () {
14725
14730
  room.adults.length + index + 1),
14726
14731
  React__default["default"].createElement("p", { className: "form__region-label" }, translations.TRAVELERS_FORM.CHILD)),
14727
14732
  React__default["default"].createElement("div", { className: "form__row" },
14728
- React__default["default"].createElement("div", { className: buildClassName([
14729
- "form__group",
14730
- hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].gender")) && "form__group--error",
14731
- ]) },
14732
- React__default["default"].createElement("label", { className: "form__label" },
14733
- translations.TRAVELERS_FORM.GENDER,
14734
- " *"),
14735
- React__default["default"].createElement("div", { className: "radiobutton-group" },
14736
- React__default["default"].createElement("div", { className: "radiobutton" },
14737
- React__default["default"].createElement("label", { className: "radiobutton__label" },
14738
- 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" }),
14739
- translations.TRAVELERS_FORM.MALE)),
14740
- React__default["default"].createElement("div", { className: "radiobutton" },
14741
- React__default["default"].createElement("label", { className: "radiobutton__label" },
14742
- 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" }),
14743
- translations.TRAVELERS_FORM.FEMALE)),
14733
+ 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 })))); }))); })))
14734
+ : (React__default["default"].createElement(React__default["default"].Fragment, null,
14735
+ React__default["default"].createElement("div", { className: "form__travelers__wrapper" },
14736
+ formik$1.values.rooms.map(function (room, rIndex) { return (React__default["default"].createElement("div", { key: rIndex },
14737
+ React__default["default"].createElement("div", { className: "form__region" },
14738
+ React__default["default"].createElement("div", { className: "form__region-header" },
14739
+ React__default["default"].createElement("h5", { className: "form__region-heading" },
14740
+ translations.SHARED.ROOM,
14741
+ " ",
14742
+ rIndex + 1),
14743
+ React__default["default"].createElement("p", { className: "form__region-label" }, lodash.compact([
14744
+ room.adults.length,
14745
+ room.adults.length === 1 &&
14746
+ " ".concat(translations.TRAVELERS_FORM.ADULT),
14747
+ room.adults.length > 1 &&
14748
+ " ".concat(translations.TRAVELERS_FORM.ADULTS),
14749
+ room.adults &&
14750
+ room.adults.length &&
14751
+ room.children &&
14752
+ room.children.length &&
14753
+ ", ",
14754
+ room.children.length,
14755
+ room.children.length === 1 &&
14756
+ " ".concat(translations.TRAVELERS_FORM.CHILD),
14757
+ room.children.length > 1 &&
14758
+ " ".concat(translations.TRAVELERS_FORM.CHILDREN),
14759
+ ]).join("")))),
14760
+ room.adults.map(function (travelerValues, index) { return (React__default["default"].createElement("div", { className: "form__region", key: travelerValues.id },
14761
+ React__default["default"].createElement("div", { className: "form__region-header" },
14762
+ React__default["default"].createElement("h5", { className: "form__region-heading" },
14763
+ translations.TRAVELERS_FORM.TRAVELER,
14764
+ " ",
14765
+ index + 1),
14766
+ React__default["default"].createElement("p", { className: "form__region-label" }, translations.TRAVELERS_FORM.ADULT),
14744
14767
  React__default["default"].createElement("div", { className: "radiobutton" },
14745
14768
  React__default["default"].createElement("label", { className: "radiobutton__label" },
14746
- 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" }),
14747
- translations.TRAVELERS_FORM.OTHER))))),
14748
- React__default["default"].createElement("div", { className: "form__row" },
14749
- 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 }),
14750
- 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 }),
14751
- 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 })))); }))); }),
14752
- bookingType != "b2b" ? (React__default["default"].createElement("div", { className: "form__region" },
14753
- React__default["default"].createElement("div", { className: "form__region-header" },
14754
- React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.MAIN_BOOKER),
14755
- React__default["default"].createElement("p", { className: "form__region-label" }, lodash.compact([
14756
- lodash.compact([mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.firstName, mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.lastName]).join(" "),
14757
- (mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.birthDate) &&
14758
- dateFns.format(dateFns.parse(mainBooker.birthDate, "yyyy-MM-dd", new Date()), "dd-MM-yyyy"),
14759
- ]).join(", "))),
14760
- React__default["default"].createElement(React__default["default"].Fragment, null,
14761
- React__default["default"].createElement("div", { className: "form__twocolumn" },
14762
- React__default["default"].createElement("div", { className: "form__twocolumn-column" },
14769
+ 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" }),
14770
+ translations.TRAVELERS_FORM.MAIN_BOOKER))),
14771
+ React__default["default"].createElement("div", { className: "form__row" },
14772
+ React__default["default"].createElement("div", { className: buildClassName([
14773
+ "form__group",
14774
+ hasVisibleError("rooms[".concat(rIndex, "].adults[").concat(index, "].gender")) && "form__group--error",
14775
+ ]) },
14776
+ React__default["default"].createElement("label", { className: "form__label" },
14777
+ translations.TRAVELERS_FORM.GENDER,
14778
+ " *"),
14779
+ React__default["default"].createElement("div", { className: "radiobutton-group" },
14780
+ React__default["default"].createElement("div", { className: "radiobutton" },
14781
+ React__default["default"].createElement("label", { className: "radiobutton__label" },
14782
+ 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" }),
14783
+ translations.TRAVELERS_FORM.MALE)),
14784
+ React__default["default"].createElement("div", { className: "radiobutton" },
14785
+ React__default["default"].createElement("label", { className: "radiobutton__label" },
14786
+ 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" }),
14787
+ translations.TRAVELERS_FORM.FEMALE)),
14788
+ React__default["default"].createElement("div", { className: "radiobutton" },
14789
+ React__default["default"].createElement("label", { className: "radiobutton__label" },
14790
+ 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" }),
14791
+ translations.TRAVELERS_FORM.OTHER))))),
14792
+ React__default["default"].createElement("div", { className: "form__row" },
14793
+ 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 }),
14794
+ 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 }),
14795
+ 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 })))); }),
14796
+ room.children.map(function (travelerValues, index) { return (React__default["default"].createElement("div", { className: "form__region", key: travelerValues.id },
14797
+ React__default["default"].createElement("div", { className: "form__region-header" },
14798
+ React__default["default"].createElement("h5", { className: "form__region-heading" },
14799
+ translations.TRAVELERS_FORM.TRAVELER,
14800
+ " ",
14801
+ room.adults.length + index + 1),
14802
+ React__default["default"].createElement("p", { className: "form__region-label" }, translations.TRAVELERS_FORM.CHILD)),
14803
+ React__default["default"].createElement("div", { className: "form__row" },
14804
+ React__default["default"].createElement("div", { className: buildClassName([
14805
+ "form__group",
14806
+ hasVisibleError("rooms[".concat(rIndex, "].children[").concat(index, "].gender")) && "form__group--error",
14807
+ ]) },
14808
+ React__default["default"].createElement("label", { className: "form__label" },
14809
+ translations.TRAVELERS_FORM.GENDER,
14810
+ " *"),
14811
+ React__default["default"].createElement("div", { className: "radiobutton-group" },
14812
+ React__default["default"].createElement("div", { className: "radiobutton" },
14813
+ React__default["default"].createElement("label", { className: "radiobutton__label" },
14814
+ 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" }),
14815
+ translations.TRAVELERS_FORM.MALE)),
14816
+ React__default["default"].createElement("div", { className: "radiobutton" },
14817
+ React__default["default"].createElement("label", { className: "radiobutton__label" },
14818
+ 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" }),
14819
+ translations.TRAVELERS_FORM.FEMALE)),
14820
+ React__default["default"].createElement("div", { className: "radiobutton" },
14821
+ React__default["default"].createElement("label", { className: "radiobutton__label" },
14822
+ 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" }),
14823
+ translations.TRAVELERS_FORM.OTHER))))),
14763
14824
  React__default["default"].createElement("div", { className: "form__row" },
14764
- 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 }),
14765
- 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 }),
14766
- 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 }))),
14767
- React__default["default"].createElement("div", { className: "form__twocolumn-column" },
14825
+ 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 }),
14826
+ 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 }),
14827
+ 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 })))); }))); }),
14828
+ bookingType != "b2b" ? (React__default["default"].createElement("div", { className: "form__region" },
14829
+ React__default["default"].createElement("div", { className: "form__region-header" },
14830
+ React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.MAIN_BOOKER),
14831
+ React__default["default"].createElement("p", { className: "form__region-label" }, lodash.compact([
14832
+ lodash.compact([mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.firstName, mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.lastName]).join(" "),
14833
+ (mainBooker === null || mainBooker === void 0 ? void 0 : mainBooker.birthDate) &&
14834
+ dateFns.format(dateFns.parse(mainBooker.birthDate, "yyyy-MM-dd", new Date()), "dd-MM-yyyy"),
14835
+ ]).join(", "))),
14836
+ React__default["default"].createElement(React__default["default"].Fragment, null,
14837
+ React__default["default"].createElement("div", { className: "form__twocolumn" },
14838
+ React__default["default"].createElement("div", { className: "form__twocolumn-column" },
14839
+ React__default["default"].createElement("div", { className: "form__row" },
14840
+ 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 }),
14841
+ 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 }),
14842
+ 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 }))),
14843
+ React__default["default"].createElement("div", { className: "form__twocolumn-column" },
14844
+ React__default["default"].createElement("div", { className: "form__row" },
14845
+ 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 }),
14846
+ 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 }),
14847
+ 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: [
14848
+ {
14849
+ key: "empty",
14850
+ label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
14851
+ value: undefined,
14852
+ },
14853
+ {
14854
+ key: "be",
14855
+ value: "be",
14856
+ label: translations.TRAVELERS_FORM.COUNTRIES.BELGIUM,
14857
+ },
14858
+ {
14859
+ key: "nl",
14860
+ value: "nl",
14861
+ label: translations.TRAVELERS_FORM.COUNTRIES.NETHERLANDS,
14862
+ },
14863
+ {
14864
+ key: "fr",
14865
+ value: "fr",
14866
+ label: translations.TRAVELERS_FORM.COUNTRIES.FRANCE,
14867
+ },
14868
+ ] })))),
14768
14869
  React__default["default"].createElement("div", { className: "form__row" },
14769
- 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 }),
14770
- 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 }),
14771
- 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: [
14772
- {
14773
- key: "empty",
14774
- label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
14775
- value: undefined,
14776
- },
14777
- {
14778
- key: "be",
14779
- value: "be",
14780
- label: translations.TRAVELERS_FORM.COUNTRIES.BELGIUM,
14781
- },
14782
- {
14783
- key: "nl",
14784
- value: "nl",
14785
- label: translations.TRAVELERS_FORM.COUNTRIES.NETHERLANDS,
14786
- },
14787
- {
14788
- key: "fr",
14789
- value: "fr",
14790
- label: translations.TRAVELERS_FORM.COUNTRIES.FRANCE,
14791
- },
14792
- ] })))),
14870
+ 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 }),
14871
+ 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 }),
14872
+ 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" },
14873
+ React__default["default"].createElement("div", { className: "form__row" },
14874
+ 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 })))),
14875
+ showAgentSelection && (React__default["default"].createElement("div", { className: "form__region" },
14876
+ React__default["default"].createElement("div", { className: "form__region-header" },
14877
+ React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.BOOK_WITH_AGENT),
14878
+ React__default["default"].createElement("div", { className: "checkbox", id: "cbxChooseOffice" },
14879
+ React__default["default"].createElement("label", { className: "checkbox__label" },
14880
+ React__default["default"].createElement("input", { type: "checkbox", name: "booking--mainbooker", defaultChecked: showAgents, onClick: function () { return toggleAgent(!showAgents); }, className: "checkbox__input" }),
14881
+ translations.TRAVELERS_FORM.CHOOSE_OFFICE))),
14882
+ showAgents && (React__default["default"].createElement("div", { className: "form__row form__row--choose-office" },
14883
+ React__default["default"].createElement("div", { className: buildClassName([
14884
+ "form__group",
14885
+ "form__group--icon",
14886
+ hasVisibleError("travelAgentId") && "form__group--error",
14887
+ ]) },
14888
+ 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 }))))))),
14889
+ Object.keys(flatErrors).length > 0 && (React__default["default"].createElement("div", { className: "form__region form__region--errors" },
14793
14890
  React__default["default"].createElement("div", { className: "form__row" },
14794
- 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 }),
14795
- 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 }),
14796
- 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" },
14797
- React__default["default"].createElement("div", { className: "form__row" },
14798
- 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 })))),
14799
- showAgentSelection && (React__default["default"].createElement("div", { className: "form__region" },
14800
- React__default["default"].createElement("div", { className: "form__region-header" },
14801
- React__default["default"].createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.BOOK_WITH_AGENT),
14802
- React__default["default"].createElement("div", { className: "checkbox", id: "cbxChooseOffice" },
14803
- React__default["default"].createElement("label", { className: "checkbox__label" },
14804
- React__default["default"].createElement("input", { type: "checkbox", name: "booking--mainbooker", defaultChecked: showAgents, onClick: function () { return toggleAgent(!showAgents); }, className: "checkbox__input" }),
14805
- translations.TRAVELERS_FORM.CHOOSE_OFFICE))),
14806
- showAgents && (React__default["default"].createElement("div", { className: "form__row form__row--choose-office" },
14807
- React__default["default"].createElement("div", { className: buildClassName([
14808
- "form__group",
14809
- "form__group--icon",
14810
- hasVisibleError("travelAgentId") && "form__group--error",
14811
- ]) },
14812
- 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 }))))))),
14813
- Object.keys(flatErrors).length > 0 && (React__default["default"].createElement("div", { className: "form__region form__region--errors" },
14814
- React__default["default"].createElement("div", { className: "form__row" },
14815
- React__default["default"].createElement("div", { className: "form__group" },
14816
- React__default["default"].createElement("p", { className: "form__error-heading" },
14817
- translations.TRAVELERS_FORM.VALIDATION_MESSAGE,
14818
- ":"),
14819
- 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))); })))))),
14891
+ React__default["default"].createElement("div", { className: "form__group" },
14892
+ React__default["default"].createElement("p", { className: "form__error-heading" },
14893
+ translations.TRAVELERS_FORM.VALIDATION_MESSAGE,
14894
+ ":"),
14895
+ 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))); })))))))),
14820
14896
  React__default["default"].createElement("div", { className: "booking__navigator" },
14821
14897
  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)),
14822
14898
  React__default["default"].createElement("button", { type: "submit", title: translations.STEPS.NEXT, className: "cta" }, translations.STEPS.NEXT))));
package/build/build-cjs/shared/utils/localization-util.d.ts CHANGED
@@ -126,6 +126,7 @@ export declare const getTranslations: (language: string) => {
126
126
  CHANGES: string;
127
127
  };
128
128
  TRAVELERS_FORM: {
129
+ AGE: string;
129
130
  TRAVELER: string;
130
131
  ADULT: string;
131
132
  ADULTS: string;
@@ -154,6 +155,7 @@ export declare const getTranslations: (language: string) => {
154
155
  VALIDATION_MESSAGE: string;
155
156
  BOOK_WITH_AGENT: string;
156
157
  CHOOSE_OFFICE: string;
158
+ PERSON: string;
157
159
  COUNTRIES: {
158
160
  BELGIUM: string;
159
161
  NETHERLANDS: string;
package/build/build-esm/booking-wizard/features/sidebar/sidebar-util.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { BookingPackageFlightMetaData } from "@qite/tide-client/build/types";
2
- import { FlightLine } from "../../types";
2
+ import { FlightLine, RoomTraveler } from "../../types";
3
3
  export declare const getTravelersText: (rooms: {
4
- adults: number[];
5
- children: number[];
4
+ adults: RoomTraveler[];
5
+ children: RoomTraveler[];
6
6
  }[]) => string[];
7
7
  export declare const getDateText: (date: string | undefined, hideYear?: boolean) => string | undefined;
8
8
  export declare const getDatePeriodText: (from?: string, to?: string, nightsOnly?: boolean) => string | undefined;