ublo-lib 1.24.4 → 1.25.0

package/es/esf/components/magic-box/magic-box.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -9,110 +8,173 @@ import Booking from "./booking";
 import { message } from "./messages";
 import * as API from "./services/api";
 import css from "./magic-box.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";
 export default React.memo(MagicBox);
-function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, maxCPDuration, minDays = 0, maxDays = Infinity, allowedActivities, categories, children, }) {
-    const [filters, setFilters] = React.useState();
-    const [values, setValues] = React.useState();
-    const [currentStep, setCurrentStep] = React.useState(0);
-    const { lang, config } = useUbloContext();
-    const { resort, merchant } = config;
-    const valuesKeys = React.useMemo(() => (values ? Object.keys(values) : []), [values]);
-    const filtersKeys = React.useMemo(() => (filters ? Object.keys(filters) : []), [filters]);
-    const validate = React.useCallback(() => {
-        if (filtersKeys.length !== valuesKeys.length) {
-            return false;
-        }
-        return valuesKeys.every((key) => {
-            const value = values ? values[key] : "";
-            return value !== "";
-        });
-    }, [filtersKeys.length, values, valuesKeys]);
-    const isValid = validate();
-    const refreshFilters = React.useCallback(async () => {
-        if (stay) {
-            const { from: stayFrom, to: stayTo } = stay;
-            const [welcomeResult, paramsResult] = await Promise.all([
-                API.fetchWelcome({
-                    lang,
-                    resort,
-                    stayFrom,
-                    stayTo,
-                }),
-                API.fetchParams(lang, resort, merchant, channel, categories),
-            ]);
-            const { season: currentSeason, availableSeasons } = welcomeResult;
-            const { categories: categoryList } = paramsResult;
-            const season = currentSeason || availableSeasons[0] || "2022";
-            const filtersResult = await API.fetchFilters({
-                lang,
-                resort,
-                season,
-                stayFrom,
-                stayTo,
-            });
-            const newFilters = Object.keys(filtersResult.filters).reduce((acc, key) => {
-                const filter = filtersResult.filters[key];
-                if (key === "days") {
-                    const days = filter.filter((item) => {
-                        return (!item.restricted &&
-                            item.value >= minDays &&
-                            item.value <= maxDays);
-                    });
-                    return { ...acc, [key]: days };
-                }
-                if (key === "activities") {
-                    const mustFilterActivites = allowedActivities && allowedActivities.length > 0;
-                    const activities = filter.filter((item) => {
-                        if (mustFilterActivites) {
-                            return (!item.restricted && allowedActivities.includes(item.value));
-                        }
-                        return !item.restricted;
-                    });
-                    return { ...acc, activities };
-                }
-                const filterWithoutRestricted = filter.filter((item) => !item.restricted);
-                return { ...acc, [key]: filterWithoutRestricted };
-            }, {});
-            const formatedCategories = categoryList?.map(({ code, label }) => {
-                return { value: code, libelle: label };
-            });
-            const allFilters = categories
-                ? { ...newFilters, categories: formatedCategories }
-                : newFilters;
-            setFilters(allFilters);
-        }
-    }, [
-        allowedActivities,
-        categories,
-        channel,
+function MagicBox({
+  stay,
+  cartUrl,
+  channel = "ESF",
+  className,
+  alignContent,
+  maxCPDuration,
+  minDays = 0,
+  maxDays = Infinity,
+  allowedActivities,
+  categories,
+  children
+}) {
+  const [filters, setFilters] = React.useState();
+  const [values, setValues] = React.useState();
+  const [currentStep, setCurrentStep] = React.useState(0);
+  const {
+    lang,
+    config
+  } = useUbloContext();
+  const {
+    resort,
+    merchant
+  } = config;
+  const valuesKeys = React.useMemo(() => values ? Object.keys(values) : [], [values]);
+  const filtersKeys = React.useMemo(() => filters ? Object.keys(filters) : [], [filters]);
+  const validate = React.useCallback(() => {
+    if (filtersKeys.length !== valuesKeys.length) {
+      return false;
+    }
+    return valuesKeys.every(key => {
+      const value = values ? values[key] : "";
+      return value !== "";
+    });
+  }, [filtersKeys.length, values, valuesKeys]);
+  const isValid = validate();
+  const refreshFilters = React.useCallback(async () => {
+    if (stay) {
+      const {
+        from: stayFrom,
+        to: stayTo
+      } = stay;
+      const [welcomeResult, paramsResult] = await Promise.all([API.fetchWelcome({
+        lang,
+        resort,
+        stayFrom,
+        stayTo
+      }), API.fetchParams(lang, resort, merchant, channel, categories)]);
+      const {
+        season: currentSeason,
+        availableSeasons
+      } = welcomeResult;
+      const {
+        categories: categoryList
+      } = paramsResult;
+      const season = currentSeason || availableSeasons[0] || "2022";
+      const filtersResult = await API.fetchFilters({
         lang,
-        maxDays,
-        merchant,
-        minDays,
         resort,
-        stay,
-    ]);
-    const initValues = React.useCallback(() => {
-        if (!values) {
-            const defaultValues = getDefaultValues(filters);
-            setValues(defaultValues);
+        season,
+        stayFrom,
+        stayTo
+      });
+      const newFilters = Object.keys(filtersResult.filters).reduce((acc, key) => {
+        const filter = filtersResult.filters[key];
+        if (key === "days") {
+          const days = filter.filter(item => {
+            return !item.restricted && item.value >= minDays && item.value <= maxDays;
+          });
+          return {
+            ...acc,
+            [key]: days
+          };
         }
-    }, [filters, values]);
-    React.useEffect(() => {
-        initValues();
-    }, [initValues]);
-    React.useEffect(() => {
-        refreshFilters();
-    }, [refreshFilters, stay]);
-    const showFilter = stay && filters && values;
-    const classes = classNames(css.root, className);
-    return (_jsx("div", { className: classes, "data-align": alignContent, children: _jsxs("div", { className: css.top, children: [children, currentStep === 0 && (_jsxs(_Fragment, { children: [!filters && _jsx("div", { className: css.loader }), showFilter && (_jsx(Filters, { filters: filters, values: values, setValues: setValues })), _jsxs(Button, { className: css.confirm, onClick: () => setCurrentStep(1), disabled: !isValid, children: [message(lang, "confirm"), _jsx(Icons.Search, {})] })] })), currentStep === 1 && (_jsx(Booking, { stay: stay, cartUrl: cartUrl, channel: channel, values: values, maxCPDuration: maxCPDuration, setCurrentStep: setCurrentStep }))] }) }));
-}
-function getDefaultValues(filters) {
-    return Object.keys(filters || {}).reduce((acc, key) => {
-        if (key === "activities" && filters && filters.activities.length === 1) {
-            return { ...acc, [key]: filters.activities[0].value };
+        if (key === "activities") {
+          const mustFilterActivites = allowedActivities && allowedActivities.length > 0;
+          const activities = filter.filter(item => {
+            if (mustFilterActivites) {
+              return !item.restricted && allowedActivities.includes(item.value);
+            }
+            return !item.restricted;
+          });
+          return {
+            ...acc,
+            activities
+          };
         }
-        return { ...acc, [key]: "" };
-    }, {});
+        const filterWithoutRestricted = filter.filter(item => !item.restricted);
+        return {
+          ...acc,
+          [key]: filterWithoutRestricted
+        };
+      }, {});
+      const formatedCategories = categoryList?.map(({
+        code,
+        label
+      }) => {
+        return {
+          value: code,
+          libelle: label
+        };
+      });
+      const allFilters = categories ? {
+        ...newFilters,
+        categories: formatedCategories
+      } : newFilters;
+      setFilters(allFilters);
+    }
+  }, [allowedActivities, categories, channel, lang, maxDays, merchant, minDays, resort, stay]);
+  const initValues = React.useCallback(() => {
+    if (!values) {
+      const defaultValues = getDefaultValues(filters);
+      setValues(defaultValues);
+    }
+  }, [filters, values]);
+  React.useEffect(() => {
+    initValues();
+  }, [initValues]);
+  React.useEffect(() => {
+    refreshFilters();
+  }, [refreshFilters, stay]);
+  const showFilter = stay && filters && values;
+  const classes = classNames(css.root, className);
+  return _jsx("div", {
+    className: classes,
+    "data-align": alignContent,
+    children: _jsxs("div", {
+      className: css.top,
+      children: [children, currentStep === 0 && _jsxs(_Fragment, {
+        children: [!filters && _jsx("div", {
+          className: css.loader
+        }), showFilter && _jsx(Filters, {
+          filters: filters,
+          values: values,
+          setValues: setValues
+        }), _jsxs(Button, {
+          className: css.confirm,
+          onClick: () => setCurrentStep(1),
+          disabled: !isValid,
+          children: [message(lang, "confirm"), _jsx(Icons.Search, {})]
+        })]
+      }), currentStep === 1 && _jsx(Booking, {
+        stay: stay,
+        cartUrl: cartUrl,
+        channel: channel,
+        values: values,
+        maxCPDuration: maxCPDuration,
+        setCurrentStep: setCurrentStep
+      })]
+    })
+  });
 }
+function getDefaultValues(filters) {
+  return Object.keys(filters || {}).reduce((acc, key) => {
+    if (key === "activities" && filters && filters.activities.length === 1) {
+      return {
+        ...acc,
+        [key]: filters.activities[0].value
+      };
+    }
+    return {
+      ...acc,
+      [key]: ""
+    };
+  }, {});
+}

package/es/esf/components/parcours-esf/index.js

@@ -1,2 +1,2 @@
 import ParcoursEsf from "./parcours-esf";
-export default ParcoursEsf;
+export default ParcoursEsf;

package/es/esf/components/parcours-esf/parcours-esf.js

@@ -1,37 +1,52 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Router from "next/router";
-// import { useUbloContext } from "ublo/with-ublo";
 import Script from "next/script";
 import Loader from "dt-design-system/es/loader";
 import css from "./parcours-esf.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ID = "parcours-esf";
-export default function ParcoursEsf({ parcours, constraints = [], noeudsExclus = [], niveauxExclus = [], }) {
-    // const { lang } = useUbloContext();
-    const [loaded, setLoaded] = React.useState(false);
-    // const parcoursLang = lang === "fr" ? "fr" : "en";
-    const parcoursLang = "fr"; // seul le fr est pris en charge pour le moment
-    const loadParcours = () => {
-        window.EsfParcours.onLoad(() => {
-            setLoaded(true);
-            startParcours();
-        });
-    };
-    const startParcours = () => {
-        window.EsfParcours.start({
-            groundedTo: `#${ID}`,
-            lang: parcoursLang,
-            parcours,
-            constraints,
-            noeudsExclus,
-            niveauxExclus,
-        });
-    };
-    Router.ready(() => {
-        Router.events.on("routeChangeComplete", () => {
-            setLoaded(false);
-            loadParcours();
-        });
+export default function ParcoursEsf({
+  parcours,
+  constraints = [],
+  noeudsExclus = [],
+  niveauxExclus = []
+}) {
+  const [loaded, setLoaded] = React.useState(false);
+  const parcoursLang = "fr";
+  const loadParcours = () => {
+    window.EsfParcours.onLoad(() => {
+      setLoaded(true);
+      startParcours();
     });
-    return (_jsxs(_Fragment, { children: [!loaded && (_jsx("div", { className: css.loader, children: _jsx(Loader, {}) })), _jsx("div", { id: ID, className: css.parcours }), _jsx(Script, { src: "https://parcours-esf.msem.tech/static/js/widget-esf-parcours.js", onLoad: loadParcours })] }));
-}
+  };
+  const startParcours = () => {
+    window.EsfParcours.start({
+      groundedTo: `#${ID}`,
+      lang: parcoursLang,
+      parcours,
+      constraints,
+      noeudsExclus,
+      niveauxExclus
+    });
+  };
+  Router.ready(() => {
+    Router.events.on("routeChangeComplete", () => {
+      setLoaded(false);
+      loadParcours();
+    });
+  });
+  return _jsxs(_Fragment, {
+    children: [!loaded && _jsx("div", {
+      className: css.loader,
+      children: _jsx(Loader, {})
+    }), _jsx("div", {
+      id: ID,
+      className: css.parcours
+    }), _jsx(Script, {
+      src: "https://parcours-esf.msem.tech/static/js/widget-esf-parcours.js",
+      onLoad: loadParcours
+    })]
+  });
+}

package/es/esf/components/period-picker/period-picker.js

@@ -28,10 +28,10 @@ const {
 const WEEK_STORAGE = "stayWeek";
 const EXTEND_STAY_PICKER_APPEARANCE_DELAY = 1000;
 const PeriodPicker = ({
-  setClosed,
-  force,
-  onChange,
-  isPopup,
+  setClosed = undefined,
+  force = false,
+  onChange = undefined,
+  isPopup = false,
   ubloContext = {}
 }) => {
   const ref = React.useRef();
@@ -87,7 +87,7 @@ const PeriodPicker = ({
       setChosenWeek(week);
     }
   }, [mustFilterSections]);
-  const getStoredStay = React.useCallback(e => {
+  const getStoredStay = React.useCallback(() => {
     const storedStay = window.sessionStorage.getItem("stay");
     if (storedStay) {
       const newStay = JSON.parse(storedStay);

package/es/lbm/components/lumiplan/api.js

@@ -1,33 +1,50 @@
 import getConfig from "next/config";
 import * as Fetcher from "../../../common/utils/fetcher";
-// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
-const { publicRuntimeConfig } = getConfig();
-const { lumiplanApi } = publicRuntimeConfig;
+const {
+  publicRuntimeConfig
+} = getConfig();
+const {
+  lumiplanApi
+} = publicRuntimeConfig;
 export async function getResortOpening(resort) {
-    const endpoint = `${lumiplanApi}/resort-opening`;
-    return Fetcher.get(endpoint, { resort });
+  const endpoint = `${lumiplanApi}/resort-opening`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }
 export async function getWeather(resort) {
-    const endpoint = `${lumiplanApi}/weather`;
-    return Fetcher.get(endpoint, { resort });
+  const endpoint = `${lumiplanApi}/weather`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }
 export async function getSnow(resort) {
-    const endpoint = `${lumiplanApi}/snow`;
-    return Fetcher.get(endpoint, { resort });
+  const endpoint = `${lumiplanApi}/snow`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }
 export async function getResortAccess(resort) {
-    const endpoint = `${lumiplanApi}/resort-access`;
-    return Fetcher.get(endpoint, { resort });
+  const endpoint = `${lumiplanApi}/resort-access`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }
 export async function getSlopes(resort) {
-    const endpoint = `${lumiplanApi}/slopes`;
-    return Fetcher.get(endpoint, { resort });
+  const endpoint = `${lumiplanApi}/slopes`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }
 export async function getLifts(resort) {
-    const endpoint = `${lumiplanApi}/lifts`;
-    return Fetcher.get(endpoint, { resort });
+  const endpoint = `${lumiplanApi}/lifts`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
 }
 export async function getPois(resort) {
-    const endpoint = `${lumiplanApi}/pois`;
-    return Fetcher.get(endpoint, { resort });
-}
+  const endpoint = `${lumiplanApi}/pois`;
+  return Fetcher.get(endpoint, {
+    resort
+  });
+}

package/es/lbm/components/lumiplan/domain.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import classNames from "classnames";
@@ -7,24 +6,101 @@ import T, { t } from "./i18n/translations";
 import TelesiegeIcon from "./icons/lifts/telesiege";
 import SlopesIcon from "./icons/slopes";
 import css from "./domain.module.css";
-const Domain = React.forwardRef(({ domain }, ref) => {
-    const { lang } = useUbloContext();
-    if (domain === undefined) {
-        return (_jsx("div", { ref: ref, className: css.loader, "data-tags": t(lang, "domain.navigation-title"), children: _jsx(Loader, { variant: "overlay" }) }));
-    }
-    if (!domain?.lifts || !domain?.slopes) {
-        return null;
-    }
-    const { lifts, slopes } = domain;
-    return (_jsx("div", { ref: ref, className: css.domain, "data-tags": t(lang, "domain.navigation-title"), children: _jsxs("div", { className: css.inner, children: [_jsx("div", { className: css.title, dangerouslySetInnerHTML: {
-                        __html: t(lang, "domain.title"),
-                    } }), _jsxs("div", { className: css.info, children: [_jsxs("div", { className: css.card, children: [_jsx(TelesiegeIcon, {}), _jsx("span", { className: css.cardTitle, children: _jsx(T, { id: "domain.lifts.title" }) }), _jsxs("div", { className: css.cardCount, children: [_jsx("b", { children: lifts.count.open }), " / ", lifts.count.total] })] }), _jsxs("div", { className: css.card, children: [_jsx(SlopesIcon, {}), _jsx("span", { className: css.cardTitle, children: _jsx(T, { id: "domain.slopes.title" }) }), _jsxs("div", { className: css.cardCount, children: [_jsx("b", { children: slopes.count.open }), " / ", slopes.count.total] })] })] }), _jsx("div", { className: css.slopes, children: Object.keys(slopes.slopes).map((key) => {
-                        const { open, total } = slopes.slopes[key];
-                        const classes = classNames(css.slope, {
-                            [css[key]]: key,
-                        });
-                        return (_jsxs("div", { className: classes, children: [_jsx("div", { className: css.slopePill }), _jsx("div", { className: css.slopeKind, children: _jsx(T, { id: `domain.slopes.${key}` }) }), _jsxs("div", { className: css.slopeCount, children: [_jsx("b", { children: open }), " / ", total] })] }, key));
-                    }) })] }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Domain = React.forwardRef(({
+  domain
+}, ref) => {
+  const {
+    lang
+  } = useUbloContext();
+  if (domain === undefined) {
+    return _jsx("div", {
+      ref: ref,
+      className: css.loader,
+      "data-tags": t(lang, "domain.navigation-title"),
+      children: _jsx(Loader, {
+        variant: "overlay"
+      })
+    });
+  }
+  if (!domain?.lifts || !domain?.slopes) {
+    return null;
+  }
+  const {
+    lifts,
+    slopes
+  } = domain;
+  return _jsx("div", {
+    ref: ref,
+    className: css.domain,
+    "data-tags": t(lang, "domain.navigation-title"),
+    children: _jsxs("div", {
+      className: css.inner,
+      children: [_jsx("div", {
+        className: css.title,
+        dangerouslySetInnerHTML: {
+          __html: t(lang, "domain.title")
+        }
+      }), _jsxs("div", {
+        className: css.info,
+        children: [_jsxs("div", {
+          className: css.card,
+          children: [_jsx(TelesiegeIcon, {}), _jsx("span", {
+            className: css.cardTitle,
+            children: _jsx(T, {
+              id: "domain.lifts.title"
+            })
+          }), _jsxs("div", {
+            className: css.cardCount,
+            children: [_jsx("b", {
+              children: lifts.count.open
+            }), " / ", lifts.count.total]
+          })]
+        }), _jsxs("div", {
+          className: css.card,
+          children: [_jsx(SlopesIcon, {}), _jsx("span", {
+            className: css.cardTitle,
+            children: _jsx(T, {
+              id: "domain.slopes.title"
+            })
+          }), _jsxs("div", {
+            className: css.cardCount,
+            children: [_jsx("b", {
+              children: slopes.count.open
+            }), " / ", slopes.count.total]
+          })]
+        })]
+      }), _jsx("div", {
+        className: css.slopes,
+        children: Object.keys(slopes.slopes).map(key => {
+          const {
+            open,
+            total
+          } = slopes.slopes[key];
+          const classes = classNames(css.slope, {
+            [css[key]]: key
+          });
+          return _jsxs("div", {
+            className: classes,
+            children: [_jsx("div", {
+              className: css.slopePill
+            }), _jsx("div", {
+              className: css.slopeKind,
+              children: _jsx(T, {
+                id: `domain.slopes.${key}`
+              })
+            }), _jsxs("div", {
+              className: css.slopeCount,
+              children: [_jsx("b", {
+                children: open
+              }), " / ", total]
+            })]
+          }, key);
+        })
+      })]
+    })
+  });
 });
 Domain.displayName = "Domain";
-export default Domain;
+export default Domain;

package/es/lbm/components/lumiplan/i18n/translations.js

@@ -1,20 +1,29 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import fr from "./fr.json";
 import en from "./en.json";
-const dictionaries = { fr, en };
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+const dictionaries = {
+  fr,
+  en
+};
 export function t(lang, key) {
-    if (!lang || !key)
-        return "";
-    const translations = dictionaries[lang];
-    const keys = key.split(".");
-    return keys.reduce((acc, key) => {
-        if (typeof acc === "string")
-            return acc;
-        return acc[key];
-    }, translations);
-}
-export default function T({ id }) {
-    const { lang } = useUbloContext();
-    return _jsx(_Fragment, { children: t(lang, id) });
+  if (!lang || !key) return "";
+  const translations = dictionaries[lang];
+  const keys = key.split(".");
+  return keys.reduce((acc, key) => {
+    if (typeof acc === "string") return acc;
+    return acc[key];
+  }, translations);
 }
+export default function T({
+  id
+}) {
+  const {
+    lang
+  } = useUbloContext();
+  return _jsx(_Fragment, {
+    children: t(lang, id)
+  });
+}

package/es/lbm/components/lumiplan/index.js

@@ -1,2 +1,2 @@
 import Lumiplan from "./lumiplan";
-export default Lumiplan;
+export default Lumiplan;