@eclass/ui-kit 1.52.13 → 1.53.0

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

@@ -6060,14 +6060,14 @@ const Empty = ({
   });
 };
 const EventsGroup = ({
-  title,
+  colors: colors2,
   events,
+  hasMoreNext,
+  title,
+  redirect,
   text,
   textSeeMore,
-  textLinkMore,
-  colors: colors2,
-  redirect,
-  hasMoreNext
+  textLinkMore
 }) => {
   var _a;
   if (!events || events && events.length === 0)
@@ -6103,7 +6103,7 @@ const EventsGroup = ({
               boxShadow: "none !important"
             },
             children: /* @__PURE__ */ jsx(EventsList, {
-              name: event.associated_resource.name || "",
+              name: event.translatedTitle,
               courseName: event.course.name,
               day: event.formatedDate.day,
               date: event.formatedDate.date,
@@ -6133,12 +6133,12 @@ const EventsGroup = ({
   });
 };
 const Events = ({
+  colors: colors2,
   events,
-  text,
-  redirecToCalendar,
+  hasMoreNext,
   isMobile,
-  colors: colors2,
-  hasMoreNext
+  redirecToCalendar,
+  text
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const {
@@ -6175,35 +6175,35 @@ const Events = ({
       })
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
+      events: today,
       text: (_c = text == null ? void 0 : text.course) != null ? _c : "",
-      title: (_e = (_d = text == null ? void 0 : text.events) == null ? void 0 : _d.today) != null ? _e : "Hoy",
-      events: today
+      title: (_e = (_d = text == null ? void 0 : text.events) == null ? void 0 : _d.today) != null ? _e : "Hoy"
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
+      events: tomorrow,
       text: (_f = text == null ? void 0 : text.course) != null ? _f : "",
-      title: (_h = (_g = text == null ? void 0 : text.events) == null ? void 0 : _g.tomorrow) != null ? _h : "Ma\xF1ana",
-      events: tomorrow
+      title: (_h = (_g = text == null ? void 0 : text.events) == null ? void 0 : _g.tomorrow) != null ? _h : "Ma\xF1ana"
     }), /* @__PURE__ */ jsx(EventsGroup, {
-      hasMoreNext,
       colors: colors2,
+      events: next,
+      hasMoreNext,
+      redirect: redirecToCalendar,
       textSeeMore: (_i = text == null ? void 0 : text.seeMore.see) != null ? _i : "Ver m\xE1s fechas en",
       textLinkMore: (_j = text == null ? void 0 : text.seeMore.link) != null ? _j : "Mi calendario",
       text: (_k = text == null ? void 0 : text.course) != null ? _k : "",
-      title: (_m = (_l = text == null ? void 0 : text.events) == null ? void 0 : _l.next) != null ? _m : "Pr\xF3ximos",
-      events: next,
-      redirect: redirecToCalendar
+      title: (_m = (_l = text == null ? void 0 : text.events) == null ? void 0 : _l.next) != null ? _m : "Pr\xF3ximos"
     })]
   });
 };
 const CalendarDropdownContainer = ({
+  courseColors,
   events,
   loading,
-  text,
+  m: m2,
   now,
-  redirectToCalendar,
-  courseColors,
   onlyToCalendar,
-  m: m2
+  redirectToCalendar,
+  text
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const [isMobile] = useMediaQuery("(max-width: 577px)");
@@ -6329,8 +6329,8 @@ const CalendarDropdownContainer = ({
           onClick: redirectToCalendar
         }), !onlyToCalendar && /* @__PURE__ */ jsxs(MenuList, {
           children: [/* @__PURE__ */ jsx(Header, {
-            text: (_d = text == null ? void 0 : text.header) != null ? _d : "Pr\xF3ximas fechas importantes de tus cursos",
-            isMobile
+            isMobile,
+            text: (_d = text == null ? void 0 : text.header) != null ? _d : "Pr\xF3ximas fechas importantes de tus cursos"
           }), /* @__PURE__ */ jsx(Box, {
             bg: (_e = vars("colors-neutral-white")) != null ? _e : "#FFF",
             children: loading ? /* @__PURE__ */ jsx(Loading, {
@@ -6338,12 +6338,12 @@ const CalendarDropdownContainer = ({
             }) : events.length === 0 || empty ? /* @__PURE__ */ jsx(Empty, {
               text: (_g = text == null ? void 0 : text.empty) != null ? _g : "A\xFAn no tienes eventos en tu calendario"
             }) : /* @__PURE__ */ jsx(Events, {
-              hasMoreNext,
               colors: courseColors,
               events: all,
-              text,
+              hasMoreNext,
+              isMobile,
               redirecToCalendar: redirectToCalendar,
-              isMobile
+              text
             })
           })]
         })]
@@ -6359,26 +6359,26 @@ const Loading = ({
   });
 };
 const CalendarDropdown = ({
-  redirectToCalendar,
-  text,
   courseColors,
-  now,
   events,
   loading,
+  m: m2,
+  now,
   onlyToCalendar = false,
-  m: m2
+  redirectToCalendar,
+  text
 }) => {
   const date = new Date(now);
   const isoDate = date.toISOString();
   return /* @__PURE__ */ jsx(CalendarDropdownContainer, {
-    m: m2,
+    courseColors,
     events,
     loading,
+    m: m2,
     now: isoDate,
-    courseColors,
+    onlyToCalendar,
     redirectToCalendar,
-    text,
-    onlyToCalendar
+    text
   });
 };
 const NotificationIcon = () => /* @__PURE__ */ jsx("svg", {
@@ -6412,7 +6412,7 @@ const EventsList = ({
   const border = `1px solid ${(_a = vars("colors-neutral-platinum")) != null ? _a : "#E8E8E8"}`;
   const initOrEnd = ["end-course", "init-course", "init-course-flexible", "end-course-flexible"].includes(type);
   const dateTextStyle = {
-    fontSize: "18px",
+    fontSize: "14px",
     fontWeight: "700",
     color: vars("colors-neutral-white"),
     lineHeight: "100%"
@@ -6432,10 +6432,10 @@ const EventsList = ({
     gap: "12px",
     children: [/* @__PURE__ */ jsxs(Box, {
       bg: color,
-      minW: "108px",
-      minH: "80px",
-      maxW: "108px",
-      maxH: "80px",
+      minW: "88px",
+      minH: "74px",
+      maxW: "88px",
+      maxH: "72px",
       borderRadius: "4px",
       p: "8px",
       display: "flex",
@@ -6450,11 +6450,7 @@ const EventsList = ({
         sx: dateTextStyle,
         children: date
       }), /* @__PURE__ */ jsx(Box, {
-        as: "span",
-        fontSize: "14px",
-        fontWeight: "700",
-        color: vars("colors-neutral-white"),
-        lineHeight: "normal",
+        sx: dateTextStyle,
         children: time
       })]
     }), /* @__PURE__ */ jsxs(Box, {