@qite/tide-booking-component 1.4.2 → 1.4.4

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 (35) hide show
  1. package/build/build-cjs/booking-wizard/components/phone-input.d.ts +17 -0
  2. package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts +41 -12
  3. package/build/build-cjs/booking-wizard/features/summary/summary-flight.d.ts +2 -2
  4. package/build/build-cjs/booking-wizard/features/travelers-form/controls/gender-control.d.ts +5 -0
  5. package/build/build-cjs/booking-wizard/features/travelers-form/travelers-form-util.d.ts +7 -0
  6. package/build/build-cjs/booking-wizard/features/travelers-form/validate-form.d.ts +2 -2
  7. package/build/build-cjs/booking-wizard/types.d.ts +13 -0
  8. package/build/build-cjs/index.js +460 -273
  9. package/build/build-esm/booking-wizard/components/phone-input.d.ts +17 -0
  10. package/build/build-esm/booking-wizard/features/booking/selectors.d.ts +41 -12
  11. package/build/build-esm/booking-wizard/features/summary/summary-flight.d.ts +2 -2
  12. package/build/build-esm/booking-wizard/features/travelers-form/controls/gender-control.d.ts +5 -0
  13. package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-util.d.ts +7 -0
  14. package/build/build-esm/booking-wizard/features/travelers-form/validate-form.d.ts +2 -2
  15. package/build/build-esm/booking-wizard/types.d.ts +13 -0
  16. package/build/build-esm/index.js +462 -275
  17. package/package.json +1 -1
  18. package/src/booking-wizard/api-settings-slice.ts +5 -0
  19. package/src/booking-wizard/components/phone-input.tsx +181 -0
  20. package/src/booking-wizard/features/booking/booking.tsx +28 -28
  21. package/src/booking-wizard/features/booking/selectors.ts +17 -14
  22. package/src/booking-wizard/features/sidebar/sidebar-flight.tsx +4 -2
  23. package/src/booking-wizard/features/sidebar/sidebar-util.ts +2 -0
  24. package/src/booking-wizard/features/summary/summary-flight.tsx +7 -6
  25. package/src/booking-wizard/features/summary/summary.tsx +91 -62
  26. package/src/booking-wizard/features/travelers-form/controls/gender-control.tsx +70 -0
  27. package/src/booking-wizard/features/travelers-form/travelers-form-util.ts +11 -0
  28. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +451 -313
  29. package/src/booking-wizard/features/travelers-form/validate-form.ts +84 -98
  30. package/src/booking-wizard/types.ts +15 -0
  31. package/src/shared/translations/en-GB.json +3 -0
  32. package/src/shared/translations/fr-BE.json +3 -0
  33. package/src/shared/translations/nl-BE.json +3 -0
  34. package/styles/booking-wizard.scss +1 -0
  35. package/styles/components/_phone-input.scss +8 -0
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import { Country } from "../types";
3
+ interface PhoneInputProps {
4
+ name: string;
5
+ required?: boolean;
6
+ value?: string | number;
7
+ label?: string;
8
+ placeholder?: string;
9
+ hasError?: boolean;
10
+ extraClassName?: string;
11
+ countries: Country[];
12
+ countryIso2?: string;
13
+ onChange?: React.ChangeEventHandler<HTMLElement>;
14
+ onBlur?: React.FocusEventHandler<HTMLElement>;
15
+ }
16
+ declare const PhoneInput: React.FC<PhoneInputProps>;
17
+ export default PhoneInput;
@@ -1,12 +1,12 @@
1
- import { BookingPackageAddress, BookingPackageBookRequest, BookingPackageEntryLineFlightMetaData, BookingPackageFlight, BookingPackagePax, BookingPackageRequest, BookingPackageRoomOption } from "@qite/tide-client/build/types";
1
+ import { BookingPackageAddress, BookingPackageBookRequest, BookingPackagePax, BookingPackageRequest } from "@qite/tide-client/build/types";
2
2
  import { RootState } from "../../store";
3
3
  import { Room } from "../../types";
4
4
  export declare const selectCurrentStep: (state: RootState) => import("./constants").BookingStep;
5
5
  export declare const selectGeneratePaymentUrl: (state: RootState) => boolean;
6
6
  export declare const selectSkipPaymentWithAgent: (state: RootState) => boolean;
7
7
  export declare const selectIsFetchingProductOptions: (state: RootState) => boolean;
8
- export declare const selectDepartureFlight: (state: RootState) => BookingPackageFlight | undefined;
9
- export declare const selectReturnFlight: (state: RootState) => BookingPackageFlight | undefined;
8
+ export declare const selectDepartureFlight: (state: RootState) => import("@qite/tide-client").BookingPackageFlight | undefined;
9
+ export declare const selectReturnFlight: (state: RootState) => import("@qite/tide-client").BookingPackageFlight | undefined;
10
10
  export declare const selectPackageRooms: (state: RootState) => import("@qite/tide-client").BookingPackageRoom[] | undefined;
11
11
  export declare const selectIncludedServiceTypes: (state: RootState) => number[] | undefined;
12
12
  export declare const selectAvailabilities: (state: RootState) => import("@qite/tide-client").BookingPackageAvailability[] | undefined;
@@ -17,10 +17,10 @@ export declare const selectPackageOptionPax: (state: RootState) => import("@qite
17
17
  export declare const selectPackageGroups: (state: RootState) => import("@qite/tide-client").BookingOptionGroup<import("@qite/tide-client").PerBookingPackageOption>[] | undefined;
18
18
  export declare const selectPackageDetails: (state: RootState) => import("@qite/tide-client").BookingPackage | undefined;
19
19
  export declare const selectPackageFlights: (state: RootState) => {
20
- outward: BookingPackageFlight[] | undefined;
21
- return: BookingPackageFlight[] | undefined;
20
+ outward: import("@qite/tide-client").BookingPackageFlight[] | undefined;
21
+ return: import("@qite/tide-client").BookingPackageFlight[] | undefined;
22
22
  };
23
- export declare const selectFlightMetaData: (state: RootState) => BookingPackageEntryLineFlightMetaData[] | undefined;
23
+ export declare const selectFlightMetaData: (state: RootState) => import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined;
24
24
  export declare const selectActiveOption: (state: RootState) => import("@qite/tide-client").BookingPackageOption | undefined;
25
25
  export declare const selectPackageAirlineGroups: ((state: {
26
26
  booking: import("./booking-slice").BookingState;
@@ -28,7 +28,7 @@ export declare const selectPackageAirlineGroups: ((state: {
28
28
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
29
29
  summary: import("../summary/summary-slice").SummaryState;
30
30
  apiSettings: import("../../../shared/types").ApiSettingsState;
31
- }) => import("@qite/tide-client").BookingAirlineGroup<import("@qite/tide-client").AirlineBookingPackageOption>[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: BookingPackageFlight | undefined, args_2: BookingPackageFlight | undefined) => import("@qite/tide-client").BookingAirlineGroup<import("@qite/tide-client").AirlineBookingPackageOption>[] | undefined, {
31
+ }) => import("@qite/tide-client").BookingAirlineGroup<import("@qite/tide-client").AirlineBookingPackageOption>[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageFlight | undefined, args_2: import("@qite/tide-client").BookingPackageFlight | undefined) => import("@qite/tide-client").BookingAirlineGroup<import("@qite/tide-client").AirlineBookingPackageOption>[] | undefined, {
32
32
  clearCache: () => void;
33
33
  }> & {
34
34
  clearCache: () => void;
@@ -39,7 +39,7 @@ export declare const selectPackageAirportGroups: ((state: {
39
39
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
40
40
  summary: import("../summary/summary-slice").SummaryState;
41
41
  apiSettings: import("../../../shared/types").ApiSettingsState;
42
- }) => import("@qite/tide-client").BookingAirportGroup<import("@qite/tide-client").AirportBookingPackageOption>[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: BookingPackageFlight | undefined, args_2: BookingPackageFlight | undefined) => import("@qite/tide-client").BookingAirportGroup<import("@qite/tide-client").AirportBookingPackageOption>[] | undefined, {
42
+ }) => import("@qite/tide-client").BookingAirportGroup<import("@qite/tide-client").AirportBookingPackageOption>[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageFlight | undefined, args_2: import("@qite/tide-client").BookingPackageFlight | undefined) => import("@qite/tide-client").BookingAirportGroup<import("@qite/tide-client").AirportBookingPackageOption>[] | undefined, {
43
43
  clearCache: () => void;
44
44
  }> & {
45
45
  clearCache: () => void;
@@ -50,7 +50,7 @@ export declare const selectRoomOptionDepartureFlightsMetaData: ((state: {
50
50
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
51
51
  summary: import("../summary/summary-slice").SummaryState;
52
52
  apiSettings: import("../../../shared/types").ApiSettingsState;
53
- }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[], {
53
+ }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[], {
54
54
  clearCache: () => void;
55
55
  }> & {
56
56
  clearCache: () => void;
@@ -61,7 +61,7 @@ export declare const selectRoomOptionReturnFlightsMetaData: ((state: {
61
61
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
62
62
  summary: import("../summary/summary-slice").SummaryState;
63
63
  apiSettings: import("../../../shared/types").ApiSettingsState;
64
- }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[], {
64
+ }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[], {
65
65
  clearCache: () => void;
66
66
  }> & {
67
67
  clearCache: () => void;
@@ -72,7 +72,37 @@ export declare const selectRequestRooms: (state: RootState) => import("@qite/tid
72
72
  export declare const selectOfficeId: (state: RootState) => number;
73
73
  export declare const selectLanguageCode: (state: RootState) => string;
74
74
  export declare const selectCurrencyCode: (state: RootState) => string;
75
- export declare const selectTranslations: (state: RootState) => Record<string, any>;
75
+ export declare const selectDefaultStaticTranslations: (state: RootState) => Record<string, any>;
76
+ export declare const selectLanguage: (state: RootState) => string;
77
+ export declare const selectAllDynamicTranslations: (state: RootState) => {
78
+ language: string;
79
+ value: any;
80
+ }[] | undefined;
81
+ export declare const selectDynamicTranslations: ((state: {
82
+ booking: import("./booking-slice").BookingState;
83
+ travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
84
+ priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
85
+ summary: import("../summary/summary-slice").SummaryState;
86
+ apiSettings: import("../../../shared/types").ApiSettingsState;
87
+ }) => any) & import("reselect").OutputSelectorFields<(args_0: {
88
+ language: string;
89
+ value: any;
90
+ }[] | undefined, args_1: string) => any, {
91
+ clearCache: () => void;
92
+ }> & {
93
+ clearCache: () => void;
94
+ };
95
+ export declare const selectTranslations: ((state: {
96
+ booking: import("./booking-slice").BookingState;
97
+ travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
98
+ priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
99
+ summary: import("../summary/summary-slice").SummaryState;
100
+ apiSettings: import("../../../shared/types").ApiSettingsState;
101
+ }) => Record<string, any>) & import("reselect").OutputSelectorFields<(args_0: Record<string, any>, args_1: any) => Record<string, any>, {
102
+ clearCache: () => void;
103
+ }> & {
104
+ clearCache: () => void;
105
+ };
76
106
  export declare const selectBookingOptions: (state: RootState) => import("../../types").BookingOptions;
77
107
  export declare const selectBookingType: (state: RootState) => string;
78
108
  export declare const selectTagIds: (state: RootState) => number[] | undefined;
@@ -160,4 +190,3 @@ export declare const selectBookingPackageBookRequest: ((state: {
160
190
  }> & {
161
191
  clearCache: () => void;
162
192
  };
163
- export declare const buildFlight: (option: BookingPackageRoomOption, flightMetaData: BookingPackageEntryLineFlightMetaData[]) => BookingPackageFlight | null;
@@ -1,7 +1,7 @@
1
- import { BookingPackageFlight } from "@qite/tide-client/build/types";
1
+ import { BookingPackageFlightMetaData } from "@qite/tide-client/build/types";
2
2
  import React from "react";
3
3
  interface SummaryFlightProps {
4
- flight: BookingPackageFlight;
4
+ flightMetaData: BookingPackageFlightMetaData;
5
5
  header: string;
6
6
  }
7
7
  declare const SummaryFlight: React.FC<SummaryFlightProps>;
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { Traveler } from "../../../types";
3
+ import { ControlProps } from "../travelers-form-util";
4
+ declare const GenderControl: React.FC<ControlProps<Traveler>>;
5
+ export default GenderControl;
@@ -0,0 +1,7 @@
1
+ export declare const hasVisibleError: (formik: any, key: string) => any;
2
+ export interface ControlProps<T> {
3
+ translations: any;
4
+ value: T;
5
+ formik: any;
6
+ name: string;
7
+ }
@@ -1,4 +1,4 @@
1
1
  import { FormikErrors } from "formik";
2
- import { TravelersFormValues } from "../../types";
3
- declare const validateForm: (values: TravelersFormValues, agentRequired?: boolean, bookingType?: string, translations?: any) => FormikErrors<TravelersFormValues>;
2
+ import { FormField, TravelersFormValues } from "../../types";
3
+ declare const validateForm: (values: TravelersFormValues, agentRequired?: boolean, bookingType?: string, translations?: any, formFields?: FormField[], mainBookerFormFields?: FormField[]) => FormikErrors<TravelersFormValues>;
4
4
  export default validateForm;
@@ -22,6 +22,9 @@ export interface Settings {
22
22
  travellers: {
23
23
  pathSuffix: string;
24
24
  compactForm?: boolean;
25
+ formFields?: FormField[];
26
+ mainBookerFormFields?: FormField[];
27
+ countries?: Country[];
25
28
  };
26
29
  summary: {
27
30
  pathSuffix: string;
@@ -67,6 +70,14 @@ export interface Settings {
67
70
  customOptionStatus?: number;
68
71
  customValidateText?: string;
69
72
  }
73
+ export interface FormField {
74
+ type: string;
75
+ }
76
+ export interface Country {
77
+ iso2: string;
78
+ name: string;
79
+ phonePrefix: string;
80
+ }
70
81
  export interface BookingOptions {
71
82
  b2b: BookingOptionsDetail;
72
83
  b2b2c: BookingOptionsDetail;
@@ -159,6 +170,8 @@ export interface FlightLine {
159
170
  airlineDescription?: string;
160
171
  airlineNumber?: string;
161
172
  travelClass?: string;
173
+ number?: string;
174
+ airlineCode?: string;
162
175
  }
163
176
  export interface AccommodationContent {
164
177
  code: string;