@qite/tide-booking-component 1.4.69 → 1.4.70

package/build/build-esm/index.js

@@ -651,7 +651,8 @@ var SRP$f = {
   DEPARTURE_TIME_ASC: 'وقت المغادرة تصاعدياً',
   DEPARTURE_TIME_DESC: 'وقت المغادرة تنازلياً',
   DURATION_ASC: 'المدة تصاعدياً',
-  DURATION_DESC: 'المدة تنازلياً'
+  DURATION_DESC: 'المدة تنازلياً',
+  TRAVEL_GROUP: 'مجموعة المسافرين'
 };
 var arJson = {
   STEPS: STEPS$f,
@@ -1050,7 +1051,8 @@ var SRP$e = {
   DEPARTURE_TIME_ASC: 'Afgangstid stigende',
   DEPARTURE_TIME_DESC: 'Afgangstid faldende',
   DURATION_ASC: 'Varighed stigende',
-  DURATION_DESC: 'Varighed faldende'
+  DURATION_DESC: 'Varighed faldende',
+  TRAVEL_GROUP: 'Rejseselskab'
 };
 var daJson = {
   STEPS: STEPS$e,
@@ -1450,7 +1452,8 @@ var SRP$d = {
   DEPARTURE_RANGE: 'Abflugzeitraum',
   DEPARTURE_AIRPORTS: 'Abflughäfen',
   ARRIVAL_AIRPORTS: 'Ankunftsflughäfen',
-  PRICE: 'Preis'
+  PRICE: 'Preis',
+  TRAVEL_GROUP: 'Reisegruppe'
 };
 var deJson = {
   STEPS: STEPS$d,
@@ -1853,7 +1856,8 @@ var SRP$c = {
   NIGHT_RANGE: 'Night',
   DEPARTURE_RANGE: 'Departure range',
   DEPARTURE_AIRPORTS: 'Departure airports',
-  ARRIVAL_AIRPORTS: 'Arrival airports'
+  ARRIVAL_AIRPORTS: 'Arrival airports',
+  TRAVEL_GROUP: 'Travel group'
 };
 var enJson = {
   STEPS: STEPS$c,
@@ -2253,7 +2257,8 @@ var SRP$b = {
   DEPARTURE_RANGE: 'Franja de salida',
   DEPARTURE_AIRPORTS: 'Aeropuertos de salida',
   ARRIVAL_AIRPORTS: 'Aeropuertos de llegada',
-  PRICE: 'Precio'
+  PRICE: 'Precio',
+  TRAVEL_GROUP: 'Grupo de viaje'
 };
 var esJson = {
   STEPS: STEPS$b,
@@ -2657,7 +2662,8 @@ var SRP$a = {
   DEPARTURE_RANGE: 'Plage de départ',
   DEPARTURE_AIRPORTS: 'Aéroports de départ',
   ARRIVAL_AIRPORTS: 'Aéroports d’arrivée',
-  PRICE: 'Prix'
+  PRICE: 'Prix',
+  TRAVEL_GROUP: 'Groupe de voyageurs'
 };
 var frBeJson = {
   STEPS: STEPS$a,
@@ -3056,7 +3062,8 @@ var SRP$9 = {
   DEPARTURE_RANGE: 'Plage de départ',
   DEPARTURE_AIRPORTS: 'Aéroports de départ',
   ARRIVAL_AIRPORTS: 'Aéroports d’arrivée',
-  PRICE: 'Prix'
+  PRICE: 'Prix',
+  TRAVEL_GROUP: 'Groupe de voyageurs'
 };
 var frFrJson = {
   STEPS: STEPS$9,
@@ -3455,7 +3462,8 @@ var SRP$8 = {
   DEPARTURE_RANGE: 'Brottfarartímabil',
   DEPARTURE_AIRPORTS: 'Brottfararflugvellir',
   ARRIVAL_AIRPORTS: 'Komuflugvellir',
-  PRICE: 'Verð'
+  PRICE: 'Verð',
+  TRAVEL_GROUP: 'Ferðahópur'
 };
 var isJson = {
   STEPS: STEPS$8,
@@ -3855,7 +3863,8 @@ var SRP$7 = {
   DEPARTURE_RANGE: 'Fascia di partenza',
   DEPARTURE_AIRPORTS: 'Aeroporti di partenza',
   ARRIVAL_AIRPORTS: 'Aeroporti di arrivo',
-  PRICE: 'Prezzo'
+  PRICE: 'Prezzo',
+  TRAVEL_GROUP: 'Gruppo di viaggio'
 };
 var itJson = {
   STEPS: STEPS$7,
@@ -4259,7 +4268,8 @@ var SRP$6 = {
   DEPARTURE_RANGE: 'Vertrektijdstip',
   DEPARTURE_AIRPORTS: 'Vertrekluchthavens',
   ARRIVAL_AIRPORTS: 'Aankomstluchthavens',
-  PRICE: 'Prijs'
+  PRICE: 'Prijs',
+  TRAVEL_GROUP: 'Reisgezelschap'
 };
 var nlBeJson = {
   STEPS: STEPS$6,
@@ -4659,7 +4669,8 @@ var SRP$5 = {
   DEPARTURE_RANGE: 'Vertrektijdstip',
   DEPARTURE_AIRPORTS: 'Vertrekluchthavens',
   ARRIVAL_AIRPORTS: 'Aankomstluchthavens',
-  PRICE: 'Prijs'
+  PRICE: 'Prijs',
+  TRAVEL_GROUP: 'Reisgezelschap'
 };
 var nlNlJson = {
   STEPS: STEPS$5,
@@ -5059,7 +5070,8 @@ var SRP$4 = {
   DEPARTURE_RANGE: 'Avgangsperiode',
   DEPARTURE_AIRPORTS: 'Avgangsflyplasser',
   ARRIVAL_AIRPORTS: 'Ankomstflyplasser',
-  PRICE: 'Pris'
+  PRICE: 'Pris',
+  TRAVEL_GROUP: 'Reisefølge'
 };
 var noJson = {
   STEPS: STEPS$4,
@@ -5459,7 +5471,8 @@ var SRP$3 = {
   DEPARTURE_RANGE: 'Zakres wylotu',
   DEPARTURE_AIRPORTS: 'Lotniska wylotu',
   ARRIVAL_AIRPORTS: 'Lotniska przylotu',
-  PRICE: 'Cena'
+  PRICE: 'Cena',
+  TRAVEL_GROUP: 'Grupa podróżnych'
 };
 var plJson = {
   STEPS: STEPS$3,
@@ -5859,7 +5872,8 @@ var SRP$2 = {
   DEPARTURE_RANGE: 'Intervalo de partida',
   DEPARTURE_AIRPORTS: 'Aeroportos de partida',
   ARRIVAL_AIRPORTS: 'Aeroportos de chegada',
-  PRICE: 'Preço'
+  PRICE: 'Preço',
+  TRAVEL_GROUP: 'Grupo de viajantes'
 };
 var ptJson = {
   STEPS: STEPS$2,
@@ -6259,7 +6273,8 @@ var SRP$1 = {
   DEPARTURE_RANGE: 'Avgångsintervall',
   DEPARTURE_AIRPORTS: 'Avgångsflygplatser',
   ARRIVAL_AIRPORTS: 'Ankomstflygplatser',
-  PRICE: 'Pris'
+  PRICE: 'Pris',
+  TRAVEL_GROUP: 'Resesällskap'
 };
 var svJson = {
   STEPS: STEPS$1,
@@ -6657,7 +6672,8 @@ var SRP = {
   DEPARTURE_RANGE: '出発時間帯',
   DEPARTURE_AIRPORTS: '出発空港',
   ARRIVAL_AIRPORTS: '到着空港',
-  PRICE: '価格'
+  PRICE: '価格',
+  TRAVEL_GROUP: '旅行グループ'
 };
 var jaJson = {
   STEPS: STEPS,
@@ -6864,6 +6880,18 @@ var rangeFromDateTimeInMinutes = function (dateTime) {
       return DepartureRange.Night;
   }
 };
+var calculateNights = function (fromDate, toDate) {
+  var from = new Date(fromDate);
+  var to = new Date(toDate);
+  // Normalize to midnight to avoid time issues
+  from.setHours(0, 0, 0, 0);
+  to.setHours(0, 0, 0, 0);
+  var diffTime = to.getTime() - from.getTime();
+  return diffTime / (1000 * 60 * 60 * 24);
+};
+var calculateDays = function (fromDate, toDate) {
+  return calculateNights(fromDate, toDate) + 1;
+};
 
 var getDateFromParams = function (params, name) {
   var dateString = params.get(name);
@@ -33251,6 +33279,7 @@ var SearchResultsConfigurationContext = React__default.createContext(undefined);
 var _a;
 var initialState$1 = {
   results: [],
+  filteredResults: [],
   selectedHotelId: null,
   selectedFlight: null,
   selectedFlightDetails: null,
@@ -33268,7 +33297,10 @@ var searchResultsSlice = createSlice({
   initialState: initialState$1,
   reducers: {
     setResults: function (state, action) {
-      state.results = action.payload.results;
+      state.results = action.payload;
+    },
+    setFilteredResults: function (state, action) {
+      state.filteredResults = action.payload;
     },
     setSelectedHotel: function (state, action) {
       state.selectedHotelId = action.payload;
@@ -33337,6 +33369,7 @@ var searchResultsSlice = createSlice({
   }
 });
 var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
+  setFilteredResults = _a.setFilteredResults,
   setSelectedHotel = _a.setSelectedHotel,
   setSelectedFlight = _a.setSelectedFlight,
   setSelectedFlightDetails = _a.setSelectedFlightDetails,
@@ -34351,6 +34384,27 @@ var Icon$1 = function (_a) {
           fill: 'currentColor'
         })
       );
+    case 'ui-other':
+      return React__default.createElement(
+        'svg',
+        {
+          className: ['icon', 'icon--'.concat(name), className]
+            .filter(function (className) {
+              return !isEmpty(className);
+            })
+            .join(' '),
+          width: width,
+          height: height,
+          viewBox: '0 0 640 512',
+          fill: fill !== null && fill !== void 0 ? fill : 'currentColor'
+        },
+        React__default.createElement(HTMLComment, { text: '!Font Awesome Free 6.7.2 - mars-and-venus' }),
+        title && React__default.createElement('title', null, title),
+        React__default.createElement('path', {
+          d: 'M320 32c0-17.7 14.3-32 32-32l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-50.7-64.2 64.2c19.5 28.4 31 62.7 31 99.8 0 97.2-78.8 176-176 176S32 401.2 32 304s78.8-176 176-176c37.1 0 71.4 11.5 99.8 31l64.2-64.2L320 96c-17.7 0-32-14.3-32-32zM208 416a112 112 0 1 0 0-224 112 112 0 1 0 0 224z',
+          fill: 'currentColor'
+        })
+      );
     default:
       return null;
   }
@@ -37824,7 +37878,9 @@ var mapSearchResult = function (searchResult, cmsItem, languageCode, translation
         : ((_h = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.parentItem) === null || _h === void 0 ? void 0 : _h.name) || '',
     price: formatPrice(searchResult.price, searchResult.currencyCode, languageCode),
     ctaText: translations === null || translations === void 0 ? void 0 : translations.SRP.VIEW_DETAILS,
-    days: calculateNights(searchResult.stayFromDate, searchResult.stayToDate, translations),
+    days: ''
+      .concat(calculateNights(searchResult.stayFromDate, searchResult.stayToDate), ' ')
+      .concat(translations === null || translations === void 0 ? void 0 : translations.SRP.NIGHTS),
     accommodation: searchResult.accommodationName,
     regime: searchResult.regimeName,
     stars:
@@ -37833,17 +37889,13 @@ var mapSearchResult = function (searchResult, cmsItem, languageCode, translation
         : _k.stars) || searchResult.hotelStars
   };
 };
-var calculateNights = function (fromDate, toDate, translations) {
-  var from = new Date(fromDate).getTime(); // returns a number
-  var to = new Date(toDate).getTime(); // returns a number
-  var diffTime = Math.abs(to - from);
-  var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-  return ''.concat(diffDays, ' ').concat(translations === null || translations === void 0 ? void 0 : translations.SRP.NIGHTS);
-};
 var HotelAccommodationResults = function (_a) {
   var _b, _c;
-  var isLoading = _a.isLoading,
-    context = _a.context;
+  var isLoading = _a.isLoading;
+  var context = useContext(SearchResultsConfigurationContext);
+  if (!context) {
+    return;
+  }
   if (context.showMockup) {
     return showMocukups(context);
   }
@@ -37860,9 +37912,9 @@ var HotelAccommodationResults = function (_a) {
   var _d = useSelector(function (state) {
       return state.searchResults;
     }),
-    results = _d.results,
+    filteredResults = _d.filteredResults,
     activeTab = _d.activeTab;
-  if (!results.length) {
+  if (!filteredResults.length) {
     return React__default.createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS);
   }
   var cmsMap = React__default.useMemo(
@@ -37886,7 +37938,7 @@ var HotelAccommodationResults = function (_a) {
     },
     [context.cmsHotelData]
   );
-  var firstResult = results === null || results === void 0 ? void 0 : results[0];
+  var firstResult = filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults[0];
   var firstResultDay = (firstResult === null || firstResult === void 0 ? void 0 : firstResult.fromDate) ? format$1(parseISO(firstResult.fromDate), 'd') : null;
   var firstResultMonth = (firstResult === null || firstResult === void 0 ? void 0 : firstResult.fromDate)
     ? format$1(parseISO(firstResult.fromDate), 'MMM')
@@ -37909,7 +37961,7 @@ var HotelAccommodationResults = function (_a) {
         React__default.createElement('h3', null, translations.SRP.SELECT, ' ', React__default.createElement('strong', null, translations.SRP.ACCOMMODATION))
       )
     ),
-    renderResults(results, context, cmsMap, activeTab, translations)
+    renderResults(filteredResults, context, cmsMap, activeTab, translations)
   );
 };
 var showMocukups = function (context) {
@@ -38240,12 +38292,11 @@ var RoundTripResults = function () {
   );
 };
 
-var enrichFiltersWithResults = function (results, filters) {
+var enrichFiltersWithResults = function (results, filters, tags) {
   if (!results || results.length === 0 || !filters) {
     return filters !== null && filters !== void 0 ? filters : [];
   }
-  for (var _i = 0, filters_1 = filters; _i < filters_1.length; _i++) {
-    var filter = filters_1[_i];
+  var _loop_1 = function (filter) {
     if (filter.property === 'price' && (filter.min == null || filter.max == null)) {
       var prices = results
         .map(function (r) {
@@ -38260,6 +38311,72 @@ var enrichFiltersWithResults = function (results, filters) {
         filter.max = Math.ceil(Math.max.apply(Math, prices));
       }
     }
+    if (filter.property === 'accommodation') {
+      var map_1 = new Map();
+      results.forEach(function (r) {
+        if (r.accommodationCode) {
+          map_1.set(r.accommodationCode, {
+            name: r.accommodationName,
+            code: r.accommodationCode
+          });
+        }
+      });
+      console.log('map', map_1);
+      filter.options = Array.from(map_1.values()).map(function (accommodation) {
+        var _a;
+        return {
+          label: (_a = accommodation.name) !== null && _a !== void 0 ? _a : accommodation.code,
+          value: accommodation.code,
+          isChecked: false
+        };
+      });
+    }
+    if (filter.property === 'regime') {
+      var map_2 = new Map();
+      results.forEach(function (r) {
+        if (r.regimeCode) {
+          map_2.set(r.regimeCode, {
+            name: r.regimeName,
+            code: r.regimeCode
+          });
+        }
+      });
+      filter.options = Array.from(map_2.values()).map(function (regime) {
+        var _a;
+        return {
+          label: (_a = regime.name) !== null && _a !== void 0 ? _a : regime.code,
+          value: regime.code,
+          isChecked: false
+        };
+      });
+    }
+    if (filter.property === 'theme') {
+      var map_3 = new Map();
+      results.forEach(function (r) {
+        var _a;
+        (_a = r.tagIds) === null || _a === void 0
+          ? void 0
+          : _a.forEach(function (tagId) {
+              var tag = tags.find(function (t) {
+                return t.id === tagId;
+              });
+              if (tag && tag.id != null && tag.name != null) {
+                map_3.set(tag.id, { name: tag.name, id: tag.id });
+              }
+            });
+      });
+      filter.options = Array.from(map_3.values()).map(function (theme) {
+        return {
+          label: theme.name,
+          value: theme.id,
+          isChecked: false
+        };
+      });
+    }
+  };
+  for (var _i = 0, filters_1 = filters; _i < filters_1.length; _i++) {
+    var filter = filters_1[_i];
+    _loop_1(filter);
   }
   return filters;
 };
@@ -40578,101 +40695,21 @@ var FlightResultsContainer = function (_a) {
   );
 };
 
-var initialFilters = [
-  {
-    property: 'regime',
-    label: 'Regime',
-    type: 'checkbox',
-    options: [
-      {
-        label: 'Room only',
-        value: ['RO', 'LO', 'OB'],
-        isChecked: false
-      },
-      {
-        label: 'Bed & Beakfast',
-        value: ['BB', 'KO'],
-        isChecked: false
-      },
-      {
-        label: 'Half board',
-        value: ['HB'],
-        isChecked: false
-      },
-      {
-        label: 'Full board',
-        value: ['FB'],
-        isChecked: false
-      }
-    ],
-    isFrontendFilter: false
-  },
-  {
-    property: 'price',
-    label: 'Prijs',
-    type: 'slider',
-    isFrontendFilter: false,
-    min: 2244,
-    max: 6785
-  },
-  {
-    property: 'rating',
-    label: 'Rating',
-    type: 'star-rating',
-    isFrontendFilter: true
-  },
-  {
-    property: 'theme',
-    label: "Thema's",
-    type: 'toggle',
-    options: [
-      {
-        label: 'Adults',
-        value: 1,
-        isChecked: false
-      },
-      {
-        label: 'Luxury',
-        value: 2,
-        isChecked: false
-      },
-      {
-        label: 'Welness & Spa',
-        value: 3,
-        isChecked: false
-      },
-      {
-        label: 'familie',
-        value: 4,
-        isChecked: false
-      }
-    ],
-    isFrontendFilter: false
-  }
-];
 var Filters = function (_a) {
   var _b;
-  var filters = _a.filters,
+  var initialFilters = _a.initialFilters,
+    filters = _a.filters,
     isOpen = _a.isOpen,
     handleSetIsOpen = _a.handleSetIsOpen,
-    handleApplyFilters = _a.handleApplyFilters,
     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 _d = useState([]),
-    pendingFilters = _d[0],
-    setPendingFilters = _d[1];
-  useEffect(
-    function () {
-      if (initialFilters.length > 0) {
-        setPendingFilters(initialFilters);
-      }
-    },
-    [initialFilters]
-  );
   var dispatch = useDispatch();
   var toggleFilterVisibility = function (filterId) {
     setVisibleFilters(function (prev) {
@@ -40680,331 +40717,429 @@ var Filters = function (_a) {
       return __assign(__assign({}, prev), ((_a = {}), (_a[filterId] = !prev[filterId]), _a));
     });
   };
-  var updatePendingFilter = function (updatedFilter) {
-    setPendingFilters(function (prevFilters) {
-      var index = prevFilters.findIndex(function (f) {
-        return f.property === updatedFilter.property;
-      });
-      if (index !== -1) {
-        var newFilters = __spreadArray([], prevFilters, true);
-        newFilters[index] = updatedFilter;
-        return newFilters;
-      } else {
-        return __spreadArray(__spreadArray([], prevFilters, true), [updatedFilter], false);
-      }
-    });
-  };
   var handleCheckBoxFilter = function (filter, option) {
-    setPendingFilters(function (prev) {
+    var updated = filters.map(function (f) {
       var _a;
-      var updated = prev.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;
-                })
-        });
+      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;
+              })
       });
-      if (!(context === null || context === void 0 ? void 0 : context.useGlobalApplyFilterButton) && !filter.useApplyFilterButton) {
-        dispatch(setFilters(updated));
-        (_a = context === null || context === void 0 ? void 0 : context.onFilterChange) === null || _a === void 0 ? void 0 : _a.call(context, updated);
-      }
-      return updated;
     });
+    dispatch(setFilters(updated));
   };
-  var handleSliderMinChange = function (filter, value) {
-    var _a, _b;
-    if (value < ((_b = (_a = filter.selectedMax) !== null && _a !== void 0 ? _a : filter.max) !== null && _b !== void 0 ? _b : 100)) {
-      var updatedFilter = __assign(__assign({}, filter), { selectedMin: value });
-      updatePendingFilter(updatedFilter);
-      if (!(context === null || context === void 0 ? void 0 : context.useGlobalApplyFilterButton) && !filter.useApplyFilterButton) {
-        applyFilters();
-      }
-    }
-  };
-  var handleSliderMaxChange = function (filter, value) {
-    var _a, _b;
-    if (value > ((_b = (_a = filter.selectedMin) !== null && _a !== void 0 ? _a : filter.min) !== null && _b !== void 0 ? _b : 0)) {
-      var updatedFilter = __assign(__assign({}, filter), { selectedMax: value });
-      updatePendingFilter(updatedFilter);
-      if (!(context === null || context === void 0 ? void 0 : context.useGlobalApplyFilterButton) && !filter.useApplyFilterButton) {
-        applyFilters();
-      }
-    }
-  };
-  var applyFilters = function () {
-    var _a;
-    dispatch(setFilters(pendingFilters));
-    (_a = context === null || context === void 0 ? void 0 : context.onFilterChange) === null || _a === void 0 ? void 0 : _a.call(context, pendingFilters);
-    handleApplyFilters();
-    if (isOpen) {
-      handleSetIsOpen();
-    }
+  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) {
-      setPendingFilters(initialFilters);
       dispatch(resetFilters(initialFilters));
     }
   };
-  var handleResetPendingChanges = function () {
-    setPendingFilters(filters); // ← back to last applied
-  };
-  var hasPendingChanges = function () {
-    return JSON.stringify(pendingFilters) !== JSON.stringify(filters);
-  };
-  if (!context || !context.showFilters) {
-    return null;
-  }
   return React__default.createElement(
-    React__default.Fragment,
-    null,
+    'div',
+    { className: 'search__filters--modal '.concat(isOpen ? 'is-open' : '') },
+    React__default.createElement('div', {
+      className: 'search__filters--background',
+      onClick: function () {
+        return handleSetIsOpen();
+      }
+    }),
     React__default.createElement(
-      'div',
-      { className: 'search__filters--modal '.concat(isOpen ? 'is-open' : '') },
-      React__default.createElement('div', {
-        className: 'search__filters--background',
+      'button',
+      {
+        className: 'search__filters--close',
         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(Icon$1, { name: 'ui-close', height: 24 })
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'search__filters' },
       React__default.createElement(
         'div',
-        { className: 'search__filters' },
+        { className: 'search__filter-row search__filter__header' },
         React__default.createElement(
           'div',
-          { className: 'search__filter-row search__filter__header' },
+          { className: 'search__filter-row-flex-title' },
+          React__default.createElement('p', { className: 'search__filter-small-title' }, translations.SRP.FILTERS)
+        ),
+        !isLoading &&
           React__default.createElement(
-            'div',
-            { className: 'search__filter-row-flex-title' },
-            React__default.createElement('p', { className: 'search__filter-small-title' }, translations.SRP.FILTERS)
-          ),
-          !isLoading &&
+            '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(
-              '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' },
-                pendingFilters.map(function (filter, index) {
-                  var _a, _b;
-                  var isVisible = (_a = visibleFilters[filter.property]) !== null && _a !== void 0 ? _a : true;
-                  return 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',
-                    { key: ''.concat(filter.property, '-').concat(index), className: 'search__filter-group' },
+                    {
+                      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(
-                      'div',
+                      'svg',
                       {
-                        className: 'search__filter-row search__filter-row--underline',
-                        onClick: function () {
-                          return toggleFilterVisibility(filter.property);
-                        },
-                        role: 'button',
-                        tabIndex: 0
+                        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('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'
+                      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 === 'checkbox' &&
-                      React__default.createElement(
-                        'div',
-                        { className: 'search__filter-rows' },
-                        filter.options &&
-                          filter.options.map(function (option, optionIndex) {
+                  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 search__filter-row--checkbox', key: ''.concat(option.label, '-').concat(optionIndex) },
+                              { 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(
-                                '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)
-                                )
+                                'label',
+                                { className: 'checkbox__label' },
+                                React__default.createElement('input', {
+                                  type: 'checkbox',
+                                  className: 'checkbox__input',
+                                  checked: option.isChecked,
+                                  onChange: function () {
+                                    return handleCheckBoxFilter(filter, option);
+                                  }
+                                })
                               )
                             );
                           })
-                      ),
-                    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) {
-                            handleSliderMinChange(filter, newMin);
-                            handleSliderMaxChange(filter, newMax);
-                          }
-                        });
-                      })(),
-                    isVisible &&
-                      filter.property === 'rating' &&
-                      filter.type === 'star-rating' &&
-                      (function () {
-                        var _a;
-                        var selectedRating = (_a = filter.selectedRating) !== null && _a !== void 0 ? _a : 0;
-                        var handleRatingChange = function (rating) {
-                          var updatedFilter = __assign(__assign({}, filter), { selectedRating: rating });
-                          updatePendingFilter(updatedFilter);
-                          if (!(context === null || context === void 0 ? void 0 : context.useGlobalApplyFilterButton) && !filter.useApplyFilterButton) {
-                            applyFilters();
-                          }
-                        };
-                        return React__default.createElement(
-                          'div',
-                          { className: 'search__filter-row star-rating-filter' },
-                          [5, 4, 3, 2, 1].map(function (star) {
-                            return React__default.createElement(
-                              'span',
-                              {
-                                key: star,
-                                className: 'star '.concat(star <= selectedRating ? 'filled' : ''),
-                                onClick: function () {
-                                  return handleRatingChange(star);
-                                },
-                                role: 'button',
-                                tabIndex: 0,
-                                onKeyDown: function (e) {
-                                  if (e.key === 'Enter' || e.key === ' ') handleRatingChange(star);
-                                }
-                              },
-                              '\u2605'
-                            );
-                          })
-                        );
-                      })()
-                  );
-                }),
-                context.useGlobalApplyFilterButton &&
-                  hasPendingChanges() &&
-                  React__default.createElement(
-                    'div',
-                    { className: 'search__filters__actions' },
-                    React__default.createElement(
-                      'button',
-                      {
-                        className: 'cta--secondary ',
-                        onClick: function () {
-                          handleResetPendingChanges();
-                          handleSetIsOpen();
-                        },
-                        disabled: isLoading
-                      },
-                      translations.SRP.CANCEL
                     ),
-                    React__default.createElement(
-                      'button',
-                      {
-                        className: 'cta',
-                        onClick: function () {
-                          return applyFilters();
+                  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);
                         },
-                        disabled: isLoading
-                      },
-                      translations.SRP.APPLY
-                    )
-                  )
+                        onChange: function (newMin, newMax) {
+                          handleSliderChange(filter, newMin, newMax);
+                        }
+                      });
+                    })()
+                );
+              })
+            )
+          )
+    )
+  );
+};
+
+var GroupTourCard = function (_a) {
+  var _b;
+  var result = _a.result,
+    languageCode = _a.languageCode;
+  var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
+  var genders = ((_b = result.allotment) === null || _b === void 0 ? void 0 : _b.travellerGenders) || [];
+  var maleCount = genders.filter(function (g) {
+    return g === 0;
+  }).length;
+  var femaleCount = genders.filter(function (g) {
+    return g === 1;
+  }).length;
+  var otherCount = genders.filter(function (g) {
+    return g === 2;
+  }).length;
+  return React__default.createElement(
+    'div',
+    { className: 'search__result-card' },
+    React__default.createElement(
+      'div',
+      { className: 'search__result-card__allotment' },
+      React__default.createElement(
+        'div',
+        { className: 'search__result-card__allotment__title__wrapper' },
+        React__default.createElement(
+          'h3',
+          { className: 'search__result-card__allotment__title' },
+          result.name,
+          React__default.createElement(
+            'span',
+            { className: 'search__result-card__allotment__badge' },
+            React__default.createElement(Icon$1, { name: 'ui-circle-check', width: 14, height: 14 }),
+            'GAR'
+          )
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'search__result-card__allotment__container' },
+          React__default.createElement(
+            'div',
+            { className: 'search__result-card__allotment__header' },
+            React__default.createElement(
+              'div',
+              { className: 'search__result-card__allotment__wrapper' },
+              React__default.createElement(
+                'div',
+                { className: 'search__result-card__allotment__date' },
+                React__default.createElement(Icon$1, { name: 'ui-plane', height: 16 }),
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-card__allotment__date--from' },
+                  format$1(new Date(result.fromDate), 'dd/MM/yyyy')
+                )
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'search__result-card__allotment__info' },
+                React__default.createElement('span', null, React__default.createElement(Icon$1, { name: 'ui-calendar', height: 16 })),
+                ' ',
+                calculateDays(result.stayFromDate, result.stayToDate),
+                ' ',
+                translations.PRODUCT.DAYS,
+                ' -',
+                ' ',
+                React__default.createElement('span', null, React__default.createElement(Icon$1, { name: 'ui-moon', height: 16 })),
+                calculateNights(result.stayFromDate, result.stayToDate),
+                ' ',
+                translations.SRP.NIGHTS
               )
             )
+          ),
+          result.allotment &&
+            React__default.createElement(
+              'div',
+              { className: 'search__result-card__allotment__info' },
+              React__default.createElement(
+                'span',
+                { className: 'search__result-card__allotment__info__group' },
+                translations === null || translations === void 0 ? void 0 : translations.SRP.TRAVEL_GROUP
+              ),
+              React__default.createElement(
+                'div',
+                { className: 'search__result-card__allotment__persons' },
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-card__allotment__person' },
+                  React__default.createElement(Icon$1, { name: 'ui-men', width: 16, height: 16 }),
+                  React__default.createElement('span', null, maleCount, ' p.')
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-card__allotment__person' },
+                  React__default.createElement(Icon$1, { name: 'ui-women', width: 16, height: 16 }),
+                  React__default.createElement('span', null, femaleCount, ' p.')
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'search__result-card__allotment__person' },
+                  React__default.createElement(Icon$1, { name: 'ui-other', width: 16, height: 16 }),
+                  React__default.createElement('span', null, otherCount, ' p.')
+                )
+              )
+            )
+        )
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'search__result-card__allotment__footer' },
+        React__default.createElement(
+          'div',
+          { className: 'search__result-card__allotment__price__wrapper' },
+          React__default.createElement(
+            'div',
+            { className: 'search__result-card__allotment__price' },
+            formatPrice(result.price, result.currencyCode, languageCode),
+            ' ',
+            translations.PRODUCT.PER_PERSON
+          )
+        ),
+        React__default.createElement('button', { className: 'cta cta--select' }, 'Bekijk reis')
       )
     )
   );
 };
 
+var GroupTourResults = function (_a) {
+  var _b, _c;
+  var isLoading = _a.isLoading;
+  var context = useContext(SearchResultsConfigurationContext);
+  if (!context) {
+    return;
+  }
+  if (isLoading) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      (_b = context.customSpinner) !== null && _b !== void 0 ? _b : React__default.createElement(Spinner, null)
+    );
+  }
+  var translations = getTranslations((_c = context.languageCode) !== null && _c !== void 0 ? _c : 'en-GB');
+  var _d = useSelector(function (state) {
+      return state.searchResults;
+    }),
+    filteredResults = _d.filteredResults;
+  _d.activeTab;
+  if (isEmpty(filteredResults)) {
+    return React__default.createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS);
+  }
+  return React__default.createElement(
+    'div',
+    { className: 'search__results__cards search__results__cards--list' },
+    filteredResults.map(function (result, index) {
+      return React__default.createElement(GroupTourCard, { key: index, result: result });
+    })
+  );
+};
+
+var applyFilters = function (results, filters) {
+  return results.filter(function (r) {
+    return filters.every(function (filter) {
+      var _a, _b, _c, _d;
+      if (!filter.isFrontendFilter) return true;
+      // ACCOMMODATION
+      if (filter.property === 'accommodation') {
+        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(r.accommodationCode);
+      }
+      // REGIME
+      if (filter.property === 'regime') {
+        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;
+        if (!r.regimeCode) return false;
+        return selected.includes(r.regimeCode);
+      }
+      // PRICE
+      if (filter.property === 'price') {
+        if (filter.selectedMin != null && r.price < filter.selectedMin) return false;
+        if (filter.selectedMax != null && r.price > filter.selectedMax) return false;
+        return true;
+      }
+      // THEME
+      if (filter.property === 'theme') {
+        var selected_1 =
+          (_c = filter.options) === null || _c === void 0
+            ? void 0
+            : _c
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected_1 || selected_1.length === 0) return true;
+        return (_d = r.tagIds) === null || _d === void 0
+          ? void 0
+          : _d.some(function (tagId) {
+              return selected_1.includes(tagId);
+            });
+      }
+      return true;
+    });
+  });
+};
+
 var SearchResultsContainer = function () {
   var _a;
   var dispatch = useDispatch();
@@ -41014,6 +41149,7 @@ var SearchResultsContainer = function () {
       return state.searchResults;
     }),
     results = _b.results,
+    filteredResults = _b.filteredResults,
     bookingPackageDetails = _b.bookingPackageDetails,
     entry = _b.entry,
     isLoading = _b.isLoading,
@@ -41022,21 +41158,18 @@ var SearchResultsContainer = function () {
     selectedHotelId = _b.selectedHotelId,
     flyInIsOpen = _b.flyInIsOpen;
   var isMobile = useMediaQuery('(max-width: 1200px)');
-  var _c = useState(0),
-    searchTrigger = _c[0],
-    setSearchTrigger = _c[1];
-  var _d = useState(false),
-    initialFiltersSet = _d[0],
-    setInitialFiltersSet = _d[1];
-  var _e = useState([]);
-  _e[0];
-  var setInitialFilters = _e[1];
+  var _c = useState(false),
+    initialFiltersSet = _c[0],
+    setInitialFiltersSet = _c[1];
+  var _d = useState([]),
+    initialFilters = _d[0],
+    setInitialFilters = _d[1];
+  var _e = useState(false),
+    filtersOpen = _e[0],
+    setFiltersOpen = _e[1];
   var _f = useState(false),
-    filtersOpen = _f[0],
-    setFiltersOpen = _f[1];
-  var _g = useState(false),
-    itineraryOpen = _g[0],
-    setItineraryOpen = _g[1];
+    itineraryOpen = _f[0],
+    setItineraryOpen = _f[1];
   var panelRef = useRef(null);
   var sortByTypes = [
     { direction: 'asc', label: 'price' },
@@ -41140,7 +41273,6 @@ var SearchResultsContainer = function () {
     var city = getNumberFromParams(params, 'location');
     var hotel = getNumberFromParams(params, 'hotel');
     var tagId = getNumberFromParams(params, 'tagId');
-    // temp hardcoded params
     if (!from || !to) {
       console.error('Missing fromDate or toDate in query params, using default values');
       return null;
@@ -41170,8 +41302,9 @@ var SearchResultsContainer = function () {
       officeId: 1,
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
-        serviceType: context.type === 'hotel' || context.type === 'hotel-flight' ? 3 : context.type === 'flight' ? 7 : context.type === 'roundTrip' ? 1 : 0,
-        searchType: 0,
+        serviceType:
+          context.type === 'hotel' || context.type === 'hotel-flight' ? 3 : context.type === 'flight' ? 7 : context.type === 'roundTrip' ? 1 : undefined,
+        searchType: context.type === 'groupTour' ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -41192,7 +41325,7 @@ var SearchResultsContainer = function () {
         //     .flatMap((o) => o.value.toString()) || [],
         // minPrice: filters.find((f) => f.property === 'price')?.selectedMin,
         // maxPrice: filters.find((f) => f.property === 'price')?.selectedMax,
-        useExactDates: true,
+        useExactDates: (context === null || context === void 0 ? void 0 : context.type) === 'groupTour' ? false : true,
         onlyCachedResults: false,
         includeAllAllotments: true,
         productIds: hotel ? [hotel] : [],
@@ -41268,17 +41401,17 @@ var SearchResultsContainer = function () {
   // seperate Search
   useEffect(
     function () {
-      var runHotelSearch = function () {
+      var runSearch = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var config, params, entryId, entryLight, searchRequest, rq, packageSearchResults, enrichedFilters, matching, err_1;
-          var _a;
-          return __generator(this, function (_b) {
-            switch (_b.label) {
+          var config, params, entryId, entryLight, searchRequest, rq, packageSearchResults, enrichedFilters, initialFilteredResults, matching, err_1;
+          var _a, _b;
+          return __generator(this, function (_c) {
+            switch (_c.label) {
               case 0:
                 dispatch(setIsLoading(true));
-                _b.label = 1;
+                _c.label = 1;
               case 1:
-                _b.trys.push([1, 6, , 7]);
+                _c.trys.push([1, 6, , 7]);
                 if (!context) {
                   return [2 /*return*/];
                 }
@@ -41293,7 +41426,7 @@ var SearchResultsContainer = function () {
                 if (!entryId) return [3 /*break*/, 3];
                 return [4 /*yield*/, build.getEntryLight(config, entryId)];
               case 2:
-                entryLight = _b.sent();
+                entryLight = _c.sent();
                 // populate itinerary store
                 dispatch(setEntry({ entry: entryLight }));
                 searchRequest = buildSearchFromEntry(entryLight);
@@ -41304,19 +41437,21 @@ var SearchResultsContainer = function () {
                   throw new Error('Invalid search parameters');
                 }
                 searchRequest = rq;
-                _b.label = 4;
+                _c.label = 4;
               case 4:
                 return [4 /*yield*/, build.search(config, searchRequest)];
               case 5:
-                packageSearchResults = _b.sent();
+                packageSearchResults = _c.sent();
                 console.log('Search results', packageSearchResults);
-                enrichedFilters = enrichFiltersWithResults(packageSearchResults, context.filters);
+                enrichedFilters = enrichFiltersWithResults(packageSearchResults, context.filters, (_a = context.tags) !== null && _a !== void 0 ? _a : []);
                 if (!initialFiltersSet) {
                   dispatch(resetFilters(enrichedFilters));
                   setInitialFilters(enrichedFilters);
                   setInitialFiltersSet(true);
                 }
-                dispatch(setResults({ results: packageSearchResults }));
+                dispatch(setResults(packageSearchResults));
+                initialFilteredResults = applyFilters(packageSearchResults, filters);
+                dispatch(setFilteredResults(initialFilteredResults));
                 if ((packageSearchResults === null || packageSearchResults === void 0 ? void 0 : packageSearchResults.length) > 0) {
                   if (entryId) {
                     matching = packageSearchResults.find(function (r) {
@@ -41326,13 +41461,13 @@ var SearchResultsContainer = function () {
                       dispatch(setSelectedHotel(matching.productId));
                     }
                   } else {
-                    dispatch(setSelectedHotel((_a = packageSearchResults[0]) === null || _a === void 0 ? void 0 : _a.productId));
+                    dispatch(setSelectedHotel((_b = packageSearchResults[0]) === null || _b === void 0 ? void 0 : _b.productId));
                   }
                 }
                 dispatch(setIsLoading(false));
                 return [3 /*break*/, 7];
               case 6:
-                err_1 = _b.sent();
+                err_1 = _c.sent();
                 console.error('Search failed', err_1);
                 dispatch(setIsLoading(false));
                 return [3 /*break*/, 7];
@@ -41345,13 +41480,14 @@ var SearchResultsContainer = function () {
       if (!(context === null || context === void 0 ? void 0 : context.showMockup)) {
         if (
           (context === null || context === void 0 ? void 0 : context.type) === 'hotel-flight' ||
-          (context === null || context === void 0 ? void 0 : context.type) === 'hotel'
+          (context === null || context === void 0 ? void 0 : context.type) === 'hotel' ||
+          (context === null || context === void 0 ? void 0 : context.type) === 'groupTour'
         ) {
-          runHotelSearch();
+          runSearch();
         }
       }
     },
-    [location.search, searchTrigger]
+    [location.search]
   );
   // Seperate detailsCall
   useEffect(
@@ -41452,6 +41588,13 @@ var SearchResultsContainer = function () {
     },
     [selectedHotelId]
   );
+  useEffect(
+    function () {
+      var filteredResults = applyFilters(results, filters);
+      dispatch(setFilteredResults(filteredResults));
+    },
+    [filters, results]
+  );
   return React__default.createElement(
     'div',
     { id: 'tide-booking', className: 'search__bg' },
@@ -41476,23 +41619,20 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          (context.type === 'hotel-flight' || context.type === 'hotel' || context.type === 'roundTrip') &&
+          (context.type === 'hotel-flight' || context.type === 'hotel' || context.type === 'groupTour' || context.type === 'roundTrip') &&
             React__default.createElement(
               React__default.Fragment,
               null,
               context.type != 'hotel-flight' &&
                 context.showFilters &&
                 React__default.createElement(Filters, {
+                  initialFilters: initialFilters,
                   filters: filters,
                   isOpen: filtersOpen,
                   handleSetIsOpen: function () {
                     return setFiltersOpen(!filtersOpen);
                   },
-                  handleApplyFilters: function () {
-                    return setSearchTrigger(function (prev) {
-                      return prev + 1;
-                    });
-                  },
+                  // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                   isLoading: isLoading
                 }),
               context.type === 'hotel-flight' &&
@@ -41560,7 +41700,7 @@ var SearchResultsContainer = function () {
                       React__default.createElement(
                         React__default.Fragment,
                         null,
-                        (results === null || results === void 0 ? void 0 : results.length) && results.length,
+                        (filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults.length) && filteredResults.length,
                         ' ',
                         translations.SRP.TOTAL_RESULTS_LABEL
                       )
@@ -41586,6 +41726,7 @@ var SearchResultsContainer = function () {
                   { className: 'search__results__wrapper' },
                   context.showTabViews && React__default.createElement(TabViews, null),
                   context.showRoundTripResults && context.showMockup && React__default.createElement(RoundTripResults, null),
+                  context.type === 'groupTour' && React__default.createElement(GroupTourResults, { isLoading: isLoading }),
                   context.type === 'hotel-flight' &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
@@ -41593,7 +41734,7 @@ var SearchResultsContainer = function () {
                       flights: bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights,
                       isDeparture: true
                     }),
-                  context.showHotelAccommodationResults && React__default.createElement(HotelAccommodationResults, { isLoading: isLoading, context: context }),
+                  context.showHotelAccommodationResults && React__default.createElement(HotelAccommodationResults, { isLoading: isLoading }),
                   context.type === 'hotel-flight' &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&