ublo-lib 1.31.42 → 1.31.44

package/es/lbm/components/lumiplan/lumiplan.js

@@ -1,189 +0,0 @@
-import * as React from "react";
-import { useInView } from "framer-motion";
-import getConfig from "next/config";
-import ResortSelector from "./resort-selector";
-import Toolbar from "./toolbar";
-import TodaysTips from "./todays-tips";
-import RoadCondition from "./road-condition";
-import Weather from "./weather";
-import Domain from "./domain";
-import Pois from "./pois";
-import Header from "./header";
-import Opening from "./opening";
-import Signature from "./signature";
-import * as API from "./api";
-import css from "./lumiplan.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-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 currentResort = lumiplanResorts.find(resort => resort.id === currentResortId);
-  const showOpening = Boolean(currentResort.showOpening);
-  const disablePrint = Boolean(currentResort.disablePrint);
-  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();
-  const [timestamp, setTimestamp] = React.useState(new Date());
-  const [signature, setSignature] = React.useState();
-  const [mode, setMode] = React.useState("weather");
-  const fetchAllData = async () => {
-    try {
-      const [opening, weather, access, domain, pois, signature] = await Promise.all([API.getResortOpening(currentResortId), Promise.all([API.getWeather(currentResortId), API.getSnow(currentResortId)]), API.getResortAccess(currentResortId), Promise.all([API.getSlopes(currentResortId), API.getLifts(currentResortId)]), API.getPois(currentResortId), API.getSignature(currentResortId)]);
-      setResortOpening(opening);
-      setWeather({
-        weather: weather[0],
-        snow: weather[1]
-      });
-      setResortAccess(access);
-      setDomain({
-        slopes: domain[0],
-        lifts: domain[1]
-      });
-      setPois(pois);
-      setSignature(signature);
-      setTimestamp(new Date());
-    } catch (error) {
-      setResortOpening(null);
-      setWeather(null);
-      setResortAccess(null);
-      setDomain(null);
-      setPois(null);
-      setSignature(null);
-    }
-  };
-  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", {
-    "data-mode": mode,
-    className: css.lumiplan,
-    children: [_jsx(Header, {
-      date: timestamp,
-      mode: mode
-    }), !disablePrint && _jsx(Toolbar, {
-      setMode: setMode,
-      fetchAllData: fetchAllData
-    }), _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
-    }), showOpening && _jsx(Opening, {
-      ref: openingsRef,
-      resortOpening: resortOpening,
-      showOpening: currentResort.showOpening
-    }), _jsx(Signature, {
-      signature: signature
-    })]
-  });
-}

package/es/lbm/components/lumiplan/opening.js

@@ -1,147 +0,0 @@
-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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const Opening = React.forwardRef(({
-  resortOpening,
-  showOpening
-}, ref) => {
-  const {
-    lang
-  } = useUbloContext();
-  let tagCode = "opening.navigation-title-full";
-  if (!showOpening?.includes("dawn")) {
-    tagCode = "opening.navigation-title-night";
-  } else if (!showOpening?.includes("night")) {
-    tagCode = "opening.navigation-title-dawn";
-  }
-  if (resortOpening === undefined) {
-    return _jsx("div", {
-      ref: ref,
-      className: css.loader,
-      "data-tags": t(lang, tagCode),
-      children: _jsx(Loader, {
-        variant: "overlay"
-      })
-    });
-  }
-  if (!resortOpening?.availability) {
-    return null;
-  }
-  const {
-    dawnSkiingDays,
-    nightSkiingDays
-  } = resortOpening.availability;
-  const dayIndex = new Date().getDay() - 1;
-  const orderedDays = reorganizeDays(dawnSkiingDays, dayIndex);
-  const orderedNights = reorganizeDays(nightSkiingDays, dayIndex);
-  return _jsx("div", {
-    ref: ref,
-    className: css.opening,
-    "data-tags": t(lang, tagCode),
-    children: _jsx("div", {
-      className: css.tableOuter,
-      children: _jsx("div", {
-        className: css.tableInner,
-        children: _jsxs("table", {
-          className: css.table,
-          children: [_jsx("thead", {
-            children: _jsxs("tr", {
-              children: [_jsx("th", {}), orderedDays.map((day, i) => {
-                const dayNumber = new Date();
-                dayNumber.setDate(dayNumber.getDate() + i);
-                const weekDay = t(lang, `opening.days.${day.dayType}`);
-                return _jsxs("th", {
-                  className: css.heading,
-                  children: [_jsx(_Fragment, {
-                    children: _jsxs("div", {
-                      className: css.headingInner,
-                      children: [weekDay, " ", dayNumber.getDate()]
-                    })
-                  }), _jsx(_Fragment, {
-                    children: _jsxs("div", {
-                      className: css.headingPrinted,
-                      children: [formatPrintedDays(weekDay), dayNumber.getDate()]
-                    })
-                  })]
-                }, day.dayType);
-              })]
-            })
-          }), _jsxs("tbody", {
-            children: [showOpening?.includes("dawn") && _jsx("tr", {
-              children: _jsx(Rows, {
-                kind: "dawn",
-                rows: orderedDays
-              })
-            }), showOpening?.includes("night") && _jsx("tr", {
-              children: _jsx(Rows, {
-                kind: "night",
-                rows: orderedNights
-              })
-            })]
-          })]
-        })
-      })
-    })
-  });
-});
-function Rows({
-  kind,
-  rows
-}) {
-  const Icon = kind === "dawn" ? DawnIcon : NightIcon;
-  return _jsxs(_Fragment, {
-    children: [_jsx("td", {
-      className: css.heading,
-      children: _jsxs("span", {
-        className: css.rowHeadingInner,
-        children: [_jsx(Icon, {}), _jsx("span", {
-          className: css.kindPrinted,
-          children: _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("span", {
-            className: css.hiddenPrint,
-            children: _jsx(T, {
-              id: code
-            })
-          }), !open && _jsx(Icons.Cross, {}), open && _jsx(Icons.Check, {
-            className: css.showPrint
-          })]
-        })
-      }, `${dayType}-${kind}`);
-    })]
-  });
-}
-Opening.displayName = "Opening";
-export default Opening;
-function reorganizeDays(days, index) {
-  const daysBefore = days.slice(0, index);
-  const daysAfter = days.slice(index);
-  return [...daysAfter, ...daysBefore];
-}
-function formatPrintedDays(day) {
-  return `${day.slice(0, 3)}. `;
-}

package/es/lbm/components/lumiplan/pois.js

@@ -1,299 +0,0 @@
-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 Popover from "dt-design-system/es/popover";
-import Loader from "dt-design-system/es/loader";
-import * as Icons from "dt-design-system/es/icons";
-import useWindowSizes from "../../../common/hooks/use-window-sizes";
-import * as LiftsIcons from "./icons/lifts";
-import * as TrailIcons from "./icons/trails";
-import LinkIcon from "./icons/link";
-import T, { t } from "./i18n/translations";
-import css from "./pois.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-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,
-  COASTER: TrailIcons.LugeSurRail,
-  CROSS_COUNTRY_MOUNTAIN_BIKING: TrailIcons.BoarderCross,
-  CROSS_COUNTRY_SKIING: TrailIcons.SkiAlpin,
-  DOWNHILL_MOUNTAIN_BIKING: TrailIcons.VTT,
-  DOWNHILL_SKIING: TrailIcons.SkiAlpin,
-  EBIKE: TrailIcons.VTT,
-  ENDURO: TrailIcons.VTT,
-  FREERIDE_AREA_OFF_PIST: TrailIcons.SkiAlpin,
-  FREERIDE_SKI_ITINERARY: TrailIcons.SkiAlpin,
-  FUN_ZONE: TrailIcons.Freeride,
-  GATE: TrailIcons.Freeride,
-  GLADES: TrailIcons.Freeride,
-  ILLUMINATED_TRAIL: TrailIcons.PisteEclairee,
-  MULTI_USE_TRAIL: TrailIcons.Freeride,
-  MTB_ENDURO: TrailIcons.VTT,
-  PATH: TrailIcons.Pieton,
-  PEDESTRIAN: TrailIcons.Pieton,
-  ROUTE_OF_CROSS_COUNTRY: TrailIcons.SkiAlpin,
-  SKI_TOURING: TrailIcons.Freeride,
-  SLEDDING_HILL: TrailIcons.Luge,
-  SNOWPARK: TrailIcons.Snowpark,
-  SNOWPARK_LINE: TrailIcons.Snowpark,
-  SNOWSHOE: TrailIcons.Raquette,
-  SNOWTUBING: TrailIcons.Snowtubing,
-  TERRAIN_PARK: TrailIcons.Snowpark,
-  TERRAIN_PARK_US: TrailIcons.Snowpark,
-  TRAIL_RUNNING: TrailIcons.Pieton,
-  TREETOP_ADVENTURE_PARK: TrailIcons.Accrobranche,
-  TYROLEAN: TrailIcons.Tyrolienne,
-  VIDEO_ZONE: TrailIcons.Freeride,
-  UNDEF: TrailIcons.Freeride,
-  DEFAULT: TrailIcons.Freeride
-};
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  lumiplanApi
-} = publicRuntimeConfig;
-const SPECIAL_TRAILS = {
-  "Labell'glisse": `${lumiplanApi}/pistes-ludiques/labell-glisse.png`,
-  Waouland: `${lumiplanApi}/pistes-ludiques/waouland.png`,
-  Opoualand: `${lumiplanApi}/pistes-ludiques/opoualand.png`,
-  "The Flying Donuts": `${lumiplanApi}/pistes-ludiques/flying-donuts.png`,
-  "Schlitte Mountain": `${lumiplanApi}/pistes-ludiques/schlitte-mountain.png`,
-  Boris: `${lumiplanApi}/pistes-ludiques/boris.png`,
-  "Rail Park": `${lumiplanApi}/pistes-ludiques/rail-park.png`
-};
-const Pois = React.forwardRef(({
-  pois
-}, ref) => {
-  const {
-    lang
-  } = useUbloContext();
-  const {
-    width: windowWidth
-  } = useWindowSizes();
-  const isMobile = windowWidth && windowWidth < 768;
-  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 = [],
-      activities = [],
-      interconnections = []
-    } = zone;
-    const liftsWithSectorName = lifts.map(lift => ({
-      ...lift,
-      sectorName: name
-    }));
-    const trailsWithSectorName = trails.map(trail => ({
-      ...trail,
-      sectorName: name
-    }));
-    const activitiesWithSectorName = activities.map(activity => ({
-      ...activity,
-      sectorName: name
-    }));
-    const interconnectionsWithSectorName = interconnections.map(interconnection => ({
-      ...interconnection,
-      sectorName: name
-    }));
-    return [...interconnectionsWithSectorName, ...acc, ...liftsWithSectorName, ...trailsWithSectorName, ...activitiesWithSectorName];
-  }, []);
-  if (!flattenedPois.length) {
-    return null;
-  }
-  return _jsx("div", {
-    className: css.pois,
-    children: _jsx("div", {
-      className: css.inner,
-      children: pois.map(zone => {
-        const {
-          name,
-          lifts = [],
-          trails = [],
-          activities = [],
-          interconnections = []
-        } = zone;
-        const zonePois = [...interconnections, ...lifts, ...trails, ...activities];
-        if (!zonePois.length) {
-          return null;
-        }
-        return _jsxs("div", {
-          className: css.zone,
-          children: [_jsx("div", {
-            className: css.zoneName,
-            children: name
-          }), _jsx("div", {
-            className: css.list,
-            children: zonePois.map(({
-              id,
-              name,
-              type,
-              liftType,
-              trailType,
-              activityType,
-              trailLevel,
-              messagePoi,
-              openingStatus,
-              snowQuality,
-              groomingStatus,
-              openingTimesReal,
-              openingTimesTh
-            }) => {
-              const isLift = type === "SKI_LIFT";
-              const isInterconnection = type === "LINK";
-              const translationCode = isLift ? `pois.lifts.${liftType}` : `pois.trails.${trailType}`;
-              const hasTrailLevel = trailLevel !== undefined && trailLevel !== "UNDEF" && trailLevel !== "YELLOW";
-              const trailLevelLabel = hasTrailLevel ? `(${t(lang, `pois.trail-levels.${trailLevel}`)})` : null;
-              const specialTrail = Object.keys(SPECIAL_TRAILS).find(key => name?.toLowerCase()?.includes(key.toLowerCase()));
-              const message = messagePoi?.data?.find(({
-                language
-              }) => {
-                const _lang = lang === "fr" ? "fr_FR" : "en_US";
-                return language === _lang;
-              });
-              const hasGroomingStatus = groomingStatus !== undefined && groomingStatus !== "UNDEF";
-              const hasSnowQuality = snowQuality !== undefined && snowQuality !== "UNDEF";
-              const classes = classNames(css.poi, {
-                [css[trailLevel]]: hasTrailLevel
-              });
-              let status = "CLOSED";
-              if (openingStatus?.includes("DELAYED")) {
-                status = "DELAYED";
-              } else if (openingStatus?.includes("STOPPED")) {
-                status = "STOPPED";
-              } else if (openingStatus?.includes("FORECAST")) {
-                status = "FORECAST";
-              } else if (openingStatus?.includes("OPEN")) {
-                status = "OPEN";
-              }
-              const statusCode = `pois.opening-statuses.${status}`;
-              let Icon = isLift ? LIFT_ICONS[liftType] || LIFT_ICONS.DEFAULT : TRAIL_ICONS[activityType || trailType] || TRAIL_ICONS.DEFAULT;
-              if (isInterconnection) {
-                Icon = LinkIcon;
-              }
-              const openingTimes = openingTimesReal || openingTimesTh;
-              const isClosed = status === "CLOSED";
-              const showOpeningTimes = !isClosed && openingTimes && openingTimes?.length > 0;
-              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
-                    }), _jsxs("span", {
-                      className: css.poiStatus,
-                      children: [_jsx(T, {
-                        id: statusCode
-                      }), showOpeningTimes && _jsxs("div", {
-                        className: css.poiOpeningTimes,
-                        children: [openingTimes[0].beginTime, " -", " ", openingTimes[0].endTime]
-                      })]
-                    })]
-                  }), _jsxs("div", {
-                    className: css.poiDetail,
-                    children: [isInterconnection && _jsx("div", {
-                      className: css.poiDetailHeader,
-                      children: _jsx("b", {
-                        children: _jsx(T, {
-                          id: "interconnection"
-                        })
-                      })
-                    }), trailType !== "FUN_ZONE" && activityType !== "FUN_ZONE" && _jsxs("div", {
-                      className: css.poiDetailKind,
-                      children: [_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}`
-                        })]
-                      })]
-                    })]
-                  }), message?.data && _jsx("b", {
-                    className: css.printedMessage,
-                    children: message.data
-                  })]
-                }), _jsx("div", {
-                  className: css.poiMessage,
-                  children: message?.data && _jsx(_Fragment, {
-                    children: isMobile ? _jsx(Popover, {
-                      innerClassName: css.poiPopover,
-                      trigger: _jsx(Button, {
-                        variant: "transparent",
-                        children: _jsx(Icons.Info, {})
-                      }),
-                      children: message.data
-                    }) : _jsx(Tooltip, {
-                      content: message.data,
-                      children: _jsx(Button, {
-                        variant: "transparent",
-                        children: _jsx(Icons.Info, {})
-                      })
-                    })
-                  })
-                })]
-              }, id);
-            })
-          })]
-        }, name);
-      })
-    })
-  });
-});
-Pois.displayName = "Pois";
-export default Pois;

package/es/lbm/components/lumiplan/print-button.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import T from "./i18n/translations";
-import styles from "./print-button.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function PrintButton({
-  fetchAllData,
-  mode,
-  setMode
-}) {
-  const triggerPrint = async () => {
-    setMode(mode);
-    await fetchAllData();
-    window.requestAnimationFrame(() => {
-      window.print();
-    });
-  };
-  return _jsx("div", {
-    className: styles.wrapper,
-    children: _jsx(Button, {
-      variant: "secondary",
-      compact: true,
-      onClick: triggerPrint,
-      children: _jsx(T, {
-        id: `print.${mode}`
-      })
-    })
-  });
-}