qt-ui-kit 1.0.84 → 1.0.86

package/dist/index.js

@@ -16280,8 +16280,6 @@ function MetadataRow({ metadata }) {
 
 // src/components/organisms/message_body/email_body.tsx
 var import_dompurify = __toESM(require("dompurify"));
-var import_react_markdown = __toESM(require("react-markdown"));
-var import_rehype_raw = __toESM(require("rehype-raw"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function EmailBody({
   subjectLine,
@@ -16293,7 +16291,11 @@ function EmailBody({
   attachments,
   body
 }) {
-  const clean = import_dompurify.default.sanitize(body ?? "");
+  function isHtml(content) {
+    return /<\/?[a-z][\s\S]*>/i.test(content);
+  }
+  const isHtmlContent = body && isHtml(body);
+  const safeText = isHtmlContent ? import_dompurify.default.sanitize(body) : import_dompurify.default.sanitize(body?.replace(/\n/g, "<br>") || "");
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl overflow-auto", children: [
     /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
@@ -16305,15 +16307,13 @@ function EmailBody({
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("hr", { className: "text-qtneutral-500" }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "body-medium prose break-all whitespace-pre-line", children: body && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-      import_react_markdown.default,
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "body-small break-all whitespace-pre-line flex", children: body && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "iframe",
       {
-        children: body,
-        rehypePlugins: [import_rehype_raw.default],
-        components: {
-          img: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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"
       }
     ) })
   ] });
@@ -16335,7 +16335,7 @@ function EmojiPill({ emoji, count }) {
 
 // src/util/utilcomponents.tsx
 var import_clsx9 = __toESM(require("clsx"));
-var import_react_markdown2 = __toESM(require("react-markdown"));
+var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function MarkdownRenderer({ content, truncated }) {
@@ -16346,7 +16346,7 @@ function MarkdownRenderer({ content, truncated }) {
         "flex flex-col markdown break-all",
         truncated && "line-clamp-3"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_markdown2.default, { remarkPlugins: [import_remark_gfm.default], children: content })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: content })
     }
   );
 }
@@ -16443,7 +16443,7 @@ function ChatBubble({
               children: name ? name[0].toUpperCase() : ""
             }
           ),
-          uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EmojiPill, { emoji: e, count: c }))
+          Array.from(uniqueEmojis.entries()).map(([e, c]) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EmojiPill, { emoji: e, count: c }, e))
         ] })
       ]
     }
@@ -16519,7 +16519,7 @@ function TicketBody({
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: related || "None" }),
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: description || "None" })
       ] }),
-      comments && comments.map((c, i) => {
+      comments && Array.from(comments).map((c, i) => {
         return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
           /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("hr", { className: "text-qtneutral-500" }),
           /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),