@qite/tide-booking-component 1.4.78 → 1.4.80

package/src/search-results/components/search-results-container/search-results-container.tsx

@@ -11,12 +11,14 @@ import {
   setBookingPackageDetails,
   setEntry,
   setFlyInIsOpen,
-  setFilteredResults
+  setFilteredResults,
+  setPackagingAccoResults,
+  setFilteredPackagingAccoResults
 } from '../../store/search-results-slice';
 import { Filter, SortByType } from '../../types';
 import useMediaQuery from '../../../shared/utils/use-media-query-util';
 import ItemPicker from '../item-picker';
-import { TideClientConfig, details, detailsWL, getEntryLight, search } from '@qite/tide-client';
+import { TideClientConfig, details, detailsWL, getEntryLight, search, searchPackagingAccommodations } from '@qite/tide-client';
 import {
   BookingPackageDestination,
   BookingPackageDetailsRequest,
@@ -25,7 +27,11 @@ import {
   BookingPackageRequestRoom,
   BookingPackageSearchRequest,
   EntryLight,
-  EntryRoom
+  EntryRoom,
+  PackagingAccommodationRequest,
+  PackagingDestination,
+  PackagingRoom,
+  PackagingTraveller
 } from '@qite/tide-client/build/types';
 import { getDateFromParams, getNumberFromParams, getRoomsFromParams, getStringFromParams } from '../../../shared/utils/query-string-util';
 import { range } from 'lodash';
@@ -36,14 +42,18 @@ import TabViews from '../tab-views';
 import FlyIn from '../../../shared/components/flyin/flyin';
 import HotelAccommodationResults from '../hotel/hotel-accommodation-results';
 import RoundTripResults from '../round-trip/round-trip-results';
-import { enrichFiltersWithResults } from '../filters/utility';
 import FlightResults from '../flight/flight-results';
 import { getTranslations } from '../../../shared/utils/localization-util';
 import { FlightSearchProvider } from '../flight/flight-search-context';
 import FlightResultsContainer from './flight-search-results';
 import Filters from '../filters/filters';
 import GroupTourResults from '../group-tour/group-tour-results';
-import { applyFilters } from '../../utils/search-results-utils';
+import {
+  applyFilters,
+  applyFiltersToPackageAccoResults,
+  enrichFiltersWithPackageAccoResults,
+  enrichFiltersWithResults
+} from '../../utils/search-results-utils';
 import { PortalQsmType } from '../../../shared/types';
 
 const SearchResultsContainer: React.FC = () => {
@@ -123,11 +133,11 @@ const SearchResultsContainer: React.FC = () => {
       payload: {
         catalogueIds: context!.tideConnection.catalogueIds ?? [],
         serviceType:
-          context!.type === PortalQsmType.Accommodation || context!.type === PortalQsmType.AccommodationAndFlight
+          context!.searchConfiguration.qsmType === PortalQsmType.Accommodation || context!.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight
             ? 3
-            : context!.type === PortalQsmType.Flight
+            : context!.searchConfiguration.qsmType === PortalQsmType.Flight
             ? 7
-            : context!.type === PortalQsmType.RoundTrip
+            : context!.searchConfiguration.qsmType === PortalQsmType.RoundTrip
             ? 1
             : 0,
         searchType: 0,
@@ -200,14 +210,14 @@ const SearchResultsContainer: React.FC = () => {
       payload: {
         catalogueIds: context!.tideConnection.catalogueIds ?? [],
         serviceType:
-          context!.type === PortalQsmType.Accommodation || context!.type === PortalQsmType.AccommodationAndFlight
+          context!.searchConfiguration.qsmType === PortalQsmType.Accommodation || context!.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight
             ? 3
-            : context!.type === PortalQsmType.Flight
+            : context!.searchConfiguration.qsmType === PortalQsmType.Flight
             ? 7
-            : context!.type === PortalQsmType.RoundTrip
+            : context!.searchConfiguration.qsmType === PortalQsmType.RoundTrip
             ? 1
             : undefined,
-        searchType: context!.type === PortalQsmType.GroupTour ? 1 : 0,
+        searchType: context!.searchConfiguration.qsmType === PortalQsmType.GroupTour ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -220,7 +230,7 @@ const SearchResultsContainer: React.FC = () => {
         toDate: to,
         earliestFromOffset: 0,
         latestToOffset: 0,
-        includeFlights: context!.type === PortalQsmType.AccommodationAndFlight ? true : false,
+        includeFlights: context!.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ? true : false,
         // regimeCodes:
         //   filters
         //     .find((f) => f.property === 'regime')
@@ -228,7 +238,7 @@ const SearchResultsContainer: React.FC = () => {
         //     .flatMap((o) => o.value.toString()) || [],
         // minPrice: filters.find((f) => f.property === 'price')?.selectedMin,
         // maxPrice: filters.find((f) => f.property === 'price')?.selectedMax,
-        useExactDates: context?.type === PortalQsmType.GroupTour ? false : true,
+        useExactDates: context?.searchConfiguration.qsmType === PortalQsmType.GroupTour ? false : true,
         onlyCachedResults: false,
         includeAllAllotments: true,
         productIds: hotel ? [hotel] : [],
@@ -298,6 +308,103 @@ const SearchResultsContainer: React.FC = () => {
     return requestRooms;
   };
 
+  const buildPackagingAccommodationRequestFromQueryParams = (params: URLSearchParams): PackagingAccommodationRequest | null => {
+    let from = getDateFromParams(params, 'fromDate');
+    let to = getDateFromParams(params, 'toDate');
+    const rooms = getRoomsFromParams(params, 'rooms');
+    let country = getNumberFromParams(params, 'country');
+    let region = getNumberFromParams(params, 'region');
+    let oord = getNumberFromParams(params, 'oord');
+    let city = getNumberFromParams(params, 'location');
+    let hotel = getNumberFromParams(params, 'hotel');
+    let tagId = getNumberFromParams(params, 'tagId');
+    let agentId = getNumberFromParams(params, 'agentId');
+
+    if (!from || !to) {
+      console.error('Missing fromDate or toDate in query params, using default values');
+      return null;
+    }
+
+    if (typeof window !== 'undefined') {
+      window.scrollTo(0, 0);
+    }
+
+    let destinationId: number | null = null;
+    let destinationIsCountry = false;
+    let destinationIsRegion = false;
+    let destinationIsOord = false;
+    let destinationIsLocation = false;
+
+    if (country) {
+      destinationId = country;
+      destinationIsCountry = true;
+    } else if (region) {
+      destinationId = region;
+      destinationIsRegion = true;
+    } else if (oord) {
+      destinationId = oord;
+      destinationIsOord = true;
+    } else if (city) {
+      destinationId = city;
+      destinationIsLocation = true;
+    }
+
+    var searchRequest = {
+      officeId: 1,
+      agentId: agentId ?? null,
+      catalogueId: context!.searchConfiguration.defaultCatalogueId ?? 0,
+      searchConfigurationId: context!.searchConfiguration.id,
+      language: context!.languageCode ?? 'en-GB',
+      servicesType: 3, // accommodation
+      fromDate: from,
+      toDate: to,
+      destination: {
+        id: Number(destinationId),
+        isCountry: destinationIsCountry,
+        isRegion: destinationIsRegion,
+        isOord: destinationIsOord,
+        isLocation: destinationIsLocation
+      } as PackagingDestination,
+      productCode: hotel ? hotel.toString() : '',
+      rooms: getPackagingRequestRooms(rooms),
+      tagIds: tagId ? [tagId] : []
+    };
+
+    console.log('Search request for packaging accommodation from query params', searchRequest);
+
+    return searchRequest;
+  };
+
+  const getPackagingRequestRooms = (rooms: Room[] | null) => {
+    if (!rooms) {
+      // Fall back to 2 adults
+      var room = { index: 0, travellers: [] } as PackagingRoom;
+      range(0, 2).forEach(() => {
+        room.travellers.push({
+          age: 30
+        } as PackagingTraveller);
+      });
+      return [room];
+    }
+
+    const requestRooms = rooms?.map((x, i) => {
+      var room = { index: i, travellers: [] } as PackagingRoom;
+      range(0, x.adults).forEach(() => {
+        room.travellers.push({
+          age: 30
+        } as PackagingTraveller);
+      });
+      x.childAges.forEach((x) => {
+        room.travellers.push({
+          age: x
+        } as PackagingTraveller);
+      });
+      return room;
+    });
+
+    return requestRooms;
+  };
+
   useEffect(() => {
     if (typeof document !== 'undefined') {
       document.body.classList.toggle('has-overlay', filtersOpen);
@@ -362,7 +469,7 @@ const SearchResultsContainer: React.FC = () => {
               dispatch(setSelectedSearchResult(matching.productId));
             }
           } else {
-            if (context.type === PortalQsmType.AccommodationAndFlight) {
+            if (context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight) {
               dispatch(setSelectedSearchResult(packageSearchResults[0]?.productId));
             }
           }
@@ -375,14 +482,58 @@ const SearchResultsContainer: React.FC = () => {
       }
     };
 
+    const runHotelSearch = async () => {
+      dispatch(setIsLoading(true));
+      try {
+        if (!context) {
+          return;
+        }
+
+        const config: TideClientConfig = {
+          host: context.tideConnection.host,
+          apiKey: context.tideConnection.apiKey
+        };
+
+        const params = new URLSearchParams(location.search);
+
+        let searchRequest: PackagingAccommodationRequest;
+
+        const rq = buildPackagingAccommodationRequestFromQueryParams(params);
+        if (!rq) {
+          throw new Error('Invalid search parameters');
+        }
+
+        searchRequest = rq;
+
+        const packageAccoSearchResults = await searchPackagingAccommodations(config, searchRequest);
+
+        console.log('package Acco SearchResults', packageAccoSearchResults);
+
+        const enrichedFilters = enrichFiltersWithPackageAccoResults(packageAccoSearchResults, context.filters, context.tags ?? []);
+        if (!initialFiltersSet) {
+          dispatch(resetFilters(enrichedFilters));
+          setInitialFilters(enrichedFilters);
+          setInitialFiltersSet(true);
+        }
+
+        dispatch(setPackagingAccoResults(packageAccoSearchResults));
+        const initialFilteredResults = applyFiltersToPackageAccoResults(packageAccoSearchResults, filters);
+        dispatch(setFilteredPackagingAccoResults(initialFilteredResults));
+
+        dispatch(setIsLoading(false));
+      } catch (err) {
+        console.error('Search failed', err);
+        dispatch(setIsLoading(false));
+      }
+    };
+
     if (!context?.showMockup) {
-      if (
-        context?.type === PortalQsmType.AccommodationAndFlight ||
-        context?.type === PortalQsmType.Accommodation ||
-        context?.type === PortalQsmType.GroupTour
-      ) {
+      if (context?.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight || context?.searchConfiguration.qsmType === PortalQsmType.GroupTour) {
         runSearch();
       }
+      if (context?.searchConfiguration.qsmType === PortalQsmType.Accommodation) {
+        runHotelSearch();
+      }
     }
   }, [location.search]);
 
@@ -391,7 +542,7 @@ const SearchResultsContainer: React.FC = () => {
     const fetchPackageDetails = async () => {
       if (!selectedSearchResultId || !context) return;
 
-      if (context?.type === PortalQsmType.Accommodation || context?.type === PortalQsmType.GroupTour) {
+      if (context?.searchConfiguration.qsmType === PortalQsmType.Accommodation || context?.searchConfiguration.qsmType === PortalQsmType.GroupTour) {
         handleFlyInToggle(true);
       }
 
@@ -427,7 +578,7 @@ const SearchResultsContainer: React.FC = () => {
             productCode: selectedItem.code,
             fromDate: selectedItem.fromDate,
             toDate: selectedItem.toDate,
-            includeFlights: context!.type === PortalQsmType.AccommodationAndFlight ? true : false,
+            includeFlights: context!.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ? true : false,
             includeHotels: true,
             includePaxTypes: true,
             checkExternalAvailability: true,
@@ -467,24 +618,24 @@ const SearchResultsContainer: React.FC = () => {
       {context && (
         <div className="search">
           <div className="search__container">
-            {context.type === PortalQsmType.Flight && (
+            {context.searchConfiguration.qsmType === PortalQsmType.Flight && (
               <FlightSearchProvider tideConnection={context.tideConnection}>
                 <FlightResultsContainer isMobile={isMobile} />
                 <FlyIn
                   title="Select your fare"
-                  srpType={context.type}
+                  srpType={context.searchConfiguration.qsmType}
                   isOpen={flyInIsOpen}
                   setIsOpen={handleFlyInToggle}
                   onPanelRef={(el) => (panelRef.current = el)}
                 />
               </FlightSearchProvider>
             )}
-            {(context.type === PortalQsmType.AccommodationAndFlight ||
-              context.type === PortalQsmType.Accommodation ||
-              context.type === PortalQsmType.GroupTour ||
-              context.type === PortalQsmType.RoundTrip) && (
+            {(context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight ||
+              context.searchConfiguration.qsmType === PortalQsmType.Accommodation ||
+              context.searchConfiguration.qsmType === PortalQsmType.GroupTour ||
+              context.searchConfiguration.qsmType === PortalQsmType.RoundTrip) && (
               <>
-                {context.type != PortalQsmType.AccommodationAndFlight && context.showFilters && (
+                {context.searchConfiguration.qsmType != PortalQsmType.AccommodationAndFlight && context.showFilters && (
                   <Filters
                     initialFilters={initialFilters}
                     filters={filters}
@@ -494,7 +645,7 @@ const SearchResultsContainer: React.FC = () => {
                     isLoading={isLoading}
                   />
                 )}
-                {context.type === PortalQsmType.AccommodationAndFlight && (
+                {context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight && (
                   <Itinerary isOpen={itineraryOpen} handleSetIsOpen={() => setItineraryOpen(!itineraryOpen)} isLoading={isLoading} />
                 )}
                 {/* ---------------- Results ---------------- */}
@@ -502,13 +653,13 @@ const SearchResultsContainer: React.FC = () => {
                   {isMobile && (
                     <div className="search__result-row">
                       <div className="search__results__actions">
-                        {context.type != PortalQsmType.AccommodationAndFlight && context.showFilters && (
+                        {context.searchConfiguration.qsmType != PortalQsmType.AccommodationAndFlight && context.showFilters && (
                           <div className="cta cta--filter" onClick={() => setFiltersOpen(true)}>
                             <Icon name="ui-filter" className="mobile-filters-button__icon" height={16} />
                             {translations.SRP.FILTERS}
                           </div>
                         )}
-                        {context.type === PortalQsmType.AccommodationAndFlight && (
+                        {context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight && (
                           <div className="cta cta--filter" onClick={() => setItineraryOpen(true)}>
                             <Icon name="ui-calendar" className="mobile-filters-button__icon" height={16} />
                             {translations.SRP.SHOW_ITINERARY}
@@ -554,23 +705,23 @@ const SearchResultsContainer: React.FC = () => {
 
                     {context.showRoundTripResults && context.showMockup && <RoundTripResults />}
 
-                    {context.type === PortalQsmType.GroupTour && <GroupTourResults isLoading={isLoading} />}
+                    {context.searchConfiguration.qsmType === PortalQsmType.GroupTour && <GroupTourResults isLoading={isLoading} />}
 
-                    {context.type === PortalQsmType.AccommodationAndFlight && context.showFlightResults && bookingPackageDetails?.outwardFlights && (
-                      <FlightResults flights={bookingPackageDetails?.outwardFlights} isDeparture={true} />
-                    )}
+                    {context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
+                      context.showFlightResults &&
+                      bookingPackageDetails?.outwardFlights && <FlightResults flights={bookingPackageDetails?.outwardFlights} isDeparture={true} />}
 
                     {context.showHotelAccommodationResults && <HotelAccommodationResults isLoading={isLoading} />}
 
-                    {context.type === PortalQsmType.AccommodationAndFlight && context.showFlightResults && bookingPackageDetails?.returnFlights && (
-                      <FlightResults flights={bookingPackageDetails?.returnFlights} isDeparture={false} />
-                    )}
+                    {context.searchConfiguration.qsmType === PortalQsmType.AccommodationAndFlight &&
+                      context.showFlightResults &&
+                      bookingPackageDetails?.returnFlights && <FlightResults flights={bookingPackageDetails?.returnFlights} isDeparture={false} />}
                   </div>
                 </div>
                 {/* <button onClick={() => handleFlyInToggle(!flyInIsOpen)}>Toggle FlyIn</button> */}
                 <FlyIn
                   title={`${translations.SRP.SELECT} ${translations.SRP.ACCOMMODATION}`}
-                  srpType={context.type}
+                  srpType={context.searchConfiguration.qsmType}
                   isOpen={flyInIsOpen}
                   setIsOpen={handleFlyInToggle}
                   onPanelRef={(el) => (panelRef.current = el)}

package/src/search-results/features/flights/flight-search-results-self-contained.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Filter, SearchResult, SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Footer, Navbar, PortalQsmType } from '../../../../src';
+import { Footer, Navbar } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 import Icon from '../../components/icon';
 
@@ -209,7 +209,26 @@ const FlightSearchResultsSelfContained: React.FC<FlightSearchResultsSelfContaine
   };
 
   const configuration: SearchResultsConfiguration = {
-    type: PortalQsmType.Flight, // "hotel" or "flight" or "roundTrip"
+    searchConfiguration: {
+      id: 6,
+      name: 'Search Flights',
+      icon: '',
+      defaultSearchType: 3,
+      serviceTypes: [7],
+      defaultCatalogueId: 1,
+      defaultDuration: undefined,
+      fromDateAmount: 1,
+      fromDateAmountType: 1,
+      toDateAmount: 7,
+      toDateAmountType: 0,
+      enableManualPackaging: false,
+      allowFlights: false,
+      allowAccommodations: false,
+      allowCarRentals: false,
+      allowTransfers: false,
+      allowExcursions: false,
+      qsmType: 3
+    },
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',
       apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',

package/src/search-results/features/hotels/hotel-flight-search-results-self-contained.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { SearchResult, SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Navbar, Footer, PortalQsmType } from '../../../../src';
+import { Navbar, Footer } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 import Icon from '../../components/icon';
 
@@ -86,7 +86,26 @@ const HotelFlightSearchResultsSelfContained: React.FC<HotelFlightSearchResultsSe
   };
 
   const configuration: SearchResultsConfiguration = {
-    type: PortalQsmType.AccommodationAndFlight,
+    searchConfiguration: {
+      id: 7,
+      name: 'Transport + hotel',
+      icon: '',
+      defaultSearchType: 0,
+      serviceTypes: [0],
+      defaultCatalogueId: 1,
+      defaultDuration: undefined,
+      fromDateAmount: 1,
+      fromDateAmountType: 1,
+      toDateAmount: 7,
+      toDateAmountType: 0,
+      enableManualPackaging: true,
+      allowFlights: true,
+      allowAccommodations: true,
+      allowCarRentals: false,
+      allowTransfers: false,
+      allowExcursions: false,
+      qsmType: 2
+    },
     showFilters: false,
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',

package/src/search-results/features/hotels/hotel-search-results-self-contained.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Filter, SearchResult, SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Navbar, Footer, PortalQsmType } from '../../../../src';
+import { Navbar, Footer } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 import Icon from '../../components/icon';
 
@@ -126,7 +126,26 @@ const HotelSearchResultsSelfContained: React.FC<HotelSearchResultsSelfContainedP
   };
 
   const configuration: SearchResultsConfiguration = {
-    type: PortalQsmType.Accommodation, // "hotel" or "flight" or "roundTrip"
+    searchConfiguration: {
+      id: 5,
+      name: 'Search Hotels',
+      icon: '',
+      defaultSearchType: 0,
+      serviceTypes: [3],
+      defaultCatalogueId: 1,
+      defaultDuration: undefined,
+      fromDateAmount: 1,
+      fromDateAmountType: 1,
+      toDateAmount: 7,
+      toDateAmountType: 0,
+      enableManualPackaging: false,
+      allowFlights: false,
+      allowAccommodations: false,
+      allowCarRentals: false,
+      allowTransfers: false,
+      allowExcursions: false,
+      qsmType: 1
+    },
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',
       apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',

package/src/search-results/features/roundtrips/roundtrip-search-results-self-contained.tsx

@@ -1,14 +1,33 @@
 import React from 'react';
 import { SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Navbar, Footer, PortalQsmType } from '../../../../src';
+import { Navbar, Footer } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 
 interface RoundtripSearchResultsSelfContainedProps {}
 
 const RoundtripSearchResultsSelfContained: React.FC<RoundtripSearchResultsSelfContainedProps> = () => {
   const configuration: SearchResultsConfiguration = {
-    type: PortalQsmType.RoundTrip,
+    searchConfiguration: {
+      id: 4,
+      name: 'Search roundtrip',
+      icon: '',
+      defaultSearchType: 1,
+      serviceTypes: [0],
+      defaultCatalogueId: 1,
+      defaultDuration: undefined,
+      fromDateAmount: 1,
+      fromDateAmountType: 1,
+      toDateAmount: 7,
+      toDateAmountType: 0,
+      enableManualPackaging: false,
+      allowFlights: false,
+      allowAccommodations: false,
+      allowCarRentals: false,
+      allowTransfers: false,
+      allowExcursions: false,
+      qsmType: 4
+    },
     showFilters: true,
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',

package/src/search-results/store/search-results-slice.ts

@@ -1,11 +1,14 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { ExtendedFlightSearchResponseItem, Filter } from '../types';
-import { BookingPackage, BookingPackageItem, EntryLight } from '@qite/tide-client/build/types';
+import { BookingPackage, BookingPackageItem, EntryLight, PackagingAccommodationResponse } from '@qite/tide-client/build/types';
 
 export interface SearchResultsState {
   results: BookingPackageItem[];
   filteredResults: BookingPackageItem[];
   selectedSearchResultId: number | null;
+  packagingAccoResults: PackagingAccommodationResponse[];
+  filteredPackagingAccoResults: PackagingAccommodationResponse[];
+  selectedPackagingAccoResultCode: string | null;
   selectedFlight: ExtendedFlightSearchResponseItem | null;
   selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
   bookingPackageDetails: BookingPackage | null;
@@ -22,6 +25,9 @@ const initialState: SearchResultsState = {
   results: [],
   filteredResults: [],
   selectedSearchResultId: null,
+  packagingAccoResults: [],
+  filteredPackagingAccoResults: [],
+  selectedPackagingAccoResultCode: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
@@ -47,6 +53,15 @@ const searchResultsSlice = createSlice({
     setSelectedSearchResult(state, action: PayloadAction<number | null>) {
       state.selectedSearchResultId = action.payload;
     },
+    setPackagingAccoResults(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
+      state.packagingAccoResults = action.payload;
+    },
+    setFilteredPackagingAccoResults(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
+      state.filteredPackagingAccoResults = action.payload;
+    },
+    setSelectedPackagingAccoResult(state, action: PayloadAction<string | null>) {
+      state.selectedPackagingAccoResultCode = action.payload;
+    },
     setSelectedFlight(state, action: PayloadAction<ExtendedFlightSearchResponseItem | null>) {
       state.selectedFlight = action.payload;
     },
@@ -116,6 +131,9 @@ export const {
   setResults,
   setFilteredResults,
   setSelectedSearchResult,
+  setPackagingAccoResults,
+  setFilteredPackagingAccoResults,
+  setSelectedPackagingAccoResult,
   setSelectedFlight,
   setSelectedFlightDetails,
   setBookingPackageDetails,

package/src/search-results/types.ts

@@ -1,12 +1,10 @@
-import { FlightSearchResponseItem } from '@qite/tide-client';
+import { FlightSearchResponseItem, WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
 import { ReactNode } from 'react';
-import { PortalQsmType } from '../shared/types';
 
 export type FlightSelectionMode = 'paired' | 'independent';
 
 export interface SearchResultsConfiguration {
-  type: PortalQsmType;
-
+  searchConfiguration: WebsiteConfigurationSearchConfiguration;
   // Tide connection
   tideConnection: {
     host: string;
@@ -87,7 +85,8 @@ export interface PaginationConfig {
 export type SearchResult = HotelResult | FlightResult | RoundTripResult;
 
 export interface BaseSearchResult {
-  id: number;
+  id?: number;
+  code: string;
   title: string;
   image: string;
   description?: string;
@@ -103,6 +102,7 @@ export interface BaseSearchResult {
 export interface HotelResult extends BaseSearchResult {
   type: 'hotel';
   days: string;
+  contents?: string;
 }
 
 export interface RoundTripResult extends BaseSearchResult {