ublo-lib 1.31.43 → 1.32.0

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

@@ -1,41 +1,40 @@
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
-const buildClass = className => `${className}--opened`;
+const buildClass = (className) => `${className}--opened`;
 const useFaq = (selector = ".faq-block", refresh) => {
-  const [blocks, setBlocks] = React.useState([]);
-  const {
-    cmsMode
-  } = useUbloContext();
-  const clicked = React.useCallback((clickedBlock, blocks) => () => {
-    if (cmsMode) return;
-    const openedClass = buildClass(clickedBlock.classList[0]);
-    blocks.forEach(block => {
-      const {
-        classList
-      } = block;
-      block !== clickedBlock || block.classList.contains(openedClass) ? classList.remove(openedClass) : classList.add(openedClass);
-    });
-  }, [cmsMode]);
-  const init = React.useCallback((block, blocks) => {
-    block.clicked = clicked(block, blocks);
-    block.addEventListener("click", block.clicked);
-  }, [clicked]);
-  const cleanup = React.useCallback(block => {
-    block.removeEventListener("click", block.clicked);
-    const openedClass = buildClass(block.classList[0]);
-    block.classList.remove(openedClass);
-  }, []);
-  React.useEffect(() => {
-    if (cmsMode === undefined) {
-      setTimeout(() => {
-        const blocks = Array.from(document.querySelectorAll(selector));
-        setBlocks(blocks);
-      });
-    }
-  }, [cmsMode, selector, refresh]);
-  React.useEffect(() => {
-    blocks.forEach(block => init(block, blocks));
-    return () => blocks.forEach(cleanup);
-  }, [blocks, cleanup, init]);
+    const [blocks, setBlocks] = React.useState([]);
+    const { cmsMode } = useUbloContext();
+    const clicked = React.useCallback((clickedBlock, blocks) => () => {
+        if (cmsMode)
+            return;
+        const openedClass = buildClass(clickedBlock.classList[0]);
+        blocks.forEach((block) => {
+            const { classList } = block;
+            block !== clickedBlock || block.classList.contains(openedClass)
+                ? classList.remove(openedClass)
+                : classList.add(openedClass);
+        });
+    }, [cmsMode]);
+    const init = React.useCallback((block, blocks) => {
+        block.clicked = clicked(block, blocks);
+        block.addEventListener("click", block.clicked);
+    }, [clicked]);
+    const cleanup = React.useCallback((block) => {
+        block.removeEventListener("click", block.clicked);
+        const openedClass = buildClass(block.classList[0]);
+        block.classList.remove(openedClass);
+    }, []);
+    React.useEffect(() => {
+        if (cmsMode === undefined) {
+            setTimeout(() => {
+                const blocks = Array.from(document.querySelectorAll(selector));
+                setBlocks(blocks);
+            });
+        }
+    }, [cmsMode, selector, refresh]);
+    React.useEffect(() => {
+        blocks.forEach((block) => init(block, blocks));
+        return () => blocks.forEach(cleanup);
+    }, [blocks, cleanup, init]);
 };
-export default useFaq;
+export default useFaq;

package/es/common/hooks/use-in-view.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+type CmsMode = "connected" | "info" | "editing";
+export default function useInView(ref: React.MutableRefObject<HTMLElement>, cmsMode: CmsMode, selector: string, repeat?: boolean, intersectionValue?: number): void;
+export {};
+//# sourceMappingURL=use-in-view.d.ts.map

package/es/common/hooks/use-in-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-in-view.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-in-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAOhD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,EACxC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,EAChB,MAAM,GAAE,OAAc,EACtB,iBAAiB,GAAE,MAAY,QAmFhC"}

package/es/common/hooks/use-in-view.js

@@ -1,86 +1,86 @@
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 const options = {
-  rootMargin: "0px",
-  threshold: ratio(100)
+    rootMargin: "0px",
+    threshold: ratio(100),
 };
 export default function useInView(ref, cmsMode, selector, repeat = true, intersectionValue = 0.2) {
-  const {
-    lang,
-    path
-  } = useUbloContext();
-  const [compatible, setCompatible] = React.useState(false);
-  const callback = React.useCallback(entries => {
-    entries.forEach(entry => {
-      const {
-        intersectionRatio,
-        target
-      } = entry;
-      if (!target || !target.classList[0]) return;
-      const inViewClass = buildClass(target.classList[0]);
-      if (intersectionRatio !== 0) {
-        if (repeat) {
-          intersectionRatio <= intersectionValue ? target.classList.remove(inViewClass) : target.classList.add(inViewClass);
-        } else {
-          if (intersectionRatio >= intersectionValue) {
-            target.classList.add(inViewClass);
-          }
-        }
-      }
-    });
-  }, [intersectionValue, repeat]);
-  React.useEffect(() => {
-    setCompatible(typeof IntersectionObserver !== "undefined");
-    const container = ref.current;
-    const targets = selector !== undefined ? Array.from(container.querySelectorAll(selector)) : [container];
-    if (container) {
-      if (!cmsMode) {
-        if (!compatible) {
-          targets.forEach(target => {
-            const firstClassName = target.classList[0];
-            if (firstClassName) {
-              const inViewClassName = buildClass(firstClassName);
-              target.classList.add(inViewClassName);
-            }
-            target.setAttribute("data-in-view", "");
-          });
-        } else {
-          targets.forEach(target => {
-            const firstClassName = target.classList[0];
-            if (firstClassName) {
-              const inViewClassName = buildClass(firstClassName);
-              target.classList.remove(inViewClassName);
+    const { lang, path } = useUbloContext();
+    const [compatible, setCompatible] = React.useState(false);
+    const callback = React.useCallback((entries) => {
+        entries.forEach((entry) => {
+            const { intersectionRatio, target } = entry;
+            if (!target || !target.classList[0])
+                return;
+            const inViewClass = buildClass(target.classList[0]);
+            if (intersectionRatio !== 0) {
+                if (repeat) {
+                    intersectionRatio <= intersectionValue
+                        ? target.classList.remove(inViewClass)
+                        : target.classList.add(inViewClass);
+                }
+                else {
+                    if (intersectionRatio >= intersectionValue) {
+                        target.classList.add(inViewClass);
+                    }
+                }
             }
-            target.removeAttribute("data-in-view");
-          });
-          const observer = new IntersectionObserver(callback, options);
-          const observe = () => {
-            targets.forEach(target => observer?.observe(target));
-          };
-          const unobserve = () => targets.forEach(target => {
-            if (!target) return;
-            const firstClassName = target.classList[0];
-            if (firstClassName) {
-              const inViewClassName = buildClass(firstClassName);
-              target.classList.remove(inViewClassName);
+        });
+    }, [intersectionValue, repeat]);
+    React.useEffect(() => {
+        setCompatible(typeof IntersectionObserver !== "undefined");
+        const container = ref.current;
+        const targets = selector !== undefined
+            ? Array.from(container.querySelectorAll(selector))
+            : [container];
+        if (container) {
+            if (!cmsMode) {
+                if (!compatible) {
+                    targets.forEach((target) => {
+                        const firstClassName = target.classList[0];
+                        if (firstClassName) {
+                            const inViewClassName = buildClass(firstClassName);
+                            target.classList.add(inViewClassName);
+                        }
+                        target.setAttribute("data-in-view", "");
+                    });
+                }
+                else {
+                    targets.forEach((target) => {
+                        const firstClassName = target.classList[0];
+                        if (firstClassName) {
+                            const inViewClassName = buildClass(firstClassName);
+                            target.classList.remove(inViewClassName);
+                        }
+                        target.removeAttribute("data-in-view");
+                    });
+                    const observer = new IntersectionObserver(callback, options);
+                    const observe = () => {
+                        targets.forEach((target) => observer?.observe(target));
+                    };
+                    const unobserve = () => targets.forEach((target) => {
+                        if (!target)
+                            return;
+                        const firstClassName = target.classList[0];
+                        if (firstClassName) {
+                            const inViewClassName = buildClass(firstClassName);
+                            target.classList.remove(inViewClassName);
+                        }
+                        target.removeAttribute("data-in-view");
+                        observer.disconnect();
+                    });
+                    observe();
+                    return () => {
+                        unobserve();
+                    };
+                }
             }
-            target.removeAttribute("data-in-view");
-            observer.disconnect();
-          });
-          observe();
-          return () => {
-            unobserve();
-          };
         }
-      }
-    }
-  }, [callback, cmsMode, compatible, lang, path, ref, selector]);
+    }, [callback, cmsMode, compatible, lang, path, ref, selector]);
 }
 function ratio(steps) {
-  return Array.from({
-    length: steps + 1
-  }).map((_, i) => i / steps);
+    return Array.from({ length: steps + 1 }).map((_, i) => i / steps);
 }
 function buildClass(className) {
-  return `${className}--in-view`;
-}
+    return `${className}--in-view`;
+}

package/es/common/hooks/use-injected-cms-markup.d.ts

@@ -0,0 +1,3 @@
+export default useInjectedCmsMarkup;
+declare function useInjectedCmsMarkup(entries: any, isReady: any): void;
+//# sourceMappingURL=use-injected-cms-markup.d.ts.map

package/es/common/hooks/use-injected-cms-markup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-injected-cms-markup.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-injected-cms-markup.js"],"names":[],"mappings":";AAaA,wEA+BC"}

package/es/common/hooks/use-injected-cms-markup.js

@@ -1,46 +1,44 @@
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 const findAllByKey = (obj, keyToFind) => {
-  return Object.entries(obj).reduce((acc, [key, value]) => {
-    return key === keyToFind ? acc.concat(value) : typeof value === "object" ? acc.concat(findAllByKey(value, keyToFind)) : acc;
-  }, []);
+    return Object.entries(obj).reduce((acc, [key, value]) => {
+        return key === keyToFind
+            ? acc.concat(value)
+            : typeof value === "object"
+                ? acc.concat(findAllByKey(value, keyToFind))
+                : acc;
+    }, []);
 };
 const useInjectedCmsMarkup = (entries, isReady) => {
-  const {
-    cmsMode
-  } = useUbloContext();
-  const injectCmsMarkup = React.useCallback(async () => {
-    await window.Cms.register();
-    const formats = window.Cms.sectionClasses;
-    entries.forEach(entry => {
-      const {
-        key,
-        value
-      } = entry;
-      const isArray = Array.isArray(value);
-      const targets = findAllByKey(formats, key);
-      targets.forEach(target => {
-        if (!target?.markup) return;
-        if (isArray) {
-          const formatedRows = value.map(v => {
-            return {
-              name: v,
-              markup: `<tr><td>${v}</td></tr>`
-            };
-          });
-          const [anchor] = target.markup;
-          target.markup = anchor ? [anchor, ...formatedRows] : formatedRows;
-        } else {
-          target.markup = value;
+    const { cmsMode } = useUbloContext();
+    const injectCmsMarkup = React.useCallback(async () => {
+        await window.Cms.register();
+        const formats = window.Cms.sectionClasses;
+        entries.forEach((entry) => {
+            const { key, value } = entry;
+            const isArray = Array.isArray(value);
+            const targets = findAllByKey(formats, key);
+            targets.forEach((target) => {
+                if (!target?.markup)
+                    return;
+                if (isArray) {
+                    const formatedRows = value.map((v) => {
+                        return { name: v, markup: `<tr><td>${v}</td></tr>` };
+                    });
+                    const [anchor] = target.markup;
+                    target.markup = anchor ? [anchor, ...formatedRows] : formatedRows;
+                }
+                else {
+                    target.markup = value;
+                }
+            });
+        });
+        await window.Cms.analyse();
+    }, [entries]);
+    React.useEffect(() => {
+        if (isReady && cmsMode === "connected") {
+            injectCmsMarkup();
         }
-      });
-    });
-    await window.Cms.analyse();
-  }, [entries]);
-  React.useEffect(() => {
-    if (isReady && cmsMode === "connected") {
-      injectCmsMarkup();
-    }
-  }, [cmsMode, injectCmsMarkup, isReady]);
+    }, [cmsMode, injectCmsMarkup, isReady]);
 };
-export default useInjectedCmsMarkup;
+export default useInjectedCmsMarkup;

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

@@ -0,0 +1,3 @@
+export default usePackages;
+declare function usePackages(defaultPopupContent: any, setPopupContent: any, cartUrl: any, selector?: string): void;
+//# sourceMappingURL=use-packages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-packages.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-packages.js"],"names":[],"mappings":";AA6BA,oHAyHC"}

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

@@ -1,10 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 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 +25,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: (_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]);
 };
-export default usePackages;
+export default usePackages;

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

@@ -0,0 +1,11 @@
+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;
+//# sourceMappingURL=use-scroll-direction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-direction.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-scroll-direction.ts"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/B,KAAK,KAAK,GAAG;IACX,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAKF,QAAA,MAAM,kBAAkB,iDAIrB,KAAK;;CAoCP,CAAC;AAEF,eAAe,kBAAkB,CAAC"}