@qite/tide-booking-component 1.4.93 → 1.4.95

package/build/build-esm/index.js

@@ -237,7 +237,8 @@ var SIDEBAR$f = {
 	FLIGHT_DEPARTURE: "المغادرة",
 	FLIGHT_ARRIVAL: "الوصول",
 	ON_REQUEST: "حسب الطلب",
-	CHANGES: "التحويلات"
+	CHANGES: "التحويلات",
+	COMMISSION: "العمولة"
 };
 var TRAVELERS_FORM$f = {
 	AGE: "العمر",
@@ -637,7 +638,8 @@ var SIDEBAR$e = {
 	FLIGHT_DEPARTURE: "Afrejse",
 	FLIGHT_ARRIVAL: "Ankomst",
 	ON_REQUEST: "På forespørgsel",
-	CHANGES: "overførsler"
+	CHANGES: "overførsler",
+	COMMISSION: "Provision"
 };
 var TRAVELERS_FORM$e = {
 	AGE: "Alder",
@@ -1037,7 +1039,8 @@ var SIDEBAR$d = {
 	FLIGHT_DEPARTURE: "Abflug",
 	FLIGHT_ARRIVAL: "Ankunft",
 	ON_REQUEST: "Auf Anfrage",
-	CHANGES: "Transfers"
+	CHANGES: "Transfers",
+	COMMISSION: "Provision"
 };
 var TRAVELERS_FORM$d = {
 	AGE: "Alter",
@@ -1438,7 +1441,8 @@ var SIDEBAR$c = {
 	FLIGHT_ARRIVAL: "Arrival",
 	ON_REQUEST: "On request",
 	CHANGES: "transfers",
-	PACKAGE_NOT_AVAILABLE: "Package not available"
+	PACKAGE_NOT_AVAILABLE: "Package not available",
+	COMMISSION: "Commission"
 };
 var TRAVELERS_FORM$c = {
 	AGE: "Age",
@@ -1841,7 +1845,8 @@ var SIDEBAR$b = {
 	FLIGHT_DEPARTURE: "Salida",
 	FLIGHT_ARRIVAL: "Llegada",
 	ON_REQUEST: "A petición",
-	CHANGES: "traslados"
+	CHANGES: "traslados",
+	COMMISSION: "comisión"
 };
 var TRAVELERS_FORM$b = {
 	AGE: "Edad",
@@ -2242,7 +2247,8 @@ var SIDEBAR$a = {
 	FLIGHT_ARRIVAL: "Arrivée",
 	ON_REQUEST: "Sur demande",
 	CHANGES: "correspondances",
-	PACKAGE_NOT_AVAILABLE: "Forfait non disponible"
+	PACKAGE_NOT_AVAILABLE: "Forfait non disponible",
+	COMMISSION: "Commission"
 };
 var TRAVELERS_FORM$a = {
 	AGE: "Age",
@@ -2645,7 +2651,8 @@ var SIDEBAR$9 = {
 	FLIGHT_DEPARTURE: "Départ",
 	FLIGHT_ARRIVAL: "Arrivée",
 	ON_REQUEST: "Sur demande",
-	CHANGES: "transferts"
+	CHANGES: "transferts",
+	COMMISSION: "Commission"
 };
 var TRAVELERS_FORM$9 = {
 	AGE: "Âge",
@@ -3045,7 +3052,8 @@ var SIDEBAR$8 = {
 	FLIGHT_DEPARTURE: "Brottför",
 	FLIGHT_ARRIVAL: "Koma",
 	ON_REQUEST: "Á beiðni",
-	CHANGES: "flutningar"
+	CHANGES: "flutningar",
+	COMMISSION: "Þóknun"
 };
 var TRAVELERS_FORM$8 = {
 	AGE: "Aldur",
@@ -3445,7 +3453,8 @@ var SIDEBAR$7 = {
 	FLIGHT_DEPARTURE: "Partenza",
 	FLIGHT_ARRIVAL: "Arrivo",
 	ON_REQUEST: "Su richiesta",
-	CHANGES: "trasferimenti"
+	CHANGES: "trasferimenti",
+	COMMISSION: "Commissione"
 };
 var TRAVELERS_FORM$7 = {
 	AGE: "Età",
@@ -3846,7 +3855,8 @@ var SIDEBAR$6 = {
 	FLIGHT_ARRIVAL: "Aankomst",
 	ON_REQUEST: "Op aanvraag",
 	CHANGES: "overstappen",
-	PACKAGE_NOT_AVAILABLE: "Pakket niet beschikbaar"
+	PACKAGE_NOT_AVAILABLE: "Pakket niet beschikbaar",
+	COMMISSION: "Commissie"
 };
 var TRAVELERS_FORM$6 = {
 	AGE: "Leeftijd",
@@ -4249,7 +4259,8 @@ var SIDEBAR$5 = {
 	FLIGHT_DEPARTURE: "Vertrek",
 	FLIGHT_ARRIVAL: "Aankomst",
 	ON_REQUEST: "Op aanvraag",
-	CHANGES: "transfers"
+	CHANGES: "transfers",
+	COMMISSION: "Commissie"
 };
 var TRAVELERS_FORM$5 = {
 	AGE: "Leeftijd",
@@ -4649,7 +4660,8 @@ var SIDEBAR$4 = {
 	FLIGHT_DEPARTURE: "Avgang",
 	FLIGHT_ARRIVAL: "Ankomst",
 	ON_REQUEST: "På forespørsel",
-	CHANGES: "transporter"
+	CHANGES: "transporter",
+	COMMISSION: "provisjon"
 };
 var TRAVELERS_FORM$4 = {
 	AGE: "Alder",
@@ -5049,7 +5061,8 @@ var SIDEBAR$3 = {
 	FLIGHT_DEPARTURE: "Odlot",
 	FLIGHT_ARRIVAL: "Przylot",
 	ON_REQUEST: "Na zapytanie",
-	CHANGES: "transfery"
+	CHANGES: "transfery",
+	COMMISSION: "Prowizja"
 };
 var TRAVELERS_FORM$3 = {
 	AGE: "Wiek",
@@ -5449,7 +5462,8 @@ var SIDEBAR$2 = {
 	FLIGHT_DEPARTURE: "Partida",
 	FLIGHT_ARRIVAL: "Chegada",
 	ON_REQUEST: "A pedido",
-	CHANGES: "transferes"
+	CHANGES: "transferes",
+	COMMISSION: "Comissão"
 };
 var TRAVELERS_FORM$2 = {
 	AGE: "Idade",
@@ -5849,7 +5863,8 @@ var SIDEBAR$1 = {
 	FLIGHT_DEPARTURE: "Avgång",
 	FLIGHT_ARRIVAL: "Ankomst",
 	ON_REQUEST: "På förfrågan",
-	CHANGES: "transfers"
+	CHANGES: "transfers",
+	COMMISSION: "provision"
 };
 var TRAVELERS_FORM$1 = {
 	AGE: "Ålder",
@@ -6249,7 +6264,8 @@ var SIDEBAR = {
 	FLIGHT_DEPARTURE: "出発",
 	FLIGHT_ARRIVAL: "到着",
 	ON_REQUEST: "要リクエスト",
-	CHANGES: "送迎"
+	CHANGES: "送迎",
+	COMMISSION: "手数料"
 };
 var TRAVELERS_FORM = {
 	AGE: "年齢",
@@ -13837,6 +13853,9 @@ var feedXmlFolder = function (config, slug, folder, signal) {
 
 var ENDPOINT = "/api/web/packaging";
 var ENDPOINT_ACCOMMODATIONS = ENDPOINT + "/accommodations";
+var ENDPOINT_ENTRY = function (magicLinkCode) {
+  return ENDPOINT + "/entry/" + magicLinkCode;
+};
 // MANUAL PACKAGING SEARCH
 var searchPackagingAccommodations = function (config, request, signal) {
   var url = "" + config.host + ENDPOINT_ACCOMMODATIONS;
@@ -13844,6 +13863,11 @@ var searchPackagingAccommodations = function (config, request, signal) {
   var body = JSON.stringify(request);
   return post(url, apiKey, body, config.token, signal, true);
 };
+var getEntry = function (config, magicLinkCode, signal) {
+  var apiKey = config.apiKey;
+  var url = "" + config.host + ENDPOINT_ENTRY(magicLinkCode);
+  return get(url, apiKey, config.token, signal, true);
+};
 
 exports.AllotmentType = AllotmentType;
 exports.ContactForm = ContactForm;
@@ -13888,6 +13912,7 @@ exports.getAllotmentAvailability = getAllotmentAvailability;
 exports.getAllotmentList = getAllotmentList;
 exports.getCountries = getCountries;
 exports.getCustomEntryStatus = getCustomEntryStatus;
+exports.getEntry = getEntry;
 exports.getEntryDetailv2 = getEntryDetailv2;
 exports.getEntryLight = getEntryLight;
 exports.getEntryList = getEntryList;
@@ -17036,6 +17061,7 @@ var priceDetailsSlice = createSlice({
         builder.addCase(fetchPriceDetails.fulfilled, function (state, action) {
             if (action.payload) {
                 state.deposit = action.payload.deposit;
+                state.commission = action.payload.commission;
                 state.priceDetails = action.payload.details;
                 state.notifications = action.payload.notifications;
             }
@@ -17131,6 +17157,7 @@ var selectBookingRooms = function (state) { var _a; return (_a = state.booking.b
 var selectBookingRemarks = function (state) { return state.booking.remarks; };
 var selectVoucherCodes = function (state) { return state.booking.voucherCodes; };
 var selectCalculateDeposit = function (state) { return state.booking.calculateDeposit; };
+var selectShowCommission = function (state) { return state.booking.showCommission; };
 var selectIsRetry = function (state) { return state.booking.isRetry; };
 var selectStartDate = function (state) { var _a, _b; return (_b = (_a = state.booking.package) === null || _a === void 0 ? void 0 : _a.options.find(function (x) { return x.isSelected; })) === null || _b === void 0 ? void 0 : _b.fromDate; };
 var selectAgents = function (state) { return state.booking.agents; };
@@ -17234,7 +17261,7 @@ var selectBookingPackageRequest = createSelector(selectOfficeId, selectAgentId,
         payload: null
     };
 });
-var selectBookingPackageBookRequest = createSelector(selectBookingPackageRequest, selectBookingOptions, selectBookingType, selectBookingPackagePax, selectBookingAddress, selectPackageDetails, selectCalculateDeposit, selectAgentId, selectGeneratePaymentUrl, selectSkipPaymentWithAgent, selectNotifications, selectTagIds, selectBookingRemarks, selectVoucherCodes, function (bookingPackageRequest, bookingOptions, bookingType, pax, address, packageDetails, calculateDeposit, agentId, generatePaymentUrl, skipPaymentWithAgent, notifications, tagIds, remarks, voucherCodes) {
+var selectBookingPackageBookRequest = createSelector(selectBookingPackageRequest, selectBookingOptions, selectBookingType, selectBookingPackagePax, selectBookingAddress, selectPackageDetails, selectCalculateDeposit, selectShowCommission, selectAgentId, selectGeneratePaymentUrl, selectSkipPaymentWithAgent, selectNotifications, selectTagIds, selectBookingRemarks, selectVoucherCodes, function (bookingPackageRequest, bookingOptions, bookingType, pax, address, packageDetails, calculateDeposit, showCommission, agentId, generatePaymentUrl, skipPaymentWithAgent, notifications, tagIds, remarks, voucherCodes) {
     if (!packageDetails)
         return null;
     var returnPaymentUrl = false;
@@ -17286,6 +17313,7 @@ var selectBookingPackageBookRequest = createSelector(selectBookingPackageRequest
         pax: (pax === null || pax === void 0 ? void 0 : pax.length) != 0 ? pax : packageDetails.options[0].requestRooms.flatMap(function (x) { return x.pax; }),
         nonTravelPax: [],
         calculateDeposit: calculateDeposit,
+        showCommission: showCommission,
         returnPaymentUrl: returnPaymentUrl,
         notifications: notifications,
         tagIds: tagIds,
@@ -17344,6 +17372,7 @@ var initialState$5 = {
     productAttributes: undefined,
     bookingAttributes: undefined,
     calculateDeposit: false,
+    showCommission: false,
     bookingNumber: undefined,
     isRetry: false,
     package: undefined,
@@ -17407,7 +17436,7 @@ var fetchAgents = createAsyncThunk('booking/agents', function (_1, _a) { return
     });
 }); });
 var fetchPackageDetails = createAsyncThunk('booking/details', function (_1, _a) { return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
-    var state, officeId, productAttributes, bookingAttributes, agentId, rooms, languageCode, requestRooms, isAllotment, searchType, outwardFlight, returnFlight, request;
+    var state, officeId, productAttributes, bookingAttributes, agentId, agentAdressId, rooms, languageCode, requestRooms, isAllotment, searchType, outwardFlight, returnFlight, request;
     var _c;
     _b.dispatch; var getState = _b.getState, signal = _b.signal;
     return __generator(this, function (_d) {
@@ -17418,6 +17447,7 @@ var fetchPackageDetails = createAsyncThunk('booking/details', function (_1, _a)
                 productAttributes = selectProductAttributes(state);
                 bookingAttributes = selectBookingAttributes(state);
                 agentId = selectAgentId(state);
+                agentAdressId = selectAgentAdressId(state);
                 rooms = selectBookingRooms(state);
                 languageCode = selectLanguageCode(state);
                 if (isNil(productAttributes)) {
@@ -17474,7 +17504,7 @@ var fetchPackageDetails = createAsyncThunk('booking/details', function (_1, _a)
                 }
                 request = {
                     officeId: officeId,
-                    agentId: agentId,
+                    agentId: agentId !== null && agentId !== void 0 ? agentId : agentAdressId,
                     payload: {
                         searchType: searchType,
                         catalogueId: bookingAttributes.catalogueId,
@@ -17645,6 +17675,9 @@ var bookingSlice = createSlice({
         setCalculateDeposit: function (state, action) {
             state.calculateDeposit = action.payload;
         },
+        setShowCommission: function (state, action) {
+            state.showCommission = action.payload;
+        },
         setBookingNumber: function (state, action) {
             state.bookingNumber = action.payload;
         },
@@ -17835,7 +17868,7 @@ var bookingSlice = createSlice({
         });
     }
 });
-var setOfficeId = (_a$3 = bookingSlice.actions, _a$3.setOfficeId), setLanguageCode = _a$3.setLanguageCode, setTranslations = _a$3.setTranslations, setBookingOptions = _a$3.setBookingOptions, setBookingType = _a$3.setBookingType, setProductAttributes = _a$3.setProductAttributes, setBookingAttributes = _a$3.setBookingAttributes, setCalculateDeposit = _a$3.setCalculateDeposit, setBookingNumber = _a$3.setBookingNumber, setIsRetry = _a$3.setIsRetry, setFetchingPackage = _a$3.setFetchingPackage, setIsFetching = _a$3.setIsFetching, setHasMounted = _a$3.setHasMounted, setPackage = _a$3.setPackage, setPackageRooms = _a$3.setPackageRooms, setPackageOptionPax = _a$3.setPackageOptionPax, setPackageOptionUnits = _a$3.setPackageOptionUnits, setPackageGroups = _a$3.setPackageGroups, setSkipPayment = _a$3.setSkipPayment, setGeneratePaymentUrl = _a$3.setGeneratePaymentUrl, setTagIds = _a$3.setTagIds, setAgentAdressId = _a$3.setAgentAdressId, setBookingRemarks = _a$3.setBookingRemarks, setVoucherCodes = _a$3.setVoucherCodes, setCurrentStep = _a$3.setCurrentStep, setPackageAirlineGroups = _a$3.setPackageAirlineGroups, setPackageAirportGroups = _a$3.setPackageAirportGroups, setFlights = _a$3.setFlights, setAccommodationViewId = _a$3.setAccommodationViewId, setIsOption = _a$3.setIsOption, setTravelersFirstStep = _a$3.setTravelersFirstStep, setIsUnavailable = _a$3.setIsUnavailable;
+var setOfficeId = (_a$3 = bookingSlice.actions, _a$3.setOfficeId), setLanguageCode = _a$3.setLanguageCode, setTranslations = _a$3.setTranslations, setBookingOptions = _a$3.setBookingOptions, setBookingType = _a$3.setBookingType, setProductAttributes = _a$3.setProductAttributes, setBookingAttributes = _a$3.setBookingAttributes, setCalculateDeposit = _a$3.setCalculateDeposit, setShowCommission = _a$3.setShowCommission, setBookingNumber = _a$3.setBookingNumber, setIsRetry = _a$3.setIsRetry, setFetchingPackage = _a$3.setFetchingPackage, setIsFetching = _a$3.setIsFetching, setHasMounted = _a$3.setHasMounted, setPackage = _a$3.setPackage, setPackageRooms = _a$3.setPackageRooms, setPackageOptionPax = _a$3.setPackageOptionPax, setPackageOptionUnits = _a$3.setPackageOptionUnits, setPackageGroups = _a$3.setPackageGroups, setSkipPayment = _a$3.setSkipPayment, setGeneratePaymentUrl = _a$3.setGeneratePaymentUrl, setTagIds = _a$3.setTagIds, setAgentAdressId = _a$3.setAgentAdressId, setBookingRemarks = _a$3.setBookingRemarks, setVoucherCodes = _a$3.setVoucherCodes, setCurrentStep = _a$3.setCurrentStep, setPackageAirlineGroups = _a$3.setPackageAirlineGroups, setPackageAirportGroups = _a$3.setPackageAirportGroups, setFlights = _a$3.setFlights, setAccommodationViewId = _a$3.setAccommodationViewId, setIsOption = _a$3.setIsOption, setTravelersFirstStep = _a$3.setTravelersFirstStep, setIsUnavailable = _a$3.setIsUnavailable;
 var bookingReducer = bookingSlice.reducer;
 
 var SettingsContext = React__default.createContext({
@@ -20538,6 +20571,7 @@ var selectSeparateExtraPriceDetailsPerPaxType = createSelector(selectSeparateExt
     return aggregatePricePerPaxType(priceDetails, requestRooms);
 });
 var selectDeposit = function (state) { return state.priceDetails.deposit; };
+var selectCommission = function (state) { return state.priceDetails.commission; };
 var selectIsFetchingPriceDetails = function (state) { return state.priceDetails.isBusy; };
 
 var ProductCard = function (_a) {
@@ -20597,10 +20631,11 @@ var SidebarFlight = function (_a) {
 };
 
 var Sidebar = function (_a) {
-    var productName = _a.productName, thumbnailUrl = _a.thumbnailUrl, isLoading = _a.isLoading, travelerRooms = _a.travelerRooms, startDateText = _a.startDateText, endDateText = _a.endDateText, departureFlightMetaData = _a.departureFlightMetaData, returnFlightMetaData = _a.returnFlightMetaData, basePrice = _a.basePrice, totalPrice = _a.totalPrice, includedCosts = _a.includedCosts, extraCosts = _a.extraCosts, deposit = _a.deposit, accommodations = _a.accommodations, includedServiceTypes = _a.includedServiceTypes, isOnRequest = _a.isOnRequest, headerComponent = _a.headerComponent, footerComponent = _a.footerComponent, loaderComponent = _a.loaderComponent, isUnavailable = _a.isUnavailable, basePricePerPaxType = _a.basePricePerPaxType, seperateExtraPricePerPaxType = _a.seperateExtraPricePerPaxType;
+    var productName = _a.productName, thumbnailUrl = _a.thumbnailUrl, isLoading = _a.isLoading, travelerRooms = _a.travelerRooms, startDateText = _a.startDateText, endDateText = _a.endDateText, departureFlightMetaData = _a.departureFlightMetaData, returnFlightMetaData = _a.returnFlightMetaData, basePrice = _a.basePrice, commission = _a.commission, totalPrice = _a.totalPrice, includedCosts = _a.includedCosts, extraCosts = _a.extraCosts, deposit = _a.deposit, accommodations = _a.accommodations, includedServiceTypes = _a.includedServiceTypes, isOnRequest = _a.isOnRequest, headerComponent = _a.headerComponent, footerComponent = _a.footerComponent, loaderComponent = _a.loaderComponent, isUnavailable = _a.isUnavailable, basePricePerPaxType = _a.basePricePerPaxType, seperateExtraPricePerPaxType = _a.seperateExtraPricePerPaxType;
     var _b = useState(false), active = _b[0], setActive = _b[1];
     var translations = useSelector(selectTranslations);
     var currencyCode = useSelector(selectCurrencyCode);
+    var isAgent = useSelector(selectAgentAdressId);
     var canShowPriceBreakdownSection = Boolean(basePrice && basePrice > 0) || !isEmpty(includedCosts) || !isEmpty(extraCosts);
     var canShowTotalPriceSection = Boolean(totalPrice && totalPrice > 0);
     var remainingAmount = Number(((totalPrice !== null && totalPrice !== void 0 ? totalPrice : 0) - (deposit !== null && deposit !== void 0 ? deposit : 0)).toFixed(2));
@@ -20704,6 +20739,12 @@ var Sidebar = function (_a) {
                             }))))))) : (React__default.createElement("div", { className: "pricing-summary__region" },
                     React__default.createElement("h6", { className: "pricing-summary__title" }, translations.SIDEBAR.PACKAGE_NOT_AVAILABLE))),
                 !isLoading && canShowTotalPriceSection && !isUnavailable && (React__default.createElement("div", { className: "pricing-summary__region pricing-summary__region--pricing ".concat(!isLoading ? 'pricing-summary__region--fade-in' : '') }, deposit && remainingAmount > 0 ? (React__default.createElement("div", { className: "pricing-summary__group" },
+                    isAgent && (React__default.createElement("div", { className: "pricing-summary__row pricing-summary__row--total-price" },
+                        React__default.createElement("div", { className: "pricing-summary__property" },
+                            React__default.createElement("h6", { className: "pricing-summary__title" }, translations.SHARED.COMMISSION)),
+                        React__default.createElement("div", { className: "pricing-summary__value" },
+                            React__default.createElement("div", { className: "pricing" },
+                                React__default.createElement("div", { className: "pricing__price" }, formatPrice$2(commission !== null && commission !== void 0 ? commission : 0, currencyCode)))))),
                     totalPrice !== undefined && totalPrice > 0 && (React__default.createElement("div", { className: "pricing-summary__row pricing-summary__row--total-price" },
                         React__default.createElement("div", { className: "pricing-summary__property" },
                             React__default.createElement("h6", { className: "pricing-summary__title" }, translations.SHARED.TOTAL_PRICE)),
@@ -20751,7 +20792,7 @@ var SidebarContainer = function (_a) {
     var includedServiceTypes = useSelector(selectIncludedServiceTypes);
     var isUnavailable = useSelector(selectIsUnavailable) || false;
     var isLoading = isFetchingProductOptions || isFetchingPriceDetails;
-    return (React__default.createElement(Sidebar, { productName: productName, thumbnailUrl: thumbnailUrl, isLoading: isLoading, startDateText: getDateText(bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.startDate), endDateText: (bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.startDate) !== (bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.endDate) ? getDateText(bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.endDate) : undefined, travelerRooms: travelerRooms, departureFlightMetaData: departureFlightMetaData, returnFlightMetaData: returnFlightMetaData, basePrice: useSelector(selectBasePrice), totalPrice: useSelector(selectTotalPrice), includedCosts: useSelector(selectSeparatePackagePriceDetails), extraCosts: useSelector(selectSeparateExtraPriceDetails), accommodations: accommodations, includedServiceTypes: includedServiceTypes, deposit: useSelector(selectDeposit), isOnRequest: useSelector(selectIsOnRequest), headerComponent: sidebarHeaderComponent !== null && sidebarHeaderComponent !== void 0 ? sidebarHeaderComponent : undefined, footerComponent: sidebarFooterComponent !== null && sidebarFooterComponent !== void 0 ? sidebarFooterComponent : undefined, loaderComponent: loaderComponent !== null && loaderComponent !== void 0 ? loaderComponent : undefined, isUnavailable: isUnavailable, basePricePerPaxType: showPricesPerPaxType ? useSelector(selectBasePricePerPaxType) : undefined, seperateExtraPricePerPaxType: showPricesPerPaxType ? useSelector(selectSeparateExtraPriceDetailsPerPaxType) : undefined }));
+    return (React__default.createElement(Sidebar, { productName: productName, thumbnailUrl: thumbnailUrl, isLoading: isLoading, startDateText: getDateText(bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.startDate), endDateText: (bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.startDate) !== (bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.endDate) ? getDateText(bookingAttributes === null || bookingAttributes === void 0 ? void 0 : bookingAttributes.endDate) : undefined, travelerRooms: travelerRooms, departureFlightMetaData: departureFlightMetaData, returnFlightMetaData: returnFlightMetaData, basePrice: useSelector(selectBasePrice), commission: useSelector(selectCommission), totalPrice: useSelector(selectTotalPrice), includedCosts: useSelector(selectSeparatePackagePriceDetails), extraCosts: useSelector(selectSeparateExtraPriceDetails), accommodations: accommodations, includedServiceTypes: includedServiceTypes, deposit: useSelector(selectDeposit), isOnRequest: useSelector(selectIsOnRequest), headerComponent: sidebarHeaderComponent !== null && sidebarHeaderComponent !== void 0 ? sidebarHeaderComponent : undefined, footerComponent: sidebarFooterComponent !== null && sidebarFooterComponent !== void 0 ? sidebarFooterComponent : undefined, loaderComponent: loaderComponent !== null && loaderComponent !== void 0 ? loaderComponent : undefined, isUnavailable: isUnavailable, basePricePerPaxType: showPricesPerPaxType ? useSelector(selectBasePricePerPaxType) : undefined, seperateExtraPricePerPaxType: showPricesPerPaxType ? useSelector(selectSeparateExtraPriceDetailsPerPaxType) : undefined }));
 };
 
 var SummaryPerPaxOptionGroup = function (_a) {
@@ -22015,7 +22056,7 @@ var TravelersForm = function () {
 
 var Booking = function (_a) {
     var productCode = _a.productCode, productName = _a.productName, thumbnailUrl = _a.thumbnailUrl;
-    var _b = 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, skipBasePathInRouting = _b.skipBasePathInRouting;
+    var _b = 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, showCommission = _b.showCommission, 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, skipBasePathInRouting = _b.skipBasePathInRouting;
     var dispatch = useAppDispatch();
     var location = useLocation();
     var navigate = useNavigate();
@@ -22162,6 +22203,7 @@ var Booking = function (_a) {
         dispatch(setLanguageCode(language));
         dispatch(setBookingOptions(bookingOptions));
         dispatch(setCalculateDeposit(showSidebarDeposit));
+        dispatch(setShowCommission(showCommission));
         if (tagIds && tagIds.length > 0) {
             dispatch(setTagIds(tagIds !== null && tagIds !== void 0 ? tagIds : undefined));
         }
@@ -22172,7 +22214,19 @@ var Booking = function (_a) {
         if (accommodationViewId && accommodationViewId != 0) {
             dispatch(setAccommodationViewId(accommodationViewId));
         }
-    }, [officeId, language, bookingOptions, showSidebarDeposit, setOfficeId, setLanguageCode, setCalculateDeposit, tagIds, agentAdressId, accommodationViewId]);
+    }, [
+        officeId,
+        language,
+        bookingOptions,
+        showSidebarDeposit,
+        showCommission,
+        setOfficeId,
+        setLanguageCode,
+        setCalculateDeposit,
+        tagIds,
+        agentAdressId,
+        accommodationViewId
+    ]);
     useEffect(function () {
         if (!productAttributes || !bookingAttributes || !(rooms === null || rooms === void 0 ? void 0 : rooms.length) || !isNil(bookingNumber) || !isNil(packageDetails)) {
             return;
@@ -28767,6 +28821,7 @@ var SearchResultsContainer = function () {
         }
         var searchRequest = {
             officeId: 1,
+            agentId: context === null || context === void 0 ? void 0 : context.agentId,
             payload: {
                 catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
                 serviceType: context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation || context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
@@ -28840,6 +28895,7 @@ var SearchResultsContainer = function () {
         }
         var searchRequest = {
             officeId: 1,
+            agentId: context === null || context === void 0 ? void 0 : context.agentId,
             payload: {
                 catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
                 serviceType: context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation || context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
@@ -29072,9 +29128,7 @@ var SearchResultsContainer = function () {
                         }
                         searchRequest = rq;
                         _b.label = 4;
-                    case 4:
-                        searchRequest.agentId = context.agentId;
-                        return [4 /*yield*/, build.search(config, searchRequest)];
+                    case 4: return [4 /*yield*/, build.search(config, searchRequest)];
                     case 5:
                         packageSearchResults = _b.sent();
                         console.log('Search results', packageSearchResults);

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

@@ -7,6 +7,7 @@ export interface BookingState {
     productAttributes?: ProductAttributes;
     bookingAttributes?: BookingAttributes;
     calculateDeposit: boolean;
+    showCommission?: boolean;
     bookingNumber?: string;
     isRetry: boolean;
     package?: BookingPackage;
@@ -56,6 +57,6 @@ export declare const fetchCountries: import("@reduxjs/toolkit").AsyncThunk<impor
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ProductAttributes | undefined, "booking/setProductAttributes">, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<BookingAttributes | undefined, "booking/setBookingAttributes">, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setCalculateDeposit">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setIsFetching: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsFetching">, setHasMounted: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setHasMounted">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<BookingPackage | undefined, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">, setTravelersFirstStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setTravelersFirstStep">, setIsUnavailable: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsUnavailable">;
+export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ProductAttributes | undefined, "booking/setProductAttributes">, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<BookingAttributes | undefined, "booking/setBookingAttributes">, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setCalculateDeposit">, setShowCommission: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<boolean | undefined, "booking/setShowCommission">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setIsFetching: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsFetching">, setHasMounted: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setHasMounted">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<BookingPackage | undefined, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">, setTravelersFirstStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setTravelersFirstStep">, setIsUnavailable: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsUnavailable">;
 declare const _default: import("@reduxjs/toolkit").Reducer<BookingState>;
 export default _default;

package/build/build-esm/src/booking-wizard/features/booking/selectors.d.ts

@@ -254,6 +254,7 @@ export declare const selectBookingRooms: (state: RootState) => Room[] | undefine
 export declare const selectBookingRemarks: (state: RootState) => string | undefined;
 export declare const selectVoucherCodes: (state: RootState) => string[] | undefined;
 export declare const selectCalculateDeposit: (state: RootState) => boolean;
+export declare const selectShowCommission: (state: RootState) => boolean | undefined;
 export declare const selectIsRetry: (state: RootState) => boolean;
 export declare const selectStartDate: (state: RootState) => string | undefined;
 export declare const selectAgents: (state: RootState) => import("@qite/tide-client").BookingTravelAgent[] | undefined;
@@ -462,8 +463,8 @@ export declare const selectBookingPackageBookRequest: ((state: {
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: BookingPackageRequest<any>, resultFuncArgs_1: import("../../types").BookingOptions, resultFuncArgs_2: string, resultFuncArgs_3: BookingPackagePax[], resultFuncArgs_4: BookingPackageAddress | undefined, resultFuncArgs_5: import("@qite/tide-client").BookingPackage | undefined, resultFuncArgs_6: boolean, resultFuncArgs_7: number | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: import("@qite/tide-client").BookingProductNotification[], resultFuncArgs_11: number[] | undefined, resultFuncArgs_12: string | undefined, resultFuncArgs_13: string[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> | null;
-    memoizedResultFunc: ((resultFuncArgs_0: BookingPackageRequest<any>, resultFuncArgs_1: import("../../types").BookingOptions, resultFuncArgs_2: string, resultFuncArgs_3: BookingPackagePax[], resultFuncArgs_4: BookingPackageAddress | undefined, resultFuncArgs_5: import("@qite/tide-client").BookingPackage | undefined, resultFuncArgs_6: boolean, resultFuncArgs_7: number | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: import("@qite/tide-client").BookingProductNotification[], resultFuncArgs_11: number[] | undefined, resultFuncArgs_12: string | undefined, resultFuncArgs_13: string[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> | null) & {
+    resultFunc: (resultFuncArgs_0: BookingPackageRequest<any>, resultFuncArgs_1: import("../../types").BookingOptions, resultFuncArgs_2: string, resultFuncArgs_3: BookingPackagePax[], resultFuncArgs_4: BookingPackageAddress | undefined, resultFuncArgs_5: import("@qite/tide-client").BookingPackage | undefined, resultFuncArgs_6: boolean, resultFuncArgs_7: boolean | undefined, resultFuncArgs_8: number | undefined, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean, resultFuncArgs_11: import("@qite/tide-client").BookingProductNotification[], resultFuncArgs_12: number[] | undefined, resultFuncArgs_13: string | undefined, resultFuncArgs_14: string[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> | null;
+    memoizedResultFunc: ((resultFuncArgs_0: BookingPackageRequest<any>, resultFuncArgs_1: import("../../types").BookingOptions, resultFuncArgs_2: string, resultFuncArgs_3: BookingPackagePax[], resultFuncArgs_4: BookingPackageAddress | undefined, resultFuncArgs_5: import("@qite/tide-client").BookingPackage | undefined, resultFuncArgs_6: boolean, resultFuncArgs_7: boolean | undefined, resultFuncArgs_8: number | undefined, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean, resultFuncArgs_11: import("@qite/tide-client").BookingProductNotification[], resultFuncArgs_12: number[] | undefined, resultFuncArgs_13: string | undefined, resultFuncArgs_14: string[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> | null) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -599,7 +600,7 @@ export declare const selectBookingPackageBookRequest: ((state: {
     } & {
         argsMemoize: typeof import("reselect").weakMapMemoize;
         memoize: typeof import("reselect").weakMapMemoize;
-    }, (state: RootState) => import("@qite/tide-client").BookingPackage | undefined, (state: RootState) => boolean, ((state: {
+    }, (state: RootState) => import("@qite/tide-client").BookingPackage | undefined, (state: RootState) => boolean, (state: RootState) => boolean | undefined, ((state: {
         booking: import("./booking-slice").BookingState;
         travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
         priceDetails: import("../price-details/price-details-slice").PriceDetailsState;

package/build/build-esm/src/booking-wizard/features/price-details/price-details-slice.d.ts

@@ -4,6 +4,7 @@ export interface PriceDetailsState {
     priceDetails: BookingPriceDetail[];
     notifications: BookingProductNotification[];
     deposit?: number;
+    commission?: number;
     isBusy: boolean;
 }
 export declare const fetchPriceDetails: import("@reduxjs/toolkit").AsyncThunk<BookingPriceDetails, void, {

package/build/build-esm/src/booking-wizard/features/price-details/selectors.d.ts

@@ -374,4 +374,5 @@ export declare const selectSeparateExtraPriceDetailsPerPaxType: ((state: {
     memoize: typeof import("reselect").weakMapMemoize;
 };
 export declare const selectDeposit: (state: RootState) => number | undefined;
+export declare const selectCommission: (state: RootState) => number | undefined;
 export declare const selectIsFetchingPriceDetails: (state: RootState) => boolean;

package/build/build-esm/src/booking-wizard/features/sidebar/sidebar.d.ts

@@ -11,6 +11,7 @@ interface SidebarProps {
     departureFlightMetaData?: BookingPackageFlightMetaData;
     returnFlightMetaData?: BookingPackageFlightMetaData;
     basePrice?: number;
+    commission?: number;
     totalPrice?: number;
     remainingAmountText?: string;
     includedCosts?: BookingPriceDetail[];

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

@@ -46,6 +46,7 @@ export interface Settings {
     companyContactPhone: string;
     showProductCardRating: boolean;
     showSidebarDeposit: boolean;
+    showCommission?: boolean;
     sidebarHeaderComponent?: JSX.Element | null;
     sidebarFooterComponent?: JSX.Element | null;
     loaderComponent?: JSX.Element | null;

package/build/build-esm/src/shared/utils/localization-util.d.ts

@@ -134,6 +134,7 @@ export declare const getTranslations: (language: string) => {
         FLIGHT_ARRIVAL: string;
         ON_REQUEST: string;
         CHANGES: string;
+        COMMISSION: string;
     };
     TRAVELERS_FORM: {
         AGE: string;