ublo-lib 1.37.11 → 1.37.13

package/es/common/components/cart-dialog/cart-dialog-inner.d.ts

@@ -0,0 +1,17 @@
+export default CartDialogInner;
+declare function CartDialogInner({ kind, title, image, thumbnail, price, label, contentTitle, paxPlan, closeDialog, goToCart, cart, zoneId, zonePath, }: {
+    kind: any;
+    title: any;
+    image: any;
+    thumbnail: any;
+    price: any;
+    label: any;
+    contentTitle: any;
+    paxPlan: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    zoneId: any;
+    zonePath: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-dialog-inner.d.ts.map

package/es/common/components/cart-dialog/cart-dialog-inner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-dialog-inner.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/cart-dialog-inner.js"],"names":[],"mappings":";AAUA;;;;;;;;;;;;;;4CAoGC"}

package/es/common/components/cart-dialog/cart-dialog-inner.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Image from "next/image";
+import { useUbloContext } from "ublo/with-ublo";
+import Button from "dt-design-system/es/button";
+import classNames from "classnames";
+import * as Icons from "dt-design-system/es/icons";
+import { message } from "./message";
+import CrossSellingOffers from "./cross-selling-offers";
+import styles from "./cart-dialog-inner.module.css";
+const CartDialogInner = ({ kind, title, image, thumbnail, price, label, contentTitle, paxPlan, closeDialog, goToCart, cart, zoneId, zonePath, }) => {
+    const [stay, setStay] = React.useState({ from: "", to: "" });
+    const { lang } = useUbloContext();
+    React.useEffect(() => {
+        const sessionStay = sessionStorage.getItem("stay");
+        setStay(JSON.parse(sessionStay));
+    }, []);
+    const formatOptions = { day: "2-digit", month: "long", year: "numeric" };
+    const formattedStayFrom = new Date(stay.from).toLocaleDateString(lang, formatOptions);
+    const formattedStayTo = new Date(stay.to).toLocaleDateString(lang, formatOptions);
+    const buttonClasses = classNames(styles.contentButton, styles.contentButtonContinue);
+    return (_jsxs("div", { className: styles.inner, children: [_jsxs("div", { className: styles.title, children: [_jsx(Icons.CheckCircle, { className: styles.titleIcon }), _jsx("div", { className: styles.titleText, children: title })] }), _jsxs("div", { className: styles.content, children: [image && (_jsx("div", { className: styles.contentLeft, children: _jsx(Image, { className: styles.productImage, src: image, width: 320, height: 200, placeholder: thumbnail ? "blur" : undefined, blurDataURL: thumbnail, alt: "" }) })), _jsxs("div", { className: styles.contentRight, children: [_jsxs("div", { className: styles.wrapper, children: [label && (_jsx("div", { className: styles.contentLabel, dangerouslySetInnerHTML: { __html: label } })), price && _jsxs("div", { className: styles.price, children: [price, " \u20AC"] })] }), contentTitle && (_jsx("div", { className: styles.contentTitle, children: contentTitle })), _jsxs("div", { className: styles.stay, children: [formattedStayFrom, " \uA537 ", formattedStayTo] }), paxPlan && _jsx("div", { className: styles.paxPlan, children: paxPlan }), _jsxs("div", { className: styles.contentButtons, children: [_jsx(Button, { className: buttonClasses, variant: "secondary", onClick: closeDialog, children: message(lang, "cart-dialog-continue") }), _jsx(Button, { className: styles.contentButton, onClick: goToCart, children: message(lang, "cart-dialog-go-to-cart") })] })] })] }), kind && (_jsx(CrossSellingOffers, { kind: kind, cart: cart, closeDialog: closeDialog, zoneId: zoneId, zonePath: zonePath }))] }));
+};
+export default CartDialogInner;

package/es/common/components/cart-dialog/cart-dialog-inner.module.css

@@ -0,0 +1,173 @@
+.inner {
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  padding: 14px;
+}
+
+@media (min-width: 480px) {
+  .inner {
+    padding: 26px;
+  }
+}
+
+.title {
+  width: 520px;
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  gap: 10px;
+  margin: 0 auto;
+}
+
+.titleIcon {
+  width: 40px;
+  height: 40px;
+  fill: var(--ds-green-300, #4bde97);
+  animation: cart-dialog-check-scale-down 640ms var(--ds-transition-easing);
+}
+
+@keyframes cart-dialog-check-scale-down {
+  0%,
+  40% {
+    opacity: 0;
+  }
+  41% {
+    opacity: 0;
+    transform: scale(3);
+  }
+}
+
+.titleText {
+  color: var(--ds-primary, #002dcc);
+  line-height: 1.2;
+  letter-spacing: 1px;
+  font-size: 20px;
+}
+
+@media (min-width: 480px) {
+  .titleText {
+    font-size: 22px;
+  }
+}
+
+@media (min-width: 992px) {
+  .titleText {
+    font-size: 29px;
+  }
+}
+
+.content {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 32px;
+}
+
+@media (min-width: 900px) {
+  .contentLeft {
+    display: none;
+    display: block;
+    margin: 0 auto;
+    flex: 0 1 auto;
+    width: 340px;
+    max-width: 100%;
+    text-align: center;
+  }
+}
+
+.productImage {
+  width: 100%;
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.contentRight {
+  flex: 1 1 auto;
+  position: relative;
+  max-width: 590px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  margin: 0 auto;
+}
+
+.wrapper {
+  display: flex;
+  gap: 10px;
+}
+
+@media (min-width: 480px) {
+  .wrapper {
+    gap: 20px;
+  }
+}
+
+.price {
+  color: var(--ds-primary, #002dcc);
+  line-height: 1.2;
+  letter-spacing: 1px;
+  font-size: 20px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+@media (min-width: 480px) {
+  .price {
+    font-size: 22px;
+  }
+}
+
+@media (min-width: 992px) {
+  .price {
+    font-size: 29px;
+  }
+}
+
+.contentLabel {
+  max-width: calc(100% - 80px);
+  padding: 6px;
+  color: var(--ds-grey-000, #fff);
+  line-height: 1;
+  font-size: 14px;
+  font-weight: 700;
+  background-color: var(--ds-primary, #002dcc);
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.contentTitle {
+  max-width: 280px;
+  margin-bottom: 10px;
+  color: var(--ds-grey-800, #000);
+  font-size: 17px;
+}
+
+.stay,
+.paxPlan {
+  color: var(--ds-grey-800, #000);
+  line-height: 1;
+  font-size: 14px;
+}
+
+.contentButtons {
+  align-self: stretch;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 20px;
+  margin-top: auto;
+}
+
+button.contentButton {
+  flex: 1 1 auto;
+  padding: 16px 26px;
+}
+
+button.contentButtonContinue,
+button.contentButtonContinue:hover {
+  margin-top: 24px;
+  color: var(--ds-primary, #002dcc);
+}

package/es/common/components/cart-dialog/cart-dialog.d.ts

@@ -0,0 +1,12 @@
+export default CartDialog;
+declare function CartDialog({ cart, setCart, shortcuts, paxPlan, facet, zoneId, zonePath, hasImage, }: {
+    cart: any;
+    setCart: any;
+    shortcuts: any;
+    paxPlan: any;
+    facet: any;
+    zoneId: any;
+    zonePath: any;
+    hasImage: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-dialog.d.ts.map

package/es/common/components/cart-dialog/cart-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-dialog.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/cart-dialog.js"],"names":[],"mappings":";AAoBA;;;;;;;;;4CA6DC"}

package/es/common/components/cart-dialog/cart-dialog.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Dialog from "dt-design-system/es/dialog";
+import ESF from "./esf";
+import ESFCustom from "./esf-custom";
+import Default from "./default";
+import Lodging from "./lodging";
+import SkiPasses from "./ski-passes";
+import SkiRental from "./ski-rental";
+import Vakario from "./vakario";
+import styles from "./cart-dialog.module.css";
+const products = {
+    ESF,
+    ESF_CUSTOM: ESFCustom,
+    DEFAULT: Default,
+    HOT: Lodging,
+    LIFT: SkiPasses,
+    SKI_RENTAL: SkiRental,
+    VAKARIO: Vakario,
+};
+const CartDialog = ({ cart, setCart, shortcuts, paxPlan, facet, zoneId, zonePath, hasImage, }) => {
+    if (!cart)
+        return null;
+    const { cart: cartContent, kind, data } = cart;
+    const isSupported = Object.keys(products).includes(kind);
+    const convertedKind = kind === "VAKARIO" ? "STAND" : kind;
+    if (!cartContent?.cart?.orders?.[convertedKind]?.[0]) {
+        return null;
+    }
+    const cartUrl = shortcuts.cartItem.path;
+    const orders = cartContent.cart.orders[convertedKind];
+    const { inscriptions } = orders[orders.length - 1];
+    const newItem = inscriptions[inscriptions.length - 1];
+    const closeDialog = () => {
+        setCart(undefined);
+        document.body.removeAttribute("style");
+    };
+    const goToCart = () => {
+        window.location.href = cartUrl;
+    };
+    const Component = isSupported ? products[kind] : products.DEFAULT;
+    return (_jsx(Dialog, { className: styles.cartDialog, isOpened: Boolean(cart), close: closeDialog, closeButtonVariant: "link", children: _jsx(Component, { kind: kind, item: newItem, data: data, closeDialog: closeDialog, goToCart: goToCart, cart: cart, paxPlan: paxPlan, facet: facet, zoneId: zoneId, zonePath: zonePath, hasImage: hasImage }) }));
+};
+export default CartDialog;

package/es/common/components/cart-dialog/cart-dialog.module.css

@@ -0,0 +1,4 @@
+.cartDialog {
+  width: 980px;
+  background-color: var(--ds-grey-000, #fff);
+}

package/es/common/components/cart-dialog/cross-selling-offers.d.ts

@@ -0,0 +1,9 @@
+export default CrossSellingOffers;
+declare function CrossSellingOffers({ kind, cart, closeDialog, zoneId, zonePath }: {
+    kind: any;
+    cart: any;
+    closeDialog: any;
+    zoneId: any;
+    zonePath: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cross-selling-offers.d.ts.map

package/es/common/components/cart-dialog/cross-selling-offers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-selling-offers.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/cross-selling-offers.js"],"names":[],"mappings":";AAUA;;;;;;4CAwDC"}

package/es/common/components/cart-dialog/cross-selling-offers.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Router from "next/router";
+import { useUbloContext } from "ublo/with-ublo";
+import useTunnelOffers from "../cross-selling-editor/hooks/use-tunnel-offers";
+import * as Plausible from "../plausible";
+import { message } from "./message";
+import styles from "./cross-selling-offers.module.css";
+const CrossSellingOffers = ({ kind, cart, closeDialog, zoneId, zonePath }) => {
+    const ref = React.useRef();
+    const { lang, path } = useUbloContext();
+    const currentCart = cart.cart.cart;
+    const offers = useTunnelOffers(zoneId, zonePath, currentCart);
+    const handleCrossSellingClick = (e) => {
+        closeDialog();
+        const sections = Array.from(ref.current.querySelectorAll("section"));
+        const section = e.target.closest("section");
+        const link = section.querySelector("a");
+        if (link) {
+            const currentPath = path.concat("/");
+            const href = link.getAttribute("href");
+            const offer = link.querySelector("[data-title]")?.textContent || "";
+            const position = sections.indexOf(section) + 1;
+            const details = `${kind} > ${offer}`;
+            Plausible.sendGoal("Add To Cart Cross Selling Offer: Click", {
+                Trigger: kind,
+                Clicked: offer,
+                Position: position,
+                Details: details,
+                "Details & Position": `${details} | ${position}`,
+            });
+            if (href === currentPath) {
+                Router.reload();
+            }
+        }
+    };
+    if (!offers?.length || areOffersHidden(offers))
+        return null;
+    return (_jsxs("div", { className: styles.offers, children: [_jsx("div", { className: styles.title, dangerouslySetInnerHTML: {
+                    __html: message(lang, "cross-selling-offers-title"),
+                } }), _jsx("div", { ref: ref, className: styles.list, onClick: handleCrossSellingClick, dangerouslySetInnerHTML: {
+                    __html: offers
+                        .map(({ elementHTML }) => elementHTML)
+                        .slice(0, 4)
+                        .join(""),
+                } })] }));
+};
+function areOffersHidden(offers) {
+    const visibleOffers = offers.filter(({ isHidden, elementHTML }) => {
+        return !isHidden && !elementHTML.includes("data-hidden");
+    });
+    return visibleOffers.length === 0;
+}
+export default CrossSellingOffers;

package/es/common/components/cart-dialog/cross-selling-offers.module.css

@@ -0,0 +1,31 @@
+.offers {
+  display: flex;
+  flex-direction: column;
+  gap: 22px;
+}
+
+.title {
+  color: var(--ds-primary, #002dcc);
+  line-height: 1.2;
+  letter-spacing: 1px;
+  font-size: 20px;
+  text-align: center;
+}
+
+@media (min-width: 480px) {
+  .title {
+    font-size: 22px;
+  }
+}
+
+@media (min-width: 992px) {
+  .title {
+    font-size: 29px;
+  }
+}
+
+.list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 12px;
+}

package/es/common/components/cart-dialog/default.d.ts

@@ -0,0 +1,11 @@
+export default Default;
+declare function Default({ kind, closeDialog, goToCart, cart, facet, zoneId, zonePath, }: {
+    kind: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    facet: any;
+    zoneId: any;
+    zonePath: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=default.d.ts.map

package/es/common/components/cart-dialog/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/default.js"],"names":[],"mappings":";AAIA;;;;;;;;4CAgCC"}

package/es/common/components/cart-dialog/default.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import CartDialogInner from "./cart-dialog-inner";
+import { message } from "./message";
+const Default = ({ kind, closeDialog, goToCart, cart, facet, zoneId, zonePath, }) => {
+    const { lang } = useUbloContext();
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-product-title"), " "] }), message(lang, "cart-dialog-title-suffix-singular")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: kind, title: _jsx(Title, {}), closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default Default;

package/es/common/components/cart-dialog/esf-custom.d.ts

@@ -0,0 +1,12 @@
+export default ESFCustom;
+declare function ESFCustom({ item, closeDialog, goToCart, cart, facet, zoneId, zonePath, hasImage, }: {
+    item: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    facet: any;
+    zoneId: any;
+    zonePath: any;
+    hasImage: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=esf-custom.d.ts.map

package/es/common/components/cart-dialog/esf-custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esf-custom.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/esf-custom.js"],"names":[],"mappings":";AAKA;;;;;;;;;4CA6CC"}

package/es/common/components/cart-dialog/esf-custom.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import CartDialogInner from "./cart-dialog-inner";
+import { message } from "./message";
+import imagePaths from "./image-paths.json";
+const ESFCustom = ({ item, closeDialog, goToCart, cart, facet, zoneId, zonePath, hasImage, }) => {
+    const { lang } = useUbloContext();
+    const { activity, level, name, price } = item.product;
+    const kind = "ski-lessons";
+    let image = undefined;
+    if (hasImage) {
+        image = imagePaths[kind];
+    }
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-esf-title"), " "] }), message(lang, "cart-dialog-title-suffix-singular")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: kind, title: _jsx(Title, {}), image: image, price: price, contentTitle: name, label: activity.concat(" - ", level), closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default ESFCustom;

package/es/common/components/cart-dialog/esf.d.ts

@@ -0,0 +1,12 @@
+export default ESF;
+declare function ESF({ item, closeDialog, goToCart, cart, facet, zoneId, zonePath, hasImage, }: {
+    item: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    facet: any;
+    zoneId: any;
+    zonePath: any;
+    hasImage: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=esf.d.ts.map

package/es/common/components/cart-dialog/esf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esf.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/esf.js"],"names":[],"mappings":";AAKA;;;;;;;;;4CAoDC"}

package/es/common/components/cart-dialog/esf.js

@@ -0,0 +1,23 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import CartDialogInner from "./cart-dialog-inner";
+import { message } from "./message";
+import imagePaths from "./image-paths.json";
+const ESF = ({ item, closeDialog, goToCart, cart, facet, zoneId, zonePath, hasImage, }) => {
+    const { lang } = useUbloContext();
+    const { activity, level, name, price } = item.product;
+    const kind = "ski-lessons";
+    let image = undefined;
+    if (hasImage) {
+        image = imagePaths[kind];
+    }
+    const label = (activity && level && `${activity} - ${level}`) ||
+        activity ||
+        level ||
+        undefined;
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-esf-title"), " "] }), message(lang, "cart-dialog-title-suffix-singular")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: kind, title: _jsx(Title, {}), image: image, price: price, contentTitle: name, label: label, closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default ESF;

package/es/common/components/cart-dialog/image-paths.json

@@ -0,0 +1,13 @@
+{
+  "ski-lessons": "/static/images/categories/cours-de-ski-winter.jpg",
+  "lodging": "/static/images/misc/default.jpg",
+  "ski-passes": {
+    "summer": "/static/images/categories/forfaits-summer.jpg",
+    "winter": "/static/images/categories/forfaits-winter.jpg"
+  },
+  "ski-rental": {
+    "summer": "/static/images/categories/materiel-summer.jpg",
+    "winter": "/static/images/categories/materiel-winter.jpg"
+  },
+  "vakario": "/static/images/misc/default.jpg"
+}

package/es/common/components/cart-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export default CartDialog;
+import CartDialog from "./cart-dialog";
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/cart-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/index.js"],"names":[],"mappings":";uBAAuB,eAAe"}

package/es/common/components/cart-dialog/index.js

@@ -0,0 +1,2 @@
+import CartDialog from "./cart-dialog";
+export default CartDialog;

package/es/common/components/cart-dialog/lodging.d.ts

@@ -0,0 +1,14 @@
+export default Lodging;
+declare function Lodging({ item, data, closeDialog, goToCart, cart, facet, paxPlan, zoneId, zonePath, hasImage, }: {
+    item: any;
+    data: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    facet: any;
+    paxPlan: any;
+    zoneId: any;
+    zonePath: any;
+    hasImage: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=lodging.d.ts.map

package/es/common/components/cart-dialog/lodging.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lodging.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/lodging.js"],"names":[],"mappings":";AAiCA;;;;;;;;;;;4CA0DC"}

package/es/common/components/cart-dialog/lodging.js

@@ -0,0 +1,48 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import { message } from "./message";
+import CartDialogInner from "./cart-dialog-inner";
+import imagePaths from "./image-paths.json";
+const getPaxPlanLabel = (lang, paxPlan) => {
+    if (!paxPlan?.adults || !paxPlan?.children)
+        return "";
+    const { adults, children } = paxPlan;
+    const adultsLabel = adults &&
+        `${adults} ${adults > 1
+            ? message(lang, "search-filters-pax-plan-adults")
+            : message(lang, "search-filters-pax-plan-adult")}`;
+    const childrenLabel = children &&
+        `${children} ${children > 1
+            ? message(lang, "search-filters-pax-plan-children")
+            : message(lang, "search-filters-pax-plan-child")}`;
+    if (adultsLabel && childrenLabel) {
+        return `${adultsLabel} ꔷ ${childrenLabel}`;
+    }
+    else if (adultsLabel && !childrenLabel) {
+        return adultsLabel;
+    }
+    else if (childrenLabel && !adultsLabel) {
+        return childrenLabel;
+    }
+    return "";
+};
+const Lodging = ({ item, data, closeDialog, goToCart, cart, facet, paxPlan, zoneId, zonePath, hasImage, }) => {
+    const { lang } = useUbloContext();
+    const { hotel, room, total } = item.description;
+    const { options = [] } = item.conciergerie || {};
+    const kind = "lodging";
+    const optionsTotal = options.reduce((acc, option) => acc + option.price, 0);
+    let image, thumbnail = undefined;
+    if (hasImage) {
+        const bareImage = data.images?.[0]?.src || imagePaths[kind];
+        image = bareImage.replace("huge", "large");
+        thumbnail = bareImage.replace("huge", "medium");
+    }
+    const formattedPaxPlan = getPaxPlanLabel(lang, paxPlan);
+    const price = total + optionsTotal;
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-lodging-title"), " "] }), message(lang, "cart-dialog-title-suffix-singular")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: kind, title: _jsx(Title, {}), image: image, thumbnail: thumbnail, price: price, label: room, contentTitle: hotel, paxPlan: formattedPaxPlan, closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default Lodging;

package/es/common/components/cart-dialog/message.d.ts

@@ -0,0 +1,5 @@
+export function message(lang: any, id: any): any;
+export default function Message({ id }: {
+    id: any;
+}): any;
+//# sourceMappingURL=message.d.ts.map

package/es/common/components/cart-dialog/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/message.js"],"names":[],"mappings":"AA4CA,iDAIC;AAED;;QAGC"}

package/es/common/components/cart-dialog/message.js

@@ -0,0 +1,49 @@
+import { useUbloContext } from "ublo/with-ublo";
+const locales = {
+    fr: {
+        "cart-dialog-lodging-title": "Votre hébergement",
+        "cart-dialog-ski-passes-title": "Vos forfaits",
+        "cart-dialog-esf-title": "Votre cours de ski",
+        "cart-dialog-ski-rental-title": "Votre matériel",
+        "cart-dialog-product-title": "Votre produit",
+        "cart-dialog-title-suffix-singular": "a été ajouté au panier avec succès",
+        "cart-dialog-title-suffix-plural": "ont été ajoutés au panier avec succès",
+        "cart-dialog-continue": "Continuer sur le site",
+        "cart-dialog-go-to-cart": "Finaliser ma commande",
+        "search-filters-pax-plan-adult": "adulte",
+        "search-filters-pax-plan-adults": "adultes",
+        "search-filters-pax-plan-child": "enfant",
+        "search-filters-pax-plan-children": "enfants",
+        "cross-selling-offers-title": "<b>Nos prestations</b> qui pourraient vous intéresser",
+        person: "personne",
+        persons: "personnes",
+    },
+    en: {
+        "cart-dialog-lodging-title": "Your accommodation",
+        "cart-dialog-ski-passes-title": "Your ski passes",
+        "cart-dialog-esf-title": "Your ski lesson",
+        "cart-dialog-ski-rental-title": "Your gear",
+        "cart-dialog-product-title": "Your product",
+        "cart-dialog-title-suffix-singular": "has been successfully added to the cart",
+        "cart-dialog-title-suffix-plural": "have been successfully added to the cart",
+        "cart-dialog-continue": "Continue to site",
+        "cart-dialog-go-to-cart": "Finalize my order",
+        "search-filters-pax-plan-adult": "adult",
+        "search-filters-pax-plan-adults": "adults",
+        "search-filters-pax-plan-child": "child",
+        "search-filters-pax-plan-children": "children",
+        "cross-selling-offers-title": "<b>Our services</b> that might interest you",
+        person: "person",
+        persons: "persons",
+    },
+};
+export function message(lang, id) {
+    if (!locales || !locales[lang])
+        return id;
+    const messages = locales[lang];
+    return messages[id] || `??${id}??`;
+}
+export default function Message({ id }) {
+    const { lang } = useUbloContext();
+    return message(lang, id);
+}

package/es/common/components/cart-dialog/ski-passes.d.ts

@@ -0,0 +1,11 @@
+export default SkiPasses;
+declare function SkiPasses({ item, facet, closeDialog, goToCart, cart, zoneId, zonePath, }: {
+    item: any;
+    facet: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    zoneId: any;
+    zonePath: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ski-passes.d.ts.map

package/es/common/components/cart-dialog/ski-passes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/ski-passes.js"],"names":[],"mappings":";AAUA;;;;;;;;4CAyCC"}

package/es/common/components/cart-dialog/ski-passes.js

@@ -0,0 +1,22 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import CartDialogInner from "./cart-dialog-inner";
+import { message } from "./message";
+import imagePaths from "./image-paths.json";
+const getGroupLabel = (lang, tickets) => {
+    if (tickets.length === 1)
+        return `1 ${message(lang, "person")}`;
+    return `${tickets.length} ${message(lang, "persons")}`;
+};
+const SkiPasses = ({ item, facet, closeDialog, goToCart, cart, zoneId, zonePath, }) => {
+    const { lang } = useUbloContext();
+    const { label, price, tickets } = item;
+    const kind = "ski-passes";
+    const image = imagePaths[kind][facet];
+    const formattedPaxPlan = getGroupLabel(lang, tickets);
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-ski-passes-title"), " "] }), message(lang, "cart-dialog-title-suffix-plural")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: kind, title: _jsx(Title, {}), image: image, price: price, contentTitle: label, paxPlan: formattedPaxPlan, closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default SkiPasses;

package/es/common/components/cart-dialog/ski-rental.d.ts

@@ -0,0 +1,12 @@
+export default SkiRental;
+declare function SkiRental({ item, facet, closeDialog, goToCart, cart, zoneId, zonePath, hasImage, }: {
+    item: any;
+    facet: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    zoneId: any;
+    zonePath: any;
+    hasImage: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ski-rental.d.ts.map

package/es/common/components/cart-dialog/ski-rental.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ski-rental.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/ski-rental.js"],"names":[],"mappings":";AAKA;;;;;;;;;4CAgDC"}

package/es/common/components/cart-dialog/ski-rental.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import CartDialogInner from "./cart-dialog-inner";
+import { message } from "./message";
+import imagePaths from "./image-paths.json";
+const SkiRental = ({ item, facet, closeDialog, goToCart, cart, zoneId, zonePath, hasImage, }) => {
+    const { lang } = useUbloContext();
+    const { rentDuration, price, products } = item;
+    const kind = "ski-rental";
+    const product = products.find((p) => p.type === "Mandatory");
+    let image = undefined;
+    if (hasImage) {
+        image = imagePaths[kind][facet];
+    }
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-ski-rental-title"), " "] }), message(lang, "cart-dialog-title-suffix-singular")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: "ski-rental", title: _jsx(Title, {}), image: image, price: price, contentTitle: rentDuration, label: product?.label, closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default SkiRental;

package/es/common/components/cart-dialog/vakario.d.ts

@@ -0,0 +1,12 @@
+export default Vakario;
+declare function Vakario({ item, closeDialog, goToCart, cart, facet, zoneId, zonePath, hasImage, }: {
+    item: any;
+    closeDialog: any;
+    goToCart: any;
+    cart: any;
+    facet: any;
+    zoneId: any;
+    zonePath: any;
+    hasImage: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=vakario.d.ts.map

package/es/common/components/cart-dialog/vakario.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vakario.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-dialog/vakario.js"],"names":[],"mappings":";AAKA;;;;;;;;;4CA4CC"}

package/es/common/components/cart-dialog/vakario.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useUbloContext } from "ublo/with-ublo";
+import CartDialogInner from "./cart-dialog-inner";
+import { message } from "./message";
+import imagePaths from "./image-paths.json";
+const Vakario = ({ item, closeDialog, goToCart, cart, facet, zoneId, zonePath, hasImage, }) => {
+    const { lang } = useUbloContext();
+    const { title, price } = item;
+    const kind = "vakario";
+    let image = undefined;
+    if (hasImage) {
+        image = imagePaths[kind];
+    }
+    const Title = () => {
+        return (_jsxs(_Fragment, { children: [_jsxs("b", { children: [message(lang, "cart-dialog-product-title"), " "] }), message(lang, "cart-dialog-title-suffix-singular")] }));
+    };
+    return (_jsx(CartDialogInner, { kind: kind, title: _jsx(Title, {}), image: image, price: price, contentTitle: title, closeDialog: closeDialog, goToCart: goToCart, cart: cart, facet: facet, zoneId: zoneId, zonePath: zonePath }));
+};
+export default Vakario;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.37.11",
+  "version": "1.37.13",
   "peerDependencies": {
     "dt-design-system": "^3.9.9",
     "leaflet": "^1.9.1",