@qite/tide-booking-component 1.4.100 → 1.4.102

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

@@ -1,6 +1,14 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { AccommodationFlyInStep, ExtendedFlightSearchResponseItem, Filter, SortByType } from '../types';
-import { BookingPackage, BookingPackageItem, BookingPriceDetails, PackagingAccommodationResponse, PackagingEntry } from '@qite/tide-client/build/types';
+import {
+  BookingPackage,
+  BookingPackageItem,
+  BookingPriceDetails,
+  ClientPortalItinerary,
+  PackagingAccommodationResponse,
+  PackagingEntry,
+  PackagingFlightResponse
+} from '@qite/tide-client/build/types';
 
 export interface SearchResultsState {
   results: BookingPackageItem[];
@@ -10,10 +18,13 @@ export interface SearchResultsState {
   filteredPackagingAccoResults: PackagingAccommodationResponse[];
   packagingAccoSearchDetails: PackagingAccommodationResponse[];
   selectedPackagingAccoResultCode: string | null;
+  packagingFlightResults: PackagingFlightResponse[];
+  selectedPackagingFlight: PackagingFlightResponse | null;
   selectedFlight: ExtendedFlightSearchResponseItem | null;
   selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
   bookingPackageDetails: BookingPackage | null;
   isLoading: boolean;
+  flightsLoading: boolean;
   filters: Filter[];
   selectedSortType: SortByType | null;
   activeTab: string | null;
@@ -23,6 +34,7 @@ export interface SearchResultsState {
   transactionId: string | null;
   accommodationFlyInStep: AccommodationFlyInStep;
   priceDetails: BookingPriceDetails | null;
+  itinerary: ClientPortalItinerary | null;
 }
 
 const initialState: SearchResultsState = {
@@ -33,10 +45,13 @@ const initialState: SearchResultsState = {
   filteredPackagingAccoResults: [],
   packagingAccoSearchDetails: [],
   selectedPackagingAccoResultCode: null,
+  packagingFlightResults: [],
+  selectedPackagingFlight: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
   isLoading: false,
+  flightsLoading: false,
   filters: [],
   selectedSortType: null,
   activeTab: 'compact',
@@ -45,7 +60,8 @@ const initialState: SearchResultsState = {
   editablePackagingEntry: null,
   transactionId: null,
   accommodationFlyInStep: 'details',
-  priceDetails: null
+  priceDetails: null,
+  itinerary: null
 };
 
 const searchResultsSlice = createSlice({
@@ -73,6 +89,12 @@ const searchResultsSlice = createSlice({
     setSelectedPackagingAccoResult(state, action: PayloadAction<string | null>) {
       state.selectedPackagingAccoResultCode = action.payload;
     },
+    setPackagingFlightResults(state, action: PayloadAction<PackagingFlightResponse[]>) {
+      state.packagingFlightResults = action.payload;
+    },
+    setSelectedPackagingFlight(state, action: PayloadAction<PackagingFlightResponse | null>) {
+      state.selectedPackagingFlight = action.payload;
+    },
     setSelectedFlight(state, action: PayloadAction<ExtendedFlightSearchResponseItem | null>) {
       state.selectedFlight = action.payload;
     },
@@ -97,6 +119,9 @@ const searchResultsSlice = createSlice({
     setIsLoading(state, action: PayloadAction<boolean>) {
       state.isLoading = action.payload;
     },
+    setFlightsLoading(state, action: PayloadAction<boolean>) {
+      state.flightsLoading = action.payload;
+    },
     setFilters(state, action: PayloadAction<Filter[]>) {
       const updatedFilters = action.payload;
 
@@ -143,6 +168,9 @@ const searchResultsSlice = createSlice({
     },
     setPriceDetails(state, action: PayloadAction<BookingPriceDetails | null>) {
       state.priceDetails = action.payload;
+    },
+    setItinerary(state, action: PayloadAction<ClientPortalItinerary | null>) {
+      state.itinerary = action.payload;
     }
   }
 });
@@ -155,11 +183,14 @@ export const {
   setFilteredPackagingAccoResults,
   setPackagingAccoSearchDetails,
   setSelectedPackagingAccoResult,
+  setPackagingFlightResults,
+  setSelectedPackagingFlight,
   setSelectedFlight,
   setSelectedFlightDetails,
   setBookingPackageDetails,
   selectFlight,
   setIsLoading,
+  setFlightsLoading,
   setFilters,
   resetFilters,
   setSortType,
@@ -170,7 +201,8 @@ export const {
   setEditablePackagingEntry,
   setTransactionId,
   setAccommodationFlyInStep,
-  setPriceDetails
+  setPriceDetails,
+  setItinerary
 } = searchResultsSlice.actions;
 
 export default searchResultsSlice.reducer;

package/src/search-results/types.ts

@@ -59,7 +59,7 @@ export interface SearchResultsConfiguration {
 
   destinationImage?: { url: string; alt: string };
   onBook?: (result: BookingPackage) => void;
-  packagingEntry?: PackagingEntry;
+  packagingEntry?: PackagingEntry | null;
 }
 
 export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
@@ -199,6 +199,8 @@ export type SearchSeed = {
   tagId?: number | null;
   departureAirport?: string | null;
   returnAirport?: string | null;
+  travelClass?: string | null;
+  nationality?: string | null;
   destinationAirport?: string | null;
   rooms: BookingPackageRequestRoom[];
 };

package/src/search-results/utils/flight-utils.ts

@@ -3,6 +3,11 @@ import { FlightSearchResponseFlight, FlightSearchResponseFlightSegment, VendorTy
 import { ExtendedFlightSearchResponseItem, SortByType } from '../types';
 import { DepartureRange } from '../../shared/types';
 
+export const getFlightKey = (segments: FlightSearchResponseFlightSegment[]) => {
+  if (!segments || segments.length === 0) return '';
+  return segments.map((s) => `${s.marketingAirlineCode}${s.flightNumber}_${s.departureDateTime}`).join('_');
+};
+
 export const getOutwardFlight = (flightResult: ExtendedFlightSearchResponseItem): FlightSearchResponseFlight | undefined => {
   return flightResult?.outward;
 };

package/src/shared/components/flyin/accommodation-flyin.tsx

@@ -29,12 +29,14 @@ type GroupedAccommodation = {
   regimes: PickerItem[];
 };
 
-const formatPrice = (price?: number, currencyCode = 'EUR') => {
+const formatPrice = (price?: number, currencyCode?: string | null) => {
   if (typeof price !== 'number') return '';
 
+  const safeCurrency = currencyCode ?? 'EUR';
+
   return new Intl.NumberFormat('nl-BE', {
     style: 'currency',
-    currency: currencyCode
+    currency: safeCurrency
   }).format(price);
 };