@eclass/ui-kit 1.58.2 → 1.58.4

package/dist/eclass-ui-kit.es.js

@@ -9602,6 +9602,38 @@ function validateTimezone(_hours, minutes) {
 const STORAGE_TODAY_EVENT = "todayEvents";
 const STORAGE_SEEN_EVENT = "seenEvents";
 const STORAGE_HAS_NEW = "hasNewEvents";
+const getStorage = () => {
+  if (typeof window === "undefined")
+    return null;
+  try {
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+};
+const readStorageArray = (key) => {
+  const storage = getStorage();
+  if (!storage)
+    return [];
+  try {
+    const value = storage.getItem(key);
+    if (!value)
+      return [];
+    const parsed = JSON.parse(value);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+};
+const writeStorageValue = (key, value) => {
+  const storage = getStorage();
+  if (!storage)
+    return;
+  try {
+    storage.setItem(key, JSON.stringify(value));
+  } catch {
+  }
+};
 const useParseEvents = (events, now) => {
   const [todayEvents, setTodayEvents] = useState([]);
   const [tomorrowEvents, setTomorrowEvents] = useState([]);
@@ -9609,12 +9641,11 @@ const useParseEvents = (events, now) => {
   const [hasNew, setHasNew] = useState(false);
   const [hasMoreNext, setHasMoreNext] = useState(false);
   useEffect(() => {
-    var _a, _b;
     const parseNow = parseISO(now);
     const today = startOfDay(parseNow);
     const tomorrow = addDays(today, 1);
-    const storedTodayEvent = JSON.parse((_a = localStorage.getItem(STORAGE_TODAY_EVENT)) != null ? _a : "[]");
-    const storedSeenEvent = JSON.parse((_b = localStorage.getItem(STORAGE_SEEN_EVENT)) != null ? _b : "[]");
+    const storedTodayEvent = readStorageArray(STORAGE_TODAY_EVENT);
+    const storedSeenEvent = readStorageArray(STORAGE_SEEN_EVENT);
     let newEvents = false;
     const todayList = [];
     const tomorrowList = [];
@@ -9642,20 +9673,21 @@ const useParseEvents = (events, now) => {
     if (nextList.length > 5) {
       setHasMoreNext(true);
       next = next.slice(0, 5);
+    } else {
+      setHasMoreNext(false);
     }
     setNextEvents(next);
     setHasNew(newEvents);
-    localStorage.setItem(STORAGE_TODAY_EVENT, JSON.stringify(storedTodayEvent));
-    localStorage.setItem(STORAGE_HAS_NEW, JSON.stringify(newEvents));
+    writeStorageValue(STORAGE_TODAY_EVENT, storedTodayEvent);
+    writeStorageValue(STORAGE_HAS_NEW, newEvents);
   }, [events, now]);
   const closeAndMarkSeen = () => {
-    var _a;
-    const storedSeenEvent = JSON.parse((_a = localStorage.getItem(STORAGE_SEEN_EVENT)) != null ? _a : "[]");
+    const storedSeenEvent = readStorageArray(STORAGE_SEEN_EVENT);
     const updatedSeenEvents = Array.from(
       /* @__PURE__ */ new Set([...storedSeenEvent, ...todayEvents.map((e2) => e2.id)])
     );
-    localStorage.setItem(STORAGE_SEEN_EVENT, JSON.stringify(updatedSeenEvents));
-    localStorage.setItem(STORAGE_HAS_NEW, JSON.stringify(false));
+    writeStorageValue(STORAGE_SEEN_EVENT, updatedSeenEvents);
+    writeStorageValue(STORAGE_HAS_NEW, false);
     setTimeout(() => {
       setTodayEvents(todayEvents.map((el) => ({ ...el, isNew: false })));
     }, 300);
@@ -10240,8 +10272,9 @@ const EventsList = ({
   type,
   unitName
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const border = `1px solid ${(_a = vars("colors-neutral-platinum")) != null ? _a : "#E8E8E8"}`;
+  const hoverBg = (_b = vars("colors-neutral-cultured2")) != null ? _b : "#F8F8F8";
   const isClickable = Boolean(onClick);
   const initOrEnd = ["end-course", "init-course", "init-course-flexible", "end-course-flexible"].includes(type);
   const dateTextStyle = {
@@ -10251,7 +10284,7 @@ const EventsList = ({
     lineHeight: "100%"
   };
   const detailTextStyle = {
-    color: (_b = vars("colors-neutral-gray")) != null ? _b : "#808080",
+    color: (_c = vars("colors-neutral-gray")) != null ? _c : "#808080",
     fontSize: "14px",
     display: "inline",
     gap: "4px",
@@ -10265,6 +10298,10 @@ const EventsList = ({
     cursor: isClickable ? "pointer" : "default",
     onClick,
     p: "16px",
+    transition: "background-color 0.2s ease",
+    _hover: isClickable ? {
+      bg: hoverBg
+    } : void 0,
     children: [/* @__PURE__ */ jsxs(Box, {
       bg: color,
       minW: "88px",