ublo-lib 1.31.43 → 1.31.44

package/es/common/components/tabbed-zones.js

@@ -1,103 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Zone from "ublo/zone";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const defaultTabs = [{
-  subs: null
-}, {
-  subs: 2
-}];
-export default function TabbedZones({
-  current = 0,
-  currentSub = 0,
-  tabs = defaultTabs,
-  zonesProps = {}
-}) {
-  const [currentTab, setCurrentTab] = React.useState(current);
-  const [currentSubTab, setCurrentSubTab] = React.useState(currentSub);
-  return _jsxs("div", {
-    className: "tabbed-zones",
-    children: [_jsx("div", {
-      className: "tabbed-zones__tabs",
-      children: tabs.map((_, i) => {
-        const updateCurrentTab = () => {
-          setCurrentTab(i);
-          setCurrentSubTab(0);
-        };
-        const classes = classNames("tabbed-zones__tab", `tabbed-zones__tab--${i}`, {
-          "tabbed-zones__tab--current": i === currentTab
-        });
-        return _jsx("div", {
-          className: classes,
-          onClick: updateCurrentTab,
-          children: _jsx(Zone, {
-            id: `tabbed-zones-tab-${i}`,
-            section: "rich-text",
-            maxSections: "1",
-            tooltip: "Zone d'edition: Titre onglet"
-          })
-        }, i);
-      })
-    }), tabs.map((tab, i) => {
-      if (!tab.subs) return null;
-      const length = [...new Array(tab.subs)];
-      const classes = classNames("tabbed-zones__sub-tabs", `tabbed-zones__sub-tabs--${i}`, {
-        "tabbed-zones__sub-tabs--current": i === currentTab
-      });
-      return _jsx("div", {
-        className: classes,
-        children: length.map((_, j) => {
-          const updateCurrentTab = () => setCurrentSubTab(j);
-          const classes = classNames("tabbed-zones__sub-tab", `tabbed-zones__sub-tab--${i}-${j}`, {
-            "tabbed-zones__sub-tab--current": i === currentTab && j === currentSubTab
-          });
-          return _jsx("div", {
-            className: classes,
-            onClick: updateCurrentTab,
-            children: _jsx(Zone, {
-              id: `tabbed-zones-sub-tab-${i}-${j}`,
-              section: "rich-text",
-              maxSections: "1",
-              tooltip: "Zone d'edition: Titre onglet",
-              ...zonesProps
-            })
-          }, j);
-        })
-      }, i);
-    }), _jsxs("div", {
-      className: "tabbed-zones__zones",
-      children: [tabs.map((tab, i) => {
-        const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}`, {
-          "tabbed-zones__zone--current": i === currentTab
-        });
-        if (tab.subs) return null;
-        return _jsx("div", {
-          className: classes,
-          children: _jsx(Zone, {
-            id: `tabbed-zone-${i}`,
-            tooltip: "Zone d'edition : Contenu onglet",
-            ...zonesProps
-          })
-        }, i);
-      }), tabs.map((tab, i) => {
-        if (!tab.subs) return null;
-        const length = [...new Array(tab.subs)];
-        return length.map((_, j) => {
-          const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}-${j}`, {
-            "tabbed-zones__zone--current": i === currentTab && j === currentSubTab
-          });
-          return _jsx("div", {
-            className: classes,
-            children: _jsx(Zone, {
-              id: `tabbed-zone-offers-${i}-${j}`,
-              className: "tabbed-zone-offers",
-              tooltip: "Zone d'edition : Contenu et blocs produit",
-              ...zonesProps
-            })
-          }, j);
-        });
-      })]
-    })]
-  });
-}

package/es/common/utils/msem-widget.js

@@ -1,45 +0,0 @@
-import NextScript from "next/script";
-import getConfig from "next/config";
-import { loadJS } from "./load-js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const loadWidgetMseM = async (id = "widget-msem", forceIntegration = false) => {
-  const {
-    publicRuntimeConfig
-  } = getConfig();
-  const {
-    integration
-  } = publicRuntimeConfig;
-  const widgetUrl = forceIntegration || integration ? "https://widget-integration.msem.tech/static/js/widget-msem.js" : "https://widget.msem.tech/static/js/widget-msem.js";
-  return loadJS(widgetUrl, id);
-};
-export const openMseM = async (widget, options = {}, presets = {}) => {
-  await loadWidgetMseM();
-  window.MseM?.onLoad(() => window.MseM[widget](options, presets));
-};
-export function loadWidget(widget, options = {}, presets = {}) {
-  if (window.MseMLoaded) {
-    window.MseM?.onLoad(() => window.requestAnimationFrame(() => window.MseM[widget](options, presets)));
-  } else {
-    setTimeout(() => {
-      const isGroundedTo = ("groundedTo" in options);
-      if (isGroundedTo) {
-        const selector = options.groundedTo;
-        const widgetStillHasTarget = document.querySelector(selector);
-        if (!widgetStillHasTarget) return;
-      }
-      loadWidget(widget, options, presets);
-    }, 400);
-  }
-}
-export function Script({
-  msemUrl
-}) {
-  const setLoaded = () => {
-    window.MseMLoaded = true;
-  };
-  return _jsx(NextScript, {
-    src: `${msemUrl}/static/js/widget-msem.js`,
-    onLoad: setLoaded,
-    defer: true
-  });
-}

package/es/esf/components/account-button/account-button.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Link from "ublo/link";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import styles from "./account-button.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function AccountButton({
-  item,
-  className,
-  showLabel,
-  compact
-}) {
-  const {
-    name,
-    path,
-    shortTitle,
-    title
-  } = item;
-  const classes = classNames(styles.button, className, {
-    [styles.compact]: compact
-  });
-  return _jsxs(Button, {
-    href: path,
-    tag: Link,
-    variant: "transparent",
-    className: classes,
-    "aria-label": shortTitle || title,
-    compact: compact,
-    children: [_jsx(Icons.User, {
-      className: styles.icon
-    }), showLabel && _jsx("span", {
-      className: styles.label,
-      dangerouslySetInnerHTML: {
-        __html: shortTitle || title
-      }
-    })]
-  }, name);
-}

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

@@ -1,186 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import { useUbloContext } from "ublo/with-ublo";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Filters from "./filters";
-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,
-  msemWidgetHost = "https://widget.msem.tech",
-  msemApiHost = "https://services.msem.tech/api/esf",
-  msemAdminHost = "https://admin.mon-sejour-en-montagne.com/api/gesco",
-  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({
-        msemApiHost,
-        lang,
-        resort,
-        stayFrom,
-        stayTo
-      }), API.fetchParams(msemAdminHost, 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({
-        msemApiHost,
-        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, lang, maxDays, merchant, minDays, msemAdminHost, msemApiHost, 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,
-        msemWidgetHost: msemWidgetHost
-      })]
-    })
-  });
-}
-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/parcours-esf.js

@@ -1,52 +0,0 @@
-import * as React from "react";
-import Router from "next/router";
-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 [loaded, setLoaded] = React.useState(false);
-  const parcoursLang = "fr";
-  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 _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/future/components/msem/script.js

@@ -1,14 +0,0 @@
-import NextScript from "next/script";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Script({
-  msemUrl
-}) {
-  const setLoaded = () => {
-    window.MseMLoaded = true;
-  };
-  return _jsx(NextScript, {
-    src: `${msemUrl}/static/js/widget-msem.js`,
-    onLoad: setLoaded,
-    defer: true
-  });
-}

package/es/future/components/msem/tunnel.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-import * as Utils from "./utils";
-import * as Plausible from "../plausible";
-export default React.memo(Tunnel);
-function Tunnel({
-  options,
-  presets,
-  children
-}) {
-  React.useEffect(() => {
-    const lang = options?.lang === "fr" ? "fr" : "en";
-    const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
-    const patchedOptions = {
-      ...options,
-      lang,
-      categoryCode,
-      analytics: (...args) => {
-        options?.analytics?.apply(null, args);
-        Plausible.callback.apply(null, args);
-      }
-    };
-    Utils.loadWidget("tunnel", patchedOptions, presets);
-    return () => {
-      const {
-        groundedTo
-      } = patchedOptions;
-      if (groundedTo) {
-        const container = document.querySelector(groundedTo);
-        container.innerHTML = "";
-      }
-    };
-  }, [options, presets]);
-  return children;
-}

package/es/future/components/plausible/plausible.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import Script from "next/script";
-import getConfig from "next/config";
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  plausibleDomain
-} = publicRuntimeConfig;
-const DEFAULT_SOURCE = "https://plausible.io/js/script.revenue.file-downloads.outbound-links.js";
-export default function PlausibleScript({
-  lang,
-  source = DEFAULT_SOURCE
-}) {
-  const hasI18n = typeof plausibleDomain === "object";
-  if (hasI18n && !lang) {
-    console.warn("PlausibleScript: the lang props is mandatory if you want to use a specific domain for each lang");
-  }
-  const domain = hasI18n && lang ? plausibleDomain[lang] : plausibleDomain;
-  if (!domain) return null;
-  return _jsx(Script, {
-    "data-domain": domain,
-    src: source
-  });
-}

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

@@ -1,118 +0,0 @@
-import * as React from "react";
-import Link from "ublo/link";
-import { useUbloContext } from "ublo/with-ublo";
-import classNames from "classnames";
-import Loader from "dt-design-system/es/loader";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import TelesiegeIcon from "./icons/lifts/telesiege";
-import SlopesIcon from "./icons/slopes";
-import T, { t } from "./i18n/translations";
-import css from "./domain.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Domain = React.forwardRef(({
-  domain
-}, ref) => {
-  const {
-    lang,
-    config
-  } = useUbloContext();
-  const {
-    slopeMapPath
-  } = config;
-  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);
-        })
-      }), slopeMapPath && _jsxs(Button, {
-        tag: Link,
-        className: css.mapButton,
-        href: slopeMapPath,
-        children: [_jsx(Icons.Map, {}), t(lang, "domain.map")]
-      })]
-    })
-  });
-});
-Domain.displayName = "Domain";
-export default Domain;

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

@@ -1,39 +0,0 @@
-import { useUbloContext } from "ublo/with-ublo";
-import T from "./i18n/translations";
-import styles from "./header.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Title({
-  date,
-  mode
-}) {
-  const {
-    lang
-  } = useUbloContext();
-  const langFormat = lang === "fr" ? "fr-FR" : "en-UK";
-  const options = {
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: lang === "fr" ? false : true
-  };
-  const formattedDate = date.toLocaleDateString(langFormat, options);
-  return _jsxs("div", {
-    className: styles.header,
-    children: [_jsxs("div", {
-      className: styles.title,
-      children: [_jsx(T, {
-        id: "print.bulletin"
-      }), " ", _jsx(T, {
-        id: `print.${mode}`
-      })]
-    }), _jsxs("div", {
-      className: styles.subtitle,
-      children: [_jsx(T, {
-        id: "print.subtitle"
-      }), formattedDate]
-    })]
-  });
-}

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

@@ -1,29 +0,0 @@
-import * as React from "react";
-import { useUbloContext } from "ublo/with-ublo";
-import fr from "./fr.json";
-import en from "./en.json";
-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)
-  });
-}