qt-ui-kit 1.0.65 → 1.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +18 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +18 -4
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +3 -3
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -16498,6 +16498,9 @@ function EventCard({
|
|
|
16498
16498
|
}
|
|
16499
16499
|
|
|
16500
16500
|
// src/components/organisms/message_body/email_body.tsx
|
|
16501
|
+
var import_dompurify = __toESM(require("dompurify"));
|
|
16502
|
+
var import_react_markdown = __toESM(require("react-markdown"));
|
|
16503
|
+
var import_rehype_raw = __toESM(require("rehype-raw"));
|
|
16501
16504
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
16502
16505
|
function EmailBody({
|
|
16503
16506
|
subjectLine,
|
|
@@ -16509,7 +16512,8 @@ function EmailBody({
|
|
|
16509
16512
|
attachments,
|
|
16510
16513
|
body
|
|
16511
16514
|
}) {
|
|
16512
|
-
|
|
16515
|
+
const clean = import_dompurify.default.sanitize(body ?? "");
|
|
16516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl overflow-auto", children: [
|
|
16513
16517
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
|
|
16514
16518
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
|
|
16515
16519
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MetadataRow, { metadata: [`To: ${to}`] }),
|
|
@@ -16520,7 +16524,17 @@ function EmailBody({
|
|
|
16520
16524
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
|
|
16521
16525
|
] }),
|
|
16522
16526
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("hr", { className: "text-qtneutral-500" }),
|
|
16523
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "body-medium prose break-all", children: body && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
16527
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "body-medium prose break-all", children: body && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
16528
|
+
import_react_markdown.default,
|
|
16529
|
+
{
|
|
16530
|
+
children: clean,
|
|
16531
|
+
rehypePlugins: [import_rehype_raw.default],
|
|
16532
|
+
components: {
|
|
16533
|
+
img: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { style: { maxWidth: "100%" }, ...props })
|
|
16534
|
+
// Apply custom components/styling
|
|
16535
|
+
}
|
|
16536
|
+
}
|
|
16537
|
+
) })
|
|
16524
16538
|
] });
|
|
16525
16539
|
}
|
|
16526
16540
|
|
|
@@ -16540,7 +16554,7 @@ function EmojiPill({ emoji, count }) {
|
|
|
16540
16554
|
|
|
16541
16555
|
// src/util/utilcomponents.tsx
|
|
16542
16556
|
var import_clsx8 = __toESM(require("clsx"));
|
|
16543
|
-
var
|
|
16557
|
+
var import_react_markdown2 = __toESM(require("react-markdown"));
|
|
16544
16558
|
var import_remark_gfm = __toESM(require("remark-gfm"));
|
|
16545
16559
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
16546
16560
|
function MarkdownRenderer({ content, truncated }) {
|
|
@@ -16551,7 +16565,7 @@ function MarkdownRenderer({ content, truncated }) {
|
|
|
16551
16565
|
"flex flex-col markdown break-all",
|
|
16552
16566
|
truncated && "line-clamp-3"
|
|
16553
16567
|
),
|
|
16554
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
16568
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_markdown2.default, { remarkPlugins: [import_remark_gfm.default], children: content })
|
|
16555
16569
|
}
|
|
16556
16570
|
);
|
|
16557
16571
|
}
|