@eclass/ui-kit 1.57.9 → 1.58.0

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

@@ -7331,7 +7331,7 @@ function FlashNotification({
       duration: ["success", "info"].includes(state) ? handleTime(message) : Infinity,
       id: alertStates[state].id
     });
-  }, [message, state, m2]);
+  }, [message, state, m2, isMobile]);
   useEffect(() => {
     if (show) {
       showToast();
@@ -7622,6 +7622,25 @@ const Loading$1 = ({
     })]
   });
 };
+const sanitizeModalDescription = (description) => {
+  const sanitizedDescription = purify.sanitize(description, {
+    ADD_ATTR: ["target", "rel"]
+  });
+  const parsedDocument = new window.DOMParser().parseFromString(sanitizedDescription, "text/html");
+  parsedDocument.querySelectorAll('a[target="_blank"]').forEach((anchor) => {
+    var _a;
+    const currentRel = (_a = anchor.getAttribute("rel")) != null ? _a : "";
+    const relTokens = currentRel.split(/\s+/).filter(Boolean);
+    if (!relTokens.includes("noopener")) {
+      relTokens.push("noopener");
+    }
+    if (!relTokens.includes("noreferrer")) {
+      relTokens.push("noreferrer");
+    }
+    anchor.setAttribute("rel", relTokens.join(" "));
+  });
+  return parsedDocument.body.innerHTML;
+};
 const ModalAlertContent = ({
   type,
   title,
@@ -7630,7 +7649,7 @@ const ModalAlertContent = ({
   children
 }) => {
   const [isDesktop] = useMediaQuery("(min-width: 641px)");
-  const descriptionParsed = typeof description === "string" ? ReactParser(purify.sanitize(description)) : description;
+  const descriptionParsed = typeof description === "string" ? ReactParser(sanitizeModalDescription(description)) : description;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs(ModalBody, {
       p: "32px",
@@ -9871,6 +9890,7 @@ const EventsGroup = ({
   colors: colors2,
   events,
   hasMoreNext,
+  onClickEvent,
   title,
   redirect,
   text: text2,
@@ -9899,11 +9919,11 @@ const EventsGroup = ({
           return /* @__PURE__ */ jsx(Box, {
             bg: (_a2 = vars("colors-neutral-white")) != null ? _a2 : "#FFFFFF",
             border: "none",
-            cursor: "default",
+            cursor: onClickEvent ? "pointer" : "default",
             padding: "0",
             _hover: {
               boxShadow: "none !important",
-              cursor: "default !important",
+              cursor: onClickEvent ? "pointer !important" : "default !important",
               bg: "none !important"
             },
             _focus: {
@@ -9920,6 +9940,7 @@ const EventsGroup = ({
               text: text2,
               type: event.type,
               hasNotification: event.isNew,
+              onClick: onClickEvent ? () => onClickEvent(event) : void 0,
               showCourse: true
             }, event.id)
           }, event.id);
@@ -9946,6 +9967,7 @@ const Events = ({
   events,
   hasMoreNext,
   isMobile,
+  onClickEvent,
   redirecToCalendar,
   text: text2
 }) => {
@@ -9985,17 +10007,20 @@ const Events = ({
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
       events: today,
+      onClickEvent,
       text: (_c = text2 == null ? void 0 : text2.course) != null ? _c : "",
       title: (_e = (_d = text2 == null ? void 0 : text2.events) == null ? void 0 : _d.today) != null ? _e : "Hoy"
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
       events: tomorrow,
+      onClickEvent,
       text: (_f = text2 == null ? void 0 : text2.course) != null ? _f : "",
       title: (_h = (_g = text2 == null ? void 0 : text2.events) == null ? void 0 : _g.tomorrow) != null ? _h : "Ma\xF1ana"
     }), /* @__PURE__ */ jsx(EventsGroup, {
       colors: colors2,
       events: next,
       hasMoreNext,
+      onClickEvent,
       redirect: redirecToCalendar,
       textSeeMore: (_i = text2 == null ? void 0 : text2.seeMore.see) != null ? _i : "Ver m\xE1s fechas en",
       textLinkMore: (_j = text2 == null ? void 0 : text2.seeMore.link) != null ? _j : "Mi calendario",
@@ -10005,6 +10030,7 @@ const Events = ({
   });
 };
 const CalendarDropdownContainer = ({
+  onClickEvent,
   courseColors,
   events,
   loading,
@@ -10142,6 +10168,7 @@ const CalendarDropdownContainer = ({
               events: all,
               hasMoreNext,
               isMobile,
+              onClickEvent,
               redirecToCalendar: redirectToCalendar,
               text: text2
             })
@@ -10159,6 +10186,7 @@ const Loading = ({
   });
 };
 const CalendarDropdown = ({
+  onClickEvent,
   courseColors,
   events,
   loading,
@@ -10172,6 +10200,7 @@ const CalendarDropdown = ({
   const date = new Date(now);
   const isoDate = date.toISOString();
   return /* @__PURE__ */ jsx(CalendarDropdownContainer, {
+    onClickEvent,
     courseColors,
     events,
     loading,
@@ -10203,6 +10232,7 @@ const EventsList = ({
   date,
   name,
   hasNotification,
+  onClick,
   showCourse,
   showUnit,
   time,
@@ -10232,6 +10262,7 @@ const EventsList = ({
     p: "16px",
     display: "flex",
     gap: "12px",
+    onClick,
     children: [/* @__PURE__ */ jsxs(Box, {
       bg: color,
       minW: "88px",