ublo-lib 1.24.3 → 1.25.0

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

@@ -1,72 +1,75 @@
 const fr = {
-    subject: "Objet",
-    firstname: "Prénom",
-    lastname: "Nom",
-    email: "E-mail",
-    phoneCode: "Indicatif",
-    phone: "Téléphone",
-    country: "Pays",
-    category: "Destinataire",
-    stay: "Dates de séjour",
-    stayFrom: "Date de début",
-    stayFromDate: "Date de début de séjour",
-    stayTo: "Date de fin",
-    stayToDate: "Date de fin de séjour",
-    dateFormat: "Choisissez une date",
-    from: "Du",
-    to: "au",
-    message: "Message",
-    submit: "Envoyer le message",
-    defaultCountry: "Indiquez votre pays...",
-    defaultCategory: "Sélectionnez...",
-    defaultSubject: "Sélectionnez...",
-    sendSucesss: "Votre message à bien été envoyé !",
-    sendError: "Une erreur est survenue pendant l'envoi du message. Veuillez réessayer ultérieurement.",
-    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ère(s)',
-    mandatoryError: '"{label}" est obligatoire',
+  subject: "Objet",
+  firstname: "Prénom",
+  lastname: "Nom",
+  email: "E-mail",
+  phoneCode: "Indicatif",
+  phone: "Téléphone",
+  country: "Pays",
+  category: "Destinataire",
+  stay: "Dates de séjour",
+  stayFrom: "Date de début",
+  stayFromDate: "Date de début de séjour",
+  stayTo: "Date de fin",
+  stayToDate: "Date de fin de séjour",
+  dateFormat: "Choisissez une date",
+  from: "Du",
+  to: "au",
+  message: "Message",
+  submit: "Envoyer le message",
+  defaultCountry: "Indiquez votre pays...",
+  defaultCategory: "Sélectionnez...",
+  defaultSubject: "Sélectionnez...",
+  sendSucesss: "Votre message à bien été envoyé !",
+  sendError: "Une erreur est survenue pendant l'envoi du message. Veuillez réessayer ultérieurement.",
+  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ère(s)',
+  mandatoryError: '"{label}" est obligatoire'
 };
 const en = {
-    subject: "Subject",
-    firstname: "Firstname",
-    lastname: "Lastname",
-    email: "E-mail",
-    phoneCode: "Phone code",
-    phone: "Phone number",
-    country: "Country",
-    category: "Addressee",
-    stay: "Stay dates",
-    stayFromDate: "Stay from date",
-    stayToDate: "Stay to date",
-    stayFrom: "From date",
-    stayTo: "End date",
-    dateFormat: "Choose a date",
-    from: "From",
-    to: "to",
-    message: "Message",
-    submit: "Send message",
-    defaultCountry: "Select your country...",
-    defaultCategory: "Select...",
-    defaultSubject: "Select...",
-    sendSucesss: "Your message was just sent !",
-    sendError: "An error occured during the sending of the message. Please try again later.",
-    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} character(s)',
-    mandatoryError: '"{label}" is mandatory',
+  subject: "Subject",
+  firstname: "Firstname",
+  lastname: "Lastname",
+  email: "E-mail",
+  phoneCode: "Phone code",
+  phone: "Phone number",
+  country: "Country",
+  category: "Addressee",
+  stay: "Stay dates",
+  stayFromDate: "Stay from date",
+  stayToDate: "Stay to date",
+  stayFrom: "From date",
+  stayTo: "End date",
+  dateFormat: "Choose a date",
+  from: "From",
+  to: "to",
+  message: "Message",
+  submit: "Send message",
+  defaultCountry: "Select your country...",
+  defaultCategory: "Select...",
+  defaultSubject: "Select...",
+  sendSucesss: "Your message was just sent !",
+  sendError: "An error occured during the sending of the message. Please try again later.",
+  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} character(s)',
+  mandatoryError: '"{label}" is mandatory'
 };
 export function get(lang, overrides = {}) {
-    const locale = lang === "fr" ? fr : en;
-    const override = overrides[lang] || {};
-    const locales = { ...locale, ...override };
-    return locales;
+  const locale = lang === "fr" ? fr : en;
+  const override = overrides[lang] || {};
+  const locales = {
+    ...locale,
+    ...override
+  };
+  return locales;
 }
 export function format(value, params) {
-    return Object.keys(params).reduce((acc, param) => {
-        const search = `{${param}}`;
-        return acc.replace(search, params[param]);
-    }, value);
-}
+  return Object.keys(params).reduce((acc, param) => {
+    const search = `{${param}}`;
+    return acc.replace(search, params[param]);
+  }, value);
+}

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

@@ -1,12 +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) => String(subject.id) === values.subject);
-    Plausible.sendGoal("Contact-us", {
-        Country: country?.name,
-        Subject: subject?.label,
-    });
-}
+  if (!params) return;
+  const country = params.countries.find(country => country.code === values.country);
+  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.js

@@ -1 +1 @@
-export {};
+export {};

package/es/common/components/instant-search/hooks/use-constant.js

@@ -1,8 +1,10 @@
 import * as React from "react";
 export default function useConstant(fn) {
-    const ref = React.useRef();
-    if (!ref.current) {
-        ref.current = { v: fn() };
-    }
-    return ref.current.v;
-}
+  const ref = React.useRef();
+  if (!ref.current) {
+    ref.current = {
+      v: fn()
+    };
+  }
+  return ref.current.v;
+}

package/es/common/components/instant-search/hooks/use-debounced-search.js

@@ -4,8 +4,17 @@ import { useAsync } from "react-async-hook";
 import useConstant from "./use-constant";
 const DEBOUNCE_AMOUNT = 400;
 export default function useDebouncedSearch(searchFunction) {
-    const [text, setText] = React.useState("");
-    const debouncedSearchFunction = useConstant(() => debouncePromise(searchFunction, DEBOUNCE_AMOUNT));
-    const search = useAsync(async () => (text.length === 0 ? undefined : debouncedSearchFunction(text)), [debouncedSearchFunction, text], { setLoading: (state) => ({ ...state, loading: true }) });
-    return { text, setText, search };
-}
+  const [text, setText] = React.useState("");
+  const debouncedSearchFunction = useConstant(() => debouncePromise(searchFunction, DEBOUNCE_AMOUNT));
+  const search = useAsync(async () => text.length === 0 ? undefined : debouncedSearchFunction(text), [debouncedSearchFunction, text], {
+    setLoading: state => ({
+      ...state,
+      loading: true
+    })
+  });
+  return {
+    text,
+    setText,
+    search
+  };
+}

package/es/common/components/instant-search/hooks/use-search.js

@@ -1,10 +1,14 @@
 import getConfig from "next/config";
 import useDebouncedSearch from "./use-debounced-search";
 import * as API from "../services/api";
-const { publicRuntimeConfig } = getConfig();
-const { site } = publicRuntimeConfig;
+const {
+  publicRuntimeConfig
+} = getConfig();
+const {
+  site
+} = publicRuntimeConfig;
 export default function useSearch(lang, options = {}) {
-    return useDebouncedSearch(async (query) => {
-        return API.fetchResults(site, lang, query, options.groupLimit, options.queryBy, options.queryByWeights);
-    });
-}
+  return useDebouncedSearch(async query => {
+    return API.fetchResults(site, lang, query, options.groupLimit, options.queryBy, options.queryByWeights);
+  });
+}

package/es/common/components/instant-search/index.js

@@ -1,2 +1,2 @@
 import InstantSearch from "./instant-search";
-export default InstantSearch;
+export default InstantSearch;

package/es/common/components/instant-search/input.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Input from "dt-design-system/es/input";
@@ -7,50 +6,81 @@ import * as Icons from "dt-design-system/es/icons";
 import * as Ripple from "dt-design-system/es/ripple";
 import message from "./services/messages";
 import css from "./input.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const TRANSITION_DURATION = 1800;
-export default function SearchInput({ lang, text, setText, closeSearch, loading, suggestions, }) {
-    const [currentSuggestion, setCurrentSuggestion] = React.useState(0);
-    const updateText = (value) => () => {
-        setText(value);
-    };
-    const classes = classNames(css.input, {
-        [css.inputLoading]: loading,
-    });
-    const inputIcon = loading ? "Loader2" : "Search";
-    const suggestionsSet = getSuggestions(suggestions)[lang];
-    const enableSuggestion = Boolean(suggestionsSet);
-    const createRipple = (e) => {
-        Ripple.create(e);
-    };
-    React.useEffect(() => {
-        if (enableSuggestion && !text) {
-            const interval = setInterval(() => {
-                setCurrentSuggestion((current) => {
-                    const nextSuggestion = current >= suggestionsSet.length - 1 ? 0 : current + 1;
-                    return nextSuggestion;
-                });
-            }, TRANSITION_DURATION);
-            return () => {
-                clearInterval(interval);
-            };
-        }
-    }, [enableSuggestion, suggestionsSet, text]);
-    return (_jsxs("div", { className: css.container, children: [_jsx(Input, { value: text, onValueChange: setText, icon: inputIcon, className: classes }), enableSuggestion && !text && (_jsxs("div", { className: css.suggestion, children: [message(lang, "try"), _jsx("div", { className: css.buttons, children: suggestionsSet.map((suggestion, i) => {
-                            const isCurrent = i === currentSuggestion;
-                            const isPrev = currentSuggestion === 0
-                                ? i === suggestionsSet.length - 1
-                                : i === currentSuggestion - 1;
-                            const classes = classNames(css.button, {
-                                [css.buttonCurrent]: isCurrent,
-                                [css.buttonPrev]: isPrev,
-                            });
-                            return (_jsxs("button", { className: classes, onClick: updateText(suggestion), onMouseDown: createRipple, children: ["\u00AB ", suggestion, " \u00BB"] }, suggestion));
-                        }) })] })), _jsx(Button, { variant: "transparent", className: css.close, onClick: closeSearch, children: _jsx(Icons.Cross, {}) })] }));
+export default function SearchInput({
+  lang,
+  text,
+  setText,
+  closeSearch,
+  loading,
+  suggestions
+}) {
+  const [currentSuggestion, setCurrentSuggestion] = React.useState(0);
+  const updateText = value => () => {
+    setText(value);
+  };
+  const classes = classNames(css.input, {
+    [css.inputLoading]: loading
+  });
+  const inputIcon = loading ? "Loader2" : "Search";
+  const suggestionsSet = getSuggestions(suggestions)[lang];
+  const enableSuggestion = Boolean(suggestionsSet);
+  const createRipple = e => {
+    Ripple.create(e);
+  };
+  React.useEffect(() => {
+    if (enableSuggestion && !text) {
+      const interval = setInterval(() => {
+        setCurrentSuggestion(current => {
+          const nextSuggestion = current >= suggestionsSet.length - 1 ? 0 : current + 1;
+          return nextSuggestion;
+        });
+      }, TRANSITION_DURATION);
+      return () => {
+        clearInterval(interval);
+      };
+    }
+  }, [enableSuggestion, suggestionsSet, text]);
+  return _jsxs("div", {
+    className: css.container,
+    children: [_jsx(Input, {
+      value: text,
+      onValueChange: setText,
+      icon: inputIcon,
+      className: classes
+    }), enableSuggestion && !text && _jsxs("div", {
+      className: css.suggestion,
+      children: [message(lang, "try"), _jsx("div", {
+        className: css.buttons,
+        children: suggestionsSet.map((suggestion, i) => {
+          const isCurrent = i === currentSuggestion;
+          const isPrev = currentSuggestion === 0 ? i === suggestionsSet.length - 1 : i === currentSuggestion - 1;
+          const classes = classNames(css.button, {
+            [css.buttonCurrent]: isCurrent,
+            [css.buttonPrev]: isPrev
+          });
+          return _jsxs("button", {
+            className: classes,
+            onClick: updateText(suggestion),
+            onMouseDown: createRipple,
+            children: ["\xAB ", suggestion, " \xBB"]
+          }, suggestion);
+        })
+      })]
+    }), _jsx(Button, {
+      variant: "transparent",
+      className: css.close,
+      onClick: closeSearch,
+      children: _jsx(Icons.Cross, {})
+    })]
+  });
 }
 function getSuggestions(suggestions = {}) {
-    return {
-        fr: ["cours de ski", "cours privés", "compétition", "cours débutants"],
-        en: ["ski lessons", "private lessons", "competition"],
-        ...suggestions,
-    };
-}
+  return {
+    fr: ["cours de ski", "cours privés", "compétition", "cours débutants"],
+    en: ["ski lessons", "private lessons", "competition"],
+    ...suggestions
+  };
+}

package/es/common/components/instant-search/instant-search.js

@@ -1,87 +1,138 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Router from "next/router";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
 import Dialog from "dt-design-system/es/dialog";
-// import PeriodPicker from "ublo-lib/es/esf/components/period-picker";
 import PeriodPicker from "../../../esf/components/period-picker";
 import Input from "./input";
 import Results from "./results";
 import useSearch from "./hooks/use-search";
-// import * as Plausible from "ublo-lib/es/common/components/plausible";
 import * as Plausible from "../plausible";
 import css from "./instant-search.module.css";
-export default function InstantSearch({ lang, suggestions, className, ubloContext, options = {}, }) {
-    const [opened, setOpened] = React.useState(false);
-    const [periodPickerOpened, setPeriodPickerOpened] = React.useState(false);
-    const [weekNumber, setWeekNumber] = React.useState(null);
-    const { text, setText, search } = useSearch(lang, options);
-    const classes = classNames(css.search, className);
-    const openSearch = () => {
-        setOpened(true);
-    };
-    const closeSearch = (skipEvent) => {
-        setOpened(false);
-        setText("");
-        document.body.style.removeProperty("overflow");
-        if (!skipEvent) {
-            const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
-            if (text.length > 0) {
-                Plausible.sendGoal(event, {
-                    Terms: text,
-                });
-            }
-        }
-    };
-    const sendPlausibleGoal = (path) => () => {
-        Plausible.sendGoal("Search", {
-            "Terms - Destination": `${text} - ${path}`,
-        });
-    };
-    const openPeriodPicker = () => {
-        setPeriodPickerOpened(true);
-    };
-    const closePeriodPicker = () => {
-        setPeriodPickerOpened(false);
-    };
-    const updateWeek = () => {
-        const storedWeekNumber = window.sessionStorage.getItem("stayWeek");
-        if (storedWeekNumber !== null) {
-            setWeekNumber(Number(storedWeekNumber));
-            setPeriodPickerOpened(false);
-        }
-    };
-    Router.ready(() => {
-        Router.events.on("routeChangeStart", () => {
-            if (opened) {
-                closeSearch(true);
-            }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default function InstantSearch({
+  lang,
+  suggestions,
+  className,
+  ubloContext,
+  options = {}
+}) {
+  const [opened, setOpened] = React.useState(false);
+  const [periodPickerOpened, setPeriodPickerOpened] = React.useState(false);
+  const [weekNumber, setWeekNumber] = React.useState(null);
+  const {
+    text,
+    setText,
+    search
+  } = useSearch(lang, options);
+  const classes = classNames(css.search, className);
+  const openSearch = () => {
+    setOpened(true);
+  };
+  const closeSearch = skipEvent => {
+    setOpened(false);
+    setText("");
+    document.body.style.removeProperty("overflow");
+    if (!skipEvent) {
+      const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
+      if (text.length > 0) {
+        Plausible.sendGoal(event, {
+          Terms: text
         });
+      }
+    }
+  };
+  const sendPlausibleGoal = path => () => {
+    Plausible.sendGoal("Search", {
+      "Terms - Destination": `${text} - ${path}`
     });
-    const handleKeyPresses = React.useCallback((e) => {
-        const allowedKeys = ["k"];
-        const { code, ctrlKey, key, metaKey } = e;
-        const isAllowed = (ctrlKey || metaKey) &&
-            (allowedKeys.includes(code) || allowedKeys.includes(key));
-        if (!isAllowed)
-            return;
-        e.preventDefault();
-        if (key === "k" && (ctrlKey || metaKey)) {
-            openSearch();
-        }
-    }, []);
-    React.useEffect(() => {
-        if (opened) {
-            updateWeek();
-        }
-    }, [opened]);
-    React.useEffect(() => {
-        window.addEventListener("keydown", handleKeyPresses);
-        return () => {
-            window.removeEventListener("keydown", handleKeyPresses);
-        };
-    }, [handleKeyPresses]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: classes, onClick: openSearch, children: _jsx(Icons.Search, { className: css.searchIcon }) }), _jsxs(Dialog, { className: css.dialog, isOpened: opened, showCloseButton: false, close: closeSearch, container: "body", children: [_jsx(Input, { lang: lang, text: text, setText: setText, closeSearch: closeSearch, loading: search.loading === true, suggestions: suggestions }), _jsx(Results, { lang: lang, text: text, results: search.result, weekNumber: weekNumber, openPeriodPicker: openPeriodPicker, loading: search.loading === true && search.result === undefined, sendPlausibleGoal: sendPlausibleGoal })] }), _jsx(Dialog, { isOpened: periodPickerOpened, close: closePeriodPicker, container: "body", children: _jsx(PeriodPicker, { onChange: updateWeek, ubloContext: ubloContext }) })] }));
-}
+  };
+  const openPeriodPicker = () => {
+    setPeriodPickerOpened(true);
+  };
+  const closePeriodPicker = () => {
+    setPeriodPickerOpened(false);
+  };
+  const updateWeek = () => {
+    const storedWeekNumber = window.sessionStorage.getItem("stayWeek");
+    if (storedWeekNumber !== null) {
+      setWeekNumber(Number(storedWeekNumber));
+      setPeriodPickerOpened(false);
+    }
+  };
+  Router.ready(() => {
+    Router.events.on("routeChangeStart", () => {
+      if (opened) {
+        closeSearch(true);
+      }
+    });
+  });
+  const handleKeyPresses = React.useCallback(e => {
+    const allowedKeys = ["k"];
+    const {
+      code,
+      ctrlKey,
+      key,
+      metaKey
+    } = e;
+    const isAllowed = (ctrlKey || metaKey) && (allowedKeys.includes(code) || allowedKeys.includes(key));
+    if (!isAllowed) return;
+    e.preventDefault();
+    if (key === "k" && (ctrlKey || metaKey)) {
+      openSearch();
+    }
+  }, []);
+  React.useEffect(() => {
+    if (opened) {
+      updateWeek();
+    }
+  }, [opened]);
+  React.useEffect(() => {
+    window.addEventListener("keydown", handleKeyPresses);
+    return () => {
+      window.removeEventListener("keydown", handleKeyPresses);
+    };
+  }, [handleKeyPresses]);
+  return _jsxs(_Fragment, {
+    children: [_jsx(Button, {
+      className: classes,
+      onClick: openSearch,
+      children: _jsx(Icons.Search, {
+        className: css.searchIcon
+      })
+    }), _jsxs(Dialog, {
+      className: css.dialog,
+      isOpened: opened,
+      showCloseButton: false,
+      close: closeSearch,
+      container: "body",
+      children: [_jsx(Input, {
+        lang: lang,
+        text: text,
+        setText: setText,
+        closeSearch: closeSearch,
+        loading: search.loading === true,
+        suggestions: suggestions
+      }), _jsx(Results, {
+        lang: lang,
+        text: text,
+        results: search.result,
+        weekNumber: weekNumber,
+        openPeriodPicker: openPeriodPicker,
+        loading: search.loading === true && search.result === undefined,
+        sendPlausibleGoal: sendPlausibleGoal
+      })]
+    }), _jsx(Dialog, {
+      isOpened: periodPickerOpened,
+      close: closePeriodPicker,
+      container: "body",
+      children: _jsx(PeriodPicker, {
+        onChange: updateWeek,
+        ubloContext: ubloContext
+      })
+    })]
+  });
+}