ublo-lib 1.42.41 → 1.43.1

package/es/common/components/cookie-consent/cookie-consent.d.ts

@@ -4,6 +4,5 @@ declare function CookieConsent({ lang, consent, updateConsent }: {
     lang: any;
     consent: any;
     updateConsent: any;
-}): React.ReactPortal;
-import * as React from "react";
+}): import("react-dom/node_modules/@types/react").ReactPortal;
 //# sourceMappingURL=cookie-consent.d.ts.map

package/es/common/components/cookie-consent/cookie-consent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-consent.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cookie-consent/cookie-consent.js"],"names":[],"mappings":"AAsGO,0CA6BN;;AArHD;;;;sBAsFC;uBApGsB,OAAO"}
+{"version":3,"file":"cookie-consent.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cookie-consent/cookie-consent.js"],"names":[],"mappings":"AAsGO,0CA6BN;;AArHD;;;;8DAsFC"}

package/es/common/components/editable-calendar/index.d.ts

@@ -1,3 +1,2 @@
-export default function EditableCalendar(): React.ReactPortal[];
-import * as React from "react";
+export default function EditableCalendar(): import("react-dom/node_modules/@types/react").ReactPortal[];
 //# sourceMappingURL=index.d.ts.map

package/es/common/components/editable-calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,gEAiDC;uBAxDsB,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-calendar/index.js"],"names":[],"mappings":"AAOA,wGAiDC"}

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

@@ -0,0 +1,38 @@
+{
+  "fr": {
+    "maximize": "Agrandir le texte",
+    "minimize": "Réduire le texte",
+    "close": "Fermer",
+    "showInformation": "Information importante"
+  },
+  "en": {
+    "maximize": "Enlarge text",
+    "minimize": "Reduce text",
+    "close": "Close",
+    "showInformation": "Important information"
+  },
+  "es": {
+    "maximize": "Ampliar texto",
+    "minimize": "Reducir texto",
+    "close": "Cerrar",
+    "showInformation": "Información importante"
+  },
+  "ca": {
+    "maximize": "Ampliar text",
+    "minimize": "Reduir text",
+    "close": "Tancar",
+    "showInformation": "Informació important"
+  },
+  "nl": {
+    "maximize": "Tekst vergroten",
+    "minimize": "Tekst verkleinen",
+    "close": "Sluiten",
+    "showInformation": "Belangrijke informatie"
+  },
+  "it": {
+    "maximize": "Ingrandisci testo",
+    "minimize": "Riduci testo",
+    "close": "Chiudi",
+    "showInformation": "Informazioni importanti"
+  }
+}

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

@@ -1,6 +1,11 @@
-export default function Information({ source, zone, preventOpening, }: {
+type Props = {
     source?: string;
     zone?: string;
-    preventOpening: any;
-}): import("react/jsx-runtime").JSX.Element;
+    preventOpening?: boolean;
+    mode?: "popup" | "popin";
+    className?: string;
+    buttonClassName?: string;
+};
+export default function Information({ source, zone, preventOpening, mode, className, buttonClassName, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=information.d.ts.map

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":"AASA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAiB,EACjB,IAAgB,EAChB,cAAc,GACf;;;;CAAA,2CA2CA"}
+{"version":3,"file":"information.d.ts","sourceRoot":"","sources":["../../../../src/common/components/information/information.tsx"],"names":[],"mappings":"AAeA,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,2CAmKP"}

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

@@ -1,18 +1,59 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
+import classNames from "classnames";
 import Router from "next/router";
 import { useUbloContext } from "ublo/with-ublo";
 import { fetchZone, fetchMenus } from "ublo/fetcher";
+import Portal from "dt-design-system/es/portal";
 import Dialog from "dt-design-system/es/dialog";
+import Tooltip from "dt-design-system/es/tooltip";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import i18n from "./i18n.json";
 import styles from "./information.module.css";
 const STORAGE_KEY = "information_viewed";
-export default function Information({ source = "/popup", zone = "content", preventOpening, }) {
+export default function Information({ source = "/popup", zone = "content", preventOpening, mode = "popup", className, buttonClassName, }) {
+    const ref = React.useRef(null);
+    const [enabled, setEnabled] = React.useState(false);
+    const [minimized, setMinimized] = React.useState(false);
+    const [maximized, setMaximized] = React.useState(false);
+    const [hasOverflow, setHasOverflow] = React.useState(false);
     const [content, setContent] = React.useState();
     const { config, lang } = useUbloContext();
     const { ubloApi, site } = config;
-    const close = React.useCallback(() => {
+    const isPopin = mode === "popin";
+    const isOpened = isPopin ? !minimized && Boolean(content) : Boolean(content);
+    const maximize = () => {
+        sessionStorage.setItem(STORAGE_KEY, "true");
+        setMaximized(true);
+        setMinimized(false);
+    };
+    const unmaximize = () => {
+        setMaximized(false);
+        setMinimized(false);
+    };
+    const minimize = () => {
+        sessionStorage.setItem(STORAGE_KEY, "true");
+        setMinimized(true);
+        setMaximized(false);
+    };
+    const unminimize = async () => {
+        setMinimized(false);
+        setMaximized(false);
+        checkOverflow();
+    };
+    const close = () => {
         sessionStorage.setItem(STORAGE_KEY, "true");
         setContent(undefined);
+    };
+    const checkOverflow = React.useCallback(() => {
+        window.requestAnimationFrame(() => {
+            const inner = document.querySelector(`.${styles.inner}`);
+            if (inner) {
+                const hasOverflow = inner.scrollHeight > inner.clientHeight;
+                setHasOverflow(hasOverflow);
+            }
+        });
     }, []);
     const getContent = React.useCallback(async () => {
         const menus = await fetchMenus(ubloApi, site, lang, source, 1, true);
@@ -24,16 +65,44 @@ export default function Information({ source = "/popup", zone = "content", preve
         }
     }, [lang, site, source, ubloApi, zone]);
     React.useEffect(() => {
-        const alreadySeen = sessionStorage.getItem(STORAGE_KEY) ||
-            sessionStorage.getItem("cms_token");
-        if (!preventOpening && !alreadySeen) {
+        const isAlreadySeen = sessionStorage.getItem(STORAGE_KEY);
+        const isEnabled = isPopin
+            ? !preventOpening && !sessionStorage.getItem("cms_token")
+            : !preventOpening &&
+                !sessionStorage.getItem("cms_token") &&
+                !isAlreadySeen;
+        setEnabled(isEnabled);
+        if (isAlreadySeen) {
+            minimize();
+        }
+    }, [isPopin, preventOpening]);
+    React.useEffect(() => {
+        if (enabled) {
             getContent();
         }
-    }, [getContent, preventOpening]);
+    }, [getContent, enabled]);
+    React.useEffect(() => {
+        checkOverflow();
+    }, [checkOverflow, content]);
     Router.ready(() => {
         Router.events.on("routeChangeComplete", () => {
-            close();
+            if (isPopin) {
+                minimize();
+            }
+            else {
+                close();
+            }
         });
     });
-    return (_jsx(Dialog, { className: styles.information, close: close, isOpened: !!content, children: _jsx("div", { className: styles.inner, dangerouslySetInnerHTML: { __html: content }, "data-information-popup": "" }) }));
+    if (!enabled)
+        return null;
+    const classes = classNames(styles.information, className, {
+        [styles.popin]: isPopin,
+        [styles.overflow]: hasOverflow,
+        [styles.minimized]: minimized,
+        [styles.maximized]: maximized,
+    });
+    const buttonClasses = classNames(styles.informationButton, buttonClassName);
+    const messages = i18n[lang];
+    return (_jsxs(_Fragment, { children: [isPopin && minimized && (_jsx(Portal, { asChild: true, children: _jsx(Tooltip, { content: messages.showInformation, children: _jsx(Button, { className: buttonClasses, onClick: unminimize, "data-information-popup-button": "", children: _jsx(Icons.Bell, {}) }) }) })), _jsxs(Dialog, { className: classes, close: isPopin ? minimize : close, isOpened: isOpened, showAsModal: !isPopin, showCloseButton: !isPopin, disableBackdrop: isPopin, title: messages.showInformation, children: [isPopin && (_jsxs("div", { className: styles.controls, children: [maximized && (_jsx(Tooltip, { content: messages.minimize, children: _jsx(Button, { variant: "secondary", onClick: unmaximize, children: _jsx(Icons.ArrowDown, {}) }) })), !maximized && hasOverflow && (_jsx(Tooltip, { content: messages.maximize, children: _jsx(Button, { variant: "secondary", onClick: maximize, children: _jsx(Icons.ArrowUp, {}) }) })), _jsx(Tooltip, { content: messages.close, children: _jsx(Button, { onClick: minimize, children: _jsx(Icons.Cross, {}) }) })] })), _jsx("div", { ref: ref, className: styles.inner, dangerouslySetInnerHTML: { __html: content }, "data-information-popup": "" })] })] }));
 }

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

@@ -1,9 +1,80 @@
-.information {
-  @media (min-width: 700px) {
+/* stylelint-disable selector-class-pattern */
+/* stylelint-disable media-feature-range-notation */
+/* stylelint-disable at-rule-empty-line-before */
+
+@media (min-width: 700px) {
+  .information {
     width: 700px;
   }
 }
 
+.popin {
+  top: unset;
+  bottom: 0;
+  border-radius: var(--ds-radius-200, 8px) var(--ds-radius-200, 8px) 0 0;
+  overflow: hidden;
+  overflow: clip;
+}
+
+@media (min-width: 700px) {
+  .popin {
+    left: unset;
+    right: 10px;
+  }
+}
+
+.overflow::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: calc(100% - 70px);
+  background: linear-gradient(to top, var(--ds-grey-000, #ffffff), transparent);
+  pointer-events: none;
+}
+
+.maximized {
+  overflow: auto;
+}
+
+.maximized::after {
+  content: none;
+}
+
+.controls {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
 .inner {
   padding: 26px;
 }
+
+.popin .inner {
+  max-height: 295px;
+  padding: 22px 12px;
+}
+
+.maximized .inner {
+  max-height: none;
+}
+
+.popin .inner > *:first-child {
+  padding-right: 65px;
+}
+
+.informationButton {
+  --ds-button-radius: var(--ds-radius-200, 8px) var(--ds-radius-200, 8px) 0 0;
+
+  position: sticky;
+  left: calc(96% - 40px);
+  bottom: 0;
+  margin-top: 10px;
+  transform-origin: top center;
+}

package/es/esf/components/period-picker/popup.d.ts

@@ -4,6 +4,5 @@ export default function Popup({ mustFilterSections, showDialog, opened, onChange
     opened: any;
     onChange: any;
     selectAndClose: any;
-}): React.ReactPortal;
-import * as React from "react";
+}): import("react-dom/node_modules/@types/react").ReactPortal;
 //# sourceMappingURL=popup.d.ts.map

package/es/esf/components/period-picker/popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;sBA2BC;uBAhCsB,OAAO"}
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;8DA2BC"}

package/es/future/components/msem-preset-editor/editors/ski-passes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/ski-passes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAiFF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,2CAgUP"}
+{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/ski-passes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAiFF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,2CA4UP"}

package/es/future/components/msem-preset-editor/editors/ski-passes.js

@@ -166,7 +166,7 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
             const initFilters = async () => {
                 setLoading(true);
                 const filters = await API.getSkiPassesFilters(msemServicesUrl, merchant, catalog);
-                console.log(filters);
+                4;
                 const filteredFilters = Object.keys(filters).reduce((acc, key) => {
                     const filter = filters[key];
                     return ALLOWED_FILTERS.includes(key)
@@ -190,21 +190,29 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
     }, [catalog, merchant, msemServicesUrl]);
     React.useEffect(() => {
         setPreset((current = {}) => {
-            const { hide, minimalistLiftScreen, ...rest } = data;
-            const newPreset = {
-                ...current,
-                options: {
-                    ...(current?.options || {}),
-                    catalog,
-                    hide,
-                    minimalistLiftScreen,
-                },
-                presets: {
-                    ...(current?.presets || {}),
-                    ...rest,
-                },
-                url: urlOverride || undefined,
+            const firstSkiDate = data.firstSkiDate || undefined;
+            const skiers = data.skiers?.length ? data.skiers : undefined;
+            const activities = data.activities?.length ? data.activities : undefined;
+            const domains = data.domains?.length ? data.domains : undefined;
+            const durations = data.durations?.length ? data.durations : undefined;
+            const hide = data.hide?.length ? data.hide : undefined;
+            const minimalistLiftScreen = data.minimalistLiftScreen || undefined;
+            const url = urlOverride || undefined;
+            const options = {
+                ...(current?.options || {}),
+                catalog,
+                hide,
+                minimalistLiftScreen,
             };
+            const presets = {
+                ...(current?.presets || {}),
+                skiers,
+                firstSkiDate,
+                activities,
+                domains,
+                durations,
+            };
+            const newPreset = { ...current, options, presets, url };
             onChange?.(newPreset);
             return newPreset;
         });

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "ublo-lib",
-  "version": "1.42.41",
+  "version": "1.43.1",
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "dt-design-system": "^3.10.8",
+    "dt-design-system": "^3.11.8",
     "framer-motion": "^11.11.9",
     "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
     "react": "^18.2.0 || ^19.0.0",
@@ -28,7 +28,7 @@
     "@typescript-eslint/parser": "^7.18.0",
     "classnames": "^2.5.1",
     "cpx2": "^7.0.2",
-    "dt-design-system": "^3.11.6",
+    "dt-design-system": "^3.11.8",
     "eslint": "^8.57.1",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^4.6.2",