@qite/tide-booking-component 1.2.5 → 1.3.1

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 +62 -60
  96. package/src/booking-wizard/store.ts +31 -31
  97. package/src/booking-wizard/types.ts +278 -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,59 +1,59 @@
1
- // SCOPE
2
- #tide-booking {
3
- @import "./components/mixins";
4
- @import "./components/placeholders";
5
- @import "./components/base";
6
- @import "./components/form";
7
- @import "./components/button";
8
- @import "./components/cta";
9
-
10
- @import "./components/step-indicators";
11
- @import "./components/booking";
12
- @import "./components/pricing-summary";
13
- @import "./components/flight-option";
14
- @import "./components/checkbox";
15
- @import "./components/radiobutton";
16
- @import "./components/tree";
17
- @import "./components/list";
18
- @import "./components/dropdown";
19
- @import "./components/loader";
20
- @import "./components/select-wrapper";
21
- @import "./components/table";
22
- @import "./components/info-message";
23
- @import "./components/input";
24
- @import "./components/date-list";
25
- @import "./components/typeahead";
26
-
27
- @extend %reset;
28
- @include body;
29
- @extend %scrollbar-thin;
30
-
31
- %scrollbar-none {
32
- &::-webkit-scrollbar {
33
- width: 0px;
34
- height: 0px;
35
- }
36
-
37
- &::-webkit-scrollbar-track {
38
- padding: 0;
39
- background: transparent;
40
- }
41
- }
42
-
43
- %scrollbar-thin {
44
- &::-webkit-scrollbar {
45
- width: 8px;
46
- height: 8px;
47
- }
48
-
49
- &::-webkit-scrollbar-track {
50
- padding: 2px;
51
- background: transparent;
52
- }
53
-
54
- &::-webkit-scrollbar-thumb {
55
- border-radius: 4px;
56
- background-color: #cbcbcb;
57
- }
58
- }
59
- }
1
+ // SCOPE
2
+ #tide-booking {
3
+ @import "./components/mixins";
4
+ @import "./components/placeholders";
5
+ @import "./components/base";
6
+ @import "./components/form";
7
+ @import "./components/button";
8
+ @import "./components/cta";
9
+
10
+ @import "./components/step-indicators";
11
+ @import "./components/booking";
12
+ @import "./components/pricing-summary";
13
+ @import "./components/flight-option";
14
+ @import "./components/checkbox";
15
+ @import "./components/radiobutton";
16
+ @import "./components/tree";
17
+ @import "./components/list";
18
+ @import "./components/dropdown";
19
+ @import "./components/loader";
20
+ @import "./components/select-wrapper";
21
+ @import "./components/table";
22
+ @import "./components/info-message";
23
+ @import "./components/input";
24
+ @import "./components/date-list";
25
+ @import "./components/typeahead";
26
+
27
+ @extend %reset;
28
+ @include body;
29
+ @extend %scrollbar-thin;
30
+
31
+ %scrollbar-none {
32
+ &::-webkit-scrollbar {
33
+ width: 0px;
34
+ height: 0px;
35
+ }
36
+
37
+ &::-webkit-scrollbar-track {
38
+ padding: 0;
39
+ background: transparent;
40
+ }
41
+ }
42
+
43
+ %scrollbar-thin {
44
+ &::-webkit-scrollbar {
45
+ width: 8px;
46
+ height: 8px;
47
+ }
48
+
49
+ &::-webkit-scrollbar-track {
50
+ padding: 2px;
51
+ background: transparent;
52
+ }
53
+
54
+ &::-webkit-scrollbar-thumb {
55
+ border-radius: 4px;
56
+ background-color: #cbcbcb;
57
+ }
58
+ }
59
+ }
@@ -1,39 +1,39 @@
1
- @keyframes pulse {
2
- 0% {
3
- transform: scale(0.85);
4
- box-shadow: var(--tide-booking-spinner-box-shadow-0);
5
- }
6
-
7
- 7.5% {
8
- transform: scale(1);
9
- box-shadow: var(--tide-booking-spinner-box-shadow-7);
10
- }
11
-
12
- 15% {
13
- transform: scale(0.85);
14
- box-shadow: var(--tide-booking-spinner-box-shadow-15);
15
- }
16
-
17
- 22.5% {
18
- transform: scale(1);
19
- box-shadow: var(--tide-booking-spinner-box-shadow-22);
20
- }
21
-
22
- 97% {
23
- transform: scale(1);
24
- }
25
-
26
- 100% {
27
- transform: scale(0.85);
28
- }
29
- }
30
-
31
- @keyframes spinner {
32
- 0% {
33
- transform: rotate(0deg);
34
- }
35
-
36
- 100% {
37
- transform: rotate(360deg);
38
- }
39
- }
1
+ @keyframes pulse {
2
+ 0% {
3
+ transform: scale(0.85);
4
+ box-shadow: var(--tide-booking-spinner-box-shadow-0);
5
+ }
6
+
7
+ 7.5% {
8
+ transform: scale(1);
9
+ box-shadow: var(--tide-booking-spinner-box-shadow-7);
10
+ }
11
+
12
+ 15% {
13
+ transform: scale(0.85);
14
+ box-shadow: var(--tide-booking-spinner-box-shadow-15);
15
+ }
16
+
17
+ 22.5% {
18
+ transform: scale(1);
19
+ box-shadow: var(--tide-booking-spinner-box-shadow-22);
20
+ }
21
+
22
+ 97% {
23
+ transform: scale(1);
24
+ }
25
+
26
+ 100% {
27
+ transform: scale(0.85);
28
+ }
29
+ }
30
+
31
+ @keyframes spinner {
32
+ 0% {
33
+ transform: rotate(0deg);
34
+ }
35
+
36
+ 100% {
37
+ transform: rotate(360deg);
38
+ }
39
+ }
@@ -1,107 +1,107 @@
1
- // GENERAL
2
-
3
- // TYPOGRAPHY
4
-
5
- h1,
6
- h2,
7
- h3,
8
- h4,
9
- h5,
10
- h6 {
11
- @include heading;
12
- }
13
-
14
- h1,
15
- h2,
16
- h3 {
17
- margin-bottom: 15px;
18
- }
19
-
20
- h4,
21
- h5,
22
- h6 {
23
- margin-bottom: 15px * 0.75;
24
- }
25
-
26
- h1 {
27
- @include h1;
28
- }
29
-
30
- h2 {
31
- @include h2;
32
- }
33
-
34
- h3 {
35
- @include h3;
36
- }
37
-
38
- h4 {
39
- @include h4;
40
- }
41
-
42
- h5 {
43
- @include h5;
44
- }
45
-
46
- h6 {
47
- @include h6;
48
- }
49
-
50
- h6 + p {
51
- margin-top: -15px * 0.3;
52
- }
53
-
54
- p {
55
- margin-top: 0;
56
- }
57
-
58
- a {
59
- @include a;
60
- }
61
-
62
- ul,
63
- ol,
64
- dl {
65
- @extend %reset;
66
- margin-left: 15px * 1.33;
67
-
68
- li {
69
- @extend %reset;
70
- }
71
- }
72
-
73
- input {
74
- @include input;
75
- }
76
-
77
- textarea {
78
- @include textarea;
79
- }
80
-
81
- button {
82
- @include button;
83
- }
84
-
85
- strong {
86
- @include strong;
87
- }
88
-
89
- small {
90
- @include small;
91
- }
92
-
93
- ::-webkit-input-placeholder {
94
- @include placeholder;
95
- }
96
-
97
- ::-moz-placeholder {
98
- @include placeholder;
99
- }
100
-
101
- :-ms-input-placeholder {
102
- @include placeholder;
103
- }
104
-
105
- :-moz-placeholder {
106
- @include placeholder;
107
- }
1
+ // GENERAL
2
+
3
+ // TYPOGRAPHY
4
+
5
+ h1,
6
+ h2,
7
+ h3,
8
+ h4,
9
+ h5,
10
+ h6 {
11
+ @include heading;
12
+ }
13
+
14
+ h1,
15
+ h2,
16
+ h3 {
17
+ margin-bottom: 15px;
18
+ }
19
+
20
+ h4,
21
+ h5,
22
+ h6 {
23
+ margin-bottom: 15px * 0.75;
24
+ }
25
+
26
+ h1 {
27
+ @include h1;
28
+ }
29
+
30
+ h2 {
31
+ @include h2;
32
+ }
33
+
34
+ h3 {
35
+ @include h3;
36
+ }
37
+
38
+ h4 {
39
+ @include h4;
40
+ }
41
+
42
+ h5 {
43
+ @include h5;
44
+ }
45
+
46
+ h6 {
47
+ @include h6;
48
+ }
49
+
50
+ h6 + p {
51
+ margin-top: -15px * 0.3;
52
+ }
53
+
54
+ p {
55
+ margin-top: 0;
56
+ }
57
+
58
+ a {
59
+ @include a;
60
+ }
61
+
62
+ ul,
63
+ ol,
64
+ dl {
65
+ @extend %reset;
66
+ margin-left: 15px * 1.33;
67
+
68
+ li {
69
+ @extend %reset;
70
+ }
71
+ }
72
+
73
+ input {
74
+ @include input;
75
+ }
76
+
77
+ textarea {
78
+ @include textarea;
79
+ }
80
+
81
+ button {
82
+ @include button;
83
+ }
84
+
85
+ strong {
86
+ @include strong;
87
+ }
88
+
89
+ small {
90
+ @include small;
91
+ }
92
+
93
+ ::-webkit-input-placeholder {
94
+ @include placeholder;
95
+ }
96
+
97
+ ::-moz-placeholder {
98
+ @include placeholder;
99
+ }
100
+
101
+ :-ms-input-placeholder {
102
+ @include placeholder;
103
+ }
104
+
105
+ :-moz-placeholder {
106
+ @include placeholder;
107
+ }