ublo-lib 1.24.3 → 1.25.0

package/es/common/components/msem-preset-editor/services/url-params.js

@@ -1,26 +1,26 @@
-export const build = (params) => {
-    return Object.keys(params)
-        .map((key, i) => {
-        const param = params[key];
-        if (!param)
-            return "";
-        const isObject = typeof param === "object";
-        const sign = i === 0 ? "?" : "&";
-        const value = isObject ? encodeURI(JSON.stringify(param)) : param;
-        return `${sign}${key}=${value}`;
-    })
-        .join("");
+export const build = params => {
+  return Object.keys(params).map((key, i) => {
+    const param = params[key];
+    if (!param) return "";
+    const isObject = typeof param === "object";
+    const sign = i === 0 ? "?" : "&";
+    const value = isObject ? encodeURI(JSON.stringify(param)) : param;
+    return `${sign}${key}=${value}`;
+  }).join("");
 };
 export const getPresetUrl = (lang, preset, baseUrl) => {
-    const { host, protocol } = window.location;
-    const isExternalUrl = baseUrl.startsWith("http");
-    const alreadyContainsLang = baseUrl.includes(`/${lang}`);
-    const encodedParams = build(preset);
-    if (isExternalUrl) {
-        return baseUrl.concat(encodedParams);
-    }
-    if (alreadyContainsLang) {
-        return `${protocol}//${host}${baseUrl}${encodedParams}`;
-    }
-    return `${protocol}//${host}/${lang}${baseUrl}${encodedParams}`;
-};
+  const {
+    host,
+    protocol
+  } = window.location;
+  const isExternalUrl = baseUrl.startsWith("http");
+  const alreadyContainsLang = baseUrl.includes(`/${lang}`);
+  const encodedParams = build(preset);
+  if (isExternalUrl) {
+    return baseUrl.concat(encodedParams);
+  }
+  if (alreadyContainsLang) {
+    return `${protocol}//${host}${baseUrl}${encodedParams}`;
+  }
+  return `${protocol}//${host}/${lang}${baseUrl}${encodedParams}`;
+};

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

@@ -1,45 +1,57 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 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";
-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, {}) })] }));
-}
+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,4 +1,3 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import classNames from "classnames";
@@ -6,43 +5,60 @@ 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";
-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;
-                section.style.setProperty("position", "relative");
-            });
-            return () => {
-                targets.forEach((target) => {
-                    const section = target;
-                    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);
-        }) }));
-}
+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;
+        section.style.setProperty("position", "relative");
+      });
+      return () => {
+        targets.forEach(target => {
+          const section = target;
+          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,12 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import Select from "dt-design-system/es/select";
-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,
-        ] }));
-}
+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/hooks/use-msem-presets.js

@@ -3,34 +3,46 @@ import { useUbloContext } from "ublo/with-ublo";
 import { MODES, PRESET_ATTRIBUTE } from "../msem-preset-linker";
 import * as UrlParams from "../services/url-params";
 import * as MseM from "../../../utils/msem-widget";
-// import * as MseM from "ublo-lib/es/common/utils/msem-widget";
-export default function useMsemPresets({ mode }) {
-    const { lang, cmsMode, path } = useUbloContext();
-    const isEnabled = cmsMode !== "editing" && cmsMode !== "info" && mode !== MODES.EDITING;
-    const handleSectionClick = React.useCallback((e) => {
-        const target = e.target;
-        const section = target.closest(`section[${PRESET_ATTRIBUTE}]`);
-        const preset = section?.getAttribute(PRESET_ATTRIBUTE);
-        if (!preset)
-            return;
-        const { widget, options, presets, url } = JSON.parse(preset);
-        e.preventDefault();
-        e.stopPropagation();
-        if (url) {
-            const params = UrlParams.build({ options, presets });
-            const endpoint = url.concat(params);
-            window.open(endpoint, "_blank");
-            return;
-        }
-        MseM.loadWidget(widget, options, presets);
-    }, []);
-    React.useEffect(() => {
-        const container = document.getElementById("__next");
-        if (isEnabled && container) {
-            container.addEventListener("click", handleSectionClick);
-            return () => {
-                container.removeEventListener("click", handleSectionClick);
-            };
-        }
-    }, [lang, handleSectionClick, isEnabled, path]);
-}
+export default function useMsemPresets({
+  mode
+}) {
+  const {
+    lang,
+    cmsMode,
+    path
+  } = useUbloContext();
+  const isEnabled = cmsMode !== "editing" && cmsMode !== "info" && mode !== MODES.EDITING;
+  const handleSectionClick = React.useCallback(e => {
+    const target = e.target;
+    const section = target.closest(`section[${PRESET_ATTRIBUTE}]`);
+    const preset = section?.getAttribute(PRESET_ATTRIBUTE);
+    if (!preset) return;
+    const {
+      widget,
+      options,
+      presets,
+      url
+    } = JSON.parse(preset);
+    e.preventDefault();
+    e.stopPropagation();
+    if (url) {
+      const params = UrlParams.build({
+        options,
+        presets
+      });
+      const endpoint = url.concat(params);
+      window.open(endpoint, "_blank");
+      return;
+    }
+    MseM.loadWidget(widget, options, presets);
+  }, []);
+  React.useEffect(() => {
+    const container = document.getElementById("__next");
+    if (isEnabled && container) {
+      container.addEventListener("click", handleSectionClick);
+      return () => {
+        container.removeEventListener("click", handleSectionClick);
+      };
+    }
+  }, [lang, handleSectionClick, isEnabled, path]);
+}

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

@@ -1,2 +1,2 @@
 import MseMPresetLinker from "./msem-preset-linker";
-export default MseMPresetLinker;
+export default MseMPresetLinker;

package/es/common/components/msem-preset-linker/msem-preset-linker.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 Router from "next/router";
@@ -7,48 +6,78 @@ 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,
+  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);
-        });
+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);
     });
-    useMsemPresets({ mode });
-    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 })] }));
-}
+    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
+  });
+  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/msem-preset-linker/services/url-params.js

@@ -1,13 +1,10 @@
-export const build = (params) => {
-    return Object.keys(params)
-        .map((key, i) => {
-        const param = params[key];
-        if (!param)
-            return "";
-        const isObject = typeof param === "object";
-        const sign = i === 0 ? "?" : "&";
-        const value = isObject ? encodeURI(JSON.stringify(param)) : param;
-        return `${sign}${key}=${value}`;
-    })
-        .join("");
-};
+export const build = params => {
+  return Object.keys(params).map((key, i) => {
+    const param = params[key];
+    if (!param) return "";
+    const isObject = typeof param === "object";
+    const sign = i === 0 ? "?" : "&";
+    const value = isObject ? encodeURI(JSON.stringify(param)) : param;
+    return `${sign}${key}=${value}`;
+  }).join("");
+};

package/es/common/components/plausible/hooks/use-plausible.js

@@ -2,24 +2,28 @@ import * as React from "react";
 import getConfig from "next/config";
 import load from "../services/load";
 import sendGoal from "../services/send-goal";
-const { publicRuntimeConfig } = getConfig();
-const { plausibleDomain } = publicRuntimeConfig;
+const {
+  publicRuntimeConfig
+} = getConfig();
+const {
+  plausibleDomain
+} = publicRuntimeConfig;
 export default function useGoal(goal, props, revenue, overridenDomain) {
-    const [loaded] = usePlausible(overridenDomain);
-    React.useEffect(() => {
-        if (!loaded || !window.plausible)
-            return;
-        const defaultProps = { path: document.location.pathname };
-        sendGoal(goal, props || defaultProps, revenue);
-    }, [goal, loaded, props]);
+  const [loaded] = usePlausible(overridenDomain);
+  React.useEffect(() => {
+    if (!loaded || !window.plausible) return;
+    const defaultProps = {
+      path: document.location.pathname
+    };
+    sendGoal(goal, props || defaultProps, revenue);
+  }, [goal, loaded, props]);
 }
 function usePlausible(overridenDomain) {
-    const [loaded, setLoaded] = React.useState(false);
-    React.useEffect(() => {
-        if (!overridenDomain && !plausibleDomain)
-            return;
-        load();
-        setLoaded(true);
-    }, [overridenDomain]);
-    return [loaded, setLoaded];
-}
+  const [loaded, setLoaded] = React.useState(false);
+  React.useEffect(() => {
+    if (!overridenDomain && !plausibleDomain) return;
+    load();
+    setLoaded(true);
+  }, [overridenDomain]);
+  return [loaded, setLoaded];
+}

package/es/common/components/plausible/index.js

@@ -4,4 +4,4 @@ const callback = Callback.MseM;
 export { default as load } from "./services/load";
 export { default as sendGoal } from "./services/send-goal";
 export { default as useGoal } from "./hooks/use-plausible";
-export { callback, Script };
+export { callback, Script };

package/es/common/components/plausible/plausible.js

@@ -1,17 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import Script from "next/script";
 import getConfig from "next/config";
-const { publicRuntimeConfig } = getConfig();
-const { plausibleDomain } = publicRuntimeConfig;
+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) {
-        // eslint-disable-next-line no-console
-        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 });
-}
+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
+  });
+}