qt-ui-kit 1.0.83 → 1.0.85

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,7 @@ function EmailBody({
   attachments,
   body
 }) {
-  const clean = DOMPurify.sanitize(body ?? "");
+  const safeText = DOMPurify.sanitize(body ? 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}`] }),
@@ -16279,14 +16277,12 @@ function EmailBody({
     ] }),
     /* @__PURE__ */ jsx31("hr", { className: "text-qtneutral-500" }),
     /* @__PURE__ */ jsx31("div", { className: "body-medium prose break-all whitespace-pre-line", children: body && /* @__PURE__ */ jsx31(
-      ReactMarkdown,
+      "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;">${safeText}</div>`,
+        sandbox: "allow-popups",
+        style: { border: 0, width: "100%" },
+        title: "Plain Text Email"
       }
     ) })
   ] });
@@ -16308,7 +16304,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 +16315,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 +16412,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))
         ] })
       ]
     }
@@ -16426,7 +16422,7 @@ function ChatBubble({
 // src/components/organisms/message_body/chat_body.tsx
 import { jsx as jsx35 } from "react/jsx-runtime";
 function ChatBody({ messages }) {
-  return /* @__PURE__ */ jsx35("div", { className: "p-4 rounded-2xl w-full", children: /* @__PURE__ */ jsx35("div", { className: "flex flex-col place-content-center gap-4", children: messages && messages.map((msg) => {
+  return /* @__PURE__ */ jsx35("div", { className: "p-4 rounded-2xl w-full", children: /* @__PURE__ */ jsx35("div", { className: "flex flex-col place-content-center gap-4", children: messages && Array.from(messages).map((msg) => {
     return /* @__PURE__ */ jsx35(
       ChatBubble,
       {
@@ -16492,7 +16488,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` }),