ublo-lib 1.1.9 → 1.1.13
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/es/common/components/custom-contact-form/custom-contact-form.js +1 -3
- package/es/common/components/custom-contact-form/field.js +1 -2
- package/es/common/components/error-404/error-404.js +7 -10
- package/es/esf/components/loyal-customers/components/field.js +1 -2
- package/es/esf/components/loyal-customers/loyal-customers.js +1 -3
- package/es/esf/components/magic-box/magic-box.module.css +8 -2
- package/es/lbm/components/msem-linker/editor/ski-pass.js +3 -3
- package/es/lbm/components/msem-linker/services/url-params.js +5 -0
- package/package.json +1 -1
|
@@ -103,9 +103,7 @@ const CustomContactForm = ({
|
|
|
103
103
|
React.useEffect(() => {
|
|
104
104
|
setData(getInitialFormState(fields, presets?.values));
|
|
105
105
|
}, [fields, presets?.values]);
|
|
106
|
-
const classes = classnames(styles.root,
|
|
107
|
-
[className]: className
|
|
108
|
-
});
|
|
106
|
+
const classes = classnames(styles.root, className);
|
|
109
107
|
const innerClasses = classnames(styles.inner, {
|
|
110
108
|
[innerClassName]: innerClassName
|
|
111
109
|
});
|
|
@@ -113,8 +113,7 @@ const Inner = ({
|
|
|
113
113
|
autoSizing
|
|
114
114
|
} = field;
|
|
115
115
|
const [options, setOptions] = React.useState(fieldOptions);
|
|
116
|
-
const fieldClasses = classnames({
|
|
117
|
-
[className]: className,
|
|
116
|
+
const fieldClasses = classnames(className, {
|
|
118
117
|
[classes]: classes
|
|
119
118
|
});
|
|
120
119
|
const Tag = getTag(type);
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import classnames from "classnames";
|
|
3
|
-
import
|
|
4
|
-
import css from "./error-404.module.css";
|
|
3
|
+
import Button from "dt-design-system/es/button";
|
|
5
4
|
import { useGoal } from "../plausible";
|
|
6
5
|
import Message from "./messages";
|
|
7
|
-
import
|
|
6
|
+
import css from "./error-404.module.css";
|
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
9
|
|
|
@@ -13,9 +12,7 @@ const Error404 = ({
|
|
|
13
12
|
className
|
|
14
13
|
}) => {
|
|
15
14
|
useGoal("404 error");
|
|
16
|
-
const classes = classnames(css.error,
|
|
17
|
-
[className]: className
|
|
18
|
-
});
|
|
15
|
+
const classes = classnames(css.error, className);
|
|
19
16
|
return _jsxs("div", {
|
|
20
17
|
className: classes,
|
|
21
18
|
children: [logo && _jsx("div", {
|
|
@@ -33,10 +30,10 @@ const Error404 = ({
|
|
|
33
30
|
children: _jsx(Message, {
|
|
34
31
|
id: "tagline"
|
|
35
32
|
})
|
|
36
|
-
}), _jsx(
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
}), _jsx(Button, {
|
|
34
|
+
tag: "a",
|
|
35
|
+
className: css.button,
|
|
36
|
+
href: "/",
|
|
40
37
|
children: _jsx(Message, {
|
|
41
38
|
id: "button"
|
|
42
39
|
})
|
|
@@ -60,8 +60,7 @@ const renderField = (lang, label, classes, name, field, data, setData) => {
|
|
|
60
60
|
className
|
|
61
61
|
} = field;
|
|
62
62
|
const Tag = getTag(type);
|
|
63
|
-
const fieldClasses = classnames({
|
|
64
|
-
[className]: className,
|
|
63
|
+
const fieldClasses = classnames(className, {
|
|
65
64
|
[classes]: classes
|
|
66
65
|
});
|
|
67
66
|
const props = getProps(lang, type, name, label, data, required, placeholder, fieldClasses);
|
|
@@ -82,9 +82,7 @@ const LoyalCustomers = ({
|
|
|
82
82
|
return () => products.forEach(cleanup);
|
|
83
83
|
}
|
|
84
84
|
}, [cleanup, cmsMode, init, selectors]);
|
|
85
|
-
const classes = classnames(styles.index,
|
|
86
|
-
[className]: className
|
|
87
|
-
});
|
|
85
|
+
const classes = classnames(styles.index, className);
|
|
88
86
|
return _jsxs("div", {
|
|
89
87
|
className: classes,
|
|
90
88
|
children: [_jsx("div", {
|
|
@@ -11,12 +11,18 @@
|
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
margin: 0 auto;
|
|
14
|
-
padding: 50px
|
|
14
|
+
padding: 50px 10px;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@media (min-width: 992px) {
|
|
18
18
|
.top {
|
|
19
|
-
padding:
|
|
19
|
+
padding: 70px 10px;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media (min-width: 1120px) {
|
|
24
|
+
.top {
|
|
25
|
+
padding: 70px 0;
|
|
20
26
|
}
|
|
21
27
|
}
|
|
22
28
|
|
|
@@ -367,7 +367,7 @@ const SkiPass = ({
|
|
|
367
367
|
}), _jsx("div", {
|
|
368
368
|
className: styles.label,
|
|
369
369
|
children: messages.filters
|
|
370
|
-
}), activities
|
|
370
|
+
}), activities?.length > 1 && _jsx(MutlipleSelect, {
|
|
371
371
|
placeholder: "Selectionnez une ou plusieurs options",
|
|
372
372
|
label: messages.activities,
|
|
373
373
|
options: activities,
|
|
@@ -375,13 +375,13 @@ const SkiPass = ({
|
|
|
375
375
|
onChange: updateFilter("activities")
|
|
376
376
|
}), _jsxs("div", {
|
|
377
377
|
className: styles.row,
|
|
378
|
-
children: [filteredDomains
|
|
378
|
+
children: [filteredDomains?.length > 0 && _jsx(MutlipleSelect, {
|
|
379
379
|
placeholder: "Selectionnez une ou plusieurs options",
|
|
380
380
|
label: messages.domains,
|
|
381
381
|
options: filteredDomains,
|
|
382
382
|
values: selectedDomains,
|
|
383
383
|
onChange: updateFilter("domains")
|
|
384
|
-
}), filteredDurations
|
|
384
|
+
}), filteredDurations?.length > 0 && _jsx(MutlipleSelect, {
|
|
385
385
|
placeholder: "Selectionnez une ou plusieurs options",
|
|
386
386
|
label: messages.durations,
|
|
387
387
|
options: filteredDurations,
|
|
@@ -14,12 +14,17 @@ export const getSkiPassesUrl = (lang, params, widgetUrl) => {
|
|
|
14
14
|
protocol
|
|
15
15
|
} = window.location;
|
|
16
16
|
const isExternalUrl = widgetUrl.startsWith("http");
|
|
17
|
+
const alreadyContainsLang = widgetUrl.includes(`/${lang}`);
|
|
17
18
|
const encodedParams = build(params);
|
|
18
19
|
|
|
19
20
|
if (isExternalUrl) {
|
|
20
21
|
return `${widgetUrl}${encodedParams}`;
|
|
21
22
|
}
|
|
22
23
|
|
|
24
|
+
if (alreadyContainsLang) {
|
|
25
|
+
return `${protocol}//${host}${widgetUrl}${encodedParams}`;
|
|
26
|
+
}
|
|
27
|
+
|
|
23
28
|
return `${protocol}//${host}/${lang}${widgetUrl}${encodedParams}`;
|
|
24
29
|
};
|
|
25
30
|
export const getLodgingUrl = (params, openPage, lodgingPrefixUrl, noLodgingPage) => {
|