@qite/tide-booking-component 1.4.101 → 1.4.102

package/build/build-esm/src/index.d.ts

@@ -13,6 +13,7 @@ import PhotoGallery from './content/components/gallery';
 import Breadcrumbs from './content/components/breadcrumb';
 import FAQ from './content/components/faq';
 import FeaturedTrips from './content/featured-trips';
+import Spinner from './search-results/components/spinner/spinner';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
@@ -38,5 +39,6 @@ export {
   PhotoGallery,
   Breadcrumbs,
   FAQ,
-  FeaturedTrips
+  FeaturedTrips,
+  Spinner
 };

package/build/build-esm/src/search-results/store/search-results-slice.d.ts

@@ -5,7 +5,8 @@ import {
   BookingPriceDetails,
   ClientPortalItinerary,
   PackagingAccommodationResponse,
-  PackagingEntry
+  PackagingEntry,
+  PackagingFlightResponse
 } from '@qite/tide-client/build/types';
 export interface SearchResultsState {
   results: BookingPackageItem[];
@@ -15,10 +16,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;
@@ -43,6 +47,8 @@ export declare const setResults: import('@reduxjs/toolkit').ActionCreatorWithPay
     'searchResults/setPackagingAccoSearchDetails'
   >,
   setSelectedPackagingAccoResult: import('@reduxjs/toolkit').ActionCreatorWithPayload<string | null, 'searchResults/setSelectedPackagingAccoResult'>,
+  setPackagingFlightResults: import('@reduxjs/toolkit').ActionCreatorWithPayload<PackagingFlightResponse[], 'searchResults/setPackagingFlightResults'>,
+  setSelectedPackagingFlight: import('@reduxjs/toolkit').ActionCreatorWithPayload<PackagingFlightResponse | null, 'searchResults/setSelectedPackagingFlight'>,
   setSelectedFlight: import('@reduxjs/toolkit').ActionCreatorWithPayload<ExtendedFlightSearchResponseItem | null, 'searchResults/setSelectedFlight'>,
   setSelectedFlightDetails: import('@reduxjs/toolkit').ActionCreatorWithPayload<
     ExtendedFlightSearchResponseItem | null,
@@ -62,6 +68,7 @@ export declare const setResults: import('@reduxjs/toolkit').ActionCreatorWithPay
     'searchResults/selectFlight'
   >,
   setIsLoading: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'searchResults/setIsLoading'>,
+  setFlightsLoading: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'searchResults/setFlightsLoading'>,
   setFilters: import('@reduxjs/toolkit').ActionCreatorWithPayload<Filter[], 'searchResults/setFilters'>,
   resetFilters: import('@reduxjs/toolkit').ActionCreatorWithPayload<Filter[], 'searchResults/resetFilters'>,
   setSortType: import('@reduxjs/toolkit').ActionCreatorWithPayload<SortByType | null, 'searchResults/setSortType'>,

package/build/build-esm/src/search-results/types.d.ts

@@ -42,7 +42,7 @@ export interface SearchResultsConfiguration {
     alt: string;
   };
   onBook?: (result: BookingPackage) => void;
-  packagingEntry?: PackagingEntry;
+  packagingEntry?: PackagingEntry | null;
 }
 export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
 export type FilterProperty = 'regime' | 'accommodation' | 'max-duration' | 'price' | 'rating' | 'theme';
@@ -161,6 +161,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/build/build-esm/src/search-results/utils/flight-utils.d.ts

@@ -1,6 +1,7 @@
 import { FlightSearchResponseFlight, FlightSearchResponseFlightSegment } from '@qite/tide-client';
 import { ExtendedFlightSearchResponseItem } from '../types';
 import { DepartureRange } from '../../shared/types';
+export declare const getFlightKey: (segments: FlightSearchResponseFlightSegment[]) => string;
 export declare const getOutwardFlight: (flightResult: ExtendedFlightSearchResponseItem) => FlightSearchResponseFlight | undefined;
 export declare const getFlightSegments: (flight: FlightSearchResponseFlight | undefined) => FlightSearchResponseFlightSegment[];
 export declare const getDepartureSegment: (flight: FlightSearchResponseFlight | undefined) => FlightSearchResponseFlightSegment | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.101",
+  "version": "1.4.102",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",
@@ -29,7 +29,7 @@
   "devDependencies": {
     "@jsonurl/jsonurl": "^1.1.4",
     "@popperjs/core": "^2.10.2",
-    "@qite/tide-client": "^1.1.158",
+    "@qite/tide-client": "^1.1.162",
     "@reduxjs/toolkit": "^2.8.2",
     "@rollup/plugin-commonjs": "^19.0.1",
     "@rollup/plugin-json": "^4.1.0",

package/src/index.ts

@@ -13,6 +13,7 @@ import PhotoGallery from './content/components/gallery';
 import Breadcrumbs from './content/components/breadcrumb';
 import FAQ from './content/components/faq';
 import FeaturedTrips from './content/featured-trips';
+import Spinner from './search-results/components/spinner/spinner';
 
 export * from './content/navbar/types';
 export * from './content/header/types';
@@ -40,5 +41,6 @@ export {
   PhotoGallery,
   Breadcrumbs,
   FAQ,
-  FeaturedTrips
+  FeaturedTrips,
+  Spinner
 };

package/src/search-results/components/flight/flight-selection/independent-flight-option.tsx

@@ -1,13 +1,8 @@
 import React, { useContext, useState } from 'react';
-import { durationTicksInHoursString, formatPrice, getTranslations, longFormatDate, timeFromDateTime } from '../../../../shared/utils/localization-util';
+import { durationTicksInHoursString, getTranslations, longFormatDate, timeFromDateTime } from '../../../../shared/utils/localization-util';
 import Icon from '../../icon';
-import { ExtendedFlightSearchResponseItem } from '../../../types';
 import SearchResultsConfigurationContext from '../../../search-results-configuration-context';
 import { getArrivalSegment, getDepartureSegment, getFlightSegments, getNumberOfStopsLabel } from '../../../utils/flight-utils';
-import { useDispatch, useSelector } from 'react-redux';
-import { setFlyInIsOpen, setSelectedFlight } from '../../../store/search-results-slice';
-import { SearchResultsRootState } from '../../../store/search-results-store';
-import { useFlightSearch } from '../flight-search-context';
 import { FlightSearchResponseFlight } from '@qite/tide-client';
 
 interface IndependentFlightOptionProps {
@@ -19,7 +14,6 @@ interface IndependentFlightOptionProps {
 }
 
 const IndependentFlightOption: React.FC<IndependentFlightOptionProps> = ({ item, onSelect, guid, selectedGuid, isOutward }) => {
-  const dispatch = useDispatch();
   const context = useContext(SearchResultsConfigurationContext);
   const language = context?.languageCode ?? 'en-GB';
   const translations = getTranslations(language);

package/src/search-results/components/flight/flight-selection/independent-flight-selection.tsx

@@ -5,20 +5,15 @@ import SearchResultsConfigurationContext from '../../../search-results-configura
 import { getTranslations } from '../../../../shared/utils/localization-util';
 import { FlightSearchResponseFlightSegment } from '@qite/tide-client';
 import IndependentFlightOption from './independent-flight-option';
-import PairedFlightOption from './paired-flight-option';
 import { useDispatch } from 'react-redux';
 import { setFlyInIsOpen, setSelectedFlight } from '../../../store/search-results-slice';
 import { useFlightSearch } from '../flight-search-context';
+import { getFlightKey } from '../../../utils/flight-utils';
 
 interface IndependentFlightSelectionProps {
   searchResults: ExtendedFlightSearchResponseItem[];
 }
 
-const getFlightKey = (segments: FlightSearchResponseFlightSegment[]) => {
-  if (!segments || segments.length === 0) return '';
-  return segments.map((s) => `${s.marketingAirlineCode}${s.flightNumber}_${s.departureDateTime}`).join('_');
-};
-
 const IndependentFlightSelection: React.FC<IndependentFlightSelectionProps> = ({ searchResults }) => {
   const dispatch = useDispatch();
 
@@ -133,6 +128,7 @@ const IndependentFlightSelection: React.FC<IndependentFlightSelectionProps> = ({
           ))
         )}
       </div>
+
       <div className="search__results__label search__results__label--secondary">
         <div className="search__results__label__date">
           <Icon name="ui-flight" height={16} fill="white" />

package/src/search-results/components/itinerary/index.tsx

@@ -148,8 +148,6 @@ const Itinerary: React.FC<ItineraryProps> = ({ isOpen, handleSetIsOpen, isLoadin
     key,
     segments
   }));
-  console.log('otherSegments', otherSegments);
-  console.log('groupedOtherSegments', groupedOtherSegments);
 
   const numberOfPax = packagingEntry.pax?.length || 1;
   const totalPrice = priceDetails?.total || packagingEntry.price || 0;