ublo-lib 1.31.43 → 1.31.44

package/es/common/components/plausible/services/callback.d.ts

@@ -0,0 +1,23 @@
+type Item = {
+    gtmData: {
+        item_name: string;
+        item_brand: string;
+        item_category: string;
+        item_category2: string;
+        item_category3: string;
+        item_variant: string;
+        price: number;
+        quantity: number;
+    };
+};
+type Props = {
+    event: string;
+    payment_type?: string;
+    execcode?: string;
+    items?: Item[];
+    orderId?: string;
+    cartId?: string;
+    currency?: string;
+};
+export declare function MseM({ event, payment_type: paymentType, execcode, items, orderId, cartId, currency, }: Props): void;
+export {};

package/es/common/components/plausible/services/callback.js

@@ -1,201 +1,138 @@
 import sendGoal from "./send-goal";
+// TODO lors de la mise en prod de la nouvelle version PeekPerformances
+// rename events "MseM:" > "PeekPerformances:"
+// Retirer les anciennes props :
+// Name, Brand, Kind, Activity, Code, Product, cartId,
+// orderId, Code, Payment type
 const EVENT_NAMES = {
-  view_item: "MseM: View item",
-  add_to_cart: "MseM: Add to cart",
-  remove_from_cart: "MseM: Remove from cart",
-  checkout: "MseM: Begin checkout",
-  add_payment_info: "MseM: Checkout process",
-  purchase: "MseM: Payment success",
-  payment_failure: "MseM: Payment failure"
+    view_item: "MseM: View item",
+    add_to_cart: "MseM: Add to cart",
+    remove_from_cart: "MseM: Remove from cart",
+    checkout: "MseM: Begin checkout",
+    add_payment_info: "MseM: Checkout process",
+    purchase: "MseM: Payment success",
+    payment_failure: "MseM: Payment failure",
 };
-export function MseM({
-  event,
-  payment_type: paymentType,
-  execcode,
-  items = [],
-  orderId,
-  cartId,
-  currency = "EUR"
-}) {
-  const hoteId = getBusinessProvider();
-  const stay = getStay();
-  const amount = items.reduce((acc, item) => {
-    return acc + item.gtmData.price * item.gtmData.quantity;
-  }, 0);
-  const revenue = {
-    currency,
-    amount
-  };
-  let name = EVENT_NAMES[event];
-  const firstProductProps = {
-    Name: items[0]?.gtmData.item_name,
-    Brand: items[0]?.gtmData.item_brand,
-    Kind: items[0]?.gtmData.item_category,
-    Activity: items[0]?.gtmData.item_category2,
-    Code: items[0]?.gtmData.item_category3,
-    Product: items[0]?.gtmData.item_variant
-  };
-  switch (event) {
-    case "view_item":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          ...firstProductProps,
-          stayFrom: stay?.from,
-          rawData
-        });
-        break;
-      }
-    case "add_to_cart":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          ...firstProductProps,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "remove_from_cart":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          ...firstProductProps,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "checkout":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          cartId,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "add_payment_info":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay,
-          paymentMethod: paymentType
-        });
-        sendGoal(name, {
-          cartId,
-          "Payment type": paymentType,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "purchase":
-      {
-        const isFailure = execcode !== "0000";
-        const formatedItems = formatPeekPerformancesItem(items);
-        const attempts = cartId && getPurchaseAttempts()[cartId] || 0;
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay,
-          attempts,
-          paymentMethod: paymentType,
-          execCode: execcode
-        });
-        if (isFailure) {
-          name = EVENT_NAMES.payment_failure;
-          sendGoal(name, {
-            cartId,
-            orderId,
-            Code: execcode,
-            stayFrom: stay?.from,
-            rawData
-          }, revenue);
-          if (cartId) {
-            setPurchaseAttempts(cartId, attempts + 1);
-          }
-        } else {
-          sendGoal(name, {
-            cartId,
-            orderId,
-            Code: execcode,
-            stayFrom: stay?.from,
-            rawData
-          }, revenue);
+export function MseM({ event, payment_type: paymentType, execcode, items = [], orderId, cartId, currency = "EUR", }) {
+    var _a, _b, _c, _d, _e, _f;
+    const hoteId = getBusinessProvider();
+    const stay = getStay();
+    const amount = items.reduce((acc, item) => {
+        return acc + item.gtmData.price * item.gtmData.quantity;
+    }, 0);
+    const revenue = { currency, amount };
+    let name = EVENT_NAMES[event];
+    const firstProductProps = {
+        Name: (_a = items[0]) === null || _a === void 0 ? void 0 : _a.gtmData.item_name,
+        Brand: (_b = items[0]) === null || _b === void 0 ? void 0 : _b.gtmData.item_brand,
+        Kind: (_c = items[0]) === null || _c === void 0 ? void 0 : _c.gtmData.item_category,
+        Activity: (_d = items[0]) === null || _d === void 0 ? void 0 : _d.gtmData.item_category2,
+        Code: (_e = items[0]) === null || _e === void 0 ? void 0 : _e.gtmData.item_category3,
+        Product: (_f = items[0]) === null || _f === void 0 ? void 0 : _f.gtmData.item_variant,
+    };
+    switch (event) {
+        case "view_item": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, Object.assign(Object.assign({}, firstProductProps), { stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }));
+            break;
+        }
+        case "add_to_cart": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, Object.assign(Object.assign({}, firstProductProps), { stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }), revenue);
+            break;
+        }
+        case "remove_from_cart": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, Object.assign(Object.assign({}, firstProductProps), { stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }), revenue);
+            break;
+        }
+        case "checkout": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, { cartId, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+            break;
+        }
+        case "add_payment_info": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({
+                products: formatedItems,
+                hoteId,
+                stay,
+                paymentMethod: paymentType,
+            });
+            sendGoal(name, { cartId, "Payment type": paymentType, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+            break;
+        }
+        case "purchase": {
+            const isFailure = execcode !== "0000";
+            const formatedItems = formatPeekPerformancesItem(items);
+            const attempts = (cartId && getPurchaseAttempts()[cartId]) || 0;
+            const rawData = JSON.stringify({
+                products: formatedItems,
+                hoteId,
+                stay,
+                attempts,
+                paymentMethod: paymentType,
+                execCode: execcode,
+            });
+            if (isFailure) {
+                name = EVENT_NAMES.payment_failure;
+                sendGoal(name, { cartId, orderId, Code: execcode, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+                if (cartId) {
+                    setPurchaseAttempts(cartId, attempts + 1);
+                }
+            }
+            else {
+                sendGoal(name, { cartId, orderId, Code: execcode, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+            }
+            break;
         }
-        break;
-      }
-  }
+    }
 }
 const PURCHASE_ATTEMPTS_STORAGE_KEY = "purchase_attempts";
 function getPurchaseAttempts() {
-  try {
-    const storedAttempts = window.localStorage.getItem(PURCHASE_ATTEMPTS_STORAGE_KEY);
-    return storedAttempts !== null ? JSON.parse(storedAttempts) : {};
-  } catch (e) {
-    return {};
-  }
+    try {
+        const storedAttempts = window.localStorage.getItem(PURCHASE_ATTEMPTS_STORAGE_KEY);
+        return storedAttempts !== null ? JSON.parse(storedAttempts) : {};
+    }
+    catch (e) {
+        return {};
+    }
 }
 function setPurchaseAttempts(cartId, attempts) {
-  const purchaseAttempts = getPurchaseAttempts();
-  window.localStorage.setItem(PURCHASE_ATTEMPTS_STORAGE_KEY, JSON.stringify({
-    ...purchaseAttempts,
-    [cartId]: attempts
-  }));
+    const purchaseAttempts = getPurchaseAttempts();
+    window.localStorage.setItem(PURCHASE_ATTEMPTS_STORAGE_KEY, JSON.stringify(Object.assign(Object.assign({}, purchaseAttempts), { [cartId]: attempts })));
 }
 function formatPeekPerformancesItem(items) {
-  if (!items || !items.length) return;
-  return items.map(({
-    gtmData
-  }) => {
-    return {
-      category: gtmData.item_category,
-      subCategory: gtmData.item_category2,
-      merchant: gtmData.item_brand,
-      price: gtmData.price
-    };
-  });
+    if (!items || !items.length)
+        return;
+    return items.map(({ gtmData }) => {
+        return {
+            category: gtmData.item_category,
+            subCategory: gtmData.item_category2,
+            merchant: gtmData.item_brand,
+            price: gtmData.price,
+        };
+    });
 }
 function getStay() {
-  const stay = window.sessionStorage.getItem("stay");
-  if (stay) {
-    return JSON.parse(stay);
-  }
+    const stay = window.sessionStorage.getItem("stay");
+    if (stay) {
+        return JSON.parse(stay);
+    }
 }
 function getBusinessProvider() {
-  const businessProvider = window.localStorage.getItem("businessProvider");
-  if (businessProvider) {
-    try {
-      const {
-        id
-      } = JSON.parse(businessProvider);
-      if (id !== -1) {
-        return id;
-      }
-    } catch (e) {}
-  }
-}
+    const businessProvider = window.localStorage.getItem("businessProvider");
+    if (businessProvider) {
+        try {
+            const { id } = JSON.parse(businessProvider);
+            if (id !== -1) {
+                return id;
+            }
+        }
+        catch (e) { }
+    }
+}

package/es/common/components/plausible/services/load.d.ts

@@ -0,0 +1 @@
+export default function load(): void;

package/es/common/components/plausible/services/load.js

@@ -1,5 +1,7 @@
 export default function load() {
-  window.plausible = window.plausible || function () {
-    (window.plausible.q = window.plausible.q || []).push(arguments);
-  };
-}
+    window.plausible =
+        window.plausible ||
+            function () {
+                (window.plausible.q = window.plausible.q || []).push(arguments);
+            };
+}

package/es/common/components/plausible/services/send-goal.d.ts

@@ -0,0 +1,6 @@
+type Revenue = {
+    currency: string;
+    amount: number;
+};
+export default function sendGoal(goal: string, props?: Record<string, any>, revenue?: Revenue): void;
+export {};

package/es/common/components/plausible/services/send-goal.js

@@ -1,8 +1,5 @@
 import load from "./load";
 export default function sendGoal(goal, props, revenue) {
-  load();
-  window.plausible(goal, {
-    props,
-    revenue
-  });
-}
+    load();
+    window.plausible(goal, { props, revenue });
+}

package/es/common/components/popup.d.ts

@@ -0,0 +1,6 @@
+export default Popup;
+declare function Popup({ bare, ...props }: {
+    [x: string]: any;
+    bare: any;
+}): React.JSX.Element;
+import * as React from "react";

package/es/common/components/popup.js

@@ -1,87 +1,58 @@
+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 * as React from "react";
 import * as ReactDOM from "react-dom";
 import classNames from "classnames";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const BarePopup = ({
-  children,
-  props
-}) => {
-  return _jsx("div", {
-    className: "popup",
-    children: _jsx("div", {
-      className: "popup__inner",
-      children: _jsx("div", {
-        className: "popup__content",
-        ...props,
-        children: children
-      })
-    })
-  });
+const BarePopup = ({ children, props }) => {
+    return (<div className="popup">
+      <div className="popup__inner">
+        <div className="popup__content" {...props}>
+          {children}
+        </div>
+      </div>
+    </div>);
 };
-const DialogPopup = ({
-  title,
-  html,
-  close,
-  backdrop,
-  className,
-  dataAttributes = {},
-  children
-}) => {
-  const [ready, setReady] = React.useState(false);
-  const props = {
-    dangerouslySetInnerHTML: html ? {
-      __html: html
-    } : undefined
-  };
-  React.useEffect(() => {
-    if (ready) {
-      document.body.style.overflow = "hidden";
-      return () => document.body.style.removeProperty("overflow");
-    }
-    setReady(true);
-  }, [ready]);
-  const classes = classNames("popup", className);
-  if (!ready) return null;
-  return ReactDOM.createPortal(_jsxs("div", {
-    className: classes,
-    ...dataAttributes,
-    children: [backdrop && _jsx("div", {
-      className: "popup__backdrop",
-      onClick: close
-    }), _jsxs("div", {
-      className: "popup__inner",
-      children: [_jsx("svg", {
-        className: "popup__close",
-        viewBox: "0 0 24 24",
-        onClick: close,
-        children: _jsx("path", {
-          d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-        })
-      }), title && _jsx("div", {
-        className: "popup__title",
-        dangerouslySetInnerHTML: {
-          __html: title
+const DialogPopup = ({ title, html, close, backdrop, className, dataAttributes = {}, children, }) => {
+    const [ready, setReady] = React.useState(false);
+    const props = {
+        dangerouslySetInnerHTML: html ? { __html: html } : undefined,
+    };
+    React.useEffect(() => {
+        if (ready) {
+            document.body.style.overflow = "hidden";
+            return () => document.body.style.removeProperty("overflow");
         }
-      }), _jsx("div", {
-        className: "popup__scroller",
-        children: _jsx("div", {
-          className: "popup__content",
-          ...props,
-          children: children
-        })
-      })]
-    })]
-  }), document.body);
+        setReady(true);
+    }, [ready]);
+    const classes = classNames("popup", className);
+    if (!ready)
+        return null;
+    return ReactDOM.createPortal(<div className={classes} {...dataAttributes}>
+      {backdrop && <div className="popup__backdrop" onClick={close}/>}
+      <div className="popup__inner">
+        <svg className="popup__close" viewBox="0 0 24 24" onClick={close}>
+          <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
+        </svg>
+        {title && (<div className="popup__title" dangerouslySetInnerHTML={{ __html: title }}/>)}
+        <div className="popup__scroller">
+          <div className="popup__content" {...props}>
+            {children}
+          </div>
+        </div>
+      </div>
+    </div>, document.body);
 };
-const Popup = ({
-  bare,
-  ...props
-}) => {
-  return bare ? _jsx(BarePopup, {
-    ...props
-  }) : _jsx(DialogPopup, {
-    ...props
-  });
+const Popup = (_a) => {
+    var { bare } = _a, props = __rest(_a, ["bare"]);
+    return bare ? <BarePopup {...props}/> : <DialogPopup {...props}/>;
 };
-export default Popup;
+export default Popup;

package/es/common/components/scroll-spy.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+type Props = {
+    className?: string;
+    items: string[];
+    Tag?: React.ElementType;
+    currentClassName: string;
+    onUpdate?: (target: Element | HTMLElement | undefined) => void;
+    rootMargin?: string;
+    container?: HTMLElement;
+    children: React.ReactNode;
+};
+export default function ScrollSpy({ className, items, Tag, currentClassName, onUpdate, rootMargin, container, children, }: Props): React.JSX.Element;
+export {};

package/es/common/components/scroll-spy.jsx

@@ -0,0 +1,56 @@
+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 * as React from "react";
+import classNames from "classnames";
+export default function ScrollSpy({ className, items, Tag = "div", currentClassName, onUpdate, rootMargin = "-50% 0px", container, children, }) {
+    const [current, setCurrent] = React.useState();
+    const callback = React.useCallback((entries) => {
+        for (const entry of entries) {
+            if (container === entry.target) {
+                if (!entry.isIntersecting) {
+                    setCurrent(undefined);
+                    onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(undefined);
+                }
+            }
+            else if (entry.isIntersecting) {
+                const index = items.indexOf(entry.target.id);
+                setCurrent(index);
+                onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(entry.target);
+            }
+        }
+    }, [container, items, onUpdate]);
+    React.useEffect(() => {
+        const defaultTargets = container ? [container] : [];
+        const targets = items.length
+            ? items.reduce((acc, item) => {
+                const element = document.getElementById(item);
+                return element ? [...acc, element] : acc;
+            }, defaultTargets)
+            : defaultTargets;
+        const observer = new window.IntersectionObserver(callback, { rootMargin });
+        targets.forEach(observer.observe, observer);
+        return () => {
+            observer.disconnect();
+        };
+    }, [callback, container, items, rootMargin]);
+    return (<Tag className={className}>
+      {children &&
+            children.map((_a, i) => {
+                var { props } = _a, child = __rest(_a, ["props"]);
+                const className = classNames({
+                    [props.className]: props.className,
+                    [currentClassName]: current === i,
+                });
+                return React.cloneElement(child, Object.assign(Object.assign({}, props), { className }));
+            })}
+    </Tag>);
+}

package/es/common/components/scrolling-carousel/{index.js → index.d.ts}

@@ -1,2 +1,2 @@
 import ScrollingCarousel from "./scrolling-carousel";
-export default ScrollingCarousel;
+export default ScrollingCarousel;

package/es/common/components/scrolling-carousel/index.jsx

@@ -0,0 +1,2 @@
+import ScrollingCarousel from "./scrolling-carousel";
+export default ScrollingCarousel;

package/es/common/components/scrolling-carousel/scrolling-carousel.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+type Props = {
+    className?: string;
+    children: React.ReactNode;
+};
+export default function ScrollingCarousel({ className, children }: Props): React.JSX.Element;
+export {};