@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.
- package/.vs/ProjectSettings.json +3 -3
- package/.vs/VSWorkspaceState.json +5 -5
- package/README.md +8 -8
- package/build/build-cjs/booking-wizard/components/print-offer-button.d.ts +17 -0
- package/build/build-cjs/booking-wizard/types.d.ts +7 -0
- package/build/build-cjs/booking-wizard/use-offer-printer.d.ts +13 -0
- package/build/build-cjs/index.js +223 -72
- package/build/build-cjs/shared/utils/localization-util.d.ts +5 -0
- package/build/build-cjs/shared/utils/tide-api-utils.d.ts +1 -0
- package/build/build-esm/booking-wizard/components/print-offer-button.d.ts +17 -0
- package/build/build-esm/booking-wizard/types.d.ts +7 -0
- package/build/build-esm/booking-wizard/use-offer-printer.d.ts +13 -0
- package/build/build-esm/index.js +224 -73
- package/build/build-esm/shared/utils/localization-util.d.ts +5 -0
- package/build/build-esm/shared/utils/tide-api-utils.d.ts +1 -0
- package/package.json +75 -75
- package/rollup.config.js +23 -23
- package/src/booking-product/components/age-select.tsx +35 -35
- package/src/booking-product/components/amount-input.tsx +78 -78
- package/src/booking-product/components/date-range-picker/calendar-day.tsx +58 -58
- package/src/booking-product/components/date-range-picker/calendar.tsx +178 -178
- package/src/booking-product/components/date-range-picker/index.tsx +196 -196
- package/src/booking-product/components/dates.tsx +136 -136
- package/src/booking-product/components/footer.tsx +69 -69
- package/src/booking-product/components/header.tsx +79 -79
- package/src/booking-product/components/icon.tsx +251 -251
- package/src/booking-product/components/product.tsx +314 -314
- package/src/booking-product/components/rating.tsx +21 -21
- package/src/booking-product/components/rooms.tsx +195 -195
- package/src/booking-product/index.tsx +30 -30
- package/src/booking-product/settings-context.ts +14 -14
- package/src/booking-product/types.ts +28 -28
- package/src/booking-product/utils/api.ts +25 -25
- package/src/booking-product/utils/price.ts +29 -29
- package/src/booking-wizard/api-settings-slice.ts +24 -24
- package/src/booking-wizard/components/icon.tsx +508 -508
- package/src/booking-wizard/components/labeled-input.tsx +64 -64
- package/src/booking-wizard/components/labeled-select.tsx +69 -69
- package/src/booking-wizard/components/message.tsx +34 -34
- package/src/booking-wizard/components/multi-range-filter.tsx +113 -113
- package/src/booking-wizard/components/print-offer-button.tsx +66 -0
- package/src/booking-wizard/components/product-card.tsx +37 -37
- package/src/booking-wizard/components/step-indicator.tsx +51 -51
- package/src/booking-wizard/components/step-route.tsx +27 -27
- package/src/booking-wizard/declarations.d.ts +4 -4
- package/src/booking-wizard/features/booking/api.ts +49 -49
- package/src/booking-wizard/features/booking/booking-self-contained.tsx +384 -384
- package/src/booking-wizard/features/booking/booking-slice.ts +662 -662
- package/src/booking-wizard/features/booking/booking.tsx +356 -356
- package/src/booking-wizard/features/booking/constants.ts +16 -16
- package/src/booking-wizard/features/booking/selectors.ts +441 -441
- package/src/booking-wizard/features/confirmation/confirmation.tsx +97 -97
- package/src/booking-wizard/features/error/error.tsx +78 -78
- package/src/booking-wizard/features/flight-options/flight-filter.tsx +432 -432
- package/src/booking-wizard/features/flight-options/flight-option-flight.tsx +385 -385
- package/src/booking-wizard/features/flight-options/flight-option-modal.tsx +229 -229
- package/src/booking-wizard/features/flight-options/flight-option.tsx +81 -81
- package/src/booking-wizard/features/flight-options/flight-utils.ts +516 -516
- package/src/booking-wizard/features/flight-options/index.tsx +196 -196
- package/src/booking-wizard/features/price-details/price-details-api.ts +24 -24
- package/src/booking-wizard/features/price-details/price-details-slice.ts +178 -178
- package/src/booking-wizard/features/price-details/util.ts +155 -155
- package/src/booking-wizard/features/product-options/no-options.tsx +21 -21
- package/src/booking-wizard/features/product-options/none-option.tsx +120 -120
- package/src/booking-wizard/features/product-options/option-booking-airline-group.tsx +64 -64
- package/src/booking-wizard/features/product-options/option-booking-group.tsx +216 -216
- package/src/booking-wizard/features/product-options/option-item.tsx +317 -317
- package/src/booking-wizard/features/product-options/option-pax-card.tsx +201 -201
- package/src/booking-wizard/features/product-options/option-pax-group.tsx +175 -175
- package/src/booking-wizard/features/product-options/option-room.tsx +321 -321
- package/src/booking-wizard/features/product-options/option-unit-group.tsx +198 -198
- package/src/booking-wizard/features/product-options/option-units-card.tsx +185 -185
- package/src/booking-wizard/features/product-options/options-form.tsx +563 -459
- package/src/booking-wizard/features/room-options/index.tsx +187 -187
- package/src/booking-wizard/features/room-options/room-utils.ts +190 -190
- package/src/booking-wizard/features/room-options/room.tsx +160 -160
- package/src/booking-wizard/features/room-options/traveler-rooms.tsx +75 -75
- package/src/booking-wizard/features/sidebar/index.tsx +76 -76
- package/src/booking-wizard/features/sidebar/sidebar-flight.tsx +68 -68
- package/src/booking-wizard/features/sidebar/sidebar-util.ts +177 -177
- package/src/booking-wizard/features/sidebar/sidebar.tsx +364 -364
- package/src/booking-wizard/features/summary/summary-booking-option-pax.tsx +25 -25
- package/src/booking-wizard/features/summary/summary-booking-option-unit.tsx +25 -25
- package/src/booking-wizard/features/summary/summary-flight.tsx +39 -39
- package/src/booking-wizard/features/summary/summary-per-booking-option-group.tsx +69 -69
- package/src/booking-wizard/features/summary/summary-per-pax-option-group.tsx +63 -63
- package/src/booking-wizard/features/summary/summary-per-unit-option-group.tsx +66 -66
- package/src/booking-wizard/features/summary/summary-slice.ts +28 -28
- package/src/booking-wizard/features/summary/summary.tsx +674 -674
- package/src/booking-wizard/features/travelers-form/travelers-form-slice.ts +164 -164
- package/src/booking-wizard/features/travelers-form/travelers-form.tsx +754 -754
- package/src/booking-wizard/features/travelers-form/type-ahead-input.tsx +101 -101
- package/src/booking-wizard/features/travelers-form/validate-form.ts +245 -245
- package/src/booking-wizard/index.tsx +36 -36
- package/src/booking-wizard/settings-context.ts +67 -60
- package/src/booking-wizard/store.ts +31 -31
- package/src/booking-wizard/types.ts +283 -276
- package/src/booking-wizard/use-offer-printer.ts +136 -0
- package/src/index.ts +4 -4
- package/src/shared/components/loader.tsx +16 -16
- package/src/shared/translations/en-GB.json +237 -232
- package/src/shared/translations/fr-BE.json +238 -233
- package/src/shared/translations/nl-BE.json +237 -232
- package/src/shared/types.ts +4 -4
- package/src/shared/utils/class-util.ts +9 -9
- package/src/shared/utils/localization-util.ts +62 -62
- package/src/shared/utils/query-string-util.ts +119 -119
- package/src/shared/utils/tide-api-utils.ts +36 -36
- package/styles/booking-product-variables.scss +394 -394
- package/styles/booking-product.scss +446 -446
- package/styles/booking-wizard-variables.scss +873 -871
- package/styles/booking-wizard.scss +59 -59
- package/styles/components/_animations.scss +39 -39
- package/styles/components/_base.scss +107 -107
- package/styles/components/_booking.scss +879 -879
- package/styles/components/_button.scss +238 -238
- package/styles/components/_checkbox.scss +219 -219
- package/styles/components/_cta.scss +208 -208
- package/styles/components/_date-list.scss +41 -41
- package/styles/components/_date-range-picker.scss +225 -225
- package/styles/components/_decrement-increment.scss +35 -35
- package/styles/components/_dropdown.scss +72 -72
- package/styles/components/_flight-option.scss +1429 -1429
- package/styles/components/_form.scss +1583 -1583
- package/styles/components/_info-message.scss +71 -71
- package/styles/components/_input.scss +25 -25
- package/styles/components/_list.scss +187 -187
- package/styles/components/_loader.scss +72 -72
- package/styles/components/_mixins.scss +550 -550
- package/styles/components/_placeholders.scss +166 -166
- package/styles/components/_pricing-summary.scss +155 -155
- package/styles/components/_qsm.scss +17 -17
- package/styles/components/_radiobutton.scss +170 -170
- package/styles/components/_select-wrapper.scss +80 -80
- package/styles/components/_spinner.scss +29 -29
- package/styles/components/_step-indicators.scss +168 -168
- package/styles/components/_table.scss +81 -81
- package/styles/components/_tree.scss +530 -530
- package/styles/components/_typeahead.scss +281 -281
- package/styles/components/_variables.scss +89 -89
- 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
|
+
}
|