ublo-lib 1.24.4 → 1.25.0

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

@@ -1,4 +1,3 @@
-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";
@@ -11,110 +10,139 @@ 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 };
+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 [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();
+  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 [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);
         }
-    }, [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();
+      };
+      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);
         }
-    }, [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();
+      };
+      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);
         }
-    }, [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();
+      };
+      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);
         }
-    }, [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();
+      };
+      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);
         }
-    }, [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 }), showOpening && (_jsx(Opening, { ref: openingsRef, resortOpening: resortOpening, showOpening: currentResort.showOpening }))] }));
-}
+      };
+      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
+    }), showOpening && _jsx(Opening, {
+      ref: openingsRef,
+      resortOpening: resortOpening,
+      showOpening: currentResort.showOpening
+    })]
+  });
+}

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

@@ -1,4 +1,3 @@
-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";
@@ -8,45 +7,124 @@ 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, 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);
-                                        return (_jsx("th", { className: css.heading, children: _jsxs("div", { className: css.headingInner, children: [_jsx(T, { id: `opening.days.${day.dayType}` }), " ", 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 }) }))] })] }) }) }) }));
+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);
+                return _jsx("th", {
+                  className: css.heading,
+                  children: _jsxs("div", {
+                    className: css.headingInner,
+                    children: [_jsx(T, {
+                      id: `opening.days.${day.dayType}`
+                    }), " ", 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(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}`));
-            })] }));
+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(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;
 function reorganizeDays(days, index) {
-    const daysBefore = days.slice(0, index);
-    const daysAfter = days.slice(index);
-    return [...daysAfter, ...daysBefore];
-}
+  const daysBefore = days.slice(0, index);
+  const daysAfter = days.slice(index);
+  return [...daysAfter, ...daysBefore];
+}