@qite/tide-booking-component 1.4.85 → 1.4.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/build/build-cjs/index.js +596 -316
  2. package/build/build-cjs/src/qsm/components/item-picker/index.d.ts +4 -4
  3. package/build/build-cjs/src/qsm/store/qsm-slice.d.ts +5 -5
  4. package/build/build-cjs/src/qsm/types.d.ts +4 -9
  5. package/build/build-cjs/src/search-results/components/item-picker/index.d.ts +2 -2
  6. package/build/build-cjs/src/search-results/store/search-results-slice.d.ts +5 -0
  7. package/build/build-cjs/src/search-results/types.d.ts +2 -1
  8. package/build/build-cjs/src/shared/types.d.ts +2 -7
  9. package/build/build-esm/index.js +596 -316
  10. package/build/build-esm/src/qsm/components/item-picker/index.d.ts +4 -4
  11. package/build/build-esm/src/qsm/store/qsm-slice.d.ts +5 -5
  12. package/build/build-esm/src/qsm/types.d.ts +4 -9
  13. package/build/build-esm/src/search-results/components/item-picker/index.d.ts +2 -2
  14. package/build/build-esm/src/search-results/store/search-results-slice.d.ts +5 -0
  15. package/build/build-esm/src/search-results/types.d.ts +2 -1
  16. package/build/build-esm/src/shared/types.d.ts +2 -7
  17. package/package.json +2 -2
  18. package/src/content/features/content-page/content-page-self-contained.tsx +17 -17
  19. package/src/qsm/components/item-picker/index.tsx +10 -13
  20. package/src/qsm/components/travel-class-picker/index.tsx +3 -2
  21. package/src/qsm/components/travel-nationality-picker/index.tsx +3 -2
  22. package/src/qsm/components/travel-type-picker/index.tsx +3 -2
  23. package/src/qsm/store/qsm-slice.ts +5 -5
  24. package/src/qsm/types.ts +5 -10
  25. package/src/search-results/components/group-tour/group-tour-card.tsx +10 -2
  26. package/src/search-results/components/item-picker/index.tsx +2 -2
  27. package/src/search-results/components/search-results-container/flight-search-results.tsx +5 -5
  28. package/src/search-results/components/search-results-container/search-results-container.tsx +104 -9
  29. package/src/search-results/store/search-results-slice.ts +6 -0
  30. package/src/search-results/types.ts +2 -1
  31. package/src/shared/components/flyin/accommodation-flyin.tsx +373 -157
  32. package/src/shared/types.ts +13 -7
  33. package/styles/components/_flyin.scss +187 -158
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
- import { Nationality } from '../../types';
3
- import { TravelClass, TravelType } from '../../../shared/types';
2
+ import { PickerItem } from '../../../shared/types';
4
3
  interface ItemPickerProps {
5
- items: TravelType[] | TravelClass[] | Nationality[];
4
+ items: PickerItem[];
6
5
  selection: string | undefined;
7
6
  label: string;
8
7
  placeholder: string;
9
8
  classModifier: string;
10
- onPick: (picked: string) => void;
9
+ valueFormatter?: (id: string, label: string) => string;
10
+ onPick: (picked: string, id?: string) => void;
11
11
  }
12
12
  declare const ItemPicker: React.FC<ItemPickerProps>;
13
13
  export default ItemPicker;
@@ -1,6 +1,6 @@
1
1
  import { MobileFilterType, Room, TravelerType, TypeaheadOption } from '../types';
2
2
  import { ReactNode } from 'react';
3
- import { TravelType, TravelClass } from '../../shared/types';
3
+ import { PickerItem } from '../../shared/types';
4
4
  import { PortalQsmType } from '@qite/tide-client';
5
5
  export interface QSMState {
6
6
  qsmType?: PortalQsmType;
@@ -33,10 +33,10 @@ export interface QSMState {
33
33
  before: number;
34
34
  after: number;
35
35
  };
36
- travelTypes: TravelType[];
36
+ travelTypes: PickerItem[];
37
37
  tripType: 'oneway' | 'roundtrip' | 'openjaw';
38
38
  selectedTravelType?: string;
39
- travelClasses: TravelClass[];
39
+ travelClasses: PickerItem[];
40
40
  selectedTravelClass?: string;
41
41
  selectedNationality?: string;
42
42
  defaultTravelers: number;
@@ -91,9 +91,9 @@ export declare const setSelectedQsmType: import('@reduxjs/toolkit').ActionCreato
91
91
  'qsm/setSelectedFlexRange'
92
92
  >,
93
93
  setTripType: import('@reduxjs/toolkit').ActionCreatorWithPayload<'oneway' | 'roundtrip' | 'openjaw', 'qsm/setTripType'>,
94
- setTravelTypes: import('@reduxjs/toolkit').ActionCreatorWithPayload<TravelType[], 'qsm/setTravelTypes'>,
94
+ setTravelTypes: import('@reduxjs/toolkit').ActionCreatorWithPayload<PickerItem[], 'qsm/setTravelTypes'>,
95
95
  setSelectedTravelType: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, 'qsm/setSelectedTravelType'>,
96
- setTravelClasses: import('@reduxjs/toolkit').ActionCreatorWithPayload<TravelType[], 'qsm/setTravelClasses'>,
96
+ setTravelClasses: import('@reduxjs/toolkit').ActionCreatorWithPayload<PickerItem[], 'qsm/setTravelClasses'>,
97
97
  setSelectedTravelClass: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, 'qsm/setSelectedTravelClass'>,
98
98
  setSelectedNationality: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, 'qsm/setSelectedNationality'>,
99
99
  setDefaultTravelers: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, 'qsm/setDefaultTravelers'>,
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- import { TravelClass, TravelType } from '../shared/types';
3
2
  import { WebsiteConfigurationSearchConfiguration, PortalQsmType } from '@qite/tide-client';
3
+ import { PickerItem } from '../shared/types';
4
4
  export interface QSMConfiguration {
5
5
  type?: PortalQsmType;
6
6
  searchConfigurations: WebsiteConfigurationSearchConfiguration[];
@@ -18,9 +18,9 @@ export interface QSMConfiguration {
18
18
  destinationAirport?: BaseFieldConfig;
19
19
  returnAirport?: BaseFieldConfig;
20
20
  destination?: BaseFieldConfig;
21
- travelTypes?: TravelType[];
21
+ travelTypes?: PickerItem[];
22
22
  travelTypeIcon?: ReactNode;
23
- travelClasses?: TravelClass[];
23
+ travelClasses?: PickerItem[];
24
24
  travelClassIcon?: ReactNode;
25
25
  dateFlexibility?: DateFlexibility[];
26
26
  minDate?: Date;
@@ -33,7 +33,7 @@ export interface QSMConfiguration {
33
33
  maxInfantAge?: number;
34
34
  onSubmit: (data: any) => void;
35
35
  submitIcon: ReactNode;
36
- nationalities: Nationality[];
36
+ nationalities: PickerItem[];
37
37
  languageCode?: string;
38
38
  }
39
39
  export interface BaseFieldConfig {
@@ -80,8 +80,3 @@ export interface Room {
80
80
  kids: number;
81
81
  babies: number;
82
82
  }
83
- export interface Nationality {
84
- id: number;
85
- label: string;
86
- icon?: ReactNode;
87
- }
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { SortByType, SortingOption } from '../../types';
3
- import { TravelClass, TravelType } from '../../../shared/types';
3
+ import { PickerItem } from '../../../shared/types';
4
4
  interface ItemPickerProps {
5
- items: TravelType[] | TravelClass[] | SortByType[] | SortingOption[];
5
+ items: PickerItem[] | SortByType[] | SortingOption[];
6
6
  selection: string | undefined;
7
7
  selectedSortByType?: SortByType | null;
8
8
  label: string;
@@ -6,6 +6,7 @@ export interface SearchResultsState {
6
6
  selectedSearchResultId: number | null;
7
7
  packagingAccoResults: PackagingAccommodationResponse[];
8
8
  filteredPackagingAccoResults: PackagingAccommodationResponse[];
9
+ packagingAccoSearchDetails: PackagingAccommodationResponse[];
9
10
  selectedPackagingAccoResultCode: string | null;
10
11
  selectedFlight: ExtendedFlightSearchResponseItem | null;
11
12
  selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
@@ -26,6 +27,10 @@ export declare const setResults: import('@reduxjs/toolkit').ActionCreatorWithPay
26
27
  PackagingAccommodationResponse[],
27
28
  'searchResults/setFilteredPackagingAccoResults'
28
29
  >,
30
+ setPackagingAccoSearchDetails: import('@reduxjs/toolkit').ActionCreatorWithPayload<
31
+ PackagingAccommodationResponse[],
32
+ 'searchResults/setPackagingAccoSearchDetails'
33
+ >,
29
34
  setSelectedPackagingAccoResult: import('@reduxjs/toolkit').ActionCreatorWithPayload<string | null, 'searchResults/setSelectedPackagingAccoResult'>,
30
35
  setSelectedFlight: import('@reduxjs/toolkit').ActionCreatorWithPayload<ExtendedFlightSearchResponseItem | null, 'searchResults/setSelectedFlight'>,
31
36
  setSelectedFlightDetails: import('@reduxjs/toolkit').ActionCreatorWithPayload<
@@ -1,4 +1,4 @@
1
- import { FlightSearchResponseItem, WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
1
+ import { BookingPackageItem, FlightSearchResponseItem, WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
2
2
  import { ReactNode } from 'react';
3
3
  export type FlightSelectionMode = 'paired' | 'independent';
4
4
  export interface SearchResultsConfiguration {
@@ -34,6 +34,7 @@ export interface SearchResultsConfiguration {
34
34
  url: string;
35
35
  alt: string;
36
36
  };
37
+ onBook?: (result: BookingPackageItem) => void;
37
38
  }
38
39
  export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
39
40
  export type FilterProperty = 'regime' | 'accommodation' | 'max-duration' | 'price' | 'rating' | 'theme';
@@ -9,13 +9,8 @@ export declare enum DepartureRange {
9
9
  Evening = 2,
10
10
  Night = 3
11
11
  }
12
- export interface TravelType {
13
- id: number;
14
- label: string;
15
- icon?: ReactNode;
16
- }
17
- export interface TravelClass {
18
- id: number;
12
+ export interface PickerItem {
13
+ id: string;
19
14
  label: string;
20
15
  icon?: ReactNode;
21
16
  }