qt-ui-kit 1.0.94 → 1.0.96

package/dist/index.d.mts

@@ -131,7 +131,7 @@ type ChatData = {
     link?: string;
     outbound?: boolean;
     summary?: string;
-    image?: string;
+    images?: string[];
     emojis?: string[];
 };
 declare function ChatBody({ messages }: Props$4): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -131,7 +131,7 @@ type ChatData = {
     link?: string;
     outbound?: boolean;
     summary?: string;
-    image?: string;
+    images?: string[];
     emojis?: string[];
 };
 declare function ChatBody({ messages }: Props$4): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -15392,7 +15392,7 @@ function ExternalLink({
 
 // src/components/atoms/icons/base_icons/CheckBox.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function CheckBox({ size = 24, fillColor }) {
+function CheckBox({ size = 24, color, fillColor }) {
   const getIconData = () => {
     let viewBox2 = "";
     let scale = 1;
@@ -15428,7 +15428,7 @@ function CheckBox({ size = 24, fillColor }) {
         "path",
         {
           d: "M11.25 4.5V6.75H24.75V4.5V2.25H11.25V4.5ZM31.5 11.25H29.25V24.75H31.5H33.75V11.25H31.5ZM24.75 31.5V29.25H11.25V31.5V33.75H24.75V31.5ZM4.5 24.75H6.75V11.25H4.5H2.25V24.75H4.5ZM11.25 31.5V29.25C8.76472 29.25 6.75 27.2353 6.75 24.75H4.5H2.25C2.25 29.7206 6.27944 33.75 11.25 33.75V31.5ZM31.5 24.75H29.25C29.25 27.2353 27.2353 29.25 24.75 29.25V31.5V33.75C29.7206 33.75 33.75 29.7206 33.75 24.75H31.5ZM24.75 4.5V6.75C27.2353 6.75 29.25 8.76472 29.25 11.25H31.5H33.75C33.75 6.27944 29.7206 2.25 24.75 2.25V4.5ZM11.25 4.5V2.25C6.27944 2.25 2.25 6.27944 2.25 11.25H4.5H6.75C6.75 8.76472 8.76472 6.75 11.25 6.75V4.5Z",
-          fill: "#1D1D1F",
+          fill: color,
           mask: `url(#${maskId})`
         }
       ),
@@ -15436,7 +15436,7 @@ function CheckBox({ size = 24, fillColor }) {
         "path",
         {
           d: "M13.9502 18L16.6502 20.7L22.0502 15.3",
-          stroke: "#1D1D1F",
+          stroke: color,
           strokeWidth: "2.25",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -15535,7 +15535,7 @@ function PreviewCard({
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex gap-4 place-items-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "div",
                 {
@@ -15546,13 +15546,14 @@ function PreviewCard({
                   children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     CheckBox,
                     {
-                      size: 20,
-                      fillColor: checked ? "#E8FE99" : void 0
+                      size: 24,
+                      color: "#82818E",
+                      fillColor: checked ? "#82818E" : void 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { onClick: onClickGoToSource, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ExternalLink, { size: 20, color: "#82818E" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { onClick: onClickGoToSource, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ExternalLink, { size: 24, color: "#82818E" }) })
             ] })
           ] }) })
         ] })
@@ -16342,7 +16343,7 @@ var import_react4 = require("react");
 var import_emoji_dictionary = __toESM(require_lib7());
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function EmojiPill({ emoji, count }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex rounded-2xl bg-qtneutral-300 w-min py-0.5 px-4 place-items-center place-content-center gap-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex rounded-2xl bg-qtneutral-300 w-min py-0.5 px-4 place-items-center place-content-center gap-1 select-none", children: [
     emoji && import_emoji_dictionary.default.getUnicode(emoji),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "label-3-bold text-qtneutral-900", children: count })
   ] });
@@ -16351,18 +16352,35 @@ function EmojiPill({ emoji, count }) {
 // src/util/utilcomponents.tsx
 var import_clsx8 = __toESM(require("clsx"));
 var import_react_markdown = __toESM(require("react-markdown"));
+var import_remark_gfm = __toESM(require("remark-gfm"));
+var import_emoji_dictionary2 = __toESM(require_lib7());
 var import_jsx_runtime33 = require("react/jsx-runtime");
-function MarkdownRenderer({ content, truncated }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    "div",
-    {
-      className: (0, import_clsx8.default)(
-        "flex flex-col markdown break-words",
-        truncated && "line-clamp-3"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_markdown.default, { children: content })
+function MarkdownRenderer({
+  content,
+  truncated,
+  integration = "slack" /* SLACK */
+}) {
+  const processedContent = integration === "slack" /* SLACK */ ? parseSlackText(content) : content;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: (0, import_clsx8.default)("markdown", truncated && "line-clamp-3"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: processedContent }) });
+}
+function parseSlackText(text) {
+  text = text.replace(
+    /<@([A-Z0-9]+)(\|([^>]+))?>/g,
+    (_, userId, __, userName) => {
+      return `@${userName || "UserNameNotFound"}`;
     }
   );
+  text = text.replace(/<([^|>]+)\|([^>]+)>/g, (_, url, label) => {
+    return `[${label}](${url})`;
+  });
+  text = text.replace(/<([^|>]+)>/g, (_, url) => {
+    return `<${url}>`;
+  });
+  text = text.replace(/:([a-zA-Z0-9_+-]+):/g, (match2, emojiName) => {
+    const emoji = import_emoji_dictionary2.default.getUnicode(emojiName);
+    return emoji || match2;
+  });
+  return text;
 }
 
 // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
@@ -16372,7 +16390,7 @@ function ChatBubble({
   text,
   outbound,
   name,
-  image,
+  images,
   timestamp,
   emojis,
   onExternal
@@ -16445,7 +16463,7 @@ function ChatBubble({
             children: `${!expanded ? "Show" : "Hide"} full message`
           }
         ),
-        image && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: image, alt: "", className: "rounded-xl" }),
+        images && images.length > 0 && images.map((img) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: img, alt: "", className: "rounded-xl" })),
         /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "div",
@@ -16474,7 +16492,7 @@ function ChatBody({ messages }) {
         summary: msg.summary,
         text: msg.body,
         outbound: msg.outbound,
-        image: msg.image,
+        images: msg.images,
         name: msg.name,
         timestamp: msg.timeStamp,
         emojis: msg.emojis,
@@ -17253,7 +17271,7 @@ var fakeMessages = [
     id: "123",
     name: "Sr. Issac Newton",
     timeStamp: "Today @ 11:45 AM",
-    body: "Hey team, just a reminder that the client pitch deck needs final review today. I\u2019ve updated the numbers from Q1 and added two new slides with competitor insights. Hey team, just a reminder that the client pitch deck needs final review today. I\u2019ve updated the numbers from Q1 and added two new slides with competitor insights. Hey team, just a reminder that the client pitch deck needs final review today. I\u2019ve updated the numbers from Q1 and added two new slides with competitor insights.",
+    body: " Sorry gang I was deep :smiling_face_with_tear: in a task I didn\u2019t see this ! Hope it went well :slightly_smiling_face: I\u2019m sure details can be relayed <@U052ZRJD9V1|Vera Worri> Please help me check that the click-through agreement is working appropriately in production. The goal is to have each new user click-through to agree to our Cloud Services Agreement one time. Ivan tells me that <https://qtaloservices.com> will ask you 2x times to review our Privacy Policy and TOS. I tried logging out and back in, but didn't get prompted to agree to anything.",
     summary: "Client pitch deck needs final review today.",
     emojis: ["fire", "fire", "grinning", "fish"],
     outbound: true
@@ -17265,7 +17283,7 @@ var fakeMessages = [
     body: "I\u2019ve confirmed the offsite meeting with the engineering leads. It will be held at the downtown conference center and lunch will be provided. Let me know if you have dietary needs. I\u2019ve confirmed the offsite meeting with the engineering leads. It will be held at the downtown conference center and lunch will be provided. Let me know if you have dietary needs. I\u2019ve confirmed the offsite meeting with the engineering leads. It will be held at the downtown conference center and lunch will be provided. Let me know if you have dietary needs. I\u2019ve confirmed the offsite meeting with the engineering leads. It will be held at the downtown conference center and lunch will be provided. Let me know if you have dietary needs. I\u2019ve confirmed the offsite meeting with the engineering leads. It will be held at the downtown conference center and lunch will be provided. Let me know if you have dietary needs.",
     summary: "Offsite meeting confirmed for engineering leads.",
     emojis: ["fire", "+1", "canada", "canada", "fish"],
-    image: "https://placehold.co/600x400",
+    images: ["https://placehold.co/600x400", "https://placehold.co/600x400"],
     outbound: true
   },
   {
@@ -17292,7 +17310,7 @@ This is a *markdown* **example**.
     timeStamp: "Monday, 19th May @ 9:30 AM",
     body: "The supplier in Shenzhen confirmed they can expedite our next shipment. They'll need final approval by Thursday to ensure arrival before the end of the month.",
     summary: "Supplier can expedite shipment if approved by Thursday.",
-    image: "https://placehold.co/600x400",
+    images: ["https://placehold.co/600x400"],
     outbound: false
   },
   {
@@ -17309,7 +17327,7 @@ This is a *markdown* **example**.
     timeStamp: "Today @ 10:00 AM",
     body: "Just wrapped up the investor Q&A session. Feedback was positive, especially on the projected growth numbers. A few asked about regulatory concerns\u2014I'll send a memo tomorrow.",
     summary: "Investors responded positively, with a few concerns.",
-    image: "https://placehold.co/600x400",
+    images: ["https://placehold.co/600x400"],
     emojis: ["fire", "+1", "canada", "canada", "fish"],
     outbound: false
   },
@@ -17319,7 +17337,7 @@ This is a *markdown* **example**.
     timeStamp: "Thursday @ 6:15 PM",
     body: "Legal has flagged a few clauses in the new vendor agreement that may conflict with our IP policy. Recommend we pause signing until we clarify points 4 and 7.",
     summary: "Legal review suggests pausing vendor agreement.",
-    image: "https://placehold.co/600x400",
+    images: ["https://placehold.co/600x400"],
     outbound: true
   },
   {
@@ -17336,7 +17354,7 @@ This is a *markdown* **example**.
     timeStamp: "Monday, 26th May @ 1:45 PM",
     body: "Reminder that the quarterly town hall is scheduled for the last Monday of the month. We'll cover performance metrics, upcoming hires, and the office reopening plan.",
     summary: "Quarterly town hall to discuss performance and reopening.",
-    image: "https://placehold.co/600x400",
+    images: ["https://placehold.co/600x400"],
     outbound: true
   },
   {