qt-ui-kit 1.0.60 → 1.0.61

package/dist/index.js

@@ -15256,10 +15256,10 @@ function SenderSourceRow({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full place-content-between text-neutral-1 text-[14px] leading-[130%] flex-nowrap", 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 text-nowrap", children: leftText }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small", children: seperator }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold text-nowrap", children: rightText }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 flex text-nowrap", children: date && formatCustomRelative(date) })
+      /* @__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-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 flex-nowrap", children: date && formatCustomRelative(date) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { onClick, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExternalLink, { size: shrunk ? 16 : 24 }) })
   ] });
@@ -15274,7 +15274,7 @@ function SubjectLineRow({ text }) {
 // src/components/molecules/text_content/metadata_row/metadata_row.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function MetadataRow({ metadata }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex h-[18px] w-full flex-none body-small text-neutral-900 gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex w-full flex-wrap break-all body-small text-neutral-900 gap-2", children: [
     metadata && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: metadata[0] + (metadata.length == 2 ? "," : "") }),
     metadata?.length == 2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: metadata[1] })
   ] });
@@ -15723,7 +15723,7 @@ function PreviewCard({
     "div",
     {
       className: (0, import_clsx4.default)(
-        "flex gap-4 h-min w-[409px] bg-neutral-6 rounded-3xl p-4 border-[2px] preview-card-shadow",
+        "flex gap-4 h-min w-[459px] bg-neutral-6 rounded-3xl p-4 border-[2px] preview-card-shadow",
         selected ? "bg-qtpurple-200 border-qtpurple-200" : "",
         !read ? "border-qtpurple-500" : "border-neutral-6"
       ),
@@ -15753,26 +15753,32 @@ function PreviewCard({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              SenderSourceRow,
-              {
-                leftText: sender,
-                seperator: "via",
-                rightText: source,
-                date,
-                onClick: onClickGoToSource
-              }
-            ),
-            subjectLine && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SubjectLineRow, { text: subjectLine }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MetadataRow, { metadata })
-          ] }),
-          body && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "bg-white flex flex-col max-w-full w-full gap-2 wrap-anywhere rounded-2xl text-sm p-4 leading-[120%] font-normal", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "line-clamp-4", children: body }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ThumbGroup, {})
-          ] })
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          "div",
+          {
+            className: "flex flex-col gap-2 w-full\n      \n      ",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col w-full gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  SenderSourceRow,
+                  {
+                    leftText: sender,
+                    seperator: "via",
+                    rightText: source,
+                    date,
+                    onClick: onClickGoToSource
+                  }
+                ),
+                subjectLine && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SubjectLineRow, { text: subjectLine }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MetadataRow, { metadata })
+              ] }),
+              body && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "bg-white flex flex-col max-w-full w-full gap-2 wrap-anywhere rounded-2xl text-sm p-4 leading-[120%] font-normal", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "line-clamp-4", children: body }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ThumbGroup, {})
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
@@ -16356,7 +16362,8 @@ function SingleEvent({
   source,
   subjectLine,
   onExternal,
-  summary
+  summary,
+  urgencyExplanation
 }) {
   const [selected, setSelected] = (0, import_react3.useState)(false);
   const [expanded, setExpanded] = (0, import_react3.useState)(false);
@@ -16407,7 +16414,14 @@ function SingleEvent({
         ] }),
         expanded && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(IntelCard, { summary, urgency }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              IntelCard,
+              {
+                urgencyText: urgencyExplanation,
+                summary,
+                urgency
+              }
+            ),
             body
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BrandIcon, { service })
@@ -16436,9 +16450,10 @@ function EventCard({
           SingleEvent,
           {
             urgency: d.urgency,
+            urgencyExplanation: d.urgencyText,
             service: d.service,
             body: d.eventBody,
-            startExpanded: i == eventData.length - 1,
+            startExpanded: i == 0,
             sender: d.sender,
             source: d.source,
             subjectLine: d.subjectLine,
@@ -16453,7 +16468,7 @@ function EventCard({
             urgency: d.urgency,
             service: d.service,
             body: d.eventBody,
-            startExpanded: i == eventData.length - 1,
+            startExpanded: i == 0,
             sender: d.sender,
             source: d.source,
             subjectLine: d.subjectLine,
@@ -16489,11 +16504,7 @@ function EventCard({
 }
 
 // src/components/organisms/message_body/email_body.tsx
-var import_dompurify = __toESM(require("dompurify"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
-function isHtml(content) {
-  return /<\/?[a-z][\s\S]*>/i.test(content);
-}
 function EmailBody({
   subjectLine,
   to,
@@ -16504,6 +16515,7 @@ function EmailBody({
   attachments,
   body
 }) {
+  body = "Hi Greg,\n\nJust checking in on the milestone for Project Alpha this week. We\u2019re hoping to see visible progress by Friday, per the plan. Can you confirm we\u2019re still on track?\n\nThanks so much,\nDana\n\nDirector Major Projects\nAmtryx Co.";
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", 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}`] }),
@@ -16515,14 +16527,7 @@ 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 ? isHtml(body) ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      "div",
-      {
-        dangerouslySetInnerHTML: {
-          __html: import_dompurify.default.sanitize(body)
-        }
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("pre", { className: "whitespace-pre-wrap", children: body }) : null })
+    /* @__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 }) })
   ] });
 }
 
@@ -16695,7 +16700,7 @@ function TicketBody({
   description,
   comments
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl max-w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MetadataRow, { metadata: [`Issue: ${issueNumber}`] }),
       /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MetadataRow, { metadata: [`Notification: ${notification}`] }),