ublo-lib 1.24.3 → 1.25.0

package/es/common/hooks/use-tunnel.js

@@ -3,36 +3,48 @@ import getConfig from "next/config";
 import { useUbloContext } from "ublo/with-ublo";
 import * as Plausible from "../components/plausible";
 import { loadJS } from "../utils/load-js";
-const { publicRuntimeConfig } = getConfig();
-const { langPrefix, resort } = publicRuntimeConfig;
+const {
+  publicRuntimeConfig
+} = getConfig();
+const {
+  langPrefix,
+  resort
+} = publicRuntimeConfig;
 const hasLangPrefix = langPrefix.links;
-export default function useTunnel({ channel = "ESF", multipleVillages, integration, } = {}) {
-    const { lang, breadcrumb } = useUbloContext();
-    const { path: esfPath } = multipleVillages ? breadcrumb?.next : breadcrumb;
-    const widgetLang = React.useMemo(() => (lang === "fr" ? "fr" : "en"), [lang]);
-    const esfUrl = React.useMemo(() => (hasLangPrefix ? `/${lang.concat(esfPath)}` : esfPath), [esfPath, lang]);
-    React.useEffect(() => {
-        const startTunnel = async () => {
-            await loadWigetMseM(integration);
-            const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
-            window.MseM.onLoad(() => {
-                window.MseM.tunnel({
-                    channel,
-                    resort,
-                    groundedTo: "#esfplus_container",
-                    lang: widgetLang,
-                    esfUrl,
-                    analytics: Plausible.callback,
-                    categoryCode,
-                });
-            });
-        };
-        startTunnel();
-    }, [channel, esfUrl, integration, widgetLang]);
+export default function useTunnel({
+  channel = "ESF",
+  multipleVillages,
+  integration
+} = {}) {
+  const {
+    lang,
+    breadcrumb
+  } = useUbloContext();
+  const {
+    path: esfPath
+  } = multipleVillages ? breadcrumb?.next : breadcrumb;
+  const widgetLang = React.useMemo(() => lang === "fr" ? "fr" : "en", [lang]);
+  const esfUrl = React.useMemo(() => hasLangPrefix ? `/${lang.concat(esfPath)}` : esfPath, [esfPath, lang]);
+  React.useEffect(() => {
+    const startTunnel = async () => {
+      await loadWigetMseM(integration);
+      const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
+      window.MseM.onLoad(() => {
+        window.MseM.tunnel({
+          channel,
+          resort,
+          groundedTo: "#esfplus_container",
+          lang: widgetLang,
+          esfUrl,
+          analytics: Plausible.callback,
+          categoryCode
+        });
+      });
+    };
+    startTunnel();
+  }, [channel, esfUrl, integration, widgetLang]);
 }
 async function loadWigetMseM(integration) {
-    const source = integration
-        ? "https://widget-integration.msem.tech/static/js/widget-msem.js"
-        : "https://widget.msem.tech/static/js/widget-msem.js";
-    await loadJS(source, "widget-msem");
-}
+  const source = integration ? "https://widget-integration.msem.tech/static/js/widget-msem.js" : "https://widget.msem.tech/static/js/widget-msem.js";
+  await loadJS(source, "widget-msem");
+}

package/es/common/hooks/use-update-effect.js

@@ -1,11 +1,11 @@
 import * as React from "react";
 export default function useUpdateEffect(callback, dependencies) {
-    const firstRenderRef = React.useRef(true);
-    React.useEffect(() => {
-        if (firstRenderRef.current) {
-            firstRenderRef.current = false;
-            return;
-        }
-        return callback();
-    }, dependencies);
-}
+  const firstRenderRef = React.useRef(true);
+  React.useEffect(() => {
+    if (firstRenderRef.current) {
+      firstRenderRef.current = false;
+      return;
+    }
+    return callback();
+  }, dependencies);
+}

package/es/common/hooks/use-window-sizes.js

@@ -1,33 +1,32 @@
 import * as React from "react";
 const DEFAULT_SIZES = {
-    width: undefined,
-    height: undefined,
+  width: undefined,
+  height: undefined
 };
 const useWindowSizes = () => {
-    const [windowSizes, setWindowSizes] = React.useState(DEFAULT_SIZES);
-    const resized = () => {
-        setWindowSizes({
-            width: window.innerWidth,
-            height: window.innerHeight,
-        });
-    };
-    React.useEffect(() => {
-        resized();
-        const isCompatible = typeof ResizeObserver !== "undefined";
-        if (isCompatible) {
-            const observer = new ResizeObserver(resized);
-            observer.observe(document.body);
-            return () => {
-                observer.unobserve(document.body);
-            };
-        }
-        else {
-            window.addEventListener("resize", resized);
-            return () => {
-                window.removeEventListener("resize", resized);
-            };
-        }
-    }, []);
-    return windowSizes;
+  const [windowSizes, setWindowSizes] = React.useState(DEFAULT_SIZES);
+  const resized = () => {
+    setWindowSizes({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+  };
+  React.useEffect(() => {
+    resized();
+    const isCompatible = typeof ResizeObserver !== "undefined";
+    if (isCompatible) {
+      const observer = new ResizeObserver(resized);
+      observer.observe(document.body);
+      return () => {
+        observer.unobserve(document.body);
+      };
+    } else {
+      window.addEventListener("resize", resized);
+      return () => {
+        window.removeEventListener("resize", resized);
+      };
+    }
+  }, []);
+  return windowSizes;
 };
-export default useWindowSizes;
+export default useWindowSizes;

package/es/common/utils/cms.js

@@ -1,24 +1,22 @@
 function getToken() {
-    return window.sessionStorage.getItem("cms_token");
+  return window.sessionStorage.getItem("cms_token");
 }
 export function isConnected() {
-    return Boolean(getToken());
+  return Boolean(getToken());
 }
 export async function revalidate(path) {
-    try {
-        const token = getToken();
-        await fetch(`/api/revalidate?token=${token}&path=${path}`);
-    }
-    catch (e) {
-        console.log(e);
-    }
+  try {
+    const token = getToken();
+    await fetch(`/api/revalidate?token=${token}&path=${path}`);
+  } catch (e) {
+    console.log(e);
+  }
 }
 export async function revalidateAll() {
-    try {
-        const token = getToken();
-        await fetch(`/api/revalidate?token=${token}&all=true`);
-    }
-    catch (e) {
-        console.log(e);
-    }
-}
+  try {
+    const token = getToken();
+    await fetch(`/api/revalidate?token=${token}&all=true`);
+  } catch (e) {
+    console.log(e);
+  }
+}

package/es/common/utils/cookies.js

@@ -1,12 +1,11 @@
 export const createCookie = (name, value, days) => {
-    let expires;
-    if (days) {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-        expires = "; expires=" + date.toUTCString();
-    }
-    else {
-        expires = "";
-    }
-    document.cookie = name + "=" + value + expires + "; path=/";
-};
+  let expires;
+  if (days) {
+    const date = new Date();
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    expires = "; expires=" + date.toUTCString();
+  } else {
+    expires = "";
+  }
+  document.cookie = name + "=" + value + expires + "; path=/";
+};

package/es/common/utils/copy.js

@@ -1,11 +1,11 @@
-export const copyToClipboard = (textContent) => {
-    const textarea = Object.assign(document.createElement("textarea"), {
-        textContent,
-        readOnly: true,
-        style: "position: absolute; left: -9999px;",
-    });
-    document.body.appendChild(textarea);
-    textarea.select();
-    document.execCommand("copy");
-    document.body.removeChild(textarea);
-};
+export const copyToClipboard = textContent => {
+  const textarea = Object.assign(document.createElement("textarea"), {
+    textContent,
+    readOnly: true,
+    style: "position: absolute; left: -9999px;"
+  });
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+};

package/es/common/utils/dates.js

@@ -1,10 +1,8 @@
-export const isValidDate = (date) => {
-    const regex = /^\d{4}-\d{2}-\d{2}$/;
-    if (!date.match(regex))
-        return false;
-    const d = new Date(date);
-    const dNum = d.getTime();
-    if (!dNum && dNum !== 0)
-        return false;
-    return d.toISOString().slice(0, 10) === date;
-};
+export const isValidDate = date => {
+  const regex = /^\d{4}-\d{2}-\d{2}$/;
+  if (!date.match(regex)) return false;
+  const d = new Date(date);
+  const dNum = d.getTime();
+  if (!dNum && dNum !== 0) return false;
+  return d.toISOString().slice(0, 10) === date;
+};

package/es/common/utils/elements.js

@@ -1,22 +1,21 @@
 export function extractElementsFromHtmlString(htmlString, selectors) {
-    const parser = new DOMParser();
-    const html = parser.parseFromString(htmlString, "text/html");
-    const element = Array.from(html.querySelectorAll(selectors));
-    return element;
+  const parser = new DOMParser();
+  const html = parser.parseFromString(htmlString, "text/html");
+  const element = Array.from(html.querySelectorAll(selectors));
+  return element;
 }
 export function extractElementFromHtmlString(htmlString, selector) {
-    const [element] = extractElementsFromHtmlString(htmlString, selector);
-    return element;
+  const [element] = extractElementsFromHtmlString(htmlString, selector);
+  return element;
 }
 export function extractTextFromHtmlString(htmlString) {
-    if (typeof window === "undefined")
-        return "";
-    const parser = new DOMParser();
-    const html = parser.parseFromString(htmlString, "text/html");
-    return html?.body?.textContent?.trim() || "";
+  if (typeof window === "undefined") return "";
+  const parser = new DOMParser();
+  const html = parser.parseFromString(htmlString, "text/html");
+  return html?.body?.textContent?.trim() || "";
 }
 export function sanitizeHTML(html) {
-    const element = document.createElement("div");
-    element.innerHTML = html;
-    return element.textContent;
-}
+  const element = document.createElement("div");
+  element.innerHTML = html;
+  return element.textContent;
+}

package/es/common/utils/events.js

@@ -1,19 +1,4 @@
-const PASSIVE_OPTION = { passive: true };
-// const eventOptions = () => {
-//   let supported = false;
-//   if (typeof window !== "undefined") {
-//     try {
-//       const options = Object.defineProperty({}, "passive", {
-//         get: () => {
-//           return (supported = true);
-//         },
-//       });
-//       window.addEventListener("scroll", options, options);
-//       window.removeEventListener("scroll", options, options);
-//     } catch (err) {
-//       supported = false;
-//     }
-//   }
-//   if (supported) return PASSIVE_OPTION;
-// };
-export const eventConfig = PASSIVE_OPTION;
+const PASSIVE_OPTION = {
+  passive: true
+};
+export const eventConfig = PASSIVE_OPTION;

package/es/common/utils/file-manager.js

@@ -1,12 +1,14 @@
 import { loadJS } from "./load-js";
 export const loadFileManager = async (uploadOnly = true) => {
-    const { url, token } = window.CmsConfig.filemanager;
-    if (!url || !token)
-        return;
-    await loadJS(`${url}/static/js/file-manager.js`, "file-picker");
-    window.openFileManager({
-        fileManagerAPIURL: url,
-        token: token,
-        uploadOnly,
-    });
-};
+  const {
+    url,
+    token
+  } = window.CmsConfig.filemanager;
+  if (!url || !token) return;
+  await loadJS(`${url}/static/js/file-manager.js`, "file-picker");
+  window.openFileManager({
+    fileManagerAPIURL: url,
+    token: token,
+    uploadOnly
+  });
+};

package/es/common/utils/load-js.js

@@ -1,13 +1,12 @@
 export function loadJS(url, id) {
-    const script = document.getElementById(id);
-    if (script)
-        return Promise.resolve();
-    return new Promise((resolve) => {
-        const el = document.createElement("script");
-        el.id = id;
-        el.src = url;
-        el.onload = resolve;
-        document.body.appendChild(el);
-    });
+  const script = document.getElementById(id);
+  if (script) return Promise.resolve();
+  return new Promise(resolve => {
+    const el = document.createElement("script");
+    el.id = id;
+    el.src = url;
+    el.onload = resolve;
+    document.body.appendChild(el);
+  });
 }
-export default loadJS;
+export default loadJS;

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

@@ -1,32 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 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 loadWigetMseM = 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);
+  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 loadWigetMseM();
-    window.MseM?.onLoad(() => window.MseM[widget](options, presets));
+  await loadWigetMseM();
+  window.MseM?.onLoad(() => window.MseM[widget](options, presets));
 };
 export function loadWidget(widget, options = {}, presets = {}) {
-    if (window.MseMLoaded) {
-        window.MseM?.onLoad(() => window.MseM[widget](options, presets));
-    }
-    else {
-        setTimeout(() => {
-            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 }));
+  if (window.MseMLoaded) {
+    window.MseM?.onLoad(() => window.MseM[widget](options, presets));
+  } else {
+    setTimeout(() => {
+      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/common/utils/url-parameters.js

@@ -1,8 +1,12 @@
 export const buildURLWithoutParams = (...skipParams) => {
-    const { origin, pathname, search } = window.location;
-    const searchParams = new URLSearchParams(search);
-    skipParams.forEach((p) => searchParams.delete(p));
-    const params = searchParams.toString();
-    const root = origin + pathname;
-    return params.length > 0 ? root + "?" + params : root;
-};
+  const {
+    origin,
+    pathname,
+    search
+  } = window.location;
+  const searchParams = new URLSearchParams(search);
+  skipParams.forEach(p => searchParams.delete(p));
+  const params = searchParams.toString();
+  const root = origin + pathname;
+  return params.length > 0 ? root + "?" + params : root;
+};

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

@@ -1,2 +1,2 @@
 import MagicBox from "./magic-box";
-export default MagicBox;
+export default MagicBox;