@qite/tide-booking-component 1.2.5 → 1.3.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 (141) 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/print-offer-button.d.ts +17 -0
  5. package/build/build-cjs/booking-wizard/types.d.ts +7 -0
  6. package/build/build-cjs/booking-wizard/use-offer-printer.d.ts +13 -0
  7. package/build/build-cjs/index.js +223 -72
  8. package/build/build-cjs/shared/utils/localization-util.d.ts +5 -0
  9. package/build/build-cjs/shared/utils/tide-api-utils.d.ts +1 -0
  10. package/build/build-esm/booking-wizard/components/print-offer-button.d.ts +17 -0
  11. package/build/build-esm/booking-wizard/types.d.ts +7 -0
  12. package/build/build-esm/booking-wizard/use-offer-printer.d.ts +13 -0
  13. package/build/build-esm/index.js +224 -73
  14. package/build/build-esm/shared/utils/localization-util.d.ts +5 -0
  15. package/build/build-esm/shared/utils/tide-api-utils.d.ts +1 -0
  16. package/package.json +75 -75
  17. package/rollup.config.js +23 -23
  18. package/src/booking-product/components/age-select.tsx +35 -35
  19. package/src/booking-product/components/amount-input.tsx +78 -78
  20. package/src/booking-product/components/date-range-picker/calendar-day.tsx +58 -58
  21. package/src/booking-product/components/date-range-picker/calendar.tsx +178 -178
  22. package/src/booking-product/components/date-range-picker/index.tsx +196 -196
  23. package/src/booking-product/components/dates.tsx +136 -136
  24. package/src/booking-product/components/footer.tsx +69 -69
  25. package/src/booking-product/components/header.tsx +79 -79
  26. package/src/booking-product/components/icon.tsx +251 -251
  27. package/src/booking-product/components/product.tsx +314 -314
  28. package/src/booking-product/components/rating.tsx +21 -21
  29. package/src/booking-product/components/rooms.tsx +195 -195
  30. package/src/booking-product/index.tsx +30 -30
  31. package/src/booking-product/settings-context.ts +14 -14
  32. package/src/booking-product/types.ts +28 -28
  33. package/src/booking-product/utils/api.ts +25 -25
  34. package/src/booking-product/utils/price.ts +29 -29
  35. package/src/booking-wizard/api-settings-slice.ts +24 -24
  36. package/src/booking-wizard/components/icon.tsx +508 -508
  37. package/src/booking-wizard/components/labeled-input.tsx +64 -64
  38. package/src/booking-wizard/components/labeled-select.tsx +69 -69
  39. package/src/booking-wizard/components/message.tsx +34 -34
  40. package/src/booking-wizard/components/multi-range-filter.tsx +113 -113
  41. package/src/booking-wizard/components/print-offer-button.tsx +66 -0
  42. package/src/booking-wizard/components/product-card.tsx +37 -37
  43. package/src/booking-wizard/components/step-indicator.tsx +51 -51
  44. package/src/booking-wizard/components/step-route.tsx +27 -27
  45. package/src/booking-wizard/declarations.d.ts +4 -4
  46. package/src/booking-wizard/features/booking/api.ts +49 -49
  47. package/src/booking-wizard/features/booking/booking-self-contained.tsx +384 -384
  48. package/src/booking-wizard/features/booking/booking-slice.ts +662 -662
  49. package/src/booking-wizard/features/booking/booking.tsx +356 -356
  50. package/src/booking-wizard/features/booking/constants.ts +16 -16
  51. package/src/booking-wizard/features/booking/selectors.ts +441 -441
  52. package/src/booking-wizard/features/confirmation/confirmation.tsx +97 -97
  53. package/src/booking-wizard/features/error/error.tsx +78 -78
  54. package/src/booking-wizard/features/flight-options/flight-filter.tsx +432 -432
  55. package/src/booking-wizard/features/flight-options/flight-option-flight.tsx +385 -385
  56. package/src/booking-wizard/features/flight-options/flight-option-modal.tsx +229 -229
  57. package/src/booking-wizard/features/flight-options/flight-option.tsx +81 -81
  58. package/src/booking-wizard/features/flight-options/flight-utils.ts +516 -516
  59. package/src/booking-wizard/features/flight-options/index.tsx +196 -196
  60. package/src/booking-wizard/features/price-details/price-details-api.ts +24 -24
  61. package/src/booking-wizard/features/price-details/price-details-slice.ts +178 -178
  62. package/src/booking-wizard/features/price-details/util.ts +155 -155
  63. package/src/booking-wizard/features/product-options/no-options.tsx +21 -21
  64. package/src/booking-wizard/features/product-options/none-option.tsx +120 -120
  65. package/src/booking-wizard/features/product-options/option-booking-airline-group.tsx +64 -64
  66. package/src/booking-wizard/features/product-options/option-booking-group.tsx +216 -216
  67. package/src/booking-wizard/features/product-options/option-item.tsx +317 -317
  68. package/src/booking-wizard/features/product-options/option-pax-card.tsx +201 -201
  69. package/src/booking-wizard/features/product-options/option-pax-group.tsx +175 -175
  70. package/src/booking-wizard/features/product-options/option-room.tsx +321 -321
  71. package/src/booking-wizard/features/product-options/option-unit-group.tsx +198 -198
  72. package/src/booking-wizard/features/product-options/option-units-card.tsx +185 -185
  73. package/src/booking-wizard/features/product-options/options-form.tsx +563 -459
  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 +160 -160
  77. package/src/booking-wizard/features/room-options/traveler-rooms.tsx +75 -75
  78. package/src/booking-wizard/features/sidebar/index.tsx +76 -76
  79. package/src/booking-wizard/features/sidebar/sidebar-flight.tsx +68 -68
  80. package/src/booking-wizard/features/sidebar/sidebar-util.ts +177 -177
  81. package/src/booking-wizard/features/sidebar/sidebar.tsx +364 -364
  82. package/src/booking-wizard/features/summary/summary-booking-option-pax.tsx +25 -25
  83. package/src/booking-wizard/features/summary/summary-booking-option-unit.tsx +25 -25
  84. package/src/booking-wizard/features/summary/summary-flight.tsx +39 -39
  85. package/src/booking-wizard/features/summary/summary-per-booking-option-group.tsx +69 -69
  86. package/src/booking-wizard/features/summary/summary-per-pax-option-group.tsx +63 -63
  87. package/src/booking-wizard/features/summary/summary-per-unit-option-group.tsx +66 -66
  88. package/src/booking-wizard/features/summary/summary-slice.ts +28 -28
  89. package/src/booking-wizard/features/summary/summary.tsx +674 -674
  90. package/src/booking-wizard/features/travelers-form/travelers-form-slice.ts +164 -164
  91. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +754 -754
  92. package/src/booking-wizard/features/travelers-form/type-ahead-input.tsx +101 -101
  93. package/src/booking-wizard/features/travelers-form/validate-form.ts +245 -245
  94. package/src/booking-wizard/index.tsx +36 -36
  95. package/src/booking-wizard/settings-context.ts +67 -60
  96. package/src/booking-wizard/store.ts +31 -31
  97. package/src/booking-wizard/types.ts +283 -276
  98. package/src/booking-wizard/use-offer-printer.ts +136 -0
  99. package/src/index.ts +4 -4
  100. package/src/shared/components/loader.tsx +16 -16
  101. package/src/shared/translations/en-GB.json +237 -232
  102. package/src/shared/translations/fr-BE.json +238 -233
  103. package/src/shared/translations/nl-BE.json +237 -232
  104. package/src/shared/types.ts +4 -4
  105. package/src/shared/utils/class-util.ts +9 -9
  106. package/src/shared/utils/localization-util.ts +62 -62
  107. package/src/shared/utils/query-string-util.ts +119 -119
  108. package/src/shared/utils/tide-api-utils.ts +36 -36
  109. package/styles/booking-product-variables.scss +394 -394
  110. package/styles/booking-product.scss +446 -446
  111. package/styles/booking-wizard-variables.scss +873 -871
  112. package/styles/booking-wizard.scss +59 -59
  113. package/styles/components/_animations.scss +39 -39
  114. package/styles/components/_base.scss +107 -107
  115. package/styles/components/_booking.scss +879 -879
  116. package/styles/components/_button.scss +238 -238
  117. package/styles/components/_checkbox.scss +219 -219
  118. package/styles/components/_cta.scss +208 -208
  119. package/styles/components/_date-list.scss +41 -41
  120. package/styles/components/_date-range-picker.scss +225 -225
  121. package/styles/components/_decrement-increment.scss +35 -35
  122. package/styles/components/_dropdown.scss +72 -72
  123. package/styles/components/_flight-option.scss +1429 -1429
  124. package/styles/components/_form.scss +1583 -1583
  125. package/styles/components/_info-message.scss +71 -71
  126. package/styles/components/_input.scss +25 -25
  127. package/styles/components/_list.scss +187 -187
  128. package/styles/components/_loader.scss +72 -72
  129. package/styles/components/_mixins.scss +550 -550
  130. package/styles/components/_placeholders.scss +166 -166
  131. package/styles/components/_pricing-summary.scss +155 -155
  132. package/styles/components/_qsm.scss +17 -17
  133. package/styles/components/_radiobutton.scss +170 -170
  134. package/styles/components/_select-wrapper.scss +80 -80
  135. package/styles/components/_spinner.scss +29 -29
  136. package/styles/components/_step-indicators.scss +168 -168
  137. package/styles/components/_table.scss +81 -81
  138. package/styles/components/_tree.scss +530 -530
  139. package/styles/components/_typeahead.scss +281 -281
  140. package/styles/components/_variables.scss +89 -89
  141. package/tsconfig.json +24 -24
@@ -1,245 +1,245 @@
1
- import { FormikErrors } from "formik";
2
- import { isEmpty, set } from "lodash";
3
- import { TravelersFormValues } from "../../types";
4
- import { CHILD_MAX_AGE } from "./travelers-form-slice";
5
- import { format } from "../../../shared/utils/localization-util";
6
-
7
- function isValidEmail(email: string) {
8
- return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(email);
9
- }
10
-
11
- function getAge(birthDateText: string, startDateText: string) {
12
- var birthDate = new Date(birthDateText);
13
- var startDate = new Date(startDateText);
14
-
15
- var age = startDate.getFullYear() - birthDate.getFullYear();
16
- var m = startDate.getMonth() - birthDate.getMonth();
17
- if (m < 0 || (m === 0 && startDate.getDate() < birthDate.getDate())) {
18
- age--;
19
- }
20
- return age;
21
- }
22
-
23
- const validateForm = (
24
- values: TravelersFormValues,
25
- agentRequired?: boolean,
26
- bookingType?: string,
27
- translations?: any
28
- ) => {
29
- const errors: FormikErrors<TravelersFormValues> = {};
30
-
31
- values.rooms.forEach((r, rIndex) =>
32
- r.adults.forEach((adult, index) => {
33
- if (isEmpty(adult.gender)) {
34
- set(
35
- errors,
36
- `rooms[${rIndex}].adults[${index}].gender`,
37
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
38
- rIndex + 1,
39
- index + 1,
40
- translations.TRAVELERS_FORM.GENDER,
41
- ])
42
- );
43
- }
44
-
45
- if (isEmpty(adult.firstName)) {
46
- set(
47
- errors,
48
- `rooms[${rIndex}].adults[${index}].firstName`,
49
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
50
- rIndex + 1,
51
- index + 1,
52
- translations.TRAVELERS_FORM.FIRST_NAME,
53
- ])
54
- );
55
- }
56
-
57
- if (isEmpty(adult.lastName)) {
58
- set(
59
- errors,
60
- `rooms[${rIndex}].adults[${index}].lastName`,
61
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
62
- rIndex + 1,
63
- index + 1,
64
- translations.TRAVELERS_FORM.LAST_NAME,
65
- ])
66
- );
67
- }
68
-
69
- if (isEmpty(adult.birthDate)) {
70
- set(
71
- errors,
72
- `rooms[${rIndex}].adults[${index}].birthDate`,
73
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
74
- rIndex + 1,
75
- index + 1,
76
- translations.TRAVELERS_FORM.BIRTHDATE,
77
- ])
78
- );
79
- } else if (values.startDate) {
80
- const age = getAge(adult.birthDate, values.startDate);
81
-
82
- if (age <= CHILD_MAX_AGE) {
83
- set(
84
- errors,
85
- `rooms[${rIndex}].adults[${index}].birthDate`,
86
- format(
87
- translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT,
88
- [rIndex + 1, index + 1]
89
- )
90
- );
91
- }
92
- }
93
- })
94
- );
95
-
96
- values.rooms.forEach((r, rIndex) =>
97
- r.children.forEach((child, index) => {
98
- if (isEmpty(child.gender)) {
99
- set(
100
- errors,
101
- `rooms[${rIndex}].children[${index}].gender`,
102
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
103
- rIndex + 1,
104
- r.adults.length + index + 1,
105
- translations.TRAVELERS_FORM.GENDER,
106
- ])
107
- );
108
- }
109
-
110
- if (isEmpty(child.firstName)) {
111
- set(
112
- errors,
113
- `children[${index}].firstName`,
114
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
115
- rIndex + 1,
116
- r.adults.length + index + 1,
117
- translations.TRAVELERS_FORM.FIRST_NAME,
118
- ])
119
- );
120
- }
121
-
122
- if (isEmpty(child.lastName)) {
123
- set(
124
- errors,
125
- `rooms[${rIndex}].children[${index}].lastName`,
126
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
127
- rIndex + 1,
128
- r.adults.length + index + 1,
129
- translations.TRAVELERS_FORM.LAST_NAME,
130
- ])
131
- );
132
- }
133
-
134
- if (isEmpty(child.birthDate)) {
135
- set(
136
- errors,
137
- `rooms[${rIndex}].children[${index}].birthDate`,
138
- format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
139
- rIndex + 1,
140
- r.adults.length + index + 1,
141
- translations.TRAVELERS_FORM.BIRTHDATE,
142
- ])
143
- );
144
- } else if (values.startDate) {
145
- const age = getAge(child.birthDate, values.startDate);
146
-
147
- if (age > CHILD_MAX_AGE) {
148
- set(
149
- errors,
150
- `rooms[${rIndex}].children[${index}].birthDate`,
151
- format(
152
- translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD,
153
- [rIndex + 1, r.adults.length + index + 1]
154
- )
155
- );
156
- }
157
- }
158
- })
159
- );
160
-
161
- if (values.mainBookerId < 0) {
162
- errors.mainBookerId =
163
- translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
164
- }
165
-
166
- if (bookingType != "b2b") {
167
- if (isEmpty(values.street)) {
168
- errors.street = format(
169
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
170
- [translations.TRAVELERS_FORM.STREET]
171
- );
172
- }
173
-
174
- if (isEmpty(values.houseNumber)) {
175
- errors.houseNumber = format(
176
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
177
- [translations.TRAVELERS_FORM.HOUSE_NUMBER]
178
- );
179
- }
180
-
181
- if (isEmpty(values.zipCode)) {
182
- errors.zipCode = format(
183
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
184
- [translations.TRAVELERS_FORM.ZIPCODE]
185
- );
186
- }
187
-
188
- if (isEmpty(values.place)) {
189
- errors.place = format(
190
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
191
- [translations.TRAVELERS_FORM.CITY]
192
- );
193
- }
194
-
195
- if (isEmpty(values.email)) {
196
- errors.email = format(
197
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
198
- [translations.TRAVELERS_FORM.EMAIL]
199
- );
200
- } else if (isValidEmail(values.email)) {
201
- errors.email =
202
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_IS_INVALID;
203
- }
204
-
205
- if (isEmpty(values.emailConfirmation)) {
206
- errors.emailConfirmation = format(
207
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
208
- [translations.TRAVELERS_FORM.REPEAT_EMAIL]
209
- );
210
- } else if (values.emailConfirmation !== values.email) {
211
- errors.emailConfirmation =
212
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_DOES_NOT_MATCH;
213
- }
214
-
215
- if (isEmpty(values.country)) {
216
- errors.country = format(
217
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
218
- [translations.TRAVELERS_FORM.COUNTRY]
219
- );
220
- }
221
-
222
- if (isEmpty(values.phone)) {
223
- errors.phone = format(
224
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
225
- [translations.TRAVELERS_FORM.PHONE]
226
- );
227
- }
228
- } else {
229
- if (isEmpty(values.phone)) {
230
- errors.phone = format(
231
- translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
232
- [translations.TRAVELERS_FORM.PHONE]
233
- );
234
- }
235
- }
236
-
237
- if (agentRequired && !values.travelAgentId) {
238
- errors.travelAgentId =
239
- translations.TRAVELERS_FORM.VALIDATION.AGENT_IS_REQUIRED;
240
- }
241
-
242
- return errors;
243
- };
244
-
245
- export default validateForm;
1
+ import { FormikErrors } from "formik";
2
+ import { isEmpty, set } from "lodash";
3
+ import { TravelersFormValues } from "../../types";
4
+ import { CHILD_MAX_AGE } from "./travelers-form-slice";
5
+ import { format } from "../../../shared/utils/localization-util";
6
+
7
+ function isValidEmail(email: string) {
8
+ return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(email);
9
+ }
10
+
11
+ function getAge(birthDateText: string, startDateText: string) {
12
+ var birthDate = new Date(birthDateText);
13
+ var startDate = new Date(startDateText);
14
+
15
+ var age = startDate.getFullYear() - birthDate.getFullYear();
16
+ var m = startDate.getMonth() - birthDate.getMonth();
17
+ if (m < 0 || (m === 0 && startDate.getDate() < birthDate.getDate())) {
18
+ age--;
19
+ }
20
+ return age;
21
+ }
22
+
23
+ const validateForm = (
24
+ values: TravelersFormValues,
25
+ agentRequired?: boolean,
26
+ bookingType?: string,
27
+ translations?: any
28
+ ) => {
29
+ const errors: FormikErrors<TravelersFormValues> = {};
30
+
31
+ values.rooms.forEach((r, rIndex) =>
32
+ r.adults.forEach((adult, index) => {
33
+ if (isEmpty(adult.gender)) {
34
+ set(
35
+ errors,
36
+ `rooms[${rIndex}].adults[${index}].gender`,
37
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
38
+ rIndex + 1,
39
+ index + 1,
40
+ translations.TRAVELERS_FORM.GENDER,
41
+ ])
42
+ );
43
+ }
44
+
45
+ if (isEmpty(adult.firstName)) {
46
+ set(
47
+ errors,
48
+ `rooms[${rIndex}].adults[${index}].firstName`,
49
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
50
+ rIndex + 1,
51
+ index + 1,
52
+ translations.TRAVELERS_FORM.FIRST_NAME,
53
+ ])
54
+ );
55
+ }
56
+
57
+ if (isEmpty(adult.lastName)) {
58
+ set(
59
+ errors,
60
+ `rooms[${rIndex}].adults[${index}].lastName`,
61
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
62
+ rIndex + 1,
63
+ index + 1,
64
+ translations.TRAVELERS_FORM.LAST_NAME,
65
+ ])
66
+ );
67
+ }
68
+
69
+ if (isEmpty(adult.birthDate)) {
70
+ set(
71
+ errors,
72
+ `rooms[${rIndex}].adults[${index}].birthDate`,
73
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
74
+ rIndex + 1,
75
+ index + 1,
76
+ translations.TRAVELERS_FORM.BIRTHDATE,
77
+ ])
78
+ );
79
+ } else if (values.startDate) {
80
+ const age = getAge(adult.birthDate, values.startDate);
81
+
82
+ if (age <= CHILD_MAX_AGE) {
83
+ set(
84
+ errors,
85
+ `rooms[${rIndex}].adults[${index}].birthDate`,
86
+ format(
87
+ translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT,
88
+ [rIndex + 1, index + 1]
89
+ )
90
+ );
91
+ }
92
+ }
93
+ })
94
+ );
95
+
96
+ values.rooms.forEach((r, rIndex) =>
97
+ r.children.forEach((child, index) => {
98
+ if (isEmpty(child.gender)) {
99
+ set(
100
+ errors,
101
+ `rooms[${rIndex}].children[${index}].gender`,
102
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
103
+ rIndex + 1,
104
+ r.adults.length + index + 1,
105
+ translations.TRAVELERS_FORM.GENDER,
106
+ ])
107
+ );
108
+ }
109
+
110
+ if (isEmpty(child.firstName)) {
111
+ set(
112
+ errors,
113
+ `children[${index}].firstName`,
114
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
115
+ rIndex + 1,
116
+ r.adults.length + index + 1,
117
+ translations.TRAVELERS_FORM.FIRST_NAME,
118
+ ])
119
+ );
120
+ }
121
+
122
+ if (isEmpty(child.lastName)) {
123
+ set(
124
+ errors,
125
+ `rooms[${rIndex}].children[${index}].lastName`,
126
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
127
+ rIndex + 1,
128
+ r.adults.length + index + 1,
129
+ translations.TRAVELERS_FORM.LAST_NAME,
130
+ ])
131
+ );
132
+ }
133
+
134
+ if (isEmpty(child.birthDate)) {
135
+ set(
136
+ errors,
137
+ `rooms[${rIndex}].children[${index}].birthDate`,
138
+ format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
139
+ rIndex + 1,
140
+ r.adults.length + index + 1,
141
+ translations.TRAVELERS_FORM.BIRTHDATE,
142
+ ])
143
+ );
144
+ } else if (values.startDate) {
145
+ const age = getAge(child.birthDate, values.startDate);
146
+
147
+ if (age > CHILD_MAX_AGE) {
148
+ set(
149
+ errors,
150
+ `rooms[${rIndex}].children[${index}].birthDate`,
151
+ format(
152
+ translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD,
153
+ [rIndex + 1, r.adults.length + index + 1]
154
+ )
155
+ );
156
+ }
157
+ }
158
+ })
159
+ );
160
+
161
+ if (values.mainBookerId < 0) {
162
+ errors.mainBookerId =
163
+ translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
164
+ }
165
+
166
+ if (bookingType != "b2b") {
167
+ if (isEmpty(values.street)) {
168
+ errors.street = format(
169
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
170
+ [translations.TRAVELERS_FORM.STREET]
171
+ );
172
+ }
173
+
174
+ if (isEmpty(values.houseNumber)) {
175
+ errors.houseNumber = format(
176
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
177
+ [translations.TRAVELERS_FORM.HOUSE_NUMBER]
178
+ );
179
+ }
180
+
181
+ if (isEmpty(values.zipCode)) {
182
+ errors.zipCode = format(
183
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
184
+ [translations.TRAVELERS_FORM.ZIPCODE]
185
+ );
186
+ }
187
+
188
+ if (isEmpty(values.place)) {
189
+ errors.place = format(
190
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
191
+ [translations.TRAVELERS_FORM.CITY]
192
+ );
193
+ }
194
+
195
+ if (isEmpty(values.email)) {
196
+ errors.email = format(
197
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
198
+ [translations.TRAVELERS_FORM.EMAIL]
199
+ );
200
+ } else if (isValidEmail(values.email)) {
201
+ errors.email =
202
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_IS_INVALID;
203
+ }
204
+
205
+ if (isEmpty(values.emailConfirmation)) {
206
+ errors.emailConfirmation = format(
207
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
208
+ [translations.TRAVELERS_FORM.REPEAT_EMAIL]
209
+ );
210
+ } else if (values.emailConfirmation !== values.email) {
211
+ errors.emailConfirmation =
212
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_DOES_NOT_MATCH;
213
+ }
214
+
215
+ if (isEmpty(values.country)) {
216
+ errors.country = format(
217
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
218
+ [translations.TRAVELERS_FORM.COUNTRY]
219
+ );
220
+ }
221
+
222
+ if (isEmpty(values.phone)) {
223
+ errors.phone = format(
224
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
225
+ [translations.TRAVELERS_FORM.PHONE]
226
+ );
227
+ }
228
+ } else {
229
+ if (isEmpty(values.phone)) {
230
+ errors.phone = format(
231
+ translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
232
+ [translations.TRAVELERS_FORM.PHONE]
233
+ );
234
+ }
235
+ }
236
+
237
+ if (agentRequired && !values.travelAgentId) {
238
+ errors.travelAgentId =
239
+ translations.TRAVELERS_FORM.VALIDATION.AGENT_IS_REQUIRED;
240
+ }
241
+
242
+ return errors;
243
+ };
244
+
245
+ export default validateForm;
@@ -1,36 +1,36 @@
1
- import React from "react";
2
- import { Provider } from "react-redux";
3
- import Booking from "./features/booking/booking";
4
- import SettingsContext from "./settings-context";
5
- import { store } from "./store";
6
- import { Settings } from "./types";
7
-
8
- interface BookingWizardProps {
9
- productCode: string;
10
- productName: string;
11
- allotmentName?: string;
12
- tourCode?: string;
13
- thumbnailUrl?: string;
14
- settings: Settings;
15
- }
16
-
17
- const BookingWizard: React.FC<BookingWizardProps> = ({
18
- productCode,
19
- productName,
20
- thumbnailUrl,
21
- settings,
22
- }) => {
23
- return (
24
- <SettingsContext.Provider value={settings}>
25
- <Provider store={store}>
26
- <Booking
27
- productCode={productCode}
28
- productName={productName}
29
- thumbnailUrl={thumbnailUrl}
30
- />
31
- </Provider>
32
- </SettingsContext.Provider>
33
- );
34
- };
35
-
36
- export default BookingWizard;
1
+ import React from "react";
2
+ import { Provider } from "react-redux";
3
+ import Booking from "./features/booking/booking";
4
+ import SettingsContext from "./settings-context";
5
+ import { store } from "./store";
6
+ import { Settings } from "./types";
7
+
8
+ interface BookingWizardProps {
9
+ productCode: string;
10
+ productName: string;
11
+ allotmentName?: string;
12
+ tourCode?: string;
13
+ thumbnailUrl?: string;
14
+ settings: Settings;
15
+ }
16
+
17
+ const BookingWizard: React.FC<BookingWizardProps> = ({
18
+ productCode,
19
+ productName,
20
+ thumbnailUrl,
21
+ settings,
22
+ }) => {
23
+ return (
24
+ <SettingsContext.Provider value={settings}>
25
+ <Provider store={store}>
26
+ <Booking
27
+ productCode={productCode}
28
+ productName={productName}
29
+ thumbnailUrl={thumbnailUrl}
30
+ />
31
+ </Provider>
32
+ </SettingsContext.Provider>
33
+ );
34
+ };
35
+
36
+ export default BookingWizard;