@qite/tide-booking-component 1.4.79 → 1.4.80

package/build/build-cjs/index.js

@@ -12717,44 +12717,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;
@@ -12894,12 +12894,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;
@@ -12931,8 +12931,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
@@ -12945,13 +12945,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';
   /**
@@ -13113,12 +13113,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
@@ -13151,7 +13151,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);
   };
@@ -13162,7 +13162,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);
   };
@@ -13173,12 +13173,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);
   };
@@ -13189,7 +13189,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);
   };
@@ -13216,25 +13216,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
@@ -13299,9 +13299,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.
@@ -13323,8 +13323,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.
@@ -13353,6 +13353,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;
@@ -13421,6 +13431,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;
@@ -33073,6 +33084,17 @@ var QSMContainer = function () {
     allowOpenJaw = _b.allowOpenJaw,
     searchConfigurations = _b.searchConfigurations;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
+  React.useEffect(
+    function () {
+      var _a;
+      var defaultQsmType = (_a = lodash.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]
+  );
   React.useEffect(
     function () {
       if (fromDate || toDate) return;
@@ -33516,6 +33538,9 @@ var initialState$1 = {
   results: [],
   filteredResults: [],
   selectedSearchResultId: null,
+  packagingAccoResults: [],
+  filteredPackagingAccoResults: [],
+  selectedPackagingAccoResultCode: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
@@ -33540,6 +33565,15 @@ var searchResultsSlice = toolkit.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;
     },
@@ -33606,6 +33640,9 @@ var searchResultsSlice = toolkit.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,
@@ -38004,15 +38041,48 @@ var FlyIn = function (_a) {
 };
 
 var HotelCard = function (_a) {
+  var _b;
   var result = _a.result,
     translations = _a.translations;
   var dispatch = reactRedux.useDispatch();
-  var selectedSearchResultId = reactRedux.useSelector(function (state) {
+  var selectedPackagingAccoResultCode = reactRedux.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['default'].createElement(
+      'div',
+      { className: 'search__result-card__wrapper' },
+      React__default['default'].createElement('div', {
+        dangerouslySetInnerHTML: {
+          __html: result.contents
+        }
+      }),
+      React__default['default'].createElement(
+        'div',
+        { className: 'search__result-card__footer' },
+        React__default['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['default'].createElement(
     'div',
     {
@@ -38096,12 +38166,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
@@ -38116,7 +38186,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) &&
@@ -38141,10 +38211,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
@@ -38168,14 +38238,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 = lodash.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 = lodash.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) {
@@ -38185,9 +38272,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['default'].createElement(
@@ -38201,9 +38285,9 @@ var HotelAccommodationResults = function (_a) {
   var _d = reactRedux.useSelector(function (state) {
       return state.searchResults;
     }),
-    filteredResults = _d.filteredResults,
+    filteredPackagingAccoResults = _d.filteredPackagingAccoResults,
     activeTab = _d.activeTab;
-  if (!filteredResults.length) {
+  if (!filteredPackagingAccoResults.length) {
     return React__default['default'].createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS);
   }
   var cmsMap = React__default['default'].useMemo(
@@ -38214,20 +38298,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)
     ? dateFns.format(dateFns.parseISO(firstResult.fromDate), 'd')
     : null;
@@ -38258,90 +38342,87 @@ var HotelAccommodationResults = function (_a) {
         )
       )
     ),
-    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['default'].createElement(React__default['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['default'].createElement(
-        'div',
-        { key: ''.concat(result.id, '-').concat(index), className: 'search__result-card' },
-        context.customCardRenderer(result)
-      );
-    }
-    return React__default['default'].createElement(HotelCard, { key: ''.concat(result.id, '-').concat(index), result: result });
-  });
-  return React__default['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['default'].createElement(
@@ -38601,91 +38682,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);
 };
@@ -40900,7 +40896,7 @@ var FlightResultsContainer = function (_a) {
   React.useEffect(
     function () {
       if (!(context === null || context === void 0 ? void 0 : context.showMockup)) {
-        if ((context === null || context === void 0 ? void 0 : context.type) === exports.PortalQsmType.Flight && isHubReady) {
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.Flight && isHubReady) {
           onFlightSearch();
         }
       }
@@ -41040,7 +41036,7 @@ var FlightResultsContainer = function (_a) {
           'div',
           { className: 'search__results__wrapper' },
           flightsLoading && React__default['default'].createElement(Spinner, null),
-          (context === null || context === void 0 ? void 0 : context.type) == exports.PortalQsmType.Flight &&
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) == exports.PortalQsmType.Flight &&
             (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
             results &&
             results.length > 0 &&
@@ -41453,6 +41449,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 = lodash.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 = lodash.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) {
@@ -41518,6 +41673,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;
@@ -41615,11 +41825,12 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.type === exports.PortalQsmType.Accommodation || context.type === exports.PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === exports.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.type === exports.PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === exports.PortalQsmType.Flight
             ? 7
-            : context.type === exports.PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === exports.PortalQsmType.RoundTrip
             ? 1
             : 0,
         searchType: 0,
@@ -41689,14 +41900,15 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.type === exports.PortalQsmType.Accommodation || context.type === exports.PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === exports.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.type === exports.PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === exports.PortalQsmType.Flight
             ? 7
-            : context.type === exports.PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === exports.PortalQsmType.RoundTrip
             ? 1
             : undefined,
-        searchType: context.type === exports.PortalQsmType.GroupTour ? 1 : 0,
+        searchType: context.searchConfiguration.qsmType === exports.PortalQsmType.GroupTour ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -41709,7 +41921,7 @@ var SearchResultsContainer = function () {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: context.type === exports.PortalQsmType.AccommodationAndFlight ? true : false,
+        includeFlights: context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight ? true : false,
         // regimeCodes:
         //   filters
         //     .find((f) => f.property === 'regime')
@@ -41717,7 +41929,8 @@ 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) === exports.PortalQsmType.GroupTour ? false : true,
+        useExactDates:
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.GroupTour ? false : true,
         onlyCachedResults: false,
         includeAllAllotments: true,
         productIds: hotel ? [hotel] : [],
@@ -41783,6 +41996,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: [] };
+      lodash.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: [] };
+            lodash.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;
+  };
   React.useEffect(
     function () {
       if (typeof document !== 'undefined') {
@@ -41854,7 +42157,7 @@ var SearchResultsContainer = function () {
                       dispatch(setSelectedSearchResult(matching.productId));
                     }
                   } else {
-                    if (context.type === exports.PortalQsmType.AccommodationAndFlight) {
+                    if (context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight) {
                       dispatch(setSelectedSearchResult((_b = packageSearchResults[0]) === null || _b === void 0 ? void 0 : _b.productId));
                     }
                   }
@@ -41872,14 +42175,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) === exports.PortalQsmType.AccommodationAndFlight ||
-          (context === null || context === void 0 ? void 0 : context.type) === exports.PortalQsmType.Accommodation ||
-          (context === null || context === void 0 ? void 0 : context.type) === exports.PortalQsmType.GroupTour
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.AccommodationAndFlight ||
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.GroupTour
         ) {
           runSearch();
         }
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.Accommodation) {
+          runHotelSearch();
+        }
       }
     },
     [location.search]
@@ -41889,15 +42249,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) === exports.PortalQsmType.Accommodation ||
-                  (context === null || context === void 0 ? void 0 : context.type) === exports.PortalQsmType.GroupTour
+                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.Accommodation ||
+                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === exports.PortalQsmType.GroupTour
                 ) {
                   handleFlyInToggle(true);
                 }
@@ -41933,7 +42293,7 @@ var SearchResultsContainer = function () {
                     productCode: selectedItem.code,
                     fromDate: selectedItem.fromDate,
                     toDate: selectedItem.toDate,
-                    includeFlights: context.type === exports.PortalQsmType.AccommodationAndFlight ? true : false,
+                    includeFlights: context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight ? true : false,
                     includeHotels: true,
                     includePaxTypes: true,
                     checkExternalAvailability: true,
@@ -41976,8 +42336,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*/];
@@ -42006,14 +42366,14 @@ var SearchResultsContainer = function () {
         React__default['default'].createElement(
           'div',
           { className: 'search__container' },
-          context.type === exports.PortalQsmType.Flight &&
+          context.searchConfiguration.qsmType === exports.PortalQsmType.Flight &&
             React__default['default'].createElement(
               FlightSearchProvider,
               { tideConnection: context.tideConnection },
               React__default['default'].createElement(FlightResultsContainer, { isMobile: isMobile }),
               React__default['default'].createElement(FlyIn, {
                 title: 'Select your fare',
-                srpType: context.type,
+                srpType: context.searchConfiguration.qsmType,
                 isOpen: flyInIsOpen,
                 setIsOpen: handleFlyInToggle,
                 onPanelRef: function (el) {
@@ -42021,14 +42381,14 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          (context.type === exports.PortalQsmType.AccommodationAndFlight ||
-            context.type === exports.PortalQsmType.Accommodation ||
-            context.type === exports.PortalQsmType.GroupTour ||
-            context.type === exports.PortalQsmType.RoundTrip) &&
+          (context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight ||
+            context.searchConfiguration.qsmType === exports.PortalQsmType.Accommodation ||
+            context.searchConfiguration.qsmType === exports.PortalQsmType.GroupTour ||
+            context.searchConfiguration.qsmType === exports.PortalQsmType.RoundTrip) &&
             React__default['default'].createElement(
               React__default['default'].Fragment,
               null,
-              context.type != exports.PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType != exports.PortalQsmType.AccommodationAndFlight &&
                 context.showFilters &&
                 React__default['default'].createElement(Filters, {
                   initialFilters: initialFilters,
@@ -42040,7 +42400,7 @@ var SearchResultsContainer = function () {
                   // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                   isLoading: isLoading
                 }),
-              context.type === exports.PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
                 React__default['default'].createElement(Itinerary, {
                   isOpen: itineraryOpen,
                   handleSetIsOpen: function () {
@@ -42058,7 +42418,7 @@ var SearchResultsContainer = function () {
                     React__default['default'].createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.type != exports.PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType != exports.PortalQsmType.AccommodationAndFlight &&
                         context.showFilters &&
                         React__default['default'].createElement(
                           'div',
@@ -42071,7 +42431,7 @@ var SearchResultsContainer = function () {
                           React__default['default'].createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
                           translations.SRP.FILTERS
                         ),
-                      context.type === exports.PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
                         React__default['default'].createElement(
                           'div',
                           {
@@ -42131,8 +42491,9 @@ var SearchResultsContainer = function () {
                   { className: 'search__results__wrapper' },
                   context.showTabViews && React__default['default'].createElement(TabViews, null),
                   context.showRoundTripResults && context.showMockup && React__default['default'].createElement(RoundTripResults, null),
-                  context.type === exports.PortalQsmType.GroupTour && React__default['default'].createElement(GroupTourResults, { isLoading: isLoading }),
-                  context.type === exports.PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === exports.PortalQsmType.GroupTour &&
+                    React__default['default'].createElement(GroupTourResults, { isLoading: isLoading }),
+                  context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
                     React__default['default'].createElement(FlightResults, {
@@ -42140,7 +42501,7 @@ var SearchResultsContainer = function () {
                       isDeparture: true
                     }),
                   context.showHotelAccommodationResults && React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading }),
-                  context.type === exports.PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&
                     React__default['default'].createElement(FlightResults, {
@@ -42151,7 +42512,7 @@ var SearchResultsContainer = function () {
               ),
               React__default['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) {