@qite/tide-booking-component 0.0.2-preview.64 → 0.0.2-preview.66

package/build/build-cjs/booking-wizard/features/summary/summary-booking-option-pax.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionPax } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryBookingOptionPaxProps {
+    pax: BookingOptionPax;
+}
+declare const SummaryBookingOptionPax: React.FC<SummaryBookingOptionPaxProps>;
+export default SummaryBookingOptionPax;

package/build/build-cjs/booking-wizard/features/summary/summary-booking-option-unit.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionUnit } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryBookingOptionUnitProps {
+    unit: BookingOptionUnit;
+}
+declare const SummaryBookingOptionUnit: React.FC<SummaryBookingOptionUnitProps>;
+export default SummaryBookingOptionUnit;

package/build/build-cjs/booking-wizard/features/summary/summary-per-booking-option-group.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionGroup, PerBookingPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerBookingOptionGroupProps {
+    group: BookingOptionGroup<PerBookingPackageOption>;
+}
+declare const SummaryPerBookingOptionGroup: React.FC<SummaryPerBookingOptionGroupProps>;
+export default SummaryPerBookingOptionGroup;

package/build/build-cjs/booking-wizard/features/summary/summary-per-pax-option-group.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionGroup, PerPaxPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerPaxOptionGroupProps {
+    group: BookingOptionGroup<PerPaxPackageOption>;
+}
+declare const SummaryPerPaxOptionGroup: React.FC<SummaryPerPaxOptionGroupProps>;
+export default SummaryPerPaxOptionGroup;

package/build/build-cjs/booking-wizard/features/summary/summary-per-unit-option-group.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionGroup, PerUnitPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerUnitOptionGroupProps {
+    group: BookingOptionGroup<PerUnitPackageOption>;
+}
+declare const SummaryPerUnitOptionGroup: React.FC<SummaryPerUnitOptionGroupProps>;
+export default SummaryPerUnitOptionGroup;

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

@@ -31,6 +31,7 @@ export interface Settings {
     loaderComponent?: JSX.Element | null;
     icons?: string | null;
     tagIds?: number[];
+    hideAgentSelection?: boolean;
     agentAdressId?: number;
     affiliateSlug?: string;
 }

package/build/build-cjs/index.js

@@ -324,6 +324,7 @@ var post$1 = function (url, apiKey, body, signal) {
                 "Content-Type": "application/json",
                 "Api-Key": apiKey,
               },
+              credentials: "include",
               body: body,
               signal: signal,
             }),
@@ -6321,6 +6322,8 @@ var ENDPOINT_PRICE_DETAILS = ENDPOINT$5 + "/price-details";
 var ENDPOINT_BOOK = ENDPOINT$5 + "/book";
 var ENDPOINT_AGENTS = ENDPOINT$5 + "/agents";
 var ENDPOINT_AVAILABLE_ALLOTMENTS = ENDPOINT$5 + "/get-allotment-availability";
+var ENDPOINT_FLIGHT_POOL = ENDPOINT$5 + "/flight-pool";
+var ENDPOINT_BOOKABLE_DATES = ENDPOINT$5 + "/bookable-dates";
 var readPackageSearchList = function (config, request, signal) {
   var url = "" + config.host + ENDPOINT_PACKAGE_SEARCH_LIST;
   var apiKey = config.apiKey;
@@ -6384,6 +6387,18 @@ var getAllotmentAvailability = function (config, eventId, signal) {
   var apiKey = config.apiKey;
   return get(url, apiKey, signal, true);
 };
+var searchFlightPool = function (config, request, signal) {
+  var url = "" + config.host + ENDPOINT_FLIGHT_POOL;
+  var apiKey = config.apiKey;
+  var body = JSON.stringify(request);
+  return post(url, apiKey, body, signal, true);
+};
+var bookableDates = function (config, request, signal) {
+  var url = "" + config.host + ENDPOINT_BOOKABLE_DATES;
+  var apiKey = config.apiKey;
+  var body = JSON.stringify(request);
+  return post(url, apiKey, body, signal, true);
+};
 
 var ENDPOINT$4 = "/api/member";
 var ENDPOINT_LOGIN = ENDPOINT$4 + "/login";
@@ -6516,6 +6531,7 @@ var agents_1 = build.agents = agents;
 build.alternateFlights = alternateFlights;
 build.alternateHotels = alternateHotels;
 var book_1 = build.book = book;
+build.bookableDates = bookableDates;
 build.confirm = confirm;
 build.contactForm = contactForm;
 build.contactHasTag = contactHasTag;
@@ -6546,6 +6562,7 @@ var priceDetails_1 = build.priceDetails = priceDetails;
 build.readPackageSearchList = readPackageSearchList;
 build.resetPassword = resetPassword;
 build.search = search;
+build.searchFlightPool = searchFlightPool;
 build.searchPackages = searchPackages;
 
 function buildTideClientConfig() {
@@ -7220,6 +7237,7 @@ var SettingsContext = React__default["default"].createContext({
     entryStatus: 0,
     customEntryStatusId: null,
     tagIds: [],
+    hideAgentSelection: false,
     agentAdressId: undefined,
     affiliateSlug: undefined,
     productPath: "/",
@@ -7322,8 +7340,8 @@ var Message = function (_a) {
 };
 
 var STEPS = {
-	PERSONAL_DETAILS: "Persoonlijke en reisgegevens",
-	TRAVEL_OPTIONS: "Reisopties",
+	PERSONAL_DETAILS: "Persoonlijke gegevens",
+	TRAVEL_OPTIONS: "Opties",
 	SUMMARY: "Overzicht",
 	CONFIRMATION: "Bevestiging",
 	ERROR: "Boeken mislukt",
@@ -7336,10 +7354,10 @@ var MAIN = {
 	PRODUCT_UNAVAILABLE: "Product niet beschikbaar"
 };
 var SIDEBAR = {
-	OVERVIEW: "Reisoverzicht",
+	OVERVIEW: "Overzicht",
 	SLIDE_TOTAL_PRICE: "Totaalbedrag: ",
 	SLIDE_DEPOSIT: "Te betalen voorschot: ",
-	TRAVEL_INFO: "Reisgegevens",
+	TRAVEL_INFO: "Gegevens",
 	TRAVELERS: "Personen",
 	TRAVELERS_ADULTS: "volwassenen",
 	TRAVELERS_ADULT: "volwassene",
@@ -7349,9 +7367,9 @@ var SIDEBAR = {
 	DEPARTURE_SINGLE: "Datum",
 	ARRIVAL: "Terugreis",
 	FLIGHT: "Vlucht",
-	ACCOMMODATION: "Verblijf",
+	ACCOMMODATION: "Geboekt",
 	BASE_PRICE: "Basisprijs",
-	OPTIONS: "Reisopties",
+	OPTIONS: "Opties",
 	INCLUDED_COSTS: "Inbegrepen",
 	EXTRA_COSTS: "Bijkomende kosten",
 	TOTAL_PRICE: "Totale prijs",
@@ -7402,7 +7420,9 @@ var OPTIONS_FORM = {
 	NO_OPTIONS_MESSAGE: "Deze reis heeft geen bijkomende opties.",
 	UNIT_TITLE: "Gezelschap",
 	PACKAGE: "Pakket",
+	DAY: "dag",
 	DAYS: "dagen",
+	NIGHT: "nacht",
 	NIGHTS: "nachten",
 	PER_PAX_TITLE: "Per reiziger samenstellen",
 	PER_BOOKING_TITLE: "Per dossier samenstellen",
@@ -7410,7 +7430,7 @@ var OPTIONS_FORM = {
 	NONE: "Geen"
 };
 var SUMMARY = {
-	PERSONAL_DETAILS: "Persoonlijke en reisgegevens",
+	PERSONAL_DETAILS: "Persoonlijke gegevens",
 	TRAVELERS: "reizigers",
 	TRAVELER: "reiziger",
 	ADULTS: "volwassenen",
@@ -7421,7 +7441,7 @@ var SUMMARY = {
 	NOTIFICATIONS_TITLE: "Aandacht",
 	VALIDATE_TITLE: "Controleer je gegevens",
 	VALIDATE_TEXT: "Je staat op het punt je boeking te bevestigen. Contoleer of alle gegevens correct zijn. Deze zijn definitief en niet meer aanpasbaar.",
-	OPTIONS: "Reisopties"
+	OPTIONS: "Opties"
 };
 var CONFIRMATION = {
 	TITLE_TEXT1: "Je boeking met nummer ",
@@ -7549,7 +7569,15 @@ var getDatePeriodText = function (from, to) {
         var fromDate = dateFns.parseISO(from);
         var toDate = dateFns.parseISO(to);
         var dayDifference = dateFns.differenceInDays(toDate, fromDate);
-        return "".concat(dayDifference + 1, " ").concat(translations.OPTIONS_FORM.DAYS, ", ").concat(dayDifference, " ").concat(translations.OPTIONS_FORM.NIGHTS);
+        var daysLabel = dayDifference == 0
+            ? "1 ".concat(translations.OPTIONS_FORM.DAY)
+            : "".concat(dayDifference + 1, " ").concat(translations.OPTIONS_FORM.DAYS);
+        if (!dayDifference)
+            return daysLabel;
+        var nightsLabel = dayDifference == 1
+            ? "1 ".concat(translations.OPTIONS_FORM.NIGHT)
+            : "".concat(dayDifference, " ").concat(translations.OPTIONS_FORM.NIGHTS);
+        return "".concat(daysLabel, ", ").concat(nightsLabel);
     }
     catch (_a) {
         return undefined;
@@ -7609,7 +7637,7 @@ var formatPrice = function (price) {
 };
 
 var OptionRoom = function (_a) {
-    var _b, _c, _d, _e;
+    var _b, _c, _d, _e, _f;
     var packageRoom = _a.packageRoom, pax = _a.pax, onRoomChange = _a.onRoomChange;
     var selectedOption = packageRoom === null || packageRoom === void 0 ? void 0 : packageRoom.options.find(function (x) { return x.isSelected; });
     var daysAndNightsText = "";
@@ -7748,11 +7776,14 @@ var OptionRoom = function (_a) {
                                                             getAccommodationPriceDifference(accommodation))); }))))),
                                             React__default["default"].createElement("div", { className: "tree__column" },
                                                 React__default["default"].createElement("div", { className: "select-wrapper" },
-                                                    React__default["default"].createElement("div", { className: "select-wrapper__select" },
-                                                        React__default["default"].createElement("select", { defaultValue: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.regimeCode, onChange: handleRegimeChange, disabled: regimes.length === 1 }, regimes.map(function (regime) { return (React__default["default"].createElement("option", { key: regime.regimeCode, value: regime.regimeCode },
+                                                    regimes.length > 1 && (React__default["default"].createElement("div", { className: "select-wrapper__select" },
+                                                        React__default["default"].createElement("select", { defaultValue: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.regimeCode, onChange: handleRegimeChange }, regimes.map(function (regime) { return (React__default["default"].createElement("option", { key: regime.regimeCode, value: regime.regimeCode },
                                                             regime.regimeName,
                                                             " ",
-                                                            getRegimePriceDifference(regime))); }))))),
+                                                            getRegimePriceDifference(regime))); })))),
+                                                    regimes.length === 1 && (React__default["default"].createElement(React__default["default"].Fragment, null, (_f = regimes.find(function (x) {
+                                                        return x.regimeCode == (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.regimeCode);
+                                                    })) === null || _f === void 0 ? void 0 : _f.regimeName)))),
                                             React__default["default"].createElement("div", { className: buildClassName([
                                                     "tree__column",
                                                     "tree__column--price",
@@ -7807,6 +7838,7 @@ var NoneOption = function (_a) {
 };
 
 var OptionItem = function (_a) {
+    var _b;
     var option = _a.option, parentId = _a.parentId, index = _a.index, selectedPrice = _a.selectedPrice, onOptionChange = _a.onOptionChange;
     var priceDifference = option.requirementType === 1
         ? option.isSelected
@@ -7936,11 +7968,13 @@ var OptionItem = function (_a) {
                                     " ",
                                     getAccommodationPriceDifference(accommodation))); }))))),
                     React__default["default"].createElement("div", { className: "tree__column" },
-                        React__default["default"].createElement("div", { className: "select-wrapper" }, (regimes === null || regimes === void 0 ? void 0 : regimes.length) > 1 && (React__default["default"].createElement("div", { className: "select-wrapper__select" },
-                            React__default["default"].createElement("select", { defaultValue: option.line.regimeCode, onChange: handleRegimeChange, disabled: regimes.length === 1 }, regimes.map(function (regime) { return (React__default["default"].createElement("option", { key: regime.regimeCode, value: regime.regimeCode },
-                                regime.regimeName,
-                                " ",
-                                getRegimePriceDifference(regime))); })))))))),
+                        React__default["default"].createElement("div", { className: "select-wrapper" },
+                            (regimes === null || regimes === void 0 ? void 0 : regimes.length) > 1 && (React__default["default"].createElement("div", { className: "select-wrapper__select" },
+                                React__default["default"].createElement("select", { defaultValue: option.line.regimeCode, onChange: handleRegimeChange }, regimes.map(function (regime) { return (React__default["default"].createElement("option", { key: regime.regimeCode, value: regime.regimeCode },
+                                    regime.regimeName,
+                                    " ",
+                                    getRegimePriceDifference(regime))); })))),
+                            regimes.length === 1 && (React__default["default"].createElement(React__default["default"].Fragment, null, (_b = regimes.find(function (x) { return x.regimeCode == option.line.regimeCode; })) === null || _b === void 0 ? void 0 : _b.regimeName)))))),
                 React__default["default"].createElement("div", { className: buildClassName(["tree__column", "tree__column--price"]) }, !option.isSelected && (React__default["default"].createElement("span", { className: buildClassName([
                         "price",
                         priceDifference > 0 && "price--increase",
@@ -8332,7 +8366,7 @@ var OptionsForm = function () {
                         React__default["default"].createElement("div", { className: "booking-card__header" },
                             React__default["default"].createElement("h2", { className: "booking-card__header-heading" }, translations.OPTIONS_FORM.PER_BOOKING_TITLE)),
                         React__default["default"].createElement("div", { className: "booking-card__body" },
-                            React__default["default"].createElement("div", { className: "tree__body" }, groups.map(function (group) { return (React__default["default"].createElement(OptionBookingGroup, { group: group, firstClassName: "tree__level", secondClassName: "tree__level-heading", parentId: "booking_".concat(group.name), onGroupChange: handleOnGroupChange })); })))))),
+                            React__default["default"].createElement("div", { className: "tree__body" }, groups.map(function (group, i) { return (React__default["default"].createElement(OptionBookingGroup, { key: "".concat(group.name, "_").concat(i), group: group, firstClassName: "tree__level", secondClassName: "tree__level-heading", parentId: "booking_".concat(group.name), onGroupChange: handleOnGroupChange })); })))))),
                 lodash.isEmpty(groups) && lodash.isEmpty(optionUnits) && lodash.isEmpty(optionPax) && (React__default["default"].createElement(NoOptions, null)))),
             React__default["default"].createElement("div", { className: "booking__navigator" },
                 React__default["default"].createElement(router.Link, { to: "".concat(basePath, "?").concat(bookingQueryString), title: translations.STEPS.PREVIOUS, className: "cta cta--secondary" }, translations.STEPS.PREVIOUS),
@@ -8569,6 +8603,109 @@ var SummaryFlight = function (_a) {
         flight.flightMetaData.luggageIncluded && (React__default["default"].createElement("p", null, translations.SIDEBAR.LUGGAGE_INCLUDED))));
 };
 
+var SummaryPerPaxOptionGroup = function (_a) {
+    var group = _a.group;
+    var groupOptions = group.options.filter(function (x) { return x.isSelected; });
+    return (React__default["default"].createElement("li", { className: "list__item" },
+        React__default["default"].createElement("h6", null, group.title),
+        React__default["default"].createElement("ul", { className: "list" }, groupOptions.map(function (opt) {
+            var _a;
+            return (React__default["default"].createElement("li", { key: opt.line.entryLineGuid, className: "list__item" },
+                opt.line.productName,
+                ": ",
+                opt.line.accommodationName,
+                !lodash.isNil((_a = opt.line) === null || _a === void 0 ? void 0 : _a.regimeName) && ", ",
+                opt.line.regimeName,
+                React__default["default"].createElement("br", null),
+                getDateText(opt.line.startDate),
+                opt.line.startDate != opt.line.endDate ? " > ".concat(getDateText(opt.line.endDate)) : "",
+                React__default["default"].createElement("ul", { className: "list" }, !lodash.isEmpty(opt === null || opt === void 0 ? void 0 : opt.groups) &&
+                    (opt === null || opt === void 0 ? void 0 : opt.groups.map(function (x) {
+                        if (!x.options.some(function (y) { return y.isSelected; }))
+                            return;
+                        return React__default["default"].createElement(SummaryPerPaxOptionGroup, { group: x });
+                    })))));
+        }))));
+};
+
+var SummaryBookingOptionPax = function (_a) {
+    var pax = _a.pax;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, pax.groups.map(function (y) {
+        var paxOptions = y.options.filter(function (y) { return y.isSelected; });
+        if (lodash.isEmpty(paxOptions))
+            return;
+        return React__default["default"].createElement(SummaryPerPaxOptionGroup, { group: y });
+    })));
+};
+
+var SummaryPerUnitOptionGroup = function (_a) {
+    var group = _a.group;
+    var groupOptions = group.options.filter(function (x) { return x.isSelected; });
+    return (React__default["default"].createElement("li", { className: "list__item" },
+        React__default["default"].createElement("h6", null, group.title),
+        React__default["default"].createElement("ul", { className: "list" }, groupOptions.map(function (opt) {
+            var _a;
+            return (React__default["default"].createElement("li", { key: opt.line.entryLineGuid, className: "list__item" },
+                opt.line.productName,
+                ": ",
+                opt.line.accommodationName,
+                !lodash.isNil((_a = opt.line) === null || _a === void 0 ? void 0 : _a.regimeName) && ", ",
+                opt.line.regimeName,
+                React__default["default"].createElement("br", null),
+                getDateText(opt.line.startDate),
+                opt.line.startDate != opt.line.endDate ? " > ".concat(getDateText(opt.line.endDate)) : "",
+                React__default["default"].createElement("ul", null,
+                    !lodash.isEmpty(opt === null || opt === void 0 ? void 0 : opt.groups) &&
+                        (opt === null || opt === void 0 ? void 0 : opt.groups.map(function (x) {
+                            if (!x.options.some(function (y) { return y.isSelected; }))
+                                return;
+                            return React__default["default"].createElement(SummaryPerUnitOptionGroup, { group: x });
+                        })),
+                    !lodash.isEmpty(opt === null || opt === void 0 ? void 0 : opt.pax) &&
+                        (opt === null || opt === void 0 ? void 0 : opt.pax.map(function (x) { return React__default["default"].createElement(SummaryBookingOptionPax, { pax: x }); })))));
+        }))));
+};
+
+var SummaryBookingOptionUnit = function (_a) {
+    var unit = _a.unit;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, unit.groups.map(function (y) {
+        var unitOptions = y.options.filter(function (y) { return y.isSelected; });
+        if (lodash.isEmpty(unitOptions))
+            return;
+        return React__default["default"].createElement(SummaryPerUnitOptionGroup, { group: y });
+    })));
+};
+
+var SummaryPerBookingOptionGroup = function (_a) {
+    var group = _a.group;
+    var groupOptions = group.options.filter(function (x) { return x.isSelected; });
+    return (React__default["default"].createElement("li", { className: "list__item" },
+        React__default["default"].createElement("h6", null, group.title),
+        React__default["default"].createElement("ul", { className: "list" }, groupOptions.map(function (opt) {
+            var _a;
+            return (React__default["default"].createElement("li", { key: opt.line.entryLineGuid, className: "list__item" },
+                opt.line.productName,
+                ": ",
+                opt.line.accommodationName,
+                !lodash.isNil((_a = opt.line) === null || _a === void 0 ? void 0 : _a.regimeName) && ", ",
+                opt.line.regimeName,
+                React__default["default"].createElement("br", null),
+                getDateText(opt.line.startDate),
+                opt.line.startDate != opt.line.endDate ? " > ".concat(getDateText(opt.line.endDate)) : "",
+                React__default["default"].createElement("ul", null,
+                    !lodash.isEmpty(opt === null || opt === void 0 ? void 0 : opt.groups) &&
+                        (opt === null || opt === void 0 ? void 0 : opt.groups.map(function (x) {
+                            if (!x.options.some(function (y) { return y.isSelected; }))
+                                return;
+                            return React__default["default"].createElement(SummaryPerBookingOptionGroup, { group: x });
+                        })),
+                    !lodash.isEmpty(opt === null || opt === void 0 ? void 0 : opt.units) &&
+                        (opt === null || opt === void 0 ? void 0 : opt.units.map(function (x) { return React__default["default"].createElement(SummaryBookingOptionUnit, { unit: x }); })),
+                    !lodash.isEmpty(opt === null || opt === void 0 ? void 0 : opt.pax) &&
+                        (opt === null || opt === void 0 ? void 0 : opt.pax.map(function (x) { return React__default["default"].createElement(SummaryBookingOptionPax, { pax: x }); })))));
+        }))));
+};
+
 var Summary = function () {
     var dispatch = useAppDispatch();
     var settings = React.useContext(SettingsContext);
@@ -8712,20 +8849,30 @@ var Summary = function () {
                         React__default["default"].createElement("ul", { className: "list list--booking-summary" },
                             React__default["default"].createElement("li", null,
                                 React__default["default"].createElement("h6", null, activeOption === null || activeOption === void 0 ? void 0 : activeOption.name),
-                                React__default["default"].createElement("p", null,
-                                    "(",
-                                    getDateText(activeOption === null || activeOption === void 0 ? void 0 : activeOption.fromDate),
-                                    " >",
-                                    " ",
-                                    getDateText(activeOption === null || activeOption === void 0 ? void 0 : activeOption.toDate),
-                                    ")"),
                                 React__default["default"].createElement("ul", null, activeOption === null || activeOption === void 0 ? void 0 : activeOption.rooms.map(function (r, ri) {
                                     var roomOption = r.options.find(function (x) { return x.isSelected; });
                                     return (React__default["default"].createElement("li", { key: ri, className: "list__item" }, roomOption === null || roomOption === void 0 ? void 0 :
                                         roomOption.accommodationName,
                                         !lodash.isNil(roomOption === null || roomOption === void 0 ? void 0 : roomOption.regimeName) && ", ", roomOption === null || roomOption === void 0 ? void 0 :
                                         roomOption.regimeName));
-                                }))),
+                                })),
+                                React__default["default"].createElement("p", null,
+                                    "(",
+                                    getDateText(activeOption === null || activeOption === void 0 ? void 0 : activeOption.fromDate),
+                                    " >",
+                                    " ",
+                                    getDateText(activeOption === null || activeOption === void 0 ? void 0 : activeOption.toDate),
+                                    ")")),
+                            !lodash.isEmpty(activeOption === null || activeOption === void 0 ? void 0 : activeOption.groups) &&
+                                (activeOption === null || activeOption === void 0 ? void 0 : activeOption.groups.map(function (x) {
+                                    if (!x.options.some(function (y) { return y.isSelected; }))
+                                        return;
+                                    return React__default["default"].createElement(SummaryPerBookingOptionGroup, { 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 })); })),
+                            !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 })); })),
                             (packageDetails === null || packageDetails === void 0 ? void 0 : packageDetails.outwardFlights) &&
                                 packageDetails.outwardFlights
                                     .filter(function (x) { return x.isSelected; })
@@ -8977,7 +9124,7 @@ var TravelersForm = function () {
     var agentAdressId = reactRedux.useSelector(selectAgentAdressId);
     var initialValues = (_a = reactRedux.useSelector(selectTravelersFormValues)) !== null && _a !== void 0 ? _a : createInitialValues(adultIds, childIds, startDate, agentAdressId);
     var _c = React.useState(false), showAgents = _c[0], setShowAgents = _c[1];
-    var _d = React.useState(!settings.agentAdressId), showAgentSelection = _d[0], setShowAgentSelection = _d[1];
+    var _d = React.useState(!settings.agentAdressId && !settings.hideAgentSelection), showAgentSelection = _d[0], setShowAgentSelection = _d[1];
     var typeaheadAgents = (_b = lodash.sortBy(agents === null || agents === void 0 ? void 0 : agents.map(function (x) { return ({
         key: "".concat(x.id),
         value: "".concat(x.name, " (").concat(x.postalCode, " ").concat(x.location, ")"),

package/build/build-esm/booking-wizard/features/summary/summary-booking-option-pax.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionPax } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryBookingOptionPaxProps {
+    pax: BookingOptionPax;
+}
+declare const SummaryBookingOptionPax: React.FC<SummaryBookingOptionPaxProps>;
+export default SummaryBookingOptionPax;

package/build/build-esm/booking-wizard/features/summary/summary-booking-option-unit.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionUnit } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryBookingOptionUnitProps {
+    unit: BookingOptionUnit;
+}
+declare const SummaryBookingOptionUnit: React.FC<SummaryBookingOptionUnitProps>;
+export default SummaryBookingOptionUnit;

package/build/build-esm/booking-wizard/features/summary/summary-per-booking-option-group.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionGroup, PerBookingPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerBookingOptionGroupProps {
+    group: BookingOptionGroup<PerBookingPackageOption>;
+}
+declare const SummaryPerBookingOptionGroup: React.FC<SummaryPerBookingOptionGroupProps>;
+export default SummaryPerBookingOptionGroup;

package/build/build-esm/booking-wizard/features/summary/summary-per-pax-option-group.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionGroup, PerPaxPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerPaxOptionGroupProps {
+    group: BookingOptionGroup<PerPaxPackageOption>;
+}
+declare const SummaryPerPaxOptionGroup: React.FC<SummaryPerPaxOptionGroupProps>;
+export default SummaryPerPaxOptionGroup;

package/build/build-esm/booking-wizard/features/summary/summary-per-unit-option-group.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionGroup, PerUnitPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerUnitOptionGroupProps {
+    group: BookingOptionGroup<PerUnitPackageOption>;
+}
+declare const SummaryPerUnitOptionGroup: React.FC<SummaryPerUnitOptionGroupProps>;
+export default SummaryPerUnitOptionGroup;

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

@@ -31,6 +31,7 @@ export interface Settings {
     loaderComponent?: JSX.Element | null;
     icons?: string | null;
     tagIds?: number[];
+    hideAgentSelection?: boolean;
     agentAdressId?: number;
     affiliateSlug?: string;
 }