@qite/tide-booking-component 1.4.77 → 1.4.79

package/build/build-cjs/index.js

@@ -24412,7 +24412,7 @@ var aggregatePricePerPaxType = function (priceDetails, requestRooms) {
     room.pax.forEach(function (pax) {
       var paxType = 'ADULT';
       if (typeof pax.age === 'number') {
-        if (pax.age <= 11) {
+        if (pax.age <= 11 && pax.age > 2) {
           paxType = 'CHILD';
         } else if (pax.age <= 2) {
           paxType = 'INFANT';
@@ -30413,6 +30413,7 @@ var Footer = function (_a) {
 
 var QSMConfigurationContext = React__default['default'].createContext({
   type: exports.PortalQsmType.Accommodation,
+  searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
   askTravelClass: false,
@@ -33042,6 +33043,7 @@ var TravelNationalityPicker = function () {
 };
 
 var QSMContainer = function () {
+  var _a;
   var dispatch = reactRedux.useDispatch();
   var isMobile = useMediaQuery('(max-width: 768px)');
   var qsmState = reactRedux.useSelector(function (state) {
@@ -33052,23 +33054,24 @@ var QSMContainer = function () {
     fromDate = qsmState.fromDate,
     toDate = qsmState.toDate,
     tripType = qsmState.tripType;
-  var _a = React.useContext(QSMConfigurationContext),
-    askTravelers = _a.askTravelers,
-    askRooms = _a.askRooms,
-    askNationality = _a.askNationality,
-    askTravelClass = _a.askTravelClass,
-    askTravelType = _a.askTravelType,
-    submitIcon = _a.submitIcon,
-    onSubmit = _a.onSubmit,
-    travelTypes = _a.travelTypes,
-    languageCode = _a.languageCode,
-    departureAirport = _a.departureAirport,
-    destinationAirport = _a.destinationAirport,
-    returnAirport = _a.returnAirport,
-    destination = _a.destination,
-    allowOneWay = _a.allowOneWay,
-    allowRoundtrip = _a.allowRoundtrip,
-    allowOpenJaw = _a.allowOpenJaw;
+  var _b = React.useContext(QSMConfigurationContext),
+    askTravelers = _b.askTravelers,
+    askRooms = _b.askRooms,
+    askNationality = _b.askNationality,
+    askTravelClass = _b.askTravelClass,
+    askTravelType = _b.askTravelType,
+    submitIcon = _b.submitIcon,
+    onSubmit = _b.onSubmit,
+    travelTypes = _b.travelTypes,
+    languageCode = _b.languageCode,
+    departureAirport = _b.departureAirport,
+    destinationAirport = _b.destinationAirport,
+    returnAirport = _b.returnAirport,
+    destination = _b.destination,
+    allowOneWay = _b.allowOneWay,
+    allowRoundtrip = _b.allowRoundtrip,
+    allowOpenJaw = _b.allowOpenJaw,
+    searchConfigurations = _b.searchConfigurations;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
   React.useEffect(
     function () {
@@ -33103,12 +33106,36 @@ var QSMContainer = function () {
   };
   var handleQsmTypeChange = function (value) {
     dispatch(setSelectedQsmType(value));
-    var startDate = dateFns.addMonths(new Date(), 1);
+    var now = new Date();
+    // Default fallback
+    var startDate = dateFns.addMonths(now, 1);
     var endDate = dateFns.addDays(startDate, 7);
     if (value === exports.PortalQsmType.GroupTour) {
-      startDate = new Date();
+      startDate = now;
       endDate = dateFns.addYears(startDate, 1);
     }
+    var searchConfig = searchConfigurations.find(function (config) {
+      return config.qsmType === value;
+    });
+    if (searchConfig) {
+      var applyAmount = function (baseDate, type, amount) {
+        if (!amount || type == null) return baseDate;
+        switch (type) {
+          case build.DateAmountType.days:
+            return dateFns.addDays(baseDate, amount);
+          case build.DateAmountType.months:
+            return dateFns.addMonths(baseDate, amount);
+          default:
+            return baseDate;
+        }
+      };
+      if (searchConfig.fromDateAmount) {
+        startDate = applyAmount(now, searchConfig.fromDateAmountType, searchConfig.fromDateAmount);
+      }
+      if (searchConfig.toDateAmount) {
+        endDate = applyAmount(startDate, searchConfig.toDateAmountType, searchConfig.toDateAmount);
+      }
+    }
     handleDateChange({
       fromDate: startDate,
       toDate: endDate
@@ -33207,6 +33234,53 @@ var QSMContainer = function () {
     },
     [fromDate, toDate, departureAirport, returnAirport, allowOpenJaw]
   );
+  var qsmTypeMeta =
+    ((_a = {}),
+    (_a[exports.PortalQsmType.Multidestination] = {
+      icon: 'ui-location',
+      label: translations.QSM.MULTIDESTINATION
+    }),
+    (_a[exports.PortalQsmType.Package] = {
+      icon: 'ui-suitcase',
+      label: translations.QSM.PACKAGES
+    }),
+    (_a[exports.PortalQsmType.AccommodationAndFlight] = {
+      icon: ['ui-backforward', 'ui-bed'],
+      label: translations.QSM.TRANSPORT_HOTEL
+    }),
+    (_a[exports.PortalQsmType.Accommodation] = {
+      icon: 'ui-bed',
+      label: translations.QSM.ACCOMMODATION
+    }),
+    (_a[exports.PortalQsmType.Flight] = {
+      icon: 'ui-flight',
+      label: translations.QSM.TRANSPORTS
+    }),
+    (_a[exports.PortalQsmType.GroupTour] = {
+      icon: 'ui-group',
+      label: translations.QSM.GROUP_TOUR
+    }),
+    (_a[exports.PortalQsmType.RoundTrip] = {
+      icon: 'ui-group',
+      label: translations.QSM.ROUNDTRIP
+    }),
+    (_a[exports.PortalQsmType.Ticket] = {
+      icon: 'ui-ticket',
+      label: translations.QSM.TICKET_ONLY
+    }),
+    (_a[exports.PortalQsmType.Car] = {
+      icon: 'ui-car',
+      label: translations.QSM.RENT_A_CAR
+    }),
+    (_a[exports.PortalQsmType.Transfer] = {
+      icon: 'ui-backforward',
+      label: translations.QSM.TRANSFERS
+    }),
+    (_a[exports.PortalQsmType.Cruise] = {
+      icon: 'ui-ship',
+      label: translations.QSM.CRUISES
+    }),
+    _a);
   return React__default['default'].createElement(
     'div',
     { className: 'qsm' },
@@ -33216,168 +33290,31 @@ var QSMContainer = function () {
       React__default['default'].createElement(
         'div',
         { className: 'qsm__tabs' },
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Multidestination ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Multidestination);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-location', height: 16 })
-          ),
-          translations.QSM.MULTIDESTINATION
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Package ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Package);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-suitcase', height: 16 })
-          ),
-          translations.QSM.PACKAGES
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.AccommodationAndFlight ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.AccommodationAndFlight);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-backforward', height: 14 }),
-            '+',
-            React__default['default'].createElement(Icon$2, { name: 'ui-bed', height: 14 })
-          ),
-          translations.QSM.TRANSPORT_HOTEL
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Accommodation ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Accommodation);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-bed', height: 16 })
-          ),
-          translations.QSM.ACCOMMODATION
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Flight ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Flight);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-flight', height: 16 })
-          ),
-          translations.QSM.TRANSPORTS
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.GroupTour ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.GroupTour);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-group', height: 16 })
-          ),
-          translations.QSM.GROUP_TOUR
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Ticket ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Ticket);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-ticket', height: 16 })
-          ),
-          translations.QSM.TICKET_ONLY
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Car ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Car);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-car', height: 16 })
-          ),
-          translations.QSM.RENT_A_CAR
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Transfer ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Transfer);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-backforward', height: 16 })
-          ),
-          translations.QSM.TRANSFERS
-        ),
-        React__default['default'].createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == exports.PortalQsmType.Cruise ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(exports.PortalQsmType.Cruise);
-            }
-          },
-          React__default['default'].createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default['default'].createElement(Icon$2, { name: 'ui-ship', height: 16 })
-          ),
-          translations.QSM.CRUISES
-        )
+        searchConfigurations.map(function (searchConfig, index) {
+          var meta = qsmTypeMeta[searchConfig.qsmType];
+          if (!meta) return null; // safety guard
+          return React__default['default'].createElement(
+            'button',
+            {
+              key: 'qsm-type-'.concat(index),
+              type: 'button',
+              className: 'qsm__tab '.concat(qsmType === searchConfig.qsmType ? 'qsm__tab--active' : ''),
+              onClick: function () {
+                return handleQsmTypeChange(searchConfig.qsmType);
+              }
+            },
+            React__default['default'].createElement(
+              'span',
+              { className: 'qsm__tab__icons' },
+              Array.isArray(meta.icon)
+                ? meta.icon.map(function (icon, i) {
+                    return React__default['default'].createElement(Icon$2, { key: i, name: icon, height: 14 });
+                  })
+                : React__default['default'].createElement(Icon$2, { name: meta.icon, height: 16 })
+            ),
+            meta.label
+          );
+        })
       ),
       React__default['default'].createElement(
         'div',

package/build/build-cjs/src/qsm/types.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 import { PortalQsmType, TravelClass, TravelType } from '../shared/types';
+import { WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
 export interface QSMConfiguration {
   type?: PortalQsmType;
+  searchConfigurations: WebsiteConfigurationSearchConfiguration[];
   askRooms?: boolean;
   askTravelType?: boolean;
   allowOneWay?: boolean;

package/build/build-esm/index.js

@@ -24364,7 +24364,7 @@ var aggregatePricePerPaxType = function (priceDetails, requestRooms) {
     room.pax.forEach(function (pax) {
       var paxType = 'ADULT';
       if (typeof pax.age === 'number') {
-        if (pax.age <= 11) {
+        if (pax.age <= 11 && pax.age > 2) {
           paxType = 'CHILD';
         } else if (pax.age <= 2) {
           paxType = 'INFANT';
@@ -30300,6 +30300,7 @@ var Footer = function (_a) {
 
 var QSMConfigurationContext = React__default.createContext({
   type: PortalQsmType.Accommodation,
+  searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
   askTravelClass: false,
@@ -32907,6 +32908,7 @@ var TravelNationalityPicker = function () {
 };
 
 var QSMContainer = function () {
+  var _a;
   var dispatch = useDispatch();
   var isMobile = useMediaQuery('(max-width: 768px)');
   var qsmState = useSelector(function (state) {
@@ -32917,23 +32919,24 @@ var QSMContainer = function () {
     fromDate = qsmState.fromDate,
     toDate = qsmState.toDate,
     tripType = qsmState.tripType;
-  var _a = useContext(QSMConfigurationContext),
-    askTravelers = _a.askTravelers,
-    askRooms = _a.askRooms,
-    askNationality = _a.askNationality,
-    askTravelClass = _a.askTravelClass,
-    askTravelType = _a.askTravelType,
-    submitIcon = _a.submitIcon,
-    onSubmit = _a.onSubmit,
-    travelTypes = _a.travelTypes,
-    languageCode = _a.languageCode,
-    departureAirport = _a.departureAirport,
-    destinationAirport = _a.destinationAirport,
-    returnAirport = _a.returnAirport,
-    destination = _a.destination,
-    allowOneWay = _a.allowOneWay,
-    allowRoundtrip = _a.allowRoundtrip,
-    allowOpenJaw = _a.allowOpenJaw;
+  var _b = useContext(QSMConfigurationContext),
+    askTravelers = _b.askTravelers,
+    askRooms = _b.askRooms,
+    askNationality = _b.askNationality,
+    askTravelClass = _b.askTravelClass,
+    askTravelType = _b.askTravelType,
+    submitIcon = _b.submitIcon,
+    onSubmit = _b.onSubmit,
+    travelTypes = _b.travelTypes,
+    languageCode = _b.languageCode,
+    departureAirport = _b.departureAirport,
+    destinationAirport = _b.destinationAirport,
+    returnAirport = _b.returnAirport,
+    destination = _b.destination,
+    allowOneWay = _b.allowOneWay,
+    allowRoundtrip = _b.allowRoundtrip,
+    allowOpenJaw = _b.allowOpenJaw,
+    searchConfigurations = _b.searchConfigurations;
   var translations = getTranslations(languageCode !== null && languageCode !== void 0 ? languageCode : 'en-GB');
   useEffect(
     function () {
@@ -32968,12 +32971,36 @@ var QSMContainer = function () {
   };
   var handleQsmTypeChange = function (value) {
     dispatch(setSelectedQsmType(value));
-    var startDate = addMonths(new Date(), 1);
+    var now = new Date();
+    // Default fallback
+    var startDate = addMonths(now, 1);
     var endDate = addDays(startDate, 7);
     if (value === PortalQsmType.GroupTour) {
-      startDate = new Date();
+      startDate = now;
       endDate = addYears(startDate, 1);
     }
+    var searchConfig = searchConfigurations.find(function (config) {
+      return config.qsmType === value;
+    });
+    if (searchConfig) {
+      var applyAmount = function (baseDate, type, amount) {
+        if (!amount || type == null) return baseDate;
+        switch (type) {
+          case build.DateAmountType.days:
+            return addDays(baseDate, amount);
+          case build.DateAmountType.months:
+            return addMonths(baseDate, amount);
+          default:
+            return baseDate;
+        }
+      };
+      if (searchConfig.fromDateAmount) {
+        startDate = applyAmount(now, searchConfig.fromDateAmountType, searchConfig.fromDateAmount);
+      }
+      if (searchConfig.toDateAmount) {
+        endDate = applyAmount(startDate, searchConfig.toDateAmountType, searchConfig.toDateAmount);
+      }
+    }
     handleDateChange({
       fromDate: startDate,
       toDate: endDate
@@ -33072,6 +33099,53 @@ var QSMContainer = function () {
     },
     [fromDate, toDate, departureAirport, returnAirport, allowOpenJaw]
   );
+  var qsmTypeMeta =
+    ((_a = {}),
+    (_a[PortalQsmType.Multidestination] = {
+      icon: 'ui-location',
+      label: translations.QSM.MULTIDESTINATION
+    }),
+    (_a[PortalQsmType.Package] = {
+      icon: 'ui-suitcase',
+      label: translations.QSM.PACKAGES
+    }),
+    (_a[PortalQsmType.AccommodationAndFlight] = {
+      icon: ['ui-backforward', 'ui-bed'],
+      label: translations.QSM.TRANSPORT_HOTEL
+    }),
+    (_a[PortalQsmType.Accommodation] = {
+      icon: 'ui-bed',
+      label: translations.QSM.ACCOMMODATION
+    }),
+    (_a[PortalQsmType.Flight] = {
+      icon: 'ui-flight',
+      label: translations.QSM.TRANSPORTS
+    }),
+    (_a[PortalQsmType.GroupTour] = {
+      icon: 'ui-group',
+      label: translations.QSM.GROUP_TOUR
+    }),
+    (_a[PortalQsmType.RoundTrip] = {
+      icon: 'ui-group',
+      label: translations.QSM.ROUNDTRIP
+    }),
+    (_a[PortalQsmType.Ticket] = {
+      icon: 'ui-ticket',
+      label: translations.QSM.TICKET_ONLY
+    }),
+    (_a[PortalQsmType.Car] = {
+      icon: 'ui-car',
+      label: translations.QSM.RENT_A_CAR
+    }),
+    (_a[PortalQsmType.Transfer] = {
+      icon: 'ui-backforward',
+      label: translations.QSM.TRANSFERS
+    }),
+    (_a[PortalQsmType.Cruise] = {
+      icon: 'ui-ship',
+      label: translations.QSM.CRUISES
+    }),
+    _a);
   return React__default.createElement(
     'div',
     { className: 'qsm' },
@@ -33081,132 +33155,31 @@ var QSMContainer = function () {
       React__default.createElement(
         'div',
         { className: 'qsm__tabs' },
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Multidestination ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Multidestination);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-location', height: 16 })),
-          translations.QSM.MULTIDESTINATION
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Package ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Package);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-suitcase', height: 16 })),
-          translations.QSM.PACKAGES
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.AccommodationAndFlight ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.AccommodationAndFlight);
-            }
-          },
-          React__default.createElement(
-            'span',
-            { className: 'qsm__tab__icons' },
-            React__default.createElement(Icon$2, { name: 'ui-backforward', height: 14 }),
-            '+',
-            React__default.createElement(Icon$2, { name: 'ui-bed', height: 14 })
-          ),
-          translations.QSM.TRANSPORT_HOTEL
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Accommodation ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Accommodation);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-bed', height: 16 })),
-          translations.QSM.ACCOMMODATION
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Flight ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Flight);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-flight', height: 16 })),
-          translations.QSM.TRANSPORTS
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.GroupTour ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.GroupTour);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-group', height: 16 })),
-          translations.QSM.GROUP_TOUR
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Ticket ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Ticket);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-ticket', height: 16 })),
-          translations.QSM.TICKET_ONLY
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Car ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Car);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-car', height: 16 })),
-          translations.QSM.RENT_A_CAR
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Transfer ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Transfer);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-backforward', height: 16 })),
-          translations.QSM.TRANSFERS
-        ),
-        React__default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: 'qsm__tab '.concat(qsmType == PortalQsmType.Cruise ? 'qsm__tab--active' : ''),
-            onClick: function () {
-              return handleQsmTypeChange(PortalQsmType.Cruise);
-            }
-          },
-          React__default.createElement('span', { className: 'qsm__tab__icons' }, React__default.createElement(Icon$2, { name: 'ui-ship', height: 16 })),
-          translations.QSM.CRUISES
-        )
+        searchConfigurations.map(function (searchConfig, index) {
+          var meta = qsmTypeMeta[searchConfig.qsmType];
+          if (!meta) return null; // safety guard
+          return React__default.createElement(
+            'button',
+            {
+              key: 'qsm-type-'.concat(index),
+              type: 'button',
+              className: 'qsm__tab '.concat(qsmType === searchConfig.qsmType ? 'qsm__tab--active' : ''),
+              onClick: function () {
+                return handleQsmTypeChange(searchConfig.qsmType);
+              }
+            },
+            React__default.createElement(
+              'span',
+              { className: 'qsm__tab__icons' },
+              Array.isArray(meta.icon)
+                ? meta.icon.map(function (icon, i) {
+                    return React__default.createElement(Icon$2, { key: i, name: icon, height: 14 });
+                  })
+                : React__default.createElement(Icon$2, { name: meta.icon, height: 16 })
+            ),
+            meta.label
+          );
+        })
       ),
       React__default.createElement(
         'div',

package/build/build-esm/src/qsm/types.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 import { PortalQsmType, TravelClass, TravelType } from '../shared/types';
+import { WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
 export interface QSMConfiguration {
   type?: PortalQsmType;
+  searchConfigurations: WebsiteConfigurationSearchConfiguration[];
   askRooms?: boolean;
   askTravelType?: boolean;
   allowOneWay?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.77",
+  "version": "1.4.79",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/booking-wizard/features/price-details/selectors.ts

@@ -51,7 +51,7 @@ const aggregatePricePerPaxType = (priceDetails: BookingPriceDetail[], requestRoo
     room.pax.forEach((pax) => {
       let paxType = 'ADULT';
       if (typeof pax.age === 'number') {
-        if (pax.age <= 11) {
+        if (pax.age <= 11 && pax.age > 2) {
           paxType = 'CHILD';
         } else if (pax.age <= 2) {
           paxType = 'INFANT';

package/src/content/features/content-page/content-page-self-contained.tsx

@@ -6,6 +6,7 @@ import ContactForm from '../../components/contact';
 import Slider from '../../components/slider';
 import { Nationality, QSMConfiguration, TypeaheadOption } from '../../../qsm/types';
 import QSM from '../../../qsm';
+import { WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
 
 interface ContentPageSelfContainedProps {
   path: string;
@@ -52,8 +53,93 @@ const travelClasses = [
   { id: 8, label: 'First Class' }
 ];
 
+const searchConfigurations: WebsiteConfigurationSearchConfiguration[] = [
+  {
+    id: 4,
+    name: 'Search Group tour',
+    icon: '',
+    defaultSearchType: 1,
+    serviceTypes: [0],
+    defaultCatalogueId: undefined,
+    defaultDuration: undefined,
+    fromDateAmount: 0,
+    fromDateAmountType: 0,
+    toDateAmount: 12,
+    toDateAmountType: 1,
+    enableManualPackaging: false,
+    allowFlights: false,
+    allowAccommodations: false,
+    allowCarRentals: false,
+    allowTransfers: false,
+    allowExcursions: false,
+    qsmType: 5
+  },
+  {
+    id: 5,
+    name: 'Search Hotels',
+    icon: '',
+    defaultSearchType: 0,
+    serviceTypes: [3],
+    defaultCatalogueId: undefined,
+    defaultDuration: undefined,
+    fromDateAmount: 1,
+    fromDateAmountType: 1,
+    toDateAmount: 7,
+    toDateAmountType: 0,
+    enableManualPackaging: false,
+    allowFlights: false,
+    allowAccommodations: false,
+    allowCarRentals: false,
+    allowTransfers: false,
+    allowExcursions: false,
+    qsmType: 1
+  },
+  {
+    id: 6,
+    name: 'Search Flights',
+    icon: '',
+    defaultSearchType: 3,
+    serviceTypes: [7],
+    defaultCatalogueId: undefined,
+    defaultDuration: undefined,
+    fromDateAmount: 1,
+    fromDateAmountType: 1,
+    toDateAmount: 7,
+    toDateAmountType: 0,
+    enableManualPackaging: false,
+    allowFlights: false,
+    allowAccommodations: false,
+    allowCarRentals: false,
+    allowTransfers: false,
+    allowExcursions: false,
+    qsmType: 3
+  },
+  {
+    id: 7,
+    name: 'Transport + hotel',
+    icon: '',
+    defaultSearchType: 0,
+    serviceTypes: [0],
+    defaultCatalogueId: undefined,
+    defaultDuration: undefined,
+    fromDateAmount: 1,
+    fromDateAmountType: 1,
+    toDateAmount: 7,
+    toDateAmountType: 0,
+    enableManualPackaging: true,
+    allowFlights: true,
+    allowAccommodations: true,
+    allowCarRentals: false,
+    allowTransfers: false,
+    allowExcursions: false,
+    qsmType: 2
+  }
+];
+
 let configuration: QSMConfiguration = {
   type: PortalQsmType.Accommodation,
+  searchConfigurations: searchConfigurations,
+
   askTravelers: true,
   askNationality: true,
   askTravelClass: true,

package/src/qsm/components/QSMContainer/qsm-container.tsx

@@ -18,6 +18,7 @@ import { QSMState, setFromDate, setSelectedQsmType, setToDate, setTripType } fro
 import { BaseFieldConfig, DoubleFieldConfig } from '../../types';
 import { getTranslations } from '../../../shared/utils/localization-util';
 import { PortalQsmType } from '../../../shared/types';
+import { DateAmountType } from '@qite/tide-client';
 
 const QSMContainer: React.FC = () => {
   const dispatch = useDispatch();
@@ -40,7 +41,8 @@ const QSMContainer: React.FC = () => {
     destination,
     allowOneWay,
     allowRoundtrip,
-    allowOpenJaw
+    allowOpenJaw,
+    searchConfigurations
   } = useContext(QSMConfigurationContext);
   const translations = getTranslations(languageCode ?? 'en-GB');
 
@@ -80,14 +82,41 @@ const QSMContainer: React.FC = () => {
   const handleQsmTypeChange = (value: PortalQsmType) => {
     dispatch(setSelectedQsmType(value));
 
-    let startDate = addMonths(new Date(), 1);
-    let endDate = addDays(startDate, 7);
+    const now = new Date();
 
+    // Default fallback
+    let startDate = addMonths(now, 1);
+    let endDate = addDays(startDate, 7);
     if (value === PortalQsmType.GroupTour) {
-      startDate = new Date();
+      startDate = now;
       endDate = addYears(startDate, 1);
     }
 
+    const searchConfig = searchConfigurations.find((config) => config.qsmType === value);
+
+    if (searchConfig) {
+      const applyAmount = (baseDate: Date, type: DateAmountType, amount?: number) => {
+        if (!amount || type == null) return baseDate;
+
+        switch (type) {
+          case DateAmountType.days:
+            return addDays(baseDate, amount);
+          case DateAmountType.months:
+            return addMonths(baseDate, amount);
+          default:
+            return baseDate;
+        }
+      };
+
+      if (searchConfig.fromDateAmount) {
+        startDate = applyAmount(now, searchConfig.fromDateAmountType, searchConfig.fromDateAmount);
+      }
+
+      if (searchConfig.toDateAmount) {
+        endDate = applyAmount(startDate, searchConfig.toDateAmountType, searchConfig.toDateAmount);
+      }
+    }
+
     handleDateChange({
       fromDate: startDate,
       toDate: endDate
@@ -180,10 +209,77 @@ const QSMContainer: React.FC = () => {
     };
   }, [fromDate, toDate, departureAirport, returnAirport, allowOpenJaw]);
 
+  const qsmTypeMeta: Record<PortalQsmType, { icon: string | string[]; label: string }> = {
+    [PortalQsmType.Multidestination]: {
+      icon: 'ui-location',
+      label: translations.QSM.MULTIDESTINATION
+    },
+    [PortalQsmType.Package]: {
+      icon: 'ui-suitcase',
+      label: translations.QSM.PACKAGES
+    },
+    [PortalQsmType.AccommodationAndFlight]: {
+      icon: ['ui-backforward', 'ui-bed'],
+      label: translations.QSM.TRANSPORT_HOTEL
+    },
+    [PortalQsmType.Accommodation]: {
+      icon: 'ui-bed',
+      label: translations.QSM.ACCOMMODATION
+    },
+    [PortalQsmType.Flight]: {
+      icon: 'ui-flight',
+      label: translations.QSM.TRANSPORTS
+    },
+    [PortalQsmType.GroupTour]: {
+      icon: 'ui-group',
+      label: translations.QSM.GROUP_TOUR
+    },
+    [PortalQsmType.RoundTrip]: {
+      icon: 'ui-group',
+      label: translations.QSM.ROUNDTRIP
+    },
+    [PortalQsmType.Ticket]: {
+      icon: 'ui-ticket',
+      label: translations.QSM.TICKET_ONLY
+    },
+    [PortalQsmType.Car]: {
+      icon: 'ui-car',
+      label: translations.QSM.RENT_A_CAR
+    },
+    [PortalQsmType.Transfer]: {
+      icon: 'ui-backforward',
+      label: translations.QSM.TRANSFERS
+    },
+    [PortalQsmType.Cruise]: {
+      icon: 'ui-ship',
+      label: translations.QSM.CRUISES
+    }
+  };
+
   return (
     <div className="qsm">
       <div className="qsm__content">
         <div className="qsm__tabs">
+          {searchConfigurations.map((searchConfig, index) => {
+            const meta = qsmTypeMeta[searchConfig.qsmType];
+
+            if (!meta) return null; // safety guard
+
+            return (
+              <button
+                key={`qsm-type-${index}`}
+                type="button"
+                className={`qsm__tab ${qsmType === searchConfig.qsmType ? 'qsm__tab--active' : ''}`}
+                onClick={() => handleQsmTypeChange(searchConfig.qsmType)}>
+                <span className="qsm__tab__icons">
+                  {Array.isArray(meta.icon) ? meta.icon.map((icon, i) => <Icon key={i} name={icon} height={14} />) : <Icon name={meta.icon} height={16} />}
+                </span>
+
+                {meta.label}
+              </button>
+            );
+          })}
+          {/* 
           <button
             type="button"
             className={`qsm__tab ${qsmType == PortalQsmType.Multidestination ? 'qsm__tab--active' : ''}`}
@@ -275,7 +371,7 @@ const QSMContainer: React.FC = () => {
               <Icon name="ui-ship" height={16} />
             </span>
             {translations.QSM.CRUISES}
-          </button>
+          </button> */}
         </div>
         <div className="qsm__filter">
           {(qsmType === PortalQsmType.Accommodation || qsmType === PortalQsmType.AccommodationAndFlight || qsmType === PortalQsmType.GroupTour) && (

package/src/qsm/qsm-configuration-context.ts

@@ -4,6 +4,7 @@ import { PortalQsmType } from '../shared/types';
 
 const QSMConfigurationContext = React.createContext<QSMConfiguration>({
   type: PortalQsmType.Accommodation,
+  searchConfigurations: [],
   askTravelers: false,
   askNationality: false,
   askTravelClass: false,

package/src/qsm/types.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
 import { PortalQsmType, TravelClass, TravelType } from '../shared/types';
+import { WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
 
 export interface QSMConfiguration {
   type?: PortalQsmType;
-  // Type specification and dedicated parameters
+
+  searchConfigurations: WebsiteConfigurationSearchConfiguration[];
+
   askRooms?: boolean; // hotel || roundTrip
   askTravelType?: boolean; // hotel || roundTrip
   allowOneWay?: boolean; // flight