@eclass/ui-kit 1.57.8 → 1.57.10

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",
@@ -9159,11 +9178,21 @@ const Url = () => {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/* @__PURE__ */ jsx("path", {
-      d: "M38.5416 22.1768L33.6394 27.0768C33.5081 27.2102 33.4206 27.3611 33.2938 27.4989C35.6231 27.8201 37.785 28.8895 39.4537 30.5461C41.5013 32.5997 42.6511 35.3812 42.6511 38.2811C42.6511 41.181 41.5013 43.9626 39.4537 46.0161L27.4225 58.0474C25.3711 60.0988 22.5887 61.2513 19.6875 61.2513C16.7863 61.2513 14.004 60.0988 11.9525 58.0474C9.90105 55.9959 8.74856 53.2136 8.74856 50.3124C8.74856 47.4112 9.90105 44.6288 11.9525 42.5774L17.1697 37.3602C16.4134 34.4991 16.2423 31.5149 16.6666 28.5861L7.31281 37.9377C4.03084 41.2197 2.18705 45.671 2.18705 50.3124C2.18705 54.9538 4.03084 59.4051 7.31281 62.6871C10.5948 65.969 15.0461 67.8128 19.6875 67.8128C24.3289 67.8128 28.7802 65.969 32.0622 62.6871L44.0934 50.6558C46.1231 48.6313 47.6235 46.1386 48.4627 43.3975C49.3018 40.6563 49.4538 37.7508 48.9052 34.9371C48.3567 32.1233 47.1245 29.4877 45.3172 27.2625C43.5099 25.0372 41.183 23.2907 38.5416 22.1768Z",
-      fill: "white"
+      stroke: "#fff",
+      strokeWidth: 4,
+      d: "M58.625 29.067 38.341 49.35"
     }), /* @__PURE__ */ jsx("path", {
-      d: "M37.9378 7.31274L25.9066 19.344C23.8769 21.3685 22.3765 23.8612 21.5373 26.6023C20.6982 29.3435 20.5462 32.249 21.0948 35.0627C21.6433 37.8765 22.8755 40.5121 24.6828 42.7373C26.4901 44.9626 28.817 46.7091 31.4584 47.8231L36.3606 42.9231C36.4919 42.7896 36.5947 42.6409 36.715 42.5009C34.3823 42.1823 32.2168 41.1127 30.5462 39.4537C28.4987 37.4001 27.3489 34.6186 27.3489 31.7187C27.3489 28.8188 28.4987 26.0372 30.5462 23.9837L42.5775 11.9524C44.629 9.90098 47.4113 8.74848 50.3125 8.74848C51.749 8.74848 53.1715 9.03143 54.4987 9.58116C55.8258 10.1309 57.0317 10.9367 58.0475 11.9524C59.0633 12.9682 59.869 14.1741 60.4188 15.5013C60.9685 16.8284 61.2514 18.2509 61.2514 19.6874C61.2514 21.1239 60.9685 22.5464 60.4188 23.8736C59.869 25.2008 59.0633 26.4067 58.0475 27.4224L52.8347 32.6331C53.5939 35.4851 53.7732 38.4605 53.3619 41.3831L62.6872 32.0577C65.9081 28.7633 67.6999 24.3316 67.6737 19.7243C67.6476 15.117 65.8055 10.7059 62.5473 7.44827C59.2891 4.19066 54.8777 2.34937 50.2704 2.324C45.6631 2.29862 41.2317 4.09121 37.9378 7.31274Z",
-      fill: "white"
+      stroke: "#fff",
+      strokeLinecap: "round",
+      strokeWidth: 4,
+      d: "M67.64 7.657H2.281V64H67.64V7.657ZM2.281 20.052H67.64"
+    }), /* @__PURE__ */ jsx("path", {
+      stroke: "#fff",
+      strokeWidth: 4,
+      d: "M40.59 29.067h18.03v18.03"
+    }), /* @__PURE__ */ jsx("path", {
+      fill: "#fff",
+      d: "M8.48 15.544a1.69 1.69 0 1 0 0-3.38 1.69 1.69 0 0 0 0 3.38ZM15.24 15.544a1.69 1.69 0 1 0 0-3.38 1.69 1.69 0 0 0 0 3.38Z"
     })]
   });
 };
@@ -9214,6 +9243,8 @@ const StandardBackground = ({
     })]
   });
 };
+const StyledText = Text$1;
+const StyledLink = Link;
 const Resources = ({
   id,
   resourceType,
@@ -9249,7 +9280,7 @@ const Resources = ({
     };
     return colorMap[resourceType] || "#FFBC27";
   };
-  return /* @__PURE__ */ jsx(Link, {
+  return /* @__PURE__ */ jsx(StyledLink, {
     href: resourceLink,
     target: targetBlank ? "_blank" : "_self",
     rel: targetBlank ? "noopener noreferrer" : void 0,
@@ -9271,7 +9302,6 @@ const Resources = ({
         textAlign: "center",
         alignItems: "center",
         display: "grid",
-        padding: "1rem",
         children: [/* @__PURE__ */ jsx(Icons, {
           type: resourceType
         }), /* @__PURE__ */ jsx(Box, {
@@ -9295,7 +9325,7 @@ const Resources = ({
         gap: "8px",
         padding: "1rem",
         children: [/* @__PURE__ */ jsx(Box, {
-          children: /* @__PURE__ */ jsx(Text$1, {
+          children: /* @__PURE__ */ jsx(StyledText, {
             fontFamily: "Roboto",
             fontWeight: "700",
             lineHeight: "21px",
@@ -9305,7 +9335,7 @@ const Resources = ({
             children: resourceTitle
           })
         }), /* @__PURE__ */ jsx(Box, {
-          children: /* @__PURE__ */ jsx(Text$1, {
+          children: /* @__PURE__ */ jsx(StyledText, {
             fontFamily: "Roboto",
             fontWeight: "400",
             lineHeight: "14px",
@@ -9318,7 +9348,7 @@ const Resources = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          children: /* @__PURE__ */ jsxs(Text$1, {
+          children: /* @__PURE__ */ jsxs(StyledText, {
             fontFamily: "Roboto",
             fontWeight: "500",
             fontSize: "14px",