ublo-lib 1.0.22 → 1.0.25

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

@@ -7,7 +7,7 @@ import Button from "dt-design-system/es/button";
 import * as Messages from "./messages";
 import * as Icons from "./icons";
 import * as DTIcons from "dt-design-system/es/icons";
-import styles from "./index.module.css";
+import styles from "./custom-contact-form.module.css";
 import { getInitialFormState, getSettings, send } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -20,20 +20,17 @@ const CustomContactFormWithSnackbar = props => {
 };
 
 const CustomContactForm = ({
-  formTitle,
-  fields,
   kind,
-  onSubmit,
+  title,
+  fields,
   presets,
-  setPresets,
-  allowPresetsReset,
-  subjectPrefix,
-  subjectSuffix,
   className,
   innerClassName,
+  subject,
+  onSubmit,
   customSend
 }) => {
-  const [data, setData] = React.useState(getInitialFormState(fields, presets));
+  const [data, setData] = React.useState(getInitialFormState(fields, presets?.values));
   const [sending, setSending] = React.useState(false);
   const [ready, setReady] = React.useState(false);
   const [settings, setSettings] = React.useState();
@@ -57,8 +54,8 @@ const CustomContactForm = ({
       site,
       data,
       fields,
-      subjectPrefix,
-      subjectSuffix
+      subjectPrefix: subject?.prefix,
+      subjectSuffix: subject?.suffix
     });
 
     if (error) {
@@ -84,7 +81,7 @@ const CustomContactForm = ({
   };
 
   const resetForm = () => {
-    setPresets?.(undefined);
+    presets.setter?.(undefined);
     setData(getInitialFormState(fields));
   };
 
@@ -104,8 +101,8 @@ const CustomContactForm = ({
     }
   }, [ready, settings, site]);
   React.useEffect(() => {
-    setData(getInitialFormState(fields, presets));
-  }, [fields, presets]);
+    setData(getInitialFormState(fields, presets.values));
+  }, [fields, presets?.values]);
   const classes = classnames(styles.root, {
     [className]: className
   });
@@ -122,12 +119,12 @@ const CustomContactForm = ({
     });
   }
 
-  const formKey = presets ? JSON.stringify(presets) : undefined;
+  const formKey = presets ? JSON.stringify(presets.values) : undefined;
   return _jsxs("div", {
     className: classes,
-    children: [formTitle && _jsx("div", {
+    children: [title && _jsx("div", {
       className: styles.title,
-      children: formTitle
+      children: title
     }), _jsx("div", {
       className: innerClasses,
       children: Object.keys(fields).map(key => _jsx(Field, {
@@ -137,11 +134,11 @@ const CustomContactForm = ({
         data: data,
         setData: setData,
         settings: settings,
-        presets: presets
+        presets: presets?.values
       }, key))
     }, formKey), _jsxs("div", {
       className: styles.bottom,
-      children: [presets && allowPresetsReset && _jsx(Button, {
+      children: [presets?.allowReset && _jsx(Button, {
         className: styles.resetButton,
         disabled: sending,
         onClick: resetForm,

package/es/esf/components/instructor-suggestions/index.js

@@ -1,181 +1,2 @@
-import * as React from "react";
-import { useEffect, useState } from "react";
-import classnames from "classnames";
-import { fetchRandomInstructors } from "./fetcher";
-import { PersonIcon, ArrowDownIcon, CloseIcon, flags } from "./icons";
-import Loader from "./loader";
-import messages from "./messages";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-
-const InstructorSuggestions = ({
-  school,
-  lang,
-  tags,
-  size,
-  buildHref,
-  env
-}) => {
-  const [instructors, setInstructors] = useState();
-  const [instructor, setInstructor] = useState();
-  const texts = messages(lang);
-
-  const selectInstructor = instructor => () => {
-    setInstructor(instructor);
-  };
-
-  useEffect(() => {
-    const fetchInstructors = async () => {
-      if (school && lang && tags) {
-        const instructors = await fetchRandomInstructors(school, lang, tags, size, env);
-        setInstructors(instructors);
-      }
-    };
-
-    fetchInstructors();
-  }, [school, lang, tags, size, env]);
-
-  const renderDetails = () => {
-    const {
-      firstname,
-      lastname,
-      languages,
-      activities,
-      introduction,
-      description,
-      uri
-    } = instructor;
-    return _jsxs(_Fragment, {
-      children: [_jsx("div", {
-        className: "instructor-suggestions__details-close",
-        onClick: selectInstructor(),
-        children: _jsx(CloseIcon, {
-          className: "instructor-suggestions__details-close-icon"
-        })
-      }), _jsxs("div", {
-        className: "instructor-suggestions__details-data",
-        children: [_jsxs("div", {
-          className: "instructor-suggestions__details-name",
-          children: [_jsx("span", {
-            className: "instructor-suggestions__details-firstname",
-            children: firstname
-          }), " ", _jsx("span", {
-            className: "instructor-suggestions__details-lastname",
-            children: lastname
-          })]
-        }), _jsx("div", {
-          className: "instructor-suggestions__details-langs",
-          children: languages && languages.map(({
-            code,
-            label
-          }) => {
-            const Flag = flags[code];
-            return Flag ? _jsx(Flag, {
-              className: "instructor-suggestions__details-lang",
-              title: label
-            }, code) : _jsx("div", {
-              className: "instructor-suggestions__details-langtext",
-              children: label
-            }, code);
-          })
-        }), activities && _jsxs("div", {
-          className: "instructor-suggestions__details-skills",
-          children: ["Mes sp\xE9cialit\xE9s sont :", " ", activities.map(({
-            code,
-            label
-          }, index) => {
-            const length = activities.length;
-            return _jsxs("div", {
-              className: "instructor-suggestions__details-skill",
-              children: [_jsx("span", {
-                className: "instructor-suggestions__details-skillspan",
-                children: label
-              }), index < length - 2 ? ", " : index < length - 1 ? texts["instructor-suggestions-and"] : ""]
-            }, code);
-          })]
-        })]
-      }), _jsxs("div", {
-        className: "instructor-suggestions__details-description",
-        children: [_jsx("div", {
-          className: "instructor-suggestions__details-mojo",
-          dangerouslySetInnerHTML: {
-            __html: introduction
-          }
-        }), description && description.trim() !== "" && _jsxs(_Fragment, {
-          children: [_jsx("div", {
-            className: "instructor-suggestions__details-description-title",
-            children: texts["instructor-suggestions-about"]
-          }), _jsx("div", {
-            className: "instructor-suggestions__details-text",
-            dangerouslySetInnerHTML: {
-              __html: description
-            }
-          })]
-        })]
-      }), buildHref && _jsx("div", {
-        className: "instructor-suggestions__details-bottom",
-        children: _jsx("a", {
-          className: "instructor-suggestions__details-see-more",
-          href: buildHref(uri),
-          children: texts["instructor-suggestions-see-full-version"]
-        })
-      })]
-    });
-  };
-
-  const renderInstructors = () => {
-    return instructors.map(instructor => {
-      const {
-        uri,
-        photo,
-        firstname,
-        lastname
-      } = instructor;
-      return _jsx("div", {
-        className: "instructor-suggestions__instructor",
-        onClick: selectInstructor(instructor),
-        children: _jsxs("div", {
-          className: "instructor-suggestions__instructor-inner",
-          children: [_jsx("div", {
-            className: "instructor-suggestions__instructor-image-container",
-            children: photo ? _jsx("img", {
-              src: photo,
-              className: "instructor-suggestions__instructor-image",
-              alt: `${firstname}-${lastname}`
-            }) : _jsx(PersonIcon, {
-              className: "instructor-suggestions__instructor-imageplaceholder"
-            })
-          }), _jsx("div", {
-            className: "instructor-suggestions__instructor-firstname",
-            children: firstname
-          }), _jsx("div", {
-            className: "instructor-suggestions__instructor-lastname",
-            children: lastname
-          }), _jsx("div", {
-            className: "instructor-suggestions__instructor-arrow-container",
-            children: _jsx(ArrowDownIcon, {
-              className: "instructor-suggestions__instructor-arrow"
-            })
-          })]
-        })
-      }, uri);
-    });
-  };
-
-  const detailsClasses = classnames("instructor-suggestions__details", {
-    "instructor-suggestions__details__open": instructor
-  });
-  return _jsxs("div", {
-    className: "instructor-suggestions",
-    children: [_jsx("div", {
-      className: "instructor-suggestions__instructors",
-      children: instructors ? renderInstructors() : _jsx(Loader, {})
-    }), _jsx("div", {
-      className: detailsClasses,
-      children: instructor ? renderDetails() : ""
-    })]
-  });
-};
-
+import InstructorSuggestions from "./instructor-suggestions";
 export default InstructorSuggestions;

package/es/esf/components/instructor-suggestions/instructor-suggestions.js

@@ -0,0 +1,187 @@
+import * as React from "react";
+import { useEffect, useState } from "react";
+import classnames from "classnames";
+import { fetchRandomInstructors } from "./fetcher";
+import { PersonIcon, ArrowDownIcon, CloseIcon, flags } from "./icons";
+import Loader from "./loader";
+import messages from "./messages";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
+const InstructorSuggestions = ({
+  size,
+  buildHref,
+  env
+}) => {
+  const {
+    seo,
+    lang,
+    config
+  } = useUbloContext();
+  const {
+    resort: school
+  } = config;
+  const tags = useMemo(() => seo && seo.keywords && seo.keywords.trim() !== "" ? seo.keywords.split(",") : undefined, [seo]);
+  const [instructors, setInstructors] = useState();
+  const [instructor, setInstructor] = useState();
+  const texts = messages(lang);
+
+  const selectInstructor = instructor => () => {
+    setInstructor(instructor);
+  };
+
+  useEffect(() => {
+    const fetchInstructors = async () => {
+      if (school && lang && tags) {
+        const instructors = await fetchRandomInstructors(school, lang, tags, size, env);
+        setInstructors(instructors);
+      }
+    };
+
+    fetchInstructors();
+  }, [school, lang, tags, size, env]);
+
+  const renderDetails = () => {
+    const {
+      firstname,
+      lastname,
+      languages,
+      activities,
+      introduction,
+      description,
+      uri
+    } = instructor;
+    return _jsxs(_Fragment, {
+      children: [_jsx("div", {
+        className: "instructor-suggestions__details-close",
+        onClick: selectInstructor(),
+        children: _jsx(CloseIcon, {
+          className: "instructor-suggestions__details-close-icon"
+        })
+      }), _jsxs("div", {
+        className: "instructor-suggestions__details-data",
+        children: [_jsxs("div", {
+          className: "instructor-suggestions__details-name",
+          children: [_jsx("span", {
+            className: "instructor-suggestions__details-firstname",
+            children: firstname
+          }), " ", _jsx("span", {
+            className: "instructor-suggestions__details-lastname",
+            children: lastname
+          })]
+        }), _jsx("div", {
+          className: "instructor-suggestions__details-langs",
+          children: languages && languages.map(({
+            code,
+            label
+          }) => {
+            const Flag = flags[code];
+            return Flag ? _jsx(Flag, {
+              className: "instructor-suggestions__details-lang",
+              title: label
+            }, code) : _jsx("div", {
+              className: "instructor-suggestions__details-langtext",
+              children: label
+            }, code);
+          })
+        }), activities && _jsxs("div", {
+          className: "instructor-suggestions__details-skills",
+          children: ["Mes sp\xE9cialit\xE9s sont :", " ", activities.map(({
+            code,
+            label
+          }, index) => {
+            const length = activities.length;
+            return _jsxs("div", {
+              className: "instructor-suggestions__details-skill",
+              children: [_jsx("span", {
+                className: "instructor-suggestions__details-skillspan",
+                children: label
+              }), index < length - 2 ? ", " : index < length - 1 ? texts["instructor-suggestions-and"] : ""]
+            }, code);
+          })]
+        })]
+      }), _jsxs("div", {
+        className: "instructor-suggestions__details-description",
+        children: [_jsx("div", {
+          className: "instructor-suggestions__details-mojo",
+          dangerouslySetInnerHTML: {
+            __html: introduction
+          }
+        }), description && description.trim() !== "" && _jsxs(_Fragment, {
+          children: [_jsx("div", {
+            className: "instructor-suggestions__details-description-title",
+            children: texts["instructor-suggestions-about"]
+          }), _jsx("div", {
+            className: "instructor-suggestions__details-text",
+            dangerouslySetInnerHTML: {
+              __html: description
+            }
+          })]
+        })]
+      }), buildHref && _jsx("div", {
+        className: "instructor-suggestions__details-bottom",
+        children: _jsx("a", {
+          className: "instructor-suggestions__details-see-more",
+          href: buildHref(uri),
+          children: texts["instructor-suggestions-see-full-version"]
+        })
+      })]
+    });
+  };
+
+  const renderInstructors = () => {
+    return instructors.map(instructor => {
+      const {
+        uri,
+        photo,
+        firstname,
+        lastname
+      } = instructor;
+      return _jsx("div", {
+        className: "instructor-suggestions__instructor",
+        onClick: selectInstructor(instructor),
+        children: _jsxs("div", {
+          className: "instructor-suggestions__instructor-inner",
+          children: [_jsx("div", {
+            className: "instructor-suggestions__instructor-image-container",
+            children: photo ? _jsx("img", {
+              src: photo,
+              className: "instructor-suggestions__instructor-image",
+              alt: `${firstname}-${lastname}`
+            }) : _jsx(PersonIcon, {
+              className: "instructor-suggestions__instructor-imageplaceholder"
+            })
+          }), _jsx("div", {
+            className: "instructor-suggestions__instructor-firstname",
+            children: firstname
+          }), _jsx("div", {
+            className: "instructor-suggestions__instructor-lastname",
+            children: lastname
+          }), _jsx("div", {
+            className: "instructor-suggestions__instructor-arrow-container",
+            children: _jsx(ArrowDownIcon, {
+              className: "instructor-suggestions__instructor-arrow"
+            })
+          })]
+        })
+      }, uri);
+    });
+  };
+
+  const detailsClasses = classnames("instructor-suggestions__details", {
+    "instructor-suggestions__details__open": instructor
+  });
+  return _jsxs("div", {
+    className: "instructor-suggestions",
+    children: [_jsx("div", {
+      className: "instructor-suggestions__instructors",
+      children: instructors ? renderInstructors() : _jsx(Loader, {})
+    }), _jsx("div", {
+      className: detailsClasses,
+      children: instructor ? renderDetails() : ""
+    })]
+  });
+};
+
+export default InstructorSuggestions;

package/es/esf/components/instructors-book/{index.js → inner.js}

@@ -3,7 +3,7 @@ import List from "./list";
 import Details from "./details";
 import { jsx as _jsx } from "react/jsx-runtime";
 
-const InstructorsBook = props => {
+const Inner = props => {
   return _jsx("div", {
     className: "instructors-book",
     children: props.instructor ? _jsx(Details, { ...props
@@ -12,4 +12,4 @@ const InstructorsBook = props => {
   });
 };
 
-export default InstructorsBook;
+export default Inner;

package/es/esf/components/instructors-book/instructors-book.js

@@ -0,0 +1,124 @@
+import * as React from "react";
+import { memo, useEffect, useState } from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import Inner from "./inner";
+import { jsx as _jsx } from "react/jsx-runtime";
+const host = "https://instructors-book-server.carnet-rouge-esf.com";
+
+const fetcher = async (url, school, body) => {
+  const res = await fetch(url, {
+    method: "POST",
+    headers: {
+      "content-type": "application/json;charset=utf-8",
+      Authorization: "00q2qa545018261l252gg3414t3qa2",
+      schoolcode: school
+    },
+    body: body ? JSON.stringify(body) : undefined
+  });
+  return res.json();
+};
+
+export const fetchInstructorsContext = (school, lang, body = {}) => fetcher(`${host}/api/instructors-book/${school}/${lang}`, school, { ...body,
+  project: true
+});
+export const fetchInstructor = (school, lang, uri) => fetcher(`${host}/api/instructors-book/${school}/${lang}/${uri}`, school);
+
+const propsFromQueryString = () => {
+  if (typeof window === "undefined") return {};
+  const params = new URLSearchParams(document.location.search);
+  const activity = params.get("activity") || undefined;
+  const language = params.get("language") || undefined;
+  return {
+    activity,
+    language
+  };
+};
+
+const hasTrailingSlash = path => path.length > 1 && path.endsWith("/");
+
+const InstructorsBook = ({
+  instructorsContext,
+  instructor,
+  trombi
+}) => {
+  const {
+    lang,
+    path,
+    config
+  } = useUbloContext();
+  const {
+    resort
+  } = config;
+  const [instructorsCtx, setInstructorsCtx] = useState(instructorsContext);
+  const [activity, setActivity] = useState();
+  const [language, setLanguage] = useState();
+  useEffect(() => {
+    const {
+      activity,
+      language
+    } = propsFromQueryString();
+
+    if (activity) {
+      sessionStorage.activity = activity;
+    }
+
+    if (language) {
+      sessionStorage.language = language;
+    }
+
+    setActivity(sessionStorage.activity);
+    setLanguage(sessionStorage.language);
+
+    if ((sessionStorage.activity || sessionStorage.language) && !instructor) {
+      fetchNewContext(sessionStorage.activity, sessionStorage.language);
+    }
+  }, []);
+
+  const fetchNewContext = async (activity, language) => {
+    const newContext = await fetchInstructorsContext(resort, lang, {
+      activity,
+      language
+    });
+    setInstructorsCtx(newContext);
+  };
+
+  const selectInstructor = uri => {
+    return {
+      href: path.concat(hasTrailingSlash(path) ? "" : "/").concat(uri)
+    };
+  };
+
+  const backToList = uri => {
+    return {
+      href: path.replace(`/${uri}`, "")
+    };
+  };
+
+  const selectFilter = async (filter, value) => {
+    sessionStorage[filter] = value;
+
+    if (filter === "activity") {
+      setActivity(value);
+      await fetchNewContext(value, language);
+    } else {
+      setLanguage(value);
+      await fetchNewContext(activity, value);
+    }
+  };
+
+  const dataProps = instructorsCtx !== undefined ? { ...instructorsCtx
+  } : {
+    instructor
+  };
+  return _jsx(Inner, { ...dataProps,
+    lang: lang,
+    selectInstructor: selectInstructor,
+    selectFilter: selectFilter,
+    backToList: backToList,
+    activity: activity,
+    language: language,
+    trombi: trombi
+  });
+};
+
+export default memo(InstructorsBook);

package/es/lbm/components/msem-linker/editor/messages.js

@@ -17,6 +17,7 @@ const messages = {
   rooms: "Chambres",
   nbRooms: "Nombre de chambres",
   roomType: "Type de chambre",
+  activities: "Activités",
   domains: "Domaines",
   durations: "Durées",
   skiers: "Personnes",

package/es/lbm/components/msem-linker/editor/ski-pass.js

@@ -14,6 +14,16 @@ import styles from "./ski-pass.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+const ACTIVITIES_LABELS = {
+  piscine: "Piscine",
+  patinoire: "Patinoire",
+  vtt: "VTT",
+  ski: "Ski",
+  "acces-pieton": "Accès piéton",
+  "bouee-neige": "Bouée sur neige",
+  "ski-activite": "Ski + Activités",
+  luge: "Luge sur rails"
+};
 const DEFAULT_DATA = {
   stayFrom: "",
   stayTo: "",
@@ -30,6 +40,7 @@ const getDefaultData = config => {
     stay,
     skiers,
     firstSkiDate,
+    activities,
     domains,
     durations
   } = config.presets;
@@ -38,6 +49,7 @@ const getDefaultData = config => {
     stayTo: stay?.to || DEFAULT_DATA.stayTo,
     skiers: skiers || DEFAULT_DATA.skiers,
     firstSkiDate: firstSkiDate || DEFAULT_DATA.firstSkiDate,
+    activities: activities || DEFAULT_DATA.activities,
     domains: domains || DEFAULT_DATA.domains,
     durations: durations || DEFAULT_DATA.durations
   };
@@ -81,6 +93,47 @@ const SkiPass = ({
     value: catalog,
     label: catalog
   }))];
+  const activities = [...new Set(filters?.domains?.reduce((acc, domain) => {
+    const {
+      tags
+    } = domain;
+    if (!tags?.length) return acc;
+    const formatedTags = tags.filter(tag => {
+      return Object.keys(ACTIVITIES_LABELS).includes(tag) && !acc.some(item => item.value === tag);
+    }).map(tag => {
+      return {
+        value: tag,
+        label: ACTIVITIES_LABELS[tag] || tag
+      };
+    });
+    return [...acc, ...formatedTags];
+  }, []))];
+  const selectedActivities = data.activities.map(activity => activities.find(a => a.value === activity));
+  const selectedActivitiesCodes = activities.reduce((acc, activity) => {
+    const {
+      value
+    } = activity;
+    return data.activities?.includes(value) ? [...new Set([...acc, value])] : acc;
+  }, []);
+  const filteredDomains = selectedActivitiesCodes?.length > 0 ? filters.domains?.filter(domain => {
+    return domain.tags?.some(tag => {
+      return selectedActivitiesCodes.includes(tag);
+    });
+  }) : filters?.domains;
+  const selectedDomainsIds = filters?.domains.reduce((acc, domain) => {
+    const {
+      code,
+      catalogIds
+    } = domain;
+    return data.domains.includes(code) ? [...new Set([...acc, ...catalogIds])] : acc;
+  }, []);
+  const filteredDurations = selectedActivitiesCodes?.length > 0 ? filters.durations?.filter(duration => {
+    return duration.tags?.some(tag => {
+      return selectedActivitiesCodes.includes(tag) || duration.catalogIds.some(id => selectedDomainsIds.includes(id));
+    });
+  }) : filters?.durations;
+  const selectedDomains = data.domains.map(domain => filters?.domains?.find(d => d.value === domain));
+  const selectedDurations = data.durations.map(domain => filters?.durations?.find(d => d.value === domain));
 
   const updateField = field => value => {
     const isFrom = field === "stayFrom";
@@ -195,12 +248,14 @@ const SkiPass = ({
         to: stayTo
       } : undefined;
       const skiers = data.skiers?.length > 0 ? data.skiers : undefined;
+      const activities = data.activities.length > 0 ? data.activities : undefined;
       const domains = data.domains.length > 0 ? data.domains : undefined;
       const durations = data.durations.length > 0 ? data.durations : undefined;
       const presets = {
         stay,
         skiers,
         firstSkiDate,
+        activities,
         domains,
         durations
       };
@@ -250,16 +305,6 @@ const SkiPass = ({
     }));
   };
 
-  const selectedDomainsIds = filters?.domains.reduce((acc, domain) => {
-    const {
-      code,
-      catalogIds
-    } = domain;
-    return data.domains.includes(code) ? [...new Set([...acc, ...catalogIds])] : acc;
-  }, []);
-  const filteredDurations = selectedDomainsIds?.length > 0 ? filters?.durations?.filter(duration => duration.catalogIds.some(id => selectedDomainsIds.includes(id))) : filters?.durations;
-  const selectedDomains = data.domains.map(domain => filters?.domains?.find(d => d.value === domain));
-  const selectedDurations = data.durations.map(domain => filters?.durations?.find(d => d.value === domain));
   return _jsxs("div", {
     className: styles.skiPass,
     children: [_jsx("div", {
@@ -322,20 +367,27 @@ const SkiPass = ({
       }), _jsx("div", {
         className: styles.label,
         children: messages.filters
+      }), activities.length > 1 && _jsx(MutlipleSelect, {
+        placeholder: "Selectionnez une ou plusieurs options",
+        label: messages.activities,
+        options: activities,
+        values: selectedActivities,
+        onChange: updateFilter("activities")
       }), _jsxs("div", {
         className: styles.row,
-        children: [filters?.domains?.length > 1 && _jsx(MutlipleSelect, {
+        children: [filteredDomains.length > 0 && _jsx(MutlipleSelect, {
           placeholder: "Selectionnez une ou plusieurs options",
           label: messages.domains,
-          options: filters.domains,
+          options: filteredDomains,
           values: selectedDomains,
           onChange: updateFilter("domains")
-        }), data.domains?.length > 0 && filteredDurations?.length > 1 && _jsx(MutlipleSelect, {
+        }), filteredDurations.length > 0 && _jsx(MutlipleSelect, {
           placeholder: "Selectionnez une ou plusieurs options",
           label: messages.durations,
           options: filteredDurations,
           values: selectedDurations,
-          onChange: updateFilter("durations")
+          onChange: updateFilter("durations"),
+          disabled: data.domains?.length === 0
         })]
       }), widgetUrl && _jsxs(_Fragment, {
         children: [_jsx("div", {

package/es/lbm/components/msem-linker/msem-linker.module.css

@@ -100,6 +100,7 @@
       var(--cms-primary-color, #004cc2)
     )
   );
+  font-family: "Open Sans", sans-serif;
   border-radius: var(--cms-radius-300, 15px);
   pointer-events: none;
   touch-action: none;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "ublo-lib",
-  "version": "1.0.22",
+  "version": "1.0.25",
   "peerDependencies": {
+    "dt-design-system": "^2.0.0",
+    "next": "^12.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "dt-design-system": "^2.0.0",
     "ublo": "^2.0.0"
   },
   "dependencies": {
@@ -31,6 +32,7 @@
     "eslint-plugin-promise": "^6.0.1",
     "eslint-plugin-react": "^7.31.7",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "next": "^12.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",