@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,89 +1,89 @@
1
- // COLOR DEFINITIONS
2
- $jelly-bean: #26809b;
3
- $cerulean: #12aad8;
4
- $limed-oak: #8f8345;
5
-
6
- // COLOR ASSIGNMENTS
7
- $color-primary: $cerulean;
8
- $color-secondary: $limed-oak;
9
- $color-star: #9e914f;
10
- $invalid: #e74c3c;
11
- $price-increase: #e81212;
12
- $price-decrease: #19a364;
13
-
14
- $white: #ffffff;
15
- $gray-light: #f5f5f5;
16
- $gray-xlight: #fbfbfb;
17
- $gray--medium-light: #efefef;
18
- $gray-background-light: #e2e2e2;
19
- $gray-border-light: #f3f3f3;
20
- $gray-border-medium: #e5e5e5;
21
- $gray-border-tree: #b9b9b9;
22
- $gray-checkbox-bg: #bdbdbd;
23
- $gray-medium: #cbcbcb;
24
- $gray-timeline: #808080;
25
- $gray-dark: #666666;
26
- $tree-border-selected: #e0ecff;
27
- $tree-background-selected: #edfbff;
28
- $black: #0a0a0a;
29
- $transparent: transparent;
30
-
31
- $economy: #334eac;
32
- $economy-background: #ebedf7;
33
- $premium: #85204b;
34
- $premium-background: #f1e6eb;
35
- $business: #8e8347;
36
- $business-background: #f5f4ed;
37
-
38
- // BACKGROUNDS
39
- $bg-secondary: lighten(#f1efe5, 3%);
40
- $btn-hover: darken($color-primary, 3%);
41
-
42
- // TYPOGRAPHY
43
- $font-heading: "Prata", serif;
44
- $font-body: "proxima-nova", sans-serif;
45
- $font-handwritten: "caliban-std", sans-serif;
46
-
47
- // GRID
48
- $container-wide: 169rem;
49
- $container-medium: 120rem;
50
- $container-small: 90rem;
51
- $container-article: 65rem;
52
- $gutter: 1.5rem;
53
-
54
- // MEDIA QUERIES
55
- $screen-xs: 576px;
56
- $screen-sm: 768px;
57
- $screen-md: 992px;
58
- $screen-lg: 1200px;
59
- $screen-xl: 1650px;
60
- $screen-xxl: 1920px;
61
-
62
- %scrollbar-none {
63
- &::-webkit-scrollbar {
64
- width: 0px;
65
- height: 0px;
66
- }
67
-
68
- &::-webkit-scrollbar-track {
69
- padding: 0;
70
- background: transparent;
71
- }
72
- }
73
-
74
- %scrollbar-thin {
75
- &::-webkit-scrollbar {
76
- width: 8px;
77
- height: 8px;
78
- }
79
-
80
- &::-webkit-scrollbar-track {
81
- padding: 2px;
82
- background: transparent;
83
- }
84
-
85
- &::-webkit-scrollbar-thumb {
86
- border-radius: 4px;
87
- background-color: fade-out($black, 0.75);
88
- }
89
- }
1
+ // COLOR DEFINITIONS
2
+ $jelly-bean: #26809b;
3
+ $cerulean: #12aad8;
4
+ $limed-oak: #8f8345;
5
+
6
+ // COLOR ASSIGNMENTS
7
+ $color-primary: $cerulean;
8
+ $color-secondary: $limed-oak;
9
+ $color-star: #9e914f;
10
+ $invalid: #e74c3c;
11
+ $price-increase: #e81212;
12
+ $price-decrease: #19a364;
13
+
14
+ $white: #ffffff;
15
+ $gray-light: #f5f5f5;
16
+ $gray-xlight: #fbfbfb;
17
+ $gray--medium-light: #efefef;
18
+ $gray-background-light: #e2e2e2;
19
+ $gray-border-light: #f3f3f3;
20
+ $gray-border-medium: #e5e5e5;
21
+ $gray-border-tree: #b9b9b9;
22
+ $gray-checkbox-bg: #bdbdbd;
23
+ $gray-medium: #cbcbcb;
24
+ $gray-timeline: #808080;
25
+ $gray-dark: #666666;
26
+ $tree-border-selected: #e0ecff;
27
+ $tree-background-selected: #edfbff;
28
+ $black: #0a0a0a;
29
+ $transparent: transparent;
30
+
31
+ $economy: #334eac;
32
+ $economy-background: #ebedf7;
33
+ $premium: #85204b;
34
+ $premium-background: #f1e6eb;
35
+ $business: #8e8347;
36
+ $business-background: #f5f4ed;
37
+
38
+ // BACKGROUNDS
39
+ $bg-secondary: lighten(#f1efe5, 3%);
40
+ $btn-hover: darken($color-primary, 3%);
41
+
42
+ // TYPOGRAPHY
43
+ $font-heading: "Prata", serif;
44
+ $font-body: "proxima-nova", sans-serif;
45
+ $font-handwritten: "caliban-std", sans-serif;
46
+
47
+ // GRID
48
+ $container-wide: 169rem;
49
+ $container-medium: 120rem;
50
+ $container-small: 90rem;
51
+ $container-article: 65rem;
52
+ $gutter: 1.5rem;
53
+
54
+ // MEDIA QUERIES
55
+ $screen-xs: 576px;
56
+ $screen-sm: 768px;
57
+ $screen-md: 992px;
58
+ $screen-lg: 1200px;
59
+ $screen-xl: 1650px;
60
+ $screen-xxl: 1920px;
61
+
62
+ %scrollbar-none {
63
+ &::-webkit-scrollbar {
64
+ width: 0px;
65
+ height: 0px;
66
+ }
67
+
68
+ &::-webkit-scrollbar-track {
69
+ padding: 0;
70
+ background: transparent;
71
+ }
72
+ }
73
+
74
+ %scrollbar-thin {
75
+ &::-webkit-scrollbar {
76
+ width: 8px;
77
+ height: 8px;
78
+ }
79
+
80
+ &::-webkit-scrollbar-track {
81
+ padding: 2px;
82
+ background: transparent;
83
+ }
84
+
85
+ &::-webkit-scrollbar-thumb {
86
+ border-radius: 4px;
87
+ background-color: fade-out($black, 0.75);
88
+ }
89
+ }
package/tsconfig.json CHANGED
@@ -1,24 +1,24 @@
1
- {
2
- "compilerOptions": {
3
- "target": "es5",
4
- "module": "esnext",
5
- "lib": ["es2019", "dom"],
6
- "jsx": "react",
7
- "moduleResolution": "Node",
8
- "declaration": true,
9
- "declarationDir": "build",
10
- "sourceMap": true,
11
- "strict": true,
12
- "strictNullChecks": true,
13
- "esModuleInterop": true,
14
- "skipLibCheck": true,
15
- "forceConsistentCasingInFileNames": true,
16
- "noUnusedLocals": true,
17
- "noImplicitThis": true,
18
- "noImplicitAny": true,
19
- "noEmit": true,
20
- "resolveJsonModule": true
21
- },
22
- "include": ["src/**/*"],
23
- "exclude": ["./node-modules/*"]
24
- }
1
+ {
2
+ "compilerOptions": {
3
+ "target": "es5",
4
+ "module": "esnext",
5
+ "lib": ["es2019", "dom"],
6
+ "jsx": "react",
7
+ "moduleResolution": "Node",
8
+ "declaration": true,
9
+ "declarationDir": "build",
10
+ "sourceMap": true,
11
+ "strict": true,
12
+ "strictNullChecks": true,
13
+ "esModuleInterop": true,
14
+ "skipLibCheck": true,
15
+ "forceConsistentCasingInFileNames": true,
16
+ "noUnusedLocals": true,
17
+ "noImplicitThis": true,
18
+ "noImplicitAny": true,
19
+ "noEmit": true,
20
+ "resolveJsonModule": true
21
+ },
22
+ "include": ["src/**/*"],
23
+ "exclude": ["./node-modules/*"]
24
+ }