@qite/tide-booking-component 1.4.78 → 1.4.80

package/build/build-esm/index.js

@@ -59,7 +59,8 @@ import {
   isEqual as isEqual$1,
   groupBy,
   minBy,
-  concat
+  concat,
+  flatMap
 } from 'lodash';
 import { arSA, da, de, enGB, es, fr, is, it, nl, nb, pl, pt, sv, ja, enUS } from 'date-fns/locale';
 import { usePopper } from 'react-popper';
@@ -12748,44 +12749,44 @@ PERFORMANCE OF THIS SOFTWARE.
     });
   };
 
-  var ENDPOINT$7 = '/api/web/booking/v2';
-  var ENDPOINT_AVAILABLE_FLIGHTS = ENDPOINT$7 + '/available-flights';
-  var ENDPOINT_TRANSPORT_DATES = ENDPOINT$7 + '/transport-dates';
-  var ENDPOINT_PRICES = ENDPOINT$7 + '/prices';
-  var ENDPOINT_AVAILABLE_COUNTRIES = ENDPOINT$7 + '/available-countries';
-  var ENDPOINT_SEARCH = ENDPOINT$7 + '/search';
-  var ENDPOINT_SEARCH_WITH_ERROR_MAPPING = ENDPOINT$7 + '/search-with-error-mapping';
+  var ENDPOINT$8 = '/api/web/booking/v2';
+  var ENDPOINT_AVAILABLE_FLIGHTS = ENDPOINT$8 + '/available-flights';
+  var ENDPOINT_TRANSPORT_DATES = ENDPOINT$8 + '/transport-dates';
+  var ENDPOINT_PRICES = ENDPOINT$8 + '/prices';
+  var ENDPOINT_AVAILABLE_COUNTRIES = ENDPOINT$8 + '/available-countries';
+  var ENDPOINT_SEARCH = ENDPOINT$8 + '/search';
+  var ENDPOINT_SEARCH_WITH_ERROR_MAPPING = ENDPOINT$8 + '/search-with-error-mapping';
   // const ENDPOINT_ELASTIC = `${ENDPOINT}/elastic`; // TODO
-  var ENDPOINT_DETAILS = ENDPOINT$7 + '/details';
-  var ENDPOINT_DETAILS_WL = ENDPOINT$7 + '/details-wl';
+  var ENDPOINT_DETAILS = ENDPOINT$8 + '/details';
+  var ENDPOINT_DETAILS_WL = ENDPOINT$8 + '/details-wl';
   var ENDPOINT_ENTRYLIGHT = function (code) {
-    return ENDPOINT$7 + '/entry-light/' + code;
+    return ENDPOINT$8 + '/entry-light/' + code;
   };
-  var ENDPOINT_VALIDATE_VOUCHER = ENDPOINT$7 + '/validate-voucher';
+  var ENDPOINT_VALIDATE_VOUCHER = ENDPOINT$8 + '/validate-voucher';
   var ENDPOINT_ALTERNATE_HOTELS = function (transactionId, optionId) {
-    return ENDPOINT$7 + '/details/' + transactionId + '/alternate-hotels/' + optionId;
+    return ENDPOINT$8 + '/details/' + transactionId + '/alternate-hotels/' + optionId;
   };
   var ENDPOINT_ALTERNATE_FLIGHTS = function (transactionId) {
-    return ENDPOINT$7 + '/details/' + transactionId + '/alternate-flights';
+    return ENDPOINT$8 + '/details/' + transactionId + '/alternate-flights';
   };
-  var ENDPOINT_BOOKABLE_DATES = ENDPOINT$7 + '/bookable-dates';
-  var ENDPOINT_PRICE_DETAILS = ENDPOINT$7 + '/price-details';
-  var ENDPOINT_BOOK = ENDPOINT$7 + '/book';
-  var ENDPOINT_UPDATE = ENDPOINT$7 + '/update';
-  var ENDPOINT_AGENTS = ENDPOINT$7 + '/agents';
+  var ENDPOINT_BOOKABLE_DATES = ENDPOINT$8 + '/bookable-dates';
+  var ENDPOINT_PRICE_DETAILS = ENDPOINT$8 + '/price-details';
+  var ENDPOINT_BOOK = ENDPOINT$8 + '/book';
+  var ENDPOINT_UPDATE = ENDPOINT$8 + '/update';
+  var ENDPOINT_AGENTS = ENDPOINT$8 + '/agents';
   var ENDPOINT_AVAILABLE_ALLOTMENTS = function (eventId, productCode) {
-    return ENDPOINT$7 + '/get-allotment-availability/' + eventId + '/' + productCode;
+    return ENDPOINT$8 + '/get-allotment-availability/' + eventId + '/' + productCode;
   };
-  var ENDPOINT_FLIGHT_POOL = ENDPOINT$7 + '/flight-pool';
-  var ENDPOINT_TOUR_CODES = ENDPOINT$7 + '/tourcodes';
+  var ENDPOINT_FLIGHT_POOL = ENDPOINT$8 + '/flight-pool';
+  var ENDPOINT_TOUR_CODES = ENDPOINT$8 + '/tourcodes';
   var ENDPOINT_CUSTOM_ENTRY_STATUS$1 = function (dossierNumber, customEntryStatusId) {
-    return ENDPOINT$7 + '/custom-entry-status/' + dossierNumber + '/' + customEntryStatusId;
+    return ENDPOINT$8 + '/custom-entry-status/' + dossierNumber + '/' + customEntryStatusId;
   };
   var ENDPOINT_ENTRY_STATUS = function (dossierNumber, entryStatus) {
-    return ENDPOINT$7 + '/entry-status/' + dossierNumber + '/' + entryStatus;
+    return ENDPOINT$8 + '/entry-status/' + dossierNumber + '/' + entryStatus;
   };
-  var ENDPOINT_ELASTIC = ENDPOINT$7 + '/elastic';
-  var ENDPOINT_FLIGHT_LINES = ENDPOINT$7 + '/flightlines';
+  var ENDPOINT_ELASTIC = ENDPOINT$8 + '/elastic';
+  var ENDPOINT_FLIGHT_LINES = ENDPOINT$8 + '/flightlines';
   var availableFlights = function (config, request, signal) {
     var url = '' + config.host + ENDPOINT_AVAILABLE_FLIGHTS;
     var apiKey = config.apiKey;
@@ -12925,12 +12926,12 @@ PERFORMANCE OF THIS SOFTWARE.
     return post(url, apiKey, body, config.token, signal, true);
   };
 
-  var ENDPOINT$6 = '/api/member';
-  var ENDPOINT_LOGIN = ENDPOINT$6 + '/login';
-  var ENDPOINT_LOGOUT = ENDPOINT$6 + '/logout';
-  var ENDPOINT_CONFIRM = ENDPOINT$6 + '/confirm';
-  var ENDPOINT_FORGOT_PASSWORD = ENDPOINT$6 + '/forgot-password';
-  var ENDPOINT_RESET_PASSWORD = ENDPOINT$6 + '/reset-password';
+  var ENDPOINT$7 = '/api/member';
+  var ENDPOINT_LOGIN = ENDPOINT$7 + '/login';
+  var ENDPOINT_LOGOUT = ENDPOINT$7 + '/logout';
+  var ENDPOINT_CONFIRM = ENDPOINT$7 + '/confirm';
+  var ENDPOINT_FORGOT_PASSWORD = ENDPOINT$7 + '/forgot-password';
+  var ENDPOINT_RESET_PASSWORD = ENDPOINT$7 + '/reset-password';
   var login = function (config, request, signal) {
     var url = '' + config.host + ENDPOINT_LOGIN;
     var apiKey = config.apiKey;
@@ -12962,8 +12963,8 @@ PERFORMANCE OF THIS SOFTWARE.
     return post$1(url, apiKey, body, config.token, signal);
   };
 
-  var ENDPOINT$5 = '/api/mollie';
-  var ENDPOINT_CREATE_PAYMENTS = ENDPOINT$5 + '/create-payment';
+  var ENDPOINT$6 = '/api/mollie';
+  var ENDPOINT_CREATE_PAYMENTS = ENDPOINT$6 + '/create-payment';
   /**
    * api/mollie/create-payment
    * @param request
@@ -12976,13 +12977,13 @@ PERFORMANCE OF THIS SOFTWARE.
     return post(url, apiKey, body, config.token, signal);
   };
 
-  var ENDPOINT$4 = '/api/web/search';
-  var ENDPOINT_COUNTRIES = ENDPOINT$4 + '/countries';
-  var ENDPOINT_REGIONS = ENDPOINT$4 + '/regions';
-  var ENDPOINT_OORDS = ENDPOINT$4 + '/oords';
-  var ENDPOINT_LOCATIONS$1 = ENDPOINT$4 + '/locations';
+  var ENDPOINT$5 = '/api/web/search';
+  var ENDPOINT_COUNTRIES = ENDPOINT$5 + '/countries';
+  var ENDPOINT_REGIONS = ENDPOINT$5 + '/regions';
+  var ENDPOINT_OORDS = ENDPOINT$5 + '/oords';
+  var ENDPOINT_LOCATIONS$1 = ENDPOINT$5 + '/locations';
   var ENDPOINT_PORTAL = function (portalId) {
-    return ENDPOINT$4 + '/portal/' + portalId;
+    return ENDPOINT$5 + '/portal/' + portalId;
   };
   var ENDPOINT_AIRPORT = '/api/web/entity/airport';
   /**
@@ -13144,12 +13145,12 @@ PERFORMANCE OF THIS SOFTWARE.
     return d instanceof Date && !isNaN(d.getTime());
   };
 
-  var ENDPOINT$3 = '/api/web/agent';
-  var ENDPOINT_GET_PRINT_ACTIONS = ENDPOINT$3 + '/print-action';
-  var ENDPOINT_PRINT = ENDPOINT$3 + '/print-action';
-  var ENDPOINT_CUSTOM_ENTRY_STATUS = ENDPOINT$3 + '/custom-entry-status';
-  var ENDPOINT_ENUM_ENTRY_STATUS = ENDPOINT$3 + '/enum/entry-status';
-  var ENDPOINT_CHANGE_ENTRY_AGENT_SURCHARGE = ENDPOINT$3 + '/entry/change-agent-surcharge';
+  var ENDPOINT$4 = '/api/web/agent';
+  var ENDPOINT_GET_PRINT_ACTIONS = ENDPOINT$4 + '/print-action';
+  var ENDPOINT_PRINT = ENDPOINT$4 + '/print-action';
+  var ENDPOINT_CUSTOM_ENTRY_STATUS = ENDPOINT$4 + '/custom-entry-status';
+  var ENDPOINT_ENUM_ENTRY_STATUS = ENDPOINT$4 + '/enum/entry-status';
+  var ENDPOINT_CHANGE_ENTRY_AGENT_SURCHARGE = ENDPOINT$4 + '/entry/change-agent-surcharge';
   /**
    * api/web/agent/print-action/{print-action-group}
    * @param config
@@ -13182,7 +13183,7 @@ PERFORMANCE OF THIS SOFTWARE.
         return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
       })
       .join('&');
-    var url = '' + config.host + ENDPOINT$3 + '/entry/list?' + queryString;
+    var url = '' + config.host + ENDPOINT$4 + '/entry/list?' + queryString;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
@@ -13193,7 +13194,7 @@ PERFORMANCE OF THIS SOFTWARE.
         return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
       })
       .join('&');
-    var url = '' + config.host + ENDPOINT$3 + '/v2/entry/list?' + queryString;
+    var url = '' + config.host + ENDPOINT$4 + '/v2/entry/list?' + queryString;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
@@ -13204,12 +13205,12 @@ PERFORMANCE OF THIS SOFTWARE.
         return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
       })
       .join('&');
-    var url = '' + config.host + ENDPOINT$3 + '/entry/total?' + queryString;
+    var url = '' + config.host + ENDPOINT$4 + '/entry/total?' + queryString;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
   var getEntryDetailv2 = function (config, entryId, signal) {
-    var url = '' + config.host + ENDPOINT$3 + '/v2/entry/detail/' + entryId;
+    var url = '' + config.host + ENDPOINT$4 + '/v2/entry/detail/' + entryId;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
@@ -13220,7 +13221,7 @@ PERFORMANCE OF THIS SOFTWARE.
         return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
       })
       .join('&');
-    var url = '' + config.host + ENDPOINT$3 + '/invoice/list?' + queryString;
+    var url = '' + config.host + ENDPOINT$4 + '/invoice/list?' + queryString;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
@@ -13247,25 +13248,25 @@ PERFORMANCE OF THIS SOFTWARE.
         return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
       })
       .join('&');
-    var url = '' + config.host + ENDPOINT$3 + '/allotment/list?' + queryString;
+    var url = '' + config.host + ENDPOINT$4 + '/allotment/list?' + queryString;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
   var getAllotment = function (config, allotmentId, signal) {
-    var url = '' + config.host + ENDPOINT$3 + '/allotment/' + allotmentId;
+    var url = '' + config.host + ENDPOINT$4 + '/allotment/' + allotmentId;
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
 
-  var ENDPOINT$2 = '/api/web';
-  var ENDPOINT_CREATE_CRM_CONTACT = ENDPOINT$2 + '/crmcontact';
-  var ENDPOINT_CONTACT_FORM$1 = ENDPOINT$2 + '/contactform';
-  var ENDPOINT_CREATE_AFFILIATES = ENDPOINT$2 + '/affiliates';
-  var ENDPOINT_TRANSLATION_DICTIONARY = ENDPOINT$2 + '/translation-dictionary';
-  var ENDPOINT_BOOKING_ACCOMMODATION = ENDPOINT$2 + '/booking-accommodation';
-  var ENDPOINT_LOCATIONS = ENDPOINT$2 + '/entity/locations';
+  var ENDPOINT$3 = '/api/web';
+  var ENDPOINT_CREATE_CRM_CONTACT = ENDPOINT$3 + '/crmcontact';
+  var ENDPOINT_CONTACT_FORM$1 = ENDPOINT$3 + '/contactform';
+  var ENDPOINT_CREATE_AFFILIATES = ENDPOINT$3 + '/affiliates';
+  var ENDPOINT_TRANSLATION_DICTIONARY = ENDPOINT$3 + '/translation-dictionary';
+  var ENDPOINT_BOOKING_ACCOMMODATION = ENDPOINT$3 + '/booking-accommodation';
+  var ENDPOINT_LOCATIONS = ENDPOINT$3 + '/entity/locations';
   var ENDPOINT_WEBSITE_CONFIGURATION = function (portalId) {
-    return ENDPOINT$2 + '/website/' + portalId + '/configuration';
+    return ENDPOINT$3 + '/website/' + portalId + '/configuration';
   };
   /**
    * api/web/crmcontact
@@ -13330,9 +13331,9 @@ PERFORMANCE OF THIS SOFTWARE.
     return get(url, apiKey, config.token, signal, true);
   };
 
-  var ENDPOINT$1 = '/api/web/contact';
-  var ENDPOINT_CONTACT_FORM = ENDPOINT$1 + '/contact-form';
-  var ENDPOINT_CONTACT_HAS_TAG = ENDPOINT$1 + '/has-tag';
+  var ENDPOINT$2 = '/api/web/contact';
+  var ENDPOINT_CONTACT_FORM = ENDPOINT$2 + '/contact-form';
+  var ENDPOINT_CONTACT_HAS_TAG = ENDPOINT$2 + '/has-tag';
   /**
    * api/web/contact/contact-form
    * Processes a contact form.
@@ -13354,8 +13355,8 @@ PERFORMANCE OF THIS SOFTWARE.
     return post$1(url, apiKey, body, config.token, signal);
   };
 
-  var ENDPOINT = '/api/web/file';
-  var ENDPOINT_FEED = ENDPOINT + '/feed';
+  var ENDPOINT$1 = '/api/web/file';
+  var ENDPOINT_FEED = ENDPOINT$1 + '/feed';
   /**
    * api/web/file/feed
    * fetch a xml from blob feed.
@@ -13384,6 +13385,16 @@ PERFORMANCE OF THIS SOFTWARE.
     return get$1(url, apiKey, config.token, signal);
   };
 
+  var ENDPOINT = '/api/web/packaging';
+  var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
+  // MANUAL PACKAGING SEARCH
+  var searchPackagingAccommodations = function (config, request, signal) {
+    var url = '' + config.host + ENDPOINT_ACCOMMODATIONS;
+    var apiKey = config.apiKey;
+    var body = JSON.stringify(request);
+    return post(url, apiKey, body, config.token, signal, true);
+  };
+
   exports.AllotmentType = AllotmentType;
   exports.ContactForm = ContactForm;
   exports.DataType = DataType;
@@ -13452,6 +13463,7 @@ PERFORMANCE OF THIS SOFTWARE.
   exports.searchFlightPool = searchFlightPool;
   exports.searchLocations = searchLocations;
   exports.searchOords = searchOords;
+  exports.searchPackagingAccommodations = searchPackagingAccommodations;
   exports.searchRegions = searchRegions;
   exports.searchWithErrorMapping = searchWithErrorMapping;
   exports.setCustomEntryStatus = setCustomEntryStatus;
@@ -24364,7 +24376,7 @@ var aggregatePricePerPaxType = function (priceDetails, requestRooms) {
     room.pax.forEach(function (pax) {
       var paxType = 'ADULT';
       if (typeof pax.age === 'number') {
-        if (pax.age <= 11) {
+        if (pax.age <= 11 && pax.age > 2) {
           paxType = 'CHILD';
         } else if (pax.age <= 2) {
           paxType = 'INFANT';
@@ -30300,6 +30312,7 @@ var Footer = function (_a) {
 
 var QSMConfigurationContext = React__default.createContext({
   type: PortalQsmType.Accommodation,
+  searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
   askTravelClass: false,
@@ -32907,6 +32920,7 @@ var TravelNationalityPicker = function () {
 };
 
 var QSMContainer = function () {
+  var _a;
   var dispatch = useDispatch();
   var isMobile = useMediaQuery('(max-width: 768px)');
   var qsmState = useSelector(function (state) {
@@ -32917,24 +32931,36 @@ var QSMContainer = function () {
     fromDate = qsmState.fromDate,
     toDate = qsmState.toDate,
     tripType = qsmState.tripType;
-  var _a = useContext(QSMConfigurationContext),
-    askTravelers = _a.askTravelers,
-    askRooms = _a.askRooms,
-    askNationality = _a.askNationality,
-    askTravelClass = _a.askTravelClass,
-    askTravelType = _a.askTravelType,
-    submitIcon = _a.submitIcon,
-    onSubmit = _a.onSubmit,
-    travelTypes = _a.travelTypes,
-    languageCode = _a.languageCode,
-    departureAirport = _a.departureAirport,
-    destinationAirport = _a.destinationAirport,
-    returnAirport = _a.returnAirport,
-    destination = _a.destination,
-    allowOneWay = _a.allowOneWay,
-    allowRoundtrip = _a.allowRoundtrip,
-    allowOpenJaw = _a.allowOpenJaw;
+  var _b = useContext(QSMConfigurationContext),
+    askTravelers = _b.askTravelers,
+    askRooms = _b.askRooms,
+    askNationality = _b.askNationality,
+    askTravelClass = _b.askTravelClass,
+    askTravelType = _b.askTravelType,
+    submitIcon = _b.submitIcon,
+    onSubmit = _b.onSubmit,
+    travelTypes = _b.travelTypes,
+    languageCode = _b.languageCode,
+    departureAirport = _b.departureAirport,
+    destinationAirport = _b.destinationAirport,
+    returnAirport = _b.returnAirport,
+    destination = _b.destination,
+    allowOneWay = _b.allowOneWay,
+    allowRoundtrip = _b.allowRoundtrip,
+    allowOpenJaw = _b.allowOpenJaw,
+    searchConfigurations = _b.searchConfigurations;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
+  useEffect(
+    function () {
+      var _a;
+      var defaultQsmType = (_a = first(searchConfigurations)) === null || _a === void 0 ? void 0 : _a.qsmType;
+      console.log('Available search configurations:', searchConfigurations);
+      if (!defaultQsmType) return;
+      console.log('set default qsmType:', defaultQsmType);
+      handleQsmTypeChange(defaultQsmType);
+    },
+    [searchConfigurations]
+  );
   useEffect(
     function () {
       if (fromDate || toDate) return;
@@ -32968,12 +32994,36 @@ var QSMContainer = function () {
   };
   var handleQsmTypeChange = function (value) {
     dispatch(setSelectedQsmType(value));
-    var startDate = addMonths(new Date(), 1);
+    var now = new Date();
+    // Default fallback
+    var startDate = addMonths(now, 1);
     var endDate = addDays(startDate, 7);
     if (value === PortalQsmType.GroupTour) {
-      startDate = new Date();
+      startDate = now;
       endDate = addYears(startDate, 1);
     }
+    var searchConfig = searchConfigurations.find(function (config) {
+      return config.qsmType === value;
+    });
+    if (searchConfig) {
+      var applyAmount = function (baseDate, type, amount) {
+        if (!amount || type == null) return baseDate;
+        switch (type) {
+          case build.DateAmountType.days:
+            return addDays(baseDate, amount);
+          case build.DateAmountType.months:
+            return addMonths(baseDate, amount);
+          default:
+            return baseDate;
+        }
+      };
+      if (searchConfig.fromDateAmount) {
+        startDate = applyAmount(now, searchConfig.fromDateAmountType, searchConfig.fromDateAmount);
+      }
+      if (searchConfig.toDateAmount) {
+        endDate = applyAmount(startDate, searchConfig.toDateAmountType, searchConfig.toDateAmount);
+      }
+    }
     handleDateChange({
       fromDate: startDate,
       toDate: endDate
@@ -33072,6 +33122,53 @@ var QSMContainer = function () {
     },
     [fromDate, toDate, departureAirport, returnAirport, allowOpenJaw]
   );
+  var qsmTypeMeta =
+    ((_a = {}),
+    (_a[PortalQsmType.Multidestination] = {
+      icon: 'ui-location',
+      label: translations.QSM.MULTIDESTINATION
+    }),
+    (_a[PortalQsmType.Package] = {
+      icon: 'ui-suitcase',
+      label: translations.QSM.PACKAGES
+    }),
+    (_a[PortalQsmType.AccommodationAndFlight] = {
+      icon: ['ui-backforward', 'ui-bed'],
+      label: translations.QSM.TRANSPORT_HOTEL
+    }),
+    (_a[PortalQsmType.Accommodation] = {
+      icon: 'ui-bed',
+      label: translations.QSM.ACCOMMODATION
+    }),
+    (_a[PortalQsmType.Flight] = {
+      icon: 'ui-flight',
+      label: translations.QSM.TRANSPORTS
+    }),
+    (_a[PortalQsmType.GroupTour] = {
+      icon: 'ui-group',
+      label: translations.QSM.GROUP_TOUR
+    }),
+    (_a[PortalQsmType.RoundTrip] = {
+      icon: 'ui-group',
+      label: translations.QSM.ROUNDTRIP
+    }),
+    (_a[PortalQsmType.Ticket] = {
+      icon: 'ui-ticket',
+      label: translations.QSM.TICKET_ONLY
+    }),
+    (_a[PortalQsmType.Car] = {
+      icon: 'ui-car',
+      label: translations.QSM.RENT_A_CAR
+    }),
+    (_a[PortalQsmType.Transfer] = {
+      icon: 'ui-backforward',
+      label: translations.QSM.TRANSFERS
+    }),
+    (_a[PortalQsmType.Cruise] = {
+      icon: 'ui-ship',
+      label: translations.QSM.CRUISES
+    }),
+    _a);
   return React__default.createElement(
     'div',
     { className: 'qsm' },
@@ -33081,132 +33178,31 @@ var QSMContainer = function () {
       React__default.createElement(
         'div',
         { className: 'qsm__tabs' },
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Multidestination ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Multidestination);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-location', height: 16 })),
-          translations.QSM.MULTIDESTINATION
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Package ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Package);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-suitcase', height: 16 })),
-          translations.QSM.PACKAGES
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.AccommodationAndFlight ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.AccommodationAndFlight);
-            }
-          },
-          React__default.createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default.createElement(Icon$2, { name: 'ui-backforward', height: 14 }),
-            '+',
-            React__default.createElement(Icon$2, { name: 'ui-bed', height: 14 })
-          ),
-          translations.QSM.TRANSPORT_HOTEL
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Accommodation ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Accommodation);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-bed', height: 16 })),
-          translations.QSM.ACCOMMODATION
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Flight ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Flight);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-flight', height: 16 })),
-          translations.QSM.TRANSPORTS
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.GroupTour ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.GroupTour);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-group', height: 16 })),
-          translations.QSM.GROUP_TOUR
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Ticket ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Ticket);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-ticket', height: 16 })),
-          translations.QSM.TICKET_ONLY
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Car ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Car);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-car', height: 16 })),
-          translations.QSM.RENT_A_CAR
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Transfer ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Transfer);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-backforward', height: 16 })),
-          translations.QSM.TRANSFERS
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Cruise ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Cruise);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-ship', height: 16 })),
-          translations.QSM.CRUISES
-        )
+        searchConfigurations.map(function (searchConfig, index) {
+          var meta = qsmTypeMeta[searchConfig.qsmType];
+          if (!meta) return null; // safety guard
+          return React__default.createElement(
+            'button',
+            {
+              key: 'qsm-type-'.concat(index),
+              type: 'button',
+              className: 'qsm__tab '.concat(qsmType === searchConfig.qsmType ? 'qsm__tab--active' : ''),
+              onClick: function () {
+                return handleQsmTypeChange(searchConfig.qsmType);
+              }
+            },
+            React__default.createElement(
+              'span',
+              { className: 'qsm__tab__icons' },
+              Array.isArray(meta.icon)
+                ? meta.icon.map(function (icon, i) {
+                    return React__default.createElement(Icon$2, { key: i, name: icon, height: 14 });
+                  })
+                : React__default.createElement(Icon$2, { name: meta.icon, height: 16 })
+            ),
+            meta.label
+          );
+        })
       ),
       React__default.createElement(
         'div',
@@ -33397,6 +33393,9 @@ var initialState$1 = {
   results: [],
   filteredResults: [],
   selectedSearchResultId: null,
+  packagingAccoResults: [],
+  filteredPackagingAccoResults: [],
+  selectedPackagingAccoResultCode: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
@@ -33421,6 +33420,15 @@ var searchResultsSlice = createSlice({
     setSelectedSearchResult: function (state, action) {
       state.selectedSearchResultId = action.payload;
     },
+    setPackagingAccoResults: function (state, action) {
+      state.packagingAccoResults = action.payload;
+    },
+    setFilteredPackagingAccoResults: function (state, action) {
+      state.filteredPackagingAccoResults = action.payload;
+    },
+    setSelectedPackagingAccoResult: function (state, action) {
+      state.selectedPackagingAccoResultCode = action.payload;
+    },
     setSelectedFlight: function (state, action) {
       state.selectedFlight = action.payload;
     },
@@ -33487,6 +33495,9 @@ var searchResultsSlice = createSlice({
 var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
   setFilteredResults = _a.setFilteredResults,
   setSelectedSearchResult = _a.setSelectedSearchResult,
+  setPackagingAccoResults = _a.setPackagingAccoResults,
+  setFilteredPackagingAccoResults = _a.setFilteredPackagingAccoResults,
+  setSelectedPackagingAccoResult = _a.setSelectedPackagingAccoResult,
   setSelectedFlight = _a.setSelectedFlight,
   setSelectedFlightDetails = _a.setSelectedFlightDetails,
   setBookingPackageDetails = _a.setBookingPackageDetails,
@@ -37845,15 +37856,48 @@ var FlyIn = function (_a) {
 };
 
 var HotelCard = function (_a) {
+  var _b;
   var result = _a.result,
     translations = _a.translations;
   var dispatch = useDispatch();
-  var selectedSearchResultId = useSelector(function (state) {
+  var selectedPackagingAccoResultCode = useSelector(function (state) {
     return state.searchResults;
-  }).selectedSearchResultId;
-  var handleChange = function (productId) {
-    dispatch(setSelectedSearchResult(productId));
+  }).selectedPackagingAccoResultCode;
+  var handleChange = function (productCode) {
+    dispatch(setSelectedPackagingAccoResult(productCode));
   };
+  if ((_b = result.contents) === null || _b === void 0 ? void 0 : _b.length) {
+    return React__default.createElement(
+      'div',
+      { className: 'search__result-card__wrapper' },
+      React__default.createElement('div', {
+        dangerouslySetInnerHTML: {
+          __html: result.contents
+        }
+      }),
+      React__default.createElement(
+        'div',
+        { className: 'search__result-card__footer' },
+        React__default.createElement(
+          'button',
+          {
+            type: 'button',
+            className: 'cta '.concat(selectedPackagingAccoResultCode === result.code ? 'cta--selected' : 'cta--select'),
+            onClick: function () {
+              return handleChange(result.code);
+            }
+          },
+          selectedPackagingAccoResultCode === result.code
+            ? translations === null || translations === void 0
+              ? void 0
+              : translations.SHARED.SELECTED
+            : translations === null || translations === void 0
+            ? void 0
+            : translations.SHARED.SELECT
+        )
+      )
+    );
+  }
   return React__default.createElement(
     'div',
     {
@@ -37937,12 +37981,12 @@ var HotelCard = function (_a) {
           'button',
           {
             type: 'button',
-            className: 'cta '.concat(selectedSearchResultId === result.id ? 'cta--selected' : 'cta--select'),
+            className: 'cta '.concat(selectedPackagingAccoResultCode === result.code ? 'cta--selected' : 'cta--select'),
             onClick: function () {
-              return handleChange(result.id);
+              return handleChange(result.code);
             }
           },
-          selectedSearchResultId === result.id
+          selectedPackagingAccoResultCode === result.code
             ? translations === null || translations === void 0
               ? void 0
               : translations.SHARED.SELECTED
@@ -37957,7 +38001,7 @@ var HotelCard = function (_a) {
 
 var renderResults = function (results, context, cmsMap, activeTab, translations) {
   var renderedResults = results.map(function (result, index) {
-    var cmsItem = cmsMap.get(result.productId);
+    var cmsItem = cmsMap.get(result.code);
     var mappedResult = mapSearchResult(result, cmsItem, context.languageCode, translations);
     if (
       (context === null || context === void 0 ? void 0 : context.showCustomCards) &&
@@ -37978,10 +38022,10 @@ var renderResults = function (results, context, cmsMap, activeTab, translations)
   );
 };
 var mapSearchResult = function (searchResult, cmsItem, languageCode, translations) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
   return {
     type: 'hotel',
-    id: searchResult.productId,
+    code: searchResult.code,
     title:
       ((_b = (_a = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _a === void 0 ? void 0 : _a.general) === null || _b === void 0
         ? void 0
@@ -38005,14 +38049,31 @@ var mapSearchResult = function (searchResult, cmsItem, languageCode, translation
     price: formatPrice(searchResult.price, searchResult.currencyCode, languageCode),
     ctaText: translations === null || translations === void 0 ? void 0 : translations.SRP.VIEW_DETAILS,
     days: ''
-      .concat(calculateNights(searchResult.stayFromDate, searchResult.stayToDate), ' ')
+      .concat(calculateNights(new Date(searchResult.fromDate), new Date(searchResult.toDate)), ' ')
       .concat(translations === null || translations === void 0 ? void 0 : translations.SRP.NIGHTS),
-    accommodation: searchResult.accommodationName,
-    regime: searchResult.regimeName,
+    accommodation:
+      ((_l =
+        (_k = (_j = first(searchResult.rooms)) === null || _j === void 0 ? void 0 : _j.options) === null || _k === void 0
+          ? void 0
+          : _k.find(function (x) {
+              return x.isSelected;
+            })) === null || _l === void 0
+        ? void 0
+        : _l.accommodationName) || '',
+    regime:
+      ((_p =
+        (_o = (_m = first(searchResult.rooms)) === null || _m === void 0 ? void 0 : _m.options) === null || _o === void 0
+          ? void 0
+          : _o.find(function (x) {
+              return x.isSelected;
+            })) === null || _p === void 0
+        ? void 0
+        : _p.regimeName) || '',
     stars:
-      ((_k = (_j = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _j === void 0 ? void 0 : _j.general) === null || _k === void 0
+      (_r = (_q = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _q === void 0 ? void 0 : _q.general) === null || _r === void 0
         ? void 0
-        : _k.stars) || searchResult.hotelStars
+        : _r.stars,
+    contents: searchResult.contents
   };
 };
 var HotelAccommodationResults = function (_a) {
@@ -38022,9 +38083,6 @@ var HotelAccommodationResults = function (_a) {
   if (!context) {
     return;
   }
-  if (context.showMockup) {
-    return showMocukups(context);
-  }
   var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
   if (isLoading) {
     return React__default.createElement(
@@ -38038,9 +38096,9 @@ var HotelAccommodationResults = function (_a) {
   var _d = useSelector(function (state) {
       return state.searchResults;
     }),
-    filteredResults = _d.filteredResults,
+    filteredPackagingAccoResults = _d.filteredPackagingAccoResults,
     activeTab = _d.activeTab;
-  if (!filteredResults.length) {
+  if (!filteredPackagingAccoResults.length) {
     return React__default.createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS);
   }
   var cmsMap = React__default.useMemo(
@@ -38051,20 +38109,20 @@ var HotelAccommodationResults = function (_a) {
         ? void 0
         : _a.forEach(function (item) {
             var _a, _b, _c;
-            var id =
+            var code =
               (_c =
                 (_b = (_a = item === null || item === void 0 ? void 0 : item.content) === null || _a === void 0 ? void 0 : _a.general) === null || _b === void 0
                   ? void 0
                   : _b.product) === null || _c === void 0
                 ? void 0
-                : _c.tideId;
-            if (id) map.set(id, item);
+                : _c.code;
+            if (code) map.set(code, item);
           });
       return map;
     },
     [context.cmsHotelData]
   );
-  var firstResult = filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults[0];
+  var firstResult = filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults[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')
@@ -38087,90 +38145,87 @@ var HotelAccommodationResults = function (_a) {
         React__default.createElement('h3', null, translations.SRP.SELECT, ' ', React__default.createElement('strong', null, translations.SRP.ACCOMMODATION))
       )
     ),
-    renderResults(filteredResults, context, cmsMap, activeTab, translations)
+    renderResults(filteredPackagingAccoResults, context, cmsMap, activeTab, translations)
   );
 };
-var showMocukups = function (context) {
-  var mockedHotelResults = [
-    {
-      type: 'hotel',
-      id: 2,
-      title: 'HTFSWILLCARL',
-      image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
-      description: '2 persoons kamer',
-      location: 'Tenerif, Spanje',
-      price: '$2244',
-      ctaText: 'Bekijk details',
-      days: '7 nights',
-      flightInfo: null,
-      accommodation: 'Hotel XYZ',
-      regime: 'All-inclusive',
-      stars: 5
-    },
-    {
-      type: 'hotel',
-      id: 3,
-      title: 'HTFSSOFTROCK',
-      image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
-      description: '3 persoons kamer',
-      location: 'Tenerif, Spanje',
-      price: '$2244',
-      ctaText: 'Bekijk details',
-      days: '7 nights',
-      flightInfo: null,
-      accommodation: 'Hotel ABC',
-      regime: 'Half-board',
-      stars: 4
-    },
-    {
-      type: 'hotel',
-      id: 4,
-      title: 'HTFSROYGAR',
-      image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
-      description: '4 persoons kamer',
-      location: 'Tenerif, Spanje',
-      price: '$2496',
-      ctaText: 'Bekijk details',
-      days: '7 nights',
-      flightInfo: null,
-      accommodation: 'Hotel DEF',
-      regime: 'Full-board',
-      stars: 5
-    },
-    {
-      type: 'hotel',
-      id: 5,
-      title: 'HTFSCONBEL',
-      image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
-      description: '5 persoons kamer',
-      location: 'Tenerif, Spanje',
-      price: '$6784.8',
-      ctaText: 'Bekijk details',
-      days: '7 nights',
-      flightInfo: null,
-      accommodation: 'Hotel GHI',
-      regime: 'All-inclusive',
-      stars: 5
-    }
-  ];
-  return React__default.createElement(React__default.Fragment, null, renderMockupResults(mockedHotelResults, context));
-};
-var renderMockupResults = function (results, context) {
-  var renderedResults = results.map(function (result, index) {
-    if (
-      (context === null || context === void 0 ? void 0 : context.showCustomCards) &&
-      (context === null || context === void 0 ? void 0 : context.customCardRenderer)
-    ) {
-      return React__default.createElement(
-        'div',
-        { key: ''.concat(result.id, '-').concat(index), className: 'search__result-card' },
-        context.customCardRenderer(result)
-      );
-    }
-    return React__default.createElement(HotelCard, { key: ''.concat(result.id, '-').concat(index), result: result });
-  });
-  return React__default.createElement('div', { className: 'search__results__cards' }, renderedResults);
-};
+// const showMocukups = (context: any) => {
+//   const mockedHotelResults = [
+//     {
+//       type: 'hotel',
+//       id: 2,
+//       title: 'HTFSWILLCARL',
+//       image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
+//       description: '2 persoons kamer',
+//       location: 'Tenerif, Spanje',
+//       price: '$2244',
+//       ctaText: 'Bekijk details',
+//       days: '7 nights',
+//       flightInfo: null,
+//       accommodation: 'Hotel XYZ',
+//       regime: 'All-inclusive',
+//       stars: 5
+//     } as HotelResult,
+//     {
+//       type: 'hotel',
+//       id: 3,
+//       title: 'HTFSSOFTROCK',
+//       image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
+//       description: '3 persoons kamer',
+//       location: 'Tenerif, Spanje',
+//       price: '$2244',
+//       ctaText: 'Bekijk details',
+//       days: '7 nights',
+//       flightInfo: null,
+//       accommodation: 'Hotel ABC',
+//       regime: 'Half-board',
+//       stars: 4
+//     } as HotelResult,
+//     {
+//       type: 'hotel',
+//       id: 4,
+//       title: 'HTFSROYGAR',
+//       image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
+//       description: '4 persoons kamer',
+//       location: 'Tenerif, Spanje',
+//       price: '$2496',
+//       ctaText: 'Bekijk details',
+//       days: '7 nights',
+//       flightInfo: null,
+//       accommodation: 'Hotel DEF',
+//       regime: 'Full-board',
+//       stars: 5
+//     } as HotelResult,
+//     {
+//       type: 'hotel',
+//       id: 5,
+//       title: 'HTFSCONBEL',
+//       image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
+//       description: '5 persoons kamer',
+//       location: 'Tenerif, Spanje',
+//       price: '$6784.8',
+//       ctaText: 'Bekijk details',
+//       days: '7 nights',
+//       flightInfo: null,
+//       accommodation: 'Hotel GHI',
+//       regime: 'All-inclusive',
+//       stars: 5
+//     } as HotelResult
+//   ] as HotelResult[];
+//   return <>{renderMockupResults(mockedHotelResults, context)}</>;
+// };
+// const renderMockupResults = (results: any[], context: any) => {
+//   const renderedResults = results.map((result, index) => {
+//     if (context?.showCustomCards && context?.customCardRenderer) {
+//       return (
+//         <div key={`${result.id}-${index}`} className="search__result-card">
+//           {context.customCardRenderer(result)}
+//         </div>
+//       );
+//     }
+//     return <HotelCard key={`${result.id}-${index}`} result={result} />;
+//   });
+//   return <div className="search__results__cards">{renderedResults}</div>;
+// };
 
 var RoundTripResults = function () {
   return React__default.createElement(
@@ -38418,91 +38473,6 @@ var RoundTripResults = function () {
   );
 };
 
-var enrichFiltersWithResults = function (results, filters, tags) {
-  if (!results || results.length === 0 || !filters) {
-    return filters !== null && filters !== void 0 ? filters : [];
-  }
-  return filters.map(function (filter) {
-    var updatedFilter = __assign({}, filter);
-    if (filter.property === 'price' && (filter.min == null || filter.max == null)) {
-      var prices = results
-        .map(function (r) {
-          var _a;
-          return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
-        })
-        .filter(function (p) {
-          return p > 0;
-        });
-      if (prices.length > 0) {
-        updatedFilter.min = Math.floor(Math.min.apply(Math, prices));
-        updatedFilter.max = Math.ceil(Math.max.apply(Math, prices));
-      }
-    }
-    if (filter.property === 'accommodation') {
-      var map_1 = new Map();
-      results.forEach(function (r) {
-        if (r.accommodationCode) {
-          map_1.set(r.accommodationCode, {
-            name: r.accommodationName,
-            code: r.accommodationCode
-          });
-        }
-      });
-      updatedFilter.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
-          });
-        }
-      });
-      updatedFilter.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 });
-              }
-            });
-      });
-      updatedFilter.options = Array.from(map_3.values()).map(function (theme) {
-        return {
-          label: theme.name,
-          value: theme.id,
-          isChecked: false
-        };
-      });
-    }
-    return updatedFilter;
-  });
-};
-
 var ticksToMinutes = function (ticks) {
   return Math.floor(ticks / 600000000);
 };
@@ -40664,7 +40634,7 @@ var FlightResultsContainer = function (_a) {
   useEffect(
     function () {
       if (!(context === null || context === void 0 ? void 0 : context.showMockup)) {
-        if ((context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.Flight && isHubReady) {
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.Flight && isHubReady) {
           onFlightSearch();
         }
       }
@@ -40804,7 +40774,7 @@ var FlightResultsContainer = function (_a) {
           'div',
           { className: 'search__results__wrapper' },
           flightsLoading && React__default.createElement(Spinner, null),
-          (context === null || context === void 0 ? void 0 : context.type) == PortalQsmType.Flight &&
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) == PortalQsmType.Flight &&
             (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
             results &&
             results.length > 0 &&
@@ -41217,6 +41187,165 @@ var GroupTourResults = function (_a) {
   );
 };
 
+var enrichFiltersWithResults = function (results, filters, tags) {
+  if (!results || results.length === 0 || !filters) {
+    return filters !== null && filters !== void 0 ? filters : [];
+  }
+  return filters.map(function (filter) {
+    var updatedFilter = __assign({}, filter);
+    if (filter.property === 'price' && (filter.min == null || filter.max == null)) {
+      var prices = results
+        .map(function (r) {
+          var _a;
+          return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
+        })
+        .filter(function (p) {
+          return p > 0;
+        });
+      if (prices.length > 0) {
+        updatedFilter.min = Math.floor(Math.min.apply(Math, prices));
+        updatedFilter.max = Math.ceil(Math.max.apply(Math, prices));
+      }
+    }
+    if (filter.property === 'accommodation') {
+      var map_1 = new Map();
+      results.forEach(function (r) {
+        if (r.accommodationCode) {
+          map_1.set(r.accommodationCode, {
+            name: r.accommodationName,
+            code: r.accommodationCode
+          });
+        }
+      });
+      updatedFilter.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
+          });
+        }
+      });
+      updatedFilter.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 });
+              }
+            });
+      });
+      updatedFilter.options = Array.from(map_3.values()).map(function (theme) {
+        return {
+          label: theme.name,
+          value: theme.id,
+          isChecked: false
+        };
+      });
+    }
+    return updatedFilter;
+  });
+};
+var enrichFiltersWithPackageAccoResults = function (results, filters, tags) {
+  if (!results || results.length === 0 || !filters) {
+    return filters !== null && filters !== void 0 ? filters : [];
+  }
+  return filters.map(function (filter) {
+    var updatedFilter = __assign({}, filter);
+    if (filter.property === 'price' && (filter.min == null || filter.max == null)) {
+      var prices = results
+        .map(function (r) {
+          var _a;
+          return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
+        })
+        .filter(function (p) {
+          return p > 0;
+        });
+      if (prices.length > 0) {
+        updatedFilter.min = Math.floor(Math.min.apply(Math, prices));
+        updatedFilter.max = Math.ceil(Math.max.apply(Math, prices));
+      }
+    }
+    if (filter.property === 'accommodation') {
+      var map_4 = new Map();
+      results.forEach(function (r) {
+        var rooms = flatMap(r.rooms);
+        if (rooms) {
+          rooms.map(function (room) {
+            room.options.map(function (option) {
+              if (option.accommodationCode) {
+                map_4.set(option.accommodationCode, {
+                  name: option.accommodationName,
+                  code: option.accommodationCode
+                });
+              }
+            });
+          });
+        }
+      });
+      updatedFilter.options = Array.from(map_4.values()).map(function (accommodation) {
+        var _a;
+        return {
+          label: (_a = accommodation.name) !== null && _a !== void 0 ? _a : accommodation.code,
+          value: accommodation.code,
+          isChecked: false
+        };
+      });
+    }
+    if (filter.property === 'regime') {
+      var map_5 = new Map();
+      results.forEach(function (r) {
+        var rooms = flatMap(r.rooms);
+        if (rooms) {
+          rooms.map(function (room) {
+            room.options.map(function (option) {
+              if (option.regimeCode) {
+                map_5.set(option.regimeCode, {
+                  name: option.regimeName,
+                  code: option.regimeCode
+                });
+              }
+            });
+          });
+        }
+      });
+      updatedFilter.options = Array.from(map_5.values()).map(function (regime) {
+        var _a;
+        return {
+          label: (_a = regime.name) !== null && _a !== void 0 ? _a : regime.code,
+          value: regime.code,
+          isChecked: false
+        };
+      });
+    }
+    return updatedFilter;
+  });
+};
 var applyFilters = function (results, filters) {
   return results.filter(function (r) {
     return filters.every(function (filter) {
@@ -41282,6 +41411,61 @@ var applyFilters = function (results, filters) {
     });
   });
 };
+var applyFiltersToPackageAccoResults = function (results, filters) {
+  return results.filter(function (r) {
+    return filters.every(function (filter) {
+      var _a, _b;
+      if (!filter.isFrontendFilter) return true;
+      // ACCOMMODATION
+      if (filter.property === 'accommodation') {
+        var selected_2 =
+          (_a = filter.options) === null || _a === void 0
+            ? void 0
+            : _a
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected_2 || selected_2.length === 0) return true;
+        var roomOptions = r.rooms.flatMap(function (room) {
+          return room.options;
+        });
+        return roomOptions.some(function (option) {
+          return selected_2.includes(option.accommodationCode);
+        });
+      }
+      // REGIME
+      if (filter.property === 'regime') {
+        var selected_3 =
+          (_b = filter.options) === null || _b === void 0
+            ? void 0
+            : _b
+                .filter(function (o) {
+                  return o.isChecked;
+                })
+                .map(function (o) {
+                  return o.value;
+                });
+        if (!selected_3 || selected_3.length === 0) return true;
+        var roomOptions = r.rooms.flatMap(function (room) {
+          return room.options;
+        });
+        return roomOptions.some(function (option) {
+          return selected_3.includes(option.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;
+      }
+      return true;
+    });
+  });
+};
 
 var SearchResultsContainer = function () {
   var _a;
@@ -41379,11 +41563,11 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.type === PortalQsmType.Accommodation || context.type === PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === PortalQsmType.Accommodation || context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.type === PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === PortalQsmType.Flight
             ? 7
-            : context.type === PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === PortalQsmType.RoundTrip
             ? 1
             : 0,
         searchType: 0,
@@ -41453,14 +41637,14 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.type === PortalQsmType.Accommodation || context.type === PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === PortalQsmType.Accommodation || context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.type === PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === PortalQsmType.Flight
             ? 7
-            : context.type === PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === PortalQsmType.RoundTrip
             ? 1
             : undefined,
-        searchType: context.type === PortalQsmType.GroupTour ? 1 : 0,
+        searchType: context.searchConfiguration.qsmType === PortalQsmType.GroupTour ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -41473,7 +41657,7 @@ var SearchResultsContainer = function () {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: context.type === PortalQsmType.AccommodationAndFlight ? true : false,
+        includeFlights: context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ? true : false,
         // regimeCodes:
         //   filters
         //     .find((f) => f.property === 'regime')
@@ -41481,7 +41665,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: (context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.GroupTour ? false : true,
+        useExactDates: (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.GroupTour ? false : true,
         onlyCachedResults: false,
         includeAllAllotments: true,
         productIds: hotel ? [hotel] : [],
@@ -41547,6 +41731,96 @@ var SearchResultsContainer = function () {
           });
     return requestRooms;
   };
+  var buildPackagingAccommodationRequestFromQueryParams = function (params) {
+    var _a, _b;
+    var from = getDateFromParams(params, 'fromDate');
+    var to = getDateFromParams(params, 'toDate');
+    var rooms = getRoomsFromParams(params, 'rooms');
+    var country = getNumberFromParams(params, 'country');
+    var region = getNumberFromParams(params, 'region');
+    var oord = getNumberFromParams(params, 'oord');
+    var city = getNumberFromParams(params, 'location');
+    var hotel = getNumberFromParams(params, 'hotel');
+    var tagId = getNumberFromParams(params, 'tagId');
+    var agentId = getNumberFromParams(params, 'agentId');
+    if (!from || !to) {
+      console.error('Missing fromDate or toDate in query params, using default values');
+      return null;
+    }
+    if (typeof window !== 'undefined') {
+      window.scrollTo(0, 0);
+    }
+    var destinationId = null;
+    var destinationIsCountry = false;
+    var destinationIsRegion = false;
+    var destinationIsOord = false;
+    var destinationIsLocation = false;
+    if (country) {
+      destinationId = country;
+      destinationIsCountry = true;
+    } else if (region) {
+      destinationId = region;
+      destinationIsRegion = true;
+    } else if (oord) {
+      destinationId = oord;
+      destinationIsOord = true;
+    } else if (city) {
+      destinationId = city;
+      destinationIsLocation = true;
+    }
+    var searchRequest = {
+      officeId: 1,
+      agentId: agentId !== null && agentId !== void 0 ? agentId : null,
+      catalogueId: (_a = context.searchConfiguration.defaultCatalogueId) !== null && _a !== void 0 ? _a : 0,
+      searchConfigurationId: context.searchConfiguration.id,
+      language: (_b = context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB',
+      servicesType: 3, // accommodation
+      fromDate: from,
+      toDate: to,
+      destination: {
+        id: Number(destinationId),
+        isCountry: destinationIsCountry,
+        isRegion: destinationIsRegion,
+        isOord: destinationIsOord,
+        isLocation: destinationIsLocation
+      },
+      productCode: hotel ? hotel.toString() : '',
+      rooms: getPackagingRequestRooms(rooms),
+      tagIds: tagId ? [tagId] : []
+    };
+    console.log('Search request for packaging accommodation from query params', searchRequest);
+    return searchRequest;
+  };
+  var getPackagingRequestRooms = function (rooms) {
+    if (!rooms) {
+      // Fall back to 2 adults
+      var room = { index: 0, travellers: [] };
+      range(0, 2).forEach(function () {
+        room.travellers.push({
+          age: 30
+        });
+      });
+      return [room];
+    }
+    var requestRooms =
+      rooms === null || rooms === void 0
+        ? void 0
+        : rooms.map(function (x, i) {
+            var room = { index: i, travellers: [] };
+            range(0, x.adults).forEach(function () {
+              room.travellers.push({
+                age: 30
+              });
+            });
+            x.childAges.forEach(function (x) {
+              room.travellers.push({
+                age: x
+              });
+            });
+            return room;
+          });
+    return requestRooms;
+  };
   useEffect(
     function () {
       if (typeof document !== 'undefined') {
@@ -41618,7 +41892,7 @@ var SearchResultsContainer = function () {
                       dispatch(setSelectedSearchResult(matching.productId));
                     }
                   } else {
-                    if (context.type === PortalQsmType.AccommodationAndFlight) {
+                    if (context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight) {
                       dispatch(setSelectedSearchResult((_b = packageSearchResults[0]) === null || _b === void 0 ? void 0 : _b.productId));
                     }
                   }
@@ -41636,14 +41910,71 @@ var SearchResultsContainer = function () {
           });
         });
       };
+      var runHotelSearch = function () {
+        return __awaiter(void 0, void 0, void 0, function () {
+          var config, params, searchRequest, rq, packageAccoSearchResults, enrichedFilters, initialFilteredResults, err_2;
+          var _a;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
+              case 0:
+                dispatch(setIsLoading(true));
+                _b.label = 1;
+              case 1:
+                _b.trys.push([1, 3, , 4]);
+                if (!context) {
+                  return [2 /*return*/];
+                }
+                config = {
+                  host: context.tideConnection.host,
+                  apiKey: context.tideConnection.apiKey
+                };
+                params = new URLSearchParams(location.search);
+                searchRequest = void 0;
+                rq = buildPackagingAccommodationRequestFromQueryParams(params);
+                if (!rq) {
+                  throw new Error('Invalid search parameters');
+                }
+                searchRequest = rq;
+                return [4 /*yield*/, build.searchPackagingAccommodations(config, searchRequest)];
+              case 2:
+                packageAccoSearchResults = _b.sent();
+                console.log('package Acco SearchResults', packageAccoSearchResults);
+                enrichedFilters = enrichFiltersWithPackageAccoResults(
+                  packageAccoSearchResults,
+                  context.filters,
+                  (_a = context.tags) !== null && _a !== void 0 ? _a : []
+                );
+                if (!initialFiltersSet) {
+                  dispatch(resetFilters(enrichedFilters));
+                  setInitialFilters(enrichedFilters);
+                  setInitialFiltersSet(true);
+                }
+                dispatch(setPackagingAccoResults(packageAccoSearchResults));
+                initialFilteredResults = applyFiltersToPackageAccoResults(packageAccoSearchResults, filters);
+                dispatch(setFilteredPackagingAccoResults(initialFilteredResults));
+                dispatch(setIsLoading(false));
+                return [3 /*break*/, 4];
+              case 3:
+                err_2 = _b.sent();
+                console.error('Search failed', err_2);
+                dispatch(setIsLoading(false));
+                return [3 /*break*/, 4];
+              case 4:
+                return [2 /*return*/];
+            }
+          });
+        });
+      };
       if (!(context === null || context === void 0 ? void 0 : context.showMockup)) {
         if (
-          (context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.AccommodationAndFlight ||
-          (context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.Accommodation ||
-          (context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.GroupTour
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.AccommodationAndFlight ||
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.GroupTour
         ) {
           runSearch();
         }
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.Accommodation) {
+          runHotelSearch();
+        }
       }
     },
     [location.search]
@@ -41653,15 +41984,15 @@ var SearchResultsContainer = function () {
     function () {
       var fetchPackageDetails = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var config, selectedItem, params, entryId, requestRooms, rooms, detailsRequest, detailsResponse, detailsWLResponse, err_2;
+          var config, selectedItem, params, entryId, requestRooms, rooms, detailsRequest, detailsResponse, detailsWLResponse, err_3;
           var _a, _b;
           return __generator(this, function (_c) {
             switch (_c.label) {
               case 0:
                 if (!selectedSearchResultId || !context) return [2 /*return*/];
                 if (
-                  (context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.Accommodation ||
-                  (context === null || context === void 0 ? void 0 : context.type) === PortalQsmType.GroupTour
+                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.Accommodation ||
+                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.GroupTour
                 ) {
                   handleFlyInToggle(true);
                 }
@@ -41697,7 +42028,7 @@ var SearchResultsContainer = function () {
                     productCode: selectedItem.code,
                     fromDate: selectedItem.fromDate,
                     toDate: selectedItem.toDate,
-                    includeFlights: context.type === PortalQsmType.AccommodationAndFlight ? true : false,
+                    includeFlights: context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ? true : false,
                     includeHotels: true,
                     includePaxTypes: true,
                     checkExternalAvailability: true,
@@ -41740,8 +42071,8 @@ var SearchResultsContainer = function () {
               case 5:
                 return [3 /*break*/, 7];
               case 6:
-                err_2 = _c.sent();
-                console.error('Failed to fetch package details', err_2);
+                err_3 = _c.sent();
+                console.error('Failed to fetch package details', err_3);
                 return [3 /*break*/, 7];
               case 7:
                 return [2 /*return*/];
@@ -41770,14 +42101,14 @@ var SearchResultsContainer = function () {
         React__default.createElement(
           'div',
           { className: 'search__container' },
-          context.type === PortalQsmType.Flight &&
+          context.searchConfiguration.qsmType === PortalQsmType.Flight &&
             React__default.createElement(
               FlightSearchProvider,
               { tideConnection: context.tideConnection },
               React__default.createElement(FlightResultsContainer, { isMobile: isMobile }),
               React__default.createElement(FlyIn, {
                 title: 'Select your fare',
-                srpType: context.type,
+                srpType: context.searchConfiguration.qsmType,
                 isOpen: flyInIsOpen,
                 setIsOpen: handleFlyInToggle,
                 onPanelRef: function (el) {
@@ -41785,14 +42116,14 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          (context.type === PortalQsmType.AccommodationAndFlight ||
-            context.type === PortalQsmType.Accommodation ||
-            context.type === PortalQsmType.GroupTour ||
-            context.type === PortalQsmType.RoundTrip) &&
+          (context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ||
+            context.searchConfiguration.qsmType === PortalQsmType.Accommodation ||
+            context.searchConfiguration.qsmType === PortalQsmType.GroupTour ||
+            context.searchConfiguration.qsmType === PortalQsmType.RoundTrip) &&
             React__default.createElement(
               React__default.Fragment,
               null,
-              context.type != PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType != PortalQsmType.AccommodationAndFlight &&
                 context.showFilters &&
                 React__default.createElement(Filters, {
                   initialFilters: initialFilters,
@@ -41804,7 +42135,7 @@ var SearchResultsContainer = function () {
                   // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                   isLoading: isLoading
                 }),
-              context.type === PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
                 React__default.createElement(Itinerary, {
                   isOpen: itineraryOpen,
                   handleSetIsOpen: function () {
@@ -41822,7 +42153,7 @@ var SearchResultsContainer = function () {
                     React__default.createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.type != PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType != PortalQsmType.AccommodationAndFlight &&
                         context.showFilters &&
                         React__default.createElement(
                           'div',
@@ -41835,7 +42166,7 @@ var SearchResultsContainer = function () {
                           React__default.createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
                           translations.SRP.FILTERS
                         ),
-                      context.type === PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
                         React__default.createElement(
                           'div',
                           {
@@ -41895,8 +42226,8 @@ 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 === PortalQsmType.GroupTour && React__default.createElement(GroupTourResults, { isLoading: isLoading }),
-                  context.type === PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === PortalQsmType.GroupTour && React__default.createElement(GroupTourResults, { isLoading: isLoading }),
+                  context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
                     React__default.createElement(FlightResults, {
@@ -41904,7 +42235,7 @@ var SearchResultsContainer = function () {
                       isDeparture: true
                     }),
                   context.showHotelAccommodationResults && React__default.createElement(HotelAccommodationResults, { isLoading: isLoading }),
-                  context.type === PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&
                     React__default.createElement(FlightResults, {
@@ -41915,7 +42246,7 @@ var SearchResultsContainer = function () {
               ),
               React__default.createElement(FlyIn, {
                 title: ''.concat(translations.SRP.SELECT, ' ').concat(translations.SRP.ACCOMMODATION),
-                srpType: context.type,
+                srpType: context.searchConfiguration.qsmType,
                 isOpen: flyInIsOpen,
                 setIsOpen: handleFlyInToggle,
                 onPanelRef: function (el) {