ublo-lib 1.31.42 → 1.31.44

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

@@ -1,58 +1,51 @@
 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) => {
+        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();
+        if (!link)
+            return;
+        const code = extractYoutubeVideoID(link);
+        const url = `https://www.youtube.com/embed/${code}`;
+        setPopupContent({
+            content: (<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>),
+            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,2 @@
+export default useZoneSync;
+declare function useZoneSync(zoneRef: any, twinZoneParentSelector: any): void;

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

@@ -1,60 +1,62 @@
 import { useCallback, useEffect } from "react";
 import { useUbloContext } from "ublo/with-ublo";
 const useZoneSync = (zoneRef, twinZoneParentSelector) => {
-  const {
-    cmsMode
-  } = useUbloContext();
-  const updateTwinZoneContent = (zone, innerHTML) => {
-    const tmpElement = Object.assign(document.createElement("div"), {
-      innerHTML
-    });
-    tmpElement.querySelector("cms-section-ui")?.remove();
-    zone.innerHTML = tmpElement.innerHTML;
-  };
-  const init = useCallback(e => {
-    const zone = zoneRef.current;
-    if (!zone) return;
-    const twinZone = document.querySelector(`${twinZoneParentSelector} [data-cms-key=${zone.dataset.cmsKey}]`);
-    const section = e?.detail?.section || zone.querySelector("section");
-    const observer = new window.MutationObserver(mutations => {
-      mutations.forEach(mutation => {
-        if (mutation.type === "attributes") {
-          updateTwinZoneContent(twinZone, section.outerHTML);
+    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();
+        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 observer = new window.MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === "attributes") {
+                    updateTwinZoneContent(twinZone, section.outerHTML);
+                }
+                if (mutation.type === "characterData") {
+                    updateTwinZoneContent(twinZone, zone.innerHTML);
+                }
+                if (mutation.type === "childList" ||
+                    mutation.type === "characterData") {
+                    updateTwinZoneContent(twinZone, zone.innerHTML);
+                }
+            });
+        });
+        observer.observe(zone, {
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+        if (section) {
+            const image = section.querySelector("img");
+            if (image) {
+                observer.observe(image, { attributes: true });
+            }
         }
-        if (mutation.type === "characterData") {
-          updateTwinZoneContent(twinZone, zone.innerHTML);
+        else {
+            zone.addEventListener("ublo-section-created", init);
         }
-        if (mutation.type === "childList" || mutation.type === "characterData") {
-          updateTwinZoneContent(twinZone, zone.innerHTML);
+    }, [twinZoneParentSelector, zoneRef]);
+    const cleanup = useCallback(() => {
+        const zone = zoneRef.current;
+        if (!zone)
+            return;
+        zone.removeEventListener("ublo-section-created", init);
+    }, [init, zoneRef]);
+    useEffect(() => {
+        if (cmsMode) {
+            init();
+            return () => cleanup();
         }
-      });
-    });
-    observer.observe(zone, {
-      childList: true,
-      characterData: true,
-      subtree: true
     });
-    if (section) {
-      const image = section.querySelector("img");
-      if (image) {
-        observer.observe(image, {
-          attributes: true
-        });
-      }
-    } else {
-      zone.addEventListener("ublo-section-created", init);
-    }
-  }, [twinZoneParentSelector, zoneRef]);
-  const cleanup = useCallback(() => {
-    const zone = zoneRef.current;
-    if (!zone) return;
-    zone.removeEventListener("ublo-section-created", init);
-  }, [init, zoneRef]);
-  useEffect(() => {
-    if (cmsMode) {
-      init();
-      return () => cleanup();
-    }
-  });
 };
-export default useZoneSync;
+export default useZoneSync;

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

@@ -0,0 +1,3 @@
+export declare function isConnected(): boolean;
+export declare function revalidate(path: string): Promise<void>;
+export declare function revalidateAll(): Promise<void>;

package/es/common/utils/cms.js

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

@@ -0,0 +1 @@
+export declare const createCookie: (name: string, value: string, days: number) => void;

package/es/common/utils/cookies.js

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

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

@@ -0,0 +1 @@
+export declare const copyToClipboard: (textContent: string) => void;

package/es/common/utils/copy.js

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

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

@@ -0,0 +1 @@
+export declare const isValidDate: (date: string) => boolean;

package/es/common/utils/dates.js

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

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

@@ -0,0 +1,4 @@
+export declare function extractElementsFromHtmlString(htmlString: string, selectors: string): Element[];
+export declare function extractElementFromHtmlString(htmlString: string, selector: string): Element;
+export declare function extractTextFromHtmlString(htmlString: string): string;
+export declare function sanitizeHTML(html: string): string;

package/es/common/utils/elements.js

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

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

@@ -0,0 +1,3 @@
+export declare const eventConfig: {
+    passive: boolean;
+};

package/es/common/utils/events.js

@@ -1,4 +1,19 @@
-const PASSIVE_OPTION = {
-  passive: true
-};
-export const eventConfig = PASSIVE_OPTION;
+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

@@ -0,0 +1,4 @@
+export function fetcher(method: any): (_url: any, body: any, params: {}, _headers: {}, signal: any) => Promise<any>;
+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>;

package/es/common/utils/fetcher.js

@@ -1,35 +1,55 @@
+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());
+    });
+};
 const defaultContentType = {
-  "Content-Type": "application/json; charset=utf-8"
+    "Content-Type": "application/json; charset=utf-8",
 };
 const buildQueryStringForObject = (key, object) => {
-  return Object.entries(object).filter(([, v]) => v !== undefined).map(([k, v]) => `${key}[${k}]=${encodeURIComponent(v)}`).join("&");
-};
-const buildQueryString = params => {
-  return Object.keys(params).filter(k => params[k] !== undefined && params[k] !== null).map(k => typeof params[k] === "object" ? buildQueryStringForObject(k, params[k]) : `${k}=${encodeURIComponent(params[k])}`).join("&");
+    return Object.entries(object)
+        .filter(([, v]) => v !== undefined)
+        .map(([k, v]) => `${key}[${k}]=${encodeURIComponent(v)}`)
+        .join("&");
 };
-export const fetcher = method => async (_url, body, params = {}, _headers = {}, signal) => {
-  const headers = {
-    ...defaultContentType,
-    ..._headers
-  };
-  try {
-    const qs = buildQueryString(params);
-    const url = qs.length === 0 ? _url : `${_url}?${qs}`;
-    const reqOpts = {
-      method: method || "POST",
-      headers,
-      body: method !== "GET" && body !== undefined ? JSON.stringify(body) : undefined,
-      signal
-    };
-    const response = await fetch(url, reqOpts);
-    if (response.ok && response.status === 204) return undefined;
-    const resJSON = await response.json();
-    if (response.ok === false) return Promise.reject(resJSON.error);
-    return resJSON;
-  } catch (err) {
-    throw err;
-  }
+const buildQueryString = (params) => {
+    return Object.keys(params)
+        .filter((k) => params[k] !== undefined && params[k] !== null)
+        .map((k) => typeof params[k] === "object"
+        ? buildQueryStringForObject(k, params[k])
+        : `${k}=${encodeURIComponent(params[k])}`)
+        .join("&");
 };
+export const fetcher = (method) => (_url, body, params = {}, _headers = {}, signal) => __awaiter(void 0, void 0, void 0, function* () {
+    const headers = Object.assign(Object.assign({}, defaultContentType), _headers);
+    // eslint-disable-next-line no-useless-catch
+    try {
+        const qs = buildQueryString(params);
+        const url = qs.length === 0 ? _url : `${_url}?${qs}`;
+        const reqOpts = {
+            method: method || "POST",
+            headers,
+            body: method !== "GET" && body !== undefined
+                ? JSON.stringify(body)
+                : undefined,
+            signal,
+        };
+        const response = yield fetch(url, reqOpts);
+        if (response.ok && response.status === 204)
+            return undefined;
+        const resJSON = yield response.json();
+        if (response.ok === false)
+            return Promise.reject(resJSON.error);
+        return resJSON;
+    }
+    catch (err) {
+        throw err;
+    }
+});
 export const get = (url, params, headers, signal) => fetcher("GET")(url, undefined, params, headers, signal);
 export const put = fetcher("PUT");
-export const post = fetcher("POST");
+export const post = fetcher("POST");

package/es/common/utils/file-manager.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    interface Window {
+        CmsConfig: {
+            filemanager: {
+                url: string;
+                token: string;
+            };
+        };
+        openFileManager: any;
+    }
+}
+export declare const loadFileManager: (uploadOnly?: boolean) => Promise<void>;

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

@@ -1,14 +1,21 @@
+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 { loadJS } from "./load-js";
-export const loadFileManager = async (uploadOnly = true) => {
-  const {
-    url,
-    token
-  } = window.CmsConfig.filemanager;
-  if (!url || !token) return;
-  await loadJS(`${url}/static/js/file-manager.js`, "file-picker");
-  window.openFileManager({
-    fileManagerAPIURL: url,
-    token: token,
-    uploadOnly
-  });
-};
+export const loadFileManager = (uploadOnly = true) => __awaiter(void 0, void 0, void 0, function* () {
+    const { url, token } = window.CmsConfig.filemanager;
+    if (!url || !token)
+        return;
+    yield loadJS(`${url}/static/js/file-manager.js`, "file-picker");
+    window.openFileManager({
+        fileManagerAPIURL: url,
+        token: token,
+        uploadOnly,
+    });
+});

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

@@ -0,0 +1,2 @@
+export declare function loadJS(url: string, id: string): Promise<unknown>;
+export default loadJS;

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

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

package/es/common/utils/msem-widget.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare global {
+    interface Window {
+        MseM: any;
+        MseMLoaded: boolean;
+    }
+}
+type Widget = "tunnel" | "lodging" | "esf" | "skiRental" | "skiPass" | "liftJb" | "transfer" | "shuttle" | "excursion" | "otherProducts" | "genericLine" | "esfCustom" | "vakario" | "elloha" | "widgetPackage" | "customerAccount";
+export declare const loadWidgetMseM: (id?: string, forceIntegration?: boolean) => Promise<unknown>;
+export declare const openMseM: (widget: Widget, options?: {}, presets?: {}) => Promise<void>;
+export declare function loadWidget(widget: Widget, options?: {}, presets?: {}): void;
+type ScriptProps = {
+    msemUrl: string;
+};
+export declare function Script({ msemUrl }: ScriptProps): import("react").JSX.Element;
+export {};