ublo-lib 1.31.42 → 1.31.44

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

@@ -1,10 +1,19 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import PackagesSelector from "../components/packages-selector";
 import { openMseM } from "../utils/msem-widget";
 import * as Plausible from "../components/plausible";
-import { jsx as _jsx } from "react/jsx-runtime";
-const preview = typeof window !== "undefined" && window.location.search.indexOf("preview") !== -1;
+const preview = typeof window !== "undefined" &&
+    window.location.search.indexOf("preview") !== -1;
 const buttonStyles = `
   display: table;
   position: absolute;
@@ -24,99 +33,91 @@ const buttonStyles = `
   transform: translateX(-50%);
 `;
 const usePackages = (defaultPopupContent, setPopupContent, cartUrl, selector = "[data-package], .package-lodging__container, .banner-discount") => {
-  const {
-    cmsMode,
-    config
-  } = useUbloContext();
-  const {
-    channel,
-    resort
-  } = config;
-  const onPackageSelection = React.useCallback(link => id => {
-    if (!link || !id) return;
-    link.setAttribute("data-id", id);
-    setPopupContent(defaultPopupContent);
-  }, [defaultPopupContent, setPopupContent]);
-  const onButtonClick = React.useCallback(e => {
-    e.stopPropagation();
-    const link = e.target.closest(selector);
-    const id = link.getAttribute("data-id");
-    setPopupContent({
-      title: "Associer un package",
-      content: _jsx(PackagesSelector, {
-        onSubmit: onPackageSelection(link),
-        resort: resort,
-        selected: id
-      })
-    });
-  }, [onPackageSelection, resort, selector, setPopupContent]);
-  const toggleEditButton = React.useCallback(section => {
-    const button = section.querySelector(".package-edit-button");
-    if (cmsMode === "editing" && !button) {
-      const newButton = Object.assign(document.createElement("button"), {
-        className: "package-edit-button",
-        innerHTML: "Associer un package",
-        style: buttonStyles
-      });
-      section.appendChild(newButton);
-      newButton.addEventListener("click", onButtonClick);
-    } else {
-      if (button) {
-        button.removeEventListener("click", onButtonClick);
-        button.remove();
-      }
-    }
-  }, [cmsMode, onButtonClick]);
-  const onPackageClick = React.useCallback(async e => {
-    if (cmsMode === "editing") return e.preventDefault();
-    const target = e.target.closest(selector);
-    const id = target.getAttribute("data-id");
-    if (!id || id === "") return;
-    e.preventDefault();
-    const packageId = parseInt(id);
-    const options = {
-      resort,
-      channel,
-      verticalMargin: 100,
-      merchant: "",
-      packageId,
-      catalog: "PUBLIC",
-      preview,
-      analytics: Plausible.callback,
-      theme: "/theme.css",
-      cartUrl
-    };
-    await openMseM("widgetPackage", options);
-  }, [cartUrl, channel, cmsMode, resort, selector]);
-  const callback = React.useCallback(e => {
-    const {
-      section: newSection
-    } = e.detail;
-    const link = newSection.querySelector(selector);
-    if (link) {
-      toggleEditButton(link);
-    }
-  }, [selector, toggleEditButton]);
-  const init = React.useCallback(section => {
-    const zone = section.closest(".cms");
-    zone.addEventListener("ublo-section-created", callback);
-    section.addEventListener("click", onPackageClick);
-  }, [callback, onPackageClick]);
-  const cleanup = React.useCallback(section => {
-    if (section) {
-      const zone = section.closest(".cms");
-      zone.removeEventListener("ublo-section-created", callback);
-      section.removeEventListener("click", onPackageClick);
-    }
-  }, [callback, onPackageClick]);
-  React.useEffect(() => {
-    const sections = Array.from(document.querySelectorAll(selector));
-    sections.forEach(toggleEditButton);
-    sections.forEach(init);
-    return () => {
-      sections.forEach(cleanup);
-      sections.forEach(toggleEditButton);
-    };
-  }, [cleanup, cmsMode, init, selector, toggleEditButton]);
+    const { cmsMode, config } = useUbloContext();
+    const { channel, resort } = config;
+    const onPackageSelection = React.useCallback((link) => (id) => {
+        if (!link || !id)
+            return;
+        link.setAttribute("data-id", id);
+        setPopupContent(defaultPopupContent);
+    }, [defaultPopupContent, setPopupContent]);
+    const onButtonClick = React.useCallback((e) => {
+        e.stopPropagation();
+        const link = e.target.closest(selector);
+        const id = link.getAttribute("data-id");
+        setPopupContent({
+            title: "Associer un package",
+            content: (<PackagesSelector onSubmit={onPackageSelection(link)} resort={resort} selected={id}/>),
+        });
+    }, [onPackageSelection, resort, selector, setPopupContent]);
+    const toggleEditButton = React.useCallback((section) => {
+        const button = section.querySelector(".package-edit-button");
+        if (cmsMode === "editing" && !button) {
+            const newButton = Object.assign(document.createElement("button"), {
+                className: "package-edit-button",
+                innerHTML: "Associer un package",
+                style: buttonStyles,
+            });
+            section.appendChild(newButton);
+            newButton.addEventListener("click", onButtonClick);
+        }
+        else {
+            if (button) {
+                button.removeEventListener("click", onButtonClick);
+                button.remove();
+            }
+        }
+    }, [cmsMode, onButtonClick]);
+    const onPackageClick = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
+        if (cmsMode === "editing")
+            return e.preventDefault();
+        const target = e.target.closest(selector);
+        const id = target.getAttribute("data-id");
+        if (!id || id === "")
+            return;
+        e.preventDefault();
+        const packageId = parseInt(id);
+        const options = {
+            resort,
+            channel,
+            verticalMargin: 100,
+            merchant: "",
+            packageId,
+            catalog: "PUBLIC",
+            preview,
+            analytics: Plausible.callback,
+            theme: "/theme.css",
+            cartUrl,
+        };
+        yield openMseM("widgetPackage", options);
+    }), [cartUrl, channel, cmsMode, resort, selector]);
+    const callback = React.useCallback((e) => {
+        const { section: newSection } = e.detail;
+        const link = newSection.querySelector(selector);
+        if (link) {
+            toggleEditButton(link);
+        }
+    }, [selector, toggleEditButton]);
+    const init = React.useCallback((section) => {
+        const zone = section.closest(".cms");
+        zone.addEventListener("ublo-section-created", callback);
+        section.addEventListener("click", onPackageClick);
+    }, [callback, onPackageClick]);
+    const cleanup = React.useCallback((section) => {
+        if (section) {
+            const zone = section.closest(".cms");
+            zone.removeEventListener("ublo-section-created", callback);
+            section.removeEventListener("click", onPackageClick);
+        }
+    }, [callback, onPackageClick]);
+    React.useEffect(() => {
+        const sections = Array.from(document.querySelectorAll(selector));
+        sections.forEach(toggleEditButton);
+        sections.forEach(init);
+        return () => {
+            sections.forEach(cleanup);
+            sections.forEach(toggleEditButton);
+        };
+    }, [cleanup, cmsMode, init, selector, toggleEditButton]);
 };
-export default usePackages;
+export default usePackages;

package/es/common/hooks/use-scroll-direction.d.ts

@@ -0,0 +1,10 @@
+type Direction = "up" | "down";
+type Props = {
+    initialDirection?: Direction;
+    thresholdPixels?: number;
+    off?: boolean;
+};
+declare const useScrollDirection: ({ initialDirection, thresholdPixels, off, }?: Props) => {
+    scrollDir: "up" | "down";
+};
+export default useScrollDirection;

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,3 @@
+import * as React from "react";
+declare const useStay: () => React.Dispatch<(prevState: undefined) => undefined>[];
+export default useStay;

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,3 @@
+import * as React from "react";
+declare const useSticky: () => (boolean | React.MutableRefObject<any>)[];
+export default useSticky;

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,10 @@
+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 {};

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

@@ -1,59 +1,64 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 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
+export default function useTunnel({ channel = "ESF", multipleVillages, integration, groundedTo = "#esfplus_container", enableCustomOffers, customOffers, } = {}) {
+    const { cmsMode, lang, breadcrumb } = useUbloContext();
+    const { path: esfPath } = multipleVillages ? breadcrumb === null || breadcrumb === void 0 ? void 0 : 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 = () => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                yield loadWidgetMseM(integration);
+                const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
+                (_a = window.MseM) === null || _a === void 0 ? void 0 : _a.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]);
+            startTunnel();
+        }
+    }, [
+        channel,
+        cmsMode,
+        customOffers,
+        enableCustomOffers,
+        esfUrl,
+        groundedTo,
+        integration,
+        widgetLang,
+    ]);
+}
+function loadWidgetMseM(integration) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const source = integration
+            ? "https://widget-integration.msem.tech/static/js/widget-msem.js"
+            : "https://widget.msem.tech/static/js/widget-msem.js";
+        yield loadJS(source, "widget-msem");
+    });
 }
-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");
-}

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

@@ -0,0 +1 @@
+export default function useUpdateEffect(callback: any, dependencies: any): void;

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,6 @@
+type Sizes = {
+    width: number | undefined;
+    height: number | undefined;
+};
+export default function useWindowSizes(): Sizes;
+export {};

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,2 @@
+export default useYoutubePopup;
+declare function useYoutubePopup(selector: any, setPopupContent: any): void;