qt-ui-kit 1.0.84 → 1.0.86

package/dist/index.mjs

@@ -16253,8 +16253,6 @@ function MetadataRow({ metadata }) {
 
 // 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 jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function EmailBody({
   subjectLine,
@@ -16266,7 +16264,11 @@ function EmailBody({
   attachments,
   body
 }) {
-  const clean = DOMPurify.sanitize(body ?? "");
+  function isHtml(content) {
+    return /<\/?[a-z][\s\S]*>/i.test(content);
+  }
+  const isHtmlContent = body && isHtml(body);
+  const safeText = isHtmlContent ? DOMPurify.sanitize(body) : DOMPurify.sanitize(body?.replace(/\n/g, "<br>") || "");
   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__ */ jsx31(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
@@ -16278,15 +16280,13 @@ function EmailBody({
       /* @__PURE__ */ jsx31(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
     ] }),
     /* @__PURE__ */ jsx31("hr", { className: "text-qtneutral-500" }),
-    /* @__PURE__ */ jsx31("div", { className: "body-medium prose break-all whitespace-pre-line", children: body && /* @__PURE__ */ jsx31(
-      ReactMarkdown,
+    /* @__PURE__ */ jsx31("div", { className: "body-small break-all whitespace-pre-line flex", children: body && /* @__PURE__ */ jsx31(
+      "iframe",
       {
-        children: body,
-        rehypePlugins: [rehypeRaw],
-        components: {
-          img: ({ node, ...props }) => /* @__PURE__ */ jsx31("img", { style: { maxWidth: "100%" }, ...props })
-          // Apply custom components/styling
-        }
+        srcDoc: `<div style="font-family: sans-serif; padding: 0px; margin: 0px;">${safeText}</div>`,
+        sandbox: "allow-popups",
+        style: { border: 0, width: "100%", height: "600px" },
+        title: "Plain Text Email"
       }
     ) })
   ] });
@@ -16308,7 +16308,7 @@ function EmojiPill({ emoji, count }) {
 
 // src/util/utilcomponents.tsx
 import clsx9 from "clsx";
-import ReactMarkdown2 from "react-markdown";
+import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { jsx as jsx33 } from "react/jsx-runtime";
 function MarkdownRenderer({ content, truncated }) {
@@ -16319,7 +16319,7 @@ function MarkdownRenderer({ content, truncated }) {
         "flex flex-col markdown break-all",
         truncated && "line-clamp-3"
       ),
-      children: /* @__PURE__ */ jsx33(ReactMarkdown2, { remarkPlugins: [remarkGfm], children: content })
+      children: /* @__PURE__ */ jsx33(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content })
     }
   );
 }
@@ -16416,7 +16416,7 @@ function ChatBubble({
               children: name ? name[0].toUpperCase() : ""
             }
           ),
-          uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ jsx34(EmojiPill, { emoji: e, count: c }))
+          Array.from(uniqueEmojis.entries()).map(([e, c]) => /* @__PURE__ */ jsx34(EmojiPill, { emoji: e, count: c }, e))
         ] })
       ]
     }
@@ -16492,7 +16492,7 @@ function TicketBody({
         /* @__PURE__ */ jsx36("div", { children: related || "None" }),
         /* @__PURE__ */ jsx36("div", { children: description || "None" })
       ] }),
-      comments && comments.map((c, i) => {
+      comments && Array.from(comments).map((c, i) => {
         return /* @__PURE__ */ jsxs26("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
           /* @__PURE__ */ jsx36("hr", { className: "text-qtneutral-500" }),
           /* @__PURE__ */ jsx36("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),