ublo-lib 1.47.8 → 1.47.9-1.rc0

package/es/common/components/infinite-carousel/infinite-carousel.module.css

@@ -0,0 +1,175 @@
+.carousel {
+  /* Variables avec valeurs par défaut (fallback) */
+  position: relative;
+  display: flex;
+  justify-content: center;
+  /* 2px viennent des pseudo-elements after des boutons de control */
+  width: calc(100vw - var(--scrollbar-size) - 2px);
+  max-width: var(--carousel-width, var(--content-width));
+  margin: 0 auto;
+  padding-top: var(--carousel-padding-top, 60px);
+}
+
+.carousel--wheel {
+  --carousel-height: var(
+    --carousel-wheel-height,
+    calc(var(--carousel-item-height, 300px) + 150px)
+  );
+}
+
+.carousel--scale {
+  --carousel-height: var(
+    --carousel-scale-height,
+    calc(var(--carousel-item-height, 300px) + 100px)
+  );
+}
+
+/* ----- FALLBACK : Cas où il n'y a pas de logique de carousel ----- */
+
+.inner {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  max-width: var(--content-width);
+  overflow-x: auto;
+}
+/* ---------- */
+
+.controls {
+  position: absolute;
+  top: var(--carousel-item-height, 300px);
+  left: 0;
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.carousel--wheel .controls {
+  /* boutons au milieu de l'item central (item height / 2 - paddingtop carousel) */
+  top: calc(
+    (var(--carousel-item-height, 300px) + var(--carousel-padding-top, 60px)) / 2
+  );
+  left: auto;
+  /* largeur de la taille de l'item + des boutons + petit écart */
+  width: calc(
+    var(--carousel-item-width, 400px) + (var(--carousel-button-width, 48px) * 2) +
+      20px
+  );
+  transform: none;
+}
+
+.control {
+  --ds-button-background: var(--carousel-button-background, hsl(0, 0%, 100%));
+  --ds-button-hover-background: var(
+    --carousel-button-hover-background,
+    hsl(0, 0%, 100%)
+  );
+  --ds-button-radius: var(--carousel-button-radius, 50%);
+  --ds-button-border: var(--carousel-button-border);
+  --ds-button-shadow: var(
+    --carousel-button-shadow,
+    0 2px 8px rgba(0, 0, 0, 0.15)
+  );
+
+  pointer-events: auto;
+  width: var(--carousel-button-width, 48px);
+  height: var(--carousel-button-width, 48px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 240ms var(--transition-easing);
+}
+
+.control::after {
+  content: "";
+  position: absolute;
+  top: 1px;
+  left: -1px;
+  height: 100%;
+  width: 100%;
+  background-image: var(--carousel-left-button-glow, transparent);
+  border-radius: var(--carousel-button-radius, 50%);
+  z-index: -1;
+}
+
+.control + .control::after {
+  left: auto;
+  right: -1px;
+  background-image: var(--carousel-right-button-glow, transparent);
+  z-index: -1;
+}
+
+.controlIcon {
+  --size: var(--carousel-button-icon-size, 16px);
+
+  fill: var(--carousel-button-icon-color, #081527);
+}
+
+.viewport {
+  position: relative;
+  min-width: calc(100vw - var(--scrollbar-size));
+  height: 100%;
+  min-height: var(--carousel-height);
+  overflow: hidden;
+}
+
+.carousel--scale .viewport::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: var(--carousel-item-width, 400px);
+  background: var(--carousel-before-background, transparent);
+  z-index: 1;
+}
+
+.carousel--scale .viewport::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: var(--carousel-item-width, 400px);
+  background: var(--carousel-after-background, transparent);
+  z-index: 1;
+}
+
+.track {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.item {
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  will-change: transform, opacity;
+  pointer-events: auto;
+}
+
+.carousel--wheel .item {
+  max-width: 90vw;
+}
+
+.carousel--scale .item {
+  max-width: 85vw;
+  transform-origin: top center;
+}
+
+/* CMS */
+[data-cms-mode="true"] .carousel {
+  pointer-events: none;
+}
+
+[data-cms-mode="true"] .controls {
+  display: none;
+}

package/es/common/components/information/i18n.json

@@ -34,5 +34,11 @@
     "minimize": "Riduci testo",
     "close": "Chiudi",
     "showInformation": "Informazioni importanti"
+  },
+  "ru": {
+    "maximize": "Увеличить текст",
+    "minimize": "Уменьшить текст",
+    "close": "Закрыть",
+    "showInformation": "Важная информация"
   }
 }

package/es/common/components/information/information.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"information.d.ts","sourceRoot":"","sources":["../../../../src/common/components/information/information.tsx"],"names":[],"mappings":"AAkBA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAiB,EACjB,IAAgB,EAChB,cAAc,EACd,IAAc,EACd,SAAS,EACT,eAAe,GAChB,EAAE,KAAK,2CAuKP"}
+{"version":3,"file":"information.d.ts","sourceRoot":"","sources":["../../../../src/common/components/information/information.tsx"],"names":[],"mappings":"AAmBA,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAiB,EACjB,IAAgB,EAChB,cAAc,EACd,IAAc,EACd,SAAS,EACT,eAAe,GAChB,EAAE,KAAK,2CA0KP"}

package/es/common/components/information/information.js

@@ -14,6 +14,7 @@ import ArrowUpIcon from "dt-design-system/es/icons/arrow-up";
 import CrossIcon from "dt-design-system/es/icons/cross";
 import i18n from "./i18n.json";
 import styles from "./information.module.css";
+import useSeasonChoice from "./use-season-choice";
 const STORAGE_KEY = "information_viewed";
 export default function Information({ source = "/popup", zone = "content", preventOpening, mode = "popup", className, buttonClassName, }) {
     const ref = React.useRef(null);
@@ -26,6 +27,7 @@ export default function Information({ source = "/popup", zone = "content", preve
     const { ubloApi, site } = config;
     const isPopin = mode === "popin";
     const isOpened = isPopin ? !minimized && Boolean(content) : Boolean(content);
+    useSeasonChoice(close, content, isPopin);
     const maximize = () => {
         sessionStorage.setItem(STORAGE_KEY, "true");
         setMaximized(true);
@@ -45,10 +47,10 @@ export default function Information({ source = "/popup", zone = "content", preve
         setMaximized(false);
         checkOverflow();
     };
-    const close = () => {
+    function close() {
         sessionStorage.setItem(STORAGE_KEY, "true");
         setContent(undefined);
-    };
+    }
     const checkOverflow = React.useCallback(() => {
         window.requestAnimationFrame(() => {
             const inner = document.querySelector(`.${styles.inner}`);

package/es/common/components/information/information.module.css

@@ -72,9 +72,8 @@
 .informationButton {
   --ds-button-radius: var(--ds-radius-200, 8px) var(--ds-radius-200, 8px) 0 0;
 
-  position: sticky;
+  position: fixed;
   left: calc(96% - 40px);
   bottom: 0;
-  margin-top: 10px;
   transform-origin: top center;
 }

package/es/common/components/information/use-season-choice.d.ts

@@ -0,0 +1,2 @@
+export default function useSeasonChoice(callback: any, content: any, isPopin: any): void;
+//# sourceMappingURL=use-season-choice.d.ts.map

package/es/common/components/information/use-season-choice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-season-choice.d.ts","sourceRoot":"","sources":["../../../../src/common/components/information/use-season-choice.js"],"names":[],"mappings":"AAOA,yFA2DC"}

package/es/common/components/information/use-season-choice.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+const SELECTOR = ".season-choice__block--winter";
+export default function useSeasonChoice(callback, content, isPopin) {
+    React.useEffect(() => {
+        if (isPopin || !content)
+            return;
+        let winterElement = null;
+        let observer = null;
+        const attachListener = () => {
+            if (winterElement)
+                return true;
+            const winter = document.querySelector(SELECTOR);
+            if (winter) {
+                winterElement = winter;
+                winter.addEventListener("click", callback);
+                return true;
+            }
+            return false;
+        };
+        if (attachListener()) {
+            return () => {
+                if (winterElement) {
+                    winterElement.removeEventListener("click", callback);
+                }
+            };
+        }
+        observer = new MutationObserver((mutations) => {
+            const hasRelevantChanges = mutations.some((mutation) => mutation.type === "childList" && mutation.addedNodes.length > 0);
+            if (hasRelevantChanges && attachListener()) {
+                observer.disconnect();
+                observer = null;
+            }
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            if (observer) {
+                observer.disconnect();
+            }
+            if (winterElement) {
+                winterElement.removeEventListener("click", callback);
+            }
+        };
+    }, [content, callback, isPopin]);
+}

package/es/common/components/search-bar/search-bar.d.ts

@@ -1,4 +1,4 @@
-declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, backdrop, OverrideIcons, messages, seo, exclude, autofocus, }: {
+declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, backdrop, OverrideIcons, messages, seo, exclude, autofocus, additionalResults, }: {
     lang: any;
     resultFormatter: any;
     backdrop: any;
@@ -7,6 +7,7 @@ declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, back
     seo: any;
     exclude: any;
     autofocus: any;
+    additionalResults?: any[];
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 import * as React from "react";

package/es/common/components/search-bar/search-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/search-bar.js"],"names":[],"mappings":";;;;;;;;;;;uBAAuB,OAAO"}
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/search-bar.js"],"names":[],"mappings":";;;;;;;;;;;;uBAAuB,OAAO"}

package/es/common/components/search-bar/search-bar.js

@@ -13,9 +13,9 @@ import * as KeyboardKeys from "./utils/keyboard-keys";
 import { message } from "./messages";
 const { publicRuntimeConfig } = getConfig();
 const { ubloApi, site } = publicRuntimeConfig;
-const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messages, seo, exclude, autofocus, }) => {
+const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messages, seo, exclude, autofocus, additionalResults = [], }) => {
     const input = React.useRef();
-    const results = React.useRef();
+    const resultsContainer = React.useRef();
     const [state, setState] = React.useState({ active: 0, selected: undefined });
     const { lang: ubloLang = lang } = useUbloContext();
     const { text, setText, search } = useSearch({
@@ -55,7 +55,7 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
             close();
             return;
         }
-        const container = results.current;
+        const container = resultsContainer.current;
         const firstResult = container?.querySelector(".search-bar__result");
         const allResults = Array.from(container?.querySelectorAll(".search-bar__result"));
         const lastResult = allResults[allResults.length - 1];
@@ -118,11 +118,17 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
         };
     }, [autofocus, handleKeyPresses]);
     const Icon = search?.loading ? Icons.LoadIcon : Icons.SearchIcon;
+    const matchingAdditionalResults = additionalResults.filter((result) => {
+        const normalizedResult = normalize(result.title.toLowerCase());
+        const normalizedText = normalize(text.toLowerCase());
+        return text && normalizedResult.includes(normalizedText);
+    });
+    const results = [...(search?.result || []), ...matchingAdditionalResults];
     const classes = classNames("search-bar", {
-        "search-bar--opened": search?.result,
+        "search-bar--opened": results.length > 0,
         "search-bar--loading": search?.loading,
     });
-    return (_jsxs("div", { className: classes, children: [backdrop && _jsx("div", { className: "search-bar__backdrop", onClick: close }), _jsxs("div", { className: "search-bar__input-container", children: [_jsx("input", { ref: input, type: "text", value: text, onChange: updateSearch, onKeyDown: handleKeyDown, className: "search-bar__input", placeholder: message(ubloLang, "what-are-you-looking-for", messages), onBlur: handleBlur }), _jsx(Icon, { className: "search-bar__icon" }), _jsxs("div", { ref: results, className: "search-bar__results", children: [search.result?.map((result, i) => {
+    return (_jsxs("div", { className: classes, children: [backdrop && _jsx("div", { className: "search-bar__backdrop", onClick: close }), _jsxs("div", { className: "search-bar__input-container", children: [_jsx("input", { ref: input, type: "text", value: text, onChange: updateSearch, onKeyDown: handleKeyDown, className: "search-bar__input", placeholder: message(ubloLang, "what-are-you-looking-for", messages), onBlur: handleBlur }), _jsx(Icon, { className: "search-bar__icon" }), _jsxs("div", { ref: resultsContainer, className: "search-bar__results", children: [results?.map((result, i) => {
                                 const { name, title, page, path } = result;
                                 const externalLink = page === undefined;
                                 const Tag = externalLink ? "a" : Link;
@@ -152,6 +158,13 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
                                     "search-bar__result--active": i === state.active,
                                 });
                                 return (_jsx(Tag, { className: classes, ...props, onClick: onClick }, `${name}-${i}`));
-                            }), search.result?.length === 0 && (_jsx("div", { className: "search-bar__no-result", children: message(ubloLang, "no-results", messages) }))] })] })] }));
+                            }), text && results?.length === 0 && (_jsx("div", { className: "search-bar__no-result", children: message(ubloLang, "no-results", messages) }))] })] })] }));
 };
 export default React.memo(SearchBar);
+function normalize(text) {
+    if ("normalize" in String.prototype &&
+        String.prototype.normalize.length === 0) {
+        return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+    }
+    return text;
+}

package/es/common/components/season-switch/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    preventOpening?: boolean;
+};
+export default function SeasonSwitch({ preventOpening }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/season-switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/season-switch/index.tsx"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,2CAqD7D"}

package/es/common/components/season-switch/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import Router from "next/router";
+import { useUbloContext } from "ublo/with-ublo";
+import { fetchZone } from "ublo/fetcher";
+import Dialog from "dt-design-system/es/dialog";
+import useChooseWinter from "./use-choose-winter";
+import styles from "./index.module.css";
+const SOURCE = {
+    fr: "/choix-saison",
+    en: "/season-switch",
+};
+const STORAGE_KEY = "season-switch_viewed";
+export default function SeasonSwitch({ preventOpening }) {
+    const [content, setContent] = React.useState();
+    const { config, lang } = useUbloContext();
+    const { ubloApi, site } = config;
+    const close = () => {
+        sessionStorage.setItem(STORAGE_KEY, "true");
+        setContent(undefined);
+    };
+    useChooseWinter(close, content);
+    const getContent = async () => {
+        const content = await fetchZone(ubloApi, site, lang, SOURCE[lang], "season-switch");
+        if (!content)
+            return;
+        setContent(content);
+    };
+    React.useEffect(() => {
+        const alreadySeen = sessionStorage.getItem(STORAGE_KEY) ||
+            sessionStorage.getItem("cms_token");
+        if (!preventOpening && !alreadySeen) {
+            getContent();
+        }
+    }, [preventOpening]);
+    Router.ready(() => {
+        Router.events.on("routeChangeComplete", () => {
+            close();
+        });
+    });
+    return (_jsx(Dialog, { className: styles.seasonswitch, close: close, isOpened: !!content, showCloseButton: false, children: _jsx("div", { className: styles.inner, dangerouslySetInnerHTML: { __html: content }, "data-season-switch": "" }) }));
+}

package/es/common/components/season-switch/index.module.css

@@ -0,0 +1,24 @@
+.seasonswitch {
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  min-height: 100%;
+  z-index: 1000;
+}
+
+.seasonswitch button[class*="dialog_closeButton"] {
+  background-color: transparent;
+}
+
+.seasonswitch button[class*="dialog_closeButton"] svg {
+  --size: 24px;
+}
+
+.inner {
+  height: 100%;
+  width: 100%;
+  background-color: var(--season-switch);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/es/common/components/season-switch/use-choose-winter.d.ts

@@ -0,0 +1,2 @@
+export default function useChooseWinter(callback: () => void, content: string): void;
+//# sourceMappingURL=use-choose-winter.d.ts.map

package/es/common/components/season-switch/use-choose-winter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-choose-winter.d.ts","sourceRoot":"","sources":["../../../../src/common/components/season-switch/use-choose-winter.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,EAAE,MAAM,QA2D5E"}

package/es/common/components/season-switch/use-choose-winter.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+const SELECTOR = ".season-switch div[data-season='winter']";
+export default function useChooseWinter(callback, content) {
+    React.useEffect(() => {
+        if (!content)
+            return;
+        let winterElement = null;
+        let observer = null;
+        const attachListener = () => {
+            if (winterElement)
+                return true;
+            const winter = document.querySelector(SELECTOR);
+            if (winter) {
+                winterElement = winter;
+                winter.addEventListener("click", callback);
+                return true;
+            }
+            return false;
+        };
+        if (attachListener()) {
+            return () => {
+                if (winterElement) {
+                    winterElement.removeEventListener("click", callback);
+                }
+            };
+        }
+        observer = new MutationObserver((mutations) => {
+            const hasRelevantChanges = mutations.some((mutation) => mutation.type === "childList" && mutation.addedNodes.length > 0);
+            if (hasRelevantChanges && attachListener()) {
+                observer.disconnect();
+                observer = null;
+            }
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            if (observer) {
+                observer.disconnect();
+            }
+            if (winterElement) {
+                winterElement.removeEventListener("click", callback);
+            }
+        };
+    }, [content, callback]);
+}

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

@@ -1,6 +1,6 @@
 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 dateToWeek(date: any, christmasWeek: any, yearOffset?: number): number;
 export declare function removeFilter(): void;
 export declare function filter(week: number): void;
 export declare function weekToDate(week: any, endWeek: any, yearOffset?: number): Date;

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

@@ -1 +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,UAiB7C;AAMD,wBAAgB,YAAY,SAY3B;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,QAwBlC;AAED,wBAAgB,UAAU,CAAC,IAAI,KAAA,EAAE,OAAO,KAAA,EAAE,UAAU,SAAI,QAEvD;AAED,wBAAgB,WAAW,CAAC,IAAI,KAAA,UAG/B"}
+{"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,EAAE,UAAU,SAAI,UAoB7D;AAMD,wBAAgB,YAAY,SAY3B;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,QAwBlC;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

@@ -37,8 +37,10 @@ export function getChristmasWeek(endWeek, yearOffset = 0) {
     const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
     return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
 }
-export function dateToWeek(date, christmasWeek) {
-    const diff = date.getTime() - christmasWeek.getTime();
+export function dateToWeek(date, christmasWeek, yearOffset = 0) {
+    const diff = date.getTime() +
+        yearOffset * 365 * 24 * 60 * 60 * 1000 -
+        christmasWeek.getTime();
     const days = Math.floor(diff / (1000 * 60 * 60 * 24));
     const startYear = christmasWeek.getFullYear();
     const endYear = date.getFullYear();

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

@@ -1,6 +1,6 @@
 type Props = {
     displayDate: number;
-    setDisplayDate: (date: number) => void;
+    setDisplayDate: (date: number | undefined, offset: number) => void;
     cmsMode: "connected" | "editing" | "info";
 };
 export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"week-selector.d.ts","sourceRoot":"","sources":["../../../../src/common/components/week-selector/week-selector.tsx"],"names":[],"mappings":"AAeA,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;AAOF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,cAAc,EACd,OAAO,GACR,EAAE,KAAK,2CAqPP"}
+{"version":3,"file":"week-selector.d.ts","sourceRoot":"","sources":["../../../../src/common/components/week-selector/week-selector.tsx"],"names":[],"mappings":"AAeA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAOF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,cAAc,EACd,OAAO,GACR,EAAE,KAAK,2CAyPP"}

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

@@ -108,7 +108,11 @@ export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, })
                                 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 }), _jsx(Tooltip, { content: "R\u00E9duire", children: _jsx(Button, { variant: "transparent", onClick: minimize, children: _jsx(MinusSquareIcon, {}) }) })] }), _jsxs("div", { className: styles.inner, children: [_jsx("div", { ref: scrollingAreaRef, className: styles.items, children: weeks.map((week) => {
+                            }) }), _jsx(Select, { className: styles.seasonSelect, label: "Saison", options: seasons, value: yearOffset, onValueChange: (value) => {
+                                const newOffset = Number(value);
+                                setYearOffset(newOffset);
+                                setDisplayDate(undefined, newOffset);
+                            }, compact: true }), _jsx(Tooltip, { content: "R\u00E9duire", children: _jsx(Button, { variant: "transparent", onClick: minimize, children: _jsx(MinusSquareIcon, {}) }) })] }), _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);
@@ -131,7 +135,7 @@ export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, })
                                     [styles.selected]: isSelected,
                                 });
                                 const selectWeek = () => {
-                                    setDisplayDate(week);
+                                    setDisplayDate(week, yearOffset);
                                 };
                                 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(ChevronsLeftIcon, {}) }), _jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "next", onClick: scrollRight, children: _jsx(ChevronsRightIcon, {}) })] })] })] }) }));

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import PackagesSelector from "../components/packages-selector";
 import { openMseM } from "../utils/msem-widget";
-import * as Plausible from "../components/plausible";
+import * as Plausible from "../../future/components/plausible";
 const preview = typeof window !== "undefined" &&
     window.location.search.indexOf("preview") !== -1;
 const buttonStyles = `

package/es/esf/components/espace-prive/index.d.ts

@@ -1,5 +1,6 @@
-export default function Index({ logo, tools }: {
+export default function Index({ logo, tools, presets }: {
     logo: any;
     tools: any;
+    presets: any;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/es/esf/components/espace-prive/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/index.js"],"names":[],"mappings":"AAGA;;;4CAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/index.js"],"names":[],"mappings":"AAGA;;;;4CAMC"}

package/es/esf/components/espace-prive/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Partenaire from "./partenaire";
 import ContextProvider from "./context";
-export default function Index({ logo, tools }) {
-    return (_jsx(ContextProvider, { children: _jsx(Partenaire, { logo: logo, tools: tools }) }));
+export default function Index({ logo, tools, presets }) {
+    return (_jsx(ContextProvider, { children: _jsx(Partenaire, { logo: logo, tools: tools, presets: presets }) }));
 }

package/es/esf/components/espace-prive/partenaire.d.ts

@@ -1,6 +1,7 @@
 export default Partenaire;
-declare function Partenaire({ logo, tools }: {
+declare function Partenaire({ logo, tools, presets }: {
     logo: any;
     tools: any;
+    presets: any;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=partenaire.d.ts.map

package/es/esf/components/espace-prive/partenaire.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"partenaire.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/partenaire.js"],"names":[],"mappings":";AAaA;;;4CAyCC"}
+{"version":3,"file":"partenaire.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/partenaire.js"],"names":[],"mappings":";AAaA;;;;4CAyCC"}

package/es/esf/components/espace-prive/partenaire.js

@@ -11,7 +11,7 @@ import Panier from "./panier";
 import Tools from "./tools";
 import { pathIncludesKey } from "./utils/path-includes-key";
 import styles from "./partenaire.module.css";
-const Partenaire = ({ logo, tools }) => {
+const Partenaire = ({ logo, tools, presets }) => {
     const { menuPath } = useUbloContext();
     const { menu } = menuPath;
     const isConnexion = pathIncludesKey(menu, "connexion");
@@ -22,6 +22,6 @@ const Partenaire = ({ logo, tools }) => {
         return _jsx(Connexion, { logo: logo });
     if (isContact)
         return _jsx(Contact, { logo: logo });
-    return (_jsxs("div", { className: styles.partenaire, children: [_jsxs("header", { className: styles.header, children: [_jsx("div", { className: styles.logo, children: logo }), _jsx(Zone, { id: "hero", className: styles.heroZone, maxSections: 1, tooltip: "Zone d'\u00E9dition : Banni\u00E8re", fixed: true })] }), _jsxs("main", { className: styles.main, children: [_jsx("nav", { className: styles.nav, children: _jsx(CartLink, {}) }), _jsx(Zone, { id: "introduction", className: styles.introductionZone, tooltip: "Zone d'\u00E9dition : Texte de pr\u00E9sentation" }), isTunnel && _jsx(Tunnel, {}), isCart && _jsx(Panier, {})] }), _jsx("footer", { className: styles.footer, children: _jsx(Tools, { tools: tools }) }), _jsx(Login, {})] }));
+    return (_jsxs("div", { className: styles.partenaire, children: [_jsxs("header", { className: styles.header, children: [_jsx("div", { className: styles.logo, children: logo }), _jsx(Zone, { id: "hero", className: styles.heroZone, maxSections: 1, tooltip: "Zone d'\u00E9dition : Banni\u00E8re", fixed: true })] }), _jsxs("main", { className: styles.main, children: [_jsx("nav", { className: styles.nav, children: _jsx(CartLink, {}) }), _jsx(Zone, { id: "introduction", className: styles.introductionZone, tooltip: "Zone d'\u00E9dition : Texte de pr\u00E9sentation" }), isTunnel && _jsx(Tunnel, { presets: presets }), isCart && _jsx(Panier, {})] }), _jsx("footer", { className: styles.footer, children: _jsx(Tools, { tools: tools }) }), _jsx(Login, {})] }));
 };
 export default Partenaire;

package/es/esf/components/espace-prive/tunnel.d.ts

@@ -1,2 +1,4 @@
-export default function Tunnel(): import("react/jsx-runtime").JSX.Element;
+export default function Tunnel({ presets }: {
+    presets: any;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tunnel.d.ts.map