qt-ui-kit 1.0.65 → 1.0.66

package/dist/index.mjs

@@ -16471,6 +16471,9 @@ function EventCard({
 }
 
 // src/components/organisms/message_body/email_body.tsx
+import DOMPurify from "dompurify";
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
 import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
 function EmailBody({
   subjectLine,
@@ -16482,7 +16485,8 @@ function EmailBody({
   attachments,
   body
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
+  const clean = DOMPurify.sanitize(body ?? "");
+  return /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl overflow-auto", children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsx33(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
       /* @__PURE__ */ jsx33(MetadataRow, { metadata: [`To: ${to}`] }),
@@ -16493,7 +16497,17 @@ function EmailBody({
       /* @__PURE__ */ jsx33(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
     ] }),
     /* @__PURE__ */ jsx33("hr", { className: "text-qtneutral-500" }),
-    /* @__PURE__ */ jsx33("div", { className: "body-medium prose break-all", children: body && /* @__PURE__ */ jsx33("pre", { className: "whitespace-pre-wrap", children: body }) })
+    /* @__PURE__ */ jsx33("div", { className: "body-medium prose break-all", children: body && /* @__PURE__ */ jsx33(
+      ReactMarkdown,
+      {
+        children: clean,
+        rehypePlugins: [rehypeRaw],
+        components: {
+          img: ({ node, ...props }) => /* @__PURE__ */ jsx33("img", { style: { maxWidth: "100%" }, ...props })
+          // Apply custom components/styling
+        }
+      }
+    ) })
   ] });
 }
 
@@ -16513,7 +16527,7 @@ function EmojiPill({ emoji, count }) {
 
 // src/util/utilcomponents.tsx
 import clsx8 from "clsx";
-import ReactMarkdown from "react-markdown";
+import ReactMarkdown2 from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { jsx as jsx35 } from "react/jsx-runtime";
 function MarkdownRenderer({ content, truncated }) {
@@ -16524,7 +16538,7 @@ function MarkdownRenderer({ content, truncated }) {
         "flex flex-col markdown break-all",
         truncated && "line-clamp-3"
       ),
-      children: /* @__PURE__ */ jsx35(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content })
+      children: /* @__PURE__ */ jsx35(ReactMarkdown2, { remarkPlugins: [remarkGfm], children: content })
     }
   );
 }