@qite/tide-booking-component 1.4.39 → 1.4.41

package/build/build-cjs/qsm/store/qsm-slice.d.ts

@@ -1,6 +1,7 @@
-import { MobileFilterType, Room, TravelerType, TravelType, TravelClass, TypeaheadOption } from '../types';
+import { MobileFilterType, Room, TravelerType, TravelType, TravelClass, TypeaheadOption, QsmType } from '../types';
 import { ReactNode } from 'react';
 export interface QSMState {
+  qsmType?: QsmType;
   selectedOrigin?: string;
   selectedDestination?: string;
   selectedAirport?: string;
@@ -46,7 +47,8 @@ export interface QSMState {
   rooms: Room[];
   [key: string]: any;
 }
-export declare const setOrigin: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'qsm/setOrigin'>,
+export declare const setSelectedQsmType: import('@reduxjs/toolkit').ActionCreatorWithPayload<QsmType, 'qsm/setSelectedQsmType'>,
+  setOrigin: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'qsm/setOrigin'>,
   setDestination: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'qsm/setDestination'>,
   setAirport: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'qsm/setAirport'>,
   setFromDate: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<string | undefined, 'qsm/setFromDate'>,

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export interface QSMConfiguration {
-  type: 'hotel' | 'roundTrip' | 'flight' | 'flight+hotel';
+  type?: QsmType;
   askRooms?: boolean;
   askTravelType?: boolean;
   allowOneWay?: boolean;
@@ -33,6 +33,7 @@ export interface QSMConfiguration {
   nationalities: Nationality[];
   languageCode?: string;
 }
+export type QsmType = 'multidestination' | 'hotel' | 'roundTrip' | 'flight' | 'hotel-flight' | 'package' | 'ticket' | 'car' | 'transfers' | 'cruises';
 export interface BaseFieldConfig {
   fieldKey: string;
   label: string;

package/build/build-cjs/search-results/components/filters/flight-filters.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FiltersProps {
+  isOpen: boolean;
+  handleSetIsOpen: () => void;
+  isLoading?: boolean;
+}
+declare const FlightFilters: React.FC<FiltersProps>;
+export default FlightFilters;

package/build/build-cjs/search-results/components/flight/flight-accommodation-results.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-interface FlightAccommodationResultsProps {}
+import { ExtendedFlightSearchResponseItem } from '../../types';
+interface FlightAccommodationResultsProps {
+  searchResults: ExtendedFlightSearchResponseItem[];
+}
 declare const FlightAccommodationResults: React.FC<FlightAccommodationResultsProps>;
 export default FlightAccommodationResults;

package/build/build-cjs/search-results/components/flight/flight-option.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ExtendedFlightSearchResponseItem } from '../../types';
+interface FlightOptionProps {
+  item: ExtendedFlightSearchResponseItem;
+}
+declare const FlightOption: React.FC<FlightOptionProps>;
+export default FlightOption;

package/build/build-cjs/search-results/components/flight/flight-search-context/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { ExtendedFlightSearchResponseItem, Filters, SortByType } from '../../../types';
+interface FlightFilterContextProps {
+  children: React.ReactNode;
+  tideConnection: any;
+}
+interface FlightSearchContext {
+  isHubReady: boolean;
+  currentRequestId: number;
+  valuesManuallyChanged: boolean;
+  flightsLoading: boolean;
+  flightSearchResults: ExtendedFlightSearchResponseItem[];
+  filteredResults: ExtendedFlightSearchResponseItem[];
+  filters: Filters;
+  sortByTypes: SortByType[];
+  selectedSortByType: SortByType;
+  airlineResults: ExtendedFlightSearchResponseItem[];
+  numberOfStopsResults: ExtendedFlightSearchResponseItem[];
+  departureRangeResults: ExtendedFlightSearchResponseItem[];
+  departureAirportsResults: ExtendedFlightSearchResponseItem[];
+  arrivalAirportsResults: ExtendedFlightSearchResponseItem[];
+  travelTimeResults: ExtendedFlightSearchResponseItem[];
+  priceResults: ExtendedFlightSearchResponseItem[];
+  onFlightSearch: () => void;
+  setFlightSearchResults: (results: ExtendedFlightSearchResponseItem[]) => void;
+  setFilters: (filters: Filters) => void;
+  setFilteredResults: (results: ExtendedFlightSearchResponseItem[]) => void;
+  setSelectedSortByType: (val: SortByType) => void;
+  resetFilters: () => void;
+  setValuesManuallyChanged: (val: boolean) => void;
+  onFilter: () => void;
+}
+declare const FlightSearchContext: React.Context<FlightSearchContext>;
+export declare const FlightSearchProvider: React.FC<FlightFilterContextProps>;
+export declare const useFlightSearch: () => FlightSearchContext;
+export {};

package/build/build-cjs/search-results/components/icon.d.ts

@@ -5,6 +5,7 @@ interface IconProps {
   title?: string;
   width?: number;
   height?: number;
+  fill?: string;
 }
 declare const Icon: React.FC<IconProps>;
 export default Icon;

package/build/build-cjs/search-results/components/item-picker/index.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
-import { TravelClass, TravelType } from '../../types';
+import { SortByType, TravelClass, TravelType } from '../../types';
 interface ItemPickerProps {
-  items: TravelType[] | TravelClass[];
+  items: TravelType[] | TravelClass[] | SortByType[];
   selection: string | undefined;
+  selectedSortByType?: SortByType;
   label: string;
   placeholder: string;
   classModifier: string;
-  onPick: (picked: string) => void;
+  valueFormatter?: (value: string, direction?: string) => string;
+  onPick: (picked: string, direction?: string) => void;
 }
 declare const ItemPicker: React.FC<ItemPickerProps>;
 export default ItemPicker;

package/build/build-cjs/search-results/components/search-results-container/flight-search-results.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface FlightResultsContainerProps {
+  isMobile: boolean;
+}
+declare const FlightResultsContainer: React.FC<FlightResultsContainerProps>;
+export default FlightResultsContainer;

package/build/build-cjs/search-results/store/search-results-slice.d.ts

@@ -3,6 +3,7 @@ import { BookingPackage, BookingPackageItem, EntryLight } from '@qite/tide-clien
 export interface SearchResultsState {
   results: BookingPackageItem[];
   selectedHotelId: number | null;
+  selectedFlightId: string | null;
   bookingPackageDetails: BookingPackage | null;
   entry: EntryLight | null;
   isLoading: boolean;
@@ -18,6 +19,7 @@ export declare const setResults: import('@reduxjs/toolkit').ActionCreatorWithPay
     'searchResults/setResults'
   >,
   setSelectedHotel: import('@reduxjs/toolkit').ActionCreatorWithPayload<number | null, 'searchResults/setSelectedHotel'>,
+  setSelectedFlight: import('@reduxjs/toolkit').ActionCreatorWithPayload<string | null, 'searchResults/setSelectedFlight'>,
   setBookingPackageDetails: import('@reduxjs/toolkit').ActionCreatorWithPayload<
     {
       details: BookingPackage;

package/build/build-cjs/search-results/types.d.ts

@@ -1,10 +1,13 @@
+import { FlightSearchResponseItem } from '@qite/tide-client';
 import { ReactNode } from 'react';
+export type SRPType = 'hotel' | 'flight' | 'hotel-flight' | 'roundTrip';
 export interface SearchResultsConfiguration {
-  type: 'hotel' | 'roundTrip' | 'flight' | 'hotel-flight';
+  type: SRPType;
   tideConnection: {
     host: string;
     apiKey: string;
     catalogueIds?: number[];
+    officeId?: number;
   };
   showFilters: boolean;
   filterIcon?: ReactNode;
@@ -109,3 +112,30 @@ export interface SortingOption {
   label: string;
   icon?: ReactNode;
 }
+export interface ExtendedFlightSearchResponseItem extends FlightSearchResponseItem {
+  requestId: number;
+  guid: string;
+}
+export interface Sequence {
+  requestId: number;
+  sequenceId: number;
+}
+export interface FilterValue {
+  name: string;
+  id: number | string;
+  lowestPrice: number;
+}
+export interface Filters {
+  airlines: FilterValue[];
+  numberOfStops: FilterValue[];
+  departureRanges: FilterValue[];
+  departureAirports: FilterValue[];
+  arrivalAirports: FilterValue[];
+  travelTimes: FilterValue[];
+  prices: FilterValue[];
+}
+export interface SortByType {
+  direction: 'asc' | 'desc';
+  label: string;
+  icon?: ReactNode;
+}

package/build/build-cjs/search-results/utils/flight-utils.d.ts

@@ -0,0 +1,16 @@
+import { FlightSearchResponseFlight, FlightSearchResponseFlightSegment } from '@qite/tide-client';
+import { ExtendedFlightSearchResponseItem, SortByType } from '../types';
+import { DepartureRange } from '../../shared/types';
+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;
+export declare const getArrivalSegment: (flight: FlightSearchResponseFlight | undefined) => FlightSearchResponseFlightSegment | undefined;
+export declare const getNumberOfStops: (flight: FlightSearchResponseFlight | undefined) => number;
+export declare const getNumberOfStopsLabel: (
+  flight: FlightSearchResponseFlight | undefined,
+  directLabel: string,
+  stopsLabel: string,
+  stopLabel: string
+) => string;
+export declare const getDepartureRangeName: (translations: any, range: DepartureRange | undefined) => string;
+export declare const getSortingName: (translations: any, sortByType: SortByType) => string;

package/build/build-cjs/shared/components/flyin.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type FlyInProps = {
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+  className?: string;
+  onPanelRef?: (el: HTMLDivElement | null) => void;
+};
+declare const FlyIn: React.FC<FlyInProps>;
+export default FlyIn;

package/build/build-cjs/shared/components/icon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IconProps {
+  name: string;
+  className?: string;
+  title?: string;
+  width?: number;
+  height?: number;
+}
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/build/build-cjs/shared/types.d.ts

@@ -2,3 +2,9 @@ export interface ApiSettingsState {
   apiUrl: string;
   apiKey: string;
 }
+export declare enum DepartureRange {
+  Morning = 0,
+  Afternoon = 1,
+  Evening = 2,
+  Night = 3
+}

package/build/build-cjs/shared/utils/localization-util.d.ts

@@ -1,6 +1,8 @@
 export declare const languages: string[];
 export declare const defaultLanguage = 'nl-BE';
 export declare const formatPrice: (price: number, currencyCode: string, locale?: string) => string;
+import { DateStruct } from '@qite/tide-client';
+import { DepartureRange } from '../types';
 export declare const getTranslations: (language: string) => {
   STEPS: {
     PERSONAL_DETAILS: string;
@@ -318,6 +320,18 @@ export declare const getTranslations: (language: string) => {
     ACCOMMODATION: string;
     VIEW_DETAILS: string;
     NIGHTS: string;
+    MORNING_RANGE: string;
+    AFTERNOON_RANGE: string;
+    EVENING_RANGE: string;
+    NIGHT_RANGE: string;
+    DEPARTURE_RANGE: string;
+    DEPARTURE_AIRPORTS: string;
+    ARRIVAL_AIRPORTS: string;
+    PRICE: string;
+    DEPARTURE_TIME_ASC: string;
+    DEPARTURE_TIME_DESC: string;
+    DURATION_ASC: string;
+    DURATION_DESC: string;
   };
 };
 export declare const locales: {
@@ -343,3 +357,10 @@ export declare const getPriceDifferenceText: (price: number, currencyCode: strin
 export declare function format(text: string, args: any[]): string;
 export declare const formatTime: (date: Date) => string;
 export declare const formatDate: (date: Date) => string;
+export declare const dateToDateStruct: (date: Date | undefined) => DateStruct;
+export declare const timeFromDateTime: (dateTime: Date | undefined) => string;
+export declare const longFormatDate: (dateTime: Date | undefined, language: string) => string;
+export declare const durationTicksInHoursString: (durationInTicks: number) => string;
+export declare const durationInTicksInMinutes: (durationInTicks: number) => number;
+export declare const minutesToHoursString: (totalMinutes: number) => string;
+export declare const rangeFromDateTimeInMinutes: (dateTime: Date | undefined) => DepartureRange;

package/build/build-esm/booking-wizard/types.d.ts

@@ -126,6 +126,7 @@ export interface FlightInfo {
   returnClass: string;
   returnDepartureDate: string | null;
   returnArrivalDate: string | null;
+  luggageIncluded: boolean;
 }
 export interface TravelersFormValues {
   rooms: TravelersFormRoomValues[];

package/build/build-esm/content/image-card-grid/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageCardGridProps } from './types';
+declare const ImageCardGrid: React.FC<ImageCardGridProps>;
+export default ImageCardGrid;

package/build/build-esm/content/image-card-grid/types.d.ts

@@ -0,0 +1,12 @@
+export interface ImageCardGridProps {
+  title: string;
+  cards: ImageCard[];
+  columns: number;
+}
+export interface ImageCard {
+  image: string;
+  title: string;
+  description?: string;
+  buttonText?: string;
+  onButtonClick: (card: ImageCard) => void;
+}

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

@@ -5,4 +5,5 @@ import Navbar from './content/navbar';
 import Footer from './content/footer';
 import QSM from './qsm';
 import SearchResults from './search-results';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer };
+import ImageCardGrid from './content/image-card-grid';
+export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid };