ublo-lib 1.31.43 → 1.32.0

package/es/common/hooks/use-scroll-direction.js

@@ -1,41 +1,36 @@
 import { useState, useEffect } from "react";
 const SCROLL_UP = "up";
 const SCROLL_DOWN = "down";
-const useScrollDirection = ({
-  initialDirection,
-  thresholdPixels,
-  off
-} = {}) => {
-  const [scrollDir, setScrollDir] = useState(initialDirection);
-  useEffect(() => {
-    const threshold = thresholdPixels || 0;
-    let lastScrollY = window.pageYOffset;
-    let ticking = false;
-    const updateScrollDir = () => {
-      const scrollY = window.pageYOffset;
-      if (Math.abs(scrollY - lastScrollY) < threshold) {
-        ticking = false;
-        return;
-      }
-      setScrollDir(scrollY > lastScrollY ? SCROLL_DOWN : SCROLL_UP);
-      lastScrollY = scrollY > 0 ? scrollY : 0;
-      ticking = false;
-    };
-    const onScroll = () => {
-      if (!ticking) {
-        window.requestAnimationFrame(updateScrollDir);
-        ticking = true;
-      }
-    };
-    if (!off) {
-      window.addEventListener("scroll", onScroll);
-    } else {
-      setScrollDir(initialDirection);
-    }
-    return () => window.removeEventListener("scroll", onScroll);
-  }, [initialDirection, thresholdPixels, off]);
-  return {
-    scrollDir
-  };
+const useScrollDirection = ({ initialDirection, thresholdPixels, off, } = {}) => {
+    const [scrollDir, setScrollDir] = useState(initialDirection);
+    useEffect(() => {
+        const threshold = thresholdPixels || 0;
+        let lastScrollY = window.pageYOffset;
+        let ticking = false;
+        const updateScrollDir = () => {
+            const scrollY = window.pageYOffset;
+            if (Math.abs(scrollY - lastScrollY) < threshold) {
+                ticking = false;
+                return;
+            }
+            setScrollDir(scrollY > lastScrollY ? SCROLL_DOWN : SCROLL_UP);
+            lastScrollY = scrollY > 0 ? scrollY : 0;
+            ticking = false;
+        };
+        const onScroll = () => {
+            if (!ticking) {
+                window.requestAnimationFrame(updateScrollDir);
+                ticking = true;
+            }
+        };
+        if (!off) {
+            window.addEventListener("scroll", onScroll);
+        }
+        else {
+            setScrollDir(initialDirection);
+        }
+        return () => window.removeEventListener("scroll", onScroll);
+    }, [initialDirection, thresholdPixels, off]);
+    return { scrollDir };
 };
-export default useScrollDirection;
+export default useScrollDirection;

package/es/common/hooks/use-stay.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const useStay: () => React.Dispatch<(prevState: undefined) => undefined>[];
+export default useStay;
+//# sourceMappingURL=use-stay.d.ts.map

package/es/common/hooks/use-stay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stay.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-stay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,OAAO,6DAgBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,19 +1,16 @@
 import * as React from "react";
 const useStay = () => {
-  const [stay, setStay] = React.useState();
-  React.useEffect(() => {
-    const params = new URLSearchParams(document.location.search);
-    const from = params.get("from");
-    const to = params.get("to");
-    if (from && to) {
-      window.sessionStorage.setItem("stay", JSON.stringify({
-        from,
-        to
-      }));
-    }
-    const storedStay = window.sessionStorage.getItem("stay");
-    setStay(storedStay ? JSON.parse(storedStay) : undefined);
-  }, []);
-  return [stay, setStay];
+    const [stay, setStay] = React.useState();
+    React.useEffect(() => {
+        const params = new URLSearchParams(document.location.search);
+        const from = params.get("from");
+        const to = params.get("to");
+        if (from && to) {
+            window.sessionStorage.setItem("stay", JSON.stringify({ from, to }));
+        }
+        const storedStay = window.sessionStorage.getItem("stay");
+        setStay(storedStay ? JSON.parse(storedStay) : undefined);
+    }, []);
+    return [stay, setStay];
 };
-export default useStay;
+export default useStay;

package/es/common/hooks/use-sticky.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const useSticky: () => (boolean | React.MutableRefObject<any>)[];
+export default useSticky;
+//# sourceMappingURL=use-sticky.d.ts.map

package/es/common/hooks/use-sticky.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sticky.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-sticky.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,SAAS,iDAsCd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,40 +1,40 @@
 import * as React from "react";
 const eventsToBind = {
-  document: ["scroll"],
-  window: ["resize", "orientationchange"]
+    document: ["scroll"],
+    window: ["resize", "orientationchange"],
 };
 const useSticky = () => {
-  const ref = React.useRef(null);
-  const [sticky, setSticky] = React.useState(false);
-  const observe = React.useCallback(() => {
-    const container = ref.current;
-    if (container) {
-      const target = container;
-      const offset = target.getBoundingClientRect().top;
-      const stickyOffset = parseInt(getComputedStyle(target).top);
-      const stickyActive = offset <= stickyOffset;
-      setSticky(stickyActive && !sticky || stickyActive && sticky);
-    }
-  }, [sticky]);
-  const init = React.useCallback(() => {
-    Object.keys(eventsToBind).forEach(key => {
-      const events = eventsToBind[key];
-      const target = window[key];
-      events.forEach(event => target.addEventListener(event, observe));
-    });
-  }, [observe]);
-  const cleanup = React.useCallback(() => {
-    Object.keys(eventsToBind).forEach(key => {
-      const events = eventsToBind[key];
-      const target = window[key];
-      events.forEach(event => target.removeEventListener(event, observe));
-    });
-  }, [observe]);
-  React.useEffect(() => {
-    observe();
-    init();
-    return () => cleanup();
-  }, [cleanup, init, observe]);
-  return [ref, sticky];
+    const ref = React.useRef(null);
+    const [sticky, setSticky] = React.useState(false);
+    const observe = React.useCallback(() => {
+        const container = ref.current;
+        if (container) {
+            const target = container;
+            const offset = target.getBoundingClientRect().top;
+            const stickyOffset = parseInt(getComputedStyle(target).top);
+            const stickyActive = offset <= stickyOffset;
+            setSticky((stickyActive && !sticky) || (stickyActive && sticky));
+        }
+    }, [sticky]);
+    const init = React.useCallback(() => {
+        Object.keys(eventsToBind).forEach((key) => {
+            const events = eventsToBind[key];
+            const target = window[key];
+            events.forEach((event) => target.addEventListener(event, observe));
+        });
+    }, [observe]);
+    const cleanup = React.useCallback(() => {
+        Object.keys(eventsToBind).forEach((key) => {
+            const events = eventsToBind[key];
+            const target = window[key];
+            events.forEach((event) => target.removeEventListener(event, observe));
+        });
+    }, [observe]);
+    React.useEffect(() => {
+        observe();
+        init();
+        return () => cleanup();
+    }, [cleanup, init, observe]);
+    return [ref, sticky];
 };
-export default useSticky;
+export default useSticky;

package/es/common/hooks/use-tunnel.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    channel?: string;
+    multipleVillages?: boolean;
+    integration?: boolean;
+    groundedTo?: string;
+    enableCustomOffers?: boolean;
+    customOffers?: string | null;
+};
+export default function useTunnel({ channel, multipleVillages, integration, groundedTo, enableCustomOffers, customOffers, }?: Props): void;
+export {};
+//# sourceMappingURL=use-tunnel.d.ts.map

package/es/common/hooks/use-tunnel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tunnel.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-tunnel.ts"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAe,EACf,gBAAgB,EAChB,WAAW,EACX,UAAiC,EACjC,kBAAkB,EAClB,YAAY,GACb,GAAE,KAAU,QA4CZ"}

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

@@ -3,57 +3,50 @@ 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,
-  groundedTo = "#esfplus_container",
-  enableCustomOffers,
-  customOffers
-} = {}) {
-  const {
-    cmsMode,
-    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(() => {
-    if (enableCustomOffers && cmsMode !== "editing" || !enableCustomOffers) {
-      const startTunnel = async () => {
-        await loadWidgetMseM(integration);
-        const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
-        window.MseM?.onLoad(() => {
-          window.requestAnimationFrame(() => {
-            window.MseM.tunnel({
-              channel,
-              resort,
-              groundedTo,
-              lang: widgetLang,
-              esfUrl,
-              customOffers,
-              analytics: Plausible.callback,
-              categoryCode
-            });
-          });
-        });
-      };
-      startTunnel();
-    }
-  }, [channel, cmsMode, customOffers, enableCustomOffers, esfUrl, groundedTo, integration, widgetLang]);
+export default function useTunnel({ channel = "ESF", multipleVillages, integration, groundedTo = "#esfplus_container", enableCustomOffers, customOffers, } = {}) {
+    const { cmsMode, 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(() => {
+        if ((enableCustomOffers && cmsMode !== "editing") || !enableCustomOffers) {
+            const startTunnel = async () => {
+                await loadWidgetMseM(integration);
+                const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
+                window.MseM?.onLoad(() => {
+                    window.requestAnimationFrame(() => {
+                        window.MseM.tunnel({
+                            channel,
+                            resort,
+                            groundedTo,
+                            lang: widgetLang,
+                            esfUrl,
+                            customOffers,
+                            analytics: Plausible.callback,
+                            categoryCode,
+                        });
+                    });
+                });
+            };
+            startTunnel();
+        }
+    }, [
+        channel,
+        cmsMode,
+        customOffers,
+        enableCustomOffers,
+        esfUrl,
+        groundedTo,
+        integration,
+        widgetLang,
+    ]);
 }
 async function loadWidgetMseM(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.d.ts

@@ -0,0 +1,2 @@
+export default function useUpdateEffect(callback: any, dependencies: any): void;
+//# sourceMappingURL=use-update-effect.d.ts.map

package/es/common/hooks/use-update-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-update-effect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,KAAA,EAAE,YAAY,KAAA,QAU7D"}

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

@@ -0,0 +1,7 @@
+type Sizes = {
+    width: number | undefined;
+    height: number | undefined;
+};
+export default function useWindowSizes(): Sizes;
+export {};
+//# sourceMappingURL=use-window-sizes.d.ts.map

package/es/common/hooks/use-window-sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-sizes.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-window-sizes.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAOF,MAAM,CAAC,OAAO,UAAU,cAAc,UA4BrC"}

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,
 };
 export default function 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, {
-        passive: true
-      });
-      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, { passive: true });
+            return () => {
+                window.removeEventListener("resize", resized);
+            };
+        }
+    }, []);
+    return windowSizes;
+}

package/es/common/hooks/use-youtube-popup.d.ts

@@ -0,0 +1,3 @@
+export default useYoutubePopup;
+declare function useYoutubePopup(selector: any, setPopupContent: any): void;
+//# sourceMappingURL=use-youtube-popup.d.ts.map

package/es/common/hooks/use-youtube-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-youtube-popup.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-youtube-popup.js"],"names":[],"mappings":";AAcA,4EA2DC"}

package/es/common/hooks/use-youtube-popup.js

@@ -1,58 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
-import { jsx as _jsx } from "react/jsx-runtime";
-const extractYoutubeVideoID = url => {
-  const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
-  const match = url.match(regExp);
-  if (match && match[7].length === 11) {
-    return match[7];
-  } else {
-    window.alert("Could not extract video ID.");
-  }
+const extractYoutubeVideoID = (url) => {
+    const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
+    const match = url.match(regExp);
+    if (match && match[7].length === 11) {
+        return match[7];
+    }
+    else {
+        window.alert("Could not extract video ID.");
+    }
 };
 const useYoutubePopup = (selector, setPopupContent) => {
-  const {
-    cmsMode
-  } = useUbloContext();
-  const openVideo = React.useCallback(e => {
-    e.preventDefault();
-    const link = e.target.closest("a")?.getAttribute("href")?.trim();
-    if (!link) return;
-    const code = extractYoutubeVideoID(link);
-    const url = `https://www.youtube.com/embed/${code}`;
-    setPopupContent({
-      content: _jsx("div", {
-        style: {
-          position: "relative",
-          width: 1200,
-          maxWidth: "100%",
-          paddingTop: "56.25%"
-        },
-        children: _jsx("iframe", {
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            width: "100%",
-            height: "100%"
-          },
-          src: url,
-          frameBorder: "0",
-          allowFullScreen: true,
-          title: ""
-        })
-      }),
-      popupClassName: "iframe-video"
-    });
-  }, [setPopupContent]);
-  const init = React.useCallback(video => video.addEventListener("click", openVideo), [openVideo]);
-  const cleanup = React.useCallback(video => video.removeEventListener("click", openVideo), [openVideo]);
-  React.useEffect(() => {
-    if (cmsMode !== "editing") {
-      const videos = Array.from(document.querySelectorAll(selector));
-      videos.forEach(init);
-      return () => videos.forEach(cleanup);
-    }
-  }, [cleanup, cmsMode, init, selector]);
+    const { cmsMode } = useUbloContext();
+    const openVideo = React.useCallback((e) => {
+        e.preventDefault();
+        const link = e.target.closest("a")?.getAttribute("href")?.trim();
+        if (!link)
+            return;
+        const code = extractYoutubeVideoID(link);
+        const url = `https://www.youtube.com/embed/${code}`;
+        setPopupContent({
+            content: (_jsx("div", { style: {
+                    position: "relative",
+                    width: 1200,
+                    maxWidth: "100%",
+                    paddingTop: "56.25%",
+                }, children: _jsx("iframe", { style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        height: "100%",
+                    }, src: url, frameBorder: "0", allowFullScreen: true, title: "" }) })),
+            popupClassName: "iframe-video",
+        });
+    }, [setPopupContent]);
+    const init = React.useCallback((video) => video.addEventListener("click", openVideo), [openVideo]);
+    const cleanup = React.useCallback((video) => video.removeEventListener("click", openVideo), [openVideo]);
+    React.useEffect(() => {
+        if (cmsMode !== "editing") {
+            const videos = Array.from(document.querySelectorAll(selector));
+            videos.forEach(init);
+            return () => videos.forEach(cleanup);
+        }
+    }, [cleanup, cmsMode, init, selector]);
 };
-export default useYoutubePopup;
+export default useYoutubePopup;

package/es/common/hooks/use-zone-sync.d.ts

@@ -0,0 +1,3 @@
+export default useZoneSync;
+declare function useZoneSync(zoneRef: any, twinZoneParentSelector: any): void;
+//# sourceMappingURL=use-zone-sync.d.ts.map

package/es/common/hooks/use-zone-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-zone-sync.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-zone-sync.js"],"names":[],"mappings":";AAGA,8EA8DC"}