ublo-lib 1.32.8 → 1.33.0

package/es/common/components/msem-preset-editor/services/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/services/api.ts"],"names":[],"mappings":"AAUA,wBAAgB,SAAS,CACvB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,gBAId;AAWD,wBAAsB,cAAc,CAClC,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,gBAMb;AAED,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,gBAGxE;AAED,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,gBAG1D;AAED,wBAAsB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAG1E;AAGD,wBAAsB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAGhE;AAED,wBAAsB,iBAAiB,CACrC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,eAAe,CACnC,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,QAAQ,SAAO,EACf,OAAO,UAAQ,gBAIhB;AAED,wBAAsB,eAAe,CACnC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,eAAe,CACnC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,0BAA0B,CAC9C,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,IAAI,SAAO,gBAIZ"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/msem-preset-editor/services/api.ts"],"names":[],"mappings":"AAOA,wBAAgB,SAAS,CACvB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,gBAId;AAWD,wBAAsB,cAAc,CAClC,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,gBAMb;AAED,wBAAsB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,gBAGxE;AAED,wBAAsB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,gBAG1D;AAED,wBAAsB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAG1E;AAGD,wBAAsB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAGhE;AAED,wBAAsB,iBAAiB,CACrC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,eAAe,CACnC,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,QAAQ,SAAO,EACf,OAAO,UAAQ,gBAIhB;AAED,wBAAsB,eAAe,CACnC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,eAAe,CACnC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,cAAc,CAClC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAO,gBAIhB;AAED,wBAAsB,0BAA0B,CAC9C,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,IAAI,SAAO,gBAIZ"}

package/es/common/components/msem-preset-editor/services/api.js

@@ -2,8 +2,6 @@ import getConfig from "next/config";
 import * as Fetcher from "../../../utils/fetcher";
 const { publicRuntimeConfig } = getConfig();
 const { msemServicesUrl } = publicRuntimeConfig;
-const standardProductUrl = "https://standard-product.esf-plus.com";
-const skiRentalUrl = "https://location-ski.esf-plus.com";
 export function getOffers(lang, channel, resort, facet) {
     const endpoint = `${msemServicesUrl}/api/tunnel/offers/${channel}/${resort}`;
     return Fetcher.get(endpoint, { lang, facet });
@@ -24,7 +22,7 @@ export async function getOtherOffers(lang, channel, resort, facet, kind) {
     return Fetcher.get(endpoint, { lang, facet });
 }
 export async function getRenters(channel, resort) {
-    const endpoint = `${skiRentalUrl}/api/${resort}/renters`;
+    const endpoint = `${msemServicesUrl}/api/ski-rental/${resort}/renters`;
     return Fetcher.post(endpoint, { channel });
 }
 export async function getSkiPassesCatalogs(merchant) {
@@ -68,6 +66,6 @@ export async function getVakarioLevels(channel, merchant, kind, age, category, l
     return Fetcher.get(endpoint);
 }
 export async function getOtherProductsCategories(facet, merchant, lang = "fr") {
-    const endpoint = `${standardProductUrl}/api/merchant/${merchant}`;
+    const endpoint = `${msemServicesUrl}/api/standard-product/merchant/${merchant}`;
     return Fetcher.post(endpoint, { facet: Number(facet), lang });
 }

package/es/common/components/week-selector/index.d.ts

@@ -0,0 +1,3 @@
+import WeekSelector from "./week-selector";
+export default WeekSelector;
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/week-selector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/week-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,eAAe,YAAY,CAAC"}

package/es/common/components/week-selector/index.js

@@ -0,0 +1,2 @@
+import WeekSelector from "./week-selector";
+export default WeekSelector;

package/es/common/components/week-selector/services/weeks.d.ts

@@ -0,0 +1,8 @@
+export declare function createDate(...args: number[]): Date;
+export declare function getChristmasWeek(endWeek: any, yearOffset?: number): Date;
+export declare function dateToWeek(date: any, christmasWeek: any): number;
+export declare function removeFilter(): void;
+export declare function filter(week: number): void;
+export declare function weekToDate(week: any, endWeek: any, yearOffset?: number): Date;
+export declare function formatShort(date: any): string;
+//# sourceMappingURL=weeks.d.ts.map

package/es/common/components/week-selector/services/weeks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"weeks.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/week-selector/services/weeks.ts"],"names":[],"mappings":"AAYA,wBAAgB,UAAU,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,QAO3C;AAoBD,wBAAgB,gBAAgB,CAAC,OAAO,KAAA,EAAE,UAAU,SAAI,QAWvD;AAED,wBAAgB,UAAU,CAAC,IAAI,KAAA,EAAE,aAAa,KAAA,UAK7C;AAMD,wBAAgB,YAAY,SAO3B;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,QAalC;AAED,wBAAgB,UAAU,CAAC,IAAI,KAAA,EAAE,OAAO,KAAA,EAAE,UAAU,SAAI,QAEvD;AAED,wBAAgB,WAAW,CAAC,IAAI,KAAA,UAG/B"}

package/es/common/components/week-selector/services/weeks.js

@@ -0,0 +1,77 @@
+function padStart(value, count, pad) {
+    let str = String(value);
+    while (str.length < count) {
+        str = pad + str;
+    }
+    return str;
+}
+export function createDate(...args) {
+    const ref = new Date(...args);
+    const yy = ref.getFullYear();
+    const mm = padStart(ref.getMonth() + 1, 2, 0);
+    const dd = padStart(ref.getDate(), 2, 0);
+    const str = `${yy}-${mm}-${dd}`;
+    return new Date(str);
+}
+function getPrevSaturday(date) {
+    const clone = createDate(date);
+    const day = 1 + clone.getDay();
+    const prevSaturday = clone.getDate() - (day % 7);
+    clone.setDate(prevSaturday);
+    return clone;
+}
+function addDays(date, days) {
+    const clone = createDate(date);
+    clone.setDate(clone.getDate() + days);
+    return clone;
+}
+export function getChristmasWeek(endWeek, yearOffset = 0) {
+    const now = createDate();
+    const year = now.getFullYear();
+    const month = now.getMonth();
+    const date = now.getDate();
+    const isAfterChristmas = (month === 11 && date >= 25) || month < 5;
+    const lastChristmasYear = (isAfterChristmas ? year - 1 : year) + yearOffset;
+    const lastChristmas = createDate(lastChristmasYear, 11, 25);
+    const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
+    const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
+    return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
+}
+export function dateToWeek(date, christmasWeek) {
+    const diff = date - christmasWeek;
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+    const weeks = Math.floor(days / 7);
+    return weeks;
+}
+function getFiltrableSections() {
+    return Array.from(document.querySelectorAll("section[data-weeks]"));
+}
+export function removeFilter() {
+    const filtrables = getFiltrableSections();
+    filtrables.forEach((section) => {
+        if (section.originalDisplayStyle !== undefined) {
+            section.style.display = section.originalDisplayStyle;
+        }
+    });
+}
+export function filter(week) {
+    const search = String(week);
+    const filtrables = getFiltrableSections();
+    filtrables.forEach((section) => {
+        const weeks = section.dataset.weeks
+            .split(",")
+            .filter((week) => week !== "");
+        const visible = weeks.length === 0 || weeks.includes(search);
+        if (section.originalDisplayStyle === undefined) {
+            section.originalDisplayStyle = section.style.display;
+        }
+        section.style.display = visible ? section.originalDisplayStyle : "none";
+    });
+}
+export function weekToDate(week, endWeek, yearOffset = 0) {
+    return addDays(getChristmasWeek(endWeek, yearOffset), week * 7);
+}
+export function formatShort(date) {
+    const dd = padStart(date.getDate(), 2, 0);
+    return dd;
+}

package/es/common/components/week-selector/week-selector.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    displayDate: number;
+    setDisplayDate: (date: number) => void;
+    cmsMode: "connected" | "editing" | "info";
+};
+export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=week-selector.d.ts.map

package/es/common/components/week-selector/week-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"week-selector.d.ts","sourceRoot":"","sources":["../../../../src/common/components/week-selector/week-selector.tsx"],"names":[],"mappings":"AAUA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,cAAc,EACd,OAAO,GACR,EAAE,KAAK,2CAkNP"}

package/es/common/components/week-selector/week-selector.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import { motion } from "framer-motion";
+import getConfig from "next/config";
+import Button from "dt-design-system/es/button";
+import Select from "dt-design-system/es/select";
+import * as Icons from "dt-design-system/es/icons";
+import * as Weeks from "./services/weeks";
+import styles from "./week-selector.module.css";
+const { publicRuntimeConfig } = getConfig();
+const { start, end } = publicRuntimeConfig.season;
+export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, }) {
+    const constraintsRef = React.useRef(null);
+    const scrollingAreaRef = React.useRef(null);
+    const [yearOffset, setYearOffset] = React.useState(0);
+    const [allowDrag, setAllowDrag] = React.useState(false);
+    const [dragging, setDragging] = React.useState(false);
+    const christmasWeek = Weeks.getChristmasWeek(end, yearOffset);
+    const christmasWeekYear = React.useRef(christmasWeek.getFullYear());
+    React.useEffect(() => {
+        const bar = scrollingAreaRef.current;
+        if (cmsMode === "connected" && bar && displayDate) {
+            const selectedItem = bar.querySelector(`.${styles.selected}`);
+            if (selectedItem) {
+                selectedItem.scrollIntoView({
+                    behavior: "smooth",
+                    inline: "center",
+                    block: "center",
+                });
+            }
+        }
+    }, [cmsMode, displayDate, scrollingAreaRef]);
+    if (cmsMode !== "connected")
+        return null;
+    const enableDrag = () => {
+        setAllowDrag(true);
+    };
+    const disableDrag = () => {
+        if (!dragging) {
+            setAllowDrag(false);
+        }
+    };
+    const startDragging = () => {
+        setDragging(true);
+    };
+    const stopDragging = () => {
+        setDragging(false);
+        setAllowDrag(false);
+    };
+    const scrollRight = () => {
+        const bar = scrollingAreaRef.current;
+        if (bar) {
+            bar.scrollBy({
+                left: 200,
+                behavior: "smooth",
+            });
+        }
+    };
+    const scrollLeft = () => {
+        const bar = scrollingAreaRef.current;
+        if (bar) {
+            bar.scrollBy({
+                left: -200,
+                behavior: "smooth",
+            });
+        }
+    };
+    const currentSeason = `${christmasWeekYear.current}-${christmasWeekYear.current + 1}`;
+    const newSeason = `${christmasWeekYear.current + 1}-${christmasWeekYear.current + 2}`;
+    const seasons = [
+        { value: "0", label: currentSeason },
+        { value: "1", label: newSeason },
+    ];
+    const weeks = [...new Array(end - start)].map((_, i) => start + i);
+    const classes = classNames(styles.selector, {
+        [styles.dragging]: dragging,
+    });
+    return (_jsx("div", { ref: constraintsRef, className: classes, children: _jsxs(motion.div, { animate: {
+                boxShadow: "var(--ds-shadow-200, 0 5px 10px rgba(0, 0, 0, 0.12))",
+            }, dragMomentum: false, drag: allowDrag, dragConstraints: constraintsRef, className: styles.container, whileDrag: {
+                cursor: "grabbing",
+                scale: 1.02,
+                boxShadow: "var(--ds-shadow-400, 0 30px 60px rgba(0, 0, 0, 0.12))",
+            }, onDragStart: startDragging, onDragEnd: stopDragging, children: [_jsxs("div", { className: styles.header, children: [_jsx(Button, { variant: "link", className: styles.dragHandle, onMouseEnter: enableDrag, onMouseMove: enableDrag, onMouseLeave: disableDrag, children: _jsx(Icons.DragHandle, {}) }), _jsx("div", { className: styles.title, children: "Pr\u00E9visualisation au" }), _jsx("div", { className: styles.selectedDate, children: Weeks.weekToDate(displayDate, end, yearOffset).toLocaleDateString("fr-FR", {
+                                day: "2-digit",
+                                month: "2-digit",
+                                year: "numeric",
+                            }) }), _jsx(Select, { className: styles.seasonSelect, label: "Saison", options: seasons, value: yearOffset, onValueChange: (value) => setYearOffset(Number(value)), compact: true })] }), _jsxs("div", { className: styles.inner, children: [_jsx("div", { ref: scrollingAreaRef, className: styles.items, children: weeks.map((week) => {
+                                const prevDate = Weeks.weekToDate(week - 1, end, yearOffset);
+                                const currDate = Weeks.weekToDate(week, end, yearOffset);
+                                const nextDate = Weeks.weekToDate(week + 1, end, yearOffset);
+                                const isSelected = displayDate === week;
+                                const isFirst = week === start;
+                                const isLast = week === end - 1;
+                                const prevYear = prevDate.getFullYear();
+                                const currYear = currDate.getFullYear();
+                                const hasYearChanged = prevYear !== currYear;
+                                const showYear = isFirst || hasYearChanged;
+                                const prevMonth = prevDate.getMonth();
+                                const currMonth = currDate.getMonth();
+                                const hasMonthChanged = prevMonth !== currMonth;
+                                const showMonth = isFirst || hasMonthChanged;
+                                const locale = "fr-FR";
+                                const formattedMonth = currDate.toLocaleString(locale, {
+                                    month: "short",
+                                });
+                                const weekClasses = classNames(styles.item, {
+                                    [styles.selected]: isSelected,
+                                });
+                                const selectWeek = () => {
+                                    setDisplayDate(week);
+                                };
+                                return (_jsxs("div", { className: weekClasses, children: [_jsx(Button, { className: styles.itemButton, onClick: selectWeek }), _jsxs("div", { className: styles.itemDate, children: [_jsx("div", { className: styles.itemDateFrom, children: Weeks.formatShort(currDate) }), isLast && (_jsx("div", { className: styles.itemDateTo, children: Weeks.formatShort(nextDate) }))] }), showMonth && (_jsxs("span", { className: styles.itemMonth, children: [formattedMonth, " ", showYear && (_jsx("b", { className: styles.itemYear, children: currYear }))] }))] }, week));
+                            }) }), _jsxs("div", { className: styles.controls, children: [_jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "prev", onClick: scrollLeft, children: _jsx(Icons.ChevronsLeft, {}) }), _jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "next", onClick: scrollRight, children: _jsx(Icons.ChevronsRight, {}) })] })] })] }) }));
+}

package/es/common/components/week-selector/week-selector.module.css

@@ -0,0 +1,186 @@
+.selector {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding: 16px;
+  z-index: 1000;
+  pointer-events: none;
+  user-select: none;
+}
+
+.container {
+  --item-width: 30px;
+  --item-height: 14px;
+
+  width: 90vw;
+  max-width: 800px;
+  bottom: 16px;
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-radius-400, 20px);
+  pointer-events: auto;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 8px 0 8px;
+}
+
+.dragHandle {
+  cursor: grab;
+  color: var(--ds-grey-400, #9d9d9d);
+  transition: color 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
+}
+
+.selector.dragging .dragHandle,
+.dragHandle:hover {
+  color: var(--ds-grey-700, #262626);
+}
+
+.selector.dragging .dragHandle {
+  cursor: grabbing;
+}
+
+.title {
+}
+
+.selectedDate {
+  padding: 6px 8px;
+  font-weight: 700;
+  line-height: 1;
+  background-color: var(--ds-grey-200, #ededed);
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.seasonSelect {
+  margin-left: auto;
+}
+
+.seasonSelect > label {
+  flex-direction: row;
+}
+
+.inner {
+  position: relative;
+  padding: 8px 16px;
+  overflow: clip;
+}
+
+.inner::before {
+  content: "";
+  position: absolute;
+  top: 8px;
+  left: 0;
+  width: 100%;
+  height: calc(var(--item-height) + 2px);
+  background-color: var(--ds-grey-200, #ededed);
+  z-index: 0;
+}
+
+.controls {
+  position: absolute;
+  top: 0;
+  left: -10px;
+  width: calc(100% + 20px);
+  display: flex;
+  justify-content: space-between;
+  pointer-events: none;
+  z-index: 1;
+}
+
+button.control {
+  pointer-events: auto;
+}
+
+button.control[data-direction="prev"] {
+  padding-right: 4px;
+  padding-left: 10px;
+  border-radius: 0 100px 100px 0;
+}
+
+button.control[data-direction="next"] {
+  padding-right: 10px;
+  padding-left: 4px;
+  border-radius: 100px 0 0 100px;
+}
+
+.items {
+  position: relative;
+  display: flex;
+  padding: 0 10px;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  z-index: 1;
+}
+
+.item {
+  position: relative;
+  border-left: 1px solid var(--ds-grey-000, #fff);
+  border-right: 1px solid var(--ds-grey-000, #fff);
+  padding-bottom: 40px;
+}
+
+.item:first-child {
+  border-left: 2px solid var(--ds-grey-000, #fff);
+}
+
+.item:last-child {
+  margin-right: 10px;
+  border-right: 2px solid var(--ds-grey-000, #fff);
+}
+
+.item.selected,
+.item:focus-within {
+  z-index: 1;
+}
+
+.itemButton {
+  flex: 0 0 var(--item-width);
+  width: var(--item-width);
+  height: var(--item-height);
+  background-color: var(--ds-grey-200, #ededed);
+  cursor: pointer;
+  transition: background-color 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
+}
+
+.selected .itemButton {
+  background-color: var(--ds-primary);
+}
+
+.item:not(.selected) .itemButton:hover {
+  background-color: var(--ds-grey-300, #d7d7d7);
+}
+
+.itemDate {
+  position: absolute;
+  top: 15px;
+  left: 0;
+  width: 100%;
+  font-size: 14px;
+}
+
+.itemDateTo {
+  position: absolute;
+  top: 0;
+  left: 100%;
+}
+
+.itemYear {
+  line-height: 1;
+}
+
+.itemMonth {
+  position: absolute;
+  top: 27px;
+  left: 0;
+  font-size: 14px;
+  line-height: 1;
+}

package/es/future/components/msem/tunnel.d.ts

@@ -17,6 +17,7 @@ type Options = GlobalOptions & {
     skiSchoolUrl?: string;
     customOffers?: string;
     cartExpanded?: boolean;
+    cartChanged?: (cart: any) => void;
     show?: Show[];
 };
 type Presets = {

package/es/future/components/msem/tunnel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tunnel.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem/tunnel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvC,KAAK,OAAO,GAAG,aAAa,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAEF,wBAAkC;AAElC,iBAAS,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,mBAoBpD"}
+{"version":3,"file":"tunnel.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem/tunnel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvC,KAAK,OAAO,GAAG,aAAa,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3B,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAEF,wBAAkC;AAElC,iBAAS,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,mBAoBpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.32.8",
+  "version": "1.33.0",
   "peerDependencies": {
     "dt-design-system": "^3.8.5",
     "leaflet": "^1.9.1",