@protacon/muster-booking-frontend 1.28.4 → 1.30.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 (14) hide show
  1. package/.editorconfig +22 -0
  2. package/.gitattributes +6 -0
  3. package/.github/workflows/onPushTest.yml +30 -0
  4. package/.prettierignore +18 -0
  5. package/Jenkinsfile +1 -1
  6. package/LICENSE.md +1 -1
  7. package/dist/env.js +1 -1
  8. package/dist/env.template.js +1 -1
  9. package/dist/index.bundle.js +1 -1
  10. package/dist/styles.bundle.css +378 -337
  11. package/eslint.config.mjs +91 -0
  12. package/package.json +15 -11
  13. package/slack.json +16 -16
  14. package/tsconfig.json +16 -0
package/dist/styles.bundle.css CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  .summary-component-container {
3
2
  display: flex;
4
3
  justify-content: space-between;
@@ -28,11 +27,12 @@ nav.disabled {
28
27
  font-weight: 700;
29
28
  font-size: 32px;
30
29
  line-height: 39px;
30
+ margin-bottom: 16px;
31
31
  }
32
32
 
33
33
  .nav-text {
34
34
  margin: 0px 24px 0px 4px;
35
- color: #B9BEC1;
35
+ color: #b9bec1;
36
36
  text-decoration: underline;
37
37
  margin: auto;
38
38
  }
@@ -41,14 +41,29 @@ nav.disabled {
41
41
  fill: white;
42
42
  }
43
43
 
44
+ .back-icon-button {
45
+ display: none;
46
+ }
47
+
44
48
  .back-icon {
45
49
  display: none;
46
50
  }
47
51
 
48
52
  @media (max-width: 991px) {
53
+ .back-icon-button {
54
+ display: inline;
55
+ border: none;
56
+ background: none;
57
+ padding: 0px;
58
+ margin: 0px;
59
+ width: auto;
60
+ height: auto;
61
+ margin-bottom: 16px;
62
+ }
63
+
49
64
  .back-icon {
50
65
  display: inline;
51
- fill: #CCCCCC;
66
+ fill: #cccccc;
52
67
  }
53
68
  .summary-component-container {
54
69
  justify-content: flex-start;
@@ -71,19 +86,23 @@ nav.disabled {
71
86
 
72
87
  .nav-button-booking {
73
88
  display: inline-block;
74
- font-weight: 400;
75
- text-align: center;
76
- vertical-align: middle;
77
- -webkit-user-select: none;
78
- -moz-user-select: none;
79
- -ms-user-select: none;
80
- user-select: none;
81
- border: 1px solid transparent;
82
- font-size: 1rem;
83
- line-height: 1.5;
84
- border-radius: .25rem;
85
- transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
86
- background-color: #B9BEC1;
89
+ font-weight: 400;
90
+ text-align: center;
91
+ vertical-align: middle;
92
+ -webkit-user-select: none;
93
+ -moz-user-select: none;
94
+ -ms-user-select: none;
95
+ user-select: none;
96
+ border: 1px solid transparent;
97
+ font-size: 1rem;
98
+ line-height: 1.5;
99
+ border-radius: 0.25rem;
100
+ transition:
101
+ color 0.15s ease-in-out,
102
+ background-color 0.15s ease-in-out,
103
+ border-color 0.15s ease-in-out,
104
+ box-shadow 0.15s ease-in-out;
105
+ background-color: #b9bec1;
87
106
  width: 24px;
88
107
  height: 24px;
89
108
  padding: 0px;
@@ -92,7 +111,7 @@ nav.disabled {
92
111
  }
93
112
 
94
113
  .summary-component nav.active .nav-button-booking {
95
- background-color: #95C01F;
114
+ background-color: #95c01f;
96
115
  }
97
116
 
98
117
  .nav-button-booking:hover {
@@ -100,7 +119,7 @@ nav.disabled {
100
119
  }
101
120
 
102
121
  .nav-button-booking.disabled {
103
- background-color: #E3E3E3;
122
+ background-color: #e3e3e3;
104
123
  }
105
124
 
106
125
  .summary-component nav.active .nav-text {
@@ -109,98 +128,10 @@ nav.disabled {
109
128
  }
110
129
 
111
130
  .summary-component nav.disabled .nav-text {
112
- color: #E3E3E3;
131
+ color: #e3e3e3;
113
132
  text-decoration: none;
114
133
  }
115
134
 
116
- .search-reservation-component .invalid-feedback {
117
- display: block;
118
- font-size: 16px;
119
- font-weight: 700;
120
- }
121
-
122
- @media screen and (min-width: 768px) {
123
- .search-reservation-component #or-paragraph {
124
- text-align: center;
125
- margin-top: 1rem;
126
- }
127
- }
128
-
129
- @media screen and (max-width: 767px) {
130
- .search-reservation-component #last-name {
131
- margin-bottom: 0;
132
- }
133
- }
134
- .button-container-div {
135
- display: flex;
136
- justify-content: space-between;
137
- width: 100%;
138
- height: 100%;
139
- }
140
-
141
- .navigation-container {
142
- display: none;
143
- }
144
-
145
- button {
146
- border-radius: 7px;
147
- height: 56px;
148
- width: 150px;
149
- color: #ffffff;
150
- font-weight: 700;
151
- font-size: 16px;
152
- line-height: 24px;
153
- padding: 16px;
154
- }
155
-
156
- .next-button {
157
- background: #8AC100;
158
- border: none;
159
- }
160
-
161
- .return-to-start-button {
162
- background: #8AC100;
163
- width: auto;
164
- }
165
-
166
- .next-button:disabled {
167
- background: #E3E3E3;
168
- color: #000000;
169
- border: none;
170
- }
171
-
172
- .next-button:hover {
173
- background: #E3E3E3;
174
- color: #000000;
175
- border: none;
176
- }
177
-
178
- @media screen and (max-width: 991px) {
179
- .button-container {
180
- display: flex;
181
- justify-content: space-between;
182
- margin-top: 0;
183
- margin-left: -16px;
184
- width: 100vw;
185
- overflow-x: visible;
186
- height: 89px;
187
- border-top: #cccccc 1px solid;
188
- }
189
- .previous-button-booking {
190
- display: none !important;
191
- }
192
- .navigation-container {
193
- display: flex;
194
- flex-direction: row;
195
- align-items: center;
196
- }
197
- }
198
-
199
- @media screen and (max-width: 375px) {
200
- .return-to-start-button {
201
- font-size: small;
202
- }
203
- }
204
135
  .vehicle-step-component .plate-form {
205
136
  display: flex;
206
137
  justify-content: space-between;
@@ -231,12 +162,12 @@ button {
231
162
  }
232
163
 
233
164
  .form-check-container {
234
- position: relative;
235
- display: block;
165
+ position: relative;
166
+ display: block;
236
167
  margin-bottom: 1rem;
237
- background-color: #b9bec110 ;
168
+ background-color: #b9bec110;
238
169
  border-radius: 5px;
239
- border: 1px solid #B9BEC1;
170
+ border: 1px solid #b9bec1;
240
171
  color: #000000;
241
172
  padding: 9px;
242
173
  padding-left: 3rem;
@@ -260,45 +191,45 @@ button {
260
191
  margin-right: 20px;
261
192
  }
262
193
 
263
- .input-label{
194
+ .input-label {
264
195
  font-weight: 600;
265
196
  }
266
197
 
267
- .header{
198
+ .header {
268
199
  font-weight: 600;
269
200
  font-size: 12px;
270
201
  line-height: 16px;
271
202
  }
272
203
 
273
- .vehicle-plate-number{
204
+ .vehicle-plate-number {
274
205
  margin: 0px;
275
206
  font-weight: 600;
276
207
  color: black;
277
208
  }
278
209
 
279
- .vehicle-description{
210
+ .vehicle-description {
280
211
  margin: 0px;
281
212
  font-weight: 200;
282
- color: #7E7A7A;
213
+ color: #7e7a7a;
283
214
  }
284
215
 
285
- .description{
216
+ .description {
286
217
  margin: 0px;
287
- color: #7E7A7A;
218
+ color: #7e7a7a;
288
219
  font-size: 14px;
289
220
  font-weight: 400;
290
221
  line-height: 17px;
291
222
  }
292
223
 
293
- .description{
224
+ .description {
294
225
  margin: 0px;
295
- color: #7E7A7A;
226
+ color: #7e7a7a;
296
227
  font-size: 14px;
297
228
  font-weight: 400;
298
229
  line-height: 17px;
299
230
  }
300
231
 
301
- .header-text{
232
+ .header-text {
302
233
  color: #000000;
303
234
  font-weight: 700;
304
235
  font-size: 14px;
@@ -313,7 +244,7 @@ button {
313
244
  font-weight: 700;
314
245
  }
315
246
 
316
- input[type="radio"] {
247
+ input[type='radio'] {
317
248
  appearance: none;
318
249
  -webkit-appearance: none;
319
250
  -moz-appearance: none;
@@ -324,12 +255,12 @@ input[type="radio"] {
324
255
  border: 1px solid #b9bec1;
325
256
  }
326
257
 
327
- input[type="radio"]:checked {
328
- background-color: #3A7203;
329
- border: #3A7203;
258
+ input[type='radio']:checked {
259
+ background-color: #3a7203;
260
+ border: #3a7203;
330
261
  }
331
262
 
332
- input[type="radio"]:checked::before {
263
+ input[type='radio']:checked::before {
333
264
  content: '';
334
265
  display: block;
335
266
  border-radius: 50%;
@@ -350,7 +281,7 @@ input[type="radio"]:checked::before {
350
281
  }
351
282
 
352
283
  .vehicle-step-component .plate-container {
353
- background-color: #1345AD;
284
+ background-color: #1345ad;
354
285
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA1CAYAAAAgYencAAAAAXNSR0IArs4c6QAABJFJREFUWAntmEtoVUcYx79zcxNjjUYTpbUIolhJUbEqdCEWAm0RSqtY0UVMbVftwtfC16LgRlB3pW4q2k0f1rqx0AdFBMGFFAoVX4ggoUJam5qbHI1GTbw54+873nOdc3IfufdOwJZM+Gdmvvnme51vHndEaijGl6VmQNpqECFeucnGSNrzJGvzQauTftlMvRYJjz0jP0mrHIdvJOJjrJ7+46hfdW0ysg5PX0sKMHdkxUhGjML0yaJR4xn5FCMakvRkP50kRH2dHPiyzwSyAb8GUfKttMhneGVCnkAa8X4/7Ubi0Zifd09mBcNyAKZ1RKnd9Mthr4UIVVOYvCTok0CBQVNtGfTzn492KjbWL5/k5l226YXaRSMQMhtp8lLSLoG8KAPyErR7kZB8JCDQDiJ6WBvxvbQsJHLvq6E2b4zvuesQ8k4snjxehmmygpW2/PA7oriZIG41nmwieX5PGfnRmymnbMZa2mGO+PIx9VpSuBGlp1i2X/Bpni1vltoHuqSCjPwDYz6ra1Fsz0X+3PyyJbmjsVgSksrryaa3sTCf4RGjg3pGKiV7iPQQspodyPu/iRiP714sRraucAczgzKbbXNrsQnO6b5sM/fZ3LRw2HzEtnmJ7L890idHsC625bpUzh4wDR1H0dcLLqJ7cyifTgYMsR+841JhIVksxzWqC4d7dDwdbkJGtkha/mBbmFdoklNaIA+9Oi4xRlYR7Sansv/7wvg+08fTC0JeD6bYOmIXicDIHjJ1js3gtO3LW0ISjpKpicjyOEFmPiBDu+lvGsVUAwGvUzi2D9l9wOdQOgQtdg4JDBsw4F8Y/qpBV9GpuvEgfxAMmLvySsRoW/E316+F3O5WYN1kzuqHEZOTOsv1rkGWcRpm+Rv7cc/1e8aocI3BIsPteAxs8dtswQmBbOSceLPgWAkiV/ODhLqlBEvpIbxuIDE/55s90m9HYu6FFruoqJfJpas08uhXkGXeLea9V0pTbBnajOTAcKpOvoLmozZLrI5CC3+UYEhdGOJh6YTSwe/DmdBCWd5U6eWn2i/Q/2Ref9U/StQY/eEJWsmDecn9gf6u/B0vI9tt4znlXsegerzX/T4WNZuvpjbC9VfTFcJ8nW+9oCZh1UzWSwzeTQIvhBeaaoRMzJmIwEQEiEBVm4Qx5mXmdgB9G5oN9DHqNjgLvudFIv9YRd9tQTmvY2YIFCvnGCj7OBVZVVEEEKw73jVQD26Br0Ev0EeNN8BqoGUHUTj8tOnwPwbstNxenBTN2AWQBT8nx4r17RtRMR6bbp/vGXtA23i9PEkr16/UgJuWwNN4+iX9q6ALdGPA0zdEi8lpE4XNoAcUKj7E78CrTpUmhaFgPjgJ7oNC5S7Epcl5zvsoSYM28C7YDc6DqPzgXGE5gWj2wG85C7rL8UfjRe+EEYNdI7wDnMgh9qCZS0BNSC26T7gvKP4QRKXT1gCxCXTlBs/YY6Xale6E+qBwE7QCfe/7BqjXuj/o2RDdDTuJyHH67gsetoPBnKeFqiOVaK0oApFgtOoJuBPozjcX6HvPDXAMz89Tj7k8AZELs/xsqJEPAAAAAElFTkSuQmCC');
355
286
  background-repeat: no-repeat;
356
287
  background-position: 9px center;
@@ -380,7 +311,7 @@ input[type="radio"]:checked::before {
380
311
  position: relative;
381
312
  }
382
313
  .icon-booking-vehicle {
383
- color: #000000;
314
+ color: #000000;
384
315
  }
385
316
 
386
317
  .vehicle-info {
@@ -422,14 +353,14 @@ input[type="radio"]:checked::before {
422
353
 
423
354
  .vehicle-button {
424
355
  padding: 8px 8px 0px;
425
- margin: 5px 0px;
426
- border: 2px solid #D1D1D1;
427
- border-radius: 8px;
428
- cursor: pointer;
429
- background-color: #FDFDFD;
430
- font-size: 12px;
356
+ margin: 5px 0px;
357
+ border: 2px solid #d1d1d1;
358
+ border-radius: 8px;
359
+ cursor: pointer;
360
+ background-color: #fdfdfd;
361
+ font-size: 12px;
431
362
  line-height: 1;
432
- text-align: center;
363
+ text-align: center;
433
364
  display: block;
434
365
  float: left;
435
366
  width: 32%;
@@ -437,11 +368,11 @@ input[type="radio"]:checked::before {
437
368
  }
438
369
 
439
370
  .vehicle-button p {
440
- color: #3F3E4C;
371
+ color: #3f3e4c;
441
372
  }
442
373
 
443
374
  .vehicle-button.selected p {
444
- color: #3A7203;
375
+ color: #3a7203;
445
376
  }
446
377
 
447
378
  .vehicle-button svg {
@@ -455,10 +386,10 @@ input[type="radio"]:checked::before {
455
386
  }
456
387
 
457
388
  .vehicle-button.selected {
458
- border-color: #3A7203;
459
- background-color: #95C01F10;
389
+ border-color: #3a7203;
390
+ background-color: #95c01f10;
460
391
  font-weight: bold;
461
- fill: #3A7203;
392
+ fill: #3a7203;
462
393
  }
463
394
 
464
395
  .info-container,
@@ -507,7 +438,7 @@ input[type="radio"]:checked::before {
507
438
  height: 48px;
508
439
  }
509
440
 
510
- .header-text{
441
+ .header-text {
511
442
  margin: 0;
512
443
  margin-top: 8px;
513
444
  margin-bottom: 8px;
@@ -545,6 +476,95 @@ input[type="radio"]:checked::before {
545
476
  }
546
477
  }
547
478
 
479
+ .search-reservation-component .invalid-feedback {
480
+ display: block;
481
+ font-size: 16px;
482
+ font-weight: 700;
483
+ }
484
+
485
+ @media screen and (min-width: 768px) {
486
+ .search-reservation-component #or-paragraph {
487
+ text-align: center;
488
+ margin-top: 1rem;
489
+ }
490
+ }
491
+
492
+ @media screen and (max-width: 767px) {
493
+ .search-reservation-component #last-name {
494
+ margin-bottom: 0;
495
+ }
496
+ }
497
+
498
+ .button-container-div {
499
+ display: flex;
500
+ justify-content: space-between;
501
+ width: 100%;
502
+ height: 100%;
503
+ }
504
+
505
+ .navigation-container {
506
+ display: none;
507
+ }
508
+
509
+ button {
510
+ border-radius: 7px;
511
+ height: 56px;
512
+ width: 150px;
513
+ color: #ffffff;
514
+ font-weight: 700;
515
+ font-size: 16px;
516
+ line-height: 24px;
517
+ padding: 16px;
518
+ }
519
+
520
+ .next-button {
521
+ background: #8ac100;
522
+ border: none;
523
+ }
524
+
525
+ .return-to-start-button {
526
+ background: #8ac100;
527
+ width: auto;
528
+ }
529
+
530
+ .next-button:disabled {
531
+ background: #e3e3e3;
532
+ color: #000000;
533
+ border: none;
534
+ }
535
+
536
+ .next-button:hover {
537
+ background: #e3e3e3;
538
+ color: #000000;
539
+ border: none;
540
+ }
541
+
542
+ @media screen and (max-width: 991px) {
543
+ .button-container {
544
+ display: flex;
545
+ justify-content: space-between;
546
+ margin-top: 0;
547
+ width: 100vw;
548
+ overflow-x: visible;
549
+ height: 89px;
550
+ border-top: #cccccc 1px solid;
551
+ }
552
+ .previous-button-booking {
553
+ display: none !important;
554
+ }
555
+ .navigation-container {
556
+ display: flex;
557
+ flex-direction: row;
558
+ align-items: center;
559
+ }
560
+ }
561
+
562
+ @media screen and (max-width: 375px) {
563
+ .return-to-start-button {
564
+ font-size: small;
565
+ }
566
+ }
567
+
548
568
  .list-remark {
549
569
  margin: 0;
550
570
  }
@@ -555,7 +575,7 @@ input[type="radio"]:checked::before {
555
575
 
556
576
  .station-list-pin {
557
577
  height: 40px;
558
- margin: 0px 8px
578
+ margin: 0px 8px;
559
579
  }
560
580
 
561
581
  .station-step-component {
@@ -614,30 +634,29 @@ input[type="radio"]:checked::before {
614
634
  font-size: 14px;
615
635
  }
616
636
 
617
-
618
637
  .selected-component {
619
- background-color: #95c01f10 ;
620
- border: 1px solid #3A7203;
621
- color: #3A7203;
638
+ background-color: #95c01f10;
639
+ border: 1px solid #3a7203;
640
+ color: #3a7203;
622
641
  }
623
642
 
624
- input[type="checkbox"] {
625
- accent-color: #3A7203;
643
+ input[type='checkbox'] {
644
+ accent-color: #3a7203;
626
645
  height: 20px;
627
646
  width: 20px;
628
647
  }
629
648
 
630
649
  /*For pagination component*/
631
650
  .page-link {
632
- color: #3A7203 !important;
651
+ color: #3a7203 !important;
633
652
  }
634
653
 
635
654
  /*For pagination component*/
636
655
  .page-item.active .page-link {
637
- z-index: auto !important;
638
- color: #fff !important;
639
- background-color: #3A7203 !important;
640
- border-color: #3A7203 !important;
656
+ z-index: auto !important;
657
+ color: #fff !important;
658
+ background-color: #3a7203 !important;
659
+ border-color: #3a7203 !important;
641
660
  }
642
661
 
643
662
  .map-button {
@@ -648,7 +667,7 @@ input[type="checkbox"] {
648
667
  box-shadow: none;
649
668
  }
650
669
 
651
- @media screen and (max-width: 991px) {
670
+ @media screen and (max-width: 991px), (max-height: 500px) {
652
671
  .row-container-left {
653
672
  width: 100%;
654
673
  height: auto;
@@ -664,12 +683,14 @@ input[type="checkbox"] {
664
683
  .row-container-right.show-map {
665
684
  display: flex;
666
685
  height: 50vh;
686
+ min-height: 300px;
667
687
  width: 100%;
668
688
  padding: 0px;
669
689
  }
670
690
  .station-step-component {
671
691
  flex-direction: column;
672
692
  height: auto;
693
+ overflow: auto;
673
694
  }
674
695
  .map-button {
675
696
  display: inline-block;
@@ -682,6 +703,7 @@ input[type="checkbox"] {
682
703
  margin-left: 16px;
683
704
  }
684
705
  }
706
+
685
707
  .time-step-component {
686
708
  width: 100%;
687
709
  height: 100%;
@@ -692,7 +714,7 @@ input[type="checkbox"] {
692
714
 
693
715
  .search-time-slot {
694
716
  width: auto;
695
- background: #8AC100;
717
+ background: #8ac100;
696
718
  }
697
719
 
698
720
  .react-datepicker {
@@ -708,7 +730,7 @@ input[type="checkbox"] {
708
730
  }
709
731
 
710
732
  .time-step-component-header {
711
- border-top: 1px solid #E9E9E9;
733
+ border-top: 1px solid #e9e9e9;
712
734
  display: flex;
713
735
  justify-content: space-between;
714
736
  align-items: baseline;
@@ -730,8 +752,8 @@ input[type="checkbox"] {
730
752
 
731
753
  .time-step-table {
732
754
  width: 100%;
733
- border-top: 1px solid #E9E9E9;
734
- border-bottom: 2px solid #E9E9E9;
755
+ border-top: 1px solid #e9e9e9;
756
+ border-bottom: 2px solid #e9e9e9;
735
757
  }
736
758
 
737
759
  .weekday-header {
@@ -746,7 +768,7 @@ input[type="checkbox"] {
746
768
  left: 20px;
747
769
  right: 20px;
748
770
  padding: 20px;
749
- background: #95C01F;
771
+ background: #95c01f;
750
772
  border-radius: 7px;
751
773
  cursor: pointer;
752
774
  font-size: 18px;
@@ -758,12 +780,13 @@ input[type="checkbox"] {
758
780
  vertical-align: top;
759
781
  }
760
782
 
761
- .weekday-header, .table-header-buttons {
783
+ .weekday-header,
784
+ .table-header-buttons {
762
785
  padding-top: 32px;
763
786
  }
764
787
 
765
788
  .time-row {
766
- border-top: 1px solid #E9E9E9;
789
+ border-top: 1px solid #e9e9e9;
767
790
  height: 43px;
768
791
  }
769
792
 
@@ -791,27 +814,27 @@ input[type="checkbox"] {
791
814
  }
792
815
 
793
816
  .sort-button {
794
- color: #95C01F !important;
817
+ color: #95c01f !important;
795
818
  height: auto;
796
819
  width: auto;
797
- padding: 0 5px 0 5px;
798
- background-color: transparent !important;
799
- border: none;
820
+ padding: 0 5px 0 5px;
821
+ background-color: transparent !important;
822
+ border: none;
800
823
  margin: auto;
801
- margin-right: 2px;
802
- display: flex;
824
+ margin-right: 2px;
825
+ display: flex;
803
826
  justify-content: space-between;
804
827
  }
805
828
 
806
829
  .sort-dropdown {
807
830
  height: 20px;
808
- margin: auto;
809
- margin-right: 2px;
810
- margin-bottom: 24px;
831
+ margin: auto;
832
+ margin-right: 2px;
833
+ margin-bottom: 24px;
811
834
  }
812
835
 
813
836
  .slot {
814
- border: 2px solid #D8D8D8;
837
+ border: 2px solid #d8d8d8;
815
838
  border-radius: 2px;
816
839
  min-height: 32px;
817
840
  font-weight: 500;
@@ -819,9 +842,9 @@ input[type="checkbox"] {
819
842
  }
820
843
 
821
844
  .slot-unavailable {
822
- border: 2px solid #D8D8D8;
845
+ border: 2px solid #d8d8d8;
823
846
  border-radius: 2px;
824
- background: #D8D8D8;
847
+ background: #d8d8d8;
825
848
  height: 32px;
826
849
  }
827
850
 
@@ -833,11 +856,11 @@ input[type="checkbox"] {
833
856
  }
834
857
 
835
858
  .slot-header.slot-cheap {
836
- color: #8E2F2F;
859
+ color: #8e2f2f;
837
860
  }
838
861
 
839
862
  .slot-header-icon {
840
- fill: #95C01F;
863
+ fill: #95c01f;
841
864
  position: absolute;
842
865
  left: 2px;
843
866
  top: 2px;
@@ -858,7 +881,7 @@ input[type="checkbox"] {
858
881
  justify-content: space-between;
859
882
  }
860
883
 
861
- .slot-left{
884
+ .slot-left {
862
885
  display: flex;
863
886
  flex-direction: row;
864
887
  }
@@ -891,7 +914,7 @@ input[type="checkbox"] {
891
914
  }
892
915
 
893
916
  .slot-option.slot-cheap .slot-price {
894
- color: #8E2F2F;
917
+ color: #8e2f2f;
895
918
  }
896
919
 
897
920
  .slot-button {
@@ -904,7 +927,7 @@ input[type="checkbox"] {
904
927
  border-radius: 7px 7px 0 0;
905
928
  font-size: 1em;
906
929
  width: 100%;
907
- background-color: #F9F9F9;
930
+ background-color: #f9f9f9;
908
931
  }
909
932
  .react-datepicker__header {
910
933
  padding-top: 0.8em;
@@ -945,19 +968,19 @@ input[type="checkbox"] {
945
968
  .react-datepicker__current-month {
946
969
  font-size: 1em;
947
970
  display: inline-flex;
948
- width: 75%;
949
- justify-content: space-around;
971
+ width: 75%;
972
+ justify-content: space-around;
950
973
  }
951
974
  .react-datepicker__navigation {
952
975
  top: 1em;
953
976
  line-height: 1.7em;
954
- border: 0.60em solid transparent;
977
+ border: 0.6em solid transparent;
955
978
  }
956
979
  .react-datepicker__navigation--previous {
957
980
  border-right-color: #000;
958
981
  left: 1em;
959
982
  }
960
- .react-datepicker__navigation--next{
983
+ .react-datepicker__navigation--next {
961
984
  border-left-color: #000;
962
985
  right: 1em;
963
986
  }
@@ -968,12 +991,12 @@ input[type="checkbox"] {
968
991
  outline: none;
969
992
  }
970
993
  .react-datepicker__day--selected {
971
- background-color: #95C01F;
994
+ background-color: #95c01f;
972
995
  padding: 0 !important;
973
996
  width: 14% !important;
974
997
  }
975
998
  .react-datepicker__day--selected:hover {
976
- background-color: #3A7203;
999
+ background-color: #3a7203;
977
1000
  }
978
1001
 
979
1002
  .day-with-price {
@@ -981,12 +1004,12 @@ input[type="checkbox"] {
981
1004
  height: 76px;
982
1005
  border: 2px solid transparent;
983
1006
  border-radius: 4px;
984
- display: flex;
985
- flex-direction: column;
1007
+ display: flex;
1008
+ flex-direction: column;
986
1009
  }
987
1010
 
988
1011
  .selected-day {
989
- border: 2px solid #3A7203;
1012
+ border: 2px solid #3a7203;
990
1013
  border-radius: 4px;
991
1014
  }
992
1015
 
@@ -1055,7 +1078,7 @@ input[type="checkbox"] {
1055
1078
  font-size: 16px;
1056
1079
  cursor: pointer;
1057
1080
  display: inline-block;
1058
- color: #3A7203
1081
+ color: #3a7203;
1059
1082
  }
1060
1083
  .day-with-price {
1061
1084
  height: 50px;
@@ -1107,7 +1130,6 @@ input[type="checkbox"] {
1107
1130
  .calendar {
1108
1131
  display: none;
1109
1132
  }
1110
-
1111
1133
  }
1112
1134
 
1113
1135
  @media screen and (max-width: 767px) {
@@ -1133,20 +1155,21 @@ input[type="checkbox"] {
1133
1155
  .confirm-bookin-button {
1134
1156
  width: auto;
1135
1157
  }
1158
+
1136
1159
  .summary-component .card-header {
1137
1160
  display: flex;
1138
1161
  justify-content: center;
1139
1162
  align-items: bottom;
1140
1163
  text-transform: uppercase;
1141
1164
  border-bottom: none;
1142
- color: #B1B1B1;
1165
+ color: #b1b1b1;
1143
1166
  letter-spacing: 3px;
1144
1167
  font-size: 14px;
1145
1168
  }
1146
1169
 
1147
1170
  .summary-component.list-wrapper {
1148
- border-top: 1px solid rgba(0,0,0,.125);
1149
- border-bottom: 1px solid rgba(0,0,0,.125);
1171
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
1172
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
1150
1173
  margin: 16px 0;
1151
1174
  flex-flow: column;
1152
1175
  }
@@ -1193,6 +1216,7 @@ input[type="checkbox"] {
1193
1216
  .edit-button {
1194
1217
  height: auto;
1195
1218
  }
1219
+
1196
1220
  .confirmation-step-component .confirmation-step-confirm-icon {
1197
1221
  width: 38px;
1198
1222
  height: 38px;
@@ -1206,7 +1230,7 @@ input[type="checkbox"] {
1206
1230
  }
1207
1231
 
1208
1232
  .confirmation-calendar-button {
1209
- background-color: #8AC100;
1233
+ background-color: #8ac100;
1210
1234
  margin-bottom: 16px;
1211
1235
  margin-top: 16px;
1212
1236
  width: auto;
@@ -1219,12 +1243,11 @@ input[type="checkbox"] {
1219
1243
  @media screen and (max-width: 767px) {
1220
1244
  .confirmation-step-confirmation {
1221
1245
  display: flex;
1222
- flex-direction: column;
1223
- align-items: center;
1246
+ flex-direction: column;
1247
+ align-items: center;
1224
1248
  }
1225
1249
  }
1226
1250
 
1227
-
1228
1251
  .insurance {
1229
1252
  font-family: Inter, sans-serif;
1230
1253
  font-size: 18px;
@@ -1256,8 +1279,10 @@ input[type="checkbox"] {
1256
1279
  flex-direction: row;
1257
1280
  }
1258
1281
  .insurance .card-header {
1259
- font-family: Azbuka W01 Bold,"sans-serif";
1260
- color: #b1b1b1;
1282
+ font-family:
1283
+ Azbuka W01 Bold,
1284
+ 'sans-serif';
1285
+ color: #b1b1b1;
1261
1286
  text-align: center;
1262
1287
  }
1263
1288
  .insurance h6 {
@@ -1273,7 +1298,7 @@ input[type="checkbox"] {
1273
1298
  max-width: 200px;
1274
1299
  }
1275
1300
  .insurance.d-md-none {
1276
- border:2px solid #e8e8e8;
1301
+ border: 2px solid #e8e8e8;
1277
1302
  border-radius: 4px;
1278
1303
  max-width: none;
1279
1304
  margin-top: 20px;
@@ -1327,45 +1352,38 @@ input[type="checkbox"] {
1327
1352
  justify-content: center;
1328
1353
  }
1329
1354
  }
1355
+
1330
1356
  .modify-reservation-component .invalid-feedback {
1331
- display: block;
1357
+ display: block;
1332
1358
  font-size: 16px;
1333
1359
  font-weight: 700;
1334
1360
  }
1335
1361
 
1336
1362
  .cancel-booking-button {
1337
- width: auto;
1363
+ width: auto;
1338
1364
  }
1339
1365
 
1340
1366
  @media screen and (max-width: 767px) {
1341
- .modify-reservation-component .title {
1342
- font-size: 1.5rem;
1343
- }
1367
+ .modify-reservation-component .title {
1368
+ font-size: 1.5rem;
1369
+ }
1344
1370
  }
1371
+
1345
1372
  body {
1346
1373
  background: white;
1347
1374
  font-size: 16px;
1348
1375
  font-family: Inter, sans-serif;
1349
1376
  }
1350
1377
 
1351
- @font-face {
1352
- font-display: block;
1353
- font-family: Azbuka W01 Bold;
1354
- src: url(/fonts/azbuka.eot);
1355
- src: url(/fonts/azbuka.eot?#iefix) format("embedded-opentype"),
1356
- url(/fonts/azbuka.woff2) format("woff2"),
1357
- url(/fonts/azbuka.woff) format("woff"),
1358
- url(/fonts/azbuka.ttf) format("truetype"),
1359
- url("/fonts/azbuka.woff#Azbuka W01 Bold") format("svg");
1360
- }
1361
-
1362
1378
  .full-width-input {
1363
- width: 100% !important;
1379
+ width: 100% !important;
1364
1380
  }
1365
1381
 
1366
1382
  .booking-component h5 {
1367
1383
  color: #b1b1b1;
1368
- font-family: Azbuka W01 Bold, "sans-serif";
1384
+ font-family:
1385
+ Azbuka W01 Bold,
1386
+ 'sans-serif';
1369
1387
  font-size: 18px;
1370
1388
  }
1371
1389
 
@@ -1375,12 +1393,16 @@ body {
1375
1393
  }
1376
1394
 
1377
1395
  .booking-component h2 {
1378
- font-family: Azbuka W01 Bold,"sans-serif";
1396
+ font-family:
1397
+ Azbuka W01 Bold,
1398
+ 'sans-serif';
1379
1399
  font-size: 33px;
1380
1400
  }
1381
1401
 
1382
1402
  .booking-component .plate-input-booking {
1383
- font-family: Azbuka W01 Bold, "sans-serif";
1403
+ font-family:
1404
+ Azbuka W01 Bold,
1405
+ 'sans-serif';
1384
1406
  font-size: 50px;
1385
1407
  letter-spacing: 2px;
1386
1408
  text-align: center;
@@ -1388,131 +1410,145 @@ body {
1388
1410
  }
1389
1411
 
1390
1412
  .summary-component {
1391
- font-family: Azbuka W01 Bold, "sans-serif";
1413
+ font-family:
1414
+ Azbuka W01 Bold,
1415
+ 'sans-serif';
1392
1416
  }
1393
1417
 
1394
1418
  .time-step-component h4 {
1395
1419
  color: #b1b1b1;
1396
- font-family: Azbuka W01 Bold,"sans-serif";
1420
+ font-family:
1421
+ Azbuka W01 Bold,
1422
+ 'sans-serif';
1397
1423
  font-size: 18px;
1398
1424
  text-transform: uppercase;
1399
1425
  }
1400
1426
 
1401
1427
  .title {
1402
- margin-top: .5rem;
1428
+ margin-top: 0.5rem;
1403
1429
  }
1404
1430
 
1405
1431
  .form-check-input-booking {
1406
- position: absolute;
1407
- margin-top: .3rem;
1408
- margin-left: -2.25rem
1432
+ position: absolute;
1433
+ margin-top: 0.3rem;
1434
+ margin-left: -2.25rem;
1409
1435
  }
1410
1436
 
1411
1437
  .btn-booking {
1412
- display: inline-block;
1413
- font-weight: 400;
1414
- text-align: center;
1415
- vertical-align: middle;
1416
- -webkit-user-select: none;
1417
- -moz-user-select: none;
1418
- -ms-user-select: none;
1419
- user-select: none;
1420
- border: 1px solid transparent;
1421
- padding: .375rem .75rem;
1422
- line-height: 1.5;
1423
- border-radius: .25rem;
1424
- transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
1425
- }
1426
-
1427
- .btn-booking:disabled, .btn-booking:disabled:hover{
1428
- background-color: #E3E3E3 !important;
1429
- color: #495057 !important;
1430
- border: none;
1431
- }
1432
-
1433
- .input-group-booking>.custom-file,.input-group-booking>.custom-select,.input-group-booking>.form-control-booking,.input-group-booking>.form-control-plaintext {
1434
- position: relative;
1435
- -ms-flex: 1 1 auto;
1436
- flex: 1 1 auto;
1437
- width: 1%;
1438
- min-width: 0;
1439
- margin-bottom: 0
1438
+ display: inline-block;
1439
+ font-weight: 400;
1440
+ text-align: center;
1441
+ vertical-align: middle;
1442
+ -webkit-user-select: none;
1443
+ -moz-user-select: none;
1444
+ -ms-user-select: none;
1445
+ user-select: none;
1446
+ border: 1px solid transparent;
1447
+ padding: 0.375rem 0.75rem;
1448
+ line-height: 1.5;
1449
+ border-radius: 0.25rem;
1450
+ transition:
1451
+ color 0.15s ease-in-out,
1452
+ background-color 0.15s ease-in-out,
1453
+ border-color 0.15s ease-in-out,
1454
+ box-shadow 0.15s ease-in-out;
1455
+ }
1456
+
1457
+ .btn-booking:disabled,
1458
+ .btn-booking:disabled:hover {
1459
+ background-color: #e3e3e3 !important;
1460
+ color: #495057 !important;
1461
+ border: none;
1462
+ }
1463
+
1464
+ .input-group-booking > .custom-file,
1465
+ .input-group-booking > .custom-select,
1466
+ .input-group-booking > .form-control-booking,
1467
+ .input-group-booking > .form-control-plaintext {
1468
+ position: relative;
1469
+ -ms-flex: 1 1 auto;
1470
+ flex: 1 1 auto;
1471
+ width: 1%;
1472
+ min-width: 0;
1473
+ margin-bottom: 0;
1440
1474
  }
1441
1475
 
1442
1476
  .form-control-booking {
1443
- display: flex;
1444
- width: auto;
1445
- height: 56px;
1446
- border-radius: 5px;
1447
- padding: .375rem .75rem;
1448
- font-size: 1rem;
1449
- font-weight: 400;
1450
- line-height: 1.5;
1451
- color: #495057;
1452
- background-color: #fff;
1453
- background-clip: padding-box;
1454
- border: 1px solid #ced4da;
1455
- transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1477
+ display: flex;
1478
+ width: auto;
1479
+ height: 56px;
1480
+ border-radius: 5px;
1481
+ padding: 0.375rem 0.75rem;
1482
+ font-size: 1rem;
1483
+ font-weight: 400;
1484
+ line-height: 1.5;
1485
+ color: #495057;
1486
+ background-color: #fff;
1487
+ background-clip: padding-box;
1488
+ border: 1px solid #ced4da;
1489
+ transition:
1490
+ border-color 0.15s ease-in-out,
1491
+ box-shadow 0.15s ease-in-out;
1456
1492
  }
1457
1493
 
1458
1494
  .campaign-code {
1459
- border-radius: 5px 0 0 5px;
1495
+ border-radius: 5px 0 0 5px;
1460
1496
  }
1461
1497
 
1462
1498
  .is-invalid {
1463
- border-color: #dc3545;
1499
+ border-color: #dc3545;
1464
1500
  }
1465
1501
 
1466
1502
  .input-group-booking {
1467
- position: relative;
1468
- display: flex;
1469
- flex-wrap: wrap;
1470
- align-items: stretch;
1471
- width: 100%;
1472
- flex: 1 1 auto;
1503
+ position: relative;
1504
+ display: flex;
1505
+ flex-wrap: wrap;
1506
+ align-items: stretch;
1507
+ width: 100%;
1508
+ flex: 1 1 auto;
1473
1509
  }
1474
1510
 
1475
- input[type="checkbox"].form-check-input-booking {
1511
+ input[type='checkbox'].form-check-input-booking {
1476
1512
  margin-left: -3.25rem;
1477
1513
  }
1478
1514
 
1479
1515
  .booking-component {
1480
- width: 100%;
1481
- height: auto;
1482
- max-height: calc(100vh - 180px);;
1483
- display: flex;
1484
- overflow: hidden;
1485
- flex-direction: column;
1516
+ width: 100%;
1517
+ height: auto;
1518
+ max-height: calc(100vh - 180px);
1519
+ display: flex;
1520
+ overflow: hidden;
1521
+ flex-direction: column;
1486
1522
  }
1487
1523
 
1488
1524
  .booking-component-body {
1489
- display: flex;
1490
- flex-direction: column;
1491
- flex: 1;
1492
- overflow: hidden;
1493
- width: 100%;
1525
+ display: flex;
1526
+ flex-direction: column;
1527
+ flex: 1;
1528
+ overflow: hidden;
1529
+ width: 100%;
1494
1530
  }
1495
1531
 
1496
1532
  .btn-apply-booking {
1497
- background: #8AC100;
1498
- border: none;
1499
- border-radius: 0 5px 5px 0;
1500
- color: #ffffff;
1501
- font-weight: 700;
1502
- font-size: 16px;
1503
- line-height: 24px;
1504
- padding: 16px;
1505
- width: auto;
1506
- height: 56px;
1533
+ background: #8ac100;
1534
+ border: none;
1535
+ border-radius: 0 5px 5px 0;
1536
+ color: #ffffff;
1537
+ font-weight: 700;
1538
+ font-size: 16px;
1539
+ line-height: 24px;
1540
+ padding: 16px;
1541
+ width: auto;
1542
+ height: 56px;
1507
1543
  }
1508
1544
 
1509
1545
  .booking-component-body-div {
1510
- display: flex;
1511
- flex-direction: column;
1512
- overflow: hidden;
1513
- overflow-y: auto;
1514
- width: 100%;
1515
- height: 825px;
1546
+ display: flex;
1547
+ flex-direction: column;
1548
+ overflow: hidden;
1549
+ overflow-y: auto;
1550
+ width: 100%;
1551
+ height: 825px;
1516
1552
  }
1517
1553
 
1518
1554
  .button-container {
@@ -1523,58 +1559,63 @@ input[type="checkbox"].form-check-input-booking {
1523
1559
  }
1524
1560
 
1525
1561
  ::-webkit-scrollbar {
1526
- width: 16px;
1562
+ width: 16px;
1527
1563
  }
1528
1564
 
1529
1565
  ::-webkit-scrollbar-thumb {
1530
- background: #888;
1531
- border-left: 12px white solid;
1566
+ background: #888;
1567
+ border-left: 12px white solid;
1532
1568
  }
1533
1569
 
1534
1570
  ::-webkit-scrollbar-thumb:hover {
1535
- background: #555;
1571
+ background: #555;
1536
1572
  }
1537
1573
 
1538
1574
  .loader {
1539
- margin: auto;
1540
- border: 16px solid #f3f3f3;
1541
- border-top: 16px solid #95C01F;
1542
- border-radius: 50%;
1543
- width: 120px;
1544
- height: 120px;
1545
- animation: spin 2s linear infinite;
1546
- }
1547
-
1548
- @keyframes spin {
1549
- 0% { transform: rotate(0deg); }
1550
- 100% { transform: rotate(360deg); }
1551
- }
1575
+ margin: auto;
1576
+ border: 16px solid #f3f3f3;
1577
+ border-top: 16px solid #95c01f;
1578
+ border-radius: 50%;
1579
+ width: 120px;
1580
+ height: 120px;
1581
+ animation: spin 2s linear infinite;
1582
+ }
1583
+
1584
+ @keyframes spin {
1585
+ 0% {
1586
+ transform: rotate(0deg);
1587
+ }
1588
+ 100% {
1589
+ transform: rotate(360deg);
1590
+ }
1591
+ }
1552
1592
 
1553
1593
  @media screen and (max-width: 991px) {
1554
1594
  ::-webkit-scrollbar {
1555
- width: 0;
1556
- }
1595
+ width: 0;
1596
+ }
1557
1597
 
1558
- .booking-component {
1559
- max-height: none;
1560
- height: 100%;
1561
- }
1598
+ .booking-component {
1599
+ max-height: none;
1600
+ height: 100%;
1601
+ }
1562
1602
 
1563
- .booking-component-body-div {
1564
- height: auto;
1565
- padding-bottom: 73px;
1566
- }
1603
+ .booking-component-body-div {
1604
+ height: auto;
1605
+ padding-bottom: 73px;
1606
+ }
1567
1607
 
1568
- .button-container {
1569
- bottom: 0;
1570
- position: fixed;
1571
- background-color: #ffffff;
1572
- }
1608
+ .button-container {
1609
+ bottom: 0;
1610
+ position: fixed;
1611
+ background-color: #ffffff;
1612
+ padding: 8px 0px 0px 0px;
1613
+ }
1573
1614
  }
1574
1615
 
1575
1616
  @media screen and (max-height: 1100px) and (min-width: 991px) {
1576
- .booking-component-body-div {
1577
- height: calc(100vh - 250px);
1578
- }
1617
+ .booking-component-body-div {
1618
+ height: calc(100vh - 250px);
1619
+ }
1579
1620
  }
1580
1621