@qite/tide-booking-component 1.4.53 → 1.4.55

package/build/build-cjs/index.js

@@ -497,6 +497,9 @@ var PRINT_OFFER_BUTTON$f = {
   LABEL_CREATING: 'جارٍ إنشاء العرض…',
   LABEL_PRINTING: 'جارٍ إنشاء ملف PDF…'
 };
+var NAVBAR$f = {
+  SEARCH: 'بحث'
+};
 var QSM$g = {
   MULTIDESTINATION: 'وجهات متعددة',
   PACKAGES: 'باقات',
@@ -591,6 +594,7 @@ var arJson = {
   CONFIRMATION: CONFIRMATION$f,
   ERROR: ERROR$f,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$f,
+  NAVBAR: NAVBAR$f,
   QSM: QSM$g,
   SRP: SRP$f
 };
@@ -848,6 +852,9 @@ var PRINT_OFFER_BUTTON$e = {
   LABEL_CREATING: 'Genererer tilbud…',
   LABEL_PRINTING: 'Genererer PDF…'
 };
+var NAVBAR$e = {
+  SEARCH: 'Søg'
+};
 var QSM$f = {
   MULTIDESTINATION: 'Flere destinationer',
   PACKAGES: 'Pakkerejser',
@@ -942,6 +949,7 @@ var daJson = {
   CONFIRMATION: CONFIRMATION$e,
   ERROR: ERROR$e,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$e,
+  NAVBAR: NAVBAR$e,
   QSM: QSM$f,
   SRP: SRP$e
 };
@@ -1200,6 +1208,9 @@ var PRINT_OFFER_BUTTON$d = {
   LABEL_CREATING: 'Angebot wird erstellt…',
   LABEL_PRINTING: 'PDF wird erstellt…'
 };
+var NAVBAR$d = {
+  SEARCH: 'Suche'
+};
 var QSM$e = {
   MULTIDESTINATION: 'Mehrere Reiseziele',
   PACKAGES: 'Reisepakete',
@@ -1294,6 +1305,7 @@ var deJson = {
   CONFIRMATION: CONFIRMATION$d,
   ERROR: ERROR$d,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$d,
+  NAVBAR: NAVBAR$d,
   QSM: QSM$e,
   SRP: SRP$d
 };
@@ -1555,6 +1567,9 @@ var PRINT_OFFER_BUTTON$c = {
   LABEL_CREATING: 'Generating offer…',
   LABEL_PRINTING: 'Generating PDF…'
 };
+var NAVBAR$c = {
+  SEARCH: 'SEARCH'
+};
 var QSM$d = {
   MULTIDESTINATION: 'Multidestination',
   PACKAGES: 'Packages',
@@ -1649,6 +1664,7 @@ var enJson = {
   CONFIRMATION: CONFIRMATION$c,
   ERROR: ERROR$c,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$c,
+  NAVBAR: NAVBAR$c,
   QSM: QSM$d,
   SRP: SRP$c
 };
@@ -1907,6 +1923,9 @@ var PRINT_OFFER_BUTTON$b = {
   LABEL_CREATING: 'Generando presupuesto…',
   LABEL_PRINTING: 'Generando PDF…'
 };
+var NAVBAR$b = {
+  SEARCH: 'Buscar'
+};
 var QSM$c = {
   MULTIDESTINATION: 'Multidestino',
   PACKAGES: 'Paquetes',
@@ -2001,6 +2020,7 @@ var esJson = {
   CONFIRMATION: CONFIRMATION$b,
   ERROR: ERROR$b,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$b,
+  NAVBAR: NAVBAR$b,
   QSM: QSM$c,
   SRP: SRP$b
 };
@@ -2263,6 +2283,9 @@ var PRINT_OFFER_BUTTON$a = {
   LABEL_CREATING: 'Génération du devis…',
   LABEL_PRINTING: 'Génération du PDF…'
 };
+var NAVBAR$a = {
+  SEARCH: 'Rechercher'
+};
 var QSM$b = {
   MULTIDESTINATION: 'Multi-destinations',
   PACKAGES: 'Forfaits',
@@ -2357,6 +2380,7 @@ var frBeJson = {
   CONFIRMATION: CONFIRMATION$a,
   ERROR: ERROR$a,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$a,
+  NAVBAR: NAVBAR$a,
   QSM: QSM$b,
   SRP: SRP$a
 };
@@ -2614,6 +2638,9 @@ var PRINT_OFFER_BUTTON$9 = {
   LABEL_CREATING: 'Génération du devis…',
   LABEL_PRINTING: 'Génération du PDF…'
 };
+var NAVBAR$9 = {
+  SEARCH: 'Rechercher'
+};
 var QSM$a = {
   MULTIDESTINATION: 'Multi-destinations',
   PACKAGES: 'Forfaits',
@@ -2708,6 +2735,7 @@ var frFrJson = {
   CONFIRMATION: CONFIRMATION$9,
   ERROR: ERROR$9,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$9,
+  NAVBAR: NAVBAR$9,
   QSM: QSM$a,
   SRP: SRP$9
 };
@@ -2965,6 +2993,9 @@ var PRINT_OFFER_BUTTON$8 = {
   LABEL_CREATING: 'Búið til tilboð…',
   LABEL_PRINTING: 'Búið til PDF…'
 };
+var NAVBAR$8 = {
+  SEARCH: 'Leita'
+};
 var QSM$9 = {
   MULTIDESTINATION: 'Margir áfangastaðir',
   PACKAGES: 'Pakkar',
@@ -3059,6 +3090,7 @@ var isJson = {
   CONFIRMATION: CONFIRMATION$8,
   ERROR: ERROR$8,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$8,
+  NAVBAR: NAVBAR$8,
   QSM: QSM$9,
   SRP: SRP$8
 };
@@ -3317,6 +3349,9 @@ var PRINT_OFFER_BUTTON$7 = {
   LABEL_CREATING: 'Generazione del preventivo…',
   LABEL_PRINTING: 'Generazione del PDF…'
 };
+var NAVBAR$7 = {
+  SEARCH: 'Cerca'
+};
 var QSM$8 = {
   MULTIDESTINATION: 'Multidestinazione',
   PACKAGES: 'Pacchetti',
@@ -3411,6 +3446,7 @@ var itJson = {
   CONFIRMATION: CONFIRMATION$7,
   ERROR: ERROR$7,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$7,
+  NAVBAR: NAVBAR$7,
   QSM: QSM$8,
   SRP: SRP$7
 };
@@ -3673,6 +3709,9 @@ var PRINT_OFFER_BUTTON$6 = {
   LABEL_CREATING: 'Offerte genereren...',
   LABEL_PRINTING: 'PDF genereren...'
 };
+var NAVBAR$6 = {
+  SEARCH: 'Zoeken'
+};
 var QSM$7 = {
   MULTIDESTINATION: 'Meerdere bestemmingen',
   PACKAGES: 'Pakketten',
@@ -3767,6 +3806,7 @@ var nlBeJson = {
   CONFIRMATION: CONFIRMATION$6,
   ERROR: ERROR$6,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$6,
+  NAVBAR: NAVBAR$6,
   QSM: QSM$7,
   SRP: SRP$6
 };
@@ -4025,6 +4065,9 @@ var PRINT_OFFER_BUTTON$5 = {
   LABEL_CREATING: 'Offerte genereren…',
   LABEL_PRINTING: 'PDF genereren…'
 };
+var NAVBAR$5 = {
+  SEARCH: 'Zoeken'
+};
 var QSM$6 = {
   MULTIDESTINATION: 'Meerdere bestemmingen',
   PACKAGES: 'Pakketten',
@@ -4119,6 +4162,7 @@ var nlNlJson = {
   CONFIRMATION: CONFIRMATION$5,
   ERROR: ERROR$5,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$5,
+  NAVBAR: NAVBAR$5,
   QSM: QSM$6,
   SRP: SRP$5
 };
@@ -4377,6 +4421,9 @@ var PRINT_OFFER_BUTTON$4 = {
   LABEL_CREATING: 'Genererer tilbud…',
   LABEL_PRINTING: 'Genererer PDF…'
 };
+var NAVBAR$4 = {
+  SEARCH: 'Søk'
+};
 var QSM$5 = {
   MULTIDESTINATION: 'Flere destinasjoner',
   PACKAGES: 'Pakker',
@@ -4471,6 +4518,7 @@ var noJson = {
   CONFIRMATION: CONFIRMATION$4,
   ERROR: ERROR$4,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$4,
+  NAVBAR: NAVBAR$4,
   QSM: QSM$5,
   SRP: SRP$4
 };
@@ -4729,6 +4777,9 @@ var PRINT_OFFER_BUTTON$3 = {
   LABEL_CREATING: 'Generowanie oferty…',
   LABEL_PRINTING: 'Generowanie PDF…'
 };
+var NAVBAR$3 = {
+  SEARCH: 'Szukaj'
+};
 var QSM$4 = {
   MULTIDESTINATION: 'Wiele kierunków',
   PACKAGES: 'Pakiety',
@@ -4823,6 +4874,7 @@ var plJson = {
   CONFIRMATION: CONFIRMATION$3,
   ERROR: ERROR$3,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$3,
+  NAVBAR: NAVBAR$3,
   QSM: QSM$4,
   SRP: SRP$3
 };
@@ -5081,6 +5133,9 @@ var PRINT_OFFER_BUTTON$2 = {
   LABEL_CREATING: 'A gerar orçamento…',
   LABEL_PRINTING: 'A gerar PDF…'
 };
+var NAVBAR$2 = {
+  SEARCH: 'Pesquisar'
+};
 var QSM$3 = {
   MULTIDESTINATION: 'Multidestino',
   PACKAGES: 'Pacotes',
@@ -5175,6 +5230,7 @@ var ptJson = {
   CONFIRMATION: CONFIRMATION$2,
   ERROR: ERROR$2,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$2,
+  NAVBAR: NAVBAR$2,
   QSM: QSM$3,
   SRP: SRP$2
 };
@@ -5433,6 +5489,9 @@ var PRINT_OFFER_BUTTON$1 = {
   LABEL_CREATING: 'Skapar offert…',
   LABEL_PRINTING: 'Skapar PDF…'
 };
+var NAVBAR$1 = {
+  SEARCH: 'Sök'
+};
 var QSM$2 = {
   MULTIDESTINATION: 'Flera destinationer',
   PACKAGES: 'Paket',
@@ -5527,6 +5586,7 @@ var svJson = {
   CONFIRMATION: CONFIRMATION$1,
   ERROR: ERROR$1,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON$1,
+  NAVBAR: NAVBAR$1,
   QSM: QSM$2,
   SRP: SRP$1
 };
@@ -5783,6 +5843,9 @@ var PRINT_OFFER_BUTTON = {
   LABEL_CREATING: '見積もりを生成中…',
   LABEL_PRINTING: 'PDFを生成中…'
 };
+var NAVBAR = {
+  SEARCH: '検索'
+};
 var QSM$1 = {
   MULTIDESTINATION: '複数都市',
   PACKAGES: 'パッケージ',
@@ -5877,6 +5940,7 @@ var jaJson = {
   CONFIRMATION: CONFIRMATION,
   ERROR: ERROR,
   PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON,
+  NAVBAR: NAVBAR,
   QSM: QSM$1,
   SRP: SRP
 };
@@ -28752,6 +28816,7 @@ var LanguageSwitcher = function (_a) {
 };
 
 var Navbar = function (_a) {
+  var _b;
   var currentPath = _a.currentPath,
     logo = _a.logo,
     topLinks = _a.topLinks,
@@ -28760,15 +28825,16 @@ var Navbar = function (_a) {
     languages = _a.languages,
     onLanguageChange = _a.onLanguageChange,
     onSearch = _a.onSearch;
-  var _b = React.useState(false),
-    menuOpen = _b[0],
-    setMenuOpen = _b[1];
-  var _c = React.useState(''),
-    query = _c[0],
-    setQuery = _c[1];
-  var _d = React.useState(),
-    activeMobileGroup = _d[0],
-    setActiveMobileGroup = _d[1];
+  var _c = React.useState(false),
+    menuOpen = _c[0],
+    setMenuOpen = _c[1];
+  var _d = React.useState(''),
+    query = _d[0],
+    setQuery = _d[1];
+  var _e = React.useState(),
+    activeMobileGroup = _e[0],
+    setActiveMobileGroup = _e[1];
+  var translations = getTranslations((_b = language.code) !== null && _b !== void 0 ? _b : 'en-GB');
   var normalizePath = function (path) {
     return path.replace(/\/+$/, '');
   };
@@ -29040,7 +29106,7 @@ var Navbar = function (_a) {
                   onChange: function (e) {
                     return setQuery(e.target.value);
                   },
-                  placeholder: 'Search\u2026',
+                  placeholder: translations.NAVBAR.SEARCH,
                   autoComplete: 'off'
                 }),
                 React__default['default'].createElement(
@@ -32217,49 +32283,48 @@ var QSMContainer = function () {
       React__default['default'].createElement(
         'div',
         { className: 'qsm__filter' },
-        qsmType === 'hotel' ||
-          (qsmType == 'hotel-flight' &&
+        (qsmType === 'hotel' || qsmType === 'hotel-flight') &&
+          React__default['default'].createElement(
+            'div',
+            { className: 'radiobutton-group qsm__filter__inputgroup' },
             React__default['default'].createElement(
               'div',
-              { className: 'radiobutton-group qsm__filter__inputgroup' },
+              { className: 'radiobutton' },
               React__default['default'].createElement(
-                'div',
-                { className: 'radiobutton' },
-                React__default['default'].createElement(
-                  'label',
-                  { className: 'radiobutton__label' },
-                  React__default['default'].createElement('input', {
-                    type: 'radio',
-                    name: 'numberOfAccommodations',
-                    // onChange={handleMainBookerChange}
-                    // onBlur={formik.handleBlur}
-                    value: '',
-                    checked: true,
-                    readOnly: true,
-                    className: 'radiobutton__input'
-                  }),
-                  React__default['default'].createElement('span', null, translations.QSM.ONE_ACCOMMODATION)
-                )
-              ),
+                'label',
+                { className: 'radiobutton__label' },
+                React__default['default'].createElement('input', {
+                  type: 'radio',
+                  name: 'numberOfAccommodations',
+                  // onChange={handleMainBookerChange}
+                  // onBlur={formik.handleBlur}
+                  value: '',
+                  checked: true,
+                  readOnly: true,
+                  className: 'radiobutton__input'
+                }),
+                React__default['default'].createElement('span', null, translations.QSM.ONE_ACCOMMODATION)
+              )
+            ),
+            React__default['default'].createElement(
+              'div',
+              { className: 'radiobutton' },
               React__default['default'].createElement(
-                'div',
-                { className: 'radiobutton' },
-                React__default['default'].createElement(
-                  'label',
-                  { className: 'radiobutton__label' },
-                  React__default['default'].createElement('input', {
-                    type: 'radio',
-                    name: 'numberOfAccommodations',
-                    // onChange={handleMainBookerChange}
-                    // onBlur={formik.handleBlur}
-                    value: '',
-                    className: 'radiobutton__input',
-                    disabled: true
-                  }),
-                  React__default['default'].createElement('span', null, translations.QSM.MULTIPLE_ACCOMMODATIONS)
-                )
+                'label',
+                { className: 'radiobutton__label' },
+                React__default['default'].createElement('input', {
+                  type: 'radio',
+                  name: 'numberOfAccommodations',
+                  // onChange={handleMainBookerChange}
+                  // onBlur={formik.handleBlur}
+                  value: '',
+                  className: 'radiobutton__input',
+                  disabled: true
+                }),
+                React__default['default'].createElement('span', null, translations.QSM.MULTIPLE_ACCOMMODATIONS)
               )
-            )),
+            )
+          ),
         qsmType === 'flight' &&
           React__default['default'].createElement(
             'div',
@@ -32500,9 +32565,9 @@ var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
   setBookingPackageDetails = _a.setBookingPackageDetails,
   setEntry = _a.setEntry,
   selectFlight = _a.selectFlight,
-  setIsLoading = _a.setIsLoading;
-_a.setFilters;
-var resetFilters = _a.resetFilters,
+  setIsLoading = _a.setIsLoading,
+  setFilters = _a.setFilters,
+  resetFilters = _a.resetFilters,
   setSortKey = _a.setSortKey,
   setActiveTab = _a.setActiveTab;
 _a.setCurrentPage;
@@ -37016,8 +37081,8 @@ var mapSearchResult = function (searchResult, cmsItem, languageCode, translation
         ? void 0
         : _g.introductionTitle) || '',
     location:
-      searchResult.locationName && searchResult.countryName
-        ? ''.concat(searchResult.locationName, ', ').concat(searchResult.countryName)
+      searchResult.locationName || searchResult.regionName
+        ? ''.concat(searchResult.locationName || searchResult.regionName).concat(searchResult.countryName && ', '.concat(searchResult.countryName))
         : ((_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,
@@ -39848,6 +39913,433 @@ 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,
+    isOpen = _a.isOpen,
+    handleSetIsOpen = _a.handleSetIsOpen,
+    handleApplyFilters = _a.handleApplyFilters,
+    isLoading = _a.isLoading;
+  var context = React.useContext(SearchResultsConfigurationContext);
+  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
+  var _c = React.useState({}),
+    visibleFilters = _c[0],
+    setVisibleFilters = _c[1];
+  var _d = React.useState([]),
+    pendingFilters = _d[0],
+    setPendingFilters = _d[1];
+  React.useEffect(
+    function () {
+      if (initialFilters.length > 0) {
+        setPendingFilters(initialFilters);
+      }
+    },
+    [initialFilters]
+  );
+  var dispatch = reactRedux.useDispatch();
+  var toggleFilterVisibility = function (filterId) {
+    setVisibleFilters(function (prev) {
+      var _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 _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 (!(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;
+    });
+  };
+  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 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['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    React__default['default'].createElement(
+      'div',
+      { className: 'search__filters--modal '.concat(isOpen ? 'is-open' : '') },
+      React__default['default'].createElement('div', {
+        className: 'search__filters--background',
+        onClick: function () {
+          return handleSetIsOpen();
+        }
+      }),
+      React__default['default'].createElement(
+        'button',
+        {
+          className: 'search__filters--close',
+          onClick: function () {
+            return handleSetIsOpen();
+          }
+        },
+        React__default['default'].createElement(Icon$1, { name: 'ui-close', height: 24 })
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: 'search__filters' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'search__filter-row search__filter__header' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'search__filter-row-flex-title' },
+            React__default['default'].createElement('p', { className: 'search__filter-small-title' }, translations.SRP.FILTERS)
+          ),
+          !isLoading &&
+            React__default['default'].createElement(
+              'a',
+              {
+                className: 'search__filter-reset',
+                onClick: function () {
+                  return handleFullReset();
+                }
+              },
+              translations.SRP.RESET
+            )
+        ),
+        isLoading
+          ? React__default['default'].createElement(Spinner, null)
+          : React__default['default'].createElement(
+              React__default['default'].Fragment,
+              null,
+              React__default['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['default'].createElement(
+                    'div',
+                    { key: ''.concat(filter.property, '-').concat(index), className: 'search__filter-group' },
+                    React__default['default'].createElement(
+                      'div',
+                      {
+                        className: 'search__filter-row search__filter-row--underline',
+                        onClick: function () {
+                          return toggleFilterVisibility(filter.property);
+                        },
+                        role: 'button',
+                        tabIndex: 0
+                      },
+                      React__default['default'].createElement('h6', { className: 'search__filter-large-title' }, filter.label),
+                      React__default['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['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['default'].createElement(
+                        'div',
+                        { className: 'search__filter-rows' },
+                        filter.options &&
+                          filter.options.map(function (option, optionIndex) {
+                            return React__default['default'].createElement(
+                              'div',
+                              { className: 'search__filter-row search__filter-row--checkbox', key: ''.concat(option.label, '-').concat(optionIndex) },
+                              React__default['default'].createElement(
+                                'div',
+                                { className: 'checkbox' },
+                                React__default['default'].createElement(
+                                  'label',
+                                  { className: 'checkbox__label' },
+                                  React__default['default'].createElement('input', {
+                                    type: 'checkbox',
+                                    className: 'checkbox__input checkbox__input--parent',
+                                    checked: option.isChecked,
+                                    onChange: function (e) {
+                                      return handleCheckBoxFilter(filter, option);
+                                    }
+                                  }),
+                                  React__default['default'].createElement('span', { className: 'radiobutton__label-text' }, option.label)
+                                )
+                              )
+                            );
+                          })
+                      ),
+                    isVisible &&
+                      filter.type === 'toggle' &&
+                      React__default['default'].createElement(
+                        'div',
+                        { className: 'search__filter-rows' },
+                        (_b = filter.options) === null || _b === void 0
+                          ? void 0
+                          : _b.map(function (option, optionIndex) {
+                              return React__default['default'].createElement(
+                                'div',
+                                { className: 'search__filter-row', key: ''.concat(option.label, '-').concat(optionIndex) },
+                                React__default['default'].createElement('span', { className: 'search__filter-toggle-label' }, option.label),
+                                React__default['default'].createElement('div', { className: 'checkbox' }),
+                                React__default['default'].createElement(
+                                  'label',
+                                  { className: 'checkbox__label' },
+                                  React__default['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['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['default'].createElement(
+                          'div',
+                          { className: 'search__filter-row star-rating-filter' },
+                          [5, 4, 3, 2, 1].map(function (star) {
+                            return React__default['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['default'].createElement(
+                    'div',
+                    { className: 'search__filters__actions' },
+                    React__default['default'].createElement(
+                      'button',
+                      {
+                        className: 'cta--secondary ',
+                        onClick: function () {
+                          handleResetPendingChanges();
+                          handleSetIsOpen();
+                        },
+                        disabled: isLoading
+                      },
+                      translations.SRP.CANCEL
+                    ),
+                    React__default['default'].createElement(
+                      'button',
+                      {
+                        className: 'cta',
+                        onClick: function () {
+                          return applyFilters();
+                        },
+                        disabled: isLoading
+                      },
+                      translations.SRP.APPLY
+                    )
+                  )
+              )
+            )
+      )
+    )
+  );
+};
+
 var SearchResultsContainer = function () {
   var _a;
   var dispatch = reactRedux.useDispatch();
@@ -39866,8 +40358,8 @@ var SearchResultsContainer = function () {
     flyInIsOpen = _b.flyInIsOpen;
   var isMobile = useMediaQuery('(max-width: 1200px)');
   var _c = React.useState(0),
-    searchTrigger = _c[0];
-  _c[1];
+    searchTrigger = _c[0],
+    setSearchTrigger = _c[1];
   var _d = React.useState(false),
     initialFiltersSet = _d[0],
     setInitialFiltersSet = _d[1];
@@ -39881,10 +40373,11 @@ var SearchResultsContainer = function () {
     itineraryOpen = _g[0],
     setItineraryOpen = _g[1];
   var panelRef = React.useRef(null);
-  var sortingOptions = [
-    { key: 'price-asc', label: translations.SRP.PRICE_ASC },
-    { key: 'price-desc', label: translations.SRP.PRICE_DESC },
-    { key: 'departure-date', label: translations.SRP.DEPARTURE_ASC }
+  var sortByTypes = [
+    { direction: 'asc', label: 'price' },
+    { direction: 'desc', label: 'price' },
+    { direction: 'asc', label: 'departure' },
+    { direction: 'desc', label: 'departure' }
   ];
   var handleFlyInToggle = function (isOpen) {
     dispatch(setFlyInIsOpen(isOpen));
@@ -39972,7 +40465,7 @@ var SearchResultsContainer = function () {
     return searchRequest;
   };
   var buildSearchFromQueryParams = function (params) {
-    var _a, _b, _c, _d, _e;
+    var _a;
     var from = getDateFromParams(params, 'fromDate');
     var to = getDateFromParams(params, 'toDate');
     var rooms = getRoomsFromParams(params, 'rooms');
@@ -39984,11 +40477,8 @@ var SearchResultsContainer = function () {
     var tagId = getNumberFromParams(params, 'tagId');
     // temp hardcoded params
     if (!from || !to) {
-      from = '2026-04-07';
-      to = '2026-04-13';
-    }
-    if (!country && !region && !oord && !city) {
-      region = 1;
+      console.error('Missing fromDate or toDate in query params, using default values');
+      return null;
     }
     if (typeof window !== 'undefined') {
       window.scrollTo(0, 0);
@@ -40029,34 +40519,14 @@ var SearchResultsContainer = function () {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: true,
-        regimeCodes:
-          ((_c =
-            (_b = filters.find(function (f) {
-              return f.property === 'regime';
-            })) === null || _b === void 0
-              ? void 0
-              : _b.options) === null || _c === void 0
-            ? void 0
-            : _c
-                .filter(function (o) {
-                  return o.isChecked;
-                })
-                .flatMap(function (o) {
-                  return o.value.toString();
-                })) || [],
-        minPrice:
-          (_d = filters.find(function (f) {
-            return f.property === 'price';
-          })) === null || _d === void 0
-            ? void 0
-            : _d.selectedMin,
-        maxPrice:
-          (_e = filters.find(function (f) {
-            return f.property === 'price';
-          })) === null || _e === void 0
-            ? void 0
-            : _e.selectedMax,
+        includeFlights: context.type === 'hotel-flight' ? true : false,
+        // regimeCodes:
+        //   filters
+        //     .find((f) => f.property === 'regime')
+        //     ?.options?.filter((o) => o.isChecked)
+        //     .flatMap((o) => o.value.toString()) || [],
+        // minPrice: filters.find((f) => f.property === 'price')?.selectedMin,
+        // maxPrice: filters.find((f) => f.property === 'price')?.selectedMax,
         useExactDates: true,
         onlyCachedResults: false,
         includeAllAllotments: true,
@@ -40133,9 +40603,9 @@ var SearchResultsContainer = function () {
   // seperate Search
   React.useEffect(
     function () {
-      var runHotelFlightSearch = function () {
+      var runHotelSearch = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var config, params, entryId, entryLight, searchRequest, packageSearchResults, enrichedFilters, matching, err_1;
+          var config, params, entryId, entryLight, searchRequest, rq, packageSearchResults, enrichedFilters, matching, err_1;
           var _a;
           return __generator(this, function (_b) {
             switch (_b.label) {
@@ -40164,7 +40634,11 @@ var SearchResultsContainer = function () {
                 searchRequest = buildSearchFromEntry(entryLight);
                 return [3 /*break*/, 4];
               case 3:
-                searchRequest = buildSearchFromQueryParams(params);
+                rq = buildSearchFromQueryParams(params);
+                if (!rq) {
+                  throw new Error('Invalid search parameters');
+                }
+                searchRequest = rq;
                 _b.label = 4;
               case 4:
                 return [4 /*yield*/, build.search(config, searchRequest)];
@@ -40204,8 +40678,11 @@ 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') {
-          runHotelFlightSearch();
+        if (
+          (context === null || context === void 0 ? void 0 : context.type) === 'hotel-flight' ||
+          (context === null || context === void 0 ? void 0 : context.type) === 'hotel'
+        ) {
+          runHotelSearch();
         }
       }
     },
@@ -40254,7 +40731,7 @@ var SearchResultsContainer = function () {
                     productCode: selectedItem.code,
                     fromDate: selectedItem.fromDate,
                     toDate: selectedItem.toDate,
-                    includeFlights: true,
+                    includeFlights: context.type === 'hotel-flight' ? true : false,
                     includeHotels: true,
                     includePaxTypes: true,
                     checkExternalAvailability: true,
@@ -40334,17 +40811,33 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          context.type === 'hotel-flight' &&
+          (context.type === 'hotel-flight' || context.type === 'hotel' || context.type === 'roundTrip') &&
             React__default['default'].createElement(
               React__default['default'].Fragment,
               null,
-              React__default['default'].createElement(Itinerary, {
-                isOpen: itineraryOpen,
-                handleSetIsOpen: function () {
-                  return setItineraryOpen(!itineraryOpen);
-                },
-                isLoading: isLoading
-              }),
+              context.type != 'hotel-flight' &&
+                context.showFilters &&
+                React__default['default'].createElement(Filters, {
+                  filters: filters,
+                  isOpen: filtersOpen,
+                  handleSetIsOpen: function () {
+                    return setFiltersOpen(!filtersOpen);
+                  },
+                  handleApplyFilters: function () {
+                    return setSearchTrigger(function (prev) {
+                      return prev + 1;
+                    });
+                  },
+                  isLoading: isLoading
+                }),
+              context.type === 'hotel-flight' &&
+                React__default['default'].createElement(Itinerary, {
+                  isOpen: itineraryOpen,
+                  handleSetIsOpen: function () {
+                    return setItineraryOpen(!itineraryOpen);
+                  },
+                  isLoading: isLoading
+                }),
               React__default['default'].createElement(
                 'div',
                 { className: 'search__results' },
@@ -40355,7 +40848,8 @@ var SearchResultsContainer = function () {
                     React__default['default'].createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.showFilters &&
+                      context.type != 'hotel-flight' &&
+                        context.showFilters &&
                         React__default['default'].createElement(
                           'div',
                           {
@@ -40380,10 +40874,10 @@ var SearchResultsContainer = function () {
                           translations.SRP.SHOW_ITINERARY
                         )
                     ),
-                    sortingOptions &&
-                      sortingOptions.length > 0 &&
+                    sortByTypes &&
+                      sortByTypes.length > 0 &&
                       React__default['default'].createElement(ItemPicker, {
-                        items: sortingOptions,
+                        items: sortByTypes,
                         selection: sortKey || undefined,
                         label: translations.SRP.SORTBY,
                         placeholder: translations.SRP.SORTBY,
@@ -40407,13 +40901,13 @@ var SearchResultsContainer = function () {
                       )
                   ),
                   !isMobile &&
-                    sortingOptions &&
-                    sortingOptions.length > 0 &&
+                    sortByTypes &&
+                    sortByTypes.length > 0 &&
                     React__default['default'].createElement(
                       'div',
                       { className: 'search__result-row-filter' },
                       React__default['default'].createElement(ItemPicker, {
-                        items: sortingOptions,
+                        items: sortByTypes,
                         selection: sortKey || undefined,
                         label: translations.SRP.SORTBY,
                         placeholder: translations.SRP.SORTBY,
@@ -40427,7 +40921,8 @@ var SearchResultsContainer = function () {
                   { className: 'search__results__wrapper' },
                   context.showTabViews && React__default['default'].createElement(TabViews, null),
                   context.showRoundTripResults && context.showMockup && React__default['default'].createElement(RoundTripResults, null),
-                  context.showFlightResults &&
+                  context.type === 'hotel-flight' &&
+                    context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
                     React__default['default'].createElement(FlightResults, {
                       flights: bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights,
@@ -40435,7 +40930,8 @@ var SearchResultsContainer = function () {
                     }),
                   context.showHotelAccommodationResults &&
                     React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading, context: context }),
-                  context.showFlightResults &&
+                  context.type === 'hotel-flight' &&
+                    context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&
                     React__default['default'].createElement(FlightResults, {
                       flights: bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights,