ublo-lib 1.31.42 → 1.31.44

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

@@ -1,29 +1,30 @@
 const locales = {
-  fr: {
-    confirm: "Rechercher un moniteur",
-    "go-back": "Modifier mes critères",
-    activities: " Je cherche un cours de ",
-    nbPersons: " pour ",
-    languages: " en ",
-    startDates: " J'aimerais commencer à partir du ",
-    days: " pendant ",
-    durations: " sur des cours de ",
-    categories: " à "
-  },
-  en: {
-    confirm: "Find an instructor",
-    "go-back": "Modify my choices",
-    activities: " I'm looking for a lesson of ",
-    nbPersons: " for ",
-    languages: " in ",
-    startDates: " I'd like to start from ",
-    days: " for ",
-    durations: " with lessons of ",
-    categories: " at "
-  }
+    fr: {
+        confirm: "Rechercher un moniteur",
+        "go-back": "Modifier mes critères",
+        activities: " Je cherche un cours de ",
+        nbPersons: " pour ",
+        languages: " en ",
+        startDates: " J'aimerais commencer à partir du ",
+        days: " pendant ",
+        durations: " sur des cours de ",
+        categories: " à ",
+    },
+    en: {
+        confirm: "Find an instructor",
+        "go-back": "Modify my choices",
+        activities: " I'm looking for a lesson of ",
+        nbPersons: " for ",
+        languages: " in ",
+        startDates: " I'd like to start from ",
+        days: " for ",
+        durations: " with lessons of ",
+        categories: " at ",
+    },
 };
 export const message = (lang, id) => {
-  const _lang = lang === "fr" ? "fr" : "en";
-  if (!locales || !locales[_lang]) return id;
-  return locales[_lang][id] || `??${id}??`;
-};
+    const _lang = lang === "fr" ? "fr" : "en";
+    if (!locales || !locales[_lang])
+        return id;
+    return locales[_lang][id] || `??${id}??`;
+};

package/es/esf/components/magic-box/services/api.d.ts

@@ -0,0 +1,18 @@
+export function fetchWelcome({ msemApiHost, lang, resort, stayFrom, stayTo }: {
+    msemApiHost: any;
+    lang: any;
+    resort: any;
+    stayFrom: any;
+    stayTo: any;
+}): Promise<any>;
+export function fetchFilters({ msemApiHost, lang, resort, season, stayFrom, stayTo, kinds, engagement, }: {
+    msemApiHost: any;
+    lang: any;
+    resort: any;
+    season: any;
+    stayFrom: any;
+    stayTo: any;
+    kinds?: string[];
+    engagement?: boolean;
+}): Promise<any>;
+export function fetchParams(msemAdminHost: any, lang: any, resort: any, merchant: any, channel: any, categories: any): Promise<any>;

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

@@ -1,51 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as Fetcher from "../../../../common/utils/fetcher";
-export function fetchWelcome({
-  msemApiHost,
-  lang,
-  resort,
-  stayFrom,
-  stayTo
-}) {
-  return Fetcher.post(`${msemApiHost}/welcome`, {
-    resort,
-    lang,
-    stayFrom,
-    stayTo
-  });
+// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
+export function fetchWelcome({ msemApiHost, lang, resort, stayFrom, stayTo }) {
+    return Fetcher.post(`${msemApiHost}/welcome`, {
+        resort,
+        lang,
+        stayFrom,
+        stayTo,
+    });
 }
-export async function fetchFilters({
-  msemApiHost,
-  lang,
-  resort,
-  season,
-  stayFrom,
-  stayTo,
-  kinds = ["CP"],
-  engagement = true
-}) {
-  return Fetcher.post(`${msemApiHost}/filters`, {
-    lang,
-    resort,
-    season,
-    stayFrom,
-    stayTo,
-    kinds,
-    engagement
-  });
+export function fetchFilters({ msemApiHost, lang, resort, season, stayFrom, stayTo, kinds = ["CP"], engagement = true, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return Fetcher.post(`${msemApiHost}/filters`, {
+            lang,
+            resort,
+            season,
+            stayFrom,
+            stayTo,
+            kinds,
+            engagement,
+        });
+    });
+}
+export function fetchParams(msemAdminHost, lang, resort, merchant, channel, categories) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const res = yield fetch(`${msemAdminHost}/contact/parameters`, {
+            method: "POST",
+            headers: { "content-type": "application/json;charset=utf-8" },
+            body: JSON.stringify({ lang, resort, merchant, channel, categories }),
+        });
+        return res.json();
+    });
 }
-export async function fetchParams(msemAdminHost, lang, resort, merchant, channel, categories) {
-  const res = await fetch(`${msemAdminHost}/contact/parameters`, {
-    method: "POST",
-    headers: {
-      "content-type": "application/json;charset=utf-8"
-    },
-    body: JSON.stringify({
-      lang,
-      resort,
-      merchant,
-      channel,
-      categories
-    })
-  });
-  return res.json();
-}

package/es/esf/components/magic-box/services/widgets.d.ts

@@ -0,0 +1 @@
+export function loadWidgetMseM(msemWidgetHost: any): Promise<void>;

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

@@ -1,4 +1,16 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { loadJS } from "../../../../common/utils/load-js";
-export async function loadWidgetMseM(msemWidgetHost) {
-  await loadJS(`${msemWidgetHost}/static/js/widget-msem.js`, "widget-msem");
-}
+// import { loadJS } from "ublo-lib/es/common/utils/load-js";
+export function loadWidgetMseM(msemWidgetHost) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield loadJS(`${msemWidgetHost}/static/js/widget-msem.js`, "widget-msem");
+    });
+}

package/es/esf/components/parcours-esf/index.d.ts

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

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.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type Props = {
+    parcours: "alpin" | "nordic" | "snowboard";
+    constraints: number[];
+    noeudsExclus: number[];
+    niveauxExclus: string[];
+};
+export default function ParcoursEsf({ parcours, constraints, noeudsExclus, niveauxExclus, }: Props): React.JSX.Element;
+declare global {
+    interface Window {
+        EsfParcours: any;
+    }
+}
+export {};

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

@@ -0,0 +1,42 @@
+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";
+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();
+        });
+    });
+    return (<>
+      {!loaded && (<div className={css.loader}>
+          <Loader />
+        </div>)}
+      <div id={ID} className={css.parcours}/>
+      <Script src="https://parcours-esf.msem.tech/static/js/widget-esf-parcours.js" onLoad={loadParcours}/>
+    </>);
+}

package/es/esf/components/period-picker/controls.d.ts

@@ -0,0 +1,5 @@
+export default function Controls({ barRef, distance }: {
+    barRef: any;
+    distance: any;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -2,43 +2,27 @@ import * as React from "react";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
 import css from "./controls.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const LEFT = 0;
 const RIGHT = 1;
-export default function Controls({
-  barRef,
-  distance
-}) {
-  const scrollTo = direction => () => {
-    const bar = barRef.current;
-    if (!bar) return;
-    const currentScroll = bar.scrollLeft;
-    if (direction === LEFT) {
-      bar.scrollLeft = currentScroll - distance;
-    }
-    if (direction === RIGHT) {
-      bar.scrollLeft = currentScroll + distance;
-    }
-  };
-  return _jsxs("div", {
-    className: css.controls,
-    children: [_jsx(Button, {
-      variant: "transparent",
-      className: css.control,
-      onClick: scrollTo(LEFT),
-      "aria-label": "Previous",
-      children: _jsx(Icons.ArrowLeft, {
-        className: css.icon
-      })
-    }), _jsx(Button, {
-      variant: "transparent",
-      className: css.control,
-      onClick: scrollTo(RIGHT),
-      "aria-label": "Next",
-      children: _jsx(Icons.ArrowRight, {
-        className: css.icon
-      })
-    })]
-  });
-}
+export default function Controls({ barRef, distance }) {
+    const scrollTo = (direction) => () => {
+        const bar = barRef.current;
+        if (!bar)
+            return;
+        const currentScroll = bar.scrollLeft;
+        if (direction === LEFT) {
+            bar.scrollLeft = currentScroll - distance;
+        }
+        if (direction === RIGHT) {
+            bar.scrollLeft = currentScroll + distance;
+        }
+    };
+    return (<div className={css.controls}>
+      <Button variant="transparent" className={css.control} onClick={scrollTo(LEFT)} aria-label="Previous">
+        <Icons.ArrowLeft className={css.icon}/>
+      </Button>
+      <Button variant="transparent" className={css.control} onClick={scrollTo(RIGHT)} aria-label="Next">
+        <Icons.ArrowRight className={css.icon}/>
+      </Button>
+    </div>);
+}

package/es/esf/components/period-picker/date-display.d.ts

@@ -0,0 +1,4 @@
+export default function DateDisplay({ className }: {
+    className: any;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -6,62 +6,43 @@ import * as Messages from "./messages";
 import * as Stay from "./services/stay";
 import * as Motions from "./services/motions";
 import css from "./date-display.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function DateDisplay({
-  className
-}) {
-  const [stay, setStay] = React.useState();
-  const {
-    lang,
-    metadata,
-    config
-  } = useUbloContext();
-  const {
-    extend
-  } = config.season;
-  const classes = classNames(css.display, {
-    [className]: className
-  });
-  const getStoredStay = React.useCallback(() => {
-    const storedStay = window.sessionStorage.getItem("stay");
-    if (storedStay) {
-      const newStay = JSON.parse(storedStay);
-      setStay(newStay);
-    }
-  }, []);
-  const updateStay = React.useCallback(e => {
-    setStay(e.detail);
-  }, []);
-  React.useEffect(() => {
-    if (!metadata?.disableWeekpicker) {
-      getStoredStay();
-      window.addEventListener("msem-stay-changed", updateStay);
-      return () => {
-        window.removeEventListener("msem-stay-changed", updateStay);
-      };
-    }
-  }, [getStoredStay, metadata?.disableWeekpicker, updateStay]);
-  if (!extend || !stay || metadata?.disableWeekpicker) return null;
-  const formatedStay = Stay.formatStay(lang, stay);
-  return _jsxs("div", {
-    className: classes,
-    children: [Messages.get(lang, "offers"), " ", _jsx("span", {
-      className: css.dates,
-      children: formatedStay.split(" ").map((word, index) => _jsx(motion.span, {
-        className: css.word,
-        transition: {
-          delayChildren: index * 0.05,
-          staggerChildren: 0.05
-        },
-        initial: "hidden",
-        animate: "visible",
-        children: word.split("").map((letter, index) => _jsx(motion.span, {
-          className: css.letter,
-          variants: Motions.character,
-          children: letter
-        }, `${letter}-${index}`))
-      }, `${word}-${index}`))
-    })]
-  });
-}
+export default function DateDisplay({ className }) {
+    const [stay, setStay] = React.useState();
+    const { lang, metadata, config } = useUbloContext();
+    const { extend } = config.season;
+    const classes = classNames(css.display, {
+        [className]: className,
+    });
+    const getStoredStay = React.useCallback(() => {
+        const storedStay = window.sessionStorage.getItem("stay");
+        if (storedStay) {
+            const newStay = JSON.parse(storedStay);
+            setStay(newStay);
+        }
+    }, []);
+    const updateStay = React.useCallback((e) => {
+        setStay(e.detail);
+    }, []);
+    React.useEffect(() => {
+        if (!(metadata === null || metadata === void 0 ? void 0 : metadata.disableWeekpicker)) {
+            getStoredStay();
+            window.addEventListener("msem-stay-changed", updateStay);
+            return () => {
+                window.removeEventListener("msem-stay-changed", updateStay);
+            };
+        }
+    }, [getStoredStay, metadata === null || metadata === void 0 ? void 0 : metadata.disableWeekpicker, updateStay]);
+    if (!extend || !stay || (metadata === null || metadata === void 0 ? void 0 : metadata.disableWeekpicker))
+        return null;
+    const formatedStay = Stay.formatStay(lang, stay);
+    return (<div className={classes}>
+      {Messages.get(lang, "offers")}{" "}
+      <span className={css.dates}>
+        {formatedStay.split(" ").map((word, index) => (<motion.span key={`${word}-${index}`} className={css.word} transition={{ delayChildren: index * 0.05, staggerChildren: 0.05 }} initial="hidden" animate="visible">
+            {word.split("").map((letter, index) => (<motion.span key={`${letter}-${index}`} className={css.letter} variants={Motions.character}>
+                {letter}
+              </motion.span>))}
+          </motion.span>))}
+      </span>
+    </div>);
+}

package/es/esf/components/period-picker/days.d.ts

@@ -0,0 +1,3 @@
+export default Days;
+declare const Days: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import * as React from "react";

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

@@ -3,109 +3,75 @@ import classNames from "classnames";
 import * as Stay from "./services/stay";
 import * as Dates from "./services/dates";
 import css from "./days.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Days = React.forwardRef(({
-  lang,
-  fullStay,
-  interval,
-  onChange
-}, ref) => {
-  const [firstSelected, setFirstSelected] = React.useState();
-  const updateSelection = day => e => {
-    e.stopPropagation();
-    if (firstSelected) {
-      const isBefore = firstSelected.getTime() > day.getTime();
-      const range = {
-        from: Dates.format(isBefore ? day : firstSelected),
-        to: Dates.format(isBefore ? firstSelected : day)
-      };
-      Stay.update(range);
-      if (typeof onChange === "function") {
-        onChange(range);
-      }
-      cancelSelection();
-    } else {
-      setFirstSelected(day);
-    }
-  };
-  const cancelSelection = () => {
-    setFirstSelected(undefined);
-  };
-  React.useEffect(() => {
-    window.addEventListener("click", cancelSelection);
-    return () => {
-      window.removeEventListener("click", cancelSelection);
+const Days = React.forwardRef(({ lang, fullStay, interval, onChange }, ref) => {
+    const [firstSelected, setFirstSelected] = React.useState();
+    const updateSelection = (day) => (e) => {
+        e.stopPropagation();
+        if (firstSelected) {
+            const isBefore = firstSelected.getTime() > day.getTime();
+            const range = {
+                from: Dates.format(isBefore ? day : firstSelected),
+                to: Dates.format(isBefore ? firstSelected : day),
+            };
+            Stay.update(range);
+            if (typeof onChange === "function") {
+                onChange(range);
+            }
+            cancelSelection();
+        }
+        else {
+            setFirstSelected(day);
+        }
     };
-  }, []);
-  return _jsx("div", {
-    ref: ref,
-    className: css.days,
-    children: interval.map((day, i) => _jsx(Day, {
-      index: i,
-      lang: lang,
-      day: day,
-      fullStay: fullStay,
-      firstSelected: firstSelected,
-      updateSelection: updateSelection
-    }, day))
-  });
+    const cancelSelection = () => {
+        setFirstSelected(undefined);
+    };
+    React.useEffect(() => {
+        window.addEventListener("click", cancelSelection);
+        return () => {
+            window.removeEventListener("click", cancelSelection);
+        };
+    }, []);
+    return (<div ref={ref} className={css.days}>
+      {interval.map((day, i) => (<Day key={day} index={i} lang={lang} day={day} fullStay={fullStay} firstSelected={firstSelected} updateSelection={updateSelection}/>))}
+    </div>);
 });
 Days.displayName = "Days";
 export default Days;
-function Day({
-  lang,
-  index,
-  day,
-  fullStay,
-  firstSelected,
-  updateSelection
-}) {
-  const locale = Dates.locales[lang] || Dates.locales.en;
-  const isFirstDayOfStay = day.getTime() === fullStay[0]?.getTime();
-  const isLastDayOfStay = day.getTime() === fullStay[fullStay.length - 1].getTime();
-  const isInStay = fullStay.some(date => date.getTime() === day.getTime());
-  const isFirstSelected = day.getTime() === new Date(firstSelected).getTime();
-  const dayLabel = new Date(day).toLocaleDateString(locale, {
-    weekday: "short"
-  });
-  const dayNumber = new Date(day).toLocaleDateString(locale, {
-    day: "2-digit"
-  });
-  const prevDay = new Date(day);
-  prevDay.setDate(day.getDate() - 1);
-  const prevMonth = prevDay.getMonth();
-  const currMonth = day.getMonth();
-  const hasMonthChanged = prevMonth !== currMonth;
-  const showMonth = index === 0 || hasMonthChanged;
-  const formatedMonth = day.toLocaleString(locale, {
-    month: "short"
-  });
-  const classes = classNames(css.day, {
-    [css.firstSelected]: isFirstSelected,
-    [css.dayFirstInStay]: !firstSelected && isFirstDayOfStay,
-    [css.dayLastInStay]: !firstSelected && isLastDayOfStay,
-    [css.dayBoundary]: !firstSelected && (isFirstDayOfStay || isLastDayOfStay),
-    [css.dayInStay]: !firstSelected && isInStay
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [_jsx("div", {
-      className: css.weekday,
-      children: dayLabel
-    }), _jsx("div", {
-      className: css.dayBottom,
-      children: _jsx("button", {
-        className: css.dayNumber,
-        onClick: updateSelection(day),
-        children: _jsx("span", {
-          className: css.dayNumberText,
-          children: dayNumber
-        })
-      })
-    }), showMonth && _jsx("span", {
-      className: css.month,
-      children: formatedMonth
-    })]
-  });
-}
+function Day({ lang, index, day, fullStay, firstSelected, updateSelection }) {
+    var _a;
+    const locale = Dates.locales[lang] || Dates.locales.en;
+    const isFirstDayOfStay = day.getTime() === ((_a = fullStay[0]) === null || _a === void 0 ? void 0 : _a.getTime());
+    const isLastDayOfStay = day.getTime() === fullStay[fullStay.length - 1].getTime();
+    const isInStay = fullStay.some((date) => date.getTime() === day.getTime());
+    const isFirstSelected = day.getTime() === new Date(firstSelected).getTime();
+    const dayLabel = new Date(day).toLocaleDateString(locale, {
+        weekday: "short",
+    });
+    const dayNumber = new Date(day).toLocaleDateString(locale, {
+        day: "2-digit",
+    });
+    const prevDay = new Date(day);
+    prevDay.setDate(day.getDate() - 1);
+    const prevMonth = prevDay.getMonth();
+    const currMonth = day.getMonth();
+    const hasMonthChanged = prevMonth !== currMonth;
+    const showMonth = index === 0 || hasMonthChanged;
+    const formatedMonth = day.toLocaleString(locale, { month: "short" });
+    const classes = classNames(css.day, {
+        [css.firstSelected]: isFirstSelected,
+        [css.dayFirstInStay]: !firstSelected && isFirstDayOfStay,
+        [css.dayLastInStay]: !firstSelected && isLastDayOfStay,
+        [css.dayBoundary]: !firstSelected && (isFirstDayOfStay || isLastDayOfStay),
+        [css.dayInStay]: !firstSelected && isInStay,
+    });
+    return (<div className={classes}>
+      <div className={css.weekday}>{dayLabel}</div>
+      <div className={css.dayBottom}>
+        <button className={css.dayNumber} onClick={updateSelection(day)}>
+          <span className={css.dayNumberText}>{dayNumber}</span>
+        </button>
+      </div>
+      {showMonth && <span className={css.month}>{formatedMonth}</span>}
+    </div>);
+}

package/es/esf/components/period-picker/extended-stay-picker.d.ts

@@ -0,0 +1,12 @@
+export default function ExtendedStayPicker({ lang, stay, extend, week, endWeek, forceSeasonSwitch, opened, setExtendedOpened, onChange, }: {
+    lang: any;
+    stay: any;
+    extend: any;
+    week: any;
+    endWeek: any;
+    forceSeasonSwitch: any;
+    opened: any;
+    setExtendedOpened: any;
+    onChange: any;
+}): React.JSX.Element;
+import * as React from "react";