qt-ui-kit 1.0.32 → 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";
@@ -15154,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,
@@ -15166,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 */:
@@ -15215,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,
@@ -15774,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"));
@@ -15845,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);
     }
@@ -15989,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());
@@ -16021,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);
@@ -16470,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([]);