@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.
- package/build/build-cjs/index.js +570 -288
- package/build/build-cjs/src/content/footer/types.d.ts +1 -0
- package/build/build-cjs/src/content/navbar/types.d.ts +1 -0
- package/build/build-cjs/src/qsm/components/item-picker/index.d.ts +4 -4
- package/build/build-cjs/src/qsm/store/qsm-slice.d.ts +5 -5
- package/build/build-cjs/src/qsm/types.d.ts +4 -9
- package/build/build-cjs/src/search-results/components/item-picker/index.d.ts +2 -2
- package/build/build-cjs/src/search-results/store/search-results-slice.d.ts +5 -0
- package/build/build-cjs/src/shared/types.d.ts +2 -7
- package/build/build-esm/index.js +570 -288
- package/build/build-esm/src/content/footer/types.d.ts +1 -0
- package/build/build-esm/src/content/navbar/types.d.ts +1 -0
- package/build/build-esm/src/qsm/components/item-picker/index.d.ts +4 -4
- package/build/build-esm/src/qsm/store/qsm-slice.d.ts +5 -5
- package/build/build-esm/src/qsm/types.d.ts +4 -9
- package/build/build-esm/src/search-results/components/item-picker/index.d.ts +2 -2
- package/build/build-esm/src/search-results/store/search-results-slice.d.ts +5 -0
- package/build/build-esm/src/shared/types.d.ts +2 -7
- package/package.json +2 -2
- package/src/content/features/content-page/content-page-self-contained.tsx +17 -17
- package/src/content/footer/index.tsx +4 -1
- package/src/content/footer/types.ts +1 -0
- package/src/content/navbar/index.tsx +17 -2
- package/src/content/navbar/types.ts +1 -0
- package/src/qsm/components/item-picker/index.tsx +10 -13
- package/src/qsm/components/travel-class-picker/index.tsx +3 -2
- package/src/qsm/components/travel-nationality-picker/index.tsx +3 -2
- package/src/qsm/components/travel-type-picker/index.tsx +3 -2
- package/src/qsm/store/qsm-slice.ts +5 -5
- package/src/qsm/types.ts +5 -10
- package/src/search-results/components/item-picker/index.tsx +2 -2
- package/src/search-results/components/search-results-container/flight-search-results.tsx +5 -5
- package/src/search-results/components/search-results-container/search-results-container.tsx +96 -4
- package/src/search-results/store/search-results-slice.ts +6 -0
- package/src/shared/components/flyin/accommodation-flyin.tsx +373 -157
- package/src/shared/types.ts +13 -7
- package/styles/components/_flyin.scss +187 -158
- package/styles/components/_footer.scss +1 -0
- 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;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { TravelClass, TravelType } from '../../../shared/types';
|
|
2
|
+
import { PickerItem } from '../../../shared/types';
|
|
4
3
|
interface ItemPickerProps {
|
|
5
|
-
items:
|
|
4
|
+
items: PickerItem[];
|
|
6
5
|
selection: string | undefined;
|
|
7
6
|
label: string;
|
|
8
7
|
placeholder: string;
|
|
9
8
|
classModifier: string;
|
|
10
|
-
|
|
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 {
|
|
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:
|
|
36
|
+
travelTypes: PickerItem[];
|
|
37
37
|
tripType: 'oneway' | 'roundtrip' | 'openjaw';
|
|
38
38
|
selectedTravelType?: string;
|
|
39
|
-
travelClasses:
|
|
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<
|
|
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<
|
|
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?:
|
|
21
|
+
travelTypes?: PickerItem[];
|
|
22
22
|
travelTypeIcon?: ReactNode;
|
|
23
|
-
travelClasses?:
|
|
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:
|
|
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 {
|
|
3
|
+
import { PickerItem } from '../../../shared/types';
|
|
4
4
|
interface ItemPickerProps {
|
|
5
|
-
items:
|
|
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
|
|
13
|
-
id:
|
|
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
|
}
|