ublo-lib 1.24.1 → 1.24.2

package/es/common/components/gesco-contact-form/gesco-contact-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gesco-contact-form.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/gesco-contact-form.tsx"],"names":[],"mappings":"AAgBA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EACD,0CAA0C,GAC1C,sDAAsD,GACtD,8CAA8C,CAAC;IAEnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE;QAClB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAW,EACX,OAAe,EACf,MAAM,EACN,QAAQ,EACR,UAAU,EACV,KAAgB,EAChB,IAAiD,EACjD,QAAQ,EACR,iBAAsB,GACvB,EAAE,KAAK,2CAmPP"}
+{"version":3,"file":"gesco-contact-form.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/gesco-contact-form.tsx"],"names":[],"mappings":"AAgBA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EACD,0CAA0C,GAC1C,sDAAsD,GACtD,8CAA8C,CAAC;IAEnD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE;QAClB,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAW,EACX,OAAe,EACf,MAAM,EACN,QAAQ,EACR,UAAU,EACV,KAAgB,EAChB,IAAiD,EACjD,QAAQ,EACR,iBAAsB,GACvB,EAAE,KAAK,2CA4PP"}

package/es/common/components/gesco-contact-form/gesco-contact-form.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import Select, { formatOptions } from "dt-design-system/es/select";
 import Input from "dt-design-system/es/input";
@@ -24,15 +24,23 @@ export default function GescoContactForm({ lang = "fr", channel = "ESF", resort,
         host,
     });
     const [submiting, setSubmiting] = React.useState(false);
+    const [stayNeeded, setStayNeeded] = React.useState(false);
+    const [stayMin, setStayMin] = React.useState();
     const [stayToMin, setStayToMin] = React.useState();
     const [stayFromMax, setStayFromMax] = React.useState();
     const [sendSuccess, setSendSuccess] = React.useState(false);
     const [sendError, setSendError] = React.useState(false);
     const [formKey, setFormKey] = React.useState(0);
+    React.useEffect(() => {
+        const now = new Date();
+        setStayMin(now.toISOString().split("T")[0]);
+    }, []);
     const _lang = lang === "fr" ? "fr" : "en";
-    const needCategory = params?.categories?.length !== undefined && params?.categories?.length > 1;
+    const needCategory = stayNeeded &&
+        params?.categories?.length !== undefined &&
+        params?.categories?.length > 1;
     const loading = !error && params === undefined;
-    const defaultCategoryValue = params?.categories?.[0]?.code;
+    const defaultCategoryValue = stayNeeded && params?.categories?.[0]?.code;
     const messages = Messages.get(_lang, messagesOverrides);
     const subjectOptions = formatOptions("label", "id", params?.subjects);
     const categoryOptions = formatOptions("label", "code", params?.categories);
@@ -72,6 +80,10 @@ export default function GescoContactForm({ lang = "fr", channel = "ESF", resort,
             setSendSuccess(true);
         }, 3000);
     };
+    const checkIfStayIsNeeded = (value) => {
+        const subject = params?.subjects?.find((s) => String(s.id) === value);
+        setStayNeeded(Boolean(subject?.stay));
+    };
     const hideSuccess = () => {
         setSendSuccess(false);
     };
@@ -84,11 +96,11 @@ export default function GescoContactForm({ lang = "fr", channel = "ESF", resort,
     const updateStayFromMax = (value) => {
         setStayFromMax(value);
     };
-    return (_jsxs("form", { className: styles.form, onSubmit: submitForm, children: [_jsx(Select, { name: "subject", label: messages.subject, className: styles.fullWidthField, placeholder: messages.defaultSubject, options: subjectOptions, loading: loading, disabled: Boolean(error), required: true }), _jsx(Input, { name: "firstname", type: "text", icon: "User", label: messages.firstname, loading: loading, pattern: ".{2,}", patternError: Messages.format(messages.lengthError, {
+    return (_jsxs("form", { className: styles.form, onSubmit: submitForm, children: [_jsx(Select, { name: "subject", label: messages.subject, className: styles.fullWidthField, placeholder: messages.defaultSubject, options: subjectOptions, disabled: Boolean(error) || loading, onValueChange: checkIfStayIsNeeded, required: true }), _jsx(Input, { name: "firstname", type: "text", icon: "User", label: messages.firstname, pattern: ".{2,}", patternError: Messages.format(messages.lengthError, {
                     label: messages.firstname,
                     length: "1",
-                }), disabled: Boolean(error), required: true }), _jsx(Input, { name: "lastname", type: "text", icon: "User", label: messages.lastname, loading: loading, pattern: ".{2,}", patternError: Messages.format(messages.lengthError, {
+                }), disabled: Boolean(error) || loading, required: true }), _jsx(Input, { name: "lastname", type: "text", icon: "User", label: messages.lastname, pattern: ".{2,}", patternError: Messages.format(messages.lengthError, {
                     label: messages.lastname,
                     length: "1",
-                }), disabled: Boolean(error), required: true }), _jsx(Input, { name: "email", type: "email", icon: "Mail", label: messages.email, loading: loading, pattern: "[^@\\s]+@[^@\\s]+\\.[^@\\s]+", patternError: messages.emailError, disabled: Boolean(error), required: true }), _jsxs("div", { className: styles.phoneGroup, children: [_jsx(PhoneCodeSelect, { messages: messages, loading: loading, disabled: Boolean(error) }), _jsx(Input, { name: "phone", type: "phone", icon: "Smartphone", label: messages.phone, loading: loading, inputMode: "numeric", pattern: "[0-9 ]{9,15}$", patternError: messages.phoneError, disabled: Boolean(error), required: true })] }), _jsx(Select, { name: "country", icon: "Globe", label: messages.country, className: styles.fullWidthField, placeholder: messages.defaultCountry, options: countryOptions, loading: loading, disabled: Boolean(error), required: true }), needCategory && (_jsx(Select, { name: "category", icon: "Plane", label: messages.category, className: styles.fullWidthField, placeholder: messages.defaultCategory, options: categoryOptions, loading: loading, disabled: Boolean(error), required: true })), _jsx(Input, { name: "stayFrom", className: styles.stayField, type: "date", label: messages.stayFromDate, placeholder: messages.dateFormat, loading: loading, onValueChange: updateStayToMin, hint: stayFromMax, max: stayFromMax, disabled: Boolean(error), extended: true, required: true }), _jsx(Input, { name: "stayTo", className: styles.stayField, type: "date", label: messages.stayToDate, placeholder: messages.dateFormat, loading: loading, onValueChange: updateStayFromMax, hint: stayToMin, min: stayToMin, disabled: Boolean(error), extended: true, required: true }), _jsx(Textarea, { name: "message", className: styles.fullWidthField, label: messages.message, loading: loading, disabled: Boolean(error), required: true, autoSizing: true }), _jsx("div", { className: styles.send, children: _jsxs(Button, { type: "submit", disabled: Boolean(error) || loading || submiting, children: [submiting ? _jsx(Loader, { className: styles.loader }) : _jsx(Icons.Plane, {}), messages.submit] }) }), sendSuccess && (_jsx(Information, { className: styles.response, type: "success", close: hideSuccess, children: messages.sendSucesss })), sendError && (_jsx(Information, { className: styles.response, type: "error", close: hideError, children: messages.sendError })), error && (_jsx(Information, { className: styles.error, type: "warning", children: messages.parametersError }))] }, formKey));
+                }), disabled: Boolean(error) || loading, required: true }), _jsx(Input, { name: "email", type: "email", icon: "Mail", label: messages.email, pattern: "[^@\\s]+@[^@\\s]+\\.[^@\\s]+", patternError: messages.emailError, disabled: Boolean(error) || loading, required: true }), _jsxs("div", { className: styles.phoneGroup, children: [_jsx(PhoneCodeSelect, { messages: messages, disabled: Boolean(error) || loading }), _jsx(Input, { name: "phone", type: "phone", className: styles.phoneField, label: messages.phone, inputMode: "numeric", pattern: "[0-9 ]{9,15}$", patternError: messages.phoneError, disabled: Boolean(error) || loading, required: true })] }), _jsx(Select, { name: "country", icon: "Globe", label: messages.country, className: styles.fullWidthField, placeholder: messages.defaultCountry, options: countryOptions, disabled: Boolean(error) || loading, required: true }), needCategory && (_jsx(Select, { name: "category", icon: "Plane", label: messages.category, className: styles.fullWidthField, placeholder: messages.defaultCategory, options: categoryOptions, disabled: Boolean(error) || loading, required: true })), stayNeeded && (_jsxs(_Fragment, { children: [_jsx(Input, { name: "stayFrom", className: styles.stayField, type: "date", label: messages.stayFromDate, placeholder: messages.dateFormat, onValueChange: updateStayToMin, hint: stayFromMax, min: stayMin, max: stayFromMax, disabled: Boolean(error) || loading, extended: true, required: true }), _jsx(Input, { name: "stayTo", className: styles.stayField, type: "date", label: messages.stayToDate, placeholder: messages.dateFormat, onValueChange: updateStayFromMax, hint: stayToMin, min: stayToMin || stayMin, disabled: Boolean(error) || loading, extended: true, required: true })] })), _jsx(Textarea, { name: "message", className: styles.fullWidthField, label: messages.message, disabled: Boolean(error) || loading, required: true, autoSizing: true }), _jsx("div", { className: styles.send, children: _jsxs(Button, { type: "submit", disabled: Boolean(error) || loading || submiting, children: [submiting ? _jsx(Loader, { className: styles.loader }) : _jsx(Icons.Plane, {}), messages.submit] }) }), sendSuccess && (_jsx(Information, { className: styles.response, type: "success", close: hideSuccess, children: messages.sendSucesss })), sendError && (_jsx(Information, { className: styles.response, type: "error", close: hideError, children: messages.sendError })), error && (_jsx(Information, { className: styles.error, type: "warning", children: messages.parametersError }))] }, formKey));
 }

package/es/common/components/gesco-contact-form/gesco-contact-form.module.css

@@ -1,10 +1,8 @@
 .form {
-  --gap: 12px;
-
   position: relative;
   display: grid;
   grid-template-columns: 1fr;
-  gap: var(--gap);
+  gap: 16px;
   margin-bottom: 20px;
 }
 
@@ -16,14 +14,19 @@
 
 .phoneGroup {
   display: flex;
-  gap: var(--gap);
   align-items: flex-start;
 }
 
-.phoneGroup > div:last-child {
+.phoneField {
   flex: 1 1 auto;
 }
 
+.phoneField input {
+  border-left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
 @media (min-width: 560px) {
   .fullWidthField {
     grid-column: span 2;

package/es/common/components/gesco-contact-form/phone-code-select.d.ts

@@ -1,8 +1,7 @@
 type Props = {
     messages: Record<string, string>;
-    loading?: boolean;
     disabled?: boolean;
 };
-export default function PhoneCodeSelect({ messages, loading, disabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PhoneCodeSelect({ messages, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=phone-code-select.d.ts.map

package/es/common/components/gesco-contact-form/phone-code-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone-code-select.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/phone-code-select.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CA4CP"}
+{"version":3,"file":"phone-code-select.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/phone-code-select.tsx"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAgEpE"}

package/es/common/components/gesco-contact-form/phone-code-select.js

@@ -3,24 +3,24 @@ import Select from "dt-design-system/es/custom-select";
 import * as Flags from "dt-design-system/es/flags";
 import prefixes from "./data/phone-prefixes.json";
 import styles from "./phone-code-select.module.css";
-const IGNORED_CODES = [
-    "33",
-    "44",
-    "32",
-    "31",
-    "41",
-    "1",
-    "352",
-    "353",
-    "34",
-    "55",
-    "49",
-    "39",
-    "351",
-    "61",
+const HIGHLIGHTED_COUNTRIES = [
+    "France",
+    "United Kingdom",
+    "Belgium",
+    "Netherlands",
+    "Switzerland",
+    "United States",
+    "Luxembourg",
+    "Ireland",
+    "Spain",
+    "Brazil",
+    "Germany",
+    "Italy",
+    "Portugal",
+    "Australia",
 ];
 const FIRST_PREFIX = prefixes[0];
-export default function PhoneCodeSelect({ messages, loading, disabled, }) {
+export default function PhoneCodeSelect({ messages, disabled }) {
     const defaultValue = `${FIRST_PREFIX.country}|${FIRST_PREFIX.code}`;
     const deduppedPrefixes = prefixes
         .reduce((acc, prefix) => {
@@ -31,12 +31,13 @@ export default function PhoneCodeSelect({ messages, loading, disabled, }) {
         return [...acc, ...splitted];
     }, [])
         .sort((a, b) => {
-        if (IGNORED_CODES.includes(a.code) || IGNORED_CODES.includes(b.code)) {
+        if (HIGHLIGHTED_COUNTRIES.includes(a.country) ||
+            HIGHLIGHTED_COUNTRIES.includes(b.country)) {
             return 0;
         }
         return a.code.localeCompare(b.code);
     });
-    const options = deduppedPrefixes.map(({ country, code, iso }) => {
+    const bareOptions = deduppedPrefixes.map(({ country, code, iso }) => {
         const Icon = Flags[iso.toLowerCase()] || "svg";
         return {
             label: (_jsxs("span", { className: styles.option, children: [_jsx(Icon, { className: styles.icon }), _jsxs("span", { className: styles.code, children: ["+", code] })] })),
@@ -44,5 +45,17 @@ export default function PhoneCodeSelect({ messages, loading, disabled, }) {
             kind: "item",
         };
     });
-    return (_jsx(Select, { name: "phoneCode", className: styles.select, label: messages.phoneCode, options: options, defaultValue: defaultValue, loading: loading, disabled: disabled, required: true }));
+    const separator = { kind: "separator" };
+    const { highlighted, others } = bareOptions.reduce((acc, option) => {
+        const { value } = option;
+        const [country] = value.split("|");
+        const isHighlighted = HIGHLIGHTED_COUNTRIES.includes(country);
+        const key = isHighlighted ? "highlighted" : "others";
+        return {
+            ...acc,
+            [key]: [...acc[key], option],
+        };
+    }, { highlighted: [], others: [] });
+    const options = [...highlighted, separator, ...others];
+    return (_jsx(Select, { name: "phoneCode", className: styles.select, label: messages.phoneCode, options: options, defaultValue: defaultValue, disabled: disabled, required: true }));
 }

package/es/common/components/gesco-contact-form/phone-code-select.module.css

@@ -2,6 +2,11 @@
   flex: 0 0 110px;
 }
 
+.select button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
 .option {
   display: flex;
   align-items: center;

package/es/common/components/gesco-contact-form/services/messages.js

@@ -25,7 +25,7 @@ const fr = {
     parametersError: "Une erreur est survenue pendant la génération du formulaire. Veuillez réessayer ultérieurement.",
     emailError: 'L\'email doit être au format "john.doe@domaine.com"',
     phoneError: 'Le téléphone doit être au format "0612345678"',
-    lengthError: '"{label}" doit contenir au moins {length} caractères',
+    lengthError: '"{label}" doit contenir au moins {length} caractère(s)',
 };
 const en = {
     subject: "Subject",
@@ -54,7 +54,7 @@ const en = {
     parametersError: "An error occured during the creation of the form. Please try again later.",
     emailError: 'The email must be in the format "john.doe@domain.com"',
     phoneError: 'The phone number must be in the following formats: "0612345678" or "555 555 555',
-    lengthError: '"{label}" must contain at least {length} characters',
+    lengthError: '"{label}" must contain at least {length} character(s)',
 };
 export function get(lang, overrides = {}) {
     const locale = lang === "fr" ? fr : en;

package/es/common/components/gesco-contact-form/services/plausible.js

@@ -1,9 +1,10 @@
+// import * as Plausible from "ublo-lib/es/common/components/plausible";
 import * as Plausible from "../../plausible";
 export function sendEvent(values, params) {
     if (!params)
         return;
     const country = params.countries.find((country) => country.code === values.country);
-    const subject = params.subjects.find((subject) => subject.id === values.subject);
+    const subject = params.subjects.find((subject) => String(subject.id) === values.subject);
     Plausible.sendGoal("Contact-us", {
         Country: country?.name,
         Subject: subject?.label,

package/es/common/components/gesco-contact-form/types.d.ts

@@ -23,6 +23,7 @@ type Category = {
 type Subject = {
     id: string;
     label: string;
+    stay: 0 | 1;
 };
 export type Params = {
     countries: Country[];

package/es/common/components/gesco-contact-form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,CAAC;AAExB,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/common/components/gesco-contact-form/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,mBAAmB,CAAC;AAExB,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.24.1",
+  "version": "1.24.2",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",
@@ -42,7 +42,7 @@
     "classnames": "2.5.1",
     "cors": "2.8.5",
     "cpx2": "4.2.3",
-    "dt-design-system": "3.6.19",
+    "dt-design-system": "3.7.4",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-config-standard": "17.1.0",