@qite/tide-booking-component 1.4.80 → 1.4.82

package/build/build-esm/index.js

@@ -6713,20 +6713,6 @@ var jaJson = {
   SRP: SRP
 };
 
-var PortalQsmType;
-(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';
-})(PortalQsmType || (PortalQsmType = {}));
 var DepartureRange;
 (function (DepartureRange) {
   DepartureRange[(DepartureRange['Morning'] = 0)] = 'Morning';
@@ -13268,6 +13254,9 @@ PERFORMANCE OF THIS SOFTWARE.
   var ENDPOINT_WEBSITE_CONFIGURATION = function (portalId) {
     return ENDPOINT$3 + '/website/' + portalId + '/configuration';
   };
+  var ENDPOINT_WEBSITE_STYLESHEET = function (styleSheetId) {
+    return ENDPOINT$3 + '/style-sheet/' + styleSheetId;
+  };
   /**
    * api/web/crmcontact
    * Creates a CRM contact.
@@ -13330,6 +13319,11 @@ PERFORMANCE OF THIS SOFTWARE.
     var apiKey = config.apiKey;
     return get(url, apiKey, config.token, signal, true);
   };
+  var getStyleSheet = function (config, id, signal) {
+    var url = '' + config.host + ENDPOINT_WEBSITE_STYLESHEET(id);
+    var apiKey = config.apiKey;
+    return get(url, apiKey, config.token, signal, true);
+  };
 
   var ENDPOINT$2 = '/api/web/contact';
   var ENDPOINT_CONTACT_FORM = ENDPOINT$2 + '/contact-form';
@@ -13449,6 +13443,7 @@ PERFORMANCE OF THIS SOFTWARE.
   exports.getMolliePayment = getMolliePayment;
   exports.getPortal = getPortal;
   exports.getPrintActions = getPrintActions;
+  exports.getStyleSheet = getStyleSheet;
   exports.getTranslationDictionary = getTranslationDictionary;
   exports.getWebsiteConfiguration = getWebsiteConfiguration;
   exports.login = login;
@@ -17532,10 +17527,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;
@@ -18165,6 +18175,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;
@@ -18456,7 +18469,8 @@ var initialState$5 = {
   translations: undefined,
   travelersFirstStep: false,
   isFetching: false,
-  hasMounted: false
+  hasMounted: false,
+  countries: undefined
 };
 var fetchPackage = createAsyncThunk('booking/fetchPackage', function (_1, _a) {
   return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
@@ -18468,11 +18482,14 @@ var fetchPackage = createAsyncThunk('booking/fetchPackage', function (_1, _a) {
           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*/];
@@ -18480,6 +18497,23 @@ var fetchPackage = createAsyncThunk('booking/fetchPackage', function (_1, _a) {
     });
   });
 });
+var fetchCountries = 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 = createAsyncThunk('booking/agents', function (_1, _a) {
   return __awaiter(void 0, [_1, _a], void 0, function (_, _b) {
     var settings;
@@ -19027,6 +19061,11 @@ var bookingSlice = 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),
@@ -19087,7 +19126,8 @@ var SettingsContext = React__default.createContext({
   },
   travellers: {
     pathSuffix: '/reizigers',
-    travelersFirstStep: false
+    travelersFirstStep: false,
+    showAllCountries: false
   },
   summary: {
     pathSuffix: '/samenvatting',
@@ -26686,7 +26726,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 = useNavigate();
   var settings = useContext(SettingsContext);
@@ -26702,17 +26742,19 @@ var TravelersForm = function () {
   var bookingAttributes = useSelector(selectBookingAttributes);
   var isFetching = useSelector(selectIsFetching);
   var hasMounted = useSelector(selectHasMounted);
+  var countries = useSelector(selectCountries);
   var useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
+  var showAllCountries = !!settings.travellers.showAllCountries;
   var initialValues =
     (_a = useSelector(selectTravelersFormValues)) !== null && _a !== void 0
       ? _a
       : createInitialValues(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
-  var _j = useState((_b = settings.agentRequired) !== null && _b !== void 0 ? _b : false),
-    showAgents = _j[0],
-    setShowAgents = _j[1];
-  var _k = useState(!settings.agentAdressId && !settings.hideAgentSelection),
-    showAgentSelection = _k[0],
-    setShowAgentSelection = _k[1];
+  var _k = useState((_b = settings.agentRequired) !== null && _b !== void 0 ? _b : false),
+    showAgents = _k[0],
+    setShowAgents = _k[1];
+  var _l = useState(!settings.agentAdressId && !settings.hideAgentSelection),
+    showAgentSelection = _l[0],
+    setShowAgentSelection = _l[1];
   var typeaheadAgents =
     (_c = sortBy(
       agents === null || agents === void 0
@@ -26728,9 +26770,9 @@ var TravelersForm = function () {
     )) !== null && _c !== void 0
       ? _c
       : [];
-  var _l = useState(typeaheadAgents),
-    filteredAgents = _l[0],
-    setFilteredAgents = _l[1];
+  var _m = useState(typeaheadAgents),
+    filteredAgents = _m[0],
+    setFilteredAgents = _m[1];
   var formik = useCompactForm
     ? useFormik({
         initialValues: initialValues,
@@ -26986,7 +27028,7 @@ var TravelersForm = function () {
     return get(formik.errors, key) && get(formik.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.createElement(GenderControl, { translations: translations, value: value, formik: formik, name: name });
@@ -27045,17 +27087,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
           )
@@ -27063,7 +27118,7 @@ var TravelersForm = function () {
       }
       case 'phone': {
         return React__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.values.country,
           hasError: hasVisibleError('phone'),
           label: translations.TRAVELERS_FORM.PHONE,
@@ -27692,28 +27747,46 @@ var TravelersForm = function () {
                                   onChange: formik.handleChange,
                                   onBlur: formik.handleBlur,
                                   value: formik.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
+                                  )
                                 })
                               )
                             )
@@ -30311,7 +30384,7 @@ var Footer = function (_a) {
 };
 
 var QSMConfigurationContext = React__default.createContext({
-  type: PortalQsmType.Accommodation,
+  type: build.PortalQsmType.Accommodation,
   searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
@@ -30354,7 +30427,7 @@ var useMediaQuery = function (query) {
 
 var _a$1;
 var initialState$2 = {
-  qsmType: PortalQsmType.AccommodationAndFlight,
+  qsmType: build.PortalQsmType.AccommodationAndFlight,
   selectedOrigin: undefined,
   selectedDestination: undefined,
   selectedAirport: undefined,
@@ -31757,7 +31830,7 @@ var TravelInput = function () {
     babies = _b.babies,
     rooms = _b.rooms,
     qsmType = _b.qsmType;
-  var areTravelersInRooms = qsmType !== 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' : '');
@@ -32713,7 +32786,7 @@ var TravelInputGroup = function () {
     rooms = _c.rooms,
     qsmType = _c.qsmType;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
-  var areTravelersInRooms = qsmType !== PortalQsmType.Flight && askRooms;
+  var areTravelersInRooms = qsmType !== build.PortalQsmType.Flight && askRooms;
   var initDone = useRef(false);
   var travelerSummary = useSelector(function (state) {
     return selectTravelerSummary(state, areTravelersInRooms);
@@ -32966,7 +33039,7 @@ var QSMContainer = function () {
       if (fromDate || toDate) return;
       var startDate = addMonths(new Date(), 1);
       var endDate = addDays(startDate, 7);
-      if (qsmType === PortalQsmType.GroupTour) {
+      if (qsmType === build.PortalQsmType.GroupTour) {
         startDate = new Date();
         endDate = addYears(startDate, 1);
       }
@@ -32998,7 +33071,7 @@ var QSMContainer = function () {
     // Default fallback
     var startDate = addMonths(now, 1);
     var endDate = addDays(startDate, 7);
-    if (value === PortalQsmType.GroupTour) {
+    if (value === build.PortalQsmType.GroupTour) {
       startDate = now;
       endDate = addYears(startDate, 1);
     }
@@ -33057,7 +33130,7 @@ var QSMContainer = function () {
       nationality: selectedNationality,
       tripType: tripType
     };
-    if (askRooms && qsmType !== PortalQsmType.Flight) {
+    if (askRooms && qsmType !== build.PortalQsmType.Flight) {
       payload.rooms = rooms;
     } else {
       payload.travelers = { adults: adults, kids: kids, babies: babies };
@@ -33124,47 +33197,47 @@ var QSMContainer = function () {
   );
   var qsmTypeMeta =
     ((_a = {}),
-    (_a[PortalQsmType.Multidestination] = {
+    (_a[build.PortalQsmType.Multidestination] = {
       icon: 'ui-location',
       label: translations.QSM.MULTIDESTINATION
     }),
-    (_a[PortalQsmType.Package] = {
+    (_a[build.PortalQsmType.Package] = {
       icon: 'ui-suitcase',
       label: translations.QSM.PACKAGES
     }),
-    (_a[PortalQsmType.AccommodationAndFlight] = {
+    (_a[build.PortalQsmType.AccommodationAndFlight] = {
       icon: ['ui-backforward', 'ui-bed'],
       label: translations.QSM.TRANSPORT_HOTEL
     }),
-    (_a[PortalQsmType.Accommodation] = {
+    (_a[build.PortalQsmType.Accommodation] = {
       icon: 'ui-bed',
       label: translations.QSM.ACCOMMODATION
     }),
-    (_a[PortalQsmType.Flight] = {
+    (_a[build.PortalQsmType.Flight] = {
       icon: 'ui-flight',
       label: translations.QSM.TRANSPORTS
     }),
-    (_a[PortalQsmType.GroupTour] = {
+    (_a[build.PortalQsmType.GroupTour] = {
       icon: 'ui-group',
       label: translations.QSM.GROUP_TOUR
     }),
-    (_a[PortalQsmType.RoundTrip] = {
+    (_a[build.PortalQsmType.RoundTrip] = {
       icon: 'ui-group',
       label: translations.QSM.ROUNDTRIP
     }),
-    (_a[PortalQsmType.Ticket] = {
+    (_a[build.PortalQsmType.Ticket] = {
       icon: 'ui-ticket',
       label: translations.QSM.TICKET_ONLY
     }),
-    (_a[PortalQsmType.Car] = {
+    (_a[build.PortalQsmType.Car] = {
       icon: 'ui-car',
       label: translations.QSM.RENT_A_CAR
     }),
-    (_a[PortalQsmType.Transfer] = {
+    (_a[build.PortalQsmType.Transfer] = {
       icon: 'ui-backforward',
       label: translations.QSM.TRANSFERS
     }),
-    (_a[PortalQsmType.Cruise] = {
+    (_a[build.PortalQsmType.Cruise] = {
       icon: 'ui-ship',
       label: translations.QSM.CRUISES
     }),
@@ -33207,7 +33280,9 @@ var QSMContainer = function () {
       React__default.createElement(
         'div',
         { className: 'qsm__filter' },
-        (qsmType === PortalQsmType.Accommodation || qsmType === PortalQsmType.AccommodationAndFlight || qsmType === PortalQsmType.GroupTour) &&
+        (qsmType === build.PortalQsmType.Accommodation ||
+          qsmType === build.PortalQsmType.AccommodationAndFlight ||
+          qsmType === build.PortalQsmType.GroupTour) &&
           React__default.createElement(
             'div',
             { className: 'radiobutton-group qsm__filter__inputgroup' },
@@ -33249,7 +33324,7 @@ var QSMContainer = function () {
               )
             )
           ),
-        qsmType === PortalQsmType.Flight &&
+        qsmType === build.PortalQsmType.Flight &&
           React__default.createElement(
             'div',
             { className: 'radiobutton-group qsm__filter__inputgroup' },
@@ -33317,18 +33392,18 @@ var QSMContainer = function () {
         React__default.createElement(
           'div',
           { className: 'qsm__filter__classgroup' },
-          qsmType !== PortalQsmType.Accommodation &&
-            qsmType !== PortalQsmType.Car &&
-            qsmType !== PortalQsmType.Ticket &&
-            qsmType !== PortalQsmType.Cruise &&
-            qsmType !== PortalQsmType.Transfer &&
-            qsmType !== 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.createElement(TravelClassPicker, null),
-          qsmType !== PortalQsmType.Multidestination &&
-            qsmType !== PortalQsmType.Car &&
-            qsmType !== PortalQsmType.Flight &&
-            qsmType !== PortalQsmType.Transfer &&
+          qsmType !== build.PortalQsmType.Multidestination &&
+            qsmType !== build.PortalQsmType.Car &&
+            qsmType !== build.PortalQsmType.Flight &&
+            qsmType !== build.PortalQsmType.Transfer &&
             askTravelType &&
             React__default.createElement(TravelTypePicker, null),
           askNationality && React__default.createElement(TravelNationalityPicker, null)
@@ -33337,17 +33412,17 @@ var QSMContainer = function () {
       React__default.createElement(
         'div',
         { className: 'qsm__input-group' },
-        (qsmType == PortalQsmType.Flight || qsmType == PortalQsmType.AccommodationAndFlight) &&
+        (qsmType == build.PortalQsmType.Flight || qsmType == build.PortalQsmType.AccommodationAndFlight) &&
           originDestinationField &&
           React__default.createElement(DoubleSearchInputGroup, { fieldConfig: originDestinationField, showReverse: originDestinationField.showReverse }),
-        qsmType == PortalQsmType.Flight &&
+        qsmType == build.PortalQsmType.Flight &&
           tripType == 'openjaw' &&
           openJawReturnDestinationField &&
           React__default.createElement(DoubleSearchInputGroup, {
             fieldConfig: openJawReturnDestinationField,
             showReverse: openJawReturnDestinationField.showReverse
           }),
-        (qsmType == PortalQsmType.Accommodation || qsmType == PortalQsmType.AccommodationAndFlight || qsmType == PortalQsmType.GroupTour) &&
+        (qsmType == build.PortalQsmType.Accommodation || qsmType == build.PortalQsmType.AccommodationAndFlight || qsmType == build.PortalQsmType.GroupTour) &&
           destination &&
           React__default.createElement(SearchInputGroup, { fieldConfig: destination }),
         React__default.createElement(Dates, { value: dateRange, onChange: handleDateChange }),
@@ -37815,7 +37890,7 @@ var FlyIn = function (_a) {
   );
   var handleClose = function () {
     if (isOpen && panelRef.current) {
-      if (srpType === PortalQsmType.Flight) {
+      if (srpType === build.PortalQsmType.Flight) {
         dispatch(setSelectedFlight(null));
         dispatch(setSelectedFlightDetails(null));
         onCancelSearch();
@@ -37848,8 +37923,8 @@ var FlyIn = function (_a) {
           )
         )
       ),
-      srpType === PortalQsmType.Flight && React__default.createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
-      (srpType === PortalQsmType.Accommodation || srpType === PortalQsmType.GroupTour) &&
+      srpType === build.PortalQsmType.Flight && React__default.createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
+      (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.GroupTour) &&
         React__default.createElement(AccommodationFlyIn, { isLoading: true, isOpen: isOpen, setIsOpen: setIsOpen })
     )
   );
@@ -37869,7 +37944,16 @@ var HotelCard = function (_a) {
   if ((_b = result.contents) === null || _b === void 0 ? void 0 : _b.length) {
     return React__default.createElement(
       'div',
-      { className: 'search__result-card__wrapper' },
+      {
+        key: result.id,
+        className: 'search__result-card__wrapper search__result-card__wrapper--custom',
+        onMouseEnter: function (e) {
+          return (e.currentTarget.style.transform = 'scale(1.02)');
+        },
+        onMouseLeave: function (e) {
+          return (e.currentTarget.style.transform = 'scale(1)');
+        }
+      },
       React__default.createElement('div', {
         dangerouslySetInnerHTML: {
           __html: result.contents
@@ -38227,6 +38311,7 @@ var HotelAccommodationResults = function (_a) {
 //   return <div className="search__results__cards">{renderedResults}</div>;
 // };
 
+// search__results__cards--list
 var RoundTripResults = function () {
   return React__default.createElement(
     'div',
@@ -38237,6 +38322,15 @@ var RoundTripResults = function () {
       React__default.createElement(
         'div',
         { className: 'search__result-card__allotment' },
+        React__default.createElement(
+          'div',
+          { className: 'search__result-card__allotment__img-wrapper' },
+          React__default.createElement('img', {
+            src: 'https://cdn.pixabay.com/photo/2024/05/15/12/31/lake-8763490_1280.jpg',
+            alt: 'river',
+            className: 'search__result-card__allotment__img'
+          })
+        ),
         React__default.createElement(
           'div',
           { className: 'search__result-card__allotment__title__wrapper' },
@@ -38320,6 +38414,15 @@ var RoundTripResults = function () {
       React__default.createElement(
         'div',
         { className: 'search__result-card__allotment' },
+        React__default.createElement(
+          'div',
+          { className: 'search__result-card__allotment__img-wrapper' },
+          React__default.createElement('img', {
+            src: 'https://cdn.pixabay.com/photo/2024/05/15/12/31/lake-8763490_1280.jpg',
+            alt: 'river',
+            className: 'search__result-card__allotment__img'
+          })
+        ),
         React__default.createElement(
           'div',
           { className: 'search__result-card__allotment__title__wrapper' },
@@ -38334,6 +38437,11 @@ var RoundTripResults = function () {
               'BIJNA GAR'
             )
           ),
+          React__default.createElement(
+            'p',
+            { className: 'search__result-card__allotment__description' },
+            'Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod quis explicabo, animi illum expedita molestias quae atque laboriosam consequatur nulla error non delectus nesciunt id voluptatem quia nobis? Debitis, rerum!'
+          ),
           React__default.createElement(
             'div',
             { className: 'search__result-card__allotment__container' },
@@ -38403,6 +38511,15 @@ var RoundTripResults = function () {
       React__default.createElement(
         'div',
         { className: 'search__result-card__allotment' },
+        React__default.createElement(
+          'div',
+          { className: 'search__result-card__allotment__img-wrapper' },
+          React__default.createElement('img', {
+            src: 'https://cdn.pixabay.com/photo/2024/05/15/12/31/lake-8763490_1280.jpg',
+            alt: 'river',
+            className: 'search__result-card__allotment__img'
+          })
+        ),
         React__default.createElement(
           'div',
           { className: 'search__result-card__allotment__title__wrapper' },
@@ -40634,7 +40751,7 @@ var FlightResultsContainer = function (_a) {
   useEffect(
     function () {
       if (!(context === null || context === void 0 ? void 0 : context.showMockup)) {
-        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.Flight && isHubReady) {
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Flight && isHubReady) {
           onFlightSearch();
         }
       }
@@ -40774,7 +40891,7 @@ var FlightResultsContainer = function (_a) {
           'div',
           { className: 'search__results__wrapper' },
           flightsLoading && React__default.createElement(Spinner, null),
-          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) == 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 &&
@@ -41477,12 +41594,15 @@ var SearchResultsContainer = function () {
     }),
     results = _b.results,
     filteredResults = _b.filteredResults,
+    packagingAccoResults = _b.packagingAccoResults,
+    filteredPackagingAccoResults = _b.filteredPackagingAccoResults,
     bookingPackageDetails = _b.bookingPackageDetails,
     entry = _b.entry,
     isLoading = _b.isLoading,
     filters = _b.filters,
     sortKey = _b.sortKey,
     selectedSearchResultId = _b.selectedSearchResultId,
+    selectedPackagingAccoResultCode = _b.selectedPackagingAccoResultCode,
     flyInIsOpen = _b.flyInIsOpen;
   var isMobile = useMediaQuery('(max-width: 1200px)');
   var _c = useState(false),
@@ -41563,11 +41683,12 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.searchConfiguration.qsmType === PortalQsmType.Accommodation || context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.searchConfiguration.qsmType === PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === build.PortalQsmType.Flight
             ? 7
-            : context.searchConfiguration.qsmType === PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip
             ? 1
             : 0,
         searchType: 0,
@@ -41637,14 +41758,15 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.searchConfiguration.qsmType === PortalQsmType.Accommodation || context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.searchConfiguration.qsmType === PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === build.PortalQsmType.Flight
             ? 7
-            : context.searchConfiguration.qsmType === PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip
             ? 1
             : undefined,
-        searchType: context.searchConfiguration.qsmType === PortalQsmType.GroupTour ? 1 : 0,
+        searchType: context.searchConfiguration.qsmType === build.PortalQsmType.GroupTour ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -41657,7 +41779,7 @@ var SearchResultsContainer = function () {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ? true : false,
+        includeFlights: context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight ? true : false,
         // regimeCodes:
         //   filters
         //     .find((f) => f.property === 'regime')
@@ -41665,7 +41787,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.searchConfiguration.qsmType) === 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] : [],
@@ -41892,7 +42014,7 @@ var SearchResultsContainer = function () {
                       dispatch(setSelectedSearchResult(matching.productId));
                     }
                   } else {
-                    if (context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight) {
+                    if (context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight) {
                       dispatch(setSelectedSearchResult((_b = packageSearchResults[0]) === null || _b === void 0 ? void 0 : _b.productId));
                     }
                   }
@@ -41935,6 +42057,7 @@ var SearchResultsContainer = function () {
                   throw new Error('Invalid search parameters');
                 }
                 searchRequest = rq;
+                searchRequest.portalId = context.portalId;
                 return [4 /*yield*/, build.searchPackagingAccommodations(config, searchRequest)];
               case 2:
                 packageAccoSearchResults = _b.sent();
@@ -41967,12 +42090,12 @@ var SearchResultsContainer = function () {
       };
       if (!(context === null || context === void 0 ? void 0 : context.showMockup)) {
         if (
-          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.AccommodationAndFlight ||
-          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === 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) === PortalQsmType.Accommodation) {
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation) {
           runHotelSearch();
         }
       }
@@ -41989,10 +42112,10 @@ var SearchResultsContainer = function () {
           return __generator(this, function (_c) {
             switch (_c.label) {
               case 0:
-                if (!selectedSearchResultId || !context) return [2 /*return*/];
+                if ((!selectedSearchResultId && !selectedPackagingAccoResultCode) || !context) return [2 /*return*/];
                 if (
-                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === PortalQsmType.Accommodation ||
-                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === 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);
                 }
@@ -42028,7 +42151,7 @@ var SearchResultsContainer = function () {
                     productCode: selectedItem.code,
                     fromDate: selectedItem.fromDate,
                     toDate: selectedItem.toDate,
-                    includeFlights: context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ? true : false,
+                    includeFlights: context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight ? true : false,
                     includeHotels: true,
                     includePaxTypes: true,
                     checkExternalAvailability: true,
@@ -42082,14 +42205,19 @@ var SearchResultsContainer = function () {
       };
       fetchPackageDetails();
     },
-    [selectedSearchResultId]
+    [selectedSearchResultId, selectedPackagingAccoResultCode]
   );
   useEffect(
     function () {
-      var filteredResults = applyFilters(results, filters);
-      dispatch(setFilteredResults(filteredResults));
+      if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation) {
+        var filteredPackageAccoResults = applyFiltersToPackageAccoResults(packagingAccoResults, filters);
+        dispatch(setFilteredPackagingAccoResults(filteredPackageAccoResults));
+      } else {
+        var filteredResults_1 = applyFilters(results, filters);
+        dispatch(setFilteredResults(filteredResults_1));
+      }
     },
-    [filters, results]
+    [filters, results, packagingAccoResults]
   );
   return React__default.createElement(
     'div',
@@ -42101,7 +42229,7 @@ var SearchResultsContainer = function () {
         React__default.createElement(
           'div',
           { className: 'search__container' },
-          context.searchConfiguration.qsmType === PortalQsmType.Flight &&
+          context.searchConfiguration.qsmType === build.PortalQsmType.Flight &&
             React__default.createElement(
               FlightSearchProvider,
               { tideConnection: context.tideConnection },
@@ -42116,14 +42244,14 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          (context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ||
-            context.searchConfiguration.qsmType === PortalQsmType.Accommodation ||
-            context.searchConfiguration.qsmType === PortalQsmType.GroupTour ||
-            context.searchConfiguration.qsmType === 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.createElement(
               React__default.Fragment,
               null,
-              context.searchConfiguration.qsmType != PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight &&
                 context.showFilters &&
                 React__default.createElement(Filters, {
                   initialFilters: initialFilters,
@@ -42135,7 +42263,7 @@ var SearchResultsContainer = function () {
                   // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                   isLoading: isLoading
                 }),
-              context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                 React__default.createElement(Itinerary, {
                   isOpen: itineraryOpen,
                   handleSetIsOpen: function () {
@@ -42153,7 +42281,7 @@ var SearchResultsContainer = function () {
                     React__default.createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.searchConfiguration.qsmType != PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight &&
                         context.showFilters &&
                         React__default.createElement(
                           'div',
@@ -42166,7 +42294,7 @@ var SearchResultsContainer = function () {
                           React__default.createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
                           translations.SRP.FILTERS
                         ),
-                      context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                         React__default.createElement(
                           'div',
                           {
@@ -42200,8 +42328,13 @@ var SearchResultsContainer = function () {
                       React__default.createElement(
                         React__default.Fragment,
                         null,
-                        (filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults.length) && filteredResults.length,
-                        ' ',
+                        context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation &&
+                          (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length) &&
+                          (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length),
+                        context.searchConfiguration.qsmType !== build.PortalQsmType.Accommodation &&
+                          (filteredResults === null || filteredResults === void 0 ? void 0 : filteredResults.length) &&
+                          filteredResults.length,
+                        '\u00A0',
                         translations.SRP.TOTAL_RESULTS_LABEL
                       )
                   ),
@@ -42226,8 +42359,9 @@ var SearchResultsContainer = function () {
                   { className: 'search__results__wrapper' },
                   context.showTabViews && React__default.createElement(TabViews, null),
                   context.showRoundTripResults && context.showMockup && React__default.createElement(RoundTripResults, null),
-                  context.searchConfiguration.qsmType === PortalQsmType.GroupTour && React__default.createElement(GroupTourResults, { isLoading: isLoading }),
-                  context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === build.PortalQsmType.GroupTour &&
+                    React__default.createElement(GroupTourResults, { isLoading: isLoading }),
+                  context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
                     React__default.createElement(FlightResults, {
@@ -42235,7 +42369,7 @@ var SearchResultsContainer = function () {
                       isDeparture: true
                     }),
                   context.showHotelAccommodationResults && React__default.createElement(HotelAccommodationResults, { isLoading: isLoading }),
-                  context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&
                     React__default.createElement(FlightResults, {
@@ -45726,15 +45860,19 @@ var FeaturedTripCard = function (_a) {
     React__default.createElement(
       'div',
       { className: 'image-card__content' },
-      React__default.createElement('h3', { className: 'image-card__title' }, title),
       React__default.createElement(
         'div',
-        { className: 'image-card__options' },
+        { className: 'image-card__top' },
+        React__default.createElement('h3', { className: 'image-card__title' }, title),
         React__default.createElement(
           'div',
-          { className: 'image-card__option' },
-          React__default.createElement(Icon$3, { name: 'ui-location', width: 16, height: 16 }),
-          React__default.createElement('span', null, location)
+          { className: 'image-card__options' },
+          React__default.createElement(
+            'div',
+            { className: 'image-card__option' },
+            React__default.createElement(Icon$3, { name: 'ui-location', width: 16, height: 16 }),
+            React__default.createElement('span', null, location)
+          )
         )
       ),
       React__default.createElement(
@@ -49676,7 +49814,6 @@ export {
   Login,
   Navbar,
   PhotoGallery,
-  PortalQsmType,
   QSM,
   SearchResults,
   Slider