@qite/tide-booking-component 1.4.103 → 1.4.105

package/build/build-esm/index.js

@@ -608,7 +608,8 @@ var QSM$g = {
   RETURN_DATE: 'تاريخ العودة',
   CONFIRM: 'تأكيد',
   TRAVELERS: 'المسافرون',
-  GROUP_TOUR: 'جولة جماعية'
+  GROUP_TOUR: 'جولة جماعية',
+  ALL_TRAVELERS: 'جميع المسافرين'
 };
 var SRP$f = {
   SHOW_MORE: 'عرض المزيد',
@@ -659,7 +660,8 @@ var SRP$f = {
   DEPARTURE_TIME_DESC: 'وقت المغادرة تنازلياً',
   DURATION_ASC: 'المدة تصاعدياً',
   DURATION_DESC: 'المدة تنازلياً',
-  TRAVEL_GROUP: 'مجموعة المسافرين'
+  TRAVEL_GROUP: 'مجموعة المسافرين',
+  EXCURSION: 'رحلة'
 };
 var arJson = {
   STEPS: STEPS$f,
@@ -1014,7 +1016,8 @@ var QSM$f = {
   RETURN_DATE: 'Hjemrejsedato',
   CONFIRM: 'Bekræft',
   TRAVELERS: 'Rejsende',
-  GROUP_TOUR: 'Grupperejse'
+  GROUP_TOUR: 'Grupperejse',
+  ALL_TRAVELERS: 'Alle rejsende'
 };
 var SRP$e = {
   SHOW_MORE: 'Vis flere',
@@ -1065,7 +1068,8 @@ var SRP$e = {
   DEPARTURE_TIME_DESC: 'Afgangstid faldende',
   DURATION_ASC: 'Varighed stigende',
   DURATION_DESC: 'Varighed faldende',
-  TRAVEL_GROUP: 'Rejseselskab'
+  TRAVEL_GROUP: 'Rejseselskab',
+  EXCURSION: 'Udflugt'
 };
 var daJson = {
   STEPS: STEPS$e,
@@ -1421,7 +1425,8 @@ var QSM$e = {
   RETURN_DATE: 'Rückreisedatum',
   CONFIRM: 'Bestätigen',
   TRAVELERS: 'Reisende',
-  GROUP_TOUR: 'Gruppentour'
+  GROUP_TOUR: 'Gruppentour',
+  ALL_TRAVELERS: 'Alle Reisenden'
 };
 var SRP$d = {
   SHOW_MORE: 'Mehr anzeigen',
@@ -1472,7 +1477,8 @@ var SRP$d = {
   DEPARTURE_AIRPORTS: 'Abflughäfen',
   ARRIVAL_AIRPORTS: 'Ankunftsflughäfen',
   PRICE: 'Preis',
-  TRAVEL_GROUP: 'Reisegruppe'
+  TRAVEL_GROUP: 'Reisegruppe',
+  EXCURSION: 'Ausflug'
 };
 var deJson = {
   STEPS: STEPS$d,
@@ -1831,7 +1837,8 @@ var QSM$d = {
   RETURN_DATE: 'Return date',
   CONFIRM: 'Confirm',
   TRAVELERS: 'Travelers',
-  GROUP_TOUR: 'Group tour'
+  GROUP_TOUR: 'Group tour',
+  ALL_TRAVELERS: 'All travelers'
 };
 var SRP$c = {
   SHOW_MORE: 'Show more',
@@ -1882,7 +1889,8 @@ var SRP$c = {
   DEPARTURE_RANGE: 'Departure range',
   DEPARTURE_AIRPORTS: 'Departure airports',
   ARRIVAL_AIRPORTS: 'Arrival airports',
-  TRAVEL_GROUP: 'Travel group'
+  TRAVEL_GROUP: 'Travel group',
+  EXCURSION: 'Excursion'
 };
 var enJson = {
   STEPS: STEPS$c,
@@ -2238,7 +2246,8 @@ var QSM$c = {
   RETURN_DATE: 'Fecha de regreso',
   CONFIRM: 'Confirmar',
   TRAVELERS: 'Viajeros',
-  GROUP_TOUR: 'Tour grupal'
+  GROUP_TOUR: 'Tour grupal',
+  ALL_TRAVELERS: 'Todos los viajeros'
 };
 var SRP$b = {
   SHOW_MORE: 'Mostrar más',
@@ -2289,7 +2298,8 @@ var SRP$b = {
   DEPARTURE_AIRPORTS: 'Aeropuertos de salida',
   ARRIVAL_AIRPORTS: 'Aeropuertos de llegada',
   PRICE: 'Precio',
-  TRAVEL_GROUP: 'Grupo de viaje'
+  TRAVEL_GROUP: 'Grupo de viaje',
+  EXCURSION: 'Excursión'
 };
 var esJson = {
   STEPS: STEPS$b,
@@ -2649,7 +2659,8 @@ var QSM$b = {
   RETURN_DATE: 'Date de retour',
   CONFIRM: 'Confirmer',
   TRAVELERS: 'Voyageurs',
-  GROUP_TOUR: 'Tour en groupe'
+  GROUP_TOUR: 'Tour en groupe',
+  ALL_TRAVELERS: 'Tous les voyageurs'
 };
 var SRP$a = {
   SHOW_MORE: 'Afficher plus',
@@ -2700,7 +2711,8 @@ var SRP$a = {
   DEPARTURE_AIRPORTS: 'Aéroports de départ',
   ARRIVAL_AIRPORTS: 'Aéroports d’arrivée',
   PRICE: 'Prix',
-  TRAVEL_GROUP: 'Groupe de voyageurs'
+  TRAVEL_GROUP: 'Groupe de voyageurs',
+  EXCURSION: 'Excursion'
 };
 var frBeJson = {
   STEPS: STEPS$a,
@@ -3055,7 +3067,8 @@ var QSM$a = {
   RETURN_DATE: 'Date de retour',
   CONFIRM: 'Confirmer',
   TRAVELERS: 'Voyageurs',
-  GROUP_TOUR: 'Tour en groupe'
+  GROUP_TOUR: 'Tour en groupe',
+  ALL_TRAVELERS: 'Tous les voyageurs'
 };
 var SRP$9 = {
   SHOW_MORE: 'Afficher plus',
@@ -3106,7 +3119,8 @@ var SRP$9 = {
   DEPARTURE_AIRPORTS: 'Aéroports de départ',
   ARRIVAL_AIRPORTS: 'Aéroports d’arrivée',
   PRICE: 'Prix',
-  TRAVEL_GROUP: 'Groupe de voyageurs'
+  TRAVEL_GROUP: 'Groupe de voyageurs',
+  EXCURSION: 'Excursion'
 };
 var frFrJson = {
   STEPS: STEPS$9,
@@ -3461,7 +3475,8 @@ var QSM$9 = {
   RETURN_DATE: 'Heimkomudagur',
   CONFIRM: 'Staðfesta',
   TRAVELERS: 'Ferðalangar',
-  GROUP_TOUR: 'Ferð í hóp'
+  GROUP_TOUR: 'Ferð í hóp',
+  ALL_TRAVELERS: 'Allir ferðalangar'
 };
 var SRP$8 = {
   SHOW_MORE: 'Sýna meira',
@@ -3512,7 +3527,8 @@ var SRP$8 = {
   DEPARTURE_AIRPORTS: 'Brottfararflugvellir',
   ARRIVAL_AIRPORTS: 'Komuflugvellir',
   PRICE: 'Verð',
-  TRAVEL_GROUP: 'Ferðahópur'
+  TRAVEL_GROUP: 'Ferðahópur',
+  EXCURSION: 'Útflutningur'
 };
 var isJson = {
   STEPS: STEPS$8,
@@ -3868,7 +3884,8 @@ var QSM$8 = {
   RETURN_DATE: 'Data di ritorno',
   CONFIRM: 'Conferma',
   TRAVELERS: 'Viaggiatori',
-  GROUP_TOUR: 'Tour di gruppo'
+  GROUP_TOUR: 'Tour di gruppo',
+  ALL_TRAVELERS: 'Tutti i viaggiatori'
 };
 var SRP$7 = {
   SHOW_MORE: 'Mostra di più',
@@ -3919,7 +3936,8 @@ var SRP$7 = {
   DEPARTURE_AIRPORTS: 'Aeroporti di partenza',
   ARRIVAL_AIRPORTS: 'Aeroporti di arrivo',
   PRICE: 'Prezzo',
-  TRAVEL_GROUP: 'Gruppo di viaggio'
+  TRAVEL_GROUP: 'Gruppo di viaggio',
+  EXCURSION: 'Escursione'
 };
 var itJson = {
   STEPS: STEPS$7,
@@ -4279,7 +4297,8 @@ var QSM$7 = {
   RETURN_DATE: 'Terugkeerdatum',
   CONFIRM: 'Bevestigen',
   TRAVELERS: 'Reizigers',
-  GROUP_TOUR: 'Groepsreis'
+  GROUP_TOUR: 'Groepsreis',
+  ALL_TRAVELERS: 'Alle reizigers'
 };
 var SRP$6 = {
   SHOW_MORE: 'Toon meer',
@@ -4330,7 +4349,8 @@ var SRP$6 = {
   DEPARTURE_AIRPORTS: 'Vertrekluchthavens',
   ARRIVAL_AIRPORTS: 'Aankomstluchthavens',
   PRICE: 'Prijs',
-  TRAVEL_GROUP: 'Reisgezelschap'
+  TRAVEL_GROUP: 'Reisgezelschap',
+  EXCURSION: 'Excursie'
 };
 var nlBeJson = {
   STEPS: STEPS$6,
@@ -4686,7 +4706,8 @@ var QSM$6 = {
   RETURN_DATE: 'Terugkeerdatum',
   CONFIRM: 'Bevestigen',
   TRAVELERS: 'Reizigers',
-  GROUP_TOUR: 'Groepsreis'
+  GROUP_TOUR: 'Groepsreis',
+  ALL_TRAVELERS: 'Alle reizigers'
 };
 var SRP$5 = {
   SHOW_MORE: 'Toon meer',
@@ -4737,7 +4758,8 @@ var SRP$5 = {
   DEPARTURE_AIRPORTS: 'Vertrekluchthavens',
   ARRIVAL_AIRPORTS: 'Aankomstluchthavens',
   PRICE: 'Prijs',
-  TRAVEL_GROUP: 'Reisgezelschap'
+  TRAVEL_GROUP: 'Reisgezelschap',
+  EXCURSION: 'Excursie'
 };
 var nlNlJson = {
   STEPS: STEPS$5,
@@ -5093,7 +5115,8 @@ var QSM$5 = {
   RETURN_DATE: 'Returdato',
   CONFIRM: 'Bekreft',
   TRAVELERS: 'Reisende',
-  GROUP_TOUR: 'Gruppetur'
+  GROUP_TOUR: 'Gruppetur',
+  ALL_TRAVELERS: 'Alle reisende'
 };
 var SRP$4 = {
   SHOW_MORE: 'Vis mer',
@@ -5144,7 +5167,8 @@ var SRP$4 = {
   DEPARTURE_AIRPORTS: 'Avgangsflyplasser',
   ARRIVAL_AIRPORTS: 'Ankomstflyplasser',
   PRICE: 'Pris',
-  TRAVEL_GROUP: 'Reisefølge'
+  TRAVEL_GROUP: 'Reisefølge',
+  EXCURSION: 'Utflukt'
 };
 var noJson = {
   STEPS: STEPS$4,
@@ -5500,7 +5524,8 @@ var QSM$4 = {
   RETURN_DATE: 'Data powrotu',
   CONFIRM: 'Potwierdź',
   TRAVELERS: 'Podróżni',
-  GROUP_TOUR: 'Tour w grupie'
+  GROUP_TOUR: 'Tour w grupie',
+  ALL_TRAVELERS: 'Wszyscy podróżni'
 };
 var SRP$3 = {
   SHOW_MORE: 'Pokaż więcej',
@@ -5551,7 +5576,8 @@ var SRP$3 = {
   DEPARTURE_AIRPORTS: 'Lotniska wylotu',
   ARRIVAL_AIRPORTS: 'Lotniska przylotu',
   PRICE: 'Cena',
-  TRAVEL_GROUP: 'Grupa podróżnych'
+  TRAVEL_GROUP: 'Grupa podróżnych',
+  EXCURSION: 'Wycieczka'
 };
 var plJson = {
   STEPS: STEPS$3,
@@ -5907,7 +5933,8 @@ var QSM$3 = {
   RETURN_DATE: 'Data de regresso',
   CONFIRM: 'Confirmar',
   TRAVELERS: 'Viajantes',
-  GROUP_TOUR: 'Tour em grupo'
+  GROUP_TOUR: 'Tour em grupo',
+  ALL_TRAVELERS: 'All travelers'
 };
 var SRP$2 = {
   SHOW_MORE: 'Mostrar mais',
@@ -5958,7 +5985,8 @@ var SRP$2 = {
   DEPARTURE_AIRPORTS: 'Aeroportos de partida',
   ARRIVAL_AIRPORTS: 'Aeroportos de chegada',
   PRICE: 'Preço',
-  TRAVEL_GROUP: 'Grupo de viajantes'
+  TRAVEL_GROUP: 'Grupo de viajantes',
+  EXCURSION: 'Excursão'
 };
 var ptJson = {
   STEPS: STEPS$2,
@@ -6314,7 +6342,8 @@ var QSM$2 = {
   RETURN_DATE: 'Hemresedatum',
   CONFIRM: 'Bekräfta',
   TRAVELERS: 'Resenärer',
-  GROUP_TOUR: 'Gruppresa'
+  GROUP_TOUR: 'Gruppresa',
+  ALL_TRAVELERS: 'All travelers'
 };
 var SRP$1 = {
   SHOW_MORE: 'Visa mer',
@@ -6365,7 +6394,8 @@ var SRP$1 = {
   DEPARTURE_AIRPORTS: 'Avgångsflygplatser',
   ARRIVAL_AIRPORTS: 'Ankomstflygplatser',
   PRICE: 'Pris',
-  TRAVEL_GROUP: 'Resesällskap'
+  TRAVEL_GROUP: 'Resesällskap',
+  EXCURSION: 'Utflykt'
 };
 var svJson = {
   STEPS: STEPS$1,
@@ -6719,7 +6749,8 @@ var QSM$1 = {
   RETURN_DATE: '帰着日',
   CONFIRM: '確認',
   TRAVELERS: '旅行者',
-  GROUP_TOUR: 'グループツアー'
+  GROUP_TOUR: 'グループツアー',
+  ALL_TRAVELERS: 'すべての旅行者'
 };
 var SRP = {
   SHOW_MORE: 'もっと見る',
@@ -6770,7 +6801,8 @@ var SRP = {
   DEPARTURE_AIRPORTS: '出発空港',
   ARRIVAL_AIRPORTS: '到着空港',
   PRICE: '価格',
-  TRAVEL_GROUP: '旅行グループ'
+  TRAVEL_GROUP: '旅行グループ',
+  EXCURSION: 'エクスカーション'
 };
 var jaJson = {
   STEPS: STEPS,
@@ -6801,7 +6833,7 @@ var DepartureRange;
   DepartureRange[(DepartureRange['Night'] = 3)] = 'Night';
 })(DepartureRange || (DepartureRange = {}));
 
-var formatPrice$2 = function (price, currencyCode, locale) {
+var formatPrice$3 = function (price, currencyCode, locale) {
   if (locale === void 0) {
     locale = 'nl-BE';
   }
@@ -6908,7 +6940,7 @@ function getLocale(code) {
   }
 }
 var getPriceDifferenceText = function (price, currencyCode) {
-  return price > 0 ? '+ '.concat(formatPrice$2(Math.abs(price), currencyCode)) : '- '.concat(formatPrice$2(Math.abs(price), currencyCode));
+  return price > 0 ? '+ '.concat(formatPrice$3(Math.abs(price), currencyCode)) : '- '.concat(formatPrice$3(Math.abs(price), currencyCode));
 };
 function format(text, args) {
   return text.replace(/{([0-9]+)}/g, function (match, index) {
@@ -7008,6 +7040,16 @@ var findSortByType = function (sortByTypes, sortKey, direction) {
     }) || sortByTypes[0]
   );
 };
+var getDatesBetween = function (fromDate, toDate) {
+  var dates = [];
+  var current = new Date(fromDate);
+  var end = new Date(toDate);
+  while (current < end) {
+    dates.push(new Date(current));
+    current.setUTCDate(current.getUTCDate() + 1);
+  }
+  return dates;
+};
 
 var getDateFromParams = function (params, name) {
   var dateString = params.get(name);
@@ -13481,6 +13523,7 @@ PERFORMANCE OF THIS SOFTWARE.
   var ENDPOINT = '/api/web/packaging';
   var ENDPOINT_START_TRANSACTION = ENDPOINT + '/start';
   var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
+  var ENDPOINT_EXCURSIONS = ENDPOINT + '/excursions';
   var ENDPOINT_FLIGHTS = ENDPOINT + '/flights';
   var ENDPOINT_PRICE_DETAILS = ENDPOINT + '/price-details';
   var ENDPOINT_ITINERARY = ENDPOINT + '/itinerary';
@@ -13504,6 +13547,12 @@ PERFORMANCE OF THIS SOFTWARE.
     var body = JSON.stringify(request);
     return post(url, apiKey, body, config.token, signal, true);
   };
+  var searchPackagingExcursions = function (config, request, signal) {
+    var url = '' + config.host + ENDPOINT_EXCURSIONS;
+    var apiKey = config.apiKey;
+    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);
@@ -13595,6 +13644,7 @@ PERFORMANCE OF THIS SOFTWARE.
   exports.searchLocations = searchLocations;
   exports.searchOords = searchOords;
   exports.searchPackagingAccommodations = searchPackagingAccommodations;
+  exports.searchPackagingExcursions = searchPackagingExcursions;
   exports.searchPackagingFlights = searchPackagingFlights;
   exports.searchRegions = searchRegions;
   exports.searchWithErrorMapping = searchWithErrorMapping;
@@ -13671,16 +13721,16 @@ var formatPriceByMode = function (price, priceMode, personCount, duration, perPe
   if (!price) return '';
   switch (priceMode) {
     case 0:
-      return ''.concat(formatPrice$2(price, currencyCode));
+      return ''.concat(formatPrice$3(price, currencyCode));
     case 1:
       var perPersonPrice = price / personCount;
-      return ''.concat(formatPrice$2(perPersonPrice, currencyCode), ' / ').concat(perPersonLabel);
+      return ''.concat(formatPrice$3(perPersonPrice, currencyCode), ' / ').concat(perPersonLabel);
     case 2:
       var perNightPrice = price / duration;
-      return ''.concat(formatPrice$2(perNightPrice, currencyCode), ' / ').concat(perNightLabel);
+      return ''.concat(formatPrice$3(perNightPrice, currencyCode), ' / ').concat(perNightLabel);
     case 3:
       var perPersonPerNightPrice = price / duration;
-      return ''.concat(formatPrice$2(perPersonPerNightPrice, currencyCode), ' / ').concat(perPersonPerNightLabel);
+      return ''.concat(formatPrice$3(perPersonPerNightPrice, currencyCode), ' / ').concat(perPersonPerNightLabel);
   }
 };
 
@@ -21721,7 +21771,11 @@ var FlightOptionsForm = function () {
     setFlightGroups = _f[1];
   var handleSubmit = function (e) {
     if (settings.skipRouter) {
-      dispatch(setCurrentStep(ROOM_OPTIONS_FORM_STEP));
+      if (settings.roomOptions.isHidden) {
+        dispatch(setCurrentStep(OPTIONS_FORM_STEP));
+      } else {
+        dispatch(setCurrentStep(ROOM_OPTIONS_FORM_STEP));
+      }
     } else {
       if (settings.roomOptions.isHidden) {
         navigate(
@@ -22101,7 +22155,7 @@ var NoneOption = function (_a) {
     return x.requirementType === 2;
   });
   var noneSelected = !selectedOption;
-  var priceDifferencetext = selectedOption ? '- '.concat(formatPrice$2(Math.abs(selectedOption.line.price), currencyCode)) : '';
+  var priceDifferencetext = selectedOption ? '- '.concat(formatPrice$3(Math.abs(selectedOption.line.price), currencyCode)) : '';
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -23374,7 +23428,7 @@ var OptionRoom = function (_a) {
     e.preventDefault();
   };
   var getPriceDifferenceText = function (price) {
-    return price > 0 ? '+ '.concat(formatPrice$2(Math.abs(price), currencyCode)) : '- '.concat(formatPrice$2(Math.abs(price), currencyCode));
+    return price > 0 ? '+ '.concat(formatPrice$3(Math.abs(price), currencyCode)) : '- '.concat(formatPrice$3(Math.abs(price), currencyCode));
   };
   var getAccommodationPriceDifference = function (accommodation) {
     var _a;
@@ -24899,7 +24953,7 @@ var Sidebar = function (_a) {
                           { className: 'pricing-summary__property' },
                           React__default.createElement('h6', { className: 'pricing-summary__title' }, translations.SIDEBAR.BASE_PRICE)
                         ),
-                        React__default.createElement('div', { className: 'pricing-summary__value' }, formatPrice$2(basePrice, currencyCode))
+                        React__default.createElement('div', { className: 'pricing-summary__value' }, formatPrice$3(basePrice, currencyCode))
                       ),
                       basePricePerPaxType &&
                         basePricePerPaxType.map(function (ppt, index) {
@@ -24916,7 +24970,7 @@ var Sidebar = function (_a) {
                                 ' ',
                                 getPaxTypeTranslation(translations, ppt.paxType, ppt.numberOfPax)
                               ),
-                              React__default.createElement('div', { className: 'pricing-summary__value' }, formatPrice$2(ppt.pricePerPaxType, currencyCode))
+                              React__default.createElement('div', { className: 'pricing-summary__value' }, formatPrice$3(ppt.pricePerPaxType, currencyCode))
                             ),
                             ppt.details.map(function (detail, dIndex) {
                               return React__default.createElement(
@@ -24929,7 +24983,7 @@ var Sidebar = function (_a) {
                                 React__default.createElement(
                                   'div',
                                   { className: 'pricing-summary__value' },
-                                  formatPrice$2(detail.price / detail.numberOfPax, currencyCode)
+                                  formatPrice$3(detail.price / detail.numberOfPax, currencyCode)
                                 )
                               );
                             })
@@ -24956,7 +25010,7 @@ var Sidebar = function (_a) {
                                   React__default.createElement(
                                     'div',
                                     { className: 'pricing-summary__value' },
-                                    formatPrice$2(priceDetail.price * priceDetail.amount, currencyCode)
+                                    formatPrice$3(priceDetail.price * priceDetail.amount, currencyCode)
                                   )
                               ),
                               React__default.createElement(
@@ -24991,7 +25045,7 @@ var Sidebar = function (_a) {
                                   React__default.createElement(
                                     'div',
                                     { className: 'pricing-summary__value' },
-                                    formatPrice$2(priceDetail.price * priceDetail.amount, currencyCode)
+                                    formatPrice$3(priceDetail.price * priceDetail.amount, currencyCode)
                                   )
                               ),
                               React__default.createElement(
@@ -25021,7 +25075,7 @@ var Sidebar = function (_a) {
                                       React__default.createElement(
                                         'div',
                                         { className: 'pricing-summary__value' },
-                                        formatPrice$2(ppt.pricePerPaxType, currencyCode)
+                                        formatPrice$3(ppt.pricePerPaxType, currencyCode)
                                       )
                                     ),
                                     ppt.details.map(function (detail, dIndex) {
@@ -25041,7 +25095,7 @@ var Sidebar = function (_a) {
                                         React__default.createElement(
                                           'div',
                                           { className: 'pricing-summary__value' },
-                                          formatPrice$2(detail.price / detail.numberOfPax, currencyCode)
+                                          formatPrice$3(detail.price / detail.numberOfPax, currencyCode)
                                         )
                                       );
                                     })
@@ -25085,7 +25139,7 @@ var Sidebar = function (_a) {
                           React__default.createElement(
                             'div',
                             { className: 'pricing__price' },
-                            formatPrice$2(commission !== null && commission !== void 0 ? commission : 0, currencyCode)
+                            formatPrice$3(commission !== null && commission !== void 0 ? commission : 0, currencyCode)
                           )
                         )
                       )
@@ -25106,7 +25160,7 @@ var Sidebar = function (_a) {
                         React__default.createElement(
                           'div',
                           { className: 'pricing' },
-                          React__default.createElement('div', { className: 'pricing__price' }, formatPrice$2(totalPrice, currencyCode))
+                          React__default.createElement('div', { className: 'pricing__price' }, formatPrice$3(totalPrice, currencyCode))
                         )
                       )
                     ),
@@ -25124,7 +25178,7 @@ var Sidebar = function (_a) {
                       React__default.createElement(
                         'div',
                         { className: 'pricing' },
-                        React__default.createElement('div', { className: 'pricing__price' }, formatPrice$2(deposit, currencyCode))
+                        React__default.createElement('div', { className: 'pricing__price' }, formatPrice$3(deposit, currencyCode))
                       )
                     )
                   ),
@@ -25140,7 +25194,7 @@ var Sidebar = function (_a) {
                         translations.SIDEBAR.DEPOSIT_TEXT1,
                         React__default.createElement('strong', null, translations.SIDEBAR.DEPOSIT_TEXT2),
                         translations.SIDEBAR.DEPOSIT_TEXT3,
-                        formatPrice$2(remainingAmount, currencyCode),
+                        formatPrice$3(remainingAmount, currencyCode),
                         translations.SIDEBAR.DEPOSIT_TEXT4,
                         React__default.createElement('strong', null, translations.SIDEBAR.DEPOSIT_TEXT5),
                         translations.SIDEBAR.DEPOSIT_TEXT6
@@ -25169,7 +25223,7 @@ var Sidebar = function (_a) {
                           React__default.createElement(
                             'div',
                             { className: 'pricing__price' },
-                            formatPrice$2(commission !== null && commission !== void 0 ? commission : 0, currencyCode)
+                            formatPrice$3(commission !== null && commission !== void 0 ? commission : 0, currencyCode)
                           )
                         )
                       )
@@ -25190,7 +25244,7 @@ var Sidebar = function (_a) {
                         React__default.createElement(
                           'div',
                           { className: 'pricing' },
-                          React__default.createElement('div', { className: 'pricing__price' }, formatPrice$2(totalPrice, currencyCode))
+                          React__default.createElement('div', { className: 'pricing__price' }, formatPrice$3(totalPrice, currencyCode))
                         )
                       )
                     )
@@ -33716,22 +33770,32 @@ var initialState$1 = {
   packagingAccoSearchDetails: [],
   selectedPackagingAccoResultCode: null,
   packagingFlightResults: [],
+  filteredPackagingFlightResults: [],
   selectedPackagingFlight: null,
+  selectedOutwardKey: null,
+  selectedReturnKey: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
+  priceDetails: null,
   isLoading: false,
   flightsLoading: false,
-  filters: [],
   selectedSortType: null,
+  selectedFlightSortType: null,
+  initialFilters: [],
+  filters: [],
+  initialFlightFilters: [],
+  flightFilters: [],
   activeTab: 'compact',
   currentPage: 1,
+  transactionId: null,
   flyInIsOpen: false,
+  flyInType: null,
   editablePackagingEntry: null,
-  transactionId: null,
-  accommodationFlyInStep: 'details',
-  priceDetails: null,
-  itinerary: null
+  itinerary: null,
+  excursionSearchParams: null,
+  selectedExcursionSearchResult: null,
+  confirmedExcursionsByDay: {}
 };
 var searchResultsSlice = createSlice({
   name: 'searchResults',
@@ -33761,6 +33825,9 @@ var searchResultsSlice = createSlice({
     setPackagingFlightResults: function (state, action) {
       state.packagingFlightResults = action.payload;
     },
+    setFilteredPackagingFlightResults: function (state, action) {
+      state.filteredPackagingFlightResults = action.payload;
+    },
     setSelectedPackagingFlight: function (state, action) {
       state.selectedPackagingFlight = action.payload;
     },
@@ -33789,6 +33856,9 @@ var searchResultsSlice = createSlice({
     setFlightsLoading: function (state, action) {
       state.flightsLoading = action.payload;
     },
+    setInitialFilters: function (state, action) {
+      state.initialFilters = action.payload;
+    },
     setFilters: function (state, action) {
       var updatedFilters = action.payload;
       updatedFilters.forEach(function (updatedFilter) {
@@ -33805,9 +33875,31 @@ var searchResultsSlice = createSlice({
     resetFilters: function (state, action) {
       state.filters = action.payload;
     },
+    setInitialFlightFilters: function (state, action) {
+      state.initialFlightFilters = action.payload;
+    },
+    setFlightFilters: function (state, action) {
+      var updatedFilters = action.payload;
+      updatedFilters.forEach(function (updatedFilter) {
+        var existingIndex = state.flightFilters.findIndex(function (f) {
+          return f.property === updatedFilter.property;
+        });
+        if (existingIndex !== -1) {
+          state.flightFilters[existingIndex] = updatedFilter;
+        } else {
+          state.flightFilters.push(updatedFilter); // Optional: Add new filters if not present
+        }
+      });
+    },
+    resetFlightFilters: function (state, action) {
+      state.flightFilters = action.payload;
+    },
     setSortType: function (state, action) {
       state.selectedSortType = action.payload;
     },
+    setFlightSortType: function (state, action) {
+      state.selectedFlightSortType = action.payload;
+    },
     setActiveTab: function (state, action) {
       state.activeTab = action.payload;
     },
@@ -33831,14 +33923,59 @@ var searchResultsSlice = createSlice({
     setTransactionId: function (state, action) {
       state.transactionId = action.payload;
     },
-    setAccommodationFlyInStep: function (state, action) {
-      state.accommodationFlyInStep = action.payload;
+    setFlyInType: function (state, action) {
+      state.flyInType = action.payload;
     },
     setPriceDetails: function (state, action) {
       state.priceDetails = action.payload;
     },
     setItinerary: function (state, action) {
       state.itinerary = action.payload;
+    },
+    setSelectedOutwardKey: function (state, action) {
+      state.selectedOutwardKey = action.payload;
+    },
+    setSelectedReturnKey: function (state, action) {
+      state.selectedReturnKey = action.payload;
+    },
+    resetFlightSelection: function (state) {
+      state.selectedOutwardKey = null;
+      state.selectedReturnKey = null;
+    },
+    setExcursionSearchParams: function (state, action) {
+      state.excursionSearchParams = action.payload;
+    },
+    setSelectedExcursionSearchResult: function (state, action) {
+      state.selectedExcursionSearchResult = action.payload;
+    },
+    confirmExcursionForDay: function (state, action) {
+      var _a;
+      var _b = action.payload,
+        dayKey = _b.dayKey,
+        excursion = _b.excursion;
+      var existingForDay = (_a = state.confirmedExcursionsByDay[dayKey]) !== null && _a !== void 0 ? _a : [];
+      var existingIndex = existingForDay.findIndex(function (item) {
+        return item.code === excursion.code;
+      });
+      if (existingIndex >= 0) {
+        // replace existing confirmed version of same excursion
+        existingForDay[existingIndex] = excursion;
+      } else {
+        existingForDay.push(excursion);
+      }
+      state.confirmedExcursionsByDay[dayKey] = existingForDay;
+    },
+    removeConfirmedExcursionForDay: function (state, action) {
+      var _a;
+      var _b = action.payload,
+        dayKey = _b.dayKey,
+        excursionCode = _b.excursionCode;
+      state.confirmedExcursionsByDay[dayKey] = ((_a = state.confirmedExcursionsByDay[dayKey]) !== null && _a !== void 0 ? _a : []).filter(function (item) {
+        return item.code !== excursionCode;
+      });
+    },
+    clearConfirmedExcursionsForDay: function (state, action) {
+      delete state.confirmedExcursionsByDay[action.payload.dayKey];
     }
   }
 });
@@ -33847,6 +33984,7 @@ var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
   setSelectedSearchResult = _a.setSelectedSearchResult,
   setPackagingAccoResults = _a.setPackagingAccoResults,
   setFilteredPackagingAccoResults = _a.setFilteredPackagingAccoResults,
+  setFilteredPackagingFlightResults = _a.setFilteredPackagingFlightResults,
   setPackagingAccoSearchDetails = _a.setPackagingAccoSearchDetails,
   setSelectedPackagingAccoResult = _a.setSelectedPackagingAccoResult,
   setPackagingFlightResults = _a.setPackagingFlightResults,
@@ -33857,18 +33995,31 @@ var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
 _a.selectFlight;
 var setIsLoading = _a.setIsLoading,
   setFlightsLoading = _a.setFlightsLoading,
+  setInitialFilters = _a.setInitialFilters,
   setFilters = _a.setFilters,
   resetFilters = _a.resetFilters,
+  setInitialFlightFilters = _a.setInitialFlightFilters,
+  setFlightFilters = _a.setFlightFilters,
+  resetFlightFilters = _a.resetFlightFilters,
   setSortType = _a.setSortType,
+  setFlightSortType = _a.setFlightSortType,
   setActiveTab = _a.setActiveTab;
 _a.setCurrentPage;
 _a.resetSearchState;
 var setFlyInIsOpen = _a.setFlyInIsOpen,
   setEditablePackagingEntry = _a.setEditablePackagingEntry,
   setTransactionId = _a.setTransactionId,
-  setAccommodationFlyInStep = _a.setAccommodationFlyInStep,
+  setFlyInType = _a.setFlyInType,
   setPriceDetails = _a.setPriceDetails,
-  setItinerary = _a.setItinerary;
+  setItinerary = _a.setItinerary,
+  setSelectedOutwardKey = _a.setSelectedOutwardKey,
+  setSelectedReturnKey = _a.setSelectedReturnKey;
+_a.resetFlightSelection;
+var setExcursionSearchParams = _a.setExcursionSearchParams,
+  setSelectedExcursionSearchResult = _a.setSelectedExcursionSearchResult,
+  confirmExcursionForDay = _a.confirmExcursionForDay,
+  removeConfirmedExcursionForDay = _a.removeConfirmedExcursionForDay;
+_a.clearConfirmedExcursionsForDay;
 var searchResultsReducer = searchResultsSlice.reducer;
 
 var ItemPicker = function (_a) {
@@ -34399,8 +34550,7 @@ var Icon$1 = function (_a) {
         }),
         title && React__default.createElement('title', null, title),
         React__default.createElement('path', {
-          d: 'M64 64C28.7 64 0 92.7 0 128l0 64C0 200.8 7.4 207.7 15.7 210.6 34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320l0 64c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-64c0-8.8-7.4-15.7-15.7-18.6-18.8-6.5-32.3-24.4-32.3-45.4s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6l0-64c0-35.3-28.7-64-64-64L64 64zM416 336l0-160-256 0 0 160 256 0zM112 160c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-192z',
-          fill: 'currentColor'
+          d: 'M64 64C28.7 64 0 92.7 0 128l0 64C0 200.8 7.4 207.7 15.7 210.6 34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320l0 64c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-64c0-8.8-7.4-15.7-15.7-18.6-18.8-6.5-32.3-24.4-32.3-45.4s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6l0-64c0-35.3-28.7-64-64-64L64 64zM416 336l0-160-256 0 0 160 256 0zM112 160c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-192z'
         })
       );
     case 'ui-backforward':
@@ -34897,6 +35047,7 @@ var Icon$1 = function (_a) {
 
 var GROUP_TOUR_SERVICE_TYPE = 1;
 var ACCOMMODATION_SERVICE_TYPE = 3;
+var EXCURSION_SERVICE_TYPE = 4;
 var FLIGHT_SERVICE_TYPE = 7;
 var toDateOnlyString = function (value) {
   var date = value instanceof Date ? value : new Date(value);
@@ -35287,12 +35438,12 @@ var Itinerary = function (_a) {
                 React__default.createElement(
                   'div',
                   { className: 'search__filter__prices__wrapper' },
-                  React__default.createElement('h3', { className: 'search__filter__prices--amount' }, formatPrice$2(pricePerPerson, 'EUR')),
+                  React__default.createElement('h3', { className: 'search__filter__prices--amount' }, formatPrice$3(pricePerPerson, 'EUR')),
                   React__default.createElement('p', null, translations.SRP.PACKAGE_PRICE_PER_PERSON),
                   React__default.createElement(
                     'p',
                     null,
-                    React__default.createElement('strong', null, '(', formatPrice$2(totalPrice, 'EUR'), ' ', translations.SRP.TOTAL, ')')
+                    React__default.createElement('strong', null, '(', formatPrice$3(totalPrice, 'EUR'), ' ', translations.SRP.TOTAL, ')')
                   )
                 ),
                 React__default.createElement('button', { className: 'cta' }, translations.QSM.CONFIRM)
@@ -38334,7 +38485,8 @@ var FlightsFlyIn = function (_a) {
         React__default.createElement(
           'div',
           { className: 'flyin__footer__price' },
-          'Total price: \u20AC',
+          translations.SHARED.TOTAL_PRICE,
+          ': \u20AC',
           (_o = selectedCombinationFlight === null || selectedCombinationFlight === void 0 ? void 0 : selectedCombinationFlight.price) === null || _o === void 0
             ? void 0
             : _o.toFixed(2)
@@ -38348,7 +38500,7 @@ var FlightsFlyIn = function (_a) {
   );
 };
 
-var formatPrice$1 = function (price, currencyCode) {
+var formatPrice$2 = function (price, currencyCode) {
   if (typeof price !== 'number') return '';
   var safeCurrency = currencyCode !== null && currencyCode !== void 0 ? currencyCode : 'EUR';
   return new Intl.NumberFormat('nl-BE', {
@@ -38480,7 +38632,7 @@ var AccommodationFlyIn = function (_a) {
     var totalPrice = selectedOptions.reduce(function (total, option) {
       return total + (option.price || 0);
     }, 0);
-    return formatPrice$1(totalPrice, selectedPackagingAccoSearchDetails.currencyCode);
+    return formatPrice$2(totalPrice, selectedPackagingAccoSearchDetails.currencyCode);
   };
   var getPriceDifference = function (currentSelectedPrice, roomIndex, accommodationCode, regimeId) {
     var targetPrice = 0;
@@ -38505,7 +38657,7 @@ var AccommodationFlyIn = function (_a) {
     if (difference === 0) {
       return null;
     }
-    var formattedAbsoluteValue = formatPrice$1(Math.abs(difference), currencyCode);
+    var formattedAbsoluteValue = formatPrice$2(Math.abs(difference), currencyCode);
     return ''.concat(difference > 0 ? '+' : '-', ' ').concat(formattedAbsoluteValue);
   };
   var getPriceDifferenceClassName = function (difference) {
@@ -38623,7 +38775,7 @@ var AccommodationFlyIn = function (_a) {
     React__default.createElement(
       'div',
       { className: 'flyin__footer' },
-      React__default.createElement('div', { className: 'flyin__footer__price' }, 'Total price: ', calculateTotalPrice()),
+      React__default.createElement('div', { className: 'flyin__footer__price' }, translations.SHARED.TOTAL_PRICE, ': ', calculateTotalPrice()),
       React__default.createElement(
         'div',
         { className: 'flyin__button-wrapper' },
@@ -38782,7 +38934,7 @@ var AccommodationFlyIn = function (_a) {
   //     )} */}
   //   </div>
   //   <div className="flyin__footer">
-  //     <div className="flyin__footer__price">Total price: €</div>
+  //     <div className="flyin__footer__price">{translations.SHARED.TOTAL_PRICE}: €</div>
   //     <div className="flyin__button-wrapper">
   //       <button className="cta cta--select" onClick={handleConfirm}>
   //         Toevoegen
@@ -38792,7 +38944,7 @@ var AccommodationFlyIn = function (_a) {
   // </>
 };
 
-var formatPrice = function (price, currencyCode) {
+var formatPrice$1 = function (price, currencyCode) {
   if (currencyCode === void 0) {
     currencyCode = 'EUR';
   }
@@ -38975,7 +39127,7 @@ var GroupTourFlyIn = function (_a) {
     if (difference === 0) {
       return null;
     }
-    var formattedAbsoluteValue = formatPrice(Math.abs(difference), currencyCode);
+    var formattedAbsoluteValue = formatPrice$1(Math.abs(difference), currencyCode);
     return ''.concat(difference > 0 ? '+' : '-', ' ').concat(formattedAbsoluteValue);
   };
   var getPriceDifferenceClassName = function (difference) {
@@ -39104,8 +39256,9 @@ var GroupTourFlyIn = function (_a) {
       React__default.createElement(
         'div',
         { className: 'flyin__footer__price' },
-        'Total price: ',
-        formatPrice(adjustedTotalPrice, bookingPackageDetails.currencyCode)
+        translations.SHARED.TOTAL_PRICE,
+        ': ',
+        formatPrice$1(adjustedTotalPrice, bookingPackageDetails.currencyCode)
       ),
       React__default.createElement(
         'div',
@@ -43422,7 +43575,7 @@ var getBaseHotelResult = function (searchResult, cmsItem, languageCode, translat
       searchResult.countryName,
       (_h = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.parentItem) === null || _h === void 0 ? void 0 : _h.name
     ),
-    price: formatPrice$2(searchResult.price, searchResult.currencyCode, languageCode),
+    price: formatPrice$3(searchResult.price, searchResult.currencyCode, languageCode),
     ctaText: translations === null || translations === void 0 ? void 0 : translations.SRP.VIEW_DETAILS
   };
 };
@@ -43462,7 +43615,7 @@ var mapPackagingAccoResult = function (searchResult, cmsItem, languageCode, tran
     contents: searchResult.contents
   });
 };
-var renderHotelResults = function (results, context, activeTab, translations) {
+var renderHotelResults = function (results, context, activeTab, translations, selectedPackagingAccoResult, isFlyIn) {
   var renderedResults = results.map(function (result, index) {
     var _a;
     var key = ''.concat((_a = result.id) !== null && _a !== void 0 ? _a : result.code, '-').concat(index);
@@ -43477,13 +43630,18 @@ var renderHotelResults = function (results, context, activeTab, translations) {
   return React__default.createElement(
     'div',
     { className: 'search__results__cards '.concat(activeTab ? 'search__results__cards--'.concat(activeTab) : '') },
+    selectedPackagingAccoResult &&
+      !isFlyIn &&
+      React__default.createElement(HotelCard, { key: selectedPackagingAccoResult.code, result: selectedPackagingAccoResult, translations: translations }),
     renderedResults
   );
 };
 var HotelAccommodationResults = function (_a) {
   var _b, _c;
-  var isLoading = _a.isLoading;
+  var isLoading = _a.isLoading,
+    isFlyIn = _a.isFlyIn;
   var context = useContext(SearchResultsConfigurationContext);
+  var dispatch = useDispatch();
   if (!context) {
     return null;
   }
@@ -43493,7 +43651,10 @@ var HotelAccommodationResults = function (_a) {
     }),
     filteredResults = _d.filteredResults,
     filteredPackagingAccoResults = _d.filteredPackagingAccoResults,
+    packagingAccoResults = _d.packagingAccoResults,
     activeTab = _d.activeTab;
+  _d.flyInIsOpen;
+  var selectedPackagingAccoResultCode = _d.selectedPackagingAccoResultCode;
   var cmsMap = React__default.useMemo(
     function () {
       var _a;
@@ -43556,143 +43717,1645 @@ var HotelAccommodationResults = function (_a) {
       : firstPackagingResult.fromDate;
   var firstResultDay = firstResultDate ? format$1(parseISO(firstResultDate), 'd') : null;
   var firstResultMonth = firstResultDate ? format$1(parseISO(firstResultDate), 'MMM') : null;
+  var selectedPackagingAccoResult = React__default.useMemo(
+    function () {
+      var selectedResult = packagingAccoResults.find(function (result) {
+        return result.code === selectedPackagingAccoResultCode;
+      });
+      if (selectedResult) {
+        return mapPackagingAccoResult(selectedResult, cmsMap.get(selectedResult.code), context.languageCode, translations);
+      }
+    },
+    [packagingAccoResults, selectedPackagingAccoResultCode, cmsMap, context.languageCode, translations]
+  );
+  var visibleResults = React__default.useMemo(
+    function () {
+      var shouldShowAll =
+        (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) !== build.PortalQsmType.AccommodationAndFlight || isFlyIn;
+      if (shouldShowAll) {
+        return mappedResults;
+      }
+      if (selectedPackagingAccoResult) {
+        return mappedResults
+          .filter(function (result) {
+            return result.code !== selectedPackagingAccoResult.code;
+          })
+          .slice(0, 2);
+      }
+      return mappedResults.slice(0, 3);
+    },
+    [context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType, mappedResults, isFlyIn, selectedPackagingAccoResult]
+  );
+  var handleShowMoreHotels = function (flyInType) {
+    dispatch(setFlyInType(flyInType));
+    dispatch(setFlyInIsOpen(true));
+  };
   return React__default.createElement(
     React__default.Fragment,
     null,
-    React__default.createElement(
-      'div',
-      { className: 'search__results__label search__results__label--secondary' },
+    !isFlyIn &&
       React__default.createElement(
         'div',
-        { className: 'search__results__label__date' },
-        firstResultDay && firstResultMonth
-          ? React__default.createElement(
-              React__default.Fragment,
-              null,
-              React__default.createElement('p', { className: 'search__results__label__date-date' }, firstResultDay),
-              React__default.createElement('p', null, firstResultMonth)
-            )
-          : React__default.createElement(Icon$1, { name: 'ui-bed', height: 16, fill: 'white' })
+        { className: 'search__results__label search__results__label--secondary' },
+        React__default.createElement(
+          'div',
+          { className: 'search__results__label__date' },
+          firstResultDay && firstResultMonth
+            ? React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement('p', { className: 'search__results__label__date-date' }, firstResultDay),
+                React__default.createElement('p', null, firstResultMonth)
+              )
+            : React__default.createElement(Icon$1, { name: 'ui-bed', height: 16, fill: 'white' })
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'search__results__label__text' },
+          React__default.createElement('h3', null, translations.SRP.SELECT, ' ', React__default.createElement('strong', null, translations.SRP.ACCOMMODATION))
+        )
       ),
-      React__default.createElement(
-        'div',
-        { className: 'search__results__label__text' },
-        React__default.createElement('h3', null, translations.SRP.SELECT, ' ', React__default.createElement('strong', null, translations.SRP.ACCOMMODATION))
-      )
-    ),
     isLoading
       ? React__default.createElement(
           React__default.Fragment,
           null,
           (_c = context.customSpinner) !== null && _c !== void 0 ? _c : React__default.createElement(Spinner, null)
         )
-      : renderHotelResults(mappedResults, context, activeTab, translations),
+      : renderHotelResults(visibleResults, context, activeTab, translations, selectedPackagingAccoResult, isFlyIn),
+    packagingAccoResults.length > 3 &&
+      !isFlyIn &&
+      React__default.createElement(
+        'div',
+        { className: 'search__results__cards__actions' },
+        React__default.createElement(
+          'button',
+          {
+            className: 'cta cta--secondary',
+            onClick: function () {
+              return handleShowMoreHotels('acco-results');
+            }
+          },
+          translations.SRP.SHOW_MORE
+        )
+      ),
     mappedResults.length === 0 && !isLoading && React__default.createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS)
   );
 };
 
-var FlyIn = function (_a) {
-  var title = _a.title,
-    srpType = _a.srpType,
-    isOpen = _a.isOpen,
-    setIsOpen = _a.setIsOpen,
-    _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    onPanelRef = _a.onPanelRef,
-    detailsLoading = _a.detailsLoading,
-    accommodationStep = _a.accommodationStep,
-    isPackageEditFlow = _a.isPackageEditFlow,
-    handleConfirm = _a.handleConfirm;
-  var dispatch = useDispatch();
-  var onCancelSearch = useFlightSearch().onCancelSearch;
-  var panelRef = useRef(null);
-  // expose DOM node if needed
-  useEffect(
-    function () {
-      onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(panelRef.current);
-      return function () {
-        return onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(null);
-      };
-    },
-    [onPanelRef]
+var selectSearchResultsState = function (state) {
+  return state.searchResults;
+};
+var selectPackagingAccoResults = createSelector([selectSearchResultsState], function (state) {
+  return state.packagingAccoResults;
+});
+var selectSelectedPackagingAccoResultCode = createSelector([selectSearchResultsState], function (state) {
+  return state.selectedPackagingAccoResultCode;
+});
+var selectSelectedPackagingAccoResult = createSelector(
+  [selectPackagingAccoResults, selectSelectedPackagingAccoResultCode],
+  function (packagingAccoResults, selectedPackagingAccoResultCode) {
+    var _a;
+    if (!selectedPackagingAccoResultCode) return null;
+    return (_a = packagingAccoResults.find(function (accoResult) {
+      return accoResult.code === selectedPackagingAccoResultCode;
+    })) !== null && _a !== void 0
+      ? _a
+      : null;
+  }
+);
+var selectPackagingFlightResults = createSelector([selectSearchResultsState], function (state) {
+  return state.packagingFlightResults;
+});
+var selectFilteredPackagingFlightResults = createSelector([selectSearchResultsState], function (state) {
+  return state.filteredPackagingFlightResults;
+});
+var selectSelectedOutwardKey = createSelector([selectSearchResultsState], function (state) {
+  return state.selectedOutwardKey;
+});
+var selectSelectedReturnKey = createSelector([selectSearchResultsState], function (state) {
+  return state.selectedReturnKey;
+});
+var selectUniqueOutwardFlights = createSelector([selectFilteredPackagingFlightResults], function (packagingFlightResults) {
+  var map = new Map();
+  packagingFlightResults.forEach(function (flight) {
+    var key = getFlightKey(flight.outward.segments);
+    if (!map.has(key)) {
+      map.set(key, flight);
+    }
+  });
+  return Array.from(map.values());
+});
+var selectUniqueReturnFlights = createSelector(
+  [selectFilteredPackagingFlightResults, selectSelectedOutwardKey],
+  function (packagingFlightResults, selectedOutwardKey) {
+    if (!selectedOutwardKey) return [];
+    var matchingCombinations = packagingFlightResults.filter(function (flight) {
+      return getFlightKey(flight.outward.segments) === selectedOutwardKey;
+    });
+    var map = new Map();
+    matchingCombinations.forEach(function (flight) {
+      var key = getFlightKey(flight.return.segments);
+      if (!map.has(key)) {
+        map.set(key, flight);
+      }
+    });
+    return Array.from(map.values());
+  }
+);
+var selectSelectedOutward = createSelector([selectPackagingFlightResults, selectSelectedOutwardKey], function (packagingFlightResults, selectedOutwardKey) {
+  var _a;
+  if (!selectedOutwardKey) return null;
+  return (_a = packagingFlightResults.find(function (flight) {
+    return getFlightKey(flight.outward.segments) === selectedOutwardKey;
+  })) !== null && _a !== void 0
+    ? _a
+    : null;
+});
+var selectSelectedReturn = createSelector([selectPackagingFlightResults, selectSelectedReturnKey], function (packagingFlightResults, selectedReturnKey) {
+  var _a;
+  if (!selectedReturnKey) return null;
+  return (_a = packagingFlightResults.find(function (flight) {
+    return getFlightKey(flight.return.segments) === selectedReturnKey;
+  })) !== null && _a !== void 0
+    ? _a
+    : null;
+});
+var selectSelectedCombinationFlight = createSelector(
+  [selectPackagingFlightResults, selectSelectedOutwardKey, selectSelectedReturnKey],
+  function (packagingFlightResults, selectedOutwardKey, selectedReturnKey) {
+    var _a;
+    if (!selectedOutwardKey || !selectedReturnKey) return null;
+    return (_a = packagingFlightResults.find(function (flight) {
+      return getFlightKey(flight.outward.segments) === selectedOutwardKey && getFlightKey(flight.return.segments) === selectedReturnKey;
+    })) !== null && _a !== void 0
+      ? _a
+      : null;
+  }
+);
+
+var IndependentFlightOption = function (_a) {
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  var item = _a.item,
+    onSelect = _a.onSelect,
+    guid = _a.guid,
+    selectedGuid = _a.selectedGuid,
+    isOutward = _a.isOutward,
+    showSelectedState = _a.showSelectedState,
+    currentSelectedPrice = _a.currentSelectedPrice,
+    price = _a.price;
+  var context = useContext(SearchResultsConfigurationContext);
+  var language = (_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB';
+  var translations = getTranslations(language);
+  var _p = useState(false),
+    detailsOpen = _p[0],
+    setDetailsOpen = _p[1];
+  var priceDifference = price && currentSelectedPrice ? price - currentSelectedPrice : null;
+  return React__default.createElement(
+    'div',
+    { className: 'search__result-card', key: 'flight-'.concat(item.code) },
+    React__default.createElement(
+      'div',
+      { className: 'flight '.concat(showSelectedState && selectedGuid === guid ? 'flight--selected' : '') },
+      React__default.createElement(
+        'div',
+        { className: 'flight__option' },
+        React__default.createElement(
+          'div',
+          { className: 'flight__content' },
+          React__default.createElement(
+            'div',
+            { className: 'flight__flights' },
+            React__default.createElement(
+              'div',
+              { className: 'flight__flight' },
+              React__default.createElement(
+                'div',
+                { className: 'flight__flight__header' },
+                React__default.createElement('div', { className: 'flight__status__container' }),
+                React__default.createElement(
+                  'div',
+                  { className: 'flight__price' },
+                  price != null &&
+                    price > 0 &&
+                    (isOutward
+                      ? React__default.createElement(
+                          'span',
+                          { className: 'price' },
+                          translations.QSM.ROUNDTRIP + ' ' + translations.SRP.PRICE,
+                          '\u00A0',
+                          formatPrice$3(
+                            price,
+                            'EUR',
+                            (_c = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _c !== void 0 ? _c : 'en-GB'
+                          )
+                        )
+                      : priceDifference != null &&
+                        Math.abs(priceDifference) > 0 &&
+                        React__default.createElement(
+                          'span',
+                          { className: 'price' },
+                          priceDifference > 0 ? '+' : '-',
+                          '\u00A0',
+                          formatPrice$3(
+                            Math.abs(priceDifference),
+                            'EUR',
+                            (_d = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _d !== void 0 ? _d : 'en-GB'
+                          )
+                        )),
+                  React__default.createElement(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cta '.concat(selectedGuid === guid ? 'cta--selected' : 'cta--select'),
+                      onClick: function () {
+                        return onSelect === null || onSelect === void 0 ? void 0 : onSelect();
+                      }
+                    },
+                    selectedGuid === guid ? 'Selected' : 'Select'
+                  )
+                )
+              )
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'flight__flight' },
+              React__default.createElement(
+                'div',
+                { className: 'flight__flight__container' },
+                React__default.createElement(
+                  'div',
+                  { className: 'flight__flight__wrapper' },
+                  React__default.createElement(
+                    'div',
+                    { className: 'flight__logo__wrapper' },
+                    React__default.createElement('img', {
+                      src: 'https://media.tidesoftware.be/media/shared/Airlines/'.concat(
+                        (_e = getDepartureSegment(item)) === null || _e === void 0 ? void 0 : _e.marketingAirlineCode,
+                        '.png?height=256'
+                      ),
+                      alt: '',
+                      className: 'flight__logo'
+                    }),
+                    React__default.createElement('span', null, (_f = getDepartureSegment(item)) === null || _f === void 0 ? void 0 : _f.marketingAirlineName)
+                  ),
+                  React__default.createElement(
+                    'div',
+                    { className: 'flight__info' },
+                    React__default.createElement(
+                      'div',
+                      { className: 'flight__info__times' },
+                      React__default.createElement(
+                        'strong',
+                        null,
+                        timeFromDateTime((_g = getDepartureSegment(item)) === null || _g === void 0 ? void 0 : _g.departureDateTime),
+                        ' ',
+                        (_h = getDepartureSegment(item)) === null || _h === void 0 ? void 0 : _h.departureAirportCode
+                      ),
+                      React__default.createElement(
+                        'p',
+                        null,
+                        longFormatDate((_j = getDepartureSegment(item)) === null || _j === void 0 ? void 0 : _j.departureDateTime, language)
+                      )
+                    ),
+                    React__default.createElement(
+                      'div',
+                      { className: 'flight__info__duration' },
+                      React__default.createElement('p', null, durationTicksInHoursString(item.durationInTicks)),
+                      React__default.createElement(
+                        'div',
+                        { className: 'flight__info__duration__stops' },
+                        React__default.createElement('div', { className: 'flight__info__duration__stop' })
+                      ),
+                      React__default.createElement(
+                        'span',
+                        null,
+                        getNumberOfStopsLabel(item, translations.SRP.DIRECT, translations.SRP.STOPS, translations.SRP.STOP)
+                      )
+                    ),
+                    React__default.createElement(
+                      'div',
+                      { className: 'flight__info__times flight__info__times--arrival' },
+                      React__default.createElement(
+                        'strong',
+                        null,
+                        timeFromDateTime((_k = getArrivalSegment(item)) === null || _k === void 0 ? void 0 : _k.arrivalDateTime),
+                        ' ',
+                        (_l = getArrivalSegment(item)) === null || _l === void 0 ? void 0 : _l.arrivalAirportCode
+                      ),
+                      React__default.createElement(
+                        'p',
+                        null,
+                        longFormatDate((_m = getArrivalSegment(item)) === null || _m === void 0 ? void 0 : _m.arrivalDateTime, language)
+                      )
+                    )
+                  )
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'flight__detail__btn__wrapper' },
+                  React__default.createElement(
+                    'div',
+                    {
+                      className: 'flight__detail__btn '.concat(detailsOpen ? 'flight__detail__btn--active' : ''),
+                      onClick: function () {
+                        return setDetailsOpen(function (prev) {
+                          return !prev;
+                        });
+                      }
+                    },
+                    React__default.createElement(Icon$1, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
+                  )
+                )
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'flight__detail '.concat(detailsOpen ? 'flight__detail--active' : '') },
+                (_o = getFlightSegments(item)) === null || _o === void 0
+                  ? void 0
+                  : _o.map(function (segment, index) {
+                      return React__default.createElement(
+                        React__default.Fragment,
+                        { key: 'outward-segment-'.concat(index, '-').concat(segment.flightNumber) },
+                        React__default.createElement(
+                          'div',
+                          { className: 'flight__info' },
+                          React__default.createElement(
+                            'div',
+                            { className: 'flight__info__times__wrapper' },
+                            React__default.createElement(
+                              'div',
+                              { className: 'flight__info__times' },
+                              React__default.createElement('p', null, timeFromDateTime(segment.departureDateTime)),
+                              React__default.createElement('strong', null, segment.departureAirportCode),
+                              React__default.createElement('p', null, longFormatDate(segment.departureDateTime, language))
+                            ),
+                            React__default.createElement('div', null, React__default.createElement(Icon$1, { name: 'ui-plane-depart', width: 30, height: 20 }))
+                          ),
+                          React__default.createElement(
+                            'div',
+                            { className: 'flight__info__duration' },
+                            React__default.createElement('p', null, durationTicksInHoursString(segment.durationInTicks)),
+                            React__default.createElement('div', { className: 'flight__info__duration__stops' }),
+                            React__default.createElement('span', null, segment.marketingAirlineName),
+                            React__default.createElement('strong', null, segment.operatingFlightNumber)
+                          ),
+                          React__default.createElement(
+                            'div',
+                            { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
+                            React__default.createElement('div', null, React__default.createElement(Icon$1, { name: 'ui-plane-arrive', width: 30, height: 20 })),
+                            React__default.createElement(
+                              'div',
+                              { className: 'flight__info__times flight__info__times--arrival' },
+                              React__default.createElement('p', null, timeFromDateTime(segment.arrivalDateTime)),
+                              React__default.createElement('strong', null, segment.arrivalAirportCode),
+                              React__default.createElement('p', null, longFormatDate(segment.arrivalDateTime, language))
+                            )
+                          )
+                        ),
+                        segment.transferTimeInTicks &&
+                          React__default.createElement(
+                            'div',
+                            { className: 'flight__info' },
+                            React__default.createElement('div', { className: 'flight__info__times' }),
+                            React__default.createElement(
+                              'div',
+                              { className: 'flight__info__duration flight__info__duration--waittime' },
+                              React__default.createElement(
+                                'div',
+                                { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
+                                React__default.createElement(Icon$1, { name: 'ui-clock', width: 24, height: 24 })
+                              ),
+                              React__default.createElement(
+                                'div',
+                                { className: 'flight__info__duration__stoptime' },
+                                React__default.createElement('span', null, 'Stop time'),
+                                React__default.createElement('strong', null, durationTicksInHoursString(segment.transferTimeInTicks))
+                              )
+                            ),
+                            React__default.createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
+                          )
+                      );
+                    })
+              )
+            )
+          )
+        )
+      )
+    )
   );
+};
+
+var MultiRangeFilter = function (_a) {
+  var min = _a.min,
+    max = _a.max,
+    selectedMin = _a.selectedMin,
+    selectedMax = _a.selectedMax,
+    valueFormatter = _a.valueFormatter,
+    onChange = _a.onChange;
+  var _b = useState(false),
+    isDragging = _b[0],
+    setIsDragging = _b[1];
+  var _c = useState(0),
+    leftPercentage = _c[0],
+    setLeftPercentage = _c[1];
+  var _d = useState(0),
+    rightPercentage = _d[0],
+    setRightPercentage = _d[1];
+  var _e = useState(selectedMin !== null && selectedMin !== void 0 ? selectedMin : min),
+    minVal = _e[0],
+    setMinVal = _e[1];
+  var _f = useState(selectedMax !== null && selectedMax !== void 0 ? selectedMax : max),
+    maxVal = _f[0],
+    setMaxVal = _f[1];
+  var minGap = 5;
+  // Sync internal state with external selectedMin/selectedMax changes
   useEffect(
     function () {
-      // click outside detection
-      var handleClickOutside = function (event) {
-        if (isOpen && panelRef.current && !panelRef.current.contains(event.target)) {
-          handleClose();
-        }
-      };
-      document.addEventListener('mousedown', handleClickOutside);
-      return function () {
-        return document.removeEventListener('mousedown', handleClickOutside);
-      };
+      setMinVal(selectedMin !== null && selectedMin !== void 0 ? selectedMin : min);
+      setMaxVal(selectedMax !== null && selectedMax !== void 0 ? selectedMax : max);
     },
-    [isOpen, setIsOpen]
+    [min, max, selectedMin, selectedMax]
   );
-  // body scroll lock
+  // Recalculate slider track whenever values change
   useEffect(
     function () {
-      document.body.style.overflow = isOpen ? 'hidden' : '';
-      return function () {
-        document.body.style.overflow = '';
-      };
+      var range = max - min || 1;
+      var minPercent = ((minVal - min) / range) * 100;
+      var maxPercent = ((maxVal - min) / range) * 100;
+      setLeftPercentage(minPercent);
+      setRightPercentage(100 - maxPercent);
     },
-    [isOpen]
+    [minVal, maxVal, min, max]
   );
-  var handleClose = function () {
-    if (isOpen && panelRef.current) {
-      if (srpType === build.PortalQsmType.Flight) {
-        dispatch(setSelectedFlight(null));
-        dispatch(setSelectedFlightDetails(null));
-        onCancelSearch();
-      } else {
-        dispatch(setSelectedSearchResult(null));
-        dispatch(setSelectedPackagingAccoResult(null));
-      }
-      dispatch(setAccommodationFlyInStep('details'));
-      setIsOpen(false);
+  var slideMin = function (e) {
+    var value = parseInt(e.target.value, 10);
+    // Ensure the thumbs don’t cross and enforce minGap
+    if (value <= maxVal - minGap) {
+      setMinVal(value);
     }
   };
-  var handleGoBack = function () {
-    dispatch(setAccommodationFlyInStep('results'));
+  var slideMax = function (e) {
+    var value = parseInt(e.target.value, 10);
+    // Ensure the thumbs don’t cross and enforce minGap
+    if (value >= minVal + minGap) {
+      setMaxVal(value);
+    }
+  };
+  var startDrag = function () {
+    setIsDragging(true);
+  };
+  var stopDrag = function () {
+    setIsDragging(false);
+    // Notify parent with the final values
+    onChange(minVal, maxVal);
   };
   return React__default.createElement(
     'div',
-    {
-      className: 'flyin '
-        .concat(isOpen ? 'flyin--active' : '', ' ')
-        .concat(className, ' ')
-        .concat(isPackageEditFlow ? 'flyin--large' : '')
-    },
+    { className: 'double-slider-box' },
     React__default.createElement(
       'div',
-      { className: 'flyin__panel '.concat(isOpen ? 'flyin__panel--active' : ''), ref: panelRef },
-      React__default.createElement(
-        'div',
-        { className: 'flyin__content' },
-        React__default.createElement(
-          'div',
-          { className: 'flyin__content-title-row' },
-          React__default.createElement('h3', { className: 'flyin__content-title' }, title),
-          React__default.createElement(
-            'span',
-            {
-              className: 'flyin__close',
-              onClick: function () {
-                return handleClose();
-              }
-            },
-            React__default.createElement(Icon, { name: 'ui-close', width: 30, height: 30, 'aria-hidden': 'true' })
-          )
-        ),
-        isPackageEditFlow &&
-          accommodationStep === 'details' &&
-          React__default.createElement(
-            'div',
-            { className: 'flyin__content-title-row' },
-            React__default.createElement(
+      { className: 'input-box' },
+      React__default.createElement('div', { className: 'min-box' }, valueFormatter(minVal)),
+      React__default.createElement('div', { className: 'max-box' }, valueFormatter(maxVal))
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'range-slider' },
+      React__default.createElement('div', {
+        className: 'slider-track',
+        style: { left: ''.concat(leftPercentage, '%'), right: ''.concat(rightPercentage, '%') }
+      }),
+      React__default.createElement('input', {
+        type: 'range',
+        min: min,
+        max: max,
+        value: minVal,
+        onChange: slideMin,
+        onMouseDown: startDrag,
+        onMouseUp: stopDrag,
+        onTouchStart: startDrag,
+        onTouchEnd: stopDrag,
+        className: 'min-val'
+      }),
+      React__default.createElement('input', {
+        type: 'range',
+        min: min,
+        max: max,
+        value: maxVal,
+        onChange: slideMax,
+        onMouseDown: startDrag,
+        onMouseUp: stopDrag,
+        onTouchStart: startDrag,
+        onTouchEnd: stopDrag,
+        className: 'max-val'
+      }),
+      isDragging && React__default.createElement('div', { className: 'min-tooltip' }, valueFormatter(minVal)),
+      isDragging && React__default.createElement('div', { className: 'max-tooltip' }, valueFormatter(maxVal))
+    )
+  );
+};
+
+var Filters = function (_a) {
+  var _b;
+  var initialFilters = _a.initialFilters,
+    filters = _a.filters,
+    isOpen = _a.isOpen,
+    handleSetIsOpen = _a.handleSetIsOpen,
+    isLoading = _a.isLoading,
+    setFilters = _a.setFilters,
+    resetFilters = _a.resetFilters;
+  var context = useContext(SearchResultsConfigurationContext);
+  if (!context || !context.showFilters) {
+    return null;
+  }
+  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
+  var _c = useState({}),
+    visibleFilters = _c[0],
+    setVisibleFilters = _c[1];
+  var toggleFilterVisibility = function (filterId) {
+    setVisibleFilters(function (prev) {
+      var _a;
+      return __assign(__assign({}, prev), ((_a = {}), (_a[filterId] = !prev[filterId]), _a));
+    });
+  };
+  var handleCheckBoxFilter = function (filter, option) {
+    var updated = filters.map(function (f) {
+      var _a;
+      if (f.property !== filter.property) return f;
+      return __assign(__assign({}, f), {
+        options:
+          (_a = f.options) === null || _a === void 0
+            ? void 0
+            : _a.map(function (opt) {
+                return opt.value === option.value ? __assign(__assign({}, opt), { isChecked: !opt.isChecked }) : opt;
+              })
+      });
+    });
+    setFilters(updated);
+  };
+  var handleSliderChange = function (filter, newMin, newMax) {
+    var updated = filters.map(function (f) {
+      if (f.property !== filter.property) return f;
+      return __assign(__assign({}, f), { selectedMin: newMin, selectedMax: newMax });
+    });
+    setFilters(updated);
+  };
+  var handleFullReset = function () {
+    if (!isLoading) {
+      resetFilters(initialFilters);
+    }
+  };
+  return React__default.createElement(
+    'div',
+    { className: 'search__filters--modal '.concat(isOpen ? 'is-open' : '') },
+    React__default.createElement('div', {
+      className: 'search__filters--background',
+      onClick: function () {
+        return handleSetIsOpen();
+      }
+    }),
+    React__default.createElement(
+      'button',
+      {
+        className: 'search__filters--close',
+        onClick: function () {
+          return handleSetIsOpen();
+        }
+      },
+      React__default.createElement(Icon$1, { name: 'ui-close', height: 24 })
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'search__filters' },
+      React__default.createElement(
+        'div',
+        { className: 'search__filter-row search__filter__header' },
+        React__default.createElement(
+          'div',
+          { className: 'search__filter-row-flex-title' },
+          React__default.createElement('p', { className: 'search__filter-small-title' }, translations.SRP.FILTERS)
+        ),
+        !isLoading &&
+          React__default.createElement(
+            'a',
+            {
+              className: 'search__filter-reset',
+              onClick: function () {
+                return handleFullReset();
+              }
+            },
+            translations.SRP.RESET
+          )
+      ),
+      isLoading
+        ? React__default.createElement(Spinner, null)
+        : React__default.createElement(
+            React__default.Fragment,
+            null,
+            React__default.createElement(
+              'div',
+              { className: 'search__filters__group-container' },
+              filters.map(function (filter, index) {
+                var _a, _b;
+                var isVisible = (_a = visibleFilters[filter.property]) !== null && _a !== void 0 ? _a : true;
+                return React__default.createElement(
+                  'div',
+                  { key: ''.concat(filter.property, '-').concat(index), className: 'search__filter-group' },
+                  React__default.createElement(
+                    'div',
+                    {
+                      className: 'search__filter-row search__filter-row--underline',
+                      onClick: function () {
+                        return toggleFilterVisibility(filter.property);
+                      },
+                      role: 'button',
+                      tabIndex: 0
+                    },
+                    React__default.createElement('h6', { className: 'search__filter-large-title' }, filter.label),
+                    React__default.createElement(
+                      'svg',
+                      {
+                        id: 'search-chevron-up-icon',
+                        className: 'search__filter-chevron-icon '.concat(isVisible ? 'search__filter-chevron-icon--flipped' : '', ' '),
+                        viewBox: '0 0 10 6.063',
+                        width: 10,
+                        height: 6.063
+                      },
+                      React__default.createElement('path', {
+                        id: 'Path_62',
+                        'data-name': 'Path 62',
+                        d: 'M245-617.937l-5-5L241.063-624,245-620.062,248.938-624,250-622.937Z',
+                        transform: 'translate(-240 624)',
+                        fill: '#707070'
+                      })
+                    )
+                  ),
+                  isVisible &&
+                    filter.type === 'checkbox' &&
+                    React__default.createElement(
+                      'div',
+                      { className: 'search__filter-rows' },
+                      filter.options &&
+                        filter.options.map(function (option, optionIndex) {
+                          return React__default.createElement(
+                            'div',
+                            { className: 'search__filter-row search__filter-row--checkbox', key: ''.concat(option.label, '-').concat(optionIndex) },
+                            React__default.createElement(
+                              'div',
+                              { className: 'checkbox' },
+                              React__default.createElement(
+                                'label',
+                                { className: 'checkbox__label' },
+                                React__default.createElement('input', {
+                                  type: 'checkbox',
+                                  className: 'checkbox__input checkbox__input--parent',
+                                  checked: option.isChecked,
+                                  onChange: function (e) {
+                                    return handleCheckBoxFilter(filter, option);
+                                  }
+                                }),
+                                React__default.createElement('span', { className: 'radiobutton__label-text' }, option.label)
+                              )
+                            )
+                          );
+                        })
+                    ),
+                  isVisible &&
+                    filter.type === 'toggle' &&
+                    React__default.createElement(
+                      'div',
+                      { className: 'search__filter-rows' },
+                      (_b = filter.options) === null || _b === void 0
+                        ? void 0
+                        : _b.map(function (option, optionIndex) {
+                            return React__default.createElement(
+                              'div',
+                              { className: 'search__filter-row', key: ''.concat(option.label, '-').concat(optionIndex) },
+                              React__default.createElement('span', { className: 'search__filter-toggle-label' }, option.label),
+                              React__default.createElement('div', { className: 'checkbox' }),
+                              React__default.createElement(
+                                'label',
+                                { className: 'checkbox__label' },
+                                React__default.createElement('input', {
+                                  type: 'checkbox',
+                                  className: 'checkbox__input',
+                                  checked: option.isChecked,
+                                  onChange: function () {
+                                    return handleCheckBoxFilter(filter, option);
+                                  }
+                                })
+                              )
+                            );
+                          })
+                    ),
+                  isVisible &&
+                    filter &&
+                    filter.type === 'slider' &&
+                    (function () {
+                      var _a, _b, _c, _d;
+                      var min = (_a = filter.min) !== null && _a !== void 0 ? _a : 0;
+                      var max = (_b = filter.max) !== null && _b !== void 0 ? _b : 100;
+                      var selectedMin = (_c = filter.selectedMin) !== null && _c !== void 0 ? _c : min;
+                      var selectedMax = (_d = filter.selectedMax) !== null && _d !== void 0 ? _d : max;
+                      return React__default.createElement(MultiRangeFilter, {
+                        min: min,
+                        max: max,
+                        selectedMin: selectedMin,
+                        selectedMax: selectedMax,
+                        valueFormatter: function (value) {
+                          return ''.concat(value);
+                        },
+                        onChange: function (newMin, newMax) {
+                          handleSliderChange(filter, newMin, newMax);
+                        }
+                      });
+                    })()
+                );
+              })
+            )
+          )
+    )
+  );
+};
+
+var PackageingFlightsFlyIn = function (_a) {
+  var _b;
+  _a.isOpen;
+  _a.setIsOpen;
+  var context = useContext(SearchResultsConfigurationContext);
+  var language = (_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB';
+  var translations = getTranslations(language);
+  var dispatch = useDispatch();
+  var _c = useSelector(function (state) {
+      return state.searchResults;
+    }),
+    flightsLoading = _c.flightsLoading,
+    initialFlightFilters = _c.initialFlightFilters,
+    flightFilters = _c.flightFilters,
+    flyInType = _c.flyInType,
+    selectedFlightSortType = _c.selectedFlightSortType;
+  var uniqueOutwardFlights = useSelector(selectUniqueOutwardFlights);
+  var uniqueReturnFlights = useSelector(selectUniqueReturnFlights);
+  var selectedOutward = useSelector(selectSelectedOutward);
+  var selectedReturn = useSelector(selectSelectedReturn);
+  var _d = useState(false),
+    outwardStepComplete = _d[0],
+    setOutwardStepComplete = _d[1];
+  var handleConfirm = function () {
+    if (!outwardStepComplete) {
+      setOutwardStepComplete(true);
+      dispatch(setFlyInType('flight-return-results'));
+      return;
+    } else {
+      dispatch(setFlyInType(null));
+      setOutwardStepComplete(false);
+      dispatch(setFlyInIsOpen(false));
+    }
+  };
+  var sortByTypes = [
+    { direction: 'asc', label: 'default' },
+    { direction: 'asc', label: 'price' },
+    { direction: 'desc', label: 'price' },
+    { direction: 'asc', label: 'departureTime' },
+    { direction: 'desc', label: 'departureTime' },
+    { direction: 'asc', label: 'durationInTicks' },
+    { direction: 'desc', label: 'durationInTicks' }
+  ];
+  var handleSortChange = function (newSortKey, direction) {
+    if (sortByTypes === undefined) return;
+    var newSortByType = findSortByType(sortByTypes, newSortKey, direction !== null && direction !== void 0 ? direction : 'asc');
+    if (newSortByType) {
+      dispatch(setFlightSortType(newSortByType));
+    }
+  };
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'div',
+      { className: 'flyin__content flyin__content--columns' },
+      flightsLoading
+        ? React__default.createElement(Spinner, null)
+        : React__default.createElement(
+            React__default.Fragment,
+            null,
+            React__default.createElement(Filters, {
+              initialFilters: initialFlightFilters,
+              filters: flightFilters,
+              isOpen: false,
+              handleSetIsOpen: function () {},
+              // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
+              isLoading: flightsLoading,
+              setFilters: function (filters) {
+                return dispatch(setFlightFilters(filters));
+              },
+              resetFilters: function (filters) {
+                return dispatch(resetFlightFilters(filters));
+              }
+            }),
+            React__default.createElement(
+              'div',
+              { className: 'search__results__wrapper' },
+              React__default.createElement(
+                'div',
+                { className: 'search__result-row' },
+                React__default.createElement(
+                  'span',
+                  { className: 'search__result-row-text' },
+                  (uniqueOutwardFlights === null || uniqueOutwardFlights === void 0 ? void 0 : uniqueOutwardFlights.length) && uniqueOutwardFlights.length,
+                  '\u00A0',
+                  translations.FLIGHTS_FORM.FLIGHTS_FOUND_2,
+                  '\u00A0',
+                  translations.FLIGHTS_FORM.FLIGHTS_FOUND_3
+                ),
+                sortByTypes &&
+                  sortByTypes.length > 0 &&
+                  React__default.createElement(
+                    'div',
+                    { className: 'search__result-row-filter' },
+                    React__default.createElement(ItemPicker, {
+                      items: sortByTypes,
+                      selection: (selectedFlightSortType === null || selectedFlightSortType === void 0 ? void 0 : selectedFlightSortType.label) || undefined,
+                      selectedSortByType: selectedFlightSortType || undefined,
+                      label: translations.SRP.SORTBY,
+                      placeholder: translations.SRP.SORTBY,
+                      classModifier: '',
+                      valueFormatter: function (value, direction) {
+                        return getSortingName(translations, findSortByType(sortByTypes, value, direction !== null && direction !== void 0 ? direction : 'asc'));
+                      },
+                      // onPick={handleSortChange}
+                      onPick: function (newSortKey, direction) {
+                        return handleSortChange(newSortKey, direction);
+                      }
+                    })
+                  )
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'search__results__cards search__results__cards--extended' },
+                flyInType == 'flight-outward-results' &&
+                  uniqueOutwardFlights.map(function (result) {
+                    return React__default.createElement(IndependentFlightOption, {
+                      key: 'flight-'.concat(result.outwardGuid),
+                      item: result.outward,
+                      onSelect: function () {
+                        return dispatch(setSelectedOutwardKey(getFlightKey(result.outward.segments)));
+                      },
+                      guid: result.outwardGuid,
+                      isOutward: true,
+                      price: result.price,
+                      currentSelectedPrice: selectedOutward === null || selectedOutward === void 0 ? void 0 : selectedOutward.price,
+                      selectedGuid: selectedOutward === null || selectedOutward === void 0 ? void 0 : selectedOutward.outwardGuid,
+                      showSelectedState: true
+                    });
+                  }),
+                flyInType == 'flight-return-results' &&
+                  uniqueReturnFlights.map(function (result) {
+                    return React__default.createElement(IndependentFlightOption, {
+                      key: 'flight-'.concat(result.outwardGuid),
+                      item: result.return,
+                      onSelect: function () {
+                        return dispatch(setSelectedReturnKey(getFlightKey(result.return.segments)));
+                      },
+                      guid: result.outwardGuid,
+                      isOutward: false,
+                      price: result.price,
+                      currentSelectedPrice: selectedReturn === null || selectedReturn === void 0 ? void 0 : selectedReturn.price,
+                      selectedGuid: selectedReturn === null || selectedReturn === void 0 ? void 0 : selectedReturn.outwardGuid,
+                      showSelectedState: true
+                    });
+                  })
+              )
+            )
+          )
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'flyin__footer' },
+      React__default.createElement('div', { className: 'flyin__footer__price' }),
+      React__default.createElement(
+        'div',
+        { className: 'flyin__button-wrapper' },
+        React__default.createElement(
+          'button',
+          {
+            className: 'cta cta--select',
+            onClick: function () {
+              return handleConfirm();
+            }
+          },
+          translations.QSM.CONFIRM
+        )
+      )
+    )
+  );
+};
+
+var ExcursionResults = function (_a) {
+  var _b;
+  _a.isFlyIn;
+  var activeSearchSeed = _a.activeSearchSeed;
+  var context = useContext(SearchResultsConfigurationContext);
+  var dispatch = useDispatch();
+  var _c = useState(false),
+    isLoading = _c[0],
+    setIsLoading = _c[1];
+  var _d = useState(null),
+    excursions = _d[0],
+    setExcursions = _d[1];
+  var _e = useSelector(function (state) {
+      return state.searchResults;
+    }),
+    flyInIsOpen = _e.flyInIsOpen,
+    flyInType = _e.flyInType,
+    excursionSearchParams = _e.excursionSearchParams,
+    transactionId = _e.transactionId;
+  useEffect(
+    function () {
+      if (!context || !activeSearchSeed || !excursionSearchParams) return;
+      (function () {
+        return __awaiter(void 0, void 0, void 0, function () {
+          var config, destination, allPax, searchRequest, packageExcursionSearchResults, err_1;
+          var _a, _b, _c, _d, _e;
+          return __generator(this, function (_f) {
+            switch (_f.label) {
+              case 0:
+                _f.trys.push([0, 2, 3, 4]);
+                setIsLoading(true);
+                console.log('Excursion search params changed, fetching excursions...', excursionSearchParams);
+                config = {
+                  host: context.tideConnection.host,
+                  apiKey: context.tideConnection.apiKey
+                };
+                destination = excursionSearchParams.locationId
+                  ? { id: Number(excursionSearchParams.locationId), type: 'location' }
+                  : excursionSearchParams.oordId
+                  ? { id: Number(excursionSearchParams.oordId), type: 'oord' }
+                  : excursionSearchParams.regionId
+                  ? { id: Number(excursionSearchParams.regionId), type: 'region' }
+                  : excursionSearchParams.countryId
+                  ? { id: Number(excursionSearchParams.countryId), type: 'country' }
+                  : { id: 0, type: null };
+                allPax = activeSearchSeed.rooms.flatMap(function (room) {
+                  return room.pax;
+                });
+                searchRequest = {
+                  transactionId: transactionId !== null && transactionId !== void 0 ? transactionId : '',
+                  officeId: (_a = context.tideConnection.officeId) !== null && _a !== void 0 ? _a : 1,
+                  agentId: (_b = context.agentId) !== null && _b !== void 0 ? _b : null,
+                  portalId: (_c = context.portalId) !== null && _c !== void 0 ? _c : null,
+                  catalogueId: (_d = context.searchConfiguration.defaultCatalogueId) !== null && _d !== void 0 ? _d : 0,
+                  searchConfigurationId: context.searchConfiguration.id,
+                  language: (_e = context.languageCode) !== null && _e !== void 0 ? _e : 'en-GB',
+                  serviceType: EXCURSION_SERVICE_TYPE,
+                  fromDate: excursionSearchParams.fromDate,
+                  toDate: excursionSearchParams.toDate,
+                  destination: {
+                    id: destination.id,
+                    isCountry: destination.type === 'country',
+                    isRegion: destination.type === 'region',
+                    isOord: destination.type === 'oord',
+                    isLocation: destination.type === 'location',
+                    isAirport: false,
+                    code: ''
+                  },
+                  productCode: '',
+                  // rooms: activeSearchSeed.rooms.map((room) => ({
+                  //   travellers: room.pax.map((pax) => ({
+                  //     id: pax.id,
+                  //     age: pax.age,
+                  //     dateOfBirth: pax.dateOfBirth
+                  //   }))
+                  // })),
+                  rooms: [
+                    {
+                      travellers: allPax.map(function (pax) {
+                        return {
+                          id: pax.id,
+                          age: pax.age,
+                          dateOfBirth: pax.dateOfBirth
+                        };
+                      })
+                    }
+                  ],
+                  tagIds: []
+                };
+                return [4 /*yield*/, build.searchPackagingExcursions(config, searchRequest)];
+              case 1:
+                packageExcursionSearchResults = _f.sent();
+                console.log('Excursion search results', packageExcursionSearchResults);
+                setExcursions(packageExcursionSearchResults);
+                return [3 /*break*/, 4];
+              case 2:
+                err_1 = _f.sent();
+                console.error('Excursion search failed', err_1);
+                return [3 /*break*/, 4];
+              case 3:
+                setIsLoading(false);
+                return [7 /*endfinally*/];
+              case 4:
+                return [2 /*return*/];
+            }
+          });
+        });
+      })();
+    },
+    [context, activeSearchSeed, excursionSearchParams, transactionId]
+  );
+  if (!context || !activeSearchSeed) {
+    return null;
+  }
+  if (!flyInIsOpen || flyInType !== 'excursion-results') {
+    return null;
+  }
+  var translations = getTranslations((_b = context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
+  var handleChange = function (excursion) {
+    console.log('Selected excursion', excursion);
+    dispatch(setFlyInType('excursion-details'));
+    dispatch(setSelectedExcursionSearchResult(excursion));
+  };
+  return isLoading
+    ? React__default.createElement(Spinner, null)
+    : React__default.createElement(
+        'div',
+        { className: 'flyin__content flyin__content--columns' },
+        React__default.createElement(
+          'div',
+          { className: 'search__results__wrapper' },
+          React__default.createElement(
+            'div',
+            { className: 'search__result-row' },
+            React__default.createElement(
+              'span',
+              { className: 'search__result-row-text' },
+              !isLoading &&
+                React__default.createElement(
+                  React__default.Fragment,
+                  null,
+                  (excursions === null || excursions === void 0 ? void 0 : excursions.length) && excursions.length,
+                  '\u00A0',
+                  translations.SRP.TOTAL_RESULTS_LABEL
+                )
+            )
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'search__results__cards search__results__cards--compact' },
+            excursions &&
+              excursions.length > 0 &&
+              excursions.map(function (excursion) {
+                return React__default.createElement(
+                  'div',
+                  {
+                    key: excursion.code,
+                    className: 'search__result-card__wrapper search__result-card__wrapper--custom',
+                    onMouseEnter: function (e) {
+                      return (e.currentTarget.style.transform = 'scale(1.02)');
+                    },
+                    onMouseLeave: function (e) {
+                      return (e.currentTarget.style.transform = 'scale(1)');
+                    }
+                  },
+                  excursion.contents
+                    ? React__default.createElement('div', { dangerouslySetInnerHTML: { __html: he.decode(excursion.contents) } })
+                    : 'no contents',
+                  React__default.createElement(
+                    'div',
+                    { className: 'search__result-card__footer' },
+                    React__default.createElement(
+                      'button',
+                      {
+                        type: 'button',
+                        className: 'cta cta--select',
+                        onClick: function () {
+                          return handleChange(excursion);
+                        }
+                      },
+                      translations === null || translations === void 0 ? void 0 : translations.SHARED.SELECT
+                    )
+                  )
+                );
+              })
+          )
+        )
+      );
+};
+
+var formatPrice = function (price, currencyCode) {
+  if (typeof price !== 'number') return '';
+  return new Intl.NumberFormat('nl-BE', {
+    style: 'currency',
+    currency: currencyCode !== null && currencyCode !== void 0 ? currencyCode : 'EUR'
+  }).format(price);
+};
+var getExcursionDayKey = function (date) {
+  var parsed = typeof date === 'string' ? parseISO(date) : date;
+  return format$1(parsed, 'yyyy-MM-dd');
+};
+var getOptionPaxIds = function (option) {
+  return Array.isArray(option.paxIds)
+    ? Array.from(new Set(option.paxIds)).sort(function (a, b) {
+        return a - b;
+      })
+    : [];
+};
+var optionAppliesToPax = function (option, paxId) {
+  return getOptionPaxIds(option).includes(paxId);
+};
+var optionAppliesToAllTravellers = function (option, travellerCount) {
+  var paxIds = getOptionPaxIds(option);
+  var expected = Array.from({ length: travellerCount }, function (_, i) {
+    return i;
+  });
+  return (
+    paxIds.length === expected.length &&
+    paxIds.every(function (id, index) {
+      return id === expected[index];
+    })
+  );
+};
+var groupOptionsByExcursion = function (options) {
+  var groupedMap = new Map();
+  options.forEach(function (option) {
+    var key = option.accommodationCode;
+    if (!groupedMap.has(key)) {
+      groupedMap.set(key, {
+        accommodationCode: option.accommodationCode,
+        accommodationName: option.accommodationName,
+        options: []
+      });
+    }
+    groupedMap.get(key).options.push(option);
+  });
+  return Array.from(groupedMap.values());
+};
+var ExcursionDetails = function () {
+  var _a;
+  var context = useContext(SearchResultsConfigurationContext);
+  var dispatch = useDispatch();
+  var _b = useSelector(function (state) {
+      return state.searchResults;
+    }),
+    selectedExcursionSearchResult = _b.selectedExcursionSearchResult,
+    editablePackagingEntry = _b.editablePackagingEntry,
+    excursionSearchParams = _b.excursionSearchParams;
+  if (
+    !context ||
+    !selectedExcursionSearchResult ||
+    !editablePackagingEntry ||
+    !(excursionSearchParams === null || excursionSearchParams === void 0 ? void 0 : excursionSearchParams.date)
+  ) {
+    return null;
+  }
+  var translations = getTranslations((_a = context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB');
+  var travellerCount = editablePackagingEntry.pax.length;
+  var allOptions = useMemo(
+    function () {
+      return selectedExcursionSearchResult.rooms.flatMap(function (room) {
+        var _a;
+        return (_a = room.options) !== null && _a !== void 0 ? _a : [];
+      });
+    },
+    [selectedExcursionSearchResult]
+  );
+  var sharedOptions = useMemo(
+    function () {
+      return allOptions.filter(function (option) {
+        return optionAppliesToAllTravellers(option, travellerCount);
+      });
+    },
+    [allOptions, travellerCount]
+  );
+  var sharedExcursions = useMemo(
+    function () {
+      return groupOptionsByExcursion(sharedOptions);
+    },
+    [sharedOptions]
+  );
+  var paxGroups = useMemo(
+    function () {
+      return editablePackagingEntry.pax.map(function (pax) {
+        var paxOptions = allOptions.filter(function (option) {
+          return optionAppliesToPax(option, pax.id) && !optionAppliesToAllTravellers(option, travellerCount);
+        });
+        return {
+          pax: pax,
+          paxId: pax.id,
+          excursions: groupOptionsByExcursion(paxOptions)
+        };
+      });
+    },
+    [editablePackagingEntry.pax, allOptions, travellerCount]
+  );
+  var getSelectedSharedOption = function () {
+    return sharedOptions.find(function (option) {
+      return option.isSelected;
+    });
+  };
+  var getSelectedSharedOptionForExcursion = function (accommodationCode) {
+    return sharedOptions.find(function (option) {
+      return option.accommodationCode === accommodationCode && option.isSelected;
+    });
+  };
+  var getSelectedOptionForPax = function (paxId) {
+    return allOptions.find(function (option) {
+      return optionAppliesToPax(option, paxId) && !optionAppliesToAllTravellers(option, travellerCount) && option.isSelected;
+    });
+  };
+  var getSelectedOptionForExcursion = function (paxId, accommodationCode) {
+    return allOptions.find(function (option) {
+      return (
+        optionAppliesToPax(option, paxId) &&
+        !optionAppliesToAllTravellers(option, travellerCount) &&
+        option.accommodationCode === accommodationCode &&
+        option.isSelected
+      );
+    });
+  };
+  var handlePick = function (selectedGuid, paxId) {
+    var updatedExcursionSearchResult = __assign(__assign({}, selectedExcursionSearchResult), {
+      rooms: selectedExcursionSearchResult.rooms.map(function (room) {
+        return __assign(__assign({}, room), {
+          options: room.options.map(function (option) {
+            var isSharedOption = optionAppliesToAllTravellers(option, travellerCount);
+            if (paxId === undefined) {
+              if (!isSharedOption) {
+                return option;
+              }
+              return __assign(__assign({}, option), { isSelected: option.guid === selectedGuid });
+            }
+            if (isSharedOption || !optionAppliesToPax(option, paxId)) {
+              return option;
+            }
+            return __assign(__assign({}, option), { isSelected: option.guid === selectedGuid });
+          })
+        });
+      })
+    });
+    dispatch(setSelectedExcursionSearchResult(updatedExcursionSearchResult));
+  };
+  var calculateTotalPrice = function () {
+    var selectedOptions = allOptions.filter(function (option) {
+      return option.isSelected;
+    });
+    var totalPrice = selectedOptions.reduce(function (total, option) {
+      return total + (option.price || 0);
+    }, 0);
+    return formatPrice(totalPrice, selectedExcursionSearchResult.currencyCode);
+  };
+  var getSharedPriceDifference = function (accommodationCode) {
+    var currentSelectedShared = getSelectedSharedOption();
+    var targetPrice = 0;
+    var selectedOption = getSelectedSharedOptionForExcursion(accommodationCode);
+    if (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.price) {
+      targetPrice = selectedOption.price;
+    } else {
+      var firstOption = sharedOptions.find(function (option) {
+        return option.accommodationCode === accommodationCode;
+      });
+      targetPrice = (firstOption === null || firstOption === void 0 ? void 0 : firstOption.price) || 0;
+    }
+    return targetPrice - ((currentSelectedShared === null || currentSelectedShared === void 0 ? void 0 : currentSelectedShared.price) || 0);
+  };
+  var getPriceDifference = function (currentSelectedPrice, paxId, accommodationCode) {
+    var targetPrice = 0;
+    var selectedOption = getSelectedOptionForExcursion(paxId, accommodationCode);
+    if (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.price) {
+      targetPrice = selectedOption.price;
+    } else {
+      var firstOption = allOptions.find(function (option) {
+        return optionAppliesToPax(option, paxId) && !optionAppliesToAllTravellers(option, travellerCount) && option.accommodationCode === accommodationCode;
+      });
+      targetPrice = (firstOption === null || firstOption === void 0 ? void 0 : firstOption.price) || 0;
+    }
+    return targetPrice - (currentSelectedPrice || 0);
+  };
+  var formatPriceDifference = function (difference, currencyCode) {
+    if (difference === 0) {
+      return null;
+    }
+    var formattedAbsoluteValue = formatPrice(Math.abs(difference), currencyCode);
+    return ''.concat(difference > 0 ? '+' : '-', ' ').concat(formattedAbsoluteValue);
+  };
+  var getPriceDifferenceClassName = function (difference) {
+    if (difference < 0) {
+      return 'flyin__acco__price flyin__acco__price--decrease';
+    }
+    if (difference > 0) {
+      return 'flyin__acco__price flyin__acco__price--increase';
+    }
+    return 'flyin__acco__price';
+  };
+  var handleConfirm = function () {
+    var dayKey = getExcursionDayKey(excursionSearchParams.date);
+    dispatch(
+      confirmExcursionForDay({
+        dayKey: dayKey,
+        excursion: selectedExcursionSearchResult
+      })
+    );
+    dispatch(setFlyInIsOpen(false));
+  };
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'div',
+      { className: 'flyin__content' },
+      sharedExcursions.length > 0 &&
+        React__default.createElement(
+          'div',
+          { className: 'flyin__acco' },
+          React__default.createElement('h3', { className: 'flyin__acco__room-title' }, translations.QSM.ALL_TRAVELERS),
+          React__default.createElement(
+            'div',
+            { className: 'flyin__acco__cards' },
+            sharedExcursions.map(function (excursion) {
+              var selectedOption = getSelectedSharedOptionForExcursion(excursion.accommodationCode);
+              var priceDifference = getSharedPriceDifference(excursion.accommodationCode);
+              return React__default.createElement(
+                'div',
+                { className: 'flyin__acco__card', key: 'all-'.concat(excursion.accommodationCode) },
+                React__default.createElement(
+                  'div',
+                  { className: 'flyin__acco__content' },
+                  React__default.createElement('h4', { className: 'flyin__acco__title' }, excursion.accommodationName)
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'flyin__acco__footer' },
+                  React__default.createElement(
+                    'div',
+                    { className: 'flyin__acco__footer__actions' },
+                    React__default.createElement(
+                      'button',
+                      {
+                        className: selectedOption ? 'cta cta--select cta--selected' : 'cta cta--select',
+                        onClick: function () {
+                          var _a;
+                          return handlePick(
+                            selectedOption ? selectedOption.guid : (_a = first(excursion.options)) === null || _a === void 0 ? void 0 : _a.guid
+                          );
+                        }
+                      },
+                      selectedOption
+                        ? translations === null || translations === void 0
+                          ? void 0
+                          : translations.SHARED.SELECTED
+                        : translations === null || translations === void 0
+                        ? void 0
+                        : translations.SHARED.SELECT
+                    ),
+                    React__default.createElement(
+                      'div',
+                      { className: 'flyin__acco__price__wrapper' },
+                      React__default.createElement(
+                        'span',
+                        { className: getPriceDifferenceClassName(priceDifference) },
+                        formatPriceDifference(priceDifference, selectedExcursionSearchResult.currencyCode)
+                      )
+                    )
+                  )
+                )
+              );
+            })
+          )
+        ),
+      paxGroups.map(function (_a) {
+        var pax = _a.pax,
+          paxId = _a.paxId,
+          excursions = _a.excursions;
+        if (excursions.length === 0) {
+          return null;
+        }
+        var selectedPaxOption = getSelectedOptionForPax(paxId);
+        return React__default.createElement(
+          'div',
+          { className: 'flyin__acco', key: 'pax-'.concat(pax.id) },
+          React__default.createElement('h3', { className: 'flyin__acco__room-title' }, translations.SUMMARY.TRAVELER, ' ', pax.id + 1),
+          React__default.createElement(
+            'div',
+            { className: 'flyin__acco__cards' },
+            excursions.map(function (excursion) {
+              var selectedOption = getSelectedOptionForExcursion(paxId, excursion.accommodationCode);
+              var priceDifference = getPriceDifference(
+                selectedPaxOption === null || selectedPaxOption === void 0 ? void 0 : selectedPaxOption.price,
+                paxId,
+                excursion.accommodationCode
+              );
+              return React__default.createElement(
+                'div',
+                { className: 'flyin__acco__card', key: ''.concat(pax.id, '-').concat(excursion.accommodationCode) },
+                React__default.createElement(
+                  'div',
+                  { className: 'flyin__acco__content' },
+                  React__default.createElement('h4', { className: 'flyin__acco__title' }, excursion.accommodationName)
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'flyin__acco__footer' },
+                  React__default.createElement(
+                    'div',
+                    { className: 'flyin__acco__footer__actions' },
+                    React__default.createElement(
+                      'button',
+                      {
+                        className:
+                          (selectedPaxOption === null || selectedPaxOption === void 0 ? void 0 : selectedPaxOption.accommodationCode) ===
+                          excursion.accommodationCode
+                            ? 'cta cta--select cta--selected'
+                            : 'cta cta--select',
+                        onClick: function () {
+                          var _a;
+                          return handlePick(
+                            selectedOption ? selectedOption.guid : (_a = first(excursion.options)) === null || _a === void 0 ? void 0 : _a.guid,
+                            paxId
+                          );
+                        }
+                      },
+                      (selectedPaxOption === null || selectedPaxOption === void 0 ? void 0 : selectedPaxOption.accommodationCode) ===
+                        excursion.accommodationCode
+                        ? translations === null || translations === void 0
+                          ? void 0
+                          : translations.SHARED.SELECTED
+                        : translations === null || translations === void 0
+                        ? void 0
+                        : translations.SHARED.SELECT
+                    ),
+                    React__default.createElement(
+                      'div',
+                      { className: 'flyin__acco__price__wrapper' },
+                      React__default.createElement(
+                        'span',
+                        { className: getPriceDifferenceClassName(priceDifference) },
+                        formatPriceDifference(priceDifference, selectedExcursionSearchResult.currencyCode)
+                      )
+                    )
+                  )
+                )
+              );
+            })
+          )
+        );
+      })
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'flyin__footer' },
+      React__default.createElement('div', { className: 'flyin__footer__price' }, translations.SHARED.TOTAL_PRICE, ': ', calculateTotalPrice()),
+      React__default.createElement(
+        'button',
+        { type: 'button', className: 'cta cta--primary', onClick: handleConfirm },
+        translations === null || translations === void 0 ? void 0 : translations.QSM.CONFIRM
+      )
+    )
+  );
+};
+
+var FlyIn = function (_a) {
+  var _b;
+  var srpType = _a.srpType,
+    isOpen = _a.isOpen,
+    setIsOpen = _a.setIsOpen,
+    _c = _a.className,
+    className = _c === void 0 ? '' : _c,
+    onPanelRef = _a.onPanelRef,
+    detailsLoading = _a.detailsLoading,
+    flyInType = _a.flyInType,
+    isPackageEditFlow = _a.isPackageEditFlow,
+    handleConfirm = _a.handleConfirm,
+    sortByTypes = _a.sortByTypes,
+    activeSearchSeed = _a.activeSearchSeed;
+  var dispatch = useDispatch();
+  var context = useContext(SearchResultsConfigurationContext);
+  var language = (_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB';
+  var translations = getTranslations(language);
+  var _d = useSelector(function (state) {
+      return state.searchResults;
+    }),
+    isLoading = _d.isLoading,
+    initialFilters = _d.initialFilters,
+    filters = _d.filters,
+    filteredPackagingAccoResults = _d.filteredPackagingAccoResults,
+    selectedSortType = _d.selectedSortType;
+  var onCancelSearch = useFlightSearch().onCancelSearch;
+  var panelRef = useRef(null);
+  // expose DOM node if needed
+  useEffect(
+    function () {
+      onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(panelRef.current);
+      return function () {
+        return onPanelRef === null || onPanelRef === void 0 ? void 0 : onPanelRef(null);
+      };
+    },
+    [onPanelRef]
+  );
+  useEffect(
+    function () {
+      // click outside detection
+      var handleClickOutside = function (event) {
+        if (isOpen && panelRef.current && !panelRef.current.contains(event.target)) {
+          handleClose();
+        }
+      };
+      document.addEventListener('mousedown', handleClickOutside);
+      return function () {
+        return document.removeEventListener('mousedown', handleClickOutside);
+      };
+    },
+    [isOpen, setIsOpen]
+  );
+  // body scroll lock
+  useEffect(
+    function () {
+      document.body.style.overflow = isOpen ? 'hidden' : '';
+      return function () {
+        document.body.style.overflow = '';
+      };
+    },
+    [isOpen]
+  );
+  var handleClose = function () {
+    if (isOpen && panelRef.current) {
+      if (srpType === build.PortalQsmType.Flight) {
+        dispatch(setSelectedFlight(null));
+        dispatch(setSelectedFlightDetails(null));
+        onCancelSearch();
+      } else {
+        dispatch(setSelectedSearchResult(null));
+      }
+      dispatch(setFlyInType('acco-details'));
+      setIsOpen(false);
+    }
+  };
+  var handleGoBack = function () {
+    if (flyInType === 'acco-details') {
+      dispatch(setFlyInType('acco-results'));
+    } else if (flyInType === 'excursion-details') {
+      dispatch(setFlyInType('excursion-results'));
+    }
+  };
+  var handleSortChange = function (newSortKey, direction) {
+    if (sortByTypes === undefined) return;
+    var newSortByType = findSortByType(sortByTypes, newSortKey, direction !== null && direction !== void 0 ? direction : 'asc');
+    if (newSortByType) {
+      dispatch(setSortType(newSortByType));
+    }
+  };
+  return React__default.createElement(
+    'div',
+    {
+      className: 'flyin '
+        .concat(isOpen ? 'flyin--active' : '', ' ')
+        .concat(className, ' ')
+        .concat(
+          isPackageEditFlow || flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' || flyInType === 'acco-results'
+            ? 'flyin--large'
+            : ''
+        )
+    },
+    React__default.createElement(
+      'div',
+      { className: 'flyin__panel '.concat(isOpen ? 'flyin__panel--active' : ''), ref: panelRef },
+      React__default.createElement(
+        'div',
+        { className: 'flyin__content' },
+        React__default.createElement(
+          'div',
+          { className: 'flyin__content-title-row' },
+          React__default.createElement(
+            'h3',
+            { className: 'flyin__content-title' },
+            srpType === build.PortalQsmType.Flight && 'Select your fare',
+            srpType === build.PortalQsmType.Accommodation ||
+              (srpType === build.PortalQsmType.AccommodationAndFlight &&
+                (flyInType === 'acco-results' || flyInType === 'acco-details') &&
+                ''.concat(translations.SRP.SELECT, ' ').concat(translations.SRP.ACCOMMODATION)),
+            srpType === build.PortalQsmType.AccommodationAndFlight &&
+              flyInType === 'flight-outward-results' &&
+              ''.concat(translations.SRP.SELECT, ' ').concat(translations.FLIGHTS_FORM.OUTWARD_FLIGHT),
+            srpType === build.PortalQsmType.AccommodationAndFlight &&
+              flyInType === 'flight-return-results' &&
+              ''.concat(translations.SRP.SELECT, ' ').concat(translations.FLIGHTS_FORM.RETURN_FLIGHT),
+            srpType === build.PortalQsmType.AccommodationAndFlight && flyInType === 'flight-details' && 'Select your fare',
+            flyInType === 'excursion-results' || (flyInType === 'excursion-details' && 'Select excursion')
+          ),
+          React__default.createElement(
+            'span',
+            {
+              className: 'flyin__close',
+              onClick: function () {
+                return handleClose();
+              }
+            },
+            React__default.createElement(Icon, { name: 'ui-close', width: 30, height: 30, 'aria-hidden': 'true' })
+          )
+        ),
+        ((isPackageEditFlow && flyInType === 'acco-details') || flyInType === 'excursion-details') &&
+          React__default.createElement(
+            'div',
+            { className: 'flyin__content-title-row' },
+            React__default.createElement(
               'div',
               { onClick: handleGoBack, className: 'flyin__content-title__back' },
               React__default.createElement(Icon, { name: 'ui-chevron', width: 14, height: 14, 'aria-hidden': 'true' }),
@@ -43702,15 +45365,77 @@ var FlyIn = function (_a) {
       ),
       srpType === build.PortalQsmType.Flight && React__default.createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
       (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) &&
-        accommodationStep === 'results' &&
+        flyInType === 'acco-results' &&
         React__default.createElement(
           'div',
-          { className: 'flyin__content' },
-          React__default.createElement(HotelAccommodationResults, { isLoading: detailsLoading })
+          { className: 'flyin__content flyin__content--columns' },
+          React__default.createElement(Filters, {
+            initialFilters: initialFilters,
+            filters: filters,
+            isOpen: false,
+            handleSetIsOpen: function () {},
+            // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
+            isLoading: isLoading,
+            setFilters: function (filters) {
+              return dispatch(setFilters(filters));
+            },
+            resetFilters: function (filters) {
+              return dispatch(resetFilters(filters));
+            }
+          }),
+          React__default.createElement(
+            'div',
+            { className: 'search__results__wrapper' },
+            React__default.createElement(
+              'div',
+              { className: 'search__result-row' },
+              React__default.createElement(
+                'span',
+                { className: 'search__result-row-text' },
+                !isLoading &&
+                  React__default.createElement(
+                    React__default.Fragment,
+                    null,
+                    (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length) &&
+                      filteredPackagingAccoResults.length,
+                    '\u00A0',
+                    translations.SRP.TOTAL_RESULTS_LABEL
+                  )
+              ),
+              sortByTypes &&
+                sortByTypes.length > 0 &&
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-row-filter' },
+                  React__default.createElement(ItemPicker, {
+                    items: sortByTypes,
+                    selection: (selectedSortType === null || selectedSortType === void 0 ? void 0 : selectedSortType.label) || undefined,
+                    selectedSortByType: selectedSortType,
+                    label: translations.SRP.SORTBY,
+                    placeholder: translations.SRP.SORTBY,
+                    classModifier: 'travel-class-picker__items',
+                    valueFormatter: function (value, direction) {
+                      return getSortingName(translations, findSortByType(sortByTypes, value, direction !== null && direction !== void 0 ? direction : 'asc'));
+                    },
+                    onPick: function (newSortKey, direction) {
+                      return handleSortChange(newSortKey, direction);
+                    }
+                  })
+                )
+            ),
+            React__default.createElement(HotelAccommodationResults, { isLoading: detailsLoading, isFlyIn: true })
+          )
         ),
       (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) &&
-        accommodationStep === 'details' &&
+        flyInType === 'acco-details' &&
         React__default.createElement(AccommodationFlyIn, { isLoading: detailsLoading, handleConfirm: handleConfirm }),
+      srpType === build.PortalQsmType.AccommodationAndFlight &&
+        (flyInType === 'flight-outward-results' || flyInType === 'flight-return-results') &&
+        React__default.createElement(PackageingFlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
+      srpType === build.PortalQsmType.AccommodationAndFlight &&
+        flyInType === 'excursion-results' &&
+        React__default.createElement(ExcursionResults, { isFlyIn: true, activeSearchSeed: activeSearchSeed }),
+      srpType === build.PortalQsmType.AccommodationAndFlight && flyInType === 'excursion-details' && React__default.createElement(ExcursionDetails, null),
       srpType === build.PortalQsmType.GroupTour &&
         React__default.createElement(GroupTourFlyIn, { isLoading: detailsLoading, isOpen: isOpen, setIsOpen: setIsOpen })
     )
@@ -44057,7 +45782,7 @@ var PairedFlightOption = function (_a) {
                   React__default.createElement(
                     'span',
                     { className: 'price' },
-                    formatPrice$2(
+                    formatPrice$3(
                       item.price,
                       'EUR',
                       (_c = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _c !== void 0 ? _c : 'en-GB'
@@ -44448,258 +46173,6 @@ var PairedFlightSelection = function (_a) {
   );
 };
 
-var IndependentFlightOption = function (_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  var item = _a.item,
-    onSelect = _a.onSelect,
-    guid = _a.guid,
-    selectedGuid = _a.selectedGuid,
-    isOutward = _a.isOutward,
-    showSelectedState = _a.showSelectedState,
-    currentSelectedPrice = _a.currentSelectedPrice,
-    price = _a.price;
-  var context = useContext(SearchResultsConfigurationContext);
-  var language = (_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB';
-  var translations = getTranslations(language);
-  var _p = useState(false),
-    detailsOpen = _p[0],
-    setDetailsOpen = _p[1];
-  var priceDifference = price && currentSelectedPrice ? price - currentSelectedPrice : null;
-  return React__default.createElement(
-    'div',
-    { className: 'search__result-card', key: 'flight-'.concat(item.code) },
-    React__default.createElement(
-      'div',
-      { className: 'flight '.concat(showSelectedState && selectedGuid === guid ? 'flight--selected' : '') },
-      React__default.createElement(
-        'div',
-        { className: 'flight__option' },
-        React__default.createElement(
-          'div',
-          { className: 'flight__content' },
-          React__default.createElement(
-            'div',
-            { className: 'flight__flights' },
-            React__default.createElement(
-              'div',
-              { className: 'flight__flight' },
-              React__default.createElement(
-                'div',
-                { className: 'flight__flight__header' },
-                React__default.createElement('div', { className: 'flight__status__container' }),
-                React__default.createElement(
-                  'div',
-                  { className: 'flight__price' },
-                  price != null &&
-                    price > 0 &&
-                    (isOutward
-                      ? React__default.createElement(
-                          'span',
-                          { className: 'price' },
-                          translations.QSM.ROUNDTRIP + ' ' + translations.SRP.PRICE,
-                          '\u00A0',
-                          formatPrice$2(
-                            price,
-                            'EUR',
-                            (_c = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _c !== void 0 ? _c : 'en-GB'
-                          )
-                        )
-                      : priceDifference != null &&
-                        Math.abs(priceDifference) > 0 &&
-                        React__default.createElement(
-                          'span',
-                          { className: 'price' },
-                          priceDifference > 0 ? '+' : '-',
-                          '\u00A0',
-                          formatPrice$2(
-                            Math.abs(priceDifference),
-                            'EUR',
-                            (_d = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _d !== void 0 ? _d : 'en-GB'
-                          )
-                        )),
-                  React__default.createElement(
-                    'button',
-                    {
-                      type: 'button',
-                      className: 'cta '.concat(selectedGuid === guid ? 'cta--selected' : 'cta--select'),
-                      onClick: function () {
-                        return onSelect === null || onSelect === void 0 ? void 0 : onSelect();
-                      }
-                    },
-                    selectedGuid === guid ? 'Selected' : 'Select'
-                  )
-                )
-              )
-            ),
-            React__default.createElement(
-              'div',
-              { className: 'flight__flight' },
-              React__default.createElement(
-                'div',
-                { className: 'flight__flight__container' },
-                React__default.createElement(
-                  'div',
-                  { className: 'flight__flight__wrapper' },
-                  React__default.createElement(
-                    'div',
-                    { className: 'flight__logo__wrapper' },
-                    React__default.createElement('img', {
-                      src: 'https://media.tidesoftware.be/media/shared/Airlines/'.concat(
-                        (_e = getDepartureSegment(item)) === null || _e === void 0 ? void 0 : _e.marketingAirlineCode,
-                        '.png?height=256'
-                      ),
-                      alt: '',
-                      className: 'flight__logo'
-                    }),
-                    React__default.createElement('span', null, (_f = getDepartureSegment(item)) === null || _f === void 0 ? void 0 : _f.marketingAirlineName)
-                  ),
-                  React__default.createElement(
-                    'div',
-                    { className: 'flight__info' },
-                    React__default.createElement(
-                      'div',
-                      { className: 'flight__info__times' },
-                      React__default.createElement(
-                        'strong',
-                        null,
-                        timeFromDateTime((_g = getDepartureSegment(item)) === null || _g === void 0 ? void 0 : _g.departureDateTime),
-                        ' ',
-                        (_h = getDepartureSegment(item)) === null || _h === void 0 ? void 0 : _h.departureAirportCode
-                      ),
-                      React__default.createElement(
-                        'p',
-                        null,
-                        longFormatDate((_j = getDepartureSegment(item)) === null || _j === void 0 ? void 0 : _j.departureDateTime, language)
-                      )
-                    ),
-                    React__default.createElement(
-                      'div',
-                      { className: 'flight__info__duration' },
-                      React__default.createElement('p', null, durationTicksInHoursString(item.durationInTicks)),
-                      React__default.createElement(
-                        'div',
-                        { className: 'flight__info__duration__stops' },
-                        React__default.createElement('div', { className: 'flight__info__duration__stop' })
-                      ),
-                      React__default.createElement(
-                        'span',
-                        null,
-                        getNumberOfStopsLabel(item, translations.SRP.DIRECT, translations.SRP.STOPS, translations.SRP.STOP)
-                      )
-                    ),
-                    React__default.createElement(
-                      'div',
-                      { className: 'flight__info__times flight__info__times--arrival' },
-                      React__default.createElement(
-                        'strong',
-                        null,
-                        timeFromDateTime((_k = getArrivalSegment(item)) === null || _k === void 0 ? void 0 : _k.arrivalDateTime),
-                        ' ',
-                        (_l = getArrivalSegment(item)) === null || _l === void 0 ? void 0 : _l.arrivalAirportCode
-                      ),
-                      React__default.createElement(
-                        'p',
-                        null,
-                        longFormatDate((_m = getArrivalSegment(item)) === null || _m === void 0 ? void 0 : _m.arrivalDateTime, language)
-                      )
-                    )
-                  )
-                ),
-                React__default.createElement(
-                  'div',
-                  { className: 'flight__detail__btn__wrapper' },
-                  React__default.createElement(
-                    'div',
-                    {
-                      className: 'flight__detail__btn '.concat(detailsOpen ? 'flight__detail__btn--active' : ''),
-                      onClick: function () {
-                        return setDetailsOpen(function (prev) {
-                          return !prev;
-                        });
-                      }
-                    },
-                    React__default.createElement(Icon$1, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
-                  )
-                )
-              ),
-              React__default.createElement(
-                'div',
-                { className: 'flight__detail '.concat(detailsOpen ? 'flight__detail--active' : '') },
-                (_o = getFlightSegments(item)) === null || _o === void 0
-                  ? void 0
-                  : _o.map(function (segment, index) {
-                      return React__default.createElement(
-                        React__default.Fragment,
-                        { key: 'outward-segment-'.concat(index, '-').concat(segment.flightNumber) },
-                        React__default.createElement(
-                          'div',
-                          { className: 'flight__info' },
-                          React__default.createElement(
-                            'div',
-                            { className: 'flight__info__times__wrapper' },
-                            React__default.createElement(
-                              'div',
-                              { className: 'flight__info__times' },
-                              React__default.createElement('p', null, timeFromDateTime(segment.departureDateTime)),
-                              React__default.createElement('strong', null, segment.departureAirportCode),
-                              React__default.createElement('p', null, longFormatDate(segment.departureDateTime, language))
-                            ),
-                            React__default.createElement('div', null, React__default.createElement(Icon$1, { name: 'ui-plane-depart', width: 30, height: 20 }))
-                          ),
-                          React__default.createElement(
-                            'div',
-                            { className: 'flight__info__duration' },
-                            React__default.createElement('p', null, durationTicksInHoursString(segment.durationInTicks)),
-                            React__default.createElement('div', { className: 'flight__info__duration__stops' }),
-                            React__default.createElement('span', null, segment.marketingAirlineName),
-                            React__default.createElement('strong', null, segment.operatingFlightNumber)
-                          ),
-                          React__default.createElement(
-                            'div',
-                            { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
-                            React__default.createElement('div', null, React__default.createElement(Icon$1, { name: 'ui-plane-arrive', width: 30, height: 20 })),
-                            React__default.createElement(
-                              'div',
-                              { className: 'flight__info__times flight__info__times--arrival' },
-                              React__default.createElement('p', null, timeFromDateTime(segment.arrivalDateTime)),
-                              React__default.createElement('strong', null, segment.arrivalAirportCode),
-                              React__default.createElement('p', null, longFormatDate(segment.arrivalDateTime, language))
-                            )
-                          )
-                        ),
-                        segment.transferTimeInTicks &&
-                          React__default.createElement(
-                            'div',
-                            { className: 'flight__info' },
-                            React__default.createElement('div', { className: 'flight__info__times' }),
-                            React__default.createElement(
-                              'div',
-                              { className: 'flight__info__duration flight__info__duration--waittime' },
-                              React__default.createElement(
-                                'div',
-                                { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
-                                React__default.createElement(Icon$1, { name: 'ui-clock', width: 24, height: 24 })
-                              ),
-                              React__default.createElement(
-                                'div',
-                                { className: 'flight__info__duration__stoptime' },
-                                React__default.createElement('span', null, 'Stop time'),
-                                React__default.createElement('strong', null, durationTicksInHoursString(segment.transferTimeInTicks))
-                              )
-                            ),
-                            React__default.createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
-                          )
-                      );
-                    })
-              )
-            )
-          )
-        )
-      )
-    )
-  );
-};
-
 var IndependentFlightSelection = function (_a) {
   var _b;
   var searchResults = _a.searchResults;
@@ -44883,116 +46356,6 @@ var FlightSelection = function (_a) {
     : React__default.createElement(IndependentFlightSelection, { searchResults: searchResults });
 };
 
-var MultiRangeFilter = function (_a) {
-  var min = _a.min,
-    max = _a.max,
-    selectedMin = _a.selectedMin,
-    selectedMax = _a.selectedMax,
-    valueFormatter = _a.valueFormatter,
-    onChange = _a.onChange;
-  var _b = useState(false),
-    isDragging = _b[0],
-    setIsDragging = _b[1];
-  var _c = useState(0),
-    leftPercentage = _c[0],
-    setLeftPercentage = _c[1];
-  var _d = useState(0),
-    rightPercentage = _d[0],
-    setRightPercentage = _d[1];
-  var _e = useState(selectedMin !== null && selectedMin !== void 0 ? selectedMin : min),
-    minVal = _e[0],
-    setMinVal = _e[1];
-  var _f = useState(selectedMax !== null && selectedMax !== void 0 ? selectedMax : max),
-    maxVal = _f[0],
-    setMaxVal = _f[1];
-  var minGap = 5;
-  // Sync internal state with external selectedMin/selectedMax changes
-  useEffect(
-    function () {
-      setMinVal(selectedMin !== null && selectedMin !== void 0 ? selectedMin : min);
-      setMaxVal(selectedMax !== null && selectedMax !== void 0 ? selectedMax : max);
-    },
-    [min, max, selectedMin, selectedMax]
-  );
-  // Recalculate slider track whenever values change
-  useEffect(
-    function () {
-      var range = max - min || 1;
-      var minPercent = ((minVal - min) / range) * 100;
-      var maxPercent = ((maxVal - min) / range) * 100;
-      setLeftPercentage(minPercent);
-      setRightPercentage(100 - maxPercent);
-    },
-    [minVal, maxVal, min, max]
-  );
-  var slideMin = function (e) {
-    var value = parseInt(e.target.value, 10);
-    // Ensure the thumbs don’t cross and enforce minGap
-    if (value <= maxVal - minGap) {
-      setMinVal(value);
-    }
-  };
-  var slideMax = function (e) {
-    var value = parseInt(e.target.value, 10);
-    // Ensure the thumbs don’t cross and enforce minGap
-    if (value >= minVal + minGap) {
-      setMaxVal(value);
-    }
-  };
-  var startDrag = function () {
-    setIsDragging(true);
-  };
-  var stopDrag = function () {
-    setIsDragging(false);
-    // Notify parent with the final values
-    onChange(minVal, maxVal);
-  };
-  return React__default.createElement(
-    'div',
-    { className: 'double-slider-box' },
-    React__default.createElement(
-      'div',
-      { className: 'input-box' },
-      React__default.createElement('div', { className: 'min-box' }, valueFormatter(minVal)),
-      React__default.createElement('div', { className: 'max-box' }, valueFormatter(maxVal))
-    ),
-    React__default.createElement(
-      'div',
-      { className: 'range-slider' },
-      React__default.createElement('div', {
-        className: 'slider-track',
-        style: { left: ''.concat(leftPercentage, '%'), right: ''.concat(rightPercentage, '%') }
-      }),
-      React__default.createElement('input', {
-        type: 'range',
-        min: min,
-        max: max,
-        value: minVal,
-        onChange: slideMin,
-        onMouseDown: startDrag,
-        onMouseUp: stopDrag,
-        onTouchStart: startDrag,
-        onTouchEnd: stopDrag,
-        className: 'min-val'
-      }),
-      React__default.createElement('input', {
-        type: 'range',
-        min: min,
-        max: max,
-        value: maxVal,
-        onChange: slideMax,
-        onMouseDown: startDrag,
-        onMouseUp: stopDrag,
-        onTouchStart: startDrag,
-        onTouchEnd: stopDrag,
-        className: 'max-val'
-      }),
-      isDragging && React__default.createElement('div', { className: 'min-tooltip' }, valueFormatter(minVal)),
-      isDragging && React__default.createElement('div', { className: 'max-tooltip' }, valueFormatter(maxVal))
-    )
-  );
-};
-
 var FlightFilters = function (_a) {
   var _b;
   var isOpen = _a.isOpen,
@@ -46081,228 +47444,6 @@ var FlightResultsContainer = function (_a) {
   );
 };
 
-var Filters = function (_a) {
-  var _b;
-  var initialFilters = _a.initialFilters,
-    filters = _a.filters,
-    isOpen = _a.isOpen,
-    handleSetIsOpen = _a.handleSetIsOpen,
-    isLoading = _a.isLoading;
-  var context = useContext(SearchResultsConfigurationContext);
-  if (!context || !context.showFilters) {
-    return null;
-  }
-  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
-  var _c = useState({}),
-    visibleFilters = _c[0],
-    setVisibleFilters = _c[1];
-  var dispatch = useDispatch();
-  var toggleFilterVisibility = function (filterId) {
-    setVisibleFilters(function (prev) {
-      var _a;
-      return __assign(__assign({}, prev), ((_a = {}), (_a[filterId] = !prev[filterId]), _a));
-    });
-  };
-  var handleCheckBoxFilter = function (filter, option) {
-    var updated = filters.map(function (f) {
-      var _a;
-      if (f.property !== filter.property) return f;
-      return __assign(__assign({}, f), {
-        options:
-          (_a = f.options) === null || _a === void 0
-            ? void 0
-            : _a.map(function (opt) {
-                return opt.value === option.value ? __assign(__assign({}, opt), { isChecked: !opt.isChecked }) : opt;
-              })
-      });
-    });
-    dispatch(setFilters(updated));
-  };
-  var handleSliderChange = function (filter, newMin, newMax) {
-    var updated = filters.map(function (f) {
-      if (f.property !== filter.property) return f;
-      return __assign(__assign({}, f), { selectedMin: newMin, selectedMax: newMax });
-    });
-    dispatch(setFilters(updated));
-  };
-  var handleFullReset = function () {
-    if (!isLoading) {
-      dispatch(resetFilters(initialFilters));
-    }
-  };
-  return React__default.createElement(
-    'div',
-    { className: 'search__filters--modal '.concat(isOpen ? 'is-open' : '') },
-    React__default.createElement('div', {
-      className: 'search__filters--background',
-      onClick: function () {
-        return handleSetIsOpen();
-      }
-    }),
-    React__default.createElement(
-      'button',
-      {
-        className: 'search__filters--close',
-        onClick: function () {
-          return handleSetIsOpen();
-        }
-      },
-      React__default.createElement(Icon$1, { name: 'ui-close', height: 24 })
-    ),
-    React__default.createElement(
-      'div',
-      { className: 'search__filters' },
-      React__default.createElement(
-        'div',
-        { className: 'search__filter-row search__filter__header' },
-        React__default.createElement(
-          'div',
-          { className: 'search__filter-row-flex-title' },
-          React__default.createElement('p', { className: 'search__filter-small-title' }, translations.SRP.FILTERS)
-        ),
-        !isLoading &&
-          React__default.createElement(
-            'a',
-            {
-              className: 'search__filter-reset',
-              onClick: function () {
-                return handleFullReset();
-              }
-            },
-            translations.SRP.RESET
-          )
-      ),
-      isLoading
-        ? React__default.createElement(Spinner, null)
-        : React__default.createElement(
-            React__default.Fragment,
-            null,
-            React__default.createElement(
-              'div',
-              { className: 'search__filters__group-container' },
-              filters.map(function (filter, index) {
-                var _a, _b;
-                var isVisible = (_a = visibleFilters[filter.property]) !== null && _a !== void 0 ? _a : true;
-                return React__default.createElement(
-                  'div',
-                  { key: ''.concat(filter.property, '-').concat(index), className: 'search__filter-group' },
-                  React__default.createElement(
-                    'div',
-                    {
-                      className: 'search__filter-row search__filter-row--underline',
-                      onClick: function () {
-                        return toggleFilterVisibility(filter.property);
-                      },
-                      role: 'button',
-                      tabIndex: 0
-                    },
-                    React__default.createElement('h6', { className: 'search__filter-large-title' }, filter.label),
-                    React__default.createElement(
-                      'svg',
-                      {
-                        id: 'search-chevron-up-icon',
-                        className: 'search__filter-chevron-icon '.concat(isVisible ? 'search__filter-chevron-icon--flipped' : '', ' '),
-                        viewBox: '0 0 10 6.063',
-                        width: 10,
-                        height: 6.063
-                      },
-                      React__default.createElement('path', {
-                        id: 'Path_62',
-                        'data-name': 'Path 62',
-                        d: 'M245-617.937l-5-5L241.063-624,245-620.062,248.938-624,250-622.937Z',
-                        transform: 'translate(-240 624)',
-                        fill: '#707070'
-                      })
-                    )
-                  ),
-                  isVisible &&
-                    filter.type === 'checkbox' &&
-                    React__default.createElement(
-                      'div',
-                      { className: 'search__filter-rows' },
-                      filter.options &&
-                        filter.options.map(function (option, optionIndex) {
-                          return React__default.createElement(
-                            'div',
-                            { className: 'search__filter-row search__filter-row--checkbox', key: ''.concat(option.label, '-').concat(optionIndex) },
-                            React__default.createElement(
-                              'div',
-                              { className: 'checkbox' },
-                              React__default.createElement(
-                                'label',
-                                { className: 'checkbox__label' },
-                                React__default.createElement('input', {
-                                  type: 'checkbox',
-                                  className: 'checkbox__input checkbox__input--parent',
-                                  checked: option.isChecked,
-                                  onChange: function (e) {
-                                    return handleCheckBoxFilter(filter, option);
-                                  }
-                                }),
-                                React__default.createElement('span', { className: 'radiobutton__label-text' }, option.label)
-                              )
-                            )
-                          );
-                        })
-                    ),
-                  isVisible &&
-                    filter.type === 'toggle' &&
-                    React__default.createElement(
-                      'div',
-                      { className: 'search__filter-rows' },
-                      (_b = filter.options) === null || _b === void 0
-                        ? void 0
-                        : _b.map(function (option, optionIndex) {
-                            return React__default.createElement(
-                              'div',
-                              { className: 'search__filter-row', key: ''.concat(option.label, '-').concat(optionIndex) },
-                              React__default.createElement('span', { className: 'search__filter-toggle-label' }, option.label),
-                              React__default.createElement('div', { className: 'checkbox' }),
-                              React__default.createElement(
-                                'label',
-                                { className: 'checkbox__label' },
-                                React__default.createElement('input', {
-                                  type: 'checkbox',
-                                  className: 'checkbox__input',
-                                  checked: option.isChecked,
-                                  onChange: function () {
-                                    return handleCheckBoxFilter(filter, option);
-                                  }
-                                })
-                              )
-                            );
-                          })
-                    ),
-                  isVisible &&
-                    filter &&
-                    filter.type === 'slider' &&
-                    (function () {
-                      var _a, _b, _c, _d;
-                      var min = (_a = filter.min) !== null && _a !== void 0 ? _a : 0;
-                      var max = (_b = filter.max) !== null && _b !== void 0 ? _b : 100;
-                      var selectedMin = (_c = filter.selectedMin) !== null && _c !== void 0 ? _c : min;
-                      var selectedMax = (_d = filter.selectedMax) !== null && _d !== void 0 ? _d : max;
-                      return React__default.createElement(MultiRangeFilter, {
-                        min: min,
-                        max: max,
-                        selectedMin: selectedMin,
-                        selectedMax: selectedMax,
-                        valueFormatter: function (value) {
-                          return ''.concat(value);
-                        },
-                        onChange: function (newMin, newMax) {
-                          handleSliderChange(filter, newMin, newMax);
-                        }
-                      });
-                    })()
-                );
-              })
-            )
-          )
-    )
-  );
-};
-
 var GroupTourCard = function (_a) {
   var _b, _c, _d, _e, _f, _g;
   var result = _a.result,
@@ -46443,7 +47584,7 @@ var GroupTourCard = function (_a) {
           React__default.createElement(
             'div',
             { className: 'search__result-card__allotment__price' },
-            formatPrice$2(result.price, result.currencyCode, languageCode),
+            formatPrice$3(result.price, result.currencyCode, languageCode),
             ' ',
             translations.PRODUCT.PER_PERSON
           )
@@ -46620,80 +47761,245 @@ var enrichFiltersWithResults = function (results, filters, tags) {
     return updatedFilter;
   });
 };
-var enrichFiltersWithPackageAccoResults = function (results, filters, tags) {
-  if (!results || results.length === 0 || !filters) {
-    return filters !== null && filters !== void 0 ? filters : [];
-  }
-  return filters.map(function (filter) {
-    var updatedFilter = __assign({}, filter);
-    if (filter.property === 'price' && (filter.min == null || filter.max == null)) {
-      var prices = results
-        .map(function (r) {
-          var _a;
-          return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
-        })
-        .filter(function (p) {
-          return p > 0;
-        });
-      if (prices.length > 0) {
-        updatedFilter.min = Math.floor(Math.min.apply(Math, prices));
-        updatedFilter.max = Math.ceil(Math.max.apply(Math, prices));
-      }
-    }
-    if (filter.property === 'accommodation') {
-      var map_4 = new Map();
-      results.forEach(function (r) {
-        var rooms = flatMap(r.rooms);
-        if (rooms) {
-          rooms.map(function (room) {
-            room.options.map(function (option) {
-              if (option.accommodationCode) {
-                map_4.set(option.accommodationCode, {
-                  name: option.accommodationName,
-                  code: option.accommodationCode
-                });
-              }
+var enrichFiltersWithPackageAccoResults = function (results, tags) {
+  var filters = [];
+  if (!results || results.length === 0) {
+    return filters;
+  }
+  var regimeFilter = {
+    property: 'regime',
+    label: 'Regime',
+    type: 'checkbox',
+    options: [],
+    isFrontendFilter: true
+  };
+  var map = new Map();
+  results.forEach(function (r) {
+    var rooms = flatMap(r.rooms);
+    if (rooms) {
+      rooms.map(function (room) {
+        room.options.map(function (option) {
+          if (option.regimeCode) {
+            map.set(option.regimeCode, {
+              name: option.regimeName,
+              code: option.regimeCode
             });
-          });
-        }
+          }
+        });
       });
-      updatedFilter.options = Array.from(map_4.values()).map(function (accommodation) {
-        var _a;
-        return {
-          label: (_a = accommodation.name) !== null && _a !== void 0 ? _a : accommodation.code,
-          value: accommodation.code,
-          isChecked: false
-        };
+    }
+  });
+  regimeFilter.options = Array.from(map.values()).map(function (regime) {
+    var _a;
+    return {
+      label: (_a = regime.name) !== null && _a !== void 0 ? _a : regime.code,
+      value: regime.code,
+      isChecked: false
+    };
+  });
+  filters.push(regimeFilter);
+  var priceFilter = {
+    property: 'price',
+    label: 'Prijs',
+    type: 'slider',
+    isFrontendFilter: true
+  };
+  var prices = results
+    .map(function (r) {
+      var _a;
+      return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
+    })
+    .filter(function (p) {
+      return p > 0;
+    });
+  priceFilter.min = Math.floor(Math.min.apply(Math, prices));
+  priceFilter.max = Math.ceil(Math.max.apply(Math, prices));
+  filters.push(priceFilter);
+  return filters;
+};
+var enrichFiltersWithPackageFlightResults = function (results, tags, translations) {
+  var filters = [];
+  if (!results || results.length === 0) {
+    return filters;
+  }
+  // Airlines
+  var airlinesFilter = {
+    label: 'Airlines',
+    property: 'airline',
+    type: 'checkbox',
+    isFrontendFilter: true,
+    options: []
+  };
+  var airlinesFilterMap = new Map();
+  results.map(function (r) {
+    var airlineCode = r.airlineCode;
+    var airlineName = r.airlineName;
+    if (airlineCode && airlineName) {
+      airlinesFilterMap.set(airlineCode, {
+        name: airlineName,
+        code: airlineCode
       });
     }
-    if (filter.property === 'regime') {
-      var map_5 = new Map();
-      results.forEach(function (r) {
-        var rooms = flatMap(r.rooms);
-        if (rooms) {
-          rooms.map(function (room) {
-            room.options.map(function (option) {
-              if (option.regimeCode) {
-                map_5.set(option.regimeCode, {
-                  name: option.regimeName,
-                  code: option.regimeCode
-                });
-              }
-            });
-          });
-        }
+  });
+  airlinesFilter.options = Array.from(airlinesFilterMap.values()).map(function (airline) {
+    var _a;
+    return {
+      label: (_a = airline.name) !== null && _a !== void 0 ? _a : airline.code,
+      value: airline.code,
+      isChecked: false
+    };
+  });
+  filters.push(airlinesFilter);
+  // Number of stops
+  var stopsFilter = {
+    label: 'Number of Stops',
+    property: 'numberOfStops',
+    type: 'checkbox',
+    isFrontendFilter: true,
+    options: []
+  };
+  var stopsMap = new Map();
+  results.map(function (result) {
+    var numberOfStops = getNumberOfStops(result.outward);
+    if (!stopsMap.has(numberOfStops)) {
+      stopsMap.set(numberOfStops, { numberOfStops: numberOfStops });
+    }
+  });
+  stopsFilter.options = Array.from(stopsMap.values()).map(function (stop) {
+    return {
+      label: ''.concat(stop.numberOfStops == 0 ? 'direct' : stop.numberOfStops + ' Stop'.concat(stop.numberOfStops !== 1 ? 's' : '')),
+      value: stop.numberOfStops,
+      isChecked: false
+    };
+  });
+  filters.push(stopsFilter);
+  // Departure range
+  var departureRangeFilter = {
+    label: 'Departure Range',
+    property: 'departureRange',
+    type: 'checkbox',
+    isFrontendFilter: true,
+    options: []
+  };
+  var departureRangeMap = new Map();
+  results.map(function (result) {
+    var _a;
+    var departureRange = rangeFromDateTimeInMinutes((_a = getDepartureSegment(result.outward)) === null || _a === void 0 ? void 0 : _a.departureDateTime);
+    if (!departureRangeMap.has(departureRange)) {
+      departureRangeMap.set(departureRange, departureRange);
+    }
+  });
+  departureRangeFilter.options = orderBy(Array.from(departureRangeMap.values()), ['id'], ['asc']).map(function (range) {
+    return {
+      label: getDepartureRangeName(translations, range),
+      value: range,
+      isChecked: false
+    };
+  });
+  filters.push(departureRangeFilter);
+  // Departure Airport
+  var departureAirportFilter = {
+    label: 'Departure Airport',
+    property: 'departureAirport',
+    type: 'checkbox',
+    isFrontendFilter: true,
+    options: []
+  };
+  var departureAirportsMap = new Map();
+  results.map(function (result) {
+    var departureSegment = getDepartureSegment(result.outward);
+    var departureAirport = departureSegment === null || departureSegment === void 0 ? void 0 : departureSegment.departureAirportCode;
+    if (departureAirport && !departureAirportsMap.has(departureAirport)) {
+      departureAirportsMap.set(departureAirport, {
+        name: (departureSegment === null || departureSegment === void 0 ? void 0 : departureSegment.departureAirportName) + ' (' + departureAirport + ')',
+        code: departureAirport
       });
-      updatedFilter.options = Array.from(map_5.values()).map(function (regime) {
-        var _a;
-        return {
-          label: (_a = regime.name) !== null && _a !== void 0 ? _a : regime.code,
-          value: regime.code,
-          isChecked: false
-        };
+    }
+  });
+  departureAirportFilter.options = Array.from(departureAirportsMap.values()).map(function (airport) {
+    var _a;
+    return {
+      label: (_a = airport.name) !== null && _a !== void 0 ? _a : airport.code,
+      value: airport.code,
+      isChecked: false
+    };
+  });
+  filters.push(departureAirportFilter);
+  // Arrival Airport
+  var arrivalAirportFilter = {
+    label: 'Arrival Airport',
+    property: 'arrivalAirport',
+    type: 'checkbox',
+    isFrontendFilter: true,
+    options: []
+  };
+  var arrivalAirportsMap = new Map();
+  results.map(function (result) {
+    var arrivalSegment = getArrivalSegment(result.outward);
+    var arrivalAirport = arrivalSegment === null || arrivalSegment === void 0 ? void 0 : arrivalSegment.arrivalAirportCode;
+    if (arrivalAirport && !arrivalAirportsMap.has(arrivalAirport)) {
+      arrivalAirportsMap.set(arrivalAirport, {
+        name: (arrivalSegment === null || arrivalSegment === void 0 ? void 0 : arrivalSegment.arrivalAirportName) + ' (' + arrivalAirport + ')',
+        code: arrivalAirport
       });
     }
-    return updatedFilter;
   });
+  arrivalAirportFilter.options = Array.from(arrivalAirportsMap.values()).map(function (airport) {
+    var _a;
+    return {
+      label: (_a = airport.name) !== null && _a !== void 0 ? _a : airport.code,
+      value: airport.code,
+      isChecked: false
+    };
+  });
+  filters.push(arrivalAirportFilter);
+  // Price
+  var priceFilter = {
+    label: 'Price',
+    property: 'price',
+    type: 'slider',
+    isFrontendFilter: true
+  };
+  var prices = results
+    .map(function (r) {
+      var _a;
+      return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
+    })
+    .filter(function (p) {
+      return p > 0;
+    });
+  if (prices.length > 0) {
+    priceFilter.min = Math.floor(Math.min.apply(Math, prices));
+    priceFilter.max = Math.ceil(Math.max.apply(Math, prices));
+  }
+  filters.push(priceFilter);
+  // Travel duration
+  var travelDurationFilter = {
+    label: 'Travel Duration',
+    property: 'travelDuration',
+    type: 'slider',
+    isFrontendFilter: true
+  };
+  var minTravelTimeDuration = Math.min.apply(
+    Math,
+    results.map(function (result) {
+      return result.outward.durationInTicks;
+    })
+  );
+  var maxTravelTimeDuration = Math.max.apply(
+    Math,
+    results.map(function (result) {
+      return result.outward.durationInTicks;
+    })
+  );
+  var minTravelTimeValue = durationInTicksInMinutes(minTravelTimeDuration);
+  var maxTravelTimeValue = durationInTicksInMinutes(maxTravelTimeDuration);
+  if (minTravelTimeValue != null && maxTravelTimeValue != null) {
+    travelDurationFilter.min = minTravelTimeValue;
+    travelDurationFilter.max = maxTravelTimeValue;
+  }
+  filters.push(travelDurationFilter);
+  return filters;
 };
 var applyFilters = function (results, filters, sortBy) {
   var filtered = results.filter(function (r) {
@@ -46835,6 +48141,147 @@ var applyFiltersToPackageAccoResults = function (results, filters, sortBy) {
     return 0;
   });
 };
+var applyFiltersToPackageFlightResults = function (results, filters, sortBy) {
+  var filtered = results.filter(function (result) {
+    return filters.every(function (filter) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+      if (!filter.isFrontendFilter) return true;
+      // Airline
+      if (filter.property === 'airline') {
+        var selected =
+          (_a = filter.options) === null || _a === void 0
+            ? void 0
+            : _a
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected || selected.length === 0) return true;
+        return selected.includes(result.airlineCode);
+      }
+      // Stops
+      if (filter.property === 'numberOfStops') {
+        var selected =
+          (_b = filter.options) === null || _b === void 0
+            ? void 0
+            : _b
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected || selected.length === 0) return true;
+        return selected.includes(getNumberOfStops(result.outward)) && selected.includes(getNumberOfStops(result.return));
+      }
+      // Departure range
+      if (filter.property === 'departureRange') {
+        var selected =
+          (_c = filter.options) === null || _c === void 0
+            ? void 0
+            : _c
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected || selected.length === 0) return true;
+        return selected.includes(
+          rangeFromDateTimeInMinutes((_d = getDepartureSegment(result.outward)) === null || _d === void 0 ? void 0 : _d.departureDateTime)
+        );
+      }
+      // Departure airport
+      if (filter.property === 'departureAirport') {
+        var selected =
+          (_e = filter.options) === null || _e === void 0
+            ? void 0
+            : _e
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected || selected.length === 0) return true;
+        var departureAirportCode = (_f = getDepartureSegment(result.outward)) === null || _f === void 0 ? void 0 : _f.departureAirportCode;
+        if (!departureAirportCode) return false;
+        return selected.includes(departureAirportCode);
+      }
+      // Arrival airport
+      if (filter.property === 'arrivalAirport') {
+        var selected =
+          (_g = filter.options) === null || _g === void 0
+            ? void 0
+            : _g
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected || selected.length === 0) return true;
+        var arrivalAirportCode = (_h = getArrivalSegment(result.outward)) === null || _h === void 0 ? void 0 : _h.arrivalAirportCode;
+        if (!arrivalAirportCode) return false;
+        return selected.includes(arrivalAirportCode);
+      }
+      // PRICE
+      if (filter.property === 'price') {
+        if (filter.selectedMin != null && result.price < filter.selectedMin) return false;
+        if (filter.selectedMax != null && result.price > filter.selectedMax) return false;
+        return true;
+      }
+      // Travel times
+      if (filter.property === 'travelDuration') {
+        if (
+          filter.selectedMin != null &&
+          durationInTicksInMinutes((_j = result.outward) === null || _j === void 0 ? void 0 : _j.durationInTicks) < filter.selectedMin
+        )
+          return false;
+        if (
+          filter.selectedMax != null &&
+          durationInTicksInMinutes((_k = result.outward) === null || _k === void 0 ? void 0 : _k.durationInTicks) > filter.selectedMax
+        )
+          return false;
+        return true;
+      }
+      return true;
+    });
+  });
+  // SORTING
+  if (!sortBy || sortBy.label === 'default') {
+    return filtered;
+  }
+  if (sortBy.label === 'departureTime') {
+    return orderBy(
+      results,
+      [
+        function (result) {
+          var _a;
+          return (_a = getDepartureSegment(result.outward)) === null || _a === void 0 ? void 0 : _a.departureDateTime;
+        }
+      ],
+      [sortBy.direction] // or "desc"
+    );
+  } else if (sortBy.label === 'durationInTicks') {
+    return orderBy(
+      results,
+      [
+        function (result) {
+          var _a, _b;
+          return durationInTicksInMinutes(
+            (_b = (_a = result.outward) === null || _a === void 0 ? void 0 : _a.durationInTicks) !== null && _b !== void 0 ? _b : 0
+          );
+        }
+      ],
+      [sortBy.direction] // or "desc"
+    );
+  } else {
+    return orderBy(results, [sortBy.label], [sortBy.direction]);
+  }
+};
 
 var getSelectedOptionsPerRoom = function (details) {
   var _a;
@@ -47031,6 +48478,221 @@ var FullItinerary = function (_a) {
   return React__default.createElement('div', { ref: hostRef });
 };
 
+var getExcursionContentWithUpdatedPrice = function (contents, totalPrice, currencyCode) {
+  if (!contents) return '';
+  var decodedHtml = he.decode(contents);
+  var parser = new DOMParser();
+  var doc = parser.parseFromString(decodedHtml, 'text/html');
+  var priceElement = doc.querySelector('[data-excursion-price]');
+  if (priceElement) {
+    priceElement.textContent = new Intl.NumberFormat('nl-BE', {
+      style: 'currency',
+      currency: currencyCode !== null && currencyCode !== void 0 ? currencyCode : 'EUR'
+    }).format(totalPrice);
+  }
+  return doc.body.innerHTML;
+};
+var DayByDayExcursions = function () {
+  var _a;
+  var context = useContext(SearchResultsConfigurationContext);
+  var translations = getTranslations((_a = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB');
+  var dispatch = useDispatch();
+  var confirmedExcursionsByDay = useSelector(function (state) {
+    return state.searchResults;
+  }).confirmedExcursionsByDay;
+  var selectedPackagingAccoResult = useSelector(selectSelectedPackagingAccoResult);
+  var stayDates = useMemo(
+    function () {
+      if (
+        !(selectedPackagingAccoResult === null || selectedPackagingAccoResult === void 0 ? void 0 : selectedPackagingAccoResult.fromDate) ||
+        !(selectedPackagingAccoResult === null || selectedPackagingAccoResult === void 0 ? void 0 : selectedPackagingAccoResult.toDate)
+      ) {
+        return [];
+      }
+      return getDatesBetween(selectedPackagingAccoResult.fromDate, selectedPackagingAccoResult.toDate);
+    },
+    [
+      selectedPackagingAccoResult === null || selectedPackagingAccoResult === void 0 ? void 0 : selectedPackagingAccoResult.fromDate,
+      selectedPackagingAccoResult === null || selectedPackagingAccoResult === void 0 ? void 0 : selectedPackagingAccoResult.toDate
+    ]
+  );
+  var handleSearchExcursions = function (day) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    if (!selectedPackagingAccoResult) {
+      return;
+    }
+    var searchParams = {
+      date: day.toISOString(),
+      fromDate: day.toISOString(),
+      toDate: day.toISOString(),
+      countryId: selectedPackagingAccoResult.countryId,
+      regionId: selectedPackagingAccoResult.regionId,
+      oordId: selectedPackagingAccoResult.oordId,
+      locationId: selectedPackagingAccoResult.locationId,
+      locationName: selectedPackagingAccoResult.locationName,
+      accommodationCode:
+        (_e =
+          (_d =
+            (_c =
+              (_b = (_a = selectedPackagingAccoResult.rooms) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.options) ===
+              null || _c === void 0
+              ? void 0
+              : _c.find(function (option) {
+                  return option.isSelected;
+                })) === null || _d === void 0
+            ? void 0
+            : _d.accommodationCode) !== null && _e !== void 0
+          ? _e
+          : null,
+      accommodationName:
+        (_k =
+          (_j =
+            (_h =
+              (_g = (_f = selectedPackagingAccoResult.rooms) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.options) ===
+              null || _h === void 0
+              ? void 0
+              : _h.find(function (option) {
+                  return option.isSelected;
+                })) === null || _j === void 0
+            ? void 0
+            : _j.accommodationName) !== null && _k !== void 0
+          ? _k
+          : null,
+      hotelCode: selectedPackagingAccoResult.code,
+      hotelName: selectedPackagingAccoResult.name,
+      rooms:
+        (_l = selectedPackagingAccoResult === null || selectedPackagingAccoResult === void 0 ? void 0 : selectedPackagingAccoResult.rooms) !== null &&
+        _l !== void 0
+          ? _l
+          : []
+    };
+    dispatch(setExcursionSearchParams(searchParams));
+    dispatch(setFlyInIsOpen(true));
+    dispatch(setFlyInType('excursion-results'));
+  };
+  var getSelectedOptionsSummary = function (excursion) {
+    var options = excursion.rooms.flatMap(function (room) {
+      var _a;
+      return (_a = room.options) !== null && _a !== void 0 ? _a : [];
+    });
+    return options.filter(function (option) {
+      return option.isSelected;
+    });
+  };
+  if (!selectedPackagingAccoResult || stayDates.length === 0) {
+    return null;
+  }
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    stayDates.map(function (day) {
+      var _a;
+      var dayKey = format$1(day, 'yyyy-MM-dd');
+      var formattedDay = format$1(day, 'd');
+      var formattedMonth = format$1(day, 'MMM');
+      var confirmedExcursions = (_a = confirmedExcursionsByDay[dayKey]) !== null && _a !== void 0 ? _a : [];
+      return React__default.createElement(
+        React__default.Fragment,
+        { key: dayKey },
+        React__default.createElement(
+          'div',
+          { className: 'search__results__label search__results__label--secondary' },
+          React__default.createElement(
+            'div',
+            { className: 'search__results__label__date' },
+            React__default.createElement('p', { className: 'search__results__label__date-date' }, formattedDay),
+            React__default.createElement('p', null, formattedMonth)
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'search__results__label__text' },
+            React__default.createElement('h3', null, translations.SRP.SELECT, ' ', React__default.createElement('strong', null, translations.SRP.EXCURSION))
+          )
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'search__results__cards__actions' },
+          React__default.createElement('span', null, 'Accommodation for this day: ', selectedPackagingAccoResult.name),
+          React__default.createElement(
+            'button',
+            {
+              type: 'button',
+              className: 'cta cta--secondary',
+              onClick: function () {
+                return handleSearchExcursions(day);
+              }
+            },
+            confirmedExcursions.length > 0 ? 'Add another excursion' : ''.concat(translations.SRP.SELECT, ' ').concat(translations.SRP.EXCURSION)
+          )
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'search__results__cards search__results__cards--compact' },
+          confirmedExcursions &&
+            confirmedExcursions.length > 0 &&
+            confirmedExcursions.map(function (excursion) {
+              var selectedOptions = getSelectedOptionsSummary(excursion);
+              var totalPrice = selectedOptions.reduce(function (sum, option) {
+                return sum + (option.price || 0);
+              }, 0);
+              var updatedContents = getExcursionContentWithUpdatedPrice(excursion.contents, totalPrice, excursion.currencyCode);
+              return React__default.createElement(
+                'div',
+                {
+                  key: excursion.code,
+                  className: 'search__result-card__wrapper search__result-card__wrapper--custom',
+                  onMouseEnter: function (e) {
+                    return (e.currentTarget.style.transform = 'scale(1.02)');
+                  },
+                  onMouseLeave: function (e) {
+                    return (e.currentTarget.style.transform = 'scale(1)');
+                  }
+                },
+                React__default.createElement('div', { dangerouslySetInnerHTML: { __html: updatedContents } }),
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-card__content--extra' },
+                  React__default.createElement(
+                    'div',
+                    { className: 'search__result-card__content__wrapper' },
+                    React__default.createElement(
+                      'div',
+                      { className: 'search__result-card__options' },
+                      selectedOptions.length > 0 &&
+                        selectedOptions.map(function (option) {
+                          return React__default.createElement(
+                            'div',
+                            { className: 'search__result-card__option', key: option.guid },
+                            React__default.createElement(Icon$1, { name: 'ui-ticket', width: 14, height: 14, 'aria-hidden': 'true' }),
+                            React__default.createElement('span', null, option.accommodationName)
+                          );
+                        })
+                    )
+                  )
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-card__footer' },
+                  React__default.createElement(
+                    'button',
+                    {
+                      type: 'button',
+                      className: 'cta cta--remove',
+                      onClick: function () {
+                        return dispatch(removeConfirmedExcursionForDay({ dayKey: dayKey, excursionCode: excursion.code }));
+                      }
+                    },
+                    'Remove'
+                  )
+                )
+              );
+            })
+        )
+      );
+    })
+  );
+};
+
 var SearchResultsContainer = function () {
   var _a, _b;
   var currentSearch = typeof window !== 'undefined' ? window.location.search : '';
@@ -47043,28 +48705,31 @@ var SearchResultsContainer = function () {
     results = _c.results,
     filteredResults = _c.filteredResults,
     packagingAccoResults = _c.packagingAccoResults,
-    filteredPackagingAccoResults = _c.filteredPackagingAccoResults;
-  _c.bookingPackageDetails;
-  var isLoading = _c.isLoading,
+    filteredPackagingAccoResults = _c.filteredPackagingAccoResults,
+    isLoading = _c.isLoading,
     flightsLoading = _c.flightsLoading,
+    initialFilters = _c.initialFilters,
     filters = _c.filters,
+    flightFilters = _c.flightFilters,
     selectedSortType = _c.selectedSortType,
+    selectedFlightSortType = _c.selectedFlightSortType,
     selectedSearchResult = _c.selectedSearchResult,
     selectedPackagingAccoResultCode = _c.selectedPackagingAccoResultCode,
     flyInIsOpen = _c.flyInIsOpen,
     packagingAccoSearchDetails = _c.packagingAccoSearchDetails,
     editablePackagingEntry = _c.editablePackagingEntry,
     transactionId = _c.transactionId,
-    accommodationFlyInStep = _c.accommodationFlyInStep,
+    flyInType = _c.flyInType,
     itinerary = _c.itinerary,
-    packagingFlightResults = _c.packagingFlightResults;
+    packagingFlightResults = _c.packagingFlightResults,
+    confirmedExcursionsByDay = _c.confirmedExcursionsByDay;
   var isMobile = useMediaQuery('(max-width: 1200px)');
   var _d = useState(false),
     initialFiltersSet = _d[0],
     setInitialFiltersSet = _d[1];
-  var _e = useState([]),
-    initialFilters = _e[0],
-    setInitialFilters = _e[1];
+  var _e = useState(false),
+    initialFlightFiltersSet = _e[0],
+    setInitialFlightFiltersSet = _e[1];
   var _f = useState(false),
     filtersOpen = _f[0],
     setFiltersOpen = _f[1];
@@ -47084,9 +48749,6 @@ var SearchResultsContainer = function () {
     selectedAccommodationSeed = _l[0],
     setSelectedAccommodationSeed = _l[1];
   var skipInitialPackagingAccoDetailsRef = useRef(false);
-  var _m = useState(false),
-    showAllOutwardFlights = _m[0],
-    setShowAllOutwardFlights = _m[1];
   var panelRef = useRef(null);
   var sortByTypes = [
     { direction: 'asc', label: 'default' },
@@ -47403,7 +49065,7 @@ var SearchResultsContainer = function () {
             if (!seed) return [2 /*return*/];
             setDetailsIsLoading(true);
             setSelectedAccommodationSeed(seed);
-            dispatch(setAccommodationFlyInStep('results'));
+            dispatch(setFlyInType('acco-results'));
             handleFlyInToggle(true);
             return [4 /*yield*/, getOrCreateTransactionId()];
           case 1:
@@ -47561,7 +49223,7 @@ var SearchResultsContainer = function () {
             enrichedFilters = enrichFiltersWithResults(packageSearchResults, context.filters, (_a = context.tags) !== null && _a !== void 0 ? _a : []);
             if (!initialFiltersSet) {
               dispatch(resetFilters(enrichedFilters));
-              setInitialFilters(enrichedFilters);
+              dispatch(setInitialFilters(enrichedFilters));
               setInitialFiltersSet(true);
             }
             dispatch(setResults(packageSearchResults));
@@ -47636,11 +49298,7 @@ var SearchResultsContainer = function () {
             return [4 /*yield*/, build.searchPackagingAccommodations(config, searchRequest)];
           case 1:
             packageAccoSearchResults = _d.sent();
-            enrichedFilters = enrichFiltersWithPackageAccoResults(
-              packageAccoSearchResults,
-              context.filters,
-              (_a = context.tags) !== null && _a !== void 0 ? _a : []
-            );
+            enrichedFilters = enrichFiltersWithPackageAccoResults(packageAccoSearchResults, (_a = context.tags) !== null && _a !== void 0 ? _a : []);
             if (!initialFiltersSet) {
               dispatch(resetFilters(enrichedFilters));
               setInitialFilters(enrichedFilters);
@@ -47686,11 +49344,12 @@ var SearchResultsContainer = function () {
   };
   var runFlightSearch = function (currentTransactionId, seed) {
     return __awaiter(void 0, void 0, void 0, function () {
-      var config, searchRequest, packageFlightSearchResults, firstResult, err_4;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
+      var config, searchRequest, packageFlightSearchResults, enrichedFilters, initialFilteredResults, firstResult, err_4;
+      var _a;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
           case 0:
-            _a.trys.push([0, 2, , 3]);
+            _b.trys.push([0, 2, , 3]);
             if (!context) return [2 /*return*/];
             dispatch(setFlightsLoading(true));
             config = {
@@ -47701,17 +49360,31 @@ var SearchResultsContainer = function () {
             searchRequest.agentId = context.agentId;
             return [4 /*yield*/, build.searchPackagingFlights(config, searchRequest)];
           case 1:
-            packageFlightSearchResults = _a.sent();
+            packageFlightSearchResults = _b.sent();
+            enrichedFilters = enrichFiltersWithPackageFlightResults(
+              packageFlightSearchResults,
+              (_a = context.tags) !== null && _a !== void 0 ? _a : [],
+              translations
+            );
+            if (!initialFlightFiltersSet) {
+              dispatch(resetFlightFilters(enrichedFilters));
+              dispatch(setInitialFlightFilters(enrichedFilters));
+              setInitialFlightFiltersSet(true);
+            }
             dispatch(setPackagingFlightResults(packageFlightSearchResults));
-            firstResult = first(packageFlightSearchResults);
-            if (firstResult) {
-              setSelectedOutwardKey(getFlightKey(firstResult.outward.segments));
-              setSelectedReturnKey(getFlightKey(firstResult.return.segments));
+            initialFilteredResults = applyFiltersToPackageFlightResults(packageFlightSearchResults, filters, null);
+            dispatch(setFilteredPackagingFlightResults(initialFilteredResults));
+            if (initialFilteredResults.length > 0) {
+              firstResult = first(packageFlightSearchResults);
+              if (firstResult) {
+                dispatch(setSelectedOutwardKey(getFlightKey(firstResult.outward.segments)));
+                dispatch(setSelectedReturnKey(getFlightKey(firstResult.return.segments)));
+              }
             }
             dispatch(setFlightsLoading(false));
             return [3 /*break*/, 3];
           case 2:
-            err_4 = _a.sent();
+            err_4 = _b.sent();
             console.error('FlightSearch failed', err_4);
             dispatch(setFlightsLoading(false));
             return [3 /*break*/, 3];
@@ -47933,6 +49606,7 @@ var SearchResultsContainer = function () {
                   (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.GroupTour
                 ) {
                   handleFlyInToggle(true);
+                  dispatch(setFlyInType('acco-details'));
                 }
                 _f.label = 1;
               case 1:
@@ -48024,13 +49698,15 @@ var SearchResultsContainer = function () {
       if (selectedPackagingAccoResultCode) {
         fetchPackagingAccoSearchDetails();
       }
-      dispatch(setAccommodationFlyInStep('details'));
     },
     [selectedSearchResult, selectedPackagingAccoResultCode]
   );
   useEffect(
     function () {
-      if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation) {
+      if (
+        (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation ||
+        (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.AccommodationAndFlight
+      ) {
         var filteredPackageAccoResults = applyFiltersToPackageAccoResults(packagingAccoResults, filters, selectedSortType);
         dispatch(setFilteredPackagingAccoResults(filteredPackageAccoResults));
       } else {
@@ -48040,6 +49716,15 @@ var SearchResultsContainer = function () {
     },
     [filters, results, packagingAccoResults, selectedSortType]
   );
+  useEffect(
+    function () {
+      if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.AccommodationAndFlight) {
+        var filteredPackageFlightResults = applyFiltersToPackageFlightResults(packagingFlightResults, flightFilters, selectedFlightSortType);
+        dispatch(setFilteredPackagingFlightResults(filteredPackageFlightResults));
+      }
+    },
+    [flightFilters, packagingFlightResults, selectedFlightSortType]
+  );
   useEffect(
     function () {
       setInitialFiltersSet(false);
@@ -48114,7 +49799,6 @@ var SearchResultsContainer = function () {
                 return [4 /*yield*/, build.getItinerary(config, request)];
               case 2:
                 itinerary_1 = _c.sent();
-                console.log('Fetched itinerary', itinerary_1);
                 dispatch(setItinerary(itinerary_1));
                 setItineraryIsLoading(false);
                 return [3 /*break*/, 4];
@@ -48135,37 +49819,22 @@ var SearchResultsContainer = function () {
     [editablePackagingEntry]
   );
   // Flight selection
-  var _o = useState(null),
-    selectedOutwardKey = _o[0],
-    setSelectedOutwardKey = _o[1];
-  var _p = useState(null),
-    selectedReturnKey = _p[0],
-    setSelectedReturnKey = _p[1];
-  var uniqueOutwardFlights = React__default.useMemo(
-    function () {
-      var map = new Map();
-      packagingFlightResults.forEach(function (flight) {
-        var key = getFlightKey(flight.outward.segments);
-        if (!map.has(key)) {
-          map.set(key, flight);
-        }
-      });
-      return Array.from(map.values());
-    },
-    [packagingFlightResults]
-  );
-  var _q = useState([]),
-    uniqueReturnFlights = _q[0],
-    setUniqueReturnFlights = _q[1];
+  // const [selectedOutwardKey, setSelectedOutwardKey] = useState<string | null>(null);
+  // const [selectedReturnKey, setSelectedReturnKey] = useState<string | null>(null);
+  var selectedOutwardKey = useSelector(selectSelectedOutwardKey);
+  var selectedReturnKey = useSelector(selectSelectedReturnKey);
+  var uniqueOutwardFlights = useSelector(selectUniqueOutwardFlights);
+  var uniqueReturnFlights = useSelector(selectUniqueReturnFlights);
+  var selectedOutward = useSelector(selectSelectedOutward);
+  var selectedReturn = useSelector(selectSelectedReturn);
+  var selectedCombinationFlight = useSelector(selectSelectedCombinationFlight);
   useEffect(
     function () {
       var _a;
       if (!selectedOutwardKey) {
-        setUniqueReturnFlights([]);
-        setSelectedReturnKey(null);
+        dispatch(setSelectedReturnKey(null));
         return;
       }
-      // Filter combinations that match selected outward fare
       var matchingCombinations = packagingFlightResults.filter(function (flight) {
         return getFlightKey(flight.outward.segments) === selectedOutwardKey;
       });
@@ -48177,44 +49846,26 @@ var SearchResultsContainer = function () {
         }
       });
       var returns = Array.from(returnMap.values());
-      setUniqueReturnFlights(returns);
-      var firstReturnKey = returns.length > 0 ? getFlightKey((_a = first(returns)) === null || _a === void 0 ? void 0 : _a.return.segments) : null;
-      if (firstReturnKey) {
-        setSelectedReturnKey(firstReturnKey);
+      var segments = (_a = first(returns)) === null || _a === void 0 ? void 0 : _a.return.segments;
+      var firstReturnKey = returns.length > 0 && segments ? getFlightKey(segments) : null;
+      if (
+        !returns.some(function (x) {
+          return getFlightKey(x.return.segments) === selectedReturnKey;
+        })
+      ) {
+        dispatch(setSelectedReturnKey(firstReturnKey));
       }
     },
-    [selectedOutwardKey, packagingFlightResults]
+    [selectedOutwardKey, packagingFlightResults, selectedReturnKey, dispatch]
   );
-  var selectedOutward = React__default.useMemo(
-    function () {
-      if (!selectedOutwardKey) return null;
-      return (
-        packagingFlightResults.find(function (flight) {
-          return getFlightKey(flight.outward.segments) === selectedOutwardKey;
-        }) || null
-      );
-    },
-    [packagingFlightResults, selectedOutwardKey]
-  );
-  var selectedReturn = React__default.useMemo(
-    function () {
-      if (!selectedReturnKey) return null;
-      return (
-        packagingFlightResults.find(function (flight) {
-          return getFlightKey(flight.return.segments) === selectedReturnKey;
-        }) || null
-      );
-    },
-    [packagingFlightResults, selectedReturnKey]
-  );
-  var selectedCombinationFlight = React__default.useMemo(
+  var visibleOutwardFlights = React__default.useMemo(
     function () {
-      if (!selectedOutwardKey || !selectedReturnKey) return undefined;
-      return packagingFlightResults.find(function (flight) {
-        return getFlightKey(flight.outward.segments) === selectedOutwardKey && getFlightKey(flight.return.segments) === selectedReturnKey;
+      var withoutSelected = uniqueOutwardFlights.filter(function (x) {
+        return getFlightKey(x.outward.segments) !== selectedOutwardKey;
       });
+      return withoutSelected.slice(0, 3);
     },
-    [packagingFlightResults, selectedOutwardKey, selectedReturnKey]
+    [uniqueOutwardFlights, selectedOutwardKey]
   );
   // TODO: get details for selected combination flight and show in fly-in
   // useEffect(() => {
@@ -48223,6 +49874,7 @@ var SearchResultsContainer = function () {
   //   // onFlightSearch(selectedCombinationFlight); // Trigger search to update accommodation options based on selected flight
   //   dispatch(setFlyInIsOpen(true));
   // }, [selectedCombinationFlight, dispatch]);
+  // Build packagingEntry
   useEffect(
     function () {
       var _a, _b, _c, _d;
@@ -48238,6 +49890,7 @@ var SearchResultsContainer = function () {
         selectedHotelCode: selectedPackagingAccoResultCode,
         accommodationResults: packagingAccoResults,
         selectedFlight: selectedCombinationFlight !== null && selectedCombinationFlight !== void 0 ? selectedCombinationFlight : null,
+        confirmedExcursionsByDay: confirmedExcursionsByDay,
         seed: seed,
         transactionId:
           (_c =
@@ -48250,6 +49903,7 @@ var SearchResultsContainer = function () {
             : '',
         language: (_d = context.languageCode) !== null && _d !== void 0 ? _d : 'en-GB'
       });
+      console.log('Built nextEntry', nextEntry);
       if (!nextEntry) return;
       dispatch(setEditablePackagingEntry(nextEntry));
       if (selectedCombinationFlight) {
@@ -48263,6 +49917,7 @@ var SearchResultsContainer = function () {
       packagingAccoResults,
       packagingAccoSearchDetails,
       selectedCombinationFlight,
+      confirmedExcursionsByDay,
       transactionId,
       dispatch
     ]
@@ -48277,56 +49932,103 @@ var SearchResultsContainer = function () {
       return line.serviceType !== FLIGHT_SERVICE_TYPE;
     });
   };
+  var removeExcursionLines = function (lines) {
+    return lines.filter(function (line) {
+      return line.serviceType !== EXCURSION_SERVICE_TYPE;
+    });
+  };
   var buildAccommodationLinesFromSelection = function (selectedHotel, seed) {
-    if (!selectedHotel) return [];
+    return buildPackagingAccommodationLines(selectedHotel, seed, ACCOMMODATION_SERVICE_TYPE);
+  };
+  var buildExcursionLinesFromConfirmedDays = function (confirmedExcursionsByDay) {
+    return Object.values(confirmedExcursionsByDay)
+      .flat()
+      .flatMap(function (excursion) {
+        var selectedOptions = excursion.rooms.flatMap(function (room) {
+          return room.options.filter(function (option) {
+            return option.isSelected;
+          });
+        });
+        var parentGuid = crypto.randomUUID();
+        return selectedOptions.map(function (option, index) {
+          var _a, _b, _c;
+          return {
+            guid: (_a = option.guid) !== null && _a !== void 0 ? _a : crypto.randomUUID(),
+            moment: '',
+            parentGuid: index === 0 ? null : parentGuid,
+            order: index,
+            isChanged: true,
+            from: excursion.fromDate,
+            to: excursion.toDate,
+            serviceType: EXCURSION_SERVICE_TYPE,
+            productName: excursion.name,
+            productCode: excursion.code,
+            accommodationName: option.accommodationName,
+            accommodationCode: option.accommodationCode,
+            regimeName: option.regimeName,
+            regimeCode: option.regimeCode,
+            country: excursion.countryId ? { id: excursion.countryId, name: excursion.countryName, localizations: [] } : null,
+            region: excursion.regionId ? { id: excursion.regionId, name: excursion.regionName, localizations: [] } : null,
+            oord: excursion.oordId ? { id: excursion.oordId, name: excursion.oordName, localizations: [] } : null,
+            location: excursion.locationId ? { id: excursion.locationId, name: excursion.locationName, localizations: [] } : null,
+            longitude: (_b = excursion.longitude) !== null && _b !== void 0 ? _b : null,
+            latitude: (_c = excursion.latitude) !== null && _c !== void 0 ? _c : null,
+            pax: Array.isArray(option.paxIds)
+              ? option.paxIds.map(function (paxId, paxIndex) {
+                  return {
+                    paxId: paxId,
+                    room: 0,
+                    order: paxIndex
+                  };
+                })
+              : [],
+            flightInformation: null
+          };
+        });
+      });
+  };
+  var buildPackagingAccommodationLines = function (selectedItem, seed, serviceType) {
+    if (!selectedItem) return [];
     var parentGuid = crypto.randomUUID();
-    return selectedHotel.rooms
+    return selectedItem.rooms
       .filter(function (room) {
         return room.options.some(function (o) {
           return o.isSelected;
         });
       })
       .map(function (room, index) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c;
         var option = room.options.find(function (o) {
           return o.isSelected;
         });
-        var pax =
-          (_b =
-            (_a = seed.rooms) === null || _a === void 0
-              ? void 0
-              : _a.flatMap(function (room, roomIndex) {
-                  return room.pax.map(function (p, paxIndex) {
-                    return {
-                      paxId: p.id,
-                      room: roomIndex,
-                      order: paxIndex
-                    };
-                  });
-                })) !== null && _b !== void 0
-            ? _b
-            : [];
+        var pax = option.paxIds.map(function (p, paxIndex) {
+          return {
+            paxId: p,
+            room: index,
+            order: paxIndex
+          };
+        });
         return {
-          guid: (_c = option.guid) !== null && _c !== void 0 ? _c : crypto.randomUUID(),
+          guid: (_a = option.guid) !== null && _a !== void 0 ? _a : crypto.randomUUID(),
           moment: '',
           parentGuid: index === 0 ? null : parentGuid,
           order: index,
           isChanged: true,
-          from: selectedHotel.fromDate,
-          to: selectedHotel.toDate,
-          serviceType: ACCOMMODATION_SERVICE_TYPE,
-          productName: selectedHotel.name,
-          productCode: selectedHotel.code,
+          from: selectedItem.fromDate,
+          to: selectedItem.toDate,
+          serviceType: serviceType,
+          productName: selectedItem.name,
+          productCode: selectedItem.code,
           accommodationName: option.accommodationName,
           accommodationCode: option.accommodationCode,
           regimeName: option.regimeName,
           regimeCode: option.regimeCode,
-          country: selectedHotel.countryId ? { id: selectedHotel.countryId, name: selectedHotel.countryName, localizations: [] } : null,
-          region: selectedHotel.regionId ? { id: selectedHotel.regionId, name: selectedHotel.regionName, localizations: [] } : null,
-          oord: selectedHotel.oordId ? { id: selectedHotel.oordId, name: selectedHotel.oordName, localizations: [] } : null,
-          location: selectedHotel.locationId ? { id: selectedHotel.locationId, name: selectedHotel.locationName, localizations: [] } : null,
-          longitude: (_d = selectedHotel.longitude) !== null && _d !== void 0 ? _d : null,
-          latitude: (_e = selectedHotel.latitude) !== null && _e !== void 0 ? _e : null,
+          country: selectedItem.countryId ? { id: selectedItem.countryId, name: selectedItem.countryName, localizations: [] } : null,
+          region: selectedItem.regionId ? { id: selectedItem.regionId, name: selectedItem.regionName, localizations: [] } : null,
+          oord: selectedItem.oordId ? { id: selectedItem.oordId, name: selectedItem.oordName, localizations: [] } : null,
+          location: selectedItem.locationId ? { id: selectedItem.locationId, name: selectedItem.locationName, localizations: [] } : null,
+          longitude: (_b = selectedItem.longitude) !== null && _b !== void 0 ? _b : null,
+          latitude: (_c = selectedItem.latitude) !== null && _c !== void 0 ? _c : null,
           pax: pax,
           flightInformation: null
         };
@@ -48454,6 +50156,7 @@ var SearchResultsContainer = function () {
       selectedHotelCode = _a.selectedHotelCode,
       accommodationResults = _a.accommodationResults,
       selectedFlight = _a.selectedFlight,
+      confirmedExcursionsByDay = _a.confirmedExcursionsByDay,
       seed = _a.seed,
       transactionId = _a.transactionId,
       language = _a.language;
@@ -48481,6 +50184,12 @@ var SearchResultsContainer = function () {
         nextLines = __spreadArray(__spreadArray([], nextLines, true), flightLines, true);
       }
     }
+    // excursions
+    var excursionLines = buildExcursionLinesFromConfirmedDays(confirmedExcursionsByDay);
+    nextLines = removeExcursionLines(nextLines);
+    if (excursionLines.length) {
+      nextLines = __spreadArray(__spreadArray([], nextLines, true), excursionLines, true);
+    }
     nextLines = nextLines.map(function (line, index) {
       return __assign(__assign({}, line), { order: index });
     });
@@ -48491,7 +50200,7 @@ var SearchResultsContainer = function () {
     if (sourceEntry) {
       return structuredClone(sourceEntry);
     }
-    var paxId = 1;
+    var paxId = 0;
     var pax =
       (_b =
         (_a = seed.rooms) === null || _a === void 0
@@ -48521,12 +50230,10 @@ var SearchResultsContainer = function () {
       lines: []
     };
   };
-  var visibleOutwardFlights = React__default.useMemo(
-    function () {
-      return showAllOutwardFlights ? uniqueOutwardFlights : uniqueOutwardFlights.slice(0, 3);
-    },
-    [showAllOutwardFlights, uniqueOutwardFlights]
-  );
+  var handleShowMoreFlights = function (flyInType) {
+    dispatch(setFlyInType(flyInType));
+    dispatch(setFlyInIsOpen(true));
+  };
   return React__default.createElement(
     'div',
     { id: 'tide-booking', className: 'search__bg' },
@@ -48543,7 +50250,6 @@ var SearchResultsContainer = function () {
               { tideConnection: context.tideConnection },
               React__default.createElement(FlightResultsContainer, { isMobile: isMobile }),
               React__default.createElement(FlyIn, {
-                title: 'Select your fare',
                 srpType: context.searchConfiguration.qsmType,
                 isOpen: flyInIsOpen,
                 setIsOpen: handleFlyInToggle,
@@ -48570,7 +50276,13 @@ var SearchResultsContainer = function () {
                     return setFiltersOpen(!filtersOpen);
                   },
                   // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
-                  isLoading: isLoading
+                  isLoading: isLoading,
+                  setFilters: function (filters) {
+                    return dispatch(setFilters(filters));
+                  },
+                  resetFilters: function (filters) {
+                    return dispatch(resetFilters(filters));
+                  }
                 }),
               context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                 React__default.createElement(Itinerary, {
@@ -48637,53 +50349,53 @@ var SearchResultsContainer = function () {
                         }
                       })
                   ),
-                React__default.createElement(
-                  'div',
-                  { className: 'search__result-row' },
+                context.searchConfiguration.qsmType !== build.PortalQsmType.AccommodationAndFlight &&
                   React__default.createElement(
-                    'span',
-                    { className: 'search__result-row-text' },
-                    !isLoading &&
-                      context.searchConfiguration.qsmType !== build.PortalQsmType.AccommodationAndFlight &&
+                    'div',
+                    { className: 'search__result-row' },
+                    React__default.createElement(
+                      'span',
+                      { className: 'search__result-row-text' },
+                      !isLoading &&
+                        React__default.createElement(
+                          React__default.Fragment,
+                          null,
+                          context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation &&
+                            (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length) &&
+                            (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length),
+                          context.searchConfiguration.qsmType !== build.PortalQsmType.Accommodation &&
+                            (filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults.length) &&
+                            filteredResults.length,
+                          '\u00A0',
+                          translations.SRP.TOTAL_RESULTS_LABEL
+                        )
+                    ),
+                    !context.packagingEntry &&
+                      !isMobile &&
+                      sortByTypes &&
+                      sortByTypes.length > 0 &&
                       React__default.createElement(
-                        React__default.Fragment,
-                        null,
-                        context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation &&
-                          (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length) &&
-                          (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length),
-                        context.searchConfiguration.qsmType !== build.PortalQsmType.Accommodation &&
-                          (filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults.length) &&
-                          filteredResults.length,
-                        '\u00A0',
-                        translations.SRP.TOTAL_RESULTS_LABEL
+                        'div',
+                        { className: 'search__result-row-filter' },
+                        React__default.createElement(ItemPicker, {
+                          items: sortByTypes,
+                          selection: (selectedSortType === null || selectedSortType === void 0 ? void 0 : selectedSortType.label) || undefined,
+                          selectedSortByType: selectedSortType,
+                          label: translations.SRP.SORTBY,
+                          placeholder: translations.SRP.SORTBY,
+                          classModifier: 'travel-class-picker__items',
+                          valueFormatter: function (value, direction) {
+                            return getSortingName(
+                              translations,
+                              findSortByType(sortByTypes, value, direction !== null && direction !== void 0 ? direction : 'asc')
+                            );
+                          },
+                          onPick: function (newSortKey, direction) {
+                            return handleSortChange(newSortKey, direction);
+                          }
+                        })
                       )
                   ),
-                  !context.packagingEntry &&
-                    !isMobile &&
-                    sortByTypes &&
-                    sortByTypes.length > 0 &&
-                    React__default.createElement(
-                      'div',
-                      { className: 'search__result-row-filter' },
-                      React__default.createElement(ItemPicker, {
-                        items: sortByTypes,
-                        selection: (selectedSortType === null || selectedSortType === void 0 ? void 0 : selectedSortType.label) || undefined,
-                        selectedSortByType: selectedSortType,
-                        label: translations.SRP.SORTBY,
-                        placeholder: translations.SRP.SORTBY,
-                        classModifier: 'travel-class-picker__items',
-                        valueFormatter: function (value, direction) {
-                          return getSortingName(
-                            translations,
-                            findSortByType(sortByTypes, value, direction !== null && direction !== void 0 ? direction : 'asc')
-                          );
-                        },
-                        onPick: function (newSortKey, direction) {
-                          return handleSortChange(newSortKey, direction);
-                        }
-                      })
-                    )
-                ),
                 React__default.createElement(
                   'div',
                   { className: 'search__results__wrapper' },
@@ -48697,8 +50409,6 @@ var SearchResultsContainer = function () {
                   context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     !context.packagingEntry &&
                     context.showFlightResults &&
-                    // bookingPackageDetails?.outwardFlights &&
-                    // <FlightResults flights={bookingPackageDetails?.outwardFlights} isDeparture={true} />
                     React__default.createElement(
                       React__default.Fragment,
                       null,
@@ -48737,7 +50447,7 @@ var SearchResultsContainer = function () {
                                   item: selectedOutward.outward,
                                   guid: selectedOutward.outwardGuid,
                                   onSelect: function () {
-                                    return setSelectedOutwardKey(null);
+                                    return dispatch(setSelectedOutwardKey(null));
                                   },
                                   selectedGuid: selectedOutward.outwardGuid,
                                   isOutward: true,
@@ -48749,7 +50459,7 @@ var SearchResultsContainer = function () {
                                   key: 'flight-'.concat(result.outwardGuid),
                                   item: result.outward,
                                   onSelect: function () {
-                                    return setSelectedOutwardKey(getFlightKey(result.outward.segments));
+                                    return dispatch(setSelectedOutwardKey(getFlightKey(result.outward.segments)));
                                   },
                                   guid: result.outwardGuid,
                                   isOutward: true,
@@ -48768,10 +50478,10 @@ var SearchResultsContainer = function () {
                                   {
                                     className: 'cta cta--secondary',
                                     onClick: function () {
-                                      return setShowAllOutwardFlights(!showAllOutwardFlights);
+                                      return handleShowMoreFlights('flight-outward-results');
                                     }
                                   },
-                                  showAllOutwardFlights ? translations.SRP.SHOW_LESS : translations.SRP.SHOW_MORE
+                                  translations.SRP.SHOW_MORE
                                 )
                               )
                           )
@@ -48779,11 +50489,12 @@ var SearchResultsContainer = function () {
                   context.showHotelAccommodationResults &&
                     !context.packagingEntry &&
                     React__default.createElement(HotelAccommodationResults, { isLoading: isLoading }),
+                  context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
+                    !context.packagingEntry &&
+                    React__default.createElement(DayByDayExcursions, null),
                   context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     !context.packagingEntry &&
                     context.showFlightResults &&
-                    // bookingPackageDetails?.returnFlights &&
-                    // <FlightResults flights={bookingPackageDetails?.returnFlights} isDeparture={false} />
                     React__default.createElement(
                       React__default.Fragment,
                       null,
@@ -48826,7 +50537,7 @@ var SearchResultsContainer = function () {
                             key: 'flight-'.concat(result.outwardGuid),
                             item: result.return,
                             onSelect: function () {
-                              return setSelectedReturnKey(getFlightKey(result.return.segments));
+                              return dispatch(setSelectedReturnKey(getFlightKey(result.return.segments)));
                             },
                             guid: result.outwardGuid,
                             isOutward: false,
@@ -48843,7 +50554,6 @@ var SearchResultsContainer = function () {
                 )
               ),
               React__default.createElement(FlyIn, {
-                title: ''.concat(translations.SRP.SELECT, ' ').concat(translations.SRP.ACCOMMODATION),
                 srpType: context.searchConfiguration.qsmType,
                 isOpen: flyInIsOpen,
                 setIsOpen: handleFlyInToggle,
@@ -48854,8 +50564,10 @@ var SearchResultsContainer = function () {
                   return (panelRef.current = el);
                 },
                 detailsLoading: detailsIsLoading,
-                accommodationStep: accommodationFlyInStep,
-                isPackageEditFlow: !!context.packagingEntry
+                flyInType: flyInType,
+                isPackageEditFlow: !!context.packagingEntry,
+                sortByTypes: sortByTypes,
+                activeSearchSeed: activeSearchSeed
               })
             )
         )