@qite/tide-booking-component 1.4.84 → 1.4.86

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 (39) hide show
  1. package/build/build-cjs/index.js +570 -288
  2. package/build/build-cjs/src/content/footer/types.d.ts +1 -0
  3. package/build/build-cjs/src/content/navbar/types.d.ts +1 -0
  4. package/build/build-cjs/src/qsm/components/item-picker/index.d.ts +4 -4
  5. package/build/build-cjs/src/qsm/store/qsm-slice.d.ts +5 -5
  6. package/build/build-cjs/src/qsm/types.d.ts +4 -9
  7. package/build/build-cjs/src/search-results/components/item-picker/index.d.ts +2 -2
  8. package/build/build-cjs/src/search-results/store/search-results-slice.d.ts +5 -0
  9. package/build/build-cjs/src/shared/types.d.ts +2 -7
  10. package/build/build-esm/index.js +570 -288
  11. package/build/build-esm/src/content/footer/types.d.ts +1 -0
  12. package/build/build-esm/src/content/navbar/types.d.ts +1 -0
  13. package/build/build-esm/src/qsm/components/item-picker/index.d.ts +4 -4
  14. package/build/build-esm/src/qsm/store/qsm-slice.d.ts +5 -5
  15. package/build/build-esm/src/qsm/types.d.ts +4 -9
  16. package/build/build-esm/src/search-results/components/item-picker/index.d.ts +2 -2
  17. package/build/build-esm/src/search-results/store/search-results-slice.d.ts +5 -0
  18. package/build/build-esm/src/shared/types.d.ts +2 -7
  19. package/package.json +2 -2
  20. package/src/content/features/content-page/content-page-self-contained.tsx +17 -17
  21. package/src/content/footer/index.tsx +4 -1
  22. package/src/content/footer/types.ts +1 -0
  23. package/src/content/navbar/index.tsx +17 -2
  24. package/src/content/navbar/types.ts +1 -0
  25. package/src/qsm/components/item-picker/index.tsx +10 -13
  26. package/src/qsm/components/travel-class-picker/index.tsx +3 -2
  27. package/src/qsm/components/travel-nationality-picker/index.tsx +3 -2
  28. package/src/qsm/components/travel-type-picker/index.tsx +3 -2
  29. package/src/qsm/store/qsm-slice.ts +5 -5
  30. package/src/qsm/types.ts +5 -10
  31. package/src/search-results/components/item-picker/index.tsx +2 -2
  32. package/src/search-results/components/search-results-container/flight-search-results.tsx +5 -5
  33. package/src/search-results/components/search-results-container/search-results-container.tsx +96 -4
  34. package/src/search-results/store/search-results-slice.ts +6 -0
  35. package/src/shared/components/flyin/accommodation-flyin.tsx +373 -157
  36. package/src/shared/types.ts +13 -7
  37. package/styles/components/_flyin.scss +187 -158
  38. package/styles/components/_footer.scss +1 -0
  39. package/styles/components/_navbar.scss +1 -0
@@ -19,6 +19,7 @@ export interface FooterProps {
19
19
  className?: string;
20
20
  /** Optional override for the logo (defaults to the SVG from your footer) */
21
21
  logo?: React.ReactNode;
22
+ onLogoClick?: () => void;
22
23
  social?: SocialLink[];
23
24
  columns?: FooterColumn[];
24
25
  copyrightText?: string;
@@ -19,6 +19,7 @@ export interface NavItem {
19
19
  export interface NavbarProps {
20
20
  currentPath?: string;
21
21
  logo: React.ReactNode;
22
+ onLogoClick?: () => void;
22
23
  topLinks: NavLink[];
23
24
  items: NavItem[];
24
25
  language: Language;
@@ -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<
@@ -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
  }