ublo-lib 1.20.17 → 1.21.0

package/es/lbm/lumiplan/icons/trails/zone-freeride.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ZoneFreerideIcon({
+  width = 24,
+  height = 24
+}) {
+  return _jsx("svg", {
+    height: height,
+    viewBox: "0 0 24 24",
+    width: width,
+    children: _jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "m23.64 21.93.36-.4a75.14 75.14 0 0 0-5.18-9.84c-1.98-3.17-4.07-6.3-6.14-9.5-.4-.4-.78-.05-.78-.05L8.23 7.42C7.13 6.64 6.84 5.03 5.18 5c-.73.94-1.5 1.85-2.13 2.83-1.04 1.62-2 3.31-2.99 4.98-.08.14-.04.34-.06.56.24.02.4.06.58.08l1.92-3.37.03-.04c2.03.96 2.77.92 3.57-.16-.28-.43-.62-.22-.96-.1-.77.26-1.4.06-2.03-.65l2.57-3.4 1.99 2.54c-.33.5-.55.88-.79 1.27A75.68 75.68 0 0 0 .86 20.88c-.16.36-.58.77-.18 1.23.6-.16.6-.18.87-.73l.02-.04c1-2.08 1.94-4.17 3-6.22.93-1.78 2.01-3.49 3.08-5.31 1.6 1.06 3.15.68 4.75.1-.04 1.28-.78 1.8-1.68 2.22-.73.34-1.5.63-2.17 1.09a5.72 5.72 0 0 0-1.4 8.1c.05.1.2.14.35.23l.37-.4-.24-.53c-1.55-2.55-.73-6.08 2.68-7.44.47-.18.95-.34 1.37-.58 1.12-.7 1.74-1.71 1.54-3.08a5.52 5.52 0 0 0-1.3-2.94c-.18.08-.34.16-.56.24l.82 1.96c-1.5 1.09-2.6 1.17-3.93.2 1.22-1.96 2.57-3.85 3.97-5.82 1.24 1.79 2.43 3.46 3.61 5.4l-1.22-.34-1.45-2.09-.36.08c0 .24-.1.53-.02.7.22.49.56.93.83 1.41.44.8.66 1.67.54 2.59a3.57 3.57 0 0 1-1.73 2.75c-.66.4-1.36.72-2.03 1.08-1.74.99-2.22 2.87-1.08 4.5.36.5.84.94 1.35 1.3 1.2.84 2.56 1.29 3.99 1.57.42.08.88.28 1.26-.14.02-.53-.36-.55-.72-.63-1.04-.3-2.13-.5-3.09-.92A5.2 5.2 0 0 1 10.17 19c-1.12-1.3-.76-2.81.77-3.6.54-.3 1.14-.52 1.68-.86a4.69 4.69 0 0 0 2.41-3.71c.04-.52-.04-1.04-.08-1.6a3.9 3.9 0 0 1 2.59 1.9 92.36 92.36 0 0 1 5.12 9.4c.18.4.38.8.6 1.2.06.08.22.12.38.2Z"
+    })
+  });
+}

package/es/lbm/lumiplan/icons/warning.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const WarningIcon = ({
+  width = 24,
+  height = 24
+}) => {
+  return _jsxs("svg", {
+    height: height,
+    viewBox: "0 0 24 24",
+    width: width,
+    children: [_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.153 1.293A1 1 0 0 1 7.86 1h8.28a1 1 0 0 1 .707.293l5.86 5.86A1 1 0 0 1 23 7.86v8.28a1 1 0 0 1-.293.707l-5.86 5.86a1 1 0 0 1-.707.293H7.86a1 1 0 0 1-.707-.293l-5.86-5.86A1 1 0 0 1 1 16.14V7.86a1 1 0 0 1 .293-.707l5.86-5.86ZM8.274 3 3 8.274v7.452L8.274 21h7.452L21 15.726V8.274L15.726 3H8.274Z"
+    }), _jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11 16a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1ZM12 7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Z"
+    })]
+  });
+};
+export default WarningIcon;

package/es/lbm/lumiplan/icons/wind.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DIRECTIONS = {
+  NORTH: "rotate(-0.125turn)",
+  NORTH_EAST: "rotate(0turn)",
+  NORTH_WEST: "rotate(-0.25turn)",
+  EAST: "rotate(0.125turn)",
+  WEST: "rotate(-0.375turn)",
+  SOUTH: "rotate(0.375turn)",
+  SOUTH_EAST: "rotate(0.25turn)",
+  SOUTH_WEST: "rotate(0.5turn)"
+};
+const WindIcon = ({
+  direction,
+  width = 24,
+  height = 24
+}) => {
+  return _jsx("svg", {
+    height: height,
+    style: {
+      transform: DIRECTIONS[direction]
+    },
+    viewBox: "0 0 24 24",
+    width: width,
+    children: _jsx("path", {
+      d: "M20.47 1.13c.7-.27 1.46-.11 1.99.41.52.53.68 1.3.4 1.99l-7.24 18.3a1.83 1.83 0 01-1.9 1.16 1.83 1.83 0 01-1.63-1.53l-1.28-7.64a.76.76 0 00-.62-.63l-2.96-.5a.55.55 0 01.18-1.06l2.96.5c.77.12 1.38.73 1.5 1.5l1.3 7.65c.06.42.38.6.66.63.28.03.63-.08.78-.47l7.25-18.31a.74.74 0 00-.17-.82.74.74 0 00-.82-.17L2.57 9.4c-.4.15-.5.5-.48.78.03.28.21.6.63.67l1.78.3a.54.54 0 01-.18 1.07l-1.78-.3-.14-.03A1.82 1.82 0 011 10.28c-.09-.83.38-1.6 1.16-1.9l18.3-7.25zm-3.49 5.12a.54.54 0 11.77.77l-4.22 4.22c-.1.1-.24.15-.38.15a.54.54 0 01-.39-.92l4.22-4.22z"
+    })
+  });
+};
+export default WindIcon;

package/es/lbm/lumiplan/index.d.ts

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

package/es/lbm/lumiplan/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lbm/lumiplan/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/es/lbm/lumiplan/index.js

@@ -0,0 +1,2 @@
+import Lumiplan from "./lumiplan";
+export default Lumiplan;

package/es/lbm/lumiplan/lumiplan.d.ts

@@ -0,0 +1,2 @@
+export default function Lumiplan(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=lumiplan.d.ts.map

package/es/lbm/lumiplan/lumiplan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lumiplan.d.ts","sourceRoot":"","sources":["../../../src/lbm/lumiplan/lumiplan.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CA+H/B"}

package/es/lbm/lumiplan/lumiplan.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useInView } from "framer-motion";
+import getConfig from "next/config";
+import TodaysTips from "./todays-tips";
+import RoadCondition from "./road-condition";
+import Weather from "./weather";
+import Domain from "./domain";
+import Pois from "./pois";
+import * as API from "./api";
+import css from "./lumiplan.module.css";
+import Opening from "./opening";
+import ResortSelector from "./resort-selector";
+const { publicRuntimeConfig } = getConfig();
+const { lumiplanResorts } = publicRuntimeConfig;
+const IN_VIEW_CONFIG = { once: true };
+export default function Lumiplan() {
+    const todaysTipsRef = React.useRef(null);
+    const weatherRef = React.useRef(null);
+    const roadConditionRef = React.useRef(null);
+    const domainRef = React.useRef(null);
+    const openingsRef = React.useRef(null);
+    const poisRef = React.useRef(null);
+    const isTodaysTipsInView = useInView(todaysTipsRef, IN_VIEW_CONFIG);
+    const isWeatherInView = useInView(weatherRef, IN_VIEW_CONFIG);
+    const isRoadConditionInView = useInView(roadConditionRef, IN_VIEW_CONFIG);
+    const isDomainInView = useInView(domainRef, IN_VIEW_CONFIG);
+    const isOpeningsInView = useInView(openingsRef, IN_VIEW_CONFIG);
+    const isPoisInView = useInView(poisRef, IN_VIEW_CONFIG);
+    const [currentResortId, setCurrentResortId] = React.useState(lumiplanResorts[0].id);
+    const [resortOpening, setResortOpening] = React.useState();
+    const [weather, setWeather] = React.useState();
+    const [resortAccess, setResortAccess] = React.useState();
+    const [domain, setDomain] = React.useState();
+    const [pois, setPois] = React.useState();
+    React.useEffect(() => {
+        setResortOpening(undefined);
+        if (isTodaysTipsInView || isOpeningsInView) {
+            const fetchData = async () => {
+                try {
+                    const result = await API.getResortOpening(currentResortId);
+                    setResortOpening(result);
+                }
+                catch (error) {
+                    setResortOpening(null);
+                }
+            };
+            fetchData();
+        }
+    }, [currentResortId, isOpeningsInView, isTodaysTipsInView]);
+    React.useEffect(() => {
+        setWeather(undefined);
+        if (isWeatherInView) {
+            const fetchData = async () => {
+                try {
+                    const [weather, snow] = await Promise.all([
+                        API.getWeather(currentResortId),
+                        API.getSnow(currentResortId),
+                    ]);
+                    setWeather({ weather, snow });
+                }
+                catch (error) {
+                    setWeather(null);
+                }
+            };
+            fetchData();
+        }
+    }, [currentResortId, isWeatherInView]);
+    React.useEffect(() => {
+        setResortAccess(undefined);
+        if (isRoadConditionInView) {
+            const fetchData = async () => {
+                try {
+                    const result = await API.getResortAccess(currentResortId);
+                    setResortAccess(result);
+                }
+                catch (error) {
+                    setResortAccess(null);
+                }
+            };
+            fetchData();
+        }
+    }, [currentResortId, isRoadConditionInView]);
+    React.useEffect(() => {
+        setDomain(undefined);
+        if (isDomainInView) {
+            const fetchData = async () => {
+                try {
+                    const [slopes, lifts] = await Promise.all([
+                        API.getSlopes(currentResortId),
+                        API.getLifts(currentResortId),
+                    ]);
+                    setDomain({ slopes, lifts });
+                }
+                catch (error) {
+                    setDomain(null);
+                }
+            };
+            fetchData();
+        }
+    }, [currentResortId, isDomainInView]);
+    React.useEffect(() => {
+        setPois(undefined);
+        if (isPoisInView) {
+            const fetchData = async () => {
+                try {
+                    const result = await API.getPois(currentResortId);
+                    setPois(result);
+                }
+                catch (error) {
+                    setPois(null);
+                }
+            };
+            fetchData();
+        }
+    }, [currentResortId, isPoisInView]);
+    return (_jsxs("div", { className: css.lumiplan, children: [_jsx(ResortSelector, { resorts: lumiplanResorts, currentResortId: currentResortId, setCurrentResortId: setCurrentResortId }), _jsx(TodaysTips, { ref: todaysTipsRef, resortOpening: resortOpening }), _jsx(Weather, { ref: weatherRef, weather: weather }), _jsx(RoadCondition, { ref: roadConditionRef, resortAccess: resortAccess }), _jsx(Domain, { ref: domainRef, domain: domain }), _jsx(Pois, { ref: poisRef, pois: pois }), _jsx(Opening, { ref: openingsRef, resortOpening: resortOpening })] }));
+}

package/es/lbm/lumiplan/lumiplan.module.css

@@ -0,0 +1,3 @@
+.lumiplan {
+  padding: 64px 0;
+}

package/es/lbm/lumiplan/opening.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ResortOpening } from "./types";
+type Props = {
+    resortOpening?: ResortOpening | null;
+};
+declare const Opening: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Opening;
+//# sourceMappingURL=opening.d.ts.map

package/es/lbm/lumiplan/opening.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opening.d.ts","sourceRoot":"","sources":["../../../src/lbm/lumiplan/opening.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,OAAO,8EA2DZ,CAAC;AAwCF,eAAe,OAAO,CAAC"}

package/es/lbm/lumiplan/opening.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import { useUbloContext } from "ublo/with-ublo";
+import Loader from "dt-design-system/es/loader";
+import * as Icons from "dt-design-system/es/icons";
+import NightIcon from "./icons/night";
+import DawnIcon from "./icons/dawn";
+import T, { t } from "./i18n/translations";
+import css from "./opening.module.css";
+const Opening = React.forwardRef(({ resortOpening }, ref) => {
+    const { lang } = useUbloContext();
+    if (resortOpening === undefined) {
+        return (_jsx("div", { ref: ref, className: css.loader, "data-tags": t(lang, "opening.navigation-title"), children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    if (!resortOpening?.availability) {
+        return null;
+    }
+    const { dawnSkiingDays, nightSkiingDays } = resortOpening.availability;
+    return (_jsxs("div", { ref: ref, className: css.opening, "data-tags": t(lang, "opening.navigation-title"), children: [_jsx("div", { className: css.title, dangerouslySetInnerHTML: { __html: t(lang, "opening.title") } }), _jsx("div", { className: css.tableOuter, children: _jsxs("table", { className: css.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), dawnSkiingDays.map((day) => (_jsx("th", { className: css.heading, children: _jsx("div", { className: css.headingInner, children: _jsx(T, { id: `opening.days.${day.dayType}` }) }) }, day.dayType)))] }) }), _jsxs("tbody", { children: [_jsx("tr", { children: _jsx(Rows, { kind: "dawn", rows: dawnSkiingDays }) }), _jsx("tr", { children: _jsx(Rows, { kind: "night", rows: nightSkiingDays }) })] })] }) })] }));
+});
+function Rows({ kind, rows }) {
+    const Icon = kind === "dawn" ? DawnIcon : NightIcon;
+    return (_jsxs(_Fragment, { children: [_jsx("td", { className: css.heading, children: _jsxs("span", { className: css.headingInner, children: [_jsx(Icon, {}), _jsx(T, { id: `opening.${kind}` })] }) }), rows.map(({ dayType, open }) => {
+                const code = open ? "opening.available" : "opening.unavailable";
+                const classes = classNames(css.cell, {
+                    [css.cellAvailable]: open,
+                });
+                return (_jsx("td", { className: classes, children: _jsxs("span", { className: css.cellInner, children: [_jsx(T, { id: code }), !open && _jsx(Icons.Cross, {})] }) }, `${dayType}-${kind}`));
+            })] }));
+}
+Opening.displayName = "Opening";
+export default Opening;

package/es/lbm/lumiplan/opening.module.css

@@ -0,0 +1,88 @@
+.loader {
+  position: relative;
+  width: 100%;
+  max-width: 1200px;
+  height: 300px;
+  margin: 30px auto;
+  border-radius: var(--radius-200);
+  overflow: hidden;
+}
+
+.opening {
+  width: 100%;
+  max-width: 1200px;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  margin: 36px auto;
+  padding: 0 10px;
+}
+
+.title {
+  text-align: center;
+  font-size: 38px;
+  font-weight: 700;
+  color: hsl(var(--primary));
+}
+
+.tableOuter {
+  padding: 40px;
+  border: 2px solid hsl(var(--primary));
+  border-radius: calc(var(--radius-400) * 2);
+  overflow: auto;
+}
+
+.table {
+  color: hsl(var(--primary));
+}
+
+.table thead .headingInner {
+  margin: 0 auto;
+  padding: 0 10px;
+}
+
+.headingInner {
+  width: fit-content;
+  display: flex;
+  align-items: flex-end;
+  margin-top: 40px;
+  height: 18px;
+  line-height: 1;
+  background-color: hsla(var(--secondary), 10%);
+}
+
+.headingInner > svg {
+  flex: 0 0 30px;
+  width: 30px;
+  height: 30px;
+  margin-right: 6%;
+}
+
+.table td {
+  text-align: center;
+}
+
+.cell {
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: 15px;
+}
+
+.cell svg {
+  width: 1.2em;
+  height: 1.2em;
+  fill: currentColor;
+}
+
+.cellInner {
+  margin-top: 40px;
+  padding: 0 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.cellAvailable {
+  color: hsl(var(--secondary));
+}

package/es/lbm/lumiplan/pois.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { PoisInfo } from "./types";
+type Props = {
+    pois?: PoisInfo | null;
+};
+declare const Pois: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Pois;
+//# sourceMappingURL=pois.d.ts.map

package/es/lbm/lumiplan/pois.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pois.d.ts","sourceRoot":"","sources":["../../../src/lbm/lumiplan/pois.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAyB,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAwDrE,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB,CAAC;AASF,QAAA,MAAM,IAAI,8EAkMR,CAAC;AAIH,eAAe,IAAI,CAAC"}

package/es/lbm/lumiplan/pois.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import getConfig from "next/config";
+import Image from "next/image";
+import classNames from "classnames";
+import { useUbloContext } from "ublo/with-ublo";
+import Button from "dt-design-system/es/button";
+import Tooltip from "dt-design-system/es/tooltip";
+import Loader from "dt-design-system/es/loader";
+import * as Icons from "dt-design-system/es/icons";
+import * as LiftsIcons from "./icons/lifts";
+import * as TrailIcons from "./icons/trails";
+import T, { t } from "./i18n/translations";
+import css from "./pois.module.css";
+const LIFT_ICONS = {
+    TRAIN: LiftsIcons.Teleski,
+    FUNICULAR: LiftsIcons.Teleski,
+    TRAM: LiftsIcons.Teleski,
+    CABRIOLET_GONDOLA: LiftsIcons.Telecabine,
+    GONDOLA: LiftsIcons.Telecabine,
+    COMBINED_CHAIR_GONDOLA_LIFT: LiftsIcons.Telecabine,
+    DETACHABLE_BUBBLE_CHAIRLIFT: LiftsIcons.Telecabine,
+    DETACHABLE_CHAIRLIFT: LiftsIcons.TelesiegeDebrayable,
+    CHAIRLIFT: LiftsIcons.Telesiege,
+    SURFACE_LIFT: LiftsIcons.Teleski,
+    MAGIC_CARPET: LiftsIcons.TapisRoulant,
+    ROPE_TOW: LiftsIcons.Teleski,
+    DEFAULT: LiftsIcons.Teleski,
+};
+const TRAIL_ICONS = {
+    BIKE_PARK: TrailIcons.VTT,
+    BOARDERCROSS: TrailIcons.BoarderCross,
+    BUMP_TRAIL: TrailIcons.ChampDeBosse,
+    CROSS_COUNTRY_MOUNTAIN_BIKING: TrailIcons.BoarderCross,
+    CROSS_COUNTRY_SKIING: TrailIcons.Freeride,
+    DOWNHILL_MOUNTAIN_BIKING: TrailIcons.VTT,
+    DOWNHILL_SKIING: TrailIcons.Freeride,
+    EBIKE: TrailIcons.VTT,
+    ENDURO: TrailIcons.VTT,
+    FREERIDE_AREA_OFF_PIST: TrailIcons.Freeride,
+    FREERIDE_SKI_ITINERARY: TrailIcons.Freeride,
+    FUN_ZONE: TrailIcons.SkiAlpin,
+    GATE: TrailIcons.SkiAlpin,
+    GLADES: TrailIcons.SkiAlpin,
+    ILLUMINATED_TRAIL: TrailIcons.PisteEclairee,
+    MULTI_USE_TRAIL: TrailIcons.SkiAlpin,
+    MTB_ENDURO: TrailIcons.VTT,
+    PATH: TrailIcons.Pieton,
+    PEDESTRIAN: TrailIcons.Pieton,
+    ROUTE_OF_CROSS_COUNTRY: TrailIcons.Freeride,
+    SKI_TOURING: TrailIcons.Luge,
+    SLEDDING_HILL: TrailIcons.Luge,
+    SNOWPARK: TrailIcons.Snowpark,
+    SNOWPARK_LINE: TrailIcons.Snowpark,
+    SNOWSHOE: TrailIcons.Raquette,
+    TERRAIN_PARK: TrailIcons.Snowpark,
+    TERRAIN_PARK_US: TrailIcons.Snowpark,
+    TRAIL_RUNNING: TrailIcons.Pieton,
+    VIDEO_ZONE: TrailIcons.SkiAlpin,
+    UNDEF: TrailIcons.SkiAlpin,
+    DEFAULT: TrailIcons.SkiAlpin,
+};
+const { publicRuntimeConfig } = getConfig();
+const { lumiplanApiV2 } = publicRuntimeConfig;
+const SPECIAL_TRAILS = {
+    "Labell'glisse": `${lumiplanApiV2}/pistes-ludiques/labell-glisse.png`,
+    Waouland: `${lumiplanApiV2}/pistes-ludiques/waouland.png`,
+    Opoualand: `${lumiplanApiV2}/pistes-ludiques/opoualand.png`,
+    "The Flying Donuts": `${lumiplanApiV2}/pistes-ludiques/flying-donuts.png`,
+};
+const Pois = React.forwardRef(({ pois }, ref) => {
+    const { lang } = useUbloContext();
+    const [expanded, setExpanded] = React.useState(false);
+    if (pois === undefined) {
+        return (_jsx("div", { ref: ref, className: css.loader, children: _jsx(Loader, { variant: "overlay" }) }));
+    }
+    if (!pois) {
+        return null;
+    }
+    const flattenedPois = pois.reduce((acc, zone) => {
+        const { name, lifts = [], trails = [] } = zone;
+        const liftsWithSectorName = lifts.map((lift) => ({
+            ...lift,
+            sectorName: name,
+        }));
+        const trailsWithSectorName = trails.map((trail) => ({
+            ...trail,
+            sectorName: name,
+        }));
+        return [...acc, ...liftsWithSectorName, ...trailsWithSectorName];
+    }, []);
+    if (!flattenedPois.length) {
+        return null;
+    }
+    const ExpandIcon = expanded ? Icons.MinusCircle : Icons.PlusCircle;
+    const toggleExpanded = () => {
+        setExpanded(!expanded);
+    };
+    const displayedPois = expanded ? flattenedPois : flattenedPois.slice(0, 15);
+    return (_jsx("div", { className: css.pois, children: _jsxs("div", { className: css.inner, children: [_jsx("div", { className: css.list, children: displayedPois.map(({ id, name, type, liftType, trailType, trailLevel, sectorName, messagePoi, openingStatus, snowQuality, groomingStatus, openingStatusCompl, }) => {
+                        const isLift = type === "SKI_LIFT";
+                        const translationCode = isLift
+                            ? `pois.lifts.${liftType}`
+                            : `pois.trails.${trailType}`;
+                        const hasTrailLevel = trailLevel !== undefined && trailLevel !== "UNDEF";
+                        const trailLevelLabel = hasTrailLevel
+                            ? `(${t(lang, `pois.trailLevels.${trailLevel}`)})`
+                            : null;
+                        const specialTrail = Object.keys(SPECIAL_TRAILS).find((key) => name.includes(key));
+                        // TMP
+                        const isEven = Number(id) % 2 === 0;
+                        const mockMessage = {
+                            id: "mock",
+                            type: "TEXT",
+                            title: "messagePoi",
+                            data: [
+                                {
+                                    language: "fr_FR",
+                                    data: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+                                },
+                            ],
+                        };
+                        // TMP
+                        const message = messagePoi?.data?.find(({ language }) => {
+                            const _lang = lang === "fr" ? "fr_FR" : "en_US";
+                            return language === _lang;
+                        }) || isEven
+                            ? mockMessage.data[0]
+                            : undefined;
+                        const hasGroomingStatus = groomingStatus !== undefined && groomingStatus !== "UNDEF";
+                        const hasSnowQuality = snowQuality !== undefined && snowQuality !== "UNDEF";
+                        const classes = classNames(css.poi, {
+                            [css[trailLevel]]: hasTrailLevel,
+                        });
+                        let status = "OPEN";
+                        if (openingStatus.includes("DELAYED")) {
+                            status = "DELAYED";
+                        }
+                        else {
+                            status = "CLOSED";
+                        }
+                        const statusCode = `pois.opening-statuses.${status}`;
+                        const Icon = isLift
+                            ? LIFT_ICONS[liftType] || LIFT_ICONS.DEFAULT
+                            : TRAIL_ICONS[trailType] || TRAIL_ICONS.DEFAULT;
+                        return (_jsxs("div", { className: classes, children: [_jsx("div", { className: css.poiIcon, children: specialTrail ? (_jsx(Image, { src: SPECIAL_TRAILS[specialTrail], width: 50, height: 50, alt: specialTrail })) : (_jsx(Icon, {})) }), _jsxs("div", { className: css.poiInfo, children: [_jsxs("div", { className: css.poiHeader, children: [_jsx("span", { className: css.poiName, children: name }), _jsx("span", { className: css.poiStatus, children: _jsx(T, { id: statusCode }) })] }), _jsxs("div", { className: css.poiDetail, children: [_jsxs("div", { className: css.poiDetailHeader, children: [sectorName, " | ", _jsx(T, { id: translationCode }), " ", trailLevelLabel] }), !isLift && (_jsxs("div", { className: css.poiTrailDetail, children: [hasGroomingStatus && (_jsx("div", { className: css.poiTrailDetailItem, children: _jsx(T, { id: `snow.grooming.states.${groomingStatus}` }) })), hasSnowQuality && (_jsxs("div", { className: css.poiTrailDetailItem, children: [_jsx(T, { id: "snow.snow-quality.title" }), " :", " ", _jsx(T, { id: `snow.snow-quality.states.${snowQuality}` })] }))] }))] })] }), _jsx("div", { className: css.poiMessage, children: message && (_jsx(Tooltip, { content: message.data, children: _jsx(Button, { variant: "transparent", children: _jsx(Icons.Info, {}) }) })) })] }, id));
+                    }) }), _jsx(Tooltip, { content: t(lang, expanded ? "see-less" : "see-more"), children: _jsx(Button, { className: css.expandButton, variant: "transparent", onClick: toggleExpanded, children: _jsx(ExpandIcon, {}) }) })] }) }));
+});
+Pois.displayName = "Pois";
+export default Pois;

package/es/lbm/lumiplan/pois.module.css

@@ -0,0 +1,137 @@
+.loader {
+  position: relative;
+  width: 100%;
+  height: 600px;
+}
+
+.pois {
+  width: 100%;
+  padding: 40px 10px;
+  background-color: hsla(var(--secondary), 10%);
+}
+
+.inner {
+  width: 100%;
+  max-width: 1000px;
+  display: flex;
+  flex-direction: column;
+  gap: 34px;
+  margin: 0 auto;
+}
+
+.list {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 26px;
+}
+
+@media (min-width: 820px) {
+  .list {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+/* @media (min-width: 1150px) {
+  .list {
+    grid-template-columns: repeat(3, 1fr);
+  }
+} */
+
+.expandButton {
+  margin: 0 auto;
+}
+
+.poi {
+  --color: hsl(var(--primary));
+
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  color: hsl(var(--primary));
+}
+
+.poi.GREEN {
+  --color: #00a52c;
+}
+
+.poi.BLUE {
+  --color: #0062ae;
+}
+
+.poi.RED {
+  --color: #f4000f;
+}
+
+.poi.BLACK {
+  --color: #000;
+}
+
+.poi.YELLOW {
+  --color: #f9d71c;
+}
+
+.poiIcon {
+  flex: 0 0 50px;
+  width: 50px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.poiIcon svg {
+  width: 100%;
+  height: 100%;
+  fill: var(--color);
+}
+
+.poiInfo {
+  flex: 1 1 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.poiHeader {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 17px;
+  font-weight: 700;
+}
+
+@media (min-width: 1150px) {
+  .poiHeader {
+    font-size: 19px;
+  }
+}
+
+.poiName {
+  flex: 1 1 auto;
+}
+
+.poiStatus {
+  margin-left: auto;
+  text-transform: uppercase;
+  font-size: 15px;
+}
+
+.poiDetail {
+  display: flex;
+  flex-direction: column;
+}
+
+.poiDetailHeader {
+  font-size: 13px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.poiMessage {
+  flex: 0 0 33px;
+  margin-left: auto;
+}
+
+.poiMessage button {
+  cursor: help;
+  color: hsl(var(--secondary));
+}

package/es/lbm/lumiplan/resort-selector.d.ts

@@ -0,0 +1,12 @@
+type Resort = {
+    id: number;
+    label: string;
+};
+type Props = {
+    resorts: Resort[];
+    currentResortId: number;
+    setCurrentResortId: (id: number) => void;
+};
+export default function ResortSelector({ resorts, currentResortId, setCurrentResortId, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=resort-selector.d.ts.map

package/es/lbm/lumiplan/resort-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resort-selector.d.ts","sourceRoot":"","sources":["../../../src/lbm/lumiplan/resort-selector.tsx"],"names":[],"mappings":"AAKA,KAAK,MAAM,GAAG;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,eAAe,EACf,kBAAkB,GACnB,EAAE,KAAK,kDAwBP"}