ublo-lib 1.31.44 → 1.32.1

package/es/common/components/video-player/video-player.js

@@ -1,22 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import ReactPlayer from "react-player/lazy";
 import Controls from "./controls";
 import * as Utils from "./utils";
 import styles from "./player.module.css";
-const Player = (_a) => {
-    var { url, thumb, forcePlay, hideCustomControls } = _a, props = __rest(_a, ["url", "thumb", "forcePlay", "hideCustomControls"]);
+const Player = ({ url, thumb, forcePlay, hideCustomControls, ...props }) => {
     const containerRef = React.useRef();
     const playRef = React.useRef();
     const [mounted, setMounted] = React.useState(false);
@@ -76,9 +65,6 @@ const Player = (_a) => {
     });
     if (!mounted)
         return null;
-    return (<div ref={containerRef} className={classes}>
-      <ReactPlayer ref={playRef} light={forcePlay ? false : thumb} url={url} playing={playing} muted={muted} onClick={updatePlaying} onStart={startVideo} onProgress={tick} onEnded={endVideo} progressInterval={160} width="100%" height="100%" className={styles.playerInner} {...props}/>
-      {!hideCustomControls && (<Controls started={started} playing={playing} updatePlaying={updatePlaying} progress={progress} loadedAmount={loadedAmount} setNewProgress={setNewProgress} duration={duration} currentTime={currentTime} fullScreen={fullScreen} setFullScreen={setFullScreen} muted={muted} setMuted={setMuted}/>)}
-    </div>);
+    return (_jsxs("div", { ref: containerRef, className: classes, children: [_jsx(ReactPlayer, { ref: playRef, light: forcePlay ? false : thumb, url: url, playing: playing, muted: muted, onClick: updatePlaying, onStart: startVideo, onProgress: tick, onEnded: endVideo, progressInterval: 160, width: "100%", height: "100%", className: styles.playerInner, ...props }), !hideCustomControls && (_jsx(Controls, { started: started, playing: playing, updatePlaying: updatePlaying, progress: progress, loadedAmount: loadedAmount, setNewProgress: setNewProgress, duration: duration, currentTime: currentTime, fullScreen: fullScreen, setFullScreen: setFullScreen, muted: muted, setMuted: setMuted }))] }));
 };
 export default React.memo(Player);

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

@@ -4,3 +4,4 @@ type Props = {
 };
 export default function useAccount({ channel, integration, }?: Props): void;
 export {};
+//# sourceMappingURL=use-account.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-account.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-account.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAe,EACf,WAAW,GACZ,GAAE,KAAU,QAmBZ"}

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

@@ -1,12 +1,3 @@
-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 * as Plausible from "../components/plausible";
@@ -15,8 +6,8 @@ export default function useAccount({ channel = "ESF", integration, } = {}) {
     const { lang } = useUbloContext();
     const widgetLang = React.useMemo(() => (lang === "fr" ? "fr" : "en"), [lang]);
     React.useEffect(() => {
-        const startAccount = () => __awaiter(this, void 0, void 0, function* () {
-            yield loadWidgetMseM(integration);
+        const startAccount = async () => {
+            await loadWidgetMseM(integration);
             window.MseM.onLoad(() => {
                 window.MseM.customerAccount({
                     lang: widgetLang,
@@ -25,15 +16,13 @@ export default function useAccount({ channel = "ESF", integration, } = {}) {
                     analytics: Plausible.callback,
                 });
             });
-        });
+        };
         startAccount();
     }, [channel, 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-faq.d.ts

@@ -1,2 +1,3 @@
 declare const useFaq: (selector: string, refresh: string) => void;
 export default useFaq;
+//# sourceMappingURL=use-faq.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-faq.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-faq.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,aAAc,MAAM,WAA0B,MAAM,SA4C/D,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -2,3 +2,4 @@ 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

@@ -56,7 +56,7 @@ export default function useInView(ref, cmsMode, selector, repeat = true, interse
                     });
                     const observer = new IntersectionObserver(callback, options);
                     const observe = () => {
-                        targets.forEach((target) => observer === null || observer === void 0 ? void 0 : observer.observe(target));
+                        targets.forEach((target) => observer?.observe(target));
                     };
                     const unobserve = () => targets.forEach((target) => {
                         if (!target)

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

@@ -1,2 +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,12 +1,3 @@
-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";
 const findAllByKey = (obj, keyToFind) => {
@@ -20,15 +11,15 @@ const findAllByKey = (obj, keyToFind) => {
 };
 const useInjectedCmsMarkup = (entries, isReady) => {
     const { cmsMode } = useUbloContext();
-    const injectCmsMarkup = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        yield window.Cms.register();
+    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 === null || target === void 0 ? void 0 : target.markup))
+                if (!target?.markup)
                     return;
                 if (isArray) {
                     const formatedRows = value.map((v) => {
@@ -42,8 +33,8 @@ const useInjectedCmsMarkup = (entries, isReady) => {
                 }
             });
         });
-        yield window.Cms.analyse();
-    }), [entries]);
+        await window.Cms.analyse();
+    }, [entries]);
     React.useEffect(() => {
         if (isReady && cmsMode === "connected") {
             injectCmsMarkup();

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

@@ -1,2 +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,12 +1,4 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import PackagesSelector from "../components/packages-selector";
@@ -47,7 +39,7 @@ const usePackages = (defaultPopupContent, setPopupContent, cartUrl, selector = "
         const id = link.getAttribute("data-id");
         setPopupContent({
             title: "Associer un package",
-            content: (<PackagesSelector onSubmit={onPackageSelection(link)} resort={resort} selected={id}/>),
+            content: (_jsx(PackagesSelector, { onSubmit: onPackageSelection(link), resort: resort, selected: id })),
         });
     }, [onPackageSelection, resort, selector, setPopupContent]);
     const toggleEditButton = React.useCallback((section) => {
@@ -68,7 +60,7 @@ const usePackages = (defaultPopupContent, setPopupContent, cartUrl, selector = "
             }
         }
     }, [cmsMode, onButtonClick]);
-    const onPackageClick = React.useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
+    const onPackageClick = React.useCallback(async (e) => {
         if (cmsMode === "editing")
             return e.preventDefault();
         const target = e.target.closest(selector);
@@ -89,8 +81,8 @@ const usePackages = (defaultPopupContent, setPopupContent, cartUrl, selector = "
             theme: "/theme.css",
             cartUrl,
         };
-        yield openMseM("widgetPackage", options);
-    }), [cartUrl, channel, cmsMode, resort, selector]);
+        await openMseM("widgetPackage", options);
+    }, [cartUrl, channel, cmsMode, resort, selector]);
     const callback = React.useCallback((e) => {
         const { section: newSection } = e.detail;
         const link = newSection.querySelector(selector);

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

@@ -8,3 +8,4 @@ declare const useScrollDirection: ({ initialDirection, thresholdPixels, off, }?:
     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"}

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

@@ -1,3 +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-sticky.d.ts

@@ -1,3 +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-tunnel.d.ts

@@ -8,3 +8,4 @@ type Props = {
 };
 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

@@ -1,12 +1,3 @@
-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";
@@ -17,16 +8,15 @@ 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 === null || breadcrumb === void 0 ? void 0 : breadcrumb.next : breadcrumb;
+    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 = () => __awaiter(this, void 0, void 0, function* () {
-                var _a;
-                yield loadWidgetMseM(integration);
+            const startTunnel = async () => {
+                await loadWidgetMseM(integration);
                 const categoryCode = window.sessionStorage.getItem("categoryCode") || undefined;
-                (_a = window.MseM) === null || _a === void 0 ? void 0 : _a.onLoad(() => {
+                window.MseM?.onLoad(() => {
                     window.requestAnimationFrame(() => {
                         window.MseM.tunnel({
                             channel,
@@ -40,7 +30,7 @@ export default function useTunnel({ channel = "ESF", multipleVillages, integrati
                         });
                     });
                 });
-            });
+            };
             startTunnel();
         }
     }, [
@@ -54,11 +44,9 @@ export default function useTunnel({ channel = "ESF", multipleVillages, integrati
         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

@@ -1 +1,2 @@
-export default function useUpdateEffect(callback: any, dependencies: any): void;
+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,QAAK,QAWlE"}

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

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

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

@@ -4,3 +4,4 @@ type Sizes = {
 };
 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-youtube-popup.d.ts

@@ -1,2 +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,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 const extractYoutubeVideoID = (url) => {
@@ -13,28 +14,25 @@ const extractYoutubeVideoID = (url) => {
 const useYoutubePopup = (selector, setPopupContent) => {
     const { cmsMode } = useUbloContext();
     const openVideo = React.useCallback((e) => {
-        var _a, _b;
         e.preventDefault();
-        const link = (_b = (_a = e.target.closest("a")) === null || _a === void 0 ? void 0 : _a.getAttribute("href")) === null || _b === void 0 ? void 0 : _b.trim();
+        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: (<div style={{
+            content: (_jsx("div", { style: {
                     position: "relative",
                     width: 1200,
                     maxWidth: "100%",
                     paddingTop: "56.25%",
-                }}>
-            <iframe style={{
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%",
-                    height: "100%",
-                }} src={url} frameBorder="0" allowFullScreen title=""/>
-          </div>),
+                }, 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]);

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

@@ -1,2 +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"}

package/es/common/hooks/use-zone-sync.js

@@ -3,20 +3,18 @@ import { useUbloContext } from "ublo/with-ublo";
 const useZoneSync = (zoneRef, twinZoneParentSelector) => {
     const { cmsMode } = useUbloContext();
     const updateTwinZoneContent = (zone, innerHTML) => {
-        var _a;
         const tmpElement = Object.assign(document.createElement("div"), {
             innerHTML,
         });
-        (_a = tmpElement.querySelector("cms-section-ui")) === null || _a === void 0 ? void 0 : _a.remove();
+        tmpElement.querySelector("cms-section-ui")?.remove();
         zone.innerHTML = tmpElement.innerHTML;
     };
     const init = useCallback((e) => {
-        var _a;
         const zone = zoneRef.current;
         if (!zone)
             return;
         const twinZone = document.querySelector(`${twinZoneParentSelector} [data-cms-key=${zone.dataset.cmsKey}]`);
-        const section = ((_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.section) || zone.querySelector("section");
+        const section = e?.detail?.section || zone.querySelector("section");
         const observer = new window.MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
                 if (mutation.type === "attributes") {

package/es/common/utils/cms.d.ts

@@ -1,3 +1,4 @@
 export declare function isConnected(): boolean;
 export declare function revalidate(path: string): Promise<void>;
 export declare function revalidateAll(): Promise<void>;
+//# sourceMappingURL=cms.d.ts.map

package/es/common/utils/cms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cms.d.ts","sourceRoot":"","sources":["../../../src/common/utils/cms.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAE1B;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,MAAM,iBAQ5C;AAED,wBAAsB,aAAa,kBAQlC"}

package/es/common/utils/cms.js

@@ -1,37 +1,24 @@
-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());
-    });
-};
 function getToken() {
     return window.sessionStorage.getItem("cms_token");
 }
 export function isConnected() {
     return Boolean(getToken());
 }
-export function revalidate(path) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const token = getToken();
-            yield fetch(`/api/revalidate?token=${token}&path=${path}`);
-        }
-        catch (e) {
-            console.log(e);
-        }
-    });
+export async function revalidate(path) {
+    try {
+        const token = getToken();
+        await fetch(`/api/revalidate?token=${token}&path=${path}`);
+    }
+    catch (e) {
+        console.log(e);
+    }
 }
-export function revalidateAll() {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const token = getToken();
-            yield fetch(`/api/revalidate?token=${token}&all=true`);
-        }
-        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);
+    }
 }

package/es/common/utils/cookies.d.ts

@@ -1 +1,2 @@
 export declare const createCookie: (name: string, value: string, days: number) => void;
+//# sourceMappingURL=cookies.d.ts.map

package/es/common/utils/cookies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../../../src/common/utils/cookies.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,SAAU,MAAM,SAAS,MAAM,QAAQ,MAAM,SAWrE,CAAC"}

package/es/common/utils/copy.d.ts

@@ -1 +1,2 @@
 export declare const copyToClipboard: (textContent: string) => void;
+//# sourceMappingURL=copy.d.ts.map

package/es/common/utils/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../src/common/utils/copy.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,gBAAiB,MAAM,SAUlD,CAAC"}

package/es/common/utils/dates.d.ts

@@ -1 +1,2 @@
 export declare const isValidDate: (date: string) => boolean;
+//# sourceMappingURL=dates.d.ts.map

package/es/common/utils/dates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../src/common/utils/dates.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,SAAU,MAAM,YAOvC,CAAC"}

package/es/common/utils/elements.d.ts

@@ -2,3 +2,4 @@ export declare function extractElementsFromHtmlString(htmlString: string, select
 export declare function extractElementFromHtmlString(htmlString: string, selector: string): Element;
 export declare function extractTextFromHtmlString(htmlString: string): string;
 export declare function sanitizeHTML(html: string): string;
+//# sourceMappingURL=elements.d.ts.map

package/es/common/utils/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../src/common/utils/elements.ts"],"names":[],"mappings":"AAAA,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,aAMlB;AAED,wBAAgB,4BAA4B,CAC1C,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,WAIjB;AAED,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,UAK3D;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAIxC"}

package/es/common/utils/elements.js

@@ -9,12 +9,11 @@ export function extractElementFromHtmlString(htmlString, selector) {
     return element;
 }
 export function extractTextFromHtmlString(htmlString) {
-    var _a, _b;
     if (typeof window === "undefined")
         return "";
     const parser = new DOMParser();
     const html = parser.parseFromString(htmlString, "text/html");
-    return ((_b = (_a = html === null || html === void 0 ? void 0 : html.body) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "";
+    return html?.body?.textContent?.trim() || "";
 }
 export function sanitizeHTML(html) {
     const element = document.createElement("div");

package/es/common/utils/events.d.ts

@@ -1,3 +1,4 @@
 export declare const eventConfig: {
     passive: boolean;
 };
+//# sourceMappingURL=events.d.ts.map

package/es/common/utils/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/common/utils/events.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW;;CAAiB,CAAC"}

package/es/common/utils/events.js

@@ -1,19 +1,2 @@
 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;

package/es/common/utils/fetcher.d.ts

@@ -2,3 +2,4 @@ export function fetcher(method: any): (_url: any, body: any, params: {}, _header
 export function get(url: any, params: any, headers: any, signal: any): Promise<any>;
 export function put(_url: any, body: any, params: {}, _headers: {}, signal: any): Promise<any>;
 export function post(_url: any, body: any, params: {}, _headers: {}, signal: any): Promise<any>;
+//# sourceMappingURL=fetcher.d.ts.map

package/es/common/utils/fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../../src/common/utils/fetcher.js"],"names":[],"mappings":"AAsBO,oHA6BJ;AAEI,oFACkD;AA9BvD,+FA2BC;AA3BD,gGA2BC"}