@qite/tide-booking-component 1.4.103 → 1.4.104

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

@@ -0,0 +1,73 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { SearchResultsRootState } from './search-results-store';
+import { getFlightKey } from '../utils/flight-utils';
+import { PackagingFlightResponse } from '@qite/tide-client';
+
+const selectSearchResultsState = (state: SearchResultsRootState) => state.searchResults;
+
+export const selectPackagingFlightResults = createSelector([selectSearchResultsState], (state) => state.packagingFlightResults);
+export const selectFilteredPackagingFlightResults = createSelector([selectSearchResultsState], (state) => state.filteredPackagingFlightResults);
+
+export const selectSelectedOutwardKey = createSelector([selectSearchResultsState], (state) => state.selectedOutwardKey);
+
+export const selectSelectedReturnKey = createSelector([selectSearchResultsState], (state) => state.selectedReturnKey);
+
+export const selectUniqueOutwardFlights = createSelector([selectFilteredPackagingFlightResults], (packagingFlightResults): PackagingFlightResponse[] => {
+  const map = new Map<string, PackagingFlightResponse>();
+
+  packagingFlightResults.forEach((flight) => {
+    const key = getFlightKey(flight.outward.segments);
+
+    if (!map.has(key)) {
+      map.set(key, flight);
+    }
+  });
+
+  return Array.from(map.values());
+});
+
+export const selectUniqueReturnFlights = createSelector(
+  [selectFilteredPackagingFlightResults, selectSelectedOutwardKey],
+  (packagingFlightResults, selectedOutwardKey): PackagingFlightResponse[] => {
+    if (!selectedOutwardKey) return [];
+
+    const matchingCombinations = packagingFlightResults.filter((flight) => getFlightKey(flight.outward.segments) === selectedOutwardKey);
+
+    const map = new Map<string, PackagingFlightResponse>();
+
+    matchingCombinations.forEach((flight) => {
+      const key = getFlightKey(flight.return.segments);
+
+      if (!map.has(key)) {
+        map.set(key, flight);
+      }
+    });
+
+    return Array.from(map.values());
+  }
+);
+
+export const selectSelectedOutward = createSelector([selectPackagingFlightResults, selectSelectedOutwardKey], (packagingFlightResults, selectedOutwardKey) => {
+  if (!selectedOutwardKey) return null;
+
+  return packagingFlightResults.find((flight) => getFlightKey(flight.outward.segments) === selectedOutwardKey) ?? null;
+});
+
+export const selectSelectedReturn = createSelector([selectPackagingFlightResults, selectSelectedReturnKey], (packagingFlightResults, selectedReturnKey) => {
+  if (!selectedReturnKey) return null;
+
+  return packagingFlightResults.find((flight) => getFlightKey(flight.return.segments) === selectedReturnKey) ?? null;
+});
+
+export const selectSelectedCombinationFlight = createSelector(
+  [selectPackagingFlightResults, selectSelectedOutwardKey, selectSelectedReturnKey],
+  (packagingFlightResults, selectedOutwardKey, selectedReturnKey) => {
+    if (!selectedOutwardKey || !selectedReturnKey) return null;
+
+    return (
+      packagingFlightResults.find(
+        (flight) => getFlightKey(flight.outward.segments) === selectedOutwardKey && getFlightKey(flight.return.segments) === selectedReturnKey
+      ) ?? null
+    );
+  }
+);

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

@@ -1,5 +1,5 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { AccommodationFlyInStep, ExtendedFlightSearchResponseItem, Filter, SortByType } from '../types';
+import { ExtendedFlightSearchResponseItem, Filter, FlyInType, SortByType } from '../types';
 import {
   BookingPackage,
   BookingPackageItem,
@@ -14,53 +14,87 @@ export interface SearchResultsState {
   results: BookingPackageItem[];
   filteredResults: BookingPackageItem[];
   selectedSearchResult: BookingPackageItem | null;
+
   packagingAccoResults: PackagingAccommodationResponse[];
   filteredPackagingAccoResults: PackagingAccommodationResponse[];
   packagingAccoSearchDetails: PackagingAccommodationResponse[];
   selectedPackagingAccoResultCode: string | null;
+
   packagingFlightResults: PackagingFlightResponse[];
+  filteredPackagingFlightResults: PackagingFlightResponse[];
   selectedPackagingFlight: PackagingFlightResponse | null;
+  selectedOutwardKey: string | null;
+  selectedReturnKey: string | null;
+
   selectedFlight: ExtendedFlightSearchResponseItem | null;
   selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
+
   bookingPackageDetails: BookingPackage | null;
+  priceDetails: BookingPriceDetails | null;
+
   isLoading: boolean;
   flightsLoading: boolean;
-  filters: Filter[];
+
   selectedSortType: SortByType | null;
+  selectedFlightSortType: SortByType | null;
+  filters: Filter[];
+  initialFilters: Filter[];
+  flightFilters: Filter[];
+  initialFlightFilters: Filter[];
+
   activeTab: string | null;
   currentPage: number;
-  flyInIsOpen: boolean;
-  editablePackagingEntry: PackagingEntry | null;
+
   transactionId: string | null;
-  accommodationFlyInStep: AccommodationFlyInStep;
-  priceDetails: BookingPriceDetails | null;
+
+  flyInIsOpen: boolean;
+  flyInType: FlyInType | null;
+
   itinerary: ClientPortalItinerary | null;
+  editablePackagingEntry: PackagingEntry | null;
 }
 
 const initialState: SearchResultsState = {
   results: [],
   filteredResults: [],
   selectedSearchResult: null,
+
   packagingAccoResults: [],
   filteredPackagingAccoResults: [],
   packagingAccoSearchDetails: [],
   selectedPackagingAccoResultCode: null,
+
   packagingFlightResults: [],
+  filteredPackagingFlightResults: [],
   selectedPackagingFlight: null,
+  selectedOutwardKey: null,
+  selectedReturnKey: null,
+
   selectedFlight: null,
   selectedFlightDetails: null,
+
   bookingPackageDetails: null,
+  priceDetails: null,
+
   isLoading: false,
   flightsLoading: false,
-  filters: [],
+
   selectedSortType: null,
+  selectedFlightSortType: null,
+  initialFilters: [],
+  filters: [],
+  initialFlightFilters: [],
+  flightFilters: [],
+
   activeTab: 'compact',
   currentPage: 1,
+
+  transactionId: null,
+
   flyInIsOpen: false,
+  flyInType: null,
+
   editablePackagingEntry: null,
-  transactionId: null,
-  accommodationFlyInStep: 'details',
-  priceDetails: null,
   itinerary: null
 };
 
@@ -92,6 +126,9 @@ const searchResultsSlice = createSlice({
     setPackagingFlightResults(state, action: PayloadAction<PackagingFlightResponse[]>) {
       state.packagingFlightResults = action.payload;
     },
+    setFilteredPackagingFlightResults(state, action: PayloadAction<PackagingFlightResponse[]>) {
+      state.filteredPackagingFlightResults = action.payload;
+    },
     setSelectedPackagingFlight(state, action: PayloadAction<PackagingFlightResponse | null>) {
       state.selectedPackagingFlight = action.payload;
     },
@@ -122,6 +159,9 @@ const searchResultsSlice = createSlice({
     setFlightsLoading(state, action: PayloadAction<boolean>) {
       state.flightsLoading = action.payload;
     },
+    setInitialFilters(state, action: PayloadAction<Filter[]>) {
+      state.initialFilters = action.payload;
+    },
     setFilters(state, action: PayloadAction<Filter[]>) {
       const updatedFilters = action.payload;
 
@@ -137,9 +177,30 @@ const searchResultsSlice = createSlice({
     resetFilters(state, action: PayloadAction<Filter[]>) {
       state.filters = action.payload;
     },
+    setInitialFlightFilters(state, action: PayloadAction<Filter[]>) {
+      state.initialFlightFilters = action.payload;
+    },
+    setFlightFilters(state, action: PayloadAction<Filter[]>) {
+      const updatedFilters = action.payload;
+
+      updatedFilters.forEach((updatedFilter) => {
+        const existingIndex = state.flightFilters.findIndex((f) => f.property === updatedFilter.property);
+        if (existingIndex !== -1) {
+          state.flightFilters[existingIndex] = updatedFilter;
+        } else {
+          state.flightFilters.push(updatedFilter); // Optional: Add new filters if not present
+        }
+      });
+    },
+    resetFlightFilters(state, action: PayloadAction<Filter[]>) {
+      state.flightFilters = action.payload;
+    },
     setSortType(state, action: PayloadAction<SortByType | null>) {
       state.selectedSortType = action.payload;
     },
+    setFlightSortType(state, action: PayloadAction<SortByType | null>) {
+      state.selectedFlightSortType = action.payload;
+    },
     setActiveTab(state, action: PayloadAction<string | null>) {
       state.activeTab = action.payload;
     },
@@ -163,14 +224,24 @@ const searchResultsSlice = createSlice({
     setTransactionId(state, action: PayloadAction<string | null>) {
       state.transactionId = action.payload;
     },
-    setAccommodationFlyInStep(state, action: PayloadAction<AccommodationFlyInStep>) {
-      state.accommodationFlyInStep = action.payload;
+    setFlyInType(state, action: PayloadAction<FlyInType | null>) {
+      state.flyInType = action.payload;
     },
     setPriceDetails(state, action: PayloadAction<BookingPriceDetails | null>) {
       state.priceDetails = action.payload;
     },
     setItinerary(state, action: PayloadAction<ClientPortalItinerary | null>) {
       state.itinerary = action.payload;
+    },
+    setSelectedOutwardKey: (state, action: PayloadAction<string | null>) => {
+      state.selectedOutwardKey = action.payload;
+    },
+    setSelectedReturnKey: (state, action: PayloadAction<string | null>) => {
+      state.selectedReturnKey = action.payload;
+    },
+    resetFlightSelection: (state) => {
+      state.selectedOutwardKey = null;
+      state.selectedReturnKey = null;
     }
   }
 });
@@ -181,6 +252,7 @@ export const {
   setSelectedSearchResult,
   setPackagingAccoResults,
   setFilteredPackagingAccoResults,
+  setFilteredPackagingFlightResults,
   setPackagingAccoSearchDetails,
   setSelectedPackagingAccoResult,
   setPackagingFlightResults,
@@ -191,18 +263,26 @@ export const {
   selectFlight,
   setIsLoading,
   setFlightsLoading,
+  setInitialFilters,
   setFilters,
   resetFilters,
+  setInitialFlightFilters,
+  setFlightFilters,
+  resetFlightFilters,
   setSortType,
+  setFlightSortType,
   setActiveTab,
   setCurrentPage,
   resetSearchState,
   setFlyInIsOpen,
   setEditablePackagingEntry,
   setTransactionId,
-  setAccommodationFlyInStep,
+  setFlyInType,
   setPriceDetails,
-  setItinerary
+  setItinerary,
+  setSelectedOutwardKey,
+  setSelectedReturnKey,
+  resetFlightSelection
 } = searchResultsSlice.actions;
 
 export default searchResultsSlice.reducer;

package/src/search-results/types.ts

@@ -64,7 +64,19 @@ export interface SearchResultsConfiguration {
 
 export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
 
-export type FilterProperty = 'regime' | 'accommodation' | 'max-duration' | 'price' | 'rating' | 'theme';
+export type FilterProperty =
+  | 'regime'
+  | 'accommodation'
+  | 'max-duration'
+  | 'price'
+  | 'rating'
+  | 'theme'
+  | 'airline'
+  | 'numberOfStops'
+  | 'departureRange'
+  | 'departureAirport'
+  | 'arrivalAirport'
+  | 'travelDuration';
 
 export interface FilterOption {
   label: string;
@@ -205,4 +217,4 @@ export type SearchSeed = {
   rooms: BookingPackageRequestRoom[];
 };
 
-export type AccommodationFlyInStep = 'results' | 'details';
+export type FlyInType = 'flight-outward-results' | 'flight-return-results' | 'flight-details' | 'acco-results' | 'acco-details';