@qite/tide-booking-component 1.3.6 → 1.4.0

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 (127) hide show
  1. package/.vs/ProjectSettings.json +3 -3
  2. package/.vs/VSWorkspaceState.json +5 -5
  3. package/README.md +8 -8
  4. package/build/build-cjs/booking-product/utils/price.d.ts +1 -1
  5. package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts +19 -17
  6. package/build/build-cjs/booking-wizard/features/product-options/option-room.d.ts +1 -0
  7. package/build/build-cjs/booking-wizard/features/sidebar/sidebar.d.ts +1 -0
  8. package/build/build-cjs/booking-wizard/features/travelers-form/travelers-form-slice.d.ts +1 -1
  9. package/build/build-cjs/booking-wizard/types.d.ts +0 -1
  10. package/build/build-cjs/index.js +120 -55
  11. package/build/build-cjs/shared/utils/localization-util.d.ts +2 -2
  12. package/build/build-esm/booking-product/utils/price.d.ts +1 -1
  13. package/build/build-esm/booking-wizard/features/booking/selectors.d.ts +19 -17
  14. package/build/build-esm/booking-wizard/features/product-options/option-room.d.ts +1 -0
  15. package/build/build-esm/booking-wizard/features/sidebar/sidebar.d.ts +1 -0
  16. package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-slice.d.ts +1 -1
  17. package/build/build-esm/booking-wizard/types.d.ts +0 -1
  18. package/build/build-esm/index.js +120 -55
  19. package/build/build-esm/shared/utils/localization-util.d.ts +2 -2
  20. package/package.json +2 -2
  21. package/rollup.config.js +23 -23
  22. package/src/booking-product/components/age-select.tsx +35 -35
  23. package/src/booking-product/components/amount-input.tsx +78 -78
  24. package/src/booking-product/components/date-range-picker/calendar-day.tsx +58 -58
  25. package/src/booking-product/components/date-range-picker/calendar.tsx +178 -178
  26. package/src/booking-product/components/date-range-picker/index.tsx +196 -196
  27. package/src/booking-product/components/dates.tsx +136 -136
  28. package/src/booking-product/components/footer.tsx +69 -69
  29. package/src/booking-product/components/header.tsx +79 -79
  30. package/src/booking-product/components/icon.tsx +251 -251
  31. package/src/booking-product/components/product.tsx +8 -4
  32. package/src/booking-product/components/rating.tsx +21 -21
  33. package/src/booking-product/components/rooms.tsx +199 -199
  34. package/src/booking-product/index.tsx +30 -30
  35. package/src/booking-product/settings-context.ts +14 -14
  36. package/src/booking-product/types.ts +28 -28
  37. package/src/booking-product/utils/api.ts +25 -25
  38. package/src/booking-product/utils/price.ts +28 -29
  39. package/src/booking-wizard/api-settings-slice.ts +24 -24
  40. package/src/booking-wizard/components/icon.tsx +508 -508
  41. package/src/booking-wizard/components/labeled-input.tsx +64 -64
  42. package/src/booking-wizard/components/labeled-select.tsx +69 -69
  43. package/src/booking-wizard/components/message.tsx +34 -34
  44. package/src/booking-wizard/components/multi-range-filter.tsx +113 -113
  45. package/src/booking-wizard/components/product-card.tsx +37 -37
  46. package/src/booking-wizard/components/step-indicator.tsx +51 -51
  47. package/src/booking-wizard/components/step-route.tsx +27 -27
  48. package/src/booking-wizard/declarations.d.ts +4 -4
  49. package/src/booking-wizard/features/booking/api.ts +49 -49
  50. package/src/booking-wizard/features/booking/constants.ts +16 -16
  51. package/src/booking-wizard/features/booking/selectors.ts +6 -0
  52. package/src/booking-wizard/features/error/error.tsx +78 -78
  53. package/src/booking-wizard/features/flight-options/flight-filter.tsx +432 -432
  54. package/src/booking-wizard/features/flight-options/flight-option-flight.tsx +385 -385
  55. package/src/booking-wizard/features/flight-options/flight-option-modal.tsx +229 -229
  56. package/src/booking-wizard/features/flight-options/flight-option.tsx +80 -81
  57. package/src/booking-wizard/features/flight-options/index.tsx +196 -196
  58. package/src/booking-wizard/features/price-details/price-details-api.ts +24 -24
  59. package/src/booking-wizard/features/price-details/price-details-slice.ts +178 -178
  60. package/src/booking-wizard/features/price-details/util.ts +155 -155
  61. package/src/booking-wizard/features/product-options/no-options.tsx +21 -21
  62. package/src/booking-wizard/features/product-options/none-option.tsx +121 -120
  63. package/src/booking-wizard/features/product-options/option-booking-airline-group.tsx +64 -64
  64. package/src/booking-wizard/features/product-options/option-booking-group.tsx +216 -216
  65. package/src/booking-wizard/features/product-options/option-item.tsx +321 -317
  66. package/src/booking-wizard/features/product-options/option-pax-card.tsx +201 -201
  67. package/src/booking-wizard/features/product-options/option-pax-group.tsx +175 -175
  68. package/src/booking-wizard/features/product-options/option-room.tsx +328 -321
  69. package/src/booking-wizard/features/product-options/option-unit-group.tsx +198 -198
  70. package/src/booking-wizard/features/product-options/option-units-card.tsx +185 -185
  71. package/src/booking-wizard/features/product-options/options-form.tsx +3 -0
  72. package/src/booking-wizard/features/room-options/index.tsx +187 -187
  73. package/src/booking-wizard/features/room-options/room-utils.ts +190 -190
  74. package/src/booking-wizard/features/room-options/room.tsx +161 -160
  75. package/src/booking-wizard/features/room-options/traveler-rooms.tsx +75 -75
  76. package/src/booking-wizard/features/sidebar/index.tsx +79 -76
  77. package/src/booking-wizard/features/sidebar/sidebar-flight.tsx +68 -68
  78. package/src/booking-wizard/features/sidebar/sidebar.tsx +369 -364
  79. package/src/booking-wizard/features/summary/summary-booking-option-unit.tsx +25 -25
  80. package/src/booking-wizard/features/summary/summary-flight.tsx +39 -39
  81. package/src/booking-wizard/features/summary/summary-per-booking-option-group.tsx +69 -69
  82. package/src/booking-wizard/features/summary/summary-per-pax-option-group.tsx +63 -63
  83. package/src/booking-wizard/features/summary/summary-per-unit-option-group.tsx +66 -66
  84. package/src/booking-wizard/features/summary/summary-slice.ts +28 -28
  85. package/src/booking-wizard/features/summary/summary.tsx +3 -2
  86. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +8 -6
  87. package/src/booking-wizard/features/travelers-form/type-ahead-input.tsx +101 -101
  88. package/src/booking-wizard/features/travelers-form/validate-form.ts +245 -245
  89. package/src/booking-wizard/index.tsx +36 -36
  90. package/src/booking-wizard/settings-context.ts +0 -1
  91. package/src/booking-wizard/store.ts +31 -31
  92. package/src/booking-wizard/types.ts +0 -1
  93. package/src/index.ts +4 -4
  94. package/src/shared/components/loader.tsx +16 -16
  95. package/src/shared/types.ts +4 -4
  96. package/src/shared/utils/class-util.ts +9 -9
  97. package/src/shared/utils/localization-util.ts +62 -62
  98. package/src/shared/utils/query-string-util.ts +119 -119
  99. package/styles/booking-product-variables.scss +394 -394
  100. package/styles/booking-product.scss +446 -446
  101. package/styles/booking-wizard.scss +59 -59
  102. package/styles/components/_animations.scss +39 -39
  103. package/styles/components/_base.scss +107 -107
  104. package/styles/components/_button.scss +238 -238
  105. package/styles/components/_checkbox.scss +219 -219
  106. package/styles/components/_cta.scss +208 -208
  107. package/styles/components/_date-list.scss +41 -41
  108. package/styles/components/_date-range-picker.scss +225 -225
  109. package/styles/components/_decrement-increment.scss +35 -35
  110. package/styles/components/_flight-option.scss +1429 -1429
  111. package/styles/components/_info-message.scss +71 -71
  112. package/styles/components/_input.scss +25 -25
  113. package/styles/components/_list.scss +187 -187
  114. package/styles/components/_loader.scss +72 -72
  115. package/styles/components/_mixins.scss +550 -550
  116. package/styles/components/_placeholders.scss +166 -166
  117. package/styles/components/_pricing-summary.scss +155 -155
  118. package/styles/components/_qsm.scss +17 -17
  119. package/styles/components/_radiobutton.scss +170 -170
  120. package/styles/components/_select-wrapper.scss +80 -80
  121. package/styles/components/_spinner.scss +29 -29
  122. package/styles/components/_step-indicators.scss +169 -168
  123. package/styles/components/_table.scss +81 -81
  124. package/styles/components/_tree.scss +530 -530
  125. package/styles/components/_typeahead.scss +281 -281
  126. package/styles/components/_variables.scss +89 -89
  127. package/tsconfig.json +24 -24
@@ -1,3 +1,3 @@
1
- {
2
- "CurrentProjectSetting": null
3
- }
1
+ {
2
+ "CurrentProjectSetting": null
3
+ }
@@ -1,5 +1,5 @@
1
- {
2
- "ExpandedNodes": [""],
3
- "SelectedNode": "\\D:\\2.0. Qite\\Tide-Booking-Component\\tide-booking-component",
4
- "PreviewInSolutionExplorer": false
5
- }
1
+ {
2
+ "ExpandedNodes": [""],
3
+ "SelectedNode": "\\D:\\2.0. Qite\\Tide-Booking-Component\\tide-booking-component",
4
+ "PreviewInSolutionExplorer": false
5
+ }
package/README.md CHANGED
@@ -1,8 +1,8 @@
1
- # README
2
-
3
- This is the unified Tide Booking Component.
4
-
5
- ## Remarks
6
-
7
- Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
8
- If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`
1
+ # README
2
+
3
+ This is the unified Tide Booking Component.
4
+
5
+ ## Remarks
6
+
7
+ Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
8
+ If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`
@@ -1 +1 @@
1
- export declare const formatPriceByMode: (price: number | undefined, priceMode: number, personCount: number, duration: number, perPersonLabel: string, perNightLabel: string, perPersonPerNightLabel: string) => string | undefined;
1
+ export declare const formatPriceByMode: (price: number | undefined, priceMode: number, personCount: number, duration: number, perPersonLabel: string, perNightLabel: string, perPersonPerNightLabel: string, currencyCode: string) => string | undefined;
@@ -5,28 +5,29 @@ export declare const selectCurrentStep: (state: RootState) => import("./constant
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) => import("@qite/tide-client/build/types").BookingPackageFlight | undefined;
9
- export declare const selectReturnFlight: (state: RootState) => import("@qite/tide-client/build/types").BookingPackageFlight | undefined;
10
- export declare const selectPackageRooms: (state: RootState) => import("@qite/tide-client/build/types").BookingPackageRoom[] | undefined;
11
- export declare const selectAvailabilities: (state: RootState) => import("@qite/tide-client/build/types").BookingPackageAvailability[] | undefined;
12
- export declare const selectPackageTags: (state: RootState) => import("@qite/tide-client/build/types").BookingPackageTag[] | 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
+ export declare const selectPackageRooms: (state: RootState) => import("@qite/tide-client").BookingPackageRoom[] | undefined;
11
+ export declare const selectIncludedServiceTypes: (state: RootState) => number[] | undefined;
12
+ export declare const selectAvailabilities: (state: RootState) => import("@qite/tide-client").BookingPackageAvailability[] | undefined;
13
+ export declare const selectPackageTags: (state: RootState) => import("@qite/tide-client").BookingPackageTag[] | undefined;
13
14
  export declare const selectIsOnRequest: (state: RootState) => boolean | undefined;
14
- export declare const selectPackageOptionUnits: (state: RootState) => import("@qite/tide-client/build/types").BookingOptionUnit[] | undefined;
15
- export declare const selectPackageOptionPax: (state: RootState) => import("@qite/tide-client/build/types").BookingOptionPax[] | undefined;
16
- export declare const selectPackageGroups: (state: RootState) => import("@qite/tide-client/build/types").BookingOptionGroup<import("@qite/tide-client/build/types").PerBookingPackageOption>[] | undefined;
17
- export declare const selectPackageDetails: (state: RootState) => import("@qite/tide-client/build/types").BookingPackage | undefined;
15
+ export declare const selectPackageOptionUnits: (state: RootState) => import("@qite/tide-client").BookingOptionUnit[] | undefined;
16
+ export declare const selectPackageOptionPax: (state: RootState) => import("@qite/tide-client").BookingOptionPax[] | undefined;
17
+ export declare const selectPackageGroups: (state: RootState) => import("@qite/tide-client").BookingOptionGroup<import("@qite/tide-client").PerBookingPackageOption>[] | undefined;
18
+ export declare const selectPackageDetails: (state: RootState) => import("@qite/tide-client").BookingPackage | undefined;
18
19
  export declare const selectPackageFlights: (state: RootState) => {
19
- outward: import("@qite/tide-client/build/types").BookingPackageFlight[] | undefined;
20
- return: import("@qite/tide-client/build/types").BookingPackageFlight[] | undefined;
20
+ outward: import("@qite/tide-client").BookingPackageFlight[] | undefined;
21
+ return: import("@qite/tide-client").BookingPackageFlight[] | undefined;
21
22
  };
22
- export declare const selectActiveOption: (state: RootState) => import("@qite/tide-client/build/types").BookingPackageOption | undefined;
23
+ export declare const selectActiveOption: (state: RootState) => import("@qite/tide-client").BookingPackageOption | undefined;
23
24
  export declare const selectPackageAirlineGroups: ((state: {
24
25
  booking: import("./booking-slice").BookingState;
25
26
  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
26
27
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
27
28
  summary: import("../summary/summary-slice").SummaryState;
28
29
  apiSettings: import("../../../shared/types").ApiSettingsState;
29
- }) => import("@qite/tide-client/build/types").BookingAirlineGroup<import("@qite/tide-client/build/types").AirlineBookingPackageOption>[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client/build/types").BookingPackageOption | undefined, args_1: import("@qite/tide-client/build/types").BookingPackageFlight | undefined, args_2: import("@qite/tide-client/build/types").BookingPackageFlight | undefined) => import("@qite/tide-client/build/types").BookingAirlineGroup<import("@qite/tide-client/build/types").AirlineBookingPackageOption>[] | undefined, {
30
+ }) => 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, {
30
31
  clearCache: () => void;
31
32
  }> & {
32
33
  clearCache: () => void;
@@ -37,16 +38,17 @@ export declare const selectPackageAirportGroups: ((state: {
37
38
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
38
39
  summary: import("../summary/summary-slice").SummaryState;
39
40
  apiSettings: import("../../../shared/types").ApiSettingsState;
40
- }) => import("@qite/tide-client/build/types").BookingAirportGroup<import("@qite/tide-client/build/types").AirportBookingPackageOption>[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client/build/types").BookingPackageOption | undefined, args_1: import("@qite/tide-client/build/types").BookingPackageFlight | undefined, args_2: import("@qite/tide-client/build/types").BookingPackageFlight | undefined) => import("@qite/tide-client/build/types").BookingAirportGroup<import("@qite/tide-client/build/types").AirportBookingPackageOption>[] | undefined, {
41
+ }) => 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, {
41
42
  clearCache: () => void;
42
43
  }> & {
43
44
  clearCache: () => void;
44
45
  };
45
46
  export declare const selectApiSettings: (state: RootState) => import("../../../shared/types").ApiSettingsState;
46
47
  export declare const selectIsUnavailable: (state: RootState) => boolean | undefined;
47
- export declare const selectRequestRooms: (state: RootState) => import("@qite/tide-client/build/types").BookingPackageRequestRoom[] | undefined;
48
+ export declare const selectRequestRooms: (state: RootState) => import("@qite/tide-client").BookingPackageRequestRoom[] | undefined;
48
49
  export declare const selectOfficeId: (state: RootState) => number;
49
50
  export declare const selectLanguageCode: (state: RootState) => string;
51
+ export declare const selectCurrencyCode: (state: RootState) => string;
50
52
  export declare const selectTranslations: (state: RootState) => Record<string, any>;
51
53
  export declare const selectBookingOptions: (state: RootState) => import("../../types").BookingOptions;
52
54
  export declare const selectBookingType: (state: RootState) => string;
@@ -62,7 +64,7 @@ export declare const selectVoucherCodes: (state: RootState) => string[] | undefi
62
64
  export declare const selectCalculateDeposit: (state: RootState) => boolean;
63
65
  export declare const selectIsRetry: (state: RootState) => boolean;
64
66
  export declare const selectStartDate: (state: RootState) => string | undefined;
65
- export declare const selectAgents: (state: RootState) => import("@qite/tide-client/build/types").BookingTravelAgent[] | undefined;
67
+ export declare const selectAgents: (state: RootState) => import("@qite/tide-client").BookingTravelAgent[] | undefined;
66
68
  export declare const selectProductCode: (state: RootState) => string | undefined;
67
69
  export declare const selectAccommodationCodes: (state: RootState) => string[];
68
70
  export declare const selectAccommodationViews: (state: RootState) => {
@@ -130,7 +132,7 @@ export declare const selectBookingPackageBookRequest: ((state: {
130
132
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
131
133
  summary: import("../summary/summary-slice").SummaryState;
132
134
  apiSettings: import("../../../shared/types").ApiSettingsState;
133
- }) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: BookingPackageRequest<any>, args_1: import("../../types").BookingOptions, args_2: string, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client/build/types").BookingPackage | undefined, args_6: boolean, args_7: number | undefined, args_8: boolean, args_9: boolean, args_10: import("@qite/tide-client/build/types").BookingProductNotification[], args_11: number[] | undefined, args_12: string | undefined, args_13: string[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> | null, {
135
+ }) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: BookingPackageRequest<any>, args_1: import("../../types").BookingOptions, args_2: string, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client").BookingPackage | undefined, args_6: boolean, args_7: number | undefined, args_8: boolean, args_9: boolean, args_10: import("@qite/tide-client").BookingProductNotification[], args_11: number[] | undefined, args_12: string | undefined, args_13: string[] | undefined) => BookingPackageRequest<BookingPackageBookRequest> | null, {
134
136
  clearCache: () => void;
135
137
  }> & {
136
138
  clearCache: () => void;
@@ -5,6 +5,7 @@ interface OptionRoomProps {
5
5
  pax: BookingPackagePax[];
6
6
  optionPax?: BookingOptionPax[];
7
7
  onRoomChange: (index: number, accommodationCode: string, regimeCode: string | null) => void;
8
+ includedServiceTypes?: number[];
8
9
  }
9
10
  declare const OptionRoom: React.FC<OptionRoomProps>;
10
11
  export default OptionRoom;
@@ -16,6 +16,7 @@ interface SidebarProps {
16
16
  extraCosts?: BookingPriceDetail[];
17
17
  deposit?: number;
18
18
  accommodations?: BookingPackageRoom[];
19
+ includedServiceTypes?: number[];
19
20
  isOnRequest?: boolean;
20
21
  headerComponent?: JSX.Element;
21
22
  footerComponent?: JSX.Element;
@@ -37,7 +37,7 @@ export declare const selectFormRooms: ((state: {
37
37
  }) => {
38
38
  adults: RoomTraveler[];
39
39
  children: RoomTraveler[];
40
- }[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client/build/types").BookingPackageRequestRoom[] | undefined) => {
40
+ }[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageRequestRoom[] | undefined) => {
41
41
  adults: RoomTraveler[];
42
42
  children: RoomTraveler[];
43
43
  }[], {
@@ -33,7 +33,6 @@ export interface Settings {
33
33
  pathSuffix: string;
34
34
  };
35
35
  language: string;
36
- currency: string;
37
36
  includeFlights?: boolean;
38
37
  generatePaymentUrl?: boolean;
39
38
  skipPaymentWithAgent?: boolean;