qt-ui-kit 1.0.31 → 1.0.33

package/dist/index.d.mts

@@ -65,7 +65,11 @@ type TicketComment = {
 
 type Props$6 = {
     onRead?: () => void;
+    read?: boolean;
     onSelected?: () => void;
+    selected?: boolean;
+    onChecked?: () => void;
+    checked?: boolean;
     service?: IntegrationService;
     subjectLine?: string;
     body?: string;
@@ -77,7 +81,7 @@ type Props$6 = {
     urgencyLevel?: UrgencyLevel;
     alert?: boolean;
 };
-declare function PreviewCard({ onRead, onSelected, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, }: Props$6): react_jsx_runtime.JSX.Element;
+declare function PreviewCard({ onRead, read, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, }: Props$6): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig = {

package/dist/index.d.ts

@@ -65,7 +65,11 @@ type TicketComment = {
 
 type Props$6 = {
     onRead?: () => void;
+    read?: boolean;
     onSelected?: () => void;
+    selected?: boolean;
+    onChecked?: () => void;
+    checked?: boolean;
     service?: IntegrationService;
     subjectLine?: string;
     body?: string;
@@ -77,7 +81,7 @@ type Props$6 = {
     urgencyLevel?: UrgencyLevel;
     alert?: boolean;
 };
-declare function PreviewCard({ onRead, onSelected, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, }: Props$6): react_jsx_runtime.JSX.Element;
+declare function PreviewCard({ onRead, read, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, }: Props$6): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig = {

package/dist/index.js

@@ -11195,9 +11195,6 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/organisms/preview_card/preview_card.tsx
-var import_react = require("react");
-
 // src/types/global.ts
 var IntegrationService = /* @__PURE__ */ ((IntegrationService5) => {
   IntegrationService5["SLACK"] = "slack";
@@ -13138,22 +13135,58 @@ function ExternalLink({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329",
+              stroke: color,
+              strokeWidth: "1.25",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667",
+              stroke: color,
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14",
+              stroke: color,
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21",
+              stroke: color,
+              strokeWidth: "2.25",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
     }
   };
@@ -15118,7 +15151,11 @@ function CategoryIconButton({ icon, label, active }) {
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function PreviewCard({
   onRead,
+  read,
   onSelected,
+  selected,
+  onChecked,
+  checked,
   service,
   subjectLine,
   body,
@@ -15130,33 +15167,6 @@ function PreviewCard({
   urgencyLevel,
   alert
 }) {
-  const [selected, setSelected] = (0, import_react.useState)(false);
-  const [checked, setChecked] = (0, import_react.useState)(false);
-  const [read, setRead] = (0, import_react.useState)(false);
-  function intializeState() {
-  }
-  function toggleRead() {
-    if (onRead) {
-      try {
-        onRead();
-      } catch (e) {
-        console.log(`Failed to execute: onRead() | [${e}]`);
-        return;
-      }
-    }
-    setRead(!read);
-  }
-  function toggleSelected() {
-    if (onSelected) {
-      try {
-        onSelected();
-      } catch (e) {
-        console.log(`Failed to execute: onSelected() | [${e}]`);
-        return;
-      }
-    }
-    setSelected(!selected);
-  }
   function getColorVariant(urgency) {
     switch (urgency) {
       case "high" /* HIGH */:
@@ -15179,20 +15189,12 @@ function PreviewCard({
       ),
       onClick: (e) => {
         e.stopPropagation();
-        toggleSelected();
-        if (!read) {
-          toggleRead();
-        }
+        onRead && !read && onRead();
+        onSelected && onSelected();
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-4 place-items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            SecondaryCheckBox,
-            {
-              active: checked,
-              onClick: () => setChecked(!checked)
-            }
-          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SecondaryCheckBox, { active: checked, onClick: onChecked }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BrandIcon, { service, size: 24 }),
           urgencyLevel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             CategoryIconButton,
@@ -15679,7 +15681,7 @@ function MainNavButton({ icon, label, active, onClick }) {
             children: icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
       ]
     }
   );
@@ -15738,7 +15740,7 @@ function CategoryIcon({ size = 24, icon, variant }) {
 }
 
 // src/components/organisms/emails/single_event.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 
 // src/components/organisms/intel_card/intel_card.tsx
 var import_clsx6 = __toESM(require("clsx"));
@@ -15809,9 +15811,9 @@ function SingleEvent({
   body,
   startExpanded
 }) {
-  const [selected, setSelected] = (0, import_react2.useState)(false);
-  const [expanded, setExpanded] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react.useState)(false);
+  const [expanded, setExpanded] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
     if (startExpanded) {
       setExpanded(true);
     }
@@ -15953,7 +15955,7 @@ function EmailBody({
 
 // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
 var import_clsx9 = __toESM(require("clsx"));
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // src/components/atoms/emoji_pill/emoji_pill.tsx
 var import_emoji_dictionary = __toESM(require_lib7());
@@ -15985,18 +15987,18 @@ function ChatBubble({
   timestamp,
   emojis
 }) {
-  const [expanded, setExpanded] = (0, import_react3.useState)(false);
-  const [truncatedText, setTruncatedText] = (0, import_react3.useState)(false);
-  const [uniqueEmojis, setUniqueEmojis] = (0, import_react3.useState)(
+  const [expanded, setExpanded] = (0, import_react2.useState)(false);
+  const [truncatedText, setTruncatedText] = (0, import_react2.useState)(false);
+  const [uniqueEmojis, setUniqueEmojis] = (0, import_react2.useState)(
     /* @__PURE__ */ new Map()
   );
   const textLen = text?.length;
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (textLen && textLen > 450) {
       setTruncatedText(true);
     }
   }, [text]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (emojis) {
       const ue = emojis.reduce((acc, str) => {
         acc.set(str, (acc.get(str) || 0) + 1);
@@ -16434,13 +16436,13 @@ function Search({
 }
 
 // src/components/organisms/search_bar/search_bar.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function SearchBar() {
-  const [query, setQuery] = (0, import_react4.useState)("");
-  const [state, setState] = (0, import_react4.useState)("inactive");
-  const [results, setResults] = (0, import_react4.useState)([]);
-  (0, import_react4.useEffect)(() => {
+  const [query, setQuery] = (0, import_react3.useState)("");
+  const [state, setState] = (0, import_react3.useState)("inactive");
+  const [results, setResults] = (0, import_react3.useState)([]);
+  (0, import_react3.useEffect)(() => {
     if (query === "") {
       setState("inactive");
       setResults([]);