@qite/tide-booking-component 1.4.53 → 1.4.54

package/build/build-esm/index.js

@@ -32070,49 +32070,48 @@ var QSMContainer = function () {
       React__default.createElement(
         'div',
         { className: 'qsm__filter' },
-        qsmType === 'hotel' ||
-          (qsmType == 'hotel-flight' &&
+        (qsmType === 'hotel' || qsmType === 'hotel-flight') &&
+          React__default.createElement(
+            'div',
+            { className: 'radiobutton-group qsm__filter__inputgroup' },
             React__default.createElement(
               'div',
-              { className: 'radiobutton-group qsm__filter__inputgroup' },
+              { className: 'radiobutton' },
               React__default.createElement(
-                'div',
-                { className: 'radiobutton' },
-                React__default.createElement(
-                  'label',
-                  { className: 'radiobutton__label' },
-                  React__default.createElement('input', {
-                    type: 'radio',
-                    name: 'numberOfAccommodations',
-                    // onChange={handleMainBookerChange}
-                    // onBlur={formik.handleBlur}
-                    value: '',
-                    checked: true,
-                    readOnly: true,
-                    className: 'radiobutton__input'
-                  }),
-                  React__default.createElement('span', null, translations.QSM.ONE_ACCOMMODATION)
-                )
-              ),
+                'label',
+                { className: 'radiobutton__label' },
+                React__default.createElement('input', {
+                  type: 'radio',
+                  name: 'numberOfAccommodations',
+                  // onChange={handleMainBookerChange}
+                  // onBlur={formik.handleBlur}
+                  value: '',
+                  checked: true,
+                  readOnly: true,
+                  className: 'radiobutton__input'
+                }),
+                React__default.createElement('span', null, translations.QSM.ONE_ACCOMMODATION)
+              )
+            ),
+            React__default.createElement(
+              'div',
+              { className: 'radiobutton' },
               React__default.createElement(
-                'div',
-                { className: 'radiobutton' },
-                React__default.createElement(
-                  'label',
-                  { className: 'radiobutton__label' },
-                  React__default.createElement('input', {
-                    type: 'radio',
-                    name: 'numberOfAccommodations',
-                    // onChange={handleMainBookerChange}
-                    // onBlur={formik.handleBlur}
-                    value: '',
-                    className: 'radiobutton__input',
-                    disabled: true
-                  }),
-                  React__default.createElement('span', null, translations.QSM.MULTIPLE_ACCOMMODATIONS)
-                )
+                'label',
+                { className: 'radiobutton__label' },
+                React__default.createElement('input', {
+                  type: 'radio',
+                  name: 'numberOfAccommodations',
+                  // onChange={handleMainBookerChange}
+                  // onBlur={formik.handleBlur}
+                  value: '',
+                  className: 'radiobutton__input',
+                  disabled: true
+                }),
+                React__default.createElement('span', null, translations.QSM.MULTIPLE_ACCOMMODATIONS)
               )
-            )),
+            )
+          ),
         qsmType === 'flight' &&
           React__default.createElement(
             'div',
@@ -32346,9 +32345,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;
@@ -39583,6 +39582,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 = useContext(SearchResultsConfigurationContext);
+  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) {
+      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.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'div',
+      { className: 'search__filters--modal '.concat(isOpen ? 'is-open' : '') },
+      React__default.createElement('div', {
+        className: 'search__filters--background',
+        onClick: function () {
+          return handleSetIsOpen();
+        }
+      }),
+      React__default.createElement(
+        'button',
+        {
+          className: 'search__filters--close',
+          onClick: function () {
+            return handleSetIsOpen();
+          }
+        },
+        React__default.createElement(Icon$1, { name: 'ui-close', height: 24 })
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'search__filters' },
+        React__default.createElement(
+          'div',
+          { className: 'search__filter-row search__filter__header' },
+          React__default.createElement(
+            'div',
+            { className: 'search__filter-row-flex-title' },
+            React__default.createElement('p', { className: 'search__filter-small-title' }, translations.SRP.FILTERS)
+          ),
+          !isLoading &&
+            React__default.createElement(
+              'a',
+              {
+                className: 'search__filter-reset',
+                onClick: function () {
+                  return handleFullReset();
+                }
+              },
+              translations.SRP.RESET
+            )
+        ),
+        isLoading
+          ? React__default.createElement(Spinner, null)
+          : React__default.createElement(
+              React__default.Fragment,
+              null,
+              React__default.createElement(
+                'div',
+                { className: 'search__filters__group-container' },
+                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',
+                    { key: ''.concat(filter.property, '-').concat(index), className: 'search__filter-group' },
+                    React__default.createElement(
+                      'div',
+                      {
+                        className: 'search__filter-row search__filter-row--underline',
+                        onClick: function () {
+                          return toggleFilterVisibility(filter.property);
+                        },
+                        role: 'button',
+                        tabIndex: 0
+                      },
+                      React__default.createElement('h6', { className: 'search__filter-large-title' }, filter.label),
+                      React__default.createElement(
+                        'svg',
+                        {
+                          id: 'search-chevron-up-icon',
+                          className: 'search__filter-chevron-icon '.concat(isVisible ? 'search__filter-chevron-icon--flipped' : '', ' '),
+                          viewBox: '0 0 10 6.063',
+                          width: 10,
+                          height: 6.063
+                        },
+                        React__default.createElement('path', {
+                          id: 'Path_62',
+                          'data-name': 'Path 62',
+                          d: 'M245-617.937l-5-5L241.063-624,245-620.062,248.938-624,250-622.937Z',
+                          transform: 'translate(-240 624)',
+                          fill: '#707070'
+                        })
+                      )
+                    ),
+                    isVisible &&
+                      filter.type === 'checkbox' &&
+                      React__default.createElement(
+                        'div',
+                        { className: 'search__filter-rows' },
+                        filter.options &&
+                          filter.options.map(function (option, optionIndex) {
+                            return React__default.createElement(
+                              'div',
+                              { className: 'search__filter-row search__filter-row--checkbox', key: ''.concat(option.label, '-').concat(optionIndex) },
+                              React__default.createElement(
+                                'div',
+                                { className: 'checkbox' },
+                                React__default.createElement(
+                                  'label',
+                                  { className: 'checkbox__label' },
+                                  React__default.createElement('input', {
+                                    type: 'checkbox',
+                                    className: 'checkbox__input checkbox__input--parent',
+                                    checked: option.isChecked,
+                                    onChange: function (e) {
+                                      return handleCheckBoxFilter(filter, option);
+                                    }
+                                  }),
+                                  React__default.createElement('span', { className: 'radiobutton__label-text' }, option.label)
+                                )
+                              )
+                            );
+                          })
+                      ),
+                    isVisible &&
+                      filter.type === 'toggle' &&
+                      React__default.createElement(
+                        'div',
+                        { className: 'search__filter-rows' },
+                        (_b = filter.options) === null || _b === void 0
+                          ? void 0
+                          : _b.map(function (option, optionIndex) {
+                              return React__default.createElement(
+                                'div',
+                                { className: 'search__filter-row', key: ''.concat(option.label, '-').concat(optionIndex) },
+                                React__default.createElement('span', { className: 'search__filter-toggle-label' }, option.label),
+                                React__default.createElement('div', { className: 'checkbox' }),
+                                React__default.createElement(
+                                  'label',
+                                  { className: 'checkbox__label' },
+                                  React__default.createElement('input', {
+                                    type: 'checkbox',
+                                    className: 'checkbox__input',
+                                    checked: option.isChecked,
+                                    onChange: function () {
+                                      return handleCheckBoxFilter(filter, option);
+                                    }
+                                  })
+                                )
+                              );
+                            })
+                      ),
+                    isVisible &&
+                      filter &&
+                      filter.type === 'slider' &&
+                      (function () {
+                        var _a, _b, _c, _d;
+                        var min = (_a = filter.min) !== null && _a !== void 0 ? _a : 0;
+                        var max = (_b = filter.max) !== null && _b !== void 0 ? _b : 100;
+                        var selectedMin = (_c = filter.selectedMin) !== null && _c !== void 0 ? _c : min;
+                        var selectedMax = (_d = filter.selectedMax) !== null && _d !== void 0 ? _d : max;
+                        return React__default.createElement(MultiRangeFilter, {
+                          min: min,
+                          max: max,
+                          selectedMin: selectedMin,
+                          selectedMax: selectedMax,
+                          valueFormatter: function (value) {
+                            return ''.concat(value);
+                          },
+                          onChange: function (newMin, newMax) {
+                            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();
+                        },
+                        disabled: isLoading
+                      },
+                      translations.SRP.APPLY
+                    )
+                  )
+              )
+            )
+      )
+    )
+  );
+};
+
 var SearchResultsContainer = function () {
   var _a;
   var dispatch = useDispatch();
@@ -39601,8 +40027,8 @@ var SearchResultsContainer = function () {
     flyInIsOpen = _b.flyInIsOpen;
   var isMobile = useMediaQuery('(max-width: 1200px)');
   var _c = useState(0),
-    searchTrigger = _c[0];
-  _c[1];
+    searchTrigger = _c[0],
+    setSearchTrigger = _c[1];
   var _d = useState(false),
     initialFiltersSet = _d[0],
     setInitialFiltersSet = _d[1];
@@ -39616,10 +40042,11 @@ var SearchResultsContainer = function () {
     itineraryOpen = _g[0],
     setItineraryOpen = _g[1];
   var panelRef = 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));
@@ -39707,7 +40134,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');
@@ -39719,11 +40146,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);
@@ -39764,34 +40188,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,
@@ -39868,9 +40272,9 @@ var SearchResultsContainer = function () {
   // seperate Search
   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) {
@@ -39899,7 +40303,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)];
@@ -39939,8 +40347,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();
         }
       }
     },
@@ -39989,7 +40400,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,
@@ -40069,17 +40480,33 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          context.type === 'hotel-flight' &&
+          (context.type === 'hotel-flight' || context.type === 'hotel' || context.type === 'roundTrip') &&
             React__default.createElement(
               React__default.Fragment,
               null,
-              React__default.createElement(Itinerary, {
-                isOpen: itineraryOpen,
-                handleSetIsOpen: function () {
-                  return setItineraryOpen(!itineraryOpen);
-                },
-                isLoading: isLoading
-              }),
+              context.type != 'hotel-flight' &&
+                context.showFilters &&
+                React__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.createElement(Itinerary, {
+                  isOpen: itineraryOpen,
+                  handleSetIsOpen: function () {
+                    return setItineraryOpen(!itineraryOpen);
+                  },
+                  isLoading: isLoading
+                }),
               React__default.createElement(
                 'div',
                 { className: 'search__results' },
@@ -40090,7 +40517,8 @@ var SearchResultsContainer = function () {
                     React__default.createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.showFilters &&
+                      context.type != 'hotel-flight' &&
+                        context.showFilters &&
                         React__default.createElement(
                           'div',
                           {
@@ -40115,10 +40543,10 @@ var SearchResultsContainer = function () {
                           translations.SRP.SHOW_ITINERARY
                         )
                     ),
-                    sortingOptions &&
-                      sortingOptions.length > 0 &&
+                    sortByTypes &&
+                      sortByTypes.length > 0 &&
                       React__default.createElement(ItemPicker, {
-                        items: sortingOptions,
+                        items: sortByTypes,
                         selection: sortKey || undefined,
                         label: translations.SRP.SORTBY,
                         placeholder: translations.SRP.SORTBY,
@@ -40142,13 +40570,13 @@ var SearchResultsContainer = function () {
                       )
                   ),
                   !isMobile &&
-                    sortingOptions &&
-                    sortingOptions.length > 0 &&
+                    sortByTypes &&
+                    sortByTypes.length > 0 &&
                     React__default.createElement(
                       'div',
                       { className: 'search__result-row-filter' },
                       React__default.createElement(ItemPicker, {
-                        items: sortingOptions,
+                        items: sortByTypes,
                         selection: sortKey || undefined,
                         label: translations.SRP.SORTBY,
                         placeholder: translations.SRP.SORTBY,