@qite/tide-booking-component 1.4.80 → 1.4.82

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';
@@ -13236,6 +13222,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.
@@ -13298,6 +13287,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';
@@ -13417,6 +13411,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;
@@ -17520,10 +17515,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;
@@ -18153,6 +18163,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;
@@ -18449,7 +18462,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) {
@@ -18461,11 +18475,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*/];
@@ -18473,6 +18490,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;
@@ -19020,6 +19054,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),
@@ -19080,7 +19119,8 @@ var SettingsContext = React__default['default'].createContext({
   },
   travellers: {
     pathSuffix: '/reizigers',
-    travelersFirstStep: false
+    travelersFirstStep: false,
+    showAllCountries: false
   },
   summary: {
     pathSuffix: '/samenvatting',
@@ -26776,7 +26816,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);
@@ -26792,17 +26832,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
@@ -26818,9 +26860,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,
@@ -27076,7 +27118,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 });
@@ -27135,17 +27177,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
           )
@@ -27153,7 +27208,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,
@@ -27796,28 +27851,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
+                                  )
                                 })
                               )
                             )
@@ -30423,7 +30496,7 @@ var Footer = function (_a) {
 };
 
 var QSMConfigurationContext = React__default['default'].createContext({
-  type: exports.PortalQsmType.Accommodation,
+  type: build.PortalQsmType.Accommodation,
   searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
@@ -30466,7 +30539,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,
@@ -31879,7 +31952,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' : '');
@@ -32847,7 +32920,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);
@@ -33100,7 +33173,7 @@ var QSMContainer = 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);
       }
@@ -33132,7 +33205,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);
     }
@@ -33191,7 +33264,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 };
@@ -33258,47 +33331,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
     }),
@@ -33341,9 +33414,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' },
@@ -33385,7 +33458,7 @@ var QSMContainer = function () {
               )
             )
           ),
-        qsmType === exports.PortalQsmType.Flight &&
+        qsmType === build.PortalQsmType.Flight &&
           React__default['default'].createElement(
             'div',
             { className: 'radiobutton-group qsm__filter__inputgroup' },
@@ -33453,18 +33526,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)
@@ -33473,22 +33546,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 }),
@@ -38000,7 +38071,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();
@@ -38033,8 +38104,8 @@ 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 })
     )
   );
@@ -38054,7 +38125,16 @@ var HotelCard = function (_a) {
   if ((_b = result.contents) === null || _b === void 0 ? void 0 : _b.length) {
     return React__default['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['default'].createElement('div', {
         dangerouslySetInnerHTML: {
           __html: result.contents
@@ -38424,6 +38504,7 @@ var HotelAccommodationResults = function (_a) {
 //   return <div className="search__results__cards">{renderedResults}</div>;
 // };
 
+// search__results__cards--list
 var RoundTripResults = function () {
   return React__default['default'].createElement(
     'div',
@@ -38434,6 +38515,15 @@ var RoundTripResults = function () {
       React__default['default'].createElement(
         'div',
         { className: 'search__result-card__allotment' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'search__result-card__allotment__img-wrapper' },
+          React__default['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['default'].createElement(
           'div',
           { className: 'search__result-card__allotment__title__wrapper' },
@@ -38521,6 +38611,15 @@ var RoundTripResults = function () {
       React__default['default'].createElement(
         'div',
         { className: 'search__result-card__allotment' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'search__result-card__allotment__img-wrapper' },
+          React__default['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['default'].createElement(
           'div',
           { className: 'search__result-card__allotment__title__wrapper' },
@@ -38535,6 +38634,11 @@ var RoundTripResults = function () {
               'BIJNA GAR'
             )
           ),
+          React__default['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['default'].createElement(
             'div',
             { className: 'search__result-card__allotment__container' },
@@ -38608,6 +38712,15 @@ var RoundTripResults = function () {
       React__default['default'].createElement(
         'div',
         { className: 'search__result-card__allotment' },
+        React__default['default'].createElement(
+          'div',
+          { className: 'search__result-card__allotment__img-wrapper' },
+          React__default['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['default'].createElement(
           'div',
           { className: 'search__result-card__allotment__title__wrapper' },
@@ -40896,7 +41009,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.searchConfiguration.qsmType) === exports.PortalQsmType.Flight && isHubReady) {
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Flight && isHubReady) {
           onFlightSearch();
         }
       }
@@ -41036,7 +41149,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.searchConfiguration.qsmType) == 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 &&
@@ -41739,12 +41852,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 = React.useState(false),
@@ -41825,12 +41941,12 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.searchConfiguration.qsmType === exports.PortalQsmType.Accommodation ||
-          context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.searchConfiguration.qsmType === exports.PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === build.PortalQsmType.Flight
             ? 7
-            : context.searchConfiguration.qsmType === exports.PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip
             ? 1
             : 0,
         searchType: 0,
@@ -41900,15 +42016,15 @@ var SearchResultsContainer = function () {
       payload: {
         catalogueIds: (_a = context.tideConnection.catalogueIds) !== null && _a !== void 0 ? _a : [],
         serviceType:
-          context.searchConfiguration.qsmType === exports.PortalQsmType.Accommodation ||
-          context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight
+          context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation ||
+          context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight
             ? 3
-            : context.searchConfiguration.qsmType === exports.PortalQsmType.Flight
+            : context.searchConfiguration.qsmType === build.PortalQsmType.Flight
             ? 7
-            : context.searchConfiguration.qsmType === exports.PortalQsmType.RoundTrip
+            : context.searchConfiguration.qsmType === build.PortalQsmType.RoundTrip
             ? 1
             : undefined,
-        searchType: context.searchConfiguration.qsmType === exports.PortalQsmType.GroupTour ? 1 : 0,
+        searchType: context.searchConfiguration.qsmType === build.PortalQsmType.GroupTour ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -41921,7 +42037,7 @@ var SearchResultsContainer = function () {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight ? true : false,
+        includeFlights: context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight ? true : false,
         // regimeCodes:
         //   filters
         //     .find((f) => f.property === 'regime')
@@ -41929,8 +42045,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) === 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] : [],
@@ -42157,7 +42272,7 @@ var SearchResultsContainer = function () {
                       dispatch(setSelectedSearchResult(matching.productId));
                     }
                   } else {
-                    if (context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight) {
+                    if (context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight) {
                       dispatch(setSelectedSearchResult((_b = packageSearchResults[0]) === null || _b === void 0 ? void 0 : _b.productId));
                     }
                   }
@@ -42200,6 +42315,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();
@@ -42232,12 +42348,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) === exports.PortalQsmType.AccommodationAndFlight ||
-          (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === 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) === exports.PortalQsmType.Accommodation) {
+        if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation) {
           runHotelSearch();
         }
       }
@@ -42254,10 +42370,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) === exports.PortalQsmType.Accommodation ||
-                  (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === 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);
                 }
@@ -42293,7 +42409,7 @@ var SearchResultsContainer = function () {
                     productCode: selectedItem.code,
                     fromDate: selectedItem.fromDate,
                     toDate: selectedItem.toDate,
-                    includeFlights: context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight ? true : false,
+                    includeFlights: context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight ? true : false,
                     includeHotels: true,
                     includePaxTypes: true,
                     checkExternalAvailability: true,
@@ -42347,14 +42463,19 @@ var SearchResultsContainer = function () {
       };
       fetchPackageDetails();
     },
-    [selectedSearchResultId]
+    [selectedSearchResultId, selectedPackagingAccoResultCode]
   );
   React.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['default'].createElement(
     'div',
@@ -42366,7 +42487,7 @@ var SearchResultsContainer = function () {
         React__default['default'].createElement(
           'div',
           { className: 'search__container' },
-          context.searchConfiguration.qsmType === exports.PortalQsmType.Flight &&
+          context.searchConfiguration.qsmType === build.PortalQsmType.Flight &&
             React__default['default'].createElement(
               FlightSearchProvider,
               { tideConnection: context.tideConnection },
@@ -42381,14 +42502,14 @@ var SearchResultsContainer = function () {
                 }
               })
             ),
-          (context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight ||
-            context.searchConfiguration.qsmType === exports.PortalQsmType.Accommodation ||
-            context.searchConfiguration.qsmType === exports.PortalQsmType.GroupTour ||
-            context.searchConfiguration.qsmType === 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.searchConfiguration.qsmType != exports.PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight &&
                 context.showFilters &&
                 React__default['default'].createElement(Filters, {
                   initialFilters: initialFilters,
@@ -42400,7 +42521,7 @@ var SearchResultsContainer = function () {
                   // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                   isLoading: isLoading
                 }),
-              context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
+              context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                 React__default['default'].createElement(Itinerary, {
                   isOpen: itineraryOpen,
                   handleSetIsOpen: function () {
@@ -42418,7 +42539,7 @@ var SearchResultsContainer = function () {
                     React__default['default'].createElement(
                       'div',
                       { className: 'search__results__actions' },
-                      context.searchConfiguration.qsmType != exports.PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType != build.PortalQsmType.AccommodationAndFlight &&
                         context.showFilters &&
                         React__default['default'].createElement(
                           'div',
@@ -42431,7 +42552,7 @@ var SearchResultsContainer = function () {
                           React__default['default'].createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
                           translations.SRP.FILTERS
                         ),
-                      context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
+                      context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                         React__default['default'].createElement(
                           'div',
                           {
@@ -42465,8 +42586,13 @@ var SearchResultsContainer = function () {
                       React__default['default'].createElement(
                         React__default['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
                       )
                   ),
@@ -42491,9 +42617,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.searchConfiguration.qsmType === exports.PortalQsmType.GroupTour &&
+                  context.searchConfiguration.qsmType === build.PortalQsmType.GroupTour &&
                     React__default['default'].createElement(GroupTourResults, { isLoading: isLoading }),
-                  context.searchConfiguration.qsmType === exports.PortalQsmType.AccommodationAndFlight &&
+                  context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     context.showFlightResults &&
                     (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
                     React__default['default'].createElement(FlightResults, {
@@ -42501,7 +42627,7 @@ var SearchResultsContainer = function () {
                       isDeparture: true
                     }),
                   context.showHotelAccommodationResults && React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading }),
-                  context.searchConfiguration.qsmType === 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, {
@@ -46005,15 +46131,19 @@ var FeaturedTripCard = function (_a) {
     React__default['default'].createElement(
       'div',
       { className: 'image-card__content' },
-      React__default['default'].createElement('h3', { className: 'image-card__title' }, title),
       React__default['default'].createElement(
         'div',
-        { className: 'image-card__options' },
+        { className: 'image-card__top' },
+        React__default['default'].createElement('h3', { className: 'image-card__title' }, title),
         React__default['default'].createElement(
           'div',
-          { className: 'image-card__option' },
-          React__default['default'].createElement(Icon$3, { name: 'ui-location', width: 16, height: 16 }),
-          React__default['default'].createElement('span', null, location)
+          { className: 'image-card__options' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'image-card__option' },
+            React__default['default'].createElement(Icon$3, { name: 'ui-location', width: 16, height: 16 }),
+            React__default['default'].createElement('span', null, location)
+          )
         )
       ),
       React__default['default'].createElement(