@qite/tide-booking-component 1.3.4 → 1.3.6
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/booking-wizard/features/booking/booking-slice.d.ts +2 -1
- package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts +1 -0
- package/build/build-cjs/booking-wizard/features/sidebar/sidebar-util.d.ts +3 -3
- package/build/build-cjs/booking-wizard/features/travelers-form/travelers-form-slice.d.ts +5 -5
- package/build/build-cjs/booking-wizard/types.d.ts +10 -1
- package/build/build-cjs/index.js +515 -293
- package/build/build-cjs/shared/utils/localization-util.d.ts +7 -0
- package/build/build-esm/booking-wizard/features/booking/booking-slice.d.ts +2 -1
- package/build/build-esm/booking-wizard/features/booking/selectors.d.ts +1 -0
- package/build/build-esm/booking-wizard/features/sidebar/sidebar-util.d.ts +3 -3
- package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-slice.d.ts +5 -5
- package/build/build-esm/booking-wizard/types.d.ts +10 -1
- package/build/build-esm/index.js +517 -295
- package/build/build-esm/shared/utils/localization-util.d.ts +7 -0
- package/package.json +75 -75
- package/src/booking-product/components/product.tsx +316 -314
- package/src/booking-product/components/rooms.tsx +19 -15
- package/src/booking-wizard/components/print-offer-button.tsx +63 -63
- package/src/booking-wizard/features/booking/booking-self-contained.tsx +393 -389
- package/src/booking-wizard/features/booking/booking-slice.ts +668 -663
- package/src/booking-wizard/features/booking/booking.tsx +365 -361
- package/src/booking-wizard/features/booking/selectors.ts +445 -441
- package/src/booking-wizard/features/confirmation/confirmation.tsx +103 -97
- package/src/booking-wizard/features/flight-options/flight-utils.ts +522 -522
- package/src/booking-wizard/features/product-options/options-form.tsx +481 -481
- package/src/booking-wizard/features/sidebar/sidebar-util.ts +177 -177
- package/src/booking-wizard/features/summary/summary-booking-option-pax.tsx +25 -25
- package/src/booking-wizard/features/summary/summary.tsx +707 -674
- package/src/booking-wizard/features/travelers-form/travelers-form-slice.ts +164 -164
- package/src/booking-wizard/features/travelers-form/travelers-form.tsx +888 -754
- package/src/booking-wizard/settings-context.ts +62 -62
- package/src/booking-wizard/types.ts +289 -279
- package/src/booking-wizard/use-offer-printer.ts +117 -117
- package/src/shared/translations/en-GB.json +244 -237
- package/src/shared/translations/fr-BE.json +244 -238
- package/src/shared/translations/nl-BE.json +244 -237
- package/src/shared/utils/tide-api-utils.ts +36 -36
- package/styles/booking-wizard-variables.scss +873 -873
- package/styles/components/_booking.scss +879 -879
- package/styles/components/_dropdown.scss +72 -72
- package/styles/components/_form.scss +1583 -1583
|
@@ -12,6 +12,7 @@ export declare const getTranslations: (language: string) => {
|
|
|
12
12
|
NEXT: string;
|
|
13
13
|
SUBMIT_BOOKING: string;
|
|
14
14
|
SUBMIT_OFFER: string;
|
|
15
|
+
SUBMIT_OPTION: string;
|
|
15
16
|
COMPOSE: string;
|
|
16
17
|
ROOM_OPTIONS: string;
|
|
17
18
|
FLIGHT_OPTIONS: string;
|
|
@@ -80,6 +81,7 @@ export declare const getTranslations: (language: string) => {
|
|
|
80
81
|
MAIN: {
|
|
81
82
|
PREPARING_BOOKING: string;
|
|
82
83
|
PREPARING_OFFER: string;
|
|
84
|
+
PREPARING_DOSSIER: string;
|
|
83
85
|
PRODUCT_UNAVAILABLE: string;
|
|
84
86
|
};
|
|
85
87
|
SHARED: {
|
|
@@ -126,6 +128,7 @@ export declare const getTranslations: (language: string) => {
|
|
|
126
128
|
CHANGES: string;
|
|
127
129
|
};
|
|
128
130
|
TRAVELERS_FORM: {
|
|
131
|
+
AGE: string;
|
|
129
132
|
TRAVELER: string;
|
|
130
133
|
ADULT: string;
|
|
131
134
|
ADULTS: string;
|
|
@@ -154,6 +157,7 @@ export declare const getTranslations: (language: string) => {
|
|
|
154
157
|
VALIDATION_MESSAGE: string;
|
|
155
158
|
BOOK_WITH_AGENT: string;
|
|
156
159
|
CHOOSE_OFFICE: string;
|
|
160
|
+
PERSON: string;
|
|
157
161
|
COUNTRIES: {
|
|
158
162
|
BELGIUM: string;
|
|
159
163
|
NETHERLANDS: string;
|
|
@@ -203,6 +207,7 @@ export declare const getTranslations: (language: string) => {
|
|
|
203
207
|
VALIDATE_TITLE: string;
|
|
204
208
|
VALIDATE_TEXT_BOOKING: string;
|
|
205
209
|
VALIDATE_TEXT_OFFER: string;
|
|
210
|
+
VALIDATE_TEXT_OPTION: string;
|
|
206
211
|
OPTIONS: string;
|
|
207
212
|
REMARKS: string;
|
|
208
213
|
VOUCHERS: string;
|
|
@@ -214,9 +219,11 @@ export declare const getTranslations: (language: string) => {
|
|
|
214
219
|
CONFIRMATION: {
|
|
215
220
|
TITLE_TEXT_OFFER: string;
|
|
216
221
|
TITLE_TEXT_BOOKING: string;
|
|
222
|
+
TITLE_TEXT_OPTION: string;
|
|
217
223
|
MESSAGE_TEXT1: string;
|
|
218
224
|
MESSAGE_TEXT2_OFFER: string;
|
|
219
225
|
MESSAGE_TEXT2_BOOKING: string;
|
|
226
|
+
MESSAGE_TEXT2_OPTION: string;
|
|
220
227
|
QUESTIONS_TEXT1: string;
|
|
221
228
|
QUESTIONS_TEXT2: string;
|
|
222
229
|
QUESTIONS_TEXT3: string;
|
|
@@ -30,6 +30,7 @@ export interface BookingState {
|
|
|
30
30
|
accommodationViews?: {
|
|
31
31
|
[key: string]: string;
|
|
32
32
|
};
|
|
33
|
+
isOption?: boolean;
|
|
33
34
|
}
|
|
34
35
|
export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, void, {
|
|
35
36
|
state?: unknown;
|
|
@@ -41,6 +42,6 @@ export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, v
|
|
|
41
42
|
fulfilledMeta?: unknown;
|
|
42
43
|
rejectedMeta?: unknown;
|
|
43
44
|
}>;
|
|
44
|
-
export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, "booking/setProductAttributes">, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, "booking/setBookingAttributes">, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setCalculateDeposit">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">;
|
|
45
|
+
export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setOfficeId">, setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setLanguageCode">, setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "booking/setTranslations">, setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptions, "booking/setBookingOptions">, setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingType">, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, "booking/setProductAttributes">, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, "booking/setBookingAttributes">, setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setCalculateDeposit">, setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingNumber">, setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsRetry">, setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setFetchingPackage">, setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackage, "booking/setPackage">, setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingPackageRoom[], "booking/setPackageRooms">, setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionPax[], "booking/setPackageOptionPax">, setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionUnit[], "booking/setPackageOptionUnits">, setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], "booking/setPackageGroups">, setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setSkipPayment">, setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setGeneratePaymentUrl">, setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number[] | undefined, "booking/setTagIds">, setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<number | undefined, "booking/setAgentAdressId">, setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "booking/setBookingRemarks">, setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<string[], "booking/setVoucherCodes">, setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingStep, "booking/setCurrentStep">, setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirlineGroup<AirlineBookingPackageOption>[], "booking/setPackageAirlineGroups">, setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAirportGroup<AirportBookingPackageOption>[], "booking/setPackageAirportGroups">, setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<GroupedFlights, "booking/setFlights">, setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, "booking/setAccommodationViewId">, setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "booking/setIsOption">;
|
|
45
46
|
declare const _default: import("redux").Reducer<BookingState, import("redux").AnyAction>;
|
|
46
47
|
export default _default;
|
|
@@ -55,6 +55,7 @@ export declare const selectAgentAdressId: (state: RootState) => number | undefin
|
|
|
55
55
|
export declare const selectProductAttributes: (state: RootState) => import("../../types").ProductAttributes | undefined;
|
|
56
56
|
export declare const selectBookingAttributes: (state: RootState) => import("../../types").BookingAttributes | undefined;
|
|
57
57
|
export declare const selectBookingNumber: (state: RootState) => string | undefined;
|
|
58
|
+
export declare const selectIsOption: (state: RootState) => boolean | undefined;
|
|
58
59
|
export declare const selectBookingRooms: (state: RootState) => Room[] | undefined;
|
|
59
60
|
export declare const selectBookingRemarks: (state: RootState) => string | undefined;
|
|
60
61
|
export declare const selectVoucherCodes: (state: RootState) => string[] | undefined;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { BookingPackageFlightMetaData } from "@qite/tide-client/build/types";
|
|
2
|
-
import { FlightLine } from "../../types";
|
|
2
|
+
import { FlightLine, RoomTraveler } from "../../types";
|
|
3
3
|
export declare const getTravelersText: (rooms: {
|
|
4
|
-
adults:
|
|
5
|
-
children:
|
|
4
|
+
adults: RoomTraveler[];
|
|
5
|
+
children: RoomTraveler[];
|
|
6
6
|
}[]) => string[];
|
|
7
7
|
export declare const getDateText: (date: string | undefined, hideYear?: boolean) => string | undefined;
|
|
8
8
|
export declare const getDatePeriodText: (from?: string, to?: string, nightsOnly?: boolean) => string | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RootState } from "../../store";
|
|
2
|
-
import { TravelersFormValues } from "../../types";
|
|
2
|
+
import { TravelersFormValues, RoomTraveler } from "../../types";
|
|
3
3
|
export interface TravelersFormState {
|
|
4
4
|
formValues?: TravelersFormValues;
|
|
5
5
|
}
|
|
@@ -35,11 +35,11 @@ export declare const selectFormRooms: ((state: {
|
|
|
35
35
|
summary: import("../summary/summary-slice").SummaryState;
|
|
36
36
|
apiSettings: import("../../../shared/types").ApiSettingsState;
|
|
37
37
|
}) => {
|
|
38
|
-
adults:
|
|
39
|
-
children:
|
|
38
|
+
adults: RoomTraveler[];
|
|
39
|
+
children: RoomTraveler[];
|
|
40
40
|
}[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client/build/types").BookingPackageRequestRoom[] | undefined) => {
|
|
41
|
-
adults:
|
|
42
|
-
children:
|
|
41
|
+
adults: RoomTraveler[];
|
|
42
|
+
children: RoomTraveler[];
|
|
43
43
|
}[], {
|
|
44
44
|
clearCache: () => void;
|
|
45
45
|
}> & {
|
|
@@ -20,6 +20,7 @@ export interface Settings {
|
|
|
20
20
|
};
|
|
21
21
|
travellers: {
|
|
22
22
|
pathSuffix: string;
|
|
23
|
+
compactForm?: boolean;
|
|
23
24
|
};
|
|
24
25
|
summary: {
|
|
25
26
|
pathSuffix: string;
|
|
@@ -62,6 +63,9 @@ export interface Settings {
|
|
|
62
63
|
regimes?: RegimeContent[];
|
|
63
64
|
accommodationViewId?: number;
|
|
64
65
|
isOffer?: boolean;
|
|
66
|
+
allowOption?: boolean;
|
|
67
|
+
customOptionStatus?: number;
|
|
68
|
+
customValidateText?: string;
|
|
65
69
|
}
|
|
66
70
|
export interface BookingOptions {
|
|
67
71
|
b2b: BookingOptionsDetail;
|
|
@@ -84,6 +88,7 @@ export interface Traveler {
|
|
|
84
88
|
firstName: string;
|
|
85
89
|
lastName: string;
|
|
86
90
|
birthDate: string;
|
|
91
|
+
age?: number;
|
|
87
92
|
}
|
|
88
93
|
export interface Room {
|
|
89
94
|
adults: number;
|
|
@@ -131,7 +136,7 @@ export interface ProductAttributes {
|
|
|
131
136
|
export interface BookingAttributes {
|
|
132
137
|
startDate: string;
|
|
133
138
|
endDate: string;
|
|
134
|
-
|
|
139
|
+
catalogueId: number;
|
|
135
140
|
rooms: Room[];
|
|
136
141
|
flight: FlightInfo | null;
|
|
137
142
|
tourCode: string | null;
|
|
@@ -251,3 +256,7 @@ export interface TimeRangeFilter {
|
|
|
251
256
|
selectedMin: number;
|
|
252
257
|
selectedMax: number;
|
|
253
258
|
}
|
|
259
|
+
export interface RoomTraveler {
|
|
260
|
+
id: number;
|
|
261
|
+
age: number;
|
|
262
|
+
}
|