qt-ui-kit 1.0.33 → 1.0.35

package/dist/index.d.mts

@@ -64,12 +64,10 @@ type TicketComment = {
 };
 
 type Props$6 = {
-    onRead?: () => void;
-    read?: boolean;
-    onSelected?: () => void;
-    selected?: boolean;
-    onChecked?: () => void;
-    checked?: boolean;
+    eventID: string;
+    onSelected?: (eventID: string) => void;
+    unSelectable?: boolean;
+    onChecked?: (eventID: string) => void;
     service?: IntegrationService;
     subjectLine?: string;
     body?: string;
@@ -80,8 +78,9 @@ type Props$6 = {
     onClickGoToSource?: (() => void) | undefined;
     urgencyLevel?: UrgencyLevel;
     alert?: boolean;
+    read?: boolean;
 };
-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;
+declare function PreviewCard({ eventID, onSelected, unSelectable, onChecked, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, read, }: Props$6): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig = {

package/dist/index.d.ts

@@ -64,12 +64,10 @@ type TicketComment = {
 };
 
 type Props$6 = {
-    onRead?: () => void;
-    read?: boolean;
-    onSelected?: () => void;
-    selected?: boolean;
-    onChecked?: () => void;
-    checked?: boolean;
+    eventID: string;
+    onSelected?: (eventID: string) => void;
+    unSelectable?: boolean;
+    onChecked?: (eventID: string) => void;
     service?: IntegrationService;
     subjectLine?: string;
     body?: string;
@@ -80,8 +78,9 @@ type Props$6 = {
     onClickGoToSource?: (() => void) | undefined;
     urgencyLevel?: UrgencyLevel;
     alert?: boolean;
+    read?: boolean;
 };
-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;
+declare function PreviewCard({ eventID, onSelected, unSelectable, onChecked, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, read, }: Props$6): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig = {

package/dist/index.js

@@ -11195,6 +11195,9 @@ __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";
@@ -15150,12 +15153,10 @@ function CategoryIconButton({ icon, label, active }) {
 // src/components/organisms/preview_card/preview_card.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function PreviewCard({
-  onRead,
-  read,
+  eventID,
   onSelected,
-  selected,
+  unSelectable,
   onChecked,
-  checked,
   service,
   subjectLine,
   body,
@@ -15165,8 +15166,11 @@ function PreviewCard({
   date,
   onClickGoToSource,
   urgencyLevel,
-  alert
+  alert,
+  read
 }) {
+  const [selected, setSelected] = (0, import_react.useState)(false);
+  const [checked, setChecked] = (0, import_react.useState)(false);
   function getColorVariant(urgency) {
     switch (urgency) {
       case "high" /* HIGH */:
@@ -15179,6 +15183,21 @@ function PreviewCard({
         return void 0;
     }
   }
+  function toggleSelected() {
+    if (unSelectable) {
+      return;
+    }
+    setSelected(!selected);
+    if (onSelected) {
+      onSelected(eventID);
+    }
+  }
+  function toggleChecked() {
+    setChecked(!checked);
+    if (onChecked) {
+      onChecked(eventID);
+    }
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
@@ -15189,12 +15208,11 @@ function PreviewCard({
       ),
       onClick: (e) => {
         e.stopPropagation();
-        onRead && !read && onRead();
-        onSelected && onSelected();
+        toggleSelected();
       },
       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: onChecked }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SecondaryCheckBox, { active: checked, onClick: toggleChecked }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BrandIcon, { service, size: 24 }),
           urgencyLevel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             CategoryIconButton,
@@ -15740,7 +15758,7 @@ function CategoryIcon({ size = 24, icon, variant }) {
 }
 
 // src/components/organisms/emails/single_event.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/components/organisms/intel_card/intel_card.tsx
 var import_clsx6 = __toESM(require("clsx"));
@@ -15811,9 +15829,9 @@ function SingleEvent({
   body,
   startExpanded
 }) {
-  const [selected, setSelected] = (0, import_react.useState)(false);
-  const [expanded, setExpanded] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react2.useState)(false);
+  const [expanded, setExpanded] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
     if (startExpanded) {
       setExpanded(true);
     }
@@ -15955,7 +15973,7 @@ function EmailBody({
 
 // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
 var import_clsx9 = __toESM(require("clsx"));
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/components/atoms/emoji_pill/emoji_pill.tsx
 var import_emoji_dictionary = __toESM(require_lib7());
@@ -15987,18 +16005,18 @@ function ChatBubble({
   timestamp,
   emojis
 }) {
-  const [expanded, setExpanded] = (0, import_react2.useState)(false);
-  const [truncatedText, setTruncatedText] = (0, import_react2.useState)(false);
-  const [uniqueEmojis, setUniqueEmojis] = (0, import_react2.useState)(
+  const [expanded, setExpanded] = (0, import_react3.useState)(false);
+  const [truncatedText, setTruncatedText] = (0, import_react3.useState)(false);
+  const [uniqueEmojis, setUniqueEmojis] = (0, import_react3.useState)(
     /* @__PURE__ */ new Map()
   );
   const textLen = text?.length;
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (textLen && textLen > 450) {
       setTruncatedText(true);
     }
   }, [text]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (emojis) {
       const ue = emojis.reduce((acc, str) => {
         acc.set(str, (acc.get(str) || 0) + 1);
@@ -16436,13 +16454,13 @@ function Search({
 }
 
 // src/components/organisms/search_bar/search_bar.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function SearchBar() {
-  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)(() => {
+  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)(() => {
     if (query === "") {
       setState("inactive");
       setResults([]);