@qite/tide-booking-component 1.4.79 → 1.4.81

package/build/build-cjs/index.js

@@ -6681,20 +6681,6 @@ var jaJson = {
   SRP: SRP
 };
 
-exports.PortalQsmType = void 0;
-(function (PortalQsmType) {
-  PortalQsmType[(PortalQsmType['Multidestination'] = 0)] = 'Multidestination';
-  PortalQsmType[(PortalQsmType['Accommodation'] = 1)] = 'Accommodation';
-  PortalQsmType[(PortalQsmType['AccommodationAndFlight'] = 2)] = 'AccommodationAndFlight';
-  PortalQsmType[(PortalQsmType['Flight'] = 3)] = 'Flight';
-  PortalQsmType[(PortalQsmType['RoundTrip'] = 4)] = 'RoundTrip';
-  PortalQsmType[(PortalQsmType['GroupTour'] = 5)] = 'GroupTour';
-  PortalQsmType[(PortalQsmType['Package'] = 6)] = 'Package';
-  PortalQsmType[(PortalQsmType['Ticket'] = 7)] = 'Ticket';
-  PortalQsmType[(PortalQsmType['Car'] = 8)] = 'Car';
-  PortalQsmType[(PortalQsmType['Transfer'] = 9)] = 'Transfer';
-  PortalQsmType[(PortalQsmType['Cruise'] = 10)] = 'Cruise';
-})(exports.PortalQsmType || (exports.PortalQsmType = {}));
 exports.DepartureRange = void 0;
 (function (DepartureRange) {
   DepartureRange[(DepartureRange['Morning'] = 0)] = 'Morning';
@@ -12717,44 +12703,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 +12880,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 +12917,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 +12931,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 +13099,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 +13137,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 +13148,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 +13159,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 +13175,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 +13202,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 +13285,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 +13309,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 +13339,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 +13417,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;
@@ -17509,10 +17506,25 @@ var fetchAccommodationViews$1 = function (request, signal, apiSettings) {
     });
   });
 };
+var fetchCountries$1 = function (signal, apiSettings) {
+  return __awaiter(void 0, void 0, void 0, function () {
+    var tideClientConfig;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          tideClientConfig = buildTideClientConfig(apiSettings);
+          return [4 /*yield*/, build.getCountries(tideClientConfig, signal)];
+        case 1:
+          return [2 /*return*/, _a.sent()];
+      }
+    });
+  });
+};
 var packageApi = {
   fetchDetails: fetchDetails,
   fetchAgents: fetchAgents$1,
-  fetchAccommodationViews: fetchAccommodationViews$1
+  fetchAccommodationViews: fetchAccommodationViews$1,
+  fetchCountries: fetchCountries$1
 };
 
 var ROOM_OPTIONS_FORM_STEP = 1;
@@ -18142,6 +18154,9 @@ var selectStartDate = function (state) {
 var selectAgents = function (state) {
   return state.booking.agents;
 };
+var selectCountries = function (state) {
+  return state.booking.countries;
+};
 var selectProductCode = function (state) {
   var _a;
   return (_a = state.booking.productAttributes) === null || _a === void 0 ? void 0 : _a.productCode;
@@ -18438,7 +18453,8 @@ var initialState$5 = {
   translations: undefined,
   travelersFirstStep: false,
   isFetching: false,
-  hasMounted: false
+  hasMounted: false,
+  countries: undefined
 };
 var fetchPackage = toolkit.createAsyncThunk('booking/fetchPackage', function (_1, _a) {
   return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
@@ -18450,11 +18466,14 @@ var fetchPackage = toolkit.createAsyncThunk('booking/fetchPackage', function (_1
           return [4 /*yield*/, dispatch(fetchAgents())];
         case 1:
           _c.sent();
-          return [4 /*yield*/, dispatch(fetchPackageDetails())];
+          return [4 /*yield*/, dispatch(fetchCountries())];
         case 2:
           _c.sent();
-          return [4 /*yield*/, dispatch(fetchAccommodationViews())];
+          return [4 /*yield*/, dispatch(fetchPackageDetails())];
         case 3:
+          _c.sent();
+          return [4 /*yield*/, dispatch(fetchAccommodationViews())];
+        case 4:
           _c.sent();
           dispatch(setFetchingPackage(false));
           return [2 /*return*/];
@@ -18462,6 +18481,23 @@ var fetchPackage = toolkit.createAsyncThunk('booking/fetchPackage', function (_1
     });
   });
 });
+var fetchCountries = toolkit.createAsyncThunk('booking/countries', function (_1, _a) {
+  return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
+    var settings;
+    _b.dispatch;
+    var getState = _b.getState,
+      signal = _b.signal;
+    return __generator(this, function (_c) {
+      switch (_c.label) {
+        case 0:
+          settings = getState();
+          return [4 /*yield*/, packageApi.fetchCountries(signal, settings.apiSettings)];
+        case 1:
+          return [2 /*return*/, _c.sent()];
+      }
+    });
+  });
+});
 var fetchAgents = toolkit.createAsyncThunk('booking/agents', function (_1, _a) {
   return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
     var settings;
@@ -19009,6 +19045,11 @@ var bookingSlice = toolkit.createSlice({
         state.accommodationViews = action.payload;
       }
     });
+    builder.addCase(fetchCountries.fulfilled, function (state, action) {
+      if (action.payload.items) {
+        state.countries = action.payload.items;
+      }
+    });
   }
 });
 var setOfficeId = ((_a$3 = bookingSlice.actions), _a$3.setOfficeId),
@@ -19069,7 +19110,8 @@ var SettingsContext = React__default['default'].createContext({
   },
   travellers: {
     pathSuffix: '/reizigers',
-    travelersFirstStep: false
+    travelersFirstStep: false,
+    showAllCountries: false
   },
   summary: {
     pathSuffix: '/samenvatting',
@@ -26765,7 +26807,7 @@ function createInitialValues(formRooms, startDate, agentAdressId, personTranslat
   return initialValues;
 }
 var TravelersForm = function () {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   var dispatch = useAppDispatch();
   var navigate = reactRouter.useNavigate();
   var settings = React.useContext(SettingsContext);
@@ -26781,17 +26823,19 @@ var TravelersForm = function () {
   var bookingAttributes = reactRedux.useSelector(selectBookingAttributes);
   var isFetching = reactRedux.useSelector(selectIsFetching);
   var hasMounted = reactRedux.useSelector(selectHasMounted);
+  var countries = reactRedux.useSelector(selectCountries);
   var useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
+  var showAllCountries = !!settings.travellers.showAllCountries;
   var initialValues =
     (_a = reactRedux.useSelector(selectTravelersFormValues)) !== null && _a !== void 0
       ? _a
       : createInitialValues(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
-  var _j = React.useState((_b = settings.agentRequired) !== null && _b !== void 0 ? _b : false),
-    showAgents = _j[0],
-    setShowAgents = _j[1];
-  var _k = React.useState(!settings.agentAdressId && !settings.hideAgentSelection),
-    showAgentSelection = _k[0],
-    setShowAgentSelection = _k[1];
+  var _k = React.useState((_b = settings.agentRequired) !== null && _b !== void 0 ? _b : false),
+    showAgents = _k[0],
+    setShowAgents = _k[1];
+  var _l = React.useState(!settings.agentAdressId && !settings.hideAgentSelection),
+    showAgentSelection = _l[0],
+    setShowAgentSelection = _l[1];
   var typeaheadAgents =
     (_c = lodash.sortBy(
       agents === null || agents === void 0
@@ -26807,9 +26851,9 @@ var TravelersForm = function () {
     )) !== null && _c !== void 0
       ? _c
       : [];
-  var _l = React.useState(typeaheadAgents),
-    filteredAgents = _l[0],
-    setFilteredAgents = _l[1];
+  var _m = React.useState(typeaheadAgents),
+    filteredAgents = _m[0],
+    setFilteredAgents = _m[1];
   var formik$1 = useCompactForm
     ? formik.useFormik({
         initialValues: initialValues,
@@ -27065,7 +27109,7 @@ var TravelersForm = function () {
     return lodash.get(formik$1.errors, key) && lodash.get(formik$1.touched, key);
   };
   var getControl = function (type, value, name) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     switch (type) {
       case 'gender': {
         return React__default['default'].createElement(GenderControl, { translations: translations, value: value, formik: formik$1, name: name });
@@ -27124,17 +27168,30 @@ var TravelersForm = function () {
                 label: translations.TRAVELERS_FORM.SELECT_COUNTRY
               }
             ],
-            (_c =
-              (_b = (_a = settings.travellers) === null || _a === void 0 ? void 0 : _a.countries) === null || _b === void 0
-                ? void 0
-                : _b.map(function (country) {
-                    return {
-                      key: country.iso2,
-                      value: country.iso2,
-                      label: country.name
-                    };
-                  })) !== null && _c !== void 0
-              ? _c
+            showAllCountries
+              ? (_a =
+                  countries === null || countries === void 0
+                    ? void 0
+                    : countries.map(function (country) {
+                        return {
+                          key: country.iso2,
+                          value: country.iso2,
+                          label: country.name
+                        };
+                      })) !== null && _a !== void 0
+                ? _a
+                : []
+              : (_d =
+                  (_c = (_b = settings.travellers) === null || _b === void 0 ? void 0 : _b.countries) === null || _c === void 0
+                    ? void 0
+                    : _c.map(function (country) {
+                        return {
+                          key: country.iso2,
+                          value: country.iso2,
+                          label: country.name
+                        };
+                      })) !== null && _d !== void 0
+              ? _d
               : [],
             true
           )
@@ -27142,7 +27199,7 @@ var TravelersForm = function () {
       }
       case 'phone': {
         return React__default['default'].createElement(PhoneInput, {
-          countries: (_e = (_d = settings.travellers) === null || _d === void 0 ? void 0 : _d.countries) !== null && _e !== void 0 ? _e : [],
+          countries: (_f = (_e = settings.travellers) === null || _e === void 0 ? void 0 : _e.countries) !== null && _f !== void 0 ? _f : [],
           countryIso2: formik$1.values.country,
           hasError: hasVisibleError('phone'),
           label: translations.TRAVELERS_FORM.PHONE,
@@ -27785,28 +27842,46 @@ var TravelersForm = function () {
                                   onChange: formik$1.handleChange,
                                   onBlur: formik$1.handleBlur,
                                   value: formik$1.values.country,
-                                  options: [
-                                    {
-                                      key: 'empty',
-                                      label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
-                                      value: undefined
-                                    },
-                                    {
-                                      key: 'be',
-                                      value: 'be',
-                                      label: translations.TRAVELERS_FORM.COUNTRIES.BELGIUM
-                                    },
-                                    {
-                                      key: 'nl',
-                                      value: 'nl',
-                                      label: translations.TRAVELERS_FORM.COUNTRIES.NETHERLANDS
-                                    },
-                                    {
-                                      key: 'fr',
-                                      value: 'fr',
-                                      label: translations.TRAVELERS_FORM.COUNTRIES.FRANCE
-                                    }
-                                  ]
+                                  options: __spreadArray(
+                                    [
+                                      {
+                                        key: 'empty',
+                                        value: undefined,
+                                        label: translations.TRAVELERS_FORM.SELECT_COUNTRY
+                                      }
+                                    ],
+                                    showAllCountries
+                                      ? (_j =
+                                          countries === null || countries === void 0
+                                            ? void 0
+                                            : countries.map(function (country) {
+                                                return {
+                                                  key: country.iso2,
+                                                  value: country.iso2,
+                                                  label: country.name
+                                                };
+                                              })) !== null && _j !== void 0
+                                        ? _j
+                                        : []
+                                      : [
+                                          {
+                                            key: 'be',
+                                            value: 'be',
+                                            label: translations.TRAVELERS_FORM.COUNTRIES.BELGIUM
+                                          },
+                                          {
+                                            key: 'nl',
+                                            value: 'nl',
+                                            label: translations.TRAVELERS_FORM.COUNTRIES.NETHERLANDS
+                                          },
+                                          {
+                                            key: 'fr',
+                                            value: 'fr',
+                                            label: translations.TRAVELERS_FORM.COUNTRIES.FRANCE
+                                          }
+                                        ],
+                                    true
+                                  )
                                 })
                               )
                             )
@@ -30412,7 +30487,7 @@ var Footer = function (_a) {
 };
 
 var QSMConfigurationContext = React__default['default'].createContext({
-  type: exports.PortalQsmType.Accommodation,
+  type: build.PortalQsmType.Accommodation,
   searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
@@ -30455,7 +30530,7 @@ var useMediaQuery = function (query) {
 
 var _a$1;
 var initialState$2 = {
-  qsmType: exports.PortalQsmType.AccommodationAndFlight,
+  qsmType: build.PortalQsmType.AccommodationAndFlight,
   selectedOrigin: undefined,
   selectedDestination: undefined,
   selectedAirport: undefined,
@@ -31868,7 +31943,7 @@ var TravelInput = function () {
     babies = _b.babies,
     rooms = _b.rooms,
     qsmType = _b.qsmType;
-  var areTravelersInRooms = qsmType !== exports.PortalQsmType.Flight && askRooms;
+  var areTravelersInRooms = qsmType !== build.PortalQsmType.Flight && askRooms;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
   var getTravelerButtonClass = function (disabled) {
     return 'button button--increment '.concat(disabled ? 'button--disabled' : '');
@@ -32836,7 +32911,7 @@ var TravelInputGroup = function () {
     rooms = _c.rooms,
     qsmType = _c.qsmType;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
-  var areTravelersInRooms = qsmType !== exports.PortalQsmType.Flight && askRooms;
+  var areTravelersInRooms = qsmType !== build.PortalQsmType.Flight && askRooms;
   var initDone = React.useRef(false);
   var travelerSummary = reactRedux.useSelector(function (state) {
     return selectTravelerSummary(state, areTravelersInRooms);
@@ -33073,12 +33148,23 @@ 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;
       var startDate = dateFns.addMonths(new Date(), 1);
       var endDate = dateFns.addDays(startDate, 7);
-      if (qsmType === exports.PortalQsmType.GroupTour) {
+      if (qsmType === build.PortalQsmType.GroupTour) {
         startDate = new Date();
         endDate = dateFns.addYears(startDate, 1);
       }
@@ -33110,7 +33196,7 @@ var QSMContainer = function () {
     // Default fallback
     var startDate = dateFns.addMonths(now, 1);
     var endDate = dateFns.addDays(startDate, 7);
-    if (value === exports.PortalQsmType.GroupTour) {
+    if (value === build.PortalQsmType.GroupTour) {
       startDate = now;
       endDate = dateFns.addYears(startDate, 1);
     }
@@ -33169,7 +33255,7 @@ var QSMContainer = function () {
       nationality: selectedNationality,
       tripType: tripType
     };
-    if (askRooms && qsmType !== exports.PortalQsmType.Flight) {
+    if (askRooms && qsmType !== build.PortalQsmType.Flight) {
       payload.rooms = rooms;
     } else {
       payload.travelers = { adults: adults, kids: kids, babies: babies };
@@ -33236,47 +33322,47 @@ var QSMContainer = function () {
   );
   var qsmTypeMeta =
     ((_a = {}),
-    (_a[exports.PortalQsmType.Multidestination] = {
+    (_a[build.PortalQsmType.Multidestination] = {
       icon: 'ui-location',
       label: translations.QSM.MULTIDESTINATION
     }),
-    (_a[exports.PortalQsmType.Package] = {
+    (_a[build.PortalQsmType.Package] = {
       icon: 'ui-suitcase',
       label: translations.QSM.PACKAGES
     }),
-    (_a[exports.PortalQsmType.AccommodationAndFlight] = {
+    (_a[build.PortalQsmType.AccommodationAndFlight] = {
       icon: ['ui-backforward', 'ui-bed'],
       label: translations.QSM.TRANSPORT_HOTEL
     }),
-    (_a[exports.PortalQsmType.Accommodation] = {
+    (_a[build.PortalQsmType.Accommodation] = {
       icon: 'ui-bed',
       label: translations.QSM.ACCOMMODATION
     }),
-    (_a[exports.PortalQsmType.Flight] = {
+    (_a[build.PortalQsmType.Flight] = {
       icon: 'ui-flight',
       label: translations.QSM.TRANSPORTS
     }),
-    (_a[exports.PortalQsmType.GroupTour] = {
+    (_a[build.PortalQsmType.GroupTour] = {
       icon: 'ui-group',
       label: translations.QSM.GROUP_TOUR
     }),
-    (_a[exports.PortalQsmType.RoundTrip] = {
+    (_a[build.PortalQsmType.RoundTrip] = {
       icon: 'ui-group',
       label: translations.QSM.ROUNDTRIP
     }),
-    (_a[exports.PortalQsmType.Ticket] = {
+    (_a[build.PortalQsmType.Ticket] = {
       icon: 'ui-ticket',
       label: translations.QSM.TICKET_ONLY
     }),
-    (_a[exports.PortalQsmType.Car] = {
+    (_a[build.PortalQsmType.Car] = {
       icon: 'ui-car',
       label: translations.QSM.RENT_A_CAR
     }),
-    (_a[exports.PortalQsmType.Transfer] = {
+    (_a[build.PortalQsmType.Transfer] = {
       icon: 'ui-backforward',
       label: translations.QSM.TRANSFERS
     }),
-    (_a[exports.PortalQsmType.Cruise] = {
+    (_a[build.PortalQsmType.Cruise] = {
       icon: 'ui-ship',
       label: translations.QSM.CRUISES
     }),
@@ -33319,9 +33405,9 @@ var QSMContainer = function () {
       React__default['default'].createElement(
         'div',
         { className: 'qsm__filter' },
-        (qsmType === exports.PortalQsmType.Accommodation ||
-          qsmType === exports.PortalQsmType.AccommodationAndFlight ||
-          qsmType === exports.PortalQsmType.GroupTour) &&
+        (qsmType === build.PortalQsmType.Accommodation ||
+          qsmType === build.PortalQsmType.AccommodationAndFlight ||
+          qsmType === build.PortalQsmType.GroupTour) &&
           React__default['default'].createElement(
             'div',
             { className: 'radiobutton-group qsm__filter__inputgroup' },
@@ -33363,7 +33449,7 @@ var QSMContainer = function () {
               )
             )
           ),
-        qsmType === exports.PortalQsmType.Flight &&
+        qsmType === build.PortalQsmType.Flight &&
           React__default['default'].createElement(
             'div',
             { className: 'radiobutton-group qsm__filter__inputgroup' },
@@ -33431,18 +33517,18 @@ var QSMContainer = function () {
         React__default['default'].createElement(
           'div',
           { className: 'qsm__filter__classgroup' },
-          qsmType !== exports.PortalQsmType.Accommodation &&
-            qsmType !== exports.PortalQsmType.Car &&
-            qsmType !== exports.PortalQsmType.Ticket &&
-            qsmType !== exports.PortalQsmType.Cruise &&
-            qsmType !== exports.PortalQsmType.Transfer &&
-            qsmType !== exports.PortalQsmType.GroupTour &&
+          qsmType !== build.PortalQsmType.Accommodation &&
+            qsmType !== build.PortalQsmType.Car &&
+            qsmType !== build.PortalQsmType.Ticket &&
+            qsmType !== build.PortalQsmType.Cruise &&
+            qsmType !== build.PortalQsmType.Transfer &&
+            qsmType !== build.PortalQsmType.GroupTour &&
             askTravelClass &&
             React__default['default'].createElement(TravelClassPicker, null),
-          qsmType !== exports.PortalQsmType.Multidestination &&
-            qsmType !== exports.PortalQsmType.Car &&
-            qsmType !== exports.PortalQsmType.Flight &&
-            qsmType !== exports.PortalQsmType.Transfer &&
+          qsmType !== build.PortalQsmType.Multidestination &&
+            qsmType !== build.PortalQsmType.Car &&
+            qsmType !== build.PortalQsmType.Flight &&
+            qsmType !== build.PortalQsmType.Transfer &&
             askTravelType &&
             React__default['default'].createElement(TravelTypePicker, null),
           askNationality && React__default['default'].createElement(TravelNationalityPicker, null)
@@ -33451,22 +33537,20 @@ var QSMContainer = function () {
       React__default['default'].createElement(
         'div',
         { className: 'qsm__input-group' },
-        (qsmType == exports.PortalQsmType.Flight || qsmType == exports.PortalQsmType.AccommodationAndFlight) &&
+        (qsmType == build.PortalQsmType.Flight || qsmType == build.PortalQsmType.AccommodationAndFlight) &&
           originDestinationField &&
           React__default['default'].createElement(DoubleSearchInputGroup, {
             fieldConfig: originDestinationField,
             showReverse: originDestinationField.showReverse
           }),
-        qsmType == exports.PortalQsmType.Flight &&
+        qsmType == build.PortalQsmType.Flight &&
           tripType == 'openjaw' &&
           openJawReturnDestinationField &&
           React__default['default'].createElement(DoubleSearchInputGroup, {
             fieldConfig: openJawReturnDestinationField,
             showReverse: openJawReturnDestinationField.showReverse
           }),
-        (qsmType == exports.PortalQsmType.Accommodation ||
-          qsmType == exports.PortalQsmType.AccommodationAndFlight ||
-          qsmType == exports.PortalQsmType.GroupTour) &&
+        (qsmType == build.PortalQsmType.Accommodation || qsmType == build.PortalQsmType.AccommodationAndFlight || qsmType == build.PortalQsmType.GroupTour) &&
           destination &&
           React__default['default'].createElement(SearchInputGroup, { fieldConfig: destination }),
         React__default['default'].createElement(Dates, { value: dateRange, onChange: handleDateChange }),
@@ -33516,6 +33600,9 @@ var initialState$1 = {
   results: [],
   filteredResults: [],
   selectedSearchResultId: null,
+  packagingAccoResults: [],
+  filteredPackagingAccoResults: [],
+  selectedPackagingAccoResultCode: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
@@ -33540,6 +33627,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 +33702,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,
@@ -37963,7 +38062,7 @@ var FlyIn = function (_a) {
   );
   var handleClose = function () {
     if (isOpen && panelRef.current) {
-      if (srpType === exports.PortalQsmType.Flight) {
+      if (srpType === build.PortalQsmType.Flight) {
         dispatch(setSelectedFlight(null));
         dispatch(setSelectedFlightDetails(null));
         onCancelSearch();
@@ -37996,23 +38095,65 @@ var FlyIn = function (_a) {
           )
         )
       ),
-      srpType === exports.PortalQsmType.Flight && React__default['default'].createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
-      (srpType === exports.PortalQsmType.Accommodation || srpType === exports.PortalQsmType.GroupTour) &&
+      srpType === build.PortalQsmType.Flight && React__default['default'].createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
+      (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.GroupTour) &&
         React__default['default'].createElement(AccommodationFlyIn, { isLoading: true, isOpen: isOpen, setIsOpen: setIsOpen })
     )
   );
 };
 
 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',
+      {
+        key: result.id,
+        className: 'search__result-card__wrapper',
+        onMouseEnter: function (e) {
+          return (e.currentTarget.style.transform = 'scale(1.02)');
+        },
+        onMouseLeave: function (e) {
+          return (e.currentTarget.style.transform = 'scale(1)');
+        }
+      },
+      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 +38237,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 +38257,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 +38282,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 +38309,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 +38343,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 +38356,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 +38369,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 +38413,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 +38753,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 +40967,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) === build.PortalQsmType.Flight && isHubReady) {
           onFlightSearch();
         }
       }
@@ -41040,7 +41107,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) == build.PortalQsmType.Flight &&
             (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
             results &&
             results.length > 0 &&
@@ -41453,6 +41520,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 +41744,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 +41896,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 === build.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.type === exports.PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === build.PortalQsmType.Flight
             ? 7
-            : context.type === exports.PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip
             ? 1
             : 0,
         searchType: 0,
@@ -41689,14 +41971,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 === build.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.type === exports.PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === build.PortalQsmType.Flight
             ? 7
-            : context.type === exports.PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip
             ? 1
             : undefined,
-        searchType: context.type === exports.PortalQsmType.GroupTour ? 1 : 0,
+        searchType: context.searchConfiguration.qsmType === build.PortalQsmType.GroupTour ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -41709,7 +41992,7 @@ var SearchResultsContainer = function () {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: context.type === exports.PortalQsmType.AccommodationAndFlight ? true : false,
+        includeFlights: context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight ? true : false,
         // regimeCodes:
         //   filters
         //     .find((f) => f.property === 'regime')
@@ -41717,7 +42000,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) === exports.PortalQsmType.GroupTour ? false : true,
+        useExactDates: (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.GroupTour ? false : true,
         onlyCachedResults: false,
         includeAllAllotments: true,
         productIds: hotel ? [hotel] : [],
@@ -41783,6 +42066,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 +42227,7 @@ var SearchResultsContainer = function () {
                       dispatch(setSelectedSearchResult(matching.productId));
                     }
                   } else {
-                    if (context.type === exports.PortalQsmType.AccommodationAndFlight) {
+                    if (context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight) {
                       dispatch(setSelectedSearchResult((_b = packageSearchResults[0]) === null || _b === void 0 ? void 0 : _b.productId));
                     }
                   }
@@ -41872,14 +42245,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) === build.PortalQsmType.AccommodationAndFlight ||
+          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.GroupTour
         ) {
           runSearch();
         }
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation) {
+          runHotelSearch();
+        }
       }
     },
     [location.search]
@@ -41889,15 +42319,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) === build.PortalQsmType.Accommodation ||
+                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.GroupTour
                 ) {
                   handleFlyInToggle(true);
                 }
@@ -41933,7 +42363,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 === build.PortalQsmType.AccommodationAndFlight ? true : false,
                     includeHotels: true,
                     includePaxTypes: true,
                     checkExternalAvailability: true,
@@ -41976,8 +42406,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 +42436,14 @@ var SearchResultsContainer = function () {
         React__default['default'].createElement(
           'div',
           { className: 'search__container' },
-          context.type === exports.PortalQsmType.Flight &&
+          context.searchConfiguration.qsmType === build.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 +42451,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 === build.PortalQsmType.AccommodationAndFlight ||
+            context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation ||
+            context.searchConfiguration.qsmType === build.PortalQsmType.GroupTour ||
+            context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip) &&
             React__default['default'].createElement(
               React__default['default'].Fragment,
               null,
-              context.type != exports.PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight &&
                 context.showFilters &&
                 React__default['default'].createElement(Filters, {
                   initialFilters: initialFilters,
@@ -42040,7 +42470,7 @@ var SearchResultsContainer = function () {
                   // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                   isLoading: isLoading
                 }),
-              context.type === exports.PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                 React__default['default'].createElement(Itinerary, {
                   isOpen: itineraryOpen,
                   handleSetIsOpen: function () {
@@ -42058,7 +42488,7 @@ var SearchResultsContainer = function () {
                     React__default['default'].createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.type != exports.PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight &&
                         context.showFilters &&
                         React__default['default'].createElement(
                           'div',
@@ -42071,7 +42501,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 === build.PortalQsmType.AccommodationAndFlight &&
                         React__default['default'].createElement(
                           'div',
                           {
@@ -42131,8 +42561,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 === build.PortalQsmType.GroupTour &&
+                    React__default['default'].createElement(GroupTourResults, { isLoading: isLoading }),
+                  context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
                     React__default['default'].createElement(FlightResults, {
@@ -42140,7 +42571,7 @@ var SearchResultsContainer = function () {
                       isDeparture: true
                     }),
                   context.showHotelAccommodationResults && React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading }),
-                  context.type === exports.PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&
                     React__default['default'].createElement(FlightResults, {
@@ -42151,7 +42582,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) {