ublo-lib 1.31.42 → 1.31.44

package/es/common/components/msem-preset-editor/msem-preset-editor.js

@@ -1,251 +0,0 @@
-import * as React from "react";
-import getConfig from "next/config";
-import classNames from "classnames";
-import Button from "dt-design-system/es/button";
-import Dialog from "dt-design-system/es/dialog";
-import Input from "dt-design-system/es/input";
-import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
-import * as MseM from "../../utils/msem-widget";
-import FacetSelector from "./components/facet-selector";
-import StayPicker from "./components/stay-picker";
-import WidgetList from "./components/widget-list";
-import Editors from "./editors";
-import * as UrlParams from "./services/url-params";
-import * as Preset from "./services/preset";
-import css from "./msem-preset-editor.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  langPrefix
-} = publicRuntimeConfig;
-export default function MseMPresetEditor({
-  lang,
-  options,
-  urls,
-  selectedPreset,
-  onChange,
-  noLodgingPage,
-  children
-}) {
-  const currentPreset = selectedPreset ? JSON.parse(selectedPreset) : undefined;
-  const defaultResort = Number(currentPreset ? currentPreset.options.resort : options.resort);
-  const [facet, setFacet] = React.useState(currentPreset?.options?.facet?.toString() || "");
-  const [stay, setStay] = React.useState(currentPreset?.presets?.stay || {
-    from: "",
-    to: ""
-  });
-  const [preset, setPreset] = React.useState(currentPreset || null);
-  const [error, setError] = React.useState(null);
-  const [showPresetDialog, setShowPresetDialog] = React.useState(false);
-  const [presetUrl, setPresetUrl] = React.useState("");
-  const [resort, setResort] = React.useState(defaultResort);
-  const initialRender = React.useRef(true);
-  const showWidgetList = resort && facet !== "";
-  const baseUrl = getBaseUrl({
-    lang,
-    widget: preset?.widget,
-    facet,
-    urls,
-    resort,
-    slug: preset?.openPage ? preset?.presets?.accomodation : undefined
-  });
-  const updatePreset = React.useCallback((item, subPreset) => {
-    let {
-      name,
-      options: itemOptions,
-      presets: itemPresets
-    } = item;
-    const widget = subPreset?.widget || item.widget;
-    if (!widget) {
-      return;
-    }
-    if (subPreset) {
-      const formatedSubPreset = Preset.format(subPreset);
-      name = subPreset.name;
-      itemOptions = formatedSubPreset.options;
-      itemPresets = formatedSubPreset.presets;
-    }
-    if (stay?.from && stay?.to) {
-      itemPresets = {
-        ...itemPresets,
-        stay
-      };
-    }
-    const allOptions = {
-      facet: Number(facet),
-      ...itemOptions,
-      ...options,
-      resort
-    };
-    const newPreset = {
-      name,
-      widget,
-      options: allOptions,
-      presets: itemPresets,
-      url: baseUrl || undefined
-    };
-    onChange?.(newPreset);
-    setPreset(newPreset);
-  }, [baseUrl, facet, onChange, options, stay, resort]);
-  const removePreset = React.useCallback(() => {
-    onChange?.(null);
-    setPreset(null);
-  }, [onChange]);
-  const testPreset = () => {
-    if (!preset) return;
-    const storageKeysToRemove = ["msem-material-rental-state", "msem-lift-jb-state"];
-    storageKeysToRemove.forEach(key => {
-      window.sessionStorage.removeItem(key);
-    });
-    const {
-      widget,
-      options,
-      presets
-    } = preset;
-    MseM.openMseM(widget, options, presets);
-  };
-  const copyUrl = e => {
-    e.preventDefault();
-    const field = e.target;
-    const url = field.value;
-    field.select();
-    navigator.clipboard.writeText(url);
-    window.ubloSnackbar("URL copiée dans le presse papier", "success");
-  };
-  React.useEffect(() => {
-    if (stay?.from && stay?.to) {
-      setPreset((current = {}) => {
-        const newPreset = {
-          ...current,
-          presets: {
-            ...(current?.presets || {}),
-            stay
-          }
-        };
-        onChange?.(newPreset);
-        return newPreset;
-      });
-    }
-  }, [onChange, stay]);
-  React.useEffect(() => {
-    if (preset && baseUrl) {
-      const url = UrlParams.getPresetUrl(lang, preset, baseUrl);
-      setPresetUrl(url);
-    } else {
-      setPresetUrl("");
-    }
-  }, [baseUrl, lang, preset]);
-  React.useEffect(() => {
-    if (initialRender.current) {
-      initialRender.current = false;
-    } else {
-      removePreset();
-    }
-  }, [removePreset, resort]);
-  if (!resort) return null;
-  const CurrentEditor = preset?.widget && Editors[preset.widget];
-  const showPresetUrl = Boolean(preset?.widget && presetUrl !== "");
-  const footerClasses = classNames(css.footer, {
-    [css.footerButtonOnly]: !showPresetUrl
-  });
-  return _jsxs("div", {
-    className: css.editor,
-    children: [children && React.cloneElement(children, {
-      resort,
-      setResort
-    }), _jsx(FacetSelector, {
-      facet: facet,
-      setFacet: setFacet,
-      setPreset: setPreset
-    }), _jsx(StayPicker, {
-      stay: stay,
-      setStay: setStay,
-      setPreset: setPreset
-    }), showWidgetList && _jsx(WidgetList, {
-      lang: lang,
-      resort: resort,
-      channel: options.channel,
-      facet: facet,
-      preset: preset,
-      updatePreset: updatePreset,
-      removePreset: removePreset,
-      error: error,
-      setError: setError,
-      setShowPresetDialog: setShowPresetDialog
-    }), _jsx(Dialog, {
-      isOpened: showPresetDialog,
-      close: () => setShowPresetDialog(false),
-      container: null,
-      showAsModal: false,
-      children: showPresetDialog && _jsx(CurrentEditor, {
-        stay: stay,
-        facet: facet,
-        preset: preset,
-        setPreset: setPreset,
-        setShowPresetDialog: setShowPresetDialog,
-        testPreset: testPreset,
-        onChange: onChange,
-        baseUrl: baseUrl,
-        noLodgingPage: noLodgingPage
-      })
-    }), error && _jsx("div", {
-      className: css.error,
-      children: error
-    }), _jsxs("div", {
-      className: footerClasses,
-      children: [showPresetUrl ? _jsx(Tooltip, {
-        content: "Tester dans le widget MseM",
-        children: _jsx(Button, {
-          variant: "secondary",
-          disabled: !preset?.widget,
-          className: css.testButton,
-          onClick: testPreset,
-          children: _jsx(Icons.OpenInBrowser, {})
-        })
-      }) : _jsxs(Button, {
-        variant: "secondary",
-        disabled: !preset?.widget,
-        className: css.testButton,
-        onClick: testPreset,
-        children: [_jsx(Icons.OpenInBrowser, {}), "Tester dans le widget MseM"]
-      }), showPresetUrl && _jsx(Input, {
-        type: "text",
-        className: css.url,
-        value: presetUrl,
-        onClick: copyUrl,
-        placeholder: !preset ? "Aucun preset sélectionné" : "Preset incompatible au format URL",
-        readOnly: true
-      })]
-    })]
-  });
-}
-function getBaseUrl({
-  lang,
-  widget,
-  facet,
-  urls,
-  slug
-}) {
-  if (facet === "" || !widget || !urls) return "";
-  if (urls.override) return urls.override;
-  const facetCode = facet === "0" ? "winter" : "summer";
-  let url = "";
-  if (widget === "skiPass" && urls?.skiPasses) {
-    url = urls?.skiPasses?.[facetCode];
-  }
-  if (widget === "lodging" && urls?.lodgings) {
-    url = urls?.lodgings?.[facetCode];
-  }
-  if (slug) {
-    url = url.concat("/", slug);
-  }
-  const isExternalUrl = url?.startsWith("http");
-  if (!isExternalUrl && url && langPrefix) {
-    url = "/".concat(lang, url);
-  }
-  return url;
-}

package/es/common/components/msem-preset-linker/components/actions.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import * as Icons from "dt-design-system/es/icons";
-import { MODES } from "../msem-preset-linker";
-import css from "./actions.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";
-export default function Actions({
-  mode,
-  setMode
-}) {
-  const toggleMode = React.useCallback(() => {
-    if (mode === MODES.CONNECTED) {
-      setMode(MODES.EDITING);
-      window.Cms.desactivate();
-      window.Cms.hideInfo();
-      window.Cms.pageUi.removeAttribute("active");
-      window.Cms.pageUi.setAttribute("hidden", "");
-      document.body.classList.add("msem-preset-linker--editing");
-    } else {
-      setMode(MODES.CONNECTED);
-      window.Cms.pageUi.removeAttribute("hidden");
-      document.body.classList.remove("msem-preset-linker--editing");
-    }
-  }, [mode, setMode]);
-  const onSaveClick = async () => {
-    if (!window.Cms) return;
-    window.Cms.pageUi.removeAttribute("hidden");
-    window.Cms.pageUi.setAttribute("active", "");
-    window.Cms.pageUi.startLoading();
-    setMode(MODES.CONNECTED);
-    setTimeout(async () => {
-      window.Cms.pageUi.unsavedChanges = false;
-      await window.Cms.save();
-      window.Cms.pageUi.stopLoading();
-      window.Cms.pageUi.removeAttribute("active");
-    }, 200);
-  };
-  React.useEffect(() => {
-    window.toggleMseMLinker = toggleMode;
-  }, [mode, toggleMode]);
-  if (mode !== MODES.EDITING) return null;
-  const cancelClasses = classNames(css.action, css.cancel);
-  const saveClasses = classNames(css.action, css.save);
-  return _jsxs(_Fragment, {
-    children: [_jsx("button", {
-      className: cancelClasses,
-      onClick: toggleMode,
-      children: _jsx(Icons.Cross, {})
-    }), _jsx("button", {
-      className: saveClasses,
-      onClick: onSaveClick,
-      children: _jsx(Icons.Save, {})
-    })]
-  });
-}

package/es/common/components/msem-preset-linker/components/overlays.js

@@ -1,68 +0,0 @@
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import classNames from "classnames";
-import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
-import { MODES } from "../msem-preset-linker";
-import css from "./overlays.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Overlays({
-  mode,
-  target,
-  setTarget
-}) {
-  const [sections, setSections] = React.useState([]);
-  React.useEffect(() => {
-    if (mode === MODES.EDITING) {
-      const targets = Array.from(document.querySelectorAll("section[data-class]"));
-      setSections(targets);
-      targets.forEach(target => {
-        const section = target;
-        if (window.getComputedStyle(section).position !== "absolute") {
-          section.style.setProperty("position", "relative");
-        }
-      });
-      return () => {
-        targets.forEach(target => {
-          const section = target;
-          if (window.getComputedStyle(section).position !== "absolute") {
-            section.style.removeProperty("position");
-          }
-        });
-      };
-    }
-  }, [mode]);
-  if (mode !== MODES.EDITING) return null;
-  return _jsx(_Fragment, {
-    children: sections.map(section => {
-      const hasMseMPreset = section?.hasAttribute("data-msem-preset");
-      const hasObsoletePreset = section?.hasAttribute("data-config");
-      const hasPreset = hasMseMPreset || hasObsoletePreset;
-      const isActive = section === target;
-      const updateTarget = () => {
-        if (target) return;
-        setTarget(isActive ? null : section);
-      };
-      const classes = classNames(css.overlay, {
-        [css.active]: isActive,
-        [css.obsolete]: hasObsoletePreset
-      });
-      const tooltip = hasObsoletePreset ? "1 preset MseM obsolète" : "1 preset MseM";
-      return ReactDOM.createPortal(_jsx("div", {
-        className: classes,
-        onClick: updateTarget,
-        "data-cms-remove": "",
-        children: hasPreset && _jsx(Tooltip, {
-          content: tooltip,
-          children: _jsx("div", {
-            className: css.presetIndicator,
-            children: _jsx(Icons.Tune, {
-              className: css.presetIndicatorIcon
-            })
-          })
-        })
-      }), section);
-    })
-  });
-}

package/es/common/components/msem-preset-linker/components/resort-selector.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import Select from "dt-design-system/es/select";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ResortSelector({
-  resorts,
-  resort,
-  setResort
-}) {
-  const formatedResorts = resorts.map(resort => ({
-    label: resort.label,
-    value: String(resort.resort)
-  }));
-  return _jsx(Select, {
-    value: resort,
-    onValueChange: setResort,
-    label: "Destination",
-    options: [{
-      label: "Sélectionnez une destination pour continuer",
-      value: ""
-    }, ...formatedResorts]
-  });
-}

package/es/common/components/msem-preset-linker/msem-preset-linker.js

@@ -1,84 +0,0 @@
-import * as React from "react";
-import { useUbloContext } from "ublo/with-ublo";
-import Router from "next/router";
-import Actions from "./components/actions";
-import css from "./msem-preset-linker.module.css";
-import Overlays from "./components/overlays";
-import EditorDialog from "../msem-preset-editor/editor-dialog";
-import useMsemPresets from "./hooks/use-msem-presets";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const MODES = {
-  CONNECTED: 0,
-  EDITING: 1
-};
-export const PRESET_ATTRIBUTE = "data-msem-preset";
-export default function MseMPresetLinker({
-  lang,
-  options,
-  urls,
-  noLodgingPage,
-  children
-}) {
-  const {
-    cmsMode
-  } = useUbloContext();
-  const [mode, setMode] = React.useState(MODES.CONNECTED);
-  const [target, setTarget] = React.useState(null);
-  const link = target?.querySelector(":scope > a");
-  const urlOverride = link?.getAttribute("href") || undefined;
-  const urlsWithOverride = {
-    ...urls,
-    override: urlOverride
-  };
-  const removeObsoletePreset = () => {
-    const attributes = ["data-config", "data-widget", "data-resort"];
-    attributes.forEach(attribute => {
-      target?.removeAttribute(attribute);
-    });
-    setTarget(null);
-  };
-  const updatePreset = newPreset => {
-    if (newPreset) {
-      target?.setAttribute(PRESET_ATTRIBUTE, JSON.stringify(newPreset));
-    } else {
-      target?.removeAttribute(PRESET_ATTRIBUTE);
-    }
-    removeObsoletePreset();
-    setTarget(null);
-  };
-  const closeEditor = () => {
-    setTarget(null);
-  };
-  Router.ready(() => {
-    Router.events.on("routeChangeStart", () => {
-      setMode(MODES.CONNECTED);
-    });
-  });
-  useMsemPresets({
-    mode,
-    defaultOptions: options
-  });
-  if (!cmsMode) return null;
-  return _jsxs("div", {
-    className: css.linker,
-    children: [_jsx(Actions, {
-      mode: mode,
-      setMode: setMode
-    }), _jsx(Overlays, {
-      mode: mode,
-      target: target,
-      setTarget: setTarget
-    }), _jsx(EditorDialog, {
-      lang: lang,
-      options: options,
-      target: target,
-      updatePreset: updatePreset,
-      closeEditor: closeEditor,
-      removeObsoletePreset: removeObsoletePreset,
-      urls: urlsWithOverride,
-      noLodgingPage: noLodgingPage,
-      children: children
-    })]
-  });
-}

package/es/common/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/common/components/scroll-spy.js

@@ -1,59 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ScrollSpy({
-  className,
-  items,
-  Tag = "div",
-  currentClassName,
-  onUpdate,
-  rootMargin = "-50% 0px",
-  container,
-  children
-}) {
-  const [current, setCurrent] = React.useState();
-  const callback = React.useCallback(entries => {
-    for (const entry of entries) {
-      if (container === entry.target) {
-        if (!entry.isIntersecting) {
-          setCurrent(undefined);
-          onUpdate?.(undefined);
-        }
-      } else if (entry.isIntersecting) {
-        const index = items.indexOf(entry.target.id);
-        setCurrent(index);
-        onUpdate?.(entry.target);
-      }
-    }
-  }, [container, items, onUpdate]);
-  React.useEffect(() => {
-    const defaultTargets = container ? [container] : [];
-    const targets = items.length ? items.reduce((acc, item) => {
-      const element = document.getElementById(item);
-      return element ? [...acc, element] : acc;
-    }, defaultTargets) : defaultTargets;
-    const observer = new window.IntersectionObserver(callback, {
-      rootMargin
-    });
-    targets.forEach(observer.observe, observer);
-    return () => {
-      observer.disconnect();
-    };
-  }, [callback, container, items, rootMargin]);
-  return _jsx(Tag, {
-    className: className,
-    children: children && children.map(({
-      props,
-      ...child
-    }, i) => {
-      const className = classNames({
-        [props.className]: props.className,
-        [currentClassName]: current === i
-      });
-      return React.cloneElement(child, {
-        ...props,
-        className
-      });
-    })
-  });
-}

package/es/common/components/scrolling-carousel/scrolling-carousel.js

@@ -1,105 +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 useWindowSizes from "../../hooks/use-window-sizes";
-import css from "./scrolling-carousel.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const PREV = 0;
-const NEXT = 1;
-export default function ScrollingCarousel({
-  className,
-  children
-}) {
-  const {
-    cmsMode
-  } = useUbloContext();
-  const ref = React.useRef(null);
-  const zoneRef = React.useRef(null);
-  const [overflow, setOverflow] = React.useState(false);
-  const [controls, setControls] = React.useState({
-    prevDisabled: false,
-    nextDisabled: false
-  });
-  const {
-    width
-  } = useWindowSizes();
-  const slideTo = direction => () => {
-    const zone = zoneRef.current;
-    const inner = ref.current;
-    if (zone && inner) {
-      const zoneContainer = zone;
-      const innerContainer = inner;
-      const firstSection = zoneContainer.querySelector("section:not([data-hidden], [hidden], [style*='display: none'])");
-      if (firstSection) {
-        const scrollDistance = firstSection.clientWidth;
-        if (direction === PREV) {
-          innerContainer.scrollLeft -= scrollDistance;
-        }
-        if (direction === NEXT) {
-          innerContainer.scrollLeft += scrollDistance;
-        }
-      }
-    }
-  };
-  const refreshControls = React.useCallback(() => {
-    const zone = zoneRef.current;
-    const inner = ref.current;
-    if (zone && inner) {
-      const zoneContainer = zone;
-      const innerContainer = inner;
-      setOverflow(innerContainer.clientWidth < zoneContainer.clientWidth);
-      setControls({
-        prevDisabled: Math.floor(innerContainer.scrollLeft) === 0,
-        nextDisabled: Math.round(innerContainer.scrollLeft) === Math.round(innerContainer.scrollWidth) - Math.round(innerContainer.clientWidth)
-      });
-    }
-  }, []);
-  React.useEffect(() => {
-    refreshControls();
-  }, [cmsMode, refreshControls]);
-  React.useEffect(() => {
-    const inner = ref.current;
-    if (inner) {
-      const innerContainer = inner;
-      innerContainer.scrollLeft = 0;
-    }
-  }, [width]);
-  const classes = classNames(css.carousel, className);
-  return _jsxs("div", {
-    className: classes,
-    children: [overflow && _jsxs("div", {
-      className: css.controls,
-      "data-controls": "",
-      children: [_jsx(Button, {
-        className: css.control,
-        variant: "link",
-        onClick: slideTo(PREV),
-        disabled: controls.prevDisabled,
-        "data-control": "prev",
-        children: _jsx(Icons.ChevronLeft, {
-          className: css.controlIcon
-        })
-      }), _jsx(Button, {
-        className: css.control,
-        variant: "link",
-        onClick: slideTo(NEXT),
-        disabled: controls.nextDisabled,
-        "data-control": "next",
-        children: _jsx(Icons.ChevronRight, {
-          className: css.controlIcon
-        })
-      })]
-    }), _jsx("div", {
-      className: css.inner,
-      ref: ref,
-      onScroll: refreshControls,
-      "data-inner": "",
-      children: React.cloneElement(children, {
-        ref: zoneRef
-      })
-    })]
-  });
-}