qt-ui-kit 1.0.64 → 1.0.66

package/dist/index.js

@@ -15256,7 +15256,7 @@ function SenderSourceRow({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full place-content-between text-neutral-1 text-[14px] leading-[130%] ", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-[4px] place-items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold line-clamp-1", children: leftText }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold break-all line-clamp-1", children: leftText }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-smal text-center", children: seperator }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold text-center line-clamp-1", children: rightText }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 flex", children: date && formatCustomRelative(date) })
@@ -15754,7 +15754,7 @@ function PreviewCard({
           )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-2 grow ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col grow gap-1 ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col grow gap-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               SenderSourceRow,
               {
@@ -16498,6 +16498,9 @@ function EventCard({
 }
 
 // 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_runtime33 = require("react/jsx-runtime");
 function EmailBody({
   subjectLine,
@@ -16509,7 +16512,8 @@ function EmailBody({
   attachments,
   body
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
+  const clean = import_dompurify.default.sanitize(body ?? "");
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl overflow-auto", children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MetadataRow, { metadata: [`To: ${to}`] }),
@@ -16520,7 +16524,17 @@ function EmailBody({
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("hr", { className: "text-qtneutral-500" }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "body-medium prose break-all", children: body && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("pre", { className: "whitespace-pre-wrap", children: body }) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "body-medium prose break-all", children: body && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      import_react_markdown.default,
+      {
+        children: clean,
+        rehypePlugins: [import_rehype_raw.default],
+        components: {
+          img: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { style: { maxWidth: "100%" }, ...props })
+          // Apply custom components/styling
+        }
+      }
+    ) })
   ] });
 }
 
@@ -16540,7 +16554,7 @@ function EmojiPill({ emoji, count }) {
 
 // src/util/utilcomponents.tsx
 var import_clsx8 = __toESM(require("clsx"));
-var import_react_markdown = __toESM(require("react-markdown"));
+var import_react_markdown2 = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function MarkdownRenderer({ content, truncated }) {
@@ -16551,7 +16565,7 @@ function MarkdownRenderer({ content, truncated }) {
         "flex flex-col markdown break-all",
         truncated && "line-clamp-3"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: content })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_markdown2.default, { remarkPlugins: [import_remark_gfm.default], children: content })
     }
   );
 }