@qite/tide-booking-component 1.4.2 → 1.4.5

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 (132) 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-wizard/components/phone-input.d.ts +17 -0
  5. package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts +41 -12
  6. package/build/build-cjs/booking-wizard/features/summary/summary-flight.d.ts +2 -2
  7. package/build/build-cjs/booking-wizard/features/travelers-form/controls/gender-control.d.ts +5 -0
  8. package/build/build-cjs/booking-wizard/features/travelers-form/travelers-form-util.d.ts +7 -0
  9. package/build/build-cjs/booking-wizard/features/travelers-form/validate-form.d.ts +2 -2
  10. package/build/build-cjs/booking-wizard/types.d.ts +13 -0
  11. package/build/build-cjs/index.js +458 -273
  12. package/build/build-cjs/shared/utils/localization-util.d.ts +3 -0
  13. package/build/build-esm/booking-wizard/components/phone-input.d.ts +17 -0
  14. package/build/build-esm/booking-wizard/features/booking/selectors.d.ts +41 -12
  15. package/build/build-esm/booking-wizard/features/summary/summary-flight.d.ts +2 -2
  16. package/build/build-esm/booking-wizard/features/travelers-form/controls/gender-control.d.ts +5 -0
  17. package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-util.d.ts +7 -0
  18. package/build/build-esm/booking-wizard/features/travelers-form/validate-form.d.ts +2 -2
  19. package/build/build-esm/booking-wizard/types.d.ts +13 -0
  20. package/build/build-esm/index.js +460 -275
  21. package/build/build-esm/shared/utils/localization-util.d.ts +3 -0
  22. package/package.json +1 -1
  23. package/rollup.config.js +23 -23
  24. package/src/booking-product/components/age-select.tsx +35 -35
  25. package/src/booking-product/components/amount-input.tsx +78 -78
  26. package/src/booking-product/components/date-range-picker/calendar-day.tsx +58 -58
  27. package/src/booking-product/components/date-range-picker/calendar.tsx +178 -178
  28. package/src/booking-product/components/date-range-picker/index.tsx +196 -196
  29. package/src/booking-product/components/dates.tsx +136 -136
  30. package/src/booking-product/components/footer.tsx +69 -69
  31. package/src/booking-product/components/header.tsx +79 -79
  32. package/src/booking-product/components/icon.tsx +251 -251
  33. package/src/booking-product/components/rating.tsx +21 -21
  34. package/src/booking-product/components/rooms.tsx +199 -199
  35. package/src/booking-product/index.tsx +30 -30
  36. package/src/booking-product/settings-context.ts +14 -14
  37. package/src/booking-product/types.ts +28 -28
  38. package/src/booking-product/utils/api.ts +25 -25
  39. package/src/booking-product/utils/price.ts +28 -28
  40. package/src/booking-wizard/api-settings-slice.ts +24 -24
  41. package/src/booking-wizard/components/icon.tsx +508 -508
  42. package/src/booking-wizard/components/labeled-input.tsx +64 -64
  43. package/src/booking-wizard/components/labeled-select.tsx +69 -69
  44. package/src/booking-wizard/components/message.tsx +34 -34
  45. package/src/booking-wizard/components/multi-range-filter.tsx +113 -113
  46. package/src/booking-wizard/components/phone-input.tsx +181 -0
  47. package/src/booking-wizard/components/product-card.tsx +37 -37
  48. package/src/booking-wizard/components/step-indicator.tsx +51 -51
  49. package/src/booking-wizard/components/step-route.tsx +27 -27
  50. package/src/booking-wizard/declarations.d.ts +4 -4
  51. package/src/booking-wizard/features/booking/api.ts +49 -49
  52. package/src/booking-wizard/features/booking/booking-slice.ts +2 -0
  53. package/src/booking-wizard/features/booking/booking.tsx +28 -28
  54. package/src/booking-wizard/features/booking/constants.ts +16 -16
  55. package/src/booking-wizard/features/booking/selectors.ts +17 -14
  56. package/src/booking-wizard/features/error/error.tsx +78 -78
  57. package/src/booking-wizard/features/flight-options/flight-filter.tsx +432 -432
  58. package/src/booking-wizard/features/flight-options/flight-option-flight.tsx +385 -385
  59. package/src/booking-wizard/features/flight-options/flight-option-modal.tsx +229 -229
  60. package/src/booking-wizard/features/flight-options/flight-option.tsx +80 -80
  61. package/src/booking-wizard/features/flight-options/index.tsx +196 -196
  62. package/src/booking-wizard/features/price-details/price-details-api.ts +24 -24
  63. package/src/booking-wizard/features/price-details/price-details-slice.ts +178 -178
  64. package/src/booking-wizard/features/price-details/util.ts +155 -155
  65. package/src/booking-wizard/features/product-options/no-options.tsx +21 -21
  66. package/src/booking-wizard/features/product-options/none-option.tsx +121 -121
  67. package/src/booking-wizard/features/product-options/option-booking-airline-group.tsx +64 -64
  68. package/src/booking-wizard/features/product-options/option-booking-group.tsx +216 -216
  69. package/src/booking-wizard/features/product-options/option-item.tsx +321 -321
  70. package/src/booking-wizard/features/product-options/option-pax-card.tsx +201 -201
  71. package/src/booking-wizard/features/product-options/option-pax-group.tsx +175 -175
  72. package/src/booking-wizard/features/product-options/option-unit-group.tsx +198 -198
  73. package/src/booking-wizard/features/product-options/option-units-card.tsx +185 -185
  74. package/src/booking-wizard/features/room-options/index.tsx +187 -187
  75. package/src/booking-wizard/features/room-options/room-utils.ts +190 -190
  76. package/src/booking-wizard/features/room-options/room.tsx +161 -161
  77. package/src/booking-wizard/features/room-options/traveler-rooms.tsx +75 -75
  78. package/src/booking-wizard/features/sidebar/sidebar-flight.tsx +4 -2
  79. package/src/booking-wizard/features/sidebar/sidebar-util.ts +2 -0
  80. package/src/booking-wizard/features/summary/summary-booking-option-unit.tsx +25 -25
  81. package/src/booking-wizard/features/summary/summary-flight.tsx +7 -6
  82. package/src/booking-wizard/features/summary/summary-per-booking-option-group.tsx +69 -69
  83. package/src/booking-wizard/features/summary/summary-per-pax-option-group.tsx +63 -63
  84. package/src/booking-wizard/features/summary/summary-per-unit-option-group.tsx +66 -66
  85. package/src/booking-wizard/features/summary/summary-slice.ts +28 -28
  86. package/src/booking-wizard/features/summary/summary.tsx +91 -62
  87. package/src/booking-wizard/features/travelers-form/controls/gender-control.tsx +70 -0
  88. package/src/booking-wizard/features/travelers-form/travelers-form-util.ts +11 -0
  89. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +451 -313
  90. package/src/booking-wizard/features/travelers-form/type-ahead-input.tsx +101 -101
  91. package/src/booking-wizard/features/travelers-form/validate-form.ts +84 -98
  92. package/src/booking-wizard/index.tsx +36 -36
  93. package/src/booking-wizard/store.ts +31 -31
  94. package/src/booking-wizard/types.ts +15 -0
  95. package/src/index.ts +4 -4
  96. package/src/shared/components/loader.tsx +16 -16
  97. package/src/shared/translations/en-GB.json +3 -0
  98. package/src/shared/translations/fr-BE.json +3 -0
  99. package/src/shared/translations/nl-BE.json +3 -0
  100. package/src/shared/types.ts +4 -4
  101. package/src/shared/utils/class-util.ts +9 -9
  102. package/src/shared/utils/localization-util.ts +62 -62
  103. package/src/shared/utils/query-string-util.ts +119 -119
  104. package/styles/booking-product-variables.scss +394 -394
  105. package/styles/booking-product.scss +446 -446
  106. package/styles/booking-wizard.scss +1 -0
  107. package/styles/components/_animations.scss +39 -39
  108. package/styles/components/_base.scss +107 -107
  109. package/styles/components/_button.scss +238 -238
  110. package/styles/components/_checkbox.scss +219 -219
  111. package/styles/components/_cta.scss +208 -208
  112. package/styles/components/_date-list.scss +41 -41
  113. package/styles/components/_date-range-picker.scss +225 -225
  114. package/styles/components/_decrement-increment.scss +35 -35
  115. package/styles/components/_flight-option.scss +1429 -1429
  116. package/styles/components/_info-message.scss +71 -71
  117. package/styles/components/_input.scss +25 -25
  118. package/styles/components/_list.scss +187 -187
  119. package/styles/components/_loader.scss +72 -72
  120. package/styles/components/_mixins.scss +550 -550
  121. package/styles/components/_phone-input.scss +8 -0
  122. package/styles/components/_placeholders.scss +166 -166
  123. package/styles/components/_pricing-summary.scss +155 -155
  124. package/styles/components/_qsm.scss +17 -17
  125. package/styles/components/_radiobutton.scss +170 -170
  126. package/styles/components/_select-wrapper.scss +80 -80
  127. package/styles/components/_spinner.scss +29 -29
  128. package/styles/components/_table.scss +81 -81
  129. package/styles/components/_tree.scss +530 -530
  130. package/styles/components/_typeahead.scss +281 -281
  131. package/styles/components/_variables.scss +89 -89
  132. package/tsconfig.json +24 -24
@@ -1,190 +1,190 @@
1
- import {
2
- BookingPackageAvailability,
3
- BookingPackageRoom,
4
- } from "@qite/tide-client/build/types";
5
- import {
6
- AccommodationContent,
7
- RegimeContent,
8
- SelectableRoom,
9
- SelectableRoomAccommodation,
10
- } from "../../types";
11
-
12
- export const buildSelectableRooms = (
13
- packageRooms: BookingPackageRoom[],
14
- accommodations: AccommodationContent[] | undefined,
15
- regimes: RegimeContent[] | undefined,
16
- accommodationViews: { [key: string]: string } | undefined
17
- ) => {
18
- return packageRooms.map((x) => {
19
- const selectedOption = x.options.find((x) => x.isSelected)!;
20
- const alternativeOptions = x.options
21
- .filter(
22
- (x) =>
23
- x.accommodationCode !== selectedOption.accommodationCode &&
24
- !x.isLocked
25
- )
26
- .sort((a, b) => a.price - b.price);
27
-
28
- const alternativeAccommodations: SelectableRoomAccommodation[] = [];
29
- alternativeOptions.forEach((x) => {
30
- const alternativeAccommodation = alternativeAccommodations.find(
31
- (y) => y.code === x.accommodationCode
32
- );
33
-
34
- if (alternativeAccommodation) {
35
- const regime = regimes?.find((y) => y.code === x.regimeCode);
36
-
37
- alternativeAccommodation.regimes.push({
38
- code: x.regimeCode,
39
- title: regime?.title ?? x.regimeName,
40
- price: x.price,
41
- });
42
- } else {
43
- const accommodation = accommodations?.find(
44
- (y) => y.code === x.accommodationCode
45
- );
46
- const regime = regimes?.find((y) => y.code === x.regimeCode);
47
-
48
- alternativeAccommodations.push({
49
- code: x.accommodationCode,
50
- regimeCode: x.regimeCode,
51
- from: x.from,
52
- to: x.to,
53
- price: x.price,
54
- regimes: [
55
- {
56
- code: x.regimeCode,
57
- title: regime?.title ?? x.regimeName,
58
- price: x.price,
59
- },
60
- ],
61
- title: accommodation?.title ?? x.accommodationName,
62
- image: accommodation?.imageUrl,
63
- usps: accommodation?.usps ?? [],
64
- description: accommodation?.description,
65
- viewHtml: accommodationViews?.[x.accommodationCode],
66
- });
67
- }
68
- });
69
-
70
- const accommodation = accommodations?.find(
71
- (y) => y.code === selectedOption.accommodationCode
72
- );
73
-
74
- return {
75
- index: x.index,
76
- selected: {
77
- code: selectedOption.accommodationCode,
78
- regimeCode: selectedOption.regimeCode,
79
- price: selectedOption.price,
80
- from: selectedOption.from,
81
- to: selectedOption.to,
82
- regimes: x.options
83
- .filter(
84
- (x) => x.accommodationCode === selectedOption.accommodationCode
85
- )
86
- .sort((a, b) => a.price - b.price)
87
- .map((o) => {
88
- const regime = regimes?.find((y) => y.code === o.regimeCode);
89
-
90
- return {
91
- code: o.regimeCode,
92
- title: regime?.title ?? o.regimeName,
93
- price: o.price,
94
- };
95
- }),
96
- title: accommodation?.title ?? selectedOption.accommodationName,
97
- image: accommodation?.imageUrl,
98
- usps: accommodation?.usps ?? [],
99
- description: accommodation?.description,
100
- viewHtml: accommodationViews?.[selectedOption.accommodationCode],
101
- },
102
- showAlternatives: false,
103
- alternatives: alternativeAccommodations,
104
- } as SelectableRoom;
105
- });
106
- };
107
-
108
- export const updatePackageRooms = (
109
- rooms: BookingPackageRoom[],
110
- index: number,
111
- accommodationCode: string,
112
- regimeCode: string | null,
113
- availabilities: BookingPackageAvailability[]
114
- ) => {
115
- const updatedRooms = rooms.map((room) => {
116
- if (room.index !== index) return room;
117
-
118
- return {
119
- ...room,
120
- options: room.options.map((option) => {
121
- return {
122
- ...option,
123
- isSelected:
124
- option.accommodationCode === accommodationCode &&
125
- (option.regimeCode === regimeCode ||
126
- (option.regimeCode === null && regimeCode === "")),
127
- };
128
- }),
129
- };
130
- });
131
-
132
- const selectedAccommodations = new Map<string, number>();
133
- updatedRooms
134
- .map((x) => x.options.find((x) => x.isSelected)!)
135
- .forEach((x) => {
136
- if (selectedAccommodations.has(x.accommodationCode)) {
137
- selectedAccommodations.set(
138
- x.accommodationCode,
139
- selectedAccommodations.get(x.accommodationCode)! + 1
140
- );
141
- } else {
142
- selectedAccommodations.set(x.accommodationCode, 1);
143
- }
144
- });
145
-
146
- const accoCounter = availabilities.map((x) => ({
147
- code: x.code,
148
- count: x.count,
149
- }));
150
- return updatedRooms.map((room) => {
151
- const selectedOption = room.options.find((x) => x.isSelected)!;
152
-
153
- return {
154
- ...room,
155
- options: room.options.map((option) => {
156
- const isCurrentOption =
157
- selectedOption.accommodationCode === option.accommodationCode;
158
- const usedCount =
159
- selectedAccommodations.get(option.accommodationCode) ?? 0;
160
- const availability = availabilities.find(
161
- (x) => x.code === option.accommodationCode
162
- );
163
-
164
- if (availability) {
165
- const accoCount = accoCounter.find(
166
- (x) => x.code === option.accommodationCode
167
- )!;
168
-
169
- const roomsLeft = availability.count - usedCount;
170
- let isOnRequest = isCurrentOption
171
- ? accoCount.count < 0 && (availability?.onRequestPossible ?? false)
172
- : roomsLeft < 0 && (availability?.onRequestPossible ?? false);
173
- if (isCurrentOption) accoCount.count--;
174
-
175
- return {
176
- ...option,
177
- isLocked:
178
- !option.isSelected &&
179
- !isOnRequest &&
180
- roomsLeft < 0 &&
181
- !availability.isExternal,
182
- isOnRequest: isOnRequest,
183
- };
184
- } else {
185
- return option;
186
- }
187
- }),
188
- };
189
- });
190
- };
1
+ import {
2
+ BookingPackageAvailability,
3
+ BookingPackageRoom,
4
+ } from "@qite/tide-client/build/types";
5
+ import {
6
+ AccommodationContent,
7
+ RegimeContent,
8
+ SelectableRoom,
9
+ SelectableRoomAccommodation,
10
+ } from "../../types";
11
+
12
+ export const buildSelectableRooms = (
13
+ packageRooms: BookingPackageRoom[],
14
+ accommodations: AccommodationContent[] | undefined,
15
+ regimes: RegimeContent[] | undefined,
16
+ accommodationViews: { [key: string]: string } | undefined
17
+ ) => {
18
+ return packageRooms.map((x) => {
19
+ const selectedOption = x.options.find((x) => x.isSelected)!;
20
+ const alternativeOptions = x.options
21
+ .filter(
22
+ (x) =>
23
+ x.accommodationCode !== selectedOption.accommodationCode &&
24
+ !x.isLocked
25
+ )
26
+ .sort((a, b) => a.price - b.price);
27
+
28
+ const alternativeAccommodations: SelectableRoomAccommodation[] = [];
29
+ alternativeOptions.forEach((x) => {
30
+ const alternativeAccommodation = alternativeAccommodations.find(
31
+ (y) => y.code === x.accommodationCode
32
+ );
33
+
34
+ if (alternativeAccommodation) {
35
+ const regime = regimes?.find((y) => y.code === x.regimeCode);
36
+
37
+ alternativeAccommodation.regimes.push({
38
+ code: x.regimeCode,
39
+ title: regime?.title ?? x.regimeName,
40
+ price: x.price,
41
+ });
42
+ } else {
43
+ const accommodation = accommodations?.find(
44
+ (y) => y.code === x.accommodationCode
45
+ );
46
+ const regime = regimes?.find((y) => y.code === x.regimeCode);
47
+
48
+ alternativeAccommodations.push({
49
+ code: x.accommodationCode,
50
+ regimeCode: x.regimeCode,
51
+ from: x.from,
52
+ to: x.to,
53
+ price: x.price,
54
+ regimes: [
55
+ {
56
+ code: x.regimeCode,
57
+ title: regime?.title ?? x.regimeName,
58
+ price: x.price,
59
+ },
60
+ ],
61
+ title: accommodation?.title ?? x.accommodationName,
62
+ image: accommodation?.imageUrl,
63
+ usps: accommodation?.usps ?? [],
64
+ description: accommodation?.description,
65
+ viewHtml: accommodationViews?.[x.accommodationCode],
66
+ });
67
+ }
68
+ });
69
+
70
+ const accommodation = accommodations?.find(
71
+ (y) => y.code === selectedOption.accommodationCode
72
+ );
73
+
74
+ return {
75
+ index: x.index,
76
+ selected: {
77
+ code: selectedOption.accommodationCode,
78
+ regimeCode: selectedOption.regimeCode,
79
+ price: selectedOption.price,
80
+ from: selectedOption.from,
81
+ to: selectedOption.to,
82
+ regimes: x.options
83
+ .filter(
84
+ (x) => x.accommodationCode === selectedOption.accommodationCode
85
+ )
86
+ .sort((a, b) => a.price - b.price)
87
+ .map((o) => {
88
+ const regime = regimes?.find((y) => y.code === o.regimeCode);
89
+
90
+ return {
91
+ code: o.regimeCode,
92
+ title: regime?.title ?? o.regimeName,
93
+ price: o.price,
94
+ };
95
+ }),
96
+ title: accommodation?.title ?? selectedOption.accommodationName,
97
+ image: accommodation?.imageUrl,
98
+ usps: accommodation?.usps ?? [],
99
+ description: accommodation?.description,
100
+ viewHtml: accommodationViews?.[selectedOption.accommodationCode],
101
+ },
102
+ showAlternatives: false,
103
+ alternatives: alternativeAccommodations,
104
+ } as SelectableRoom;
105
+ });
106
+ };
107
+
108
+ export const updatePackageRooms = (
109
+ rooms: BookingPackageRoom[],
110
+ index: number,
111
+ accommodationCode: string,
112
+ regimeCode: string | null,
113
+ availabilities: BookingPackageAvailability[]
114
+ ) => {
115
+ const updatedRooms = rooms.map((room) => {
116
+ if (room.index !== index) return room;
117
+
118
+ return {
119
+ ...room,
120
+ options: room.options.map((option) => {
121
+ return {
122
+ ...option,
123
+ isSelected:
124
+ option.accommodationCode === accommodationCode &&
125
+ (option.regimeCode === regimeCode ||
126
+ (option.regimeCode === null && regimeCode === "")),
127
+ };
128
+ }),
129
+ };
130
+ });
131
+
132
+ const selectedAccommodations = new Map<string, number>();
133
+ updatedRooms
134
+ .map((x) => x.options.find((x) => x.isSelected)!)
135
+ .forEach((x) => {
136
+ if (selectedAccommodations.has(x.accommodationCode)) {
137
+ selectedAccommodations.set(
138
+ x.accommodationCode,
139
+ selectedAccommodations.get(x.accommodationCode)! + 1
140
+ );
141
+ } else {
142
+ selectedAccommodations.set(x.accommodationCode, 1);
143
+ }
144
+ });
145
+
146
+ const accoCounter = availabilities.map((x) => ({
147
+ code: x.code,
148
+ count: x.count,
149
+ }));
150
+ return updatedRooms.map((room) => {
151
+ const selectedOption = room.options.find((x) => x.isSelected)!;
152
+
153
+ return {
154
+ ...room,
155
+ options: room.options.map((option) => {
156
+ const isCurrentOption =
157
+ selectedOption.accommodationCode === option.accommodationCode;
158
+ const usedCount =
159
+ selectedAccommodations.get(option.accommodationCode) ?? 0;
160
+ const availability = availabilities.find(
161
+ (x) => x.code === option.accommodationCode
162
+ );
163
+
164
+ if (availability) {
165
+ const accoCount = accoCounter.find(
166
+ (x) => x.code === option.accommodationCode
167
+ )!;
168
+
169
+ const roomsLeft = availability.count - usedCount;
170
+ let isOnRequest = isCurrentOption
171
+ ? accoCount.count < 0 && (availability?.onRequestPossible ?? false)
172
+ : roomsLeft < 0 && (availability?.onRequestPossible ?? false);
173
+ if (isCurrentOption) accoCount.count--;
174
+
175
+ return {
176
+ ...option,
177
+ isLocked:
178
+ !option.isSelected &&
179
+ !isOnRequest &&
180
+ roomsLeft < 0 &&
181
+ !availability.isExternal,
182
+ isOnRequest: isOnRequest,
183
+ };
184
+ } else {
185
+ return option;
186
+ }
187
+ }),
188
+ };
189
+ });
190
+ };