qt-ui-kit 1.0.45 → 1.0.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -11169,7 +11169,7 @@ var require_lib7 = __commonJS({
11169
11169
  });
11170
11170
 
11171
11171
  // src/components/organisms/preview_card/preview_card.tsx
11172
- import { useState } from "react";
11172
+ import { useState as useState2 } from "react";
11173
11173
 
11174
11174
  // src/types/global.ts
11175
11175
  var IntegrationService = /* @__PURE__ */ ((IntegrationService6) => {
@@ -14944,7 +14944,7 @@ function SubjectLineRow({ text }) {
14944
14944
  // src/components/molecules/text_content/metadata_row/metadata_row.tsx
14945
14945
  import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
14946
14946
  function MetadataRow({ metadata }) {
14947
- return /* @__PURE__ */ jsxs9("div", { className: "flex h-[18px] w-[309px] flex-none body-small text-neutral-900 gap-2", children: [
14947
+ return /* @__PURE__ */ jsxs9("div", { className: "flex h-[18px] w-full flex-none body-small text-neutral-900 gap-2", children: [
14948
14948
  metadata && /* @__PURE__ */ jsx13("div", { children: metadata[0] + (metadata.length == 2 ? "," : "") }),
14949
14949
  metadata?.length == 2 && /* @__PURE__ */ jsx13("div", { children: metadata[1] })
14950
14950
  ] });
@@ -14953,11 +14953,239 @@ function MetadataRow({ metadata }) {
14953
14953
  // src/components/organisms/preview_card/preview_card.tsx
14954
14954
  import clsx4 from "clsx";
14955
14955
 
14956
+ // src/components/molecules/buttons/thumb_group/thumb_group.tsx
14957
+ import { useState } from "react";
14958
+
14959
+ // src/components/atoms/icons/base_icons/ThumbUp.tsx
14960
+ import { jsx as jsx14 } from "react/jsx-runtime";
14961
+ function ThumbUp({
14962
+ size = 24,
14963
+ color = "#1D1D1F",
14964
+ fillColor = "none"
14965
+ }) {
14966
+ const getIconData = () => {
14967
+ switch (size) {
14968
+ case 16:
14969
+ return {
14970
+ viewBox: "0 0 16 16",
14971
+ path: /* @__PURE__ */ jsx14(
14972
+ "path",
14973
+ {
14974
+ d: "M9.41146 6.66667H12.5874C13.5786 6.66667 14.2233 7.70975 13.78 8.59629L11.4466 13.263C11.2208 13.7147 10.7591 14 10.2541 14H7.5756C7.46658 14 7.35798 13.9866 7.25222 13.9602L4.74479 13.3333M9.41146 6.66667V3.33333C9.41146 2.59695 8.8145 2 8.07813 2H8.01448C7.68144 2 7.41146 2.26998 7.41146 2.60302C7.41146 3.07922 7.2705 3.54477 7.00635 3.94099L4.74479 7.33333V13.3333M9.41146 6.66667H8.07813M4.74479 13.3333H3.41146C2.67508 13.3333 2.07812 12.7364 2.07812 12V8C2.07812 7.26362 2.67508 6.66667 3.41146 6.66667H5.07813",
14975
+ stroke: color,
14976
+ "stroke-width": "1.25",
14977
+ "stroke-linecap": "round",
14978
+ "stroke-linejoin": "round"
14979
+ }
14980
+ )
14981
+ };
14982
+ case 20:
14983
+ return {
14984
+ viewBox: "0 0 20 20",
14985
+ path: /* @__PURE__ */ jsx14(
14986
+ "path",
14987
+ {
14988
+ d: "M11.7643 8.33333H15.7343C16.9732 8.33333 17.7791 9.63719 17.225 10.7454L14.3083 16.5787C14.026 17.1433 13.4489 17.5 12.8176 17.5H9.4695C9.33323 17.5 9.19747 17.4833 9.06527 17.4502L5.93099 16.6667M11.7643 8.33333V4.16667C11.7643 3.24619 11.0181 2.5 10.0977 2.5H10.0181C9.6018 2.5 9.26432 2.83748 9.26432 3.25377C9.26432 3.84903 9.08813 4.43096 8.75794 4.92624L5.93099 9.16667V16.6667M11.7643 8.33333H10.0977M5.93099 16.6667H4.26432C3.34385 16.6667 2.59766 15.9205 2.59766 15V10C2.59766 9.07953 3.34385 8.33333 4.26432 8.33333H6.34766",
14989
+ stroke: color,
14990
+ "stroke-width": "1.5",
14991
+ "stroke-linecap": "round",
14992
+ "stroke-linejoin": "round"
14993
+ }
14994
+ )
14995
+ };
14996
+ case 24:
14997
+ return {
14998
+ viewBox: "0 0 24 24",
14999
+ path: /* @__PURE__ */ jsx14(
15000
+ "path",
15001
+ {
15002
+ d: "M14.1172 10H18.8811C20.3679 10 21.3349 11.5646 20.67 12.8944L17.17 19.8944C16.8312 20.572 16.1387 21 15.3811 21H11.3634C11.1999 21 11.037 20.9799 10.8783 20.9403L7.11719 20M14.1172 10V5C14.1172 3.89543 13.2218 3 12.1172 3H12.0217C11.5222 3 11.1172 3.40497 11.1172 3.90453C11.1172 4.61883 10.9058 5.31715 10.5095 5.91149L7.11719 11V20M14.1172 10H12.1172M7.11719 20H5.11719C4.01262 20 3.11719 19.1046 3.11719 18V12C3.11719 10.8954 4.01262 10 5.11719 10H7.61719",
15003
+ stroke: color,
15004
+ "stroke-width": "2",
15005
+ "stroke-linecap": "round",
15006
+ "stroke-linejoin": "round"
15007
+ }
15008
+ )
15009
+ };
15010
+ case 36:
15011
+ return {
15012
+ viewBox: "0 0 36 36",
15013
+ path: /* @__PURE__ */ jsx14(
15014
+ "path",
15015
+ {
15016
+ d: "M21.1748 15H28.3207C30.5508 15 32.0013 17.3469 31.004 19.3416L25.754 29.8416C25.2458 30.858 24.207 31.5 23.0707 31.5H17.0441C16.7988 31.5 16.5545 31.4699 16.3165 31.4104L10.6748 30M21.1748 15V7.5C21.1748 5.84315 19.8317 4.5 18.1748 4.5H18.0316C17.2823 4.5 16.6748 5.10746 16.6748 5.85679C16.6748 6.92825 16.3577 7.97573 15.7633 8.86723L10.6748 16.5V30M21.1748 15H18.1748M10.6748 30H7.6748C6.01795 30 4.6748 28.6569 4.6748 27V18C4.6748 16.3431 6.01795 15 7.6748 15H11.4248",
15017
+ stroke: color,
15018
+ "stroke-width": "2.25",
15019
+ "stroke-linecap": "round",
15020
+ "stroke-linejoin": "round"
15021
+ }
15022
+ )
15023
+ };
15024
+ }
15025
+ };
15026
+ const { viewBox, path } = getIconData();
15027
+ return /* @__PURE__ */ jsx14(
15028
+ "svg",
15029
+ {
15030
+ width: size,
15031
+ height: size,
15032
+ viewBox,
15033
+ fill: fillColor,
15034
+ xmlns: "http://www.w3.org/2000/svg",
15035
+ children: path
15036
+ }
15037
+ );
15038
+ }
15039
+
15040
+ // src/components/atoms/icons/base_icons/ThumbDown.tsx
15041
+ import { jsx as jsx15 } from "react/jsx-runtime";
15042
+ function ThumbDown({
15043
+ size = 24,
15044
+ color = "#1D1D1F",
15045
+ fillColor = "none"
15046
+ }) {
15047
+ const getIconData = () => {
15048
+ switch (size) {
15049
+ case 16:
15050
+ return {
15051
+ viewBox: "0 0 16 16",
15052
+ path: /* @__PURE__ */ jsx15(
15053
+ "path",
15054
+ {
15055
+ d: "M6.58913 9.33333H3.41318C2.422 9.33333 1.77734 8.29025 2.22061 7.40371L4.55394 2.73705C4.7798 2.28534 5.24148 2 5.74651 2H8.42499C8.53401 2 8.64261 2.01337 8.74837 2.03981L11.2558 2.66667M6.58913 9.33333V12.6667C6.58913 13.403 7.18609 14 7.92247 14H7.98612C8.31915 14 8.58913 13.73 8.58913 13.397C8.58913 12.9208 8.73009 12.4552 8.99424 12.059L11.2558 8.66667V2.66667M6.58913 9.33333H7.92247M11.2558 2.66667H12.5891C13.3255 2.66667 13.9225 3.26362 13.9225 4V8C13.9225 8.73638 13.3255 9.33333 12.5891 9.33333H10.9225",
15056
+ stroke: color,
15057
+ "stroke-width": "1.25",
15058
+ "stroke-linecap": "round",
15059
+ "stroke-linejoin": "round"
15060
+ }
15061
+ )
15062
+ };
15063
+ case 20:
15064
+ return {
15065
+ viewBox: "0 0 20 20",
15066
+ path: /* @__PURE__ */ jsx15(
15067
+ "path",
15068
+ {
15069
+ d: "M8.23642 11.6667H4.26647C3.0275 11.6667 2.22168 10.3628 2.77576 9.25464L5.69243 3.42131C5.97475 2.85667 6.55185 2.5 7.18314 2.5H10.5312C10.6675 2.5 10.8033 2.51671 10.9355 2.54976L14.0697 3.33333M8.23642 11.6667V15.8333C8.23642 16.7538 8.98261 17.5 9.90308 17.5H9.98264C10.3989 17.5 10.7364 17.1625 10.7364 16.7462C10.7364 16.151 10.9126 15.569 11.2428 15.0738L14.0697 10.8333V3.33333M8.23642 11.6667H9.90308M14.0697 3.33333H15.7364C16.6569 3.33333 17.4031 4.07952 17.4031 5V10C17.4031 10.9205 16.6569 11.6667 15.7364 11.6667H13.6531",
15070
+ stroke: color,
15071
+ "stroke-width": "1.5",
15072
+ "stroke-linecap": "round",
15073
+ "stroke-linejoin": "round"
15074
+ }
15075
+ )
15076
+ };
15077
+ case 24:
15078
+ return {
15079
+ viewBox: "0 0 24 24",
15080
+ path: /* @__PURE__ */ jsx15(
15081
+ "path",
15082
+ {
15083
+ d: "M9.8837 14H5.11977C3.633 14 2.66601 12.4354 3.33091 11.1056L6.83091 4.10557C7.1697 3.42801 7.86222 3 8.61977 3H12.6375C12.801 3 12.9639 3.02005 13.1226 3.05972L16.8837 4M9.8837 14V19C9.8837 20.1046 10.7791 21 11.8837 21H11.9792C12.4787 21 12.8837 20.595 12.8837 20.0955C12.8837 19.3812 13.0951 18.6828 13.4914 18.0885L16.8837 13V4M9.8837 14H11.8837M16.8837 4H18.8837C19.9883 4 20.8837 4.89543 20.8837 6V12C20.8837 13.1046 19.9883 14 18.8837 14H16.3837",
15084
+ stroke: color,
15085
+ "stroke-width": "2",
15086
+ "stroke-linecap": "round",
15087
+ "stroke-linejoin": "round"
15088
+ }
15089
+ )
15090
+ };
15091
+ case 36:
15092
+ return {
15093
+ viewBox: "0 0 36 36",
15094
+ path: /* @__PURE__ */ jsx15(
15095
+ "path",
15096
+ {
15097
+ d: "M14.8246 21H7.67868C5.44853 21 3.99804 18.6531 4.99539 16.6584L10.2454 6.15836C10.7536 5.14201 11.7924 4.5 12.9287 4.5H18.9553C19.2005 4.5 19.4449 4.53008 19.6829 4.58957L25.3246 6M14.8246 21V28.5C14.8246 30.1569 16.1677 31.5 17.8246 31.5H17.9678C18.7171 31.5 19.3246 30.8925 19.3246 30.1432C19.3246 29.0718 19.6417 28.0243 20.2361 27.1328L25.3246 19.5V6M14.8246 21H17.8246M25.3246 6H28.3246C29.9814 6 31.3246 7.34314 31.3246 9V18C31.3246 19.6569 29.9814 21 28.3246 21H24.5746",
15098
+ stroke: color,
15099
+ "stroke-width": "2.25",
15100
+ "stroke-linecap": "round",
15101
+ "stroke-linejoin": "round"
15102
+ }
15103
+ )
15104
+ };
15105
+ }
15106
+ };
15107
+ const { viewBox, path } = getIconData();
15108
+ return /* @__PURE__ */ jsx15(
15109
+ "svg",
15110
+ {
15111
+ width: size,
15112
+ height: size,
15113
+ viewBox,
15114
+ fill: fillColor,
15115
+ xmlns: "http://www.w3.org/2000/svg",
15116
+ children: path
15117
+ }
15118
+ );
15119
+ }
15120
+
15121
+ // src/components/molecules/buttons/thumb_group/thumb_group.tsx
15122
+ import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
15123
+ function ThumbGroup({ onUpSelected, onDownSelected }) {
15124
+ const [upHovering, setUpHovering] = useState(false);
15125
+ const [downHovering, setDownHovering] = useState(false);
15126
+ const [upSelected, setUpSelected] = useState(false);
15127
+ const [downSelected, setDownSelected] = useState(false);
15128
+ return /* @__PURE__ */ jsxs10("div", { className: "flex flex-none w-min place-items-center place-content-center gap-4", children: [
15129
+ /* @__PURE__ */ jsx16(
15130
+ "div",
15131
+ {
15132
+ onMouseOver: () => setUpHovering(true),
15133
+ onMouseOut: () => setUpHovering(false),
15134
+ onClick: (e) => {
15135
+ e.stopPropagation();
15136
+ if (!upSelected && onUpSelected) {
15137
+ try {
15138
+ onUpSelected();
15139
+ } catch (e2) {
15140
+ console.log(`Failed to execute: onUpSelected() | [${e2}]`);
15141
+ return;
15142
+ }
15143
+ }
15144
+ setUpSelected(!upSelected);
15145
+ },
15146
+ children: upSelected ? /* @__PURE__ */ jsx16(
15147
+ ThumbUp,
15148
+ {
15149
+ fillColor: "#82818E",
15150
+ color: upHovering ? "#6558FD" : "#FFFFFF"
15151
+ }
15152
+ ) : /* @__PURE__ */ jsx16(ThumbUp, { color: upHovering ? "#6558FD" : "#82818E" })
15153
+ }
15154
+ ),
15155
+ /* @__PURE__ */ jsx16(
15156
+ "div",
15157
+ {
15158
+ onMouseOver: () => setDownHovering(true),
15159
+ onMouseOut: () => setDownHovering(false),
15160
+ onClick: (e) => {
15161
+ e.stopPropagation();
15162
+ if (!downSelected && onDownSelected) {
15163
+ try {
15164
+ onDownSelected();
15165
+ } catch (e2) {
15166
+ console.log(`Failed to execute: onDownSelected() | [${e2}]`);
15167
+ return;
15168
+ }
15169
+ }
15170
+ setDownSelected(!downSelected);
15171
+ },
15172
+ children: downSelected ? /* @__PURE__ */ jsx16(
15173
+ ThumbDown,
15174
+ {
15175
+ fillColor: "#82818E",
15176
+ color: downHovering ? "#6558FD" : "#FFFFFF"
15177
+ }
15178
+ ) : /* @__PURE__ */ jsx16(ThumbDown, { color: downHovering ? "#6558FD" : "#82818E" })
15179
+ }
15180
+ )
15181
+ ] });
15182
+ }
15183
+
14956
15184
  // src/components/molecules/checkboxes/main_checkbox/secondary_checkbox.tsx
14957
15185
  import clsx2 from "clsx";
14958
15186
 
14959
15187
  // src/components/atoms/icons/base_icons/CheckBox.tsx
14960
- import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
15188
+ import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
14961
15189
  function CheckBox({ size = 24, fillColor }) {
14962
15190
  const getIconData = () => {
14963
15191
  let viewBox2 = "";
@@ -14981,16 +15209,16 @@ function CheckBox({ size = 24, fillColor }) {
14981
15209
  scale = 1;
14982
15210
  break;
14983
15211
  }
14984
- const path2 = /* @__PURE__ */ jsxs10("g", { transform: `scale(${scale})`, children: [
14985
- /* @__PURE__ */ jsx14("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ jsx14("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
14986
- /* @__PURE__ */ jsx14(
15212
+ const path2 = /* @__PURE__ */ jsxs11("g", { transform: `scale(${scale})`, children: [
15213
+ /* @__PURE__ */ jsx17("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ jsx17("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
15214
+ /* @__PURE__ */ jsx17(
14987
15215
  "path",
14988
15216
  {
14989
15217
  d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z",
14990
15218
  fill: fillColor
14991
15219
  }
14992
15220
  ),
14993
- /* @__PURE__ */ jsx14(
15221
+ /* @__PURE__ */ jsx17(
14994
15222
  "path",
14995
15223
  {
14996
15224
  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",
@@ -14998,7 +15226,7 @@ function CheckBox({ size = 24, fillColor }) {
14998
15226
  mask: `url(#${maskId})`
14999
15227
  }
15000
15228
  ),
15001
- /* @__PURE__ */ jsx14(
15229
+ /* @__PURE__ */ jsx17(
15002
15230
  "path",
15003
15231
  {
15004
15232
  d: "M13.9502 18L16.6502 20.7L22.0502 15.3",
@@ -15012,7 +15240,7 @@ function CheckBox({ size = 24, fillColor }) {
15012
15240
  return { viewBox: viewBox2, path: path2 };
15013
15241
  };
15014
15242
  const { viewBox, path } = getIconData();
15015
- return /* @__PURE__ */ jsx14(
15243
+ return /* @__PURE__ */ jsx17(
15016
15244
  "svg",
15017
15245
  {
15018
15246
  width: size,
@@ -15047,16 +15275,16 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
15047
15275
  scale = 1;
15048
15276
  break;
15049
15277
  }
15050
- const path2 = /* @__PURE__ */ jsxs10("g", { transform: `scale(${scale})`, children: [
15051
- /* @__PURE__ */ jsx14("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ jsx14("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
15052
- /* @__PURE__ */ jsx14(
15278
+ const path2 = /* @__PURE__ */ jsxs11("g", { transform: `scale(${scale})`, children: [
15279
+ /* @__PURE__ */ jsx17("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ jsx17("path", { d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z" }) }),
15280
+ /* @__PURE__ */ jsx17(
15053
15281
  "path",
15054
15282
  {
15055
15283
  d: "M4.5 11.25C4.5 7.52208 7.52208 4.5 11.25 4.5H24.75C28.4779 4.5 31.5 7.52208 31.5 11.25V24.75C31.5 28.4779 28.4779 31.5 24.75 31.5H11.25C7.52208 31.5 4.5 28.4779 4.5 24.75V11.25Z",
15056
15284
  fill: fillColor
15057
15285
  }
15058
15286
  ),
15059
- /* @__PURE__ */ jsx14(
15287
+ /* @__PURE__ */ jsx17(
15060
15288
  "path",
15061
15289
  {
15062
15290
  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",
@@ -15068,7 +15296,7 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
15068
15296
  return { viewBox: viewBox2, path: path2 };
15069
15297
  };
15070
15298
  const { viewBox, path } = getIconData();
15071
- return /* @__PURE__ */ jsx14(
15299
+ return /* @__PURE__ */ jsx17(
15072
15300
  "svg",
15073
15301
  {
15074
15302
  width: size,
@@ -15082,9 +15310,9 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
15082
15310
  }
15083
15311
 
15084
15312
  // src/components/molecules/checkboxes/main_checkbox/secondary_checkbox.tsx
15085
- import { jsx as jsx15 } from "react/jsx-runtime";
15313
+ import { jsx as jsx18 } from "react/jsx-runtime";
15086
15314
  function SecondaryCheckBox({ active, onClick }) {
15087
- return /* @__PURE__ */ jsx15(
15315
+ return /* @__PURE__ */ jsx18(
15088
15316
  "div",
15089
15317
  {
15090
15318
  className: clsx2(
@@ -15094,21 +15322,21 @@ function SecondaryCheckBox({ active, onClick }) {
15094
15322
  e.stopPropagation();
15095
15323
  onClick && onClick();
15096
15324
  },
15097
- children: active ? /* @__PURE__ */ jsx15(CheckBox, { size: 36, fillColor: "#E8FE99" }) : /* @__PURE__ */ jsx15(CheckBoxEmpty, { size: 36, fillColor: "#FFFFFF" })
15325
+ children: active ? /* @__PURE__ */ jsx18(CheckBox, { size: 36, fillColor: "#E8FE99" }) : /* @__PURE__ */ jsx18(CheckBoxEmpty, { size: 36, fillColor: "#FFFFFF" })
15098
15326
  }
15099
15327
  );
15100
15328
  }
15101
15329
 
15102
15330
  // src/components/molecules/buttons/icon_button/category_icon_button/category_icon_button.tsx
15103
15331
  import clsx3 from "clsx";
15104
- import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
15332
+ import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
15105
15333
  function CategoryIconButton({ icon, label, active }) {
15106
- return /* @__PURE__ */ jsxs11(
15334
+ return /* @__PURE__ */ jsxs12(
15107
15335
  "div",
15108
15336
  {
15109
15337
  className: `w-min h-min flex flex-none flex-col place-items-center gap-2 hover:grayscale-0 ${active ? "" : "grayscale"}`,
15110
15338
  children: [
15111
- /* @__PURE__ */ jsx16(
15339
+ /* @__PURE__ */ jsx19(
15112
15340
  "div",
15113
15341
  {
15114
15342
  className: clsx3(
@@ -15117,14 +15345,14 @@ function CategoryIconButton({ icon, label, active }) {
15117
15345
  children: icon
15118
15346
  }
15119
15347
  ),
15120
- label && /* @__PURE__ */ jsx16("div", { className: "font-medium text-[0.7rem] text-qtneutral-900", children: label })
15348
+ label && /* @__PURE__ */ jsx19("div", { className: "font-medium text-[0.7rem] text-qtneutral-900", children: label })
15121
15349
  ]
15122
15350
  }
15123
15351
  );
15124
15352
  }
15125
15353
 
15126
15354
  // src/components/organisms/preview_card/preview_card.tsx
15127
- import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
15355
+ import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
15128
15356
  function PreviewCard({
15129
15357
  eventID,
15130
15358
  onSelected,
@@ -15142,7 +15370,7 @@ function PreviewCard({
15142
15370
  alert,
15143
15371
  read
15144
15372
  }) {
15145
- const [checked, setChecked] = useState(false);
15373
+ const [checked, setChecked] = useState2(false);
15146
15374
  function getColorVariant(urgency) {
15147
15375
  switch (urgency) {
15148
15376
  case "high" /* HIGH */:
@@ -15161,7 +15389,7 @@ function PreviewCard({
15161
15389
  onChecked(eventID);
15162
15390
  }
15163
15391
  }
15164
- return /* @__PURE__ */ jsxs12(
15392
+ return /* @__PURE__ */ jsxs13(
15165
15393
  "div",
15166
15394
  {
15167
15395
  className: clsx4(
@@ -15174,10 +15402,10 @@ function PreviewCard({
15174
15402
  onSelected && onSelected(eventID);
15175
15403
  },
15176
15404
  children: [
15177
- /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 place-items-center", children: [
15178
- /* @__PURE__ */ jsx17(SecondaryCheckBox, { active: checked, onClick: toggleChecked }),
15179
- /* @__PURE__ */ jsx17(BrandIcon, { service, size: 24 }),
15180
- urgencyLevel && /* @__PURE__ */ jsx17(
15405
+ /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4 place-items-center", children: [
15406
+ /* @__PURE__ */ jsx20(SecondaryCheckBox, { active: checked, onClick: toggleChecked }),
15407
+ /* @__PURE__ */ jsx20(BrandIcon, { service, size: 24 }),
15408
+ urgencyLevel && /* @__PURE__ */ jsx20(
15181
15409
  CategoryIconButton,
15182
15410
  {
15183
15411
  active: true,
@@ -15187,7 +15415,7 @@ function PreviewCard({
15187
15415
  )
15188
15416
  }
15189
15417
  ),
15190
- alert && /* @__PURE__ */ jsx17(
15418
+ alert && /* @__PURE__ */ jsx20(
15191
15419
  CategoryIconButton,
15192
15420
  {
15193
15421
  active: true,
@@ -15195,9 +15423,9 @@ function PreviewCard({
15195
15423
  }
15196
15424
  )
15197
15425
  ] }),
15198
- /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
15199
- /* @__PURE__ */ jsxs12("div", { className: "flex flex-col ", children: [
15200
- /* @__PURE__ */ jsx17(
15426
+ /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
15427
+ /* @__PURE__ */ jsxs13("div", { className: "flex flex-col ", children: [
15428
+ /* @__PURE__ */ jsx20(
15201
15429
  SenderSourceRow,
15202
15430
  {
15203
15431
  leftText: sender,
@@ -15207,10 +15435,13 @@ function PreviewCard({
15207
15435
  onClick: onClickGoToSource
15208
15436
  }
15209
15437
  ),
15210
- subjectLine && /* @__PURE__ */ jsx17(SubjectLineRow, { text: subjectLine }),
15211
- /* @__PURE__ */ jsx17(MetadataRow, { metadata })
15438
+ subjectLine && /* @__PURE__ */ jsx20(SubjectLineRow, { text: subjectLine }),
15439
+ /* @__PURE__ */ jsx20(MetadataRow, { metadata })
15212
15440
  ] }),
15213
- /* @__PURE__ */ jsx17("div", { className: "bg-white flex flex-none flex-col max-w-full gap-2 h-[136px] wrap-anywhere rounded-2xl text-sm p-4 leading-[120%] font-normal", children: /* @__PURE__ */ jsx17("p", { className: "line-clamp-5", children: body }) })
15441
+ /* @__PURE__ */ jsxs13("div", { className: "bg-white flex flex-none flex-col max-w-full gap-2 wrap-anywhere rounded-2xl text-sm p-4 leading-[120%] font-normal", children: [
15442
+ /* @__PURE__ */ jsx20("p", { className: "line-clamp-4", children: body }),
15443
+ /* @__PURE__ */ jsx20(ThumbGroup, {})
15444
+ ] })
15214
15445
  ] })
15215
15446
  ]
15216
15447
  }
@@ -15218,7 +15449,7 @@ function PreviewCard({
15218
15449
  }
15219
15450
 
15220
15451
  // src/components/atoms/icons/base_icons/Gear.tsx
15221
- import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
15452
+ import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
15222
15453
  function Gear({
15223
15454
  size = 24,
15224
15455
  color = "#1D1D1F",
@@ -15229,8 +15460,8 @@ function Gear({
15229
15460
  case 16:
15230
15461
  return {
15231
15462
  viewBox: "0 0 16 16",
15232
- path: /* @__PURE__ */ jsxs13(Fragment8, { children: [
15233
- /* @__PURE__ */ jsx18(
15463
+ path: /* @__PURE__ */ jsxs14(Fragment8, { children: [
15464
+ /* @__PURE__ */ jsx21(
15234
15465
  "path",
15235
15466
  {
15236
15467
  d: "M6.88309 2.87821C7.16735 1.70726 8.83265 1.70726 9.11692 2.87821C9.30055 3.63462 10.1672 3.99358 10.8319 3.58857C11.8609 2.96159 13.0384 4.13914 12.4114 5.16812C12.0064 5.83284 12.3654 6.69945 13.1218 6.88308C14.2927 7.16735 14.2927 8.83265 13.1218 9.11692C12.3654 9.30055 12.0064 10.1672 12.4114 10.8319C13.0384 11.8609 11.8609 13.0384 10.8319 12.4114C10.1672 12.0064 9.30055 12.3654 9.11692 13.1218C8.83265 14.2927 7.16735 14.2927 6.88309 13.1218C6.69945 12.3654 5.83284 12.0064 5.16812 12.4114C4.13914 13.0384 2.96159 11.8609 3.58857 10.8319C3.99358 10.1672 3.63462 9.30055 2.87821 9.11692C1.70726 8.83265 1.70726 7.16735 2.87821 6.88308C3.63462 6.69945 3.99358 5.83284 3.58857 5.16812C2.96159 4.13914 4.13914 2.96159 5.16812 3.58857C5.83284 3.99358 6.69945 3.63462 6.88309 2.87821Z",
@@ -15240,7 +15471,7 @@ function Gear({
15240
15471
  strokeLinejoin: "round"
15241
15472
  }
15242
15473
  ),
15243
- /* @__PURE__ */ jsx18(
15474
+ /* @__PURE__ */ jsx21(
15244
15475
  "path",
15245
15476
  {
15246
15477
  d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z",
@@ -15255,8 +15486,8 @@ function Gear({
15255
15486
  case 20:
15256
15487
  return {
15257
15488
  viewBox: "0 0 20 20",
15258
- path: /* @__PURE__ */ jsxs13(Fragment8, { children: [
15259
- /* @__PURE__ */ jsx18(
15489
+ path: /* @__PURE__ */ jsxs14(Fragment8, { children: [
15490
+ /* @__PURE__ */ jsx21(
15260
15491
  "path",
15261
15492
  {
15262
15493
  d: "M8.60386 3.59776C8.95919 2.13408 11.0408 2.13408 11.3961 3.59776C11.6257 4.54327 12.709 4.99198 13.5398 4.48571C14.8261 3.70199 16.298 5.17392 15.5143 6.46015C15.008 7.29105 15.4567 8.37431 16.4022 8.60386C17.8659 8.95919 17.8659 11.0408 16.4022 11.3961C15.4567 11.6257 15.008 12.709 15.5143 13.5398C16.298 14.8261 14.8261 16.298 13.5398 15.5143C12.709 15.008 11.6257 15.4567 11.3961 16.4022C11.0408 17.8659 8.95919 17.8659 8.60386 16.4022C8.37431 15.4567 7.29105 15.008 6.46016 15.5143C5.17392 16.298 3.70199 14.8261 4.48571 13.5398C4.99198 12.709 4.54327 11.6257 3.59776 11.3961C2.13408 11.0408 2.13408 8.95919 3.59776 8.60386C4.54327 8.37431 4.99198 7.29105 4.48571 6.46015C3.70199 5.17392 5.17392 3.70199 6.46015 4.48571C7.29105 4.99198 8.37431 4.54327 8.60386 3.59776Z",
@@ -15266,7 +15497,7 @@ function Gear({
15266
15497
  strokeLinejoin: "round"
15267
15498
  }
15268
15499
  ),
15269
- /* @__PURE__ */ jsx18(
15500
+ /* @__PURE__ */ jsx21(
15270
15501
  "path",
15271
15502
  {
15272
15503
  d: "M12.5 10C12.5 11.3807 11.3807 12.5 10 12.5C8.61929 12.5 7.5 11.3807 7.5 10C7.5 8.61929 8.61929 7.5 10 7.5C11.3807 7.5 12.5 8.61929 12.5 10Z",
@@ -15281,8 +15512,8 @@ function Gear({
15281
15512
  case 24:
15282
15513
  return {
15283
15514
  viewBox: "0 0 24 24",
15284
- path: /* @__PURE__ */ jsxs13(Fragment8, { children: [
15285
- /* @__PURE__ */ jsx18(
15515
+ path: /* @__PURE__ */ jsxs14(Fragment8, { children: [
15516
+ /* @__PURE__ */ jsx21(
15286
15517
  "path",
15287
15518
  {
15288
15519
  d: "M10.3246 4.31731C10.751 2.5609 13.249 2.5609 13.6754 4.31731C13.9508 5.45193 15.2507 5.99038 16.2478 5.38285C17.7913 4.44239 19.5576 6.2087 18.6172 7.75218C18.0096 8.74925 18.5481 10.0492 19.6827 10.3246C21.4391 10.751 21.4391 13.249 19.6827 13.6754C18.5481 13.9508 18.0096 15.2507 18.6172 16.2478C19.5576 17.7913 17.7913 19.5576 16.2478 18.6172C15.2507 18.0096 13.9508 18.5481 13.6754 19.6827C13.249 21.4391 10.751 21.4391 10.3246 19.6827C10.0492 18.5481 8.74926 18.0096 7.75219 18.6172C6.2087 19.5576 4.44239 17.7913 5.38285 16.2478C5.99038 15.2507 5.45193 13.9508 4.31731 13.6754C2.5609 13.249 2.5609 10.751 4.31731 10.3246C5.45193 10.0492 5.99037 8.74926 5.38285 7.75218C4.44239 6.2087 6.2087 4.44239 7.75219 5.38285C8.74926 5.99037 10.0492 5.45193 10.3246 4.31731Z",
@@ -15292,7 +15523,7 @@ function Gear({
15292
15523
  strokeLinejoin: "round"
15293
15524
  }
15294
15525
  ),
15295
- /* @__PURE__ */ jsx18(
15526
+ /* @__PURE__ */ jsx21(
15296
15527
  "path",
15297
15528
  {
15298
15529
  d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z",
@@ -15307,8 +15538,8 @@ function Gear({
15307
15538
  case 36:
15308
15539
  return {
15309
15540
  viewBox: "0 0 36 36",
15310
- path: /* @__PURE__ */ jsxs13(Fragment8, { children: [
15311
- /* @__PURE__ */ jsx18(
15541
+ path: /* @__PURE__ */ jsxs14(Fragment8, { children: [
15542
+ /* @__PURE__ */ jsx21(
15312
15543
  "path",
15313
15544
  {
15314
15545
  d: "M15.4869 6.47596C16.1265 3.84134 19.8735 3.84135 20.5131 6.47596C20.9262 8.17789 22.8761 8.98556 24.3717 8.07427C26.6869 6.66359 29.3364 9.31305 27.9257 11.6283C27.0144 13.1239 27.8221 15.0738 29.524 15.4869C32.1587 16.1265 32.1587 19.8735 29.524 20.5131C27.8221 20.9262 27.0144 22.8761 27.9257 24.3717C29.3364 26.6869 26.6869 29.3364 24.3717 27.9257C22.8761 27.0144 20.9262 27.8221 20.5131 29.524C19.8735 32.1587 16.1265 32.1587 15.4869 29.524C15.0738 27.8221 13.1239 27.0144 11.6283 27.9257C9.31306 29.3364 6.66359 26.6869 8.07428 24.3717C8.98556 22.8761 8.17789 20.9262 6.47596 20.5131C3.84135 19.8735 3.84134 16.1265 6.47596 15.4869C8.17789 15.0738 8.98556 13.1239 8.07427 11.6283C6.66358 9.31305 9.31305 6.66358 11.6283 8.07427C13.1239 8.98556 15.0738 8.17789 15.4869 6.47596Z",
@@ -15318,7 +15549,7 @@ function Gear({
15318
15549
  strokeLinejoin: "round"
15319
15550
  }
15320
15551
  ),
15321
- /* @__PURE__ */ jsx18(
15552
+ /* @__PURE__ */ jsx21(
15322
15553
  "path",
15323
15554
  {
15324
15555
  d: "M22.5 18C22.5 20.4853 20.4853 22.5 18 22.5C15.5147 22.5 13.5 20.4853 13.5 18C13.5 15.5147 15.5147 13.5 18 13.5C20.4853 13.5 22.5 15.5147 22.5 18Z",
@@ -15333,7 +15564,7 @@ function Gear({
15333
15564
  }
15334
15565
  };
15335
15566
  const { viewBox, path } = getIconData();
15336
- return /* @__PURE__ */ jsx18(
15567
+ return /* @__PURE__ */ jsx21(
15337
15568
  "svg",
15338
15569
  {
15339
15570
  width: size,
@@ -15347,7 +15578,7 @@ function Gear({
15347
15578
  }
15348
15579
 
15349
15580
  // src/components/atoms/icons/base_icons/Logout.tsx
15350
- import { jsx as jsx19 } from "react/jsx-runtime";
15581
+ import { jsx as jsx22 } from "react/jsx-runtime";
15351
15582
  function Logout({
15352
15583
  size = 24,
15353
15584
  color = "#1D1D1F",
@@ -15358,7 +15589,7 @@ function Logout({
15358
15589
  case 16:
15359
15590
  return {
15360
15591
  viewBox: "0 0 16 16",
15361
- path: /* @__PURE__ */ jsx19(
15592
+ path: /* @__PURE__ */ jsx22(
15362
15593
  "path",
15363
15594
  {
15364
15595
  d: "M11.3333 10.6666L14 7.99996M14 7.99996L11.3333 5.33329M14 7.99996L4.66667 7.99996M8.66667 10.6666V11.3333C8.66667 12.4379 7.77124 13.3333 6.66667 13.3333H4C2.89543 13.3333 2 12.4379 2 11.3333V4.66663C2 3.56206 2.89543 2.66663 4 2.66663H6.66667C7.77124 2.66663 8.66667 3.56206 8.66667 4.66663V5.33329",
@@ -15372,7 +15603,7 @@ function Logout({
15372
15603
  case 20:
15373
15604
  return {
15374
15605
  viewBox: "0 0 20 20",
15375
- path: /* @__PURE__ */ jsx19(
15606
+ path: /* @__PURE__ */ jsx22(
15376
15607
  "path",
15377
15608
  {
15378
15609
  d: "M14.1667 13.3334L17.5 10M17.5 10L14.1667 6.66671M17.5 10L5.83333 10M10.8333 13.3334V14.1667C10.8333 15.5474 9.71405 16.6667 8.33333 16.6667H5C3.61929 16.6667 2.5 15.5474 2.5 14.1667V5.83337C2.5 4.45266 3.61929 3.33337 5 3.33337H8.33333C9.71405 3.33337 10.8333 4.45266 10.8333 5.83337V6.66671",
@@ -15386,7 +15617,7 @@ function Logout({
15386
15617
  case 24:
15387
15618
  return {
15388
15619
  viewBox: "0 0 24 24",
15389
- path: /* @__PURE__ */ jsx19(
15620
+ path: /* @__PURE__ */ jsx22(
15390
15621
  "path",
15391
15622
  {
15392
15623
  d: "M17 16L21 12M21 12L17 8M21 12L7 12M13 16V17C13 18.6569 11.6569 20 10 20H6C4.34315 20 3 18.6569 3 17V7C3 5.34315 4.34315 4 6 4H10C11.6569 4 13 5.34315 13 7V8",
@@ -15400,7 +15631,7 @@ function Logout({
15400
15631
  case 36:
15401
15632
  return {
15402
15633
  viewBox: "0 0 36 36",
15403
- path: /* @__PURE__ */ jsx19(
15634
+ path: /* @__PURE__ */ jsx22(
15404
15635
  "path",
15405
15636
  {
15406
15637
  d: "M25.5 24L31.5 18M31.5 18L25.5 12M31.5 18L10.5 18M19.5 24V25.5C19.5 27.9853 17.4853 30 15 30H9C6.51472 30 4.5 27.9853 4.5 25.5V10.5C4.5 8.01472 6.51472 6 9 6H15C17.4853 6 19.5 8.01472 19.5 10.5V12",
@@ -15414,7 +15645,7 @@ function Logout({
15414
15645
  }
15415
15646
  };
15416
15647
  const { viewBox, path } = getIconData();
15417
- return /* @__PURE__ */ jsx19(
15648
+ return /* @__PURE__ */ jsx22(
15418
15649
  "svg",
15419
15650
  {
15420
15651
  width: size,
@@ -15428,7 +15659,7 @@ function Logout({
15428
15659
  }
15429
15660
 
15430
15661
  // src/components/atoms/icons/base_icons/Queue.tsx
15431
- import { Fragment as Fragment9, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
15662
+ import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
15432
15663
  function Queue({
15433
15664
  size = 24,
15434
15665
  color = "#1D1D1F",
@@ -15439,8 +15670,8 @@ function Queue({
15439
15670
  case 16:
15440
15671
  return {
15441
15672
  viewBox: "0 0 16 16",
15442
- path: /* @__PURE__ */ jsxs14(Fragment9, { children: [
15443
- /* @__PURE__ */ jsx20(
15673
+ path: /* @__PURE__ */ jsxs15(Fragment9, { children: [
15674
+ /* @__PURE__ */ jsx23(
15444
15675
  "path",
15445
15676
  {
15446
15677
  d: "M6.86628 11.4002H5.73294C5.10702 11.4002 4.59961 10.8928 4.59961 10.2669V5.73355C4.59961 5.10763 5.10702 4.60022 5.73294 4.60022H10.2663C10.8922 4.60022 11.3996 5.10763 11.3996 5.73355V6.86689M7.99961 13.6669H12.5329C13.1589 13.6669 13.6663 13.1595 13.6663 12.5336V8.00022C13.6663 7.3743 13.1589 6.86689 12.5329 6.86689H7.99961C7.37369 6.86689 6.86628 7.3743 6.86628 8.00022V12.5336C6.86628 13.1595 7.37369 13.6669 7.99961 13.6669Z",
@@ -15450,7 +15681,7 @@ function Queue({
15450
15681
  strokeLinejoin: "round"
15451
15682
  }
15452
15683
  ),
15453
- /* @__PURE__ */ jsx20(
15684
+ /* @__PURE__ */ jsx23(
15454
15685
  "path",
15455
15686
  {
15456
15687
  d: "M4.59967 9.13325H3.46634C2.84042 9.13325 2.33301 8.62584 2.33301 7.99992V3.46659C2.33301 2.84066 2.84042 2.33325 3.46634 2.33325H7.99967C8.6256 2.33325 9.13301 2.84066 9.13301 3.46659V4.59992M11.4626 6.74066L11.3997 5.73325C11.3997 5.10733 10.8923 4.59992 10.2663 4.59992H5.73301C5.10709 4.59992 4.59967 5.10733 4.59967 5.73325V10.2666C4.59967 10.8925 5.10709 11.3999 5.73301 11.3999H6.74042",
@@ -15460,7 +15691,7 @@ function Queue({
15460
15691
  strokeLinejoin: "round"
15461
15692
  }
15462
15693
  ),
15463
- /* @__PURE__ */ jsx20(
15694
+ /* @__PURE__ */ jsx23(
15464
15695
  "path",
15465
15696
  {
15466
15697
  d: "M6.86621 7.99918C6.86621 7.37326 7.37362 6.86584 7.99954 6.86584H12.5329C13.1588 6.86584 13.6662 7.37326 13.6662 7.99918V12.5325C13.6662 13.1584 13.1588 13.6658 12.5329 13.6658H7.99954C7.37362 13.6658 6.86621 13.1584 6.86621 12.5325V7.99918Z",
@@ -15475,8 +15706,8 @@ function Queue({
15475
15706
  case 20:
15476
15707
  return {
15477
15708
  viewBox: "0 0 20 20",
15478
- path: /* @__PURE__ */ jsxs14(Fragment9, { children: [
15479
- /* @__PURE__ */ jsx20(
15709
+ path: /* @__PURE__ */ jsxs15(Fragment9, { children: [
15710
+ /* @__PURE__ */ jsx23(
15480
15711
  "path",
15481
15712
  {
15482
15713
  d: "M8.58333 14.2501H7.16667C6.38426 14.2501 5.75 13.6159 5.75 12.8335V7.16679C5.75 6.38439 6.38426 5.75012 7.16667 5.75012H12.8333C13.6157 5.75012 14.25 6.38439 14.25 7.16679V8.58346M10 17.0835H15.6667C16.4491 17.0835 17.0833 16.4492 17.0833 15.6668V10.0001C17.0833 9.21772 16.4491 8.58346 15.6667 8.58346H10C9.2176 8.58346 8.58333 9.21772 8.58333 10.0001V15.6668C8.58333 16.4492 9.2176 17.0835 10 17.0835Z",
@@ -15486,7 +15717,7 @@ function Queue({
15486
15717
  strokeLinejoin: "round"
15487
15718
  }
15488
15719
  ),
15489
- /* @__PURE__ */ jsx20(
15720
+ /* @__PURE__ */ jsx23(
15490
15721
  "path",
15491
15722
  {
15492
15723
  d: "M5.75033 11.4165H4.33366C3.55126 11.4165 2.91699 10.7822 2.91699 9.99984V4.33317C2.91699 3.55077 3.55126 2.9165 4.33366 2.9165H10.0003C10.7827 2.9165 11.417 3.55077 11.417 4.33317V5.74984M14.329 8.42576L14.2503 7.1665C14.2503 6.3841 13.6161 5.74984 12.8337 5.74984H7.16699C6.38459 5.74984 5.75033 6.3841 5.75033 7.1665V12.8332C5.75033 13.6156 6.38459 14.2498 7.16699 14.2498H8.42625",
@@ -15496,7 +15727,7 @@ function Queue({
15496
15727
  strokeLinejoin: "round"
15497
15728
  }
15498
15729
  ),
15499
- /* @__PURE__ */ jsx20(
15730
+ /* @__PURE__ */ jsx23(
15500
15731
  "path",
15501
15732
  {
15502
15733
  d: "M8.58398 9.99882C8.58398 9.21642 9.21825 8.58215 10.0007 8.58215H15.6673C16.4497 8.58215 17.084 9.21642 17.084 9.99882V15.6655C17.084 16.4479 16.4497 17.0822 15.6673 17.0822H10.0007C9.21825 17.0822 8.58398 16.4479 8.58398 15.6655V9.99882Z",
@@ -15511,8 +15742,8 @@ function Queue({
15511
15742
  case 24:
15512
15743
  return {
15513
15744
  viewBox: "0 0 24 24",
15514
- path: /* @__PURE__ */ jsxs14(Fragment9, { children: [
15515
- /* @__PURE__ */ jsx20(
15745
+ path: /* @__PURE__ */ jsxs15(Fragment9, { children: [
15746
+ /* @__PURE__ */ jsx23(
15516
15747
  "path",
15517
15748
  {
15518
15749
  d: "M10.2994 17.0997H8.59941C7.66053 17.0997 6.89941 16.3385 6.89941 15.3997V8.59966C6.89941 7.66077 7.66053 6.89966 8.59941 6.89966H15.3994C16.3383 6.89966 17.0994 7.66077 17.0994 8.59966V10.2997M11.9994 20.4997H18.7994C19.7383 20.4997 20.4994 19.7385 20.4994 18.7997V11.9997C20.4994 11.0608 19.7383 10.2997 18.7994 10.2997H11.9994C11.0605 10.2997 10.2994 11.0608 10.2994 11.9997V18.7997C10.2994 19.7385 11.0605 20.4997 11.9994 20.4997Z",
@@ -15522,7 +15753,7 @@ function Queue({
15522
15753
  strokeLinejoin: "round"
15523
15754
  }
15524
15755
  ),
15525
- /* @__PURE__ */ jsx20(
15756
+ /* @__PURE__ */ jsx23(
15526
15757
  "path",
15527
15758
  {
15528
15759
  d: "M6.9 13.7H5.2C4.26112 13.7 3.5 12.9389 3.5 12V5.2C3.5 4.26112 4.26112 3.5 5.2 3.5H12C12.9389 3.5 13.7 4.26112 13.7 5.2V6.9M17.1944 10.1111L17.1 8.6C17.1 7.66112 16.3389 6.9 15.4 6.9H8.6C7.66112 6.9 6.9 7.66112 6.9 8.6V15.4C6.9 16.3389 7.66112 17.1 8.6 17.1H10.1111",
@@ -15532,7 +15763,7 @@ function Queue({
15532
15763
  strokeLinejoin: "round"
15533
15764
  }
15534
15765
  ),
15535
- /* @__PURE__ */ jsx20(
15766
+ /* @__PURE__ */ jsx23(
15536
15767
  "path",
15537
15768
  {
15538
15769
  d: "M10.2998 11.9993C10.2998 11.0604 11.0609 10.2993 11.9998 10.2993H18.7998C19.7387 10.2993 20.4998 11.0604 20.4998 11.9993V18.7993C20.4998 19.7382 19.7387 20.4993 18.7998 20.4993H11.9998C11.0609 20.4993 10.2998 19.7382 10.2998 18.7993V11.9993Z",
@@ -15547,8 +15778,8 @@ function Queue({
15547
15778
  case 36:
15548
15779
  return {
15549
15780
  viewBox: "0 0 36 36",
15550
- path: /* @__PURE__ */ jsxs14(Fragment9, { children: [
15551
- /* @__PURE__ */ jsx20(
15781
+ path: /* @__PURE__ */ jsxs15(Fragment9, { children: [
15782
+ /* @__PURE__ */ jsx23(
15552
15783
  "path",
15553
15784
  {
15554
15785
  d: "M15.4496 25.6511H12.8996C11.4913 25.6511 10.3496 24.5094 10.3496 23.1011V12.9011C10.3496 11.4927 11.4913 10.3511 12.8996 10.3511H23.0996C24.5079 10.3511 25.6496 11.4927 25.6496 12.9011V15.4511M17.9996 30.7511H28.1996C29.6079 30.7511 30.7496 29.6094 30.7496 28.2011V18.0011C30.7496 16.5927 29.6079 15.4511 28.1996 15.4511H17.9996C16.5913 15.4511 15.4496 16.5927 15.4496 18.0011V28.2011C15.4496 29.6094 16.5913 30.7511 17.9996 30.7511Z",
@@ -15558,7 +15789,7 @@ function Queue({
15558
15789
  strokeLinejoin: "round"
15559
15790
  }
15560
15791
  ),
15561
- /* @__PURE__ */ jsx20(
15792
+ /* @__PURE__ */ jsx23(
15562
15793
  "path",
15563
15794
  {
15564
15795
  d: "M10.35 20.549H7.8C6.39167 20.549 5.25 19.4073 5.25 17.999V7.79902C5.25 6.3907 6.39167 5.24902 7.8 5.24902H18C19.4083 5.24902 20.55 6.3907 20.55 7.79902V10.349M25.7917 15.1657L25.65 12.899C25.65 11.4907 24.5083 10.349 23.1 10.349H12.9C11.4917 10.349 10.35 11.4907 10.35 12.899V23.099C10.35 24.5073 11.4917 25.649 12.9 25.649H15.1667",
@@ -15568,7 +15799,7 @@ function Queue({
15568
15799
  strokeLinejoin: "round"
15569
15800
  }
15570
15801
  ),
15571
- /* @__PURE__ */ jsx20(
15802
+ /* @__PURE__ */ jsx23(
15572
15803
  "path",
15573
15804
  {
15574
15805
  d: "M15.4492 17.9987C15.4492 16.5904 16.5909 15.4487 17.9992 15.4487H28.1992C29.6075 15.4487 30.7492 16.5904 30.7492 17.9987V28.1987C30.7492 29.6071 29.6075 30.7487 28.1992 30.7487H17.9992C16.5909 30.7487 15.4492 29.6071 15.4492 28.1987V17.9987Z",
@@ -15583,7 +15814,7 @@ function Queue({
15583
15814
  }
15584
15815
  };
15585
15816
  const { viewBox, path } = getIconData();
15586
- return /* @__PURE__ */ jsx20(
15817
+ return /* @__PURE__ */ jsx23(
15587
15818
  "svg",
15588
15819
  {
15589
15820
  width: size,
@@ -15597,17 +15828,17 @@ function Queue({
15597
15828
  }
15598
15829
 
15599
15830
  // src/components/atoms/qtalo_logo/qtalo_logo.tsx
15600
- import { jsx as jsx21 } from "react/jsx-runtime";
15831
+ import { jsx as jsx24 } from "react/jsx-runtime";
15601
15832
  function QTLogo({ variant }) {
15602
15833
  if (variant == "monogram") {
15603
- return /* @__PURE__ */ jsx21(
15834
+ return /* @__PURE__ */ jsx24(
15604
15835
  "svg",
15605
15836
  {
15606
15837
  xmlns: "http://www.w3.org/2000/svg",
15607
15838
  width: "40",
15608
15839
  height: "40",
15609
15840
  viewBox: "0 0 40 40",
15610
- children: /* @__PURE__ */ jsx21(
15841
+ children: /* @__PURE__ */ jsx24(
15611
15842
  "image",
15612
15843
  {
15613
15844
  href: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABApJREFUWEfNWV1SGkEQ/npXTcUnvAGeIHKCyAnUEwguIsmLeILgCcSXhL9VPIF6ArmBeoJwg1CpPEV2O9ULu7WsuzOzSCWZKl5gpvubnu6vfyAsuRoNLk5/Y98mfGDGLhMKBBREHAMTAsby8Rn39gZGnQ6Nl1FFeQ41m1z49RMVm7DHwG6eswCemHHZv6JhnnPGAE8cPvWBVmilPEoSe8fMODcFqgUoT8kvuF7CYro7jK11lHVPrwT4yeHDKdBegdWywIpfnvVcusvakAlQnpSBts4Mq/jdBirfXLpJk5UK8G+CC0FlgXwF8PiYd8jHo6lliDBiH/dsY2TbmATnpij6PnbIwp5QkKmsNQulr316iu9fACgB4b/gAUBRJ5SAy/ceWu0hzUBlrEaFi76NFoBDnUwA400PpbjMBYAnDku0VlSCAgImVDsDGhkojLbUHd4n4IJ1lye0ewM6Cw9GAOfW+64F56HcGS6XFcSabONBBzL+1BFAE+tZHraXBRde3MTHCbjrunQgZwKAJtYD4bw3IPGlN696jVtgfFEJ2vSwJb4YADw+4goRrhVkOe66tP1mZHMBlQoX3tl4VD414aw3IEkSwInD4heZdGAxqp2cSV53GZ0VCRh1XSoHAOsOs0rgKnwvKV+suGHjh0LvpOfSFn0+5p2pgpiFiLsDKusssszv9Ro/grGTdVaimYSfANwq/O+y61JzGQC6M3WHpTbMJHC2UCVdgKwyepOAdX4YADTZ1O/nq4J1los4UcMeYpx/CrBe4yYYF5kXEoD//xPrg2TYdalq+mx59p04fMuABGnqsghlmpdDqiJh3MuZRcLuT7SubeAuq+8wopk5UQthBj1t2rLWsa1rbsJzkte9FzzG+5i0atkg/8+Iep7qlKbOQzVZVkmC1FVPBNx3XZIaUl8sAJhsetjWVc+6tBmCNKncw/wfAJznRfHDzGdGotLNcoe6wyp3maxZKHs+pGNUVe6RQaKCVUfYAkjVHoaAdanTJMoJiJgjAmhkRQRdW1XVaAuAxhFXfEV9qQE5sTyUwsp9oWmqH3ETpGD2UDKj1buic5UiY1lJIYnK/VVfrCteY/K0QyATt4njI8JTd0Clhe+SFzDtvOJApfr1GM80cwGZDxZkbugDQhPZgRcTErSzKR1j6uhj3nlJA28k3MTxDfYcpPl25vBIQFo+hMC1UwYD5SZbAgpSjj5W8NwmQFR7XuV97QAzyDQOS/t3+lbtJueTAyQjgAG3zcYWMlvJLI9MAEgT5s8CKvXCUmLF5z7GAEPl4bSKgI85/FMmBDdEuAuVp72KRHJyQJAbYNxKjRrvBnNAQhGEDxGPU/A3xIQ9PMvcsJ+Y+UVpscYtYhwKLQkH0hTV5OznD06t70w92gcAAAAAAElFTkSuQmCC",
@@ -15620,14 +15851,14 @@ function QTLogo({ variant }) {
15620
15851
  }
15621
15852
  );
15622
15853
  } else {
15623
- return /* @__PURE__ */ jsx21(
15854
+ return /* @__PURE__ */ jsx24(
15624
15855
  "svg",
15625
15856
  {
15626
15857
  xmlns: "http://www.w3.org/2000/svg",
15627
15858
  width: "140",
15628
15859
  height: "40",
15629
15860
  viewBox: "0 0 140 40",
15630
- children: /* @__PURE__ */ jsx21(
15861
+ children: /* @__PURE__ */ jsx24(
15631
15862
  "image",
15632
15863
  {
15633
15864
  href: "data:image/png;base64,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",
@@ -15644,15 +15875,15 @@ function QTLogo({ variant }) {
15644
15875
 
15645
15876
  // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
15646
15877
  import clsx5 from "clsx";
15647
- import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
15878
+ import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
15648
15879
  function MainNavButton({ icon, label, active, onClick }) {
15649
- return /* @__PURE__ */ jsxs15(
15880
+ return /* @__PURE__ */ jsxs16(
15650
15881
  "div",
15651
15882
  {
15652
15883
  className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
15653
15884
  onClick,
15654
15885
  children: [
15655
- /* @__PURE__ */ jsx22(
15886
+ /* @__PURE__ */ jsx25(
15656
15887
  "div",
15657
15888
  {
15658
15889
  className: clsx5(
@@ -15662,44 +15893,44 @@ function MainNavButton({ icon, label, active, onClick }) {
15662
15893
  children: icon
15663
15894
  }
15664
15895
  ),
15665
- /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
15896
+ /* @__PURE__ */ jsx25("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
15666
15897
  ]
15667
15898
  }
15668
15899
  );
15669
15900
  }
15670
15901
 
15671
15902
  // src/components/organisms/nav_bar/nav_bar.tsx
15672
- import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
15903
+ import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
15673
15904
  function NavBar({ buttons = {} }) {
15674
- return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col w-[66px] bg-qtneutral-100 navbar-shadow h-full py-12 place-items-center place-content-between gap-8", children: [
15675
- /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8", children: [
15676
- /* @__PURE__ */ jsx23(QTLogo, { variant: "monogram" }),
15677
- /* @__PURE__ */ jsx23(
15905
+ return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col w-[66px] bg-qtneutral-100 navbar-shadow h-full py-12 place-items-center place-content-between gap-8", children: [
15906
+ /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-8", children: [
15907
+ /* @__PURE__ */ jsx26(QTLogo, { variant: "monogram" }),
15908
+ /* @__PURE__ */ jsx26(
15678
15909
  MainNavButton,
15679
15910
  {
15680
15911
  active: buttons.queue?.active,
15681
15912
  label: "Queue",
15682
- icon: /* @__PURE__ */ jsx23(Queue, { color: "#6558FD" }),
15913
+ icon: /* @__PURE__ */ jsx26(Queue, { color: "#6558FD" }),
15683
15914
  onClick: buttons.queue?.onClick
15684
15915
  }
15685
15916
  )
15686
15917
  ] }),
15687
- /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-8", children: [
15688
- /* @__PURE__ */ jsx23(
15918
+ /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-8", children: [
15919
+ /* @__PURE__ */ jsx26(
15689
15920
  MainNavButton,
15690
15921
  {
15691
15922
  active: buttons.account?.active,
15692
15923
  label: "Account",
15693
- icon: /* @__PURE__ */ jsx23(Gear, { color: "#6558FD" }),
15924
+ icon: /* @__PURE__ */ jsx26(Gear, { color: "#6558FD" }),
15694
15925
  onClick: buttons.account?.onClick
15695
15926
  }
15696
15927
  ),
15697
- /* @__PURE__ */ jsx23(
15928
+ /* @__PURE__ */ jsx26(
15698
15929
  MainNavButton,
15699
15930
  {
15700
15931
  active: buttons.logout?.active,
15701
15932
  label: "Logout",
15702
- icon: /* @__PURE__ */ jsx23(Logout, { color: "#6558FD" }),
15933
+ icon: /* @__PURE__ */ jsx26(Logout, { color: "#6558FD" }),
15703
15934
  onClick: buttons.logout?.onClick
15704
15935
  }
15705
15936
  )
@@ -15708,29 +15939,29 @@ function NavBar({ buttons = {} }) {
15708
15939
  }
15709
15940
 
15710
15941
  // src/components/atoms/icons/category_icons/category_icon.tsx
15711
- import { jsx as jsx24 } from "react/jsx-runtime";
15942
+ import { jsx as jsx27 } from "react/jsx-runtime";
15712
15943
  function CategoryIcon({ size = 24, icon, variant }) {
15713
- return /* @__PURE__ */ jsx24(
15944
+ return /* @__PURE__ */ jsx27(
15714
15945
  "div",
15715
15946
  {
15716
15947
  className: `flex-none`,
15717
15948
  style: { width: `${size}px`, height: `${size}px` },
15718
- children: /* @__PURE__ */ jsx24("div", { className: "w-full h-full", children: icon && getCategoryIcon(icon, variant, size) })
15949
+ children: /* @__PURE__ */ jsx27("div", { className: "w-full h-full", children: icon && getCategoryIcon(icon, variant, size) })
15719
15950
  }
15720
15951
  );
15721
15952
  }
15722
15953
 
15723
15954
  // src/components/organisms/emails/single_event.tsx
15724
- import { useEffect, useState as useState2 } from "react";
15955
+ import { useEffect, useState as useState3 } from "react";
15725
15956
 
15726
15957
  // src/components/organisms/intel_card/intel_card.tsx
15727
15958
  import clsx6 from "clsx";
15728
15959
 
15729
15960
  // src/components/molecules/text_content/intel_row/intel_row.tsx
15730
- import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
15961
+ import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
15731
15962
  function IntelRow({ boldText, text }) {
15732
- return /* @__PURE__ */ jsx25("div", { className: "flex w-max body-small text-neutral-1 gap-2 max-w-full", children: /* @__PURE__ */ jsx25("div", { className: "flex break-words", children: /* @__PURE__ */ jsxs17("p", { children: [
15733
- /* @__PURE__ */ jsxs17("strong", { className: "body-small-bold", children: [
15963
+ return /* @__PURE__ */ jsx28("div", { className: "flex w-max body-small text-neutral-1 gap-2 max-w-full", children: /* @__PURE__ */ jsx28("div", { className: "flex break-words", children: /* @__PURE__ */ jsxs18("p", { children: [
15964
+ /* @__PURE__ */ jsxs18("strong", { className: "body-small-bold", children: [
15734
15965
  boldText,
15735
15966
  ":"
15736
15967
  ] }),
@@ -15740,7 +15971,7 @@ function IntelRow({ boldText, text }) {
15740
15971
  }
15741
15972
 
15742
15973
  // src/components/organisms/intel_card/intel_card.tsx
15743
- import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
15974
+ import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
15744
15975
  function IntelCard({
15745
15976
  onRead,
15746
15977
  onSelected,
@@ -15761,7 +15992,7 @@ function IntelCard({
15761
15992
  return "";
15762
15993
  }
15763
15994
  };
15764
- return /* @__PURE__ */ jsxs18(
15995
+ return /* @__PURE__ */ jsxs19(
15765
15996
  "div",
15766
15997
  {
15767
15998
  className: clsx6(
@@ -15774,10 +16005,10 @@ function IntelCard({
15774
16005
  reversed ? "rounded-b-2xl border-t-[2px]" : "rounded-t-2xl border-b-[2px]"
15775
16006
  ),
15776
16007
  children: [
15777
- /* @__PURE__ */ jsx26("div", { className: "flex flex-col gap-4 place-items-center" }),
15778
- /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 max-w-full", children: [
15779
- urgency && /* @__PURE__ */ jsx26(IntelRow, { boldText: urgencyPrefix(), text: urgencyText }),
15780
- /* @__PURE__ */ jsx26(IntelRow, { boldText: "Summary", text: summary })
16008
+ /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-4 place-items-center" }),
16009
+ /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2 max-w-full", children: [
16010
+ urgency && /* @__PURE__ */ jsx29(IntelRow, { boldText: urgencyPrefix(), text: urgencyText }),
16011
+ /* @__PURE__ */ jsx29(IntelRow, { boldText: "Summary", text: summary })
15781
16012
  ] })
15782
16013
  ]
15783
16014
  }
@@ -15785,35 +16016,38 @@ function IntelCard({
15785
16016
  }
15786
16017
 
15787
16018
  // src/components/organisms/emails/single_event.tsx
15788
- import { Fragment as Fragment10, jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
16019
+ import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
15789
16020
  function SingleEvent({
15790
16021
  urgency,
15791
16022
  service,
15792
16023
  body,
15793
- startExpanded
16024
+ startExpanded,
16025
+ sender,
16026
+ source,
16027
+ subjectLine
15794
16028
  }) {
15795
- const [selected, setSelected] = useState2(false);
15796
- const [expanded, setExpanded] = useState2(false);
16029
+ const [selected, setSelected] = useState3(false);
16030
+ const [expanded, setExpanded] = useState3(false);
15797
16031
  useEffect(() => {
15798
16032
  if (startExpanded) {
15799
16033
  setExpanded(true);
15800
16034
  }
15801
16035
  }, [startExpanded]);
15802
- return /* @__PURE__ */ jsxs19(
16036
+ return /* @__PURE__ */ jsxs20(
15803
16037
  "div",
15804
16038
  {
15805
16039
  className: "flex flex-col rounded-3xl bg-qtneutral-200 py-4 px-4 gap-4 h-min",
15806
16040
  onClick: () => setExpanded(!expanded),
15807
16041
  children: [
15808
- /* @__PURE__ */ jsxs19("div", { className: "flex gap-2 place-items-center", children: [
15809
- /* @__PURE__ */ jsx27(
16042
+ /* @__PURE__ */ jsxs20("div", { className: "flex gap-2 place-items-center", children: [
16043
+ /* @__PURE__ */ jsx30(
15810
16044
  SecondaryCheckBox,
15811
16045
  {
15812
16046
  active: selected,
15813
16047
  onClick: () => setSelected(!selected)
15814
16048
  }
15815
16049
  ),
15816
- /* @__PURE__ */ jsx27(
16050
+ /* @__PURE__ */ jsx30(
15817
16051
  CategoryIcon,
15818
16052
  {
15819
16053
  size: 30,
@@ -15821,25 +16055,25 @@ function SingleEvent({
15821
16055
  variant: urgency == "high" ? void 0 : urgency == "medium" ? "#FFD481" /* YELLOW */ : urgency == void 0 ? "none" /* OUTLINED */ : void 0
15822
16056
  }
15823
16057
  ),
15824
- /* @__PURE__ */ jsxs19("div", { className: "flex flex-col w-full h-min", children: [
15825
- /* @__PURE__ */ jsx27(
16058
+ /* @__PURE__ */ jsxs20("div", { className: "flex flex-col w-full h-min", children: [
16059
+ /* @__PURE__ */ jsx30(
15826
16060
  SenderSourceRow,
15827
16061
  {
15828
- leftText: "Sender",
16062
+ leftText: sender,
15829
16063
  seperator: "via",
15830
- rightText: "Source",
16064
+ rightText: source,
15831
16065
  shrunk: true
15832
16066
  }
15833
16067
  ),
15834
- /* @__PURE__ */ jsx27(SubjectLineRow, { text: "Subject Line" })
16068
+ /* @__PURE__ */ jsx30(SubjectLineRow, { text: subjectLine })
15835
16069
  ] })
15836
16070
  ] }),
15837
- expanded && /* @__PURE__ */ jsxs19(Fragment10, { children: [
15838
- /* @__PURE__ */ jsxs19("div", { children: [
15839
- /* @__PURE__ */ jsx27(IntelCard, { summary: "summary", urgency }),
16071
+ expanded && /* @__PURE__ */ jsxs20(Fragment10, { children: [
16072
+ /* @__PURE__ */ jsxs20("div", { children: [
16073
+ /* @__PURE__ */ jsx30(IntelCard, { summary: "summary", urgency }),
15840
16074
  body
15841
16075
  ] }),
15842
- /* @__PURE__ */ jsx27(BrandIcon, { service })
16076
+ /* @__PURE__ */ jsx30(BrandIcon, { service })
15843
16077
  ] })
15844
16078
  ]
15845
16079
  }
@@ -15848,7 +16082,7 @@ function SingleEvent({
15848
16082
 
15849
16083
  // src/components/organisms/event_card/event_card.tsx
15850
16084
  import clsx7 from "clsx";
15851
- import { Fragment as Fragment11, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
16085
+ import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
15852
16086
  function EventCard({
15853
16087
  eventType,
15854
16088
  eventData,
@@ -15859,9 +16093,9 @@ function EventCard({
15859
16093
  function getEventBody() {
15860
16094
  switch (eventType) {
15861
16095
  case "message" /* MESSAGE */:
15862
- return eventData ? eventData[0].eventBody : /* @__PURE__ */ jsx28(Fragment11, {});
16096
+ return eventData ? eventData[0].eventBody : /* @__PURE__ */ jsx31(Fragment11, {});
15863
16097
  case "email" /* EMAIL */:
15864
- return /* @__PURE__ */ jsx28(Fragment11, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ jsx28(
16098
+ return /* @__PURE__ */ jsx31(Fragment11, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ jsx31(
15865
16099
  SingleEvent,
15866
16100
  {
15867
16101
  urgency: d.urgency,
@@ -15869,9 +16103,9 @@ function EventCard({
15869
16103
  body: d.eventBody,
15870
16104
  startExpanded: i == eventData.length - 1
15871
16105
  }
15872
- )) : /* @__PURE__ */ jsx28(Fragment11, { children: " " }) });
16106
+ )) : /* @__PURE__ */ jsx31(Fragment11, { children: " " }) });
15873
16107
  case "ticket" /* TICKET */:
15874
- return /* @__PURE__ */ jsx28(Fragment11, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ jsx28(
16108
+ return /* @__PURE__ */ jsx31(Fragment11, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ jsx31(
15875
16109
  SingleEvent,
15876
16110
  {
15877
16111
  urgency: d.urgency,
@@ -15879,12 +16113,12 @@ function EventCard({
15879
16113
  body: d.eventBody,
15880
16114
  startExpanded: i == eventData.length - 1
15881
16115
  }
15882
- )) : /* @__PURE__ */ jsx28(Fragment11, { children: " " }) });
16116
+ )) : /* @__PURE__ */ jsx31(Fragment11, { children: " " }) });
15883
16117
  default:
15884
- return /* @__PURE__ */ jsx28(Fragment11, {});
16118
+ return /* @__PURE__ */ jsx31(Fragment11, {});
15885
16119
  }
15886
16120
  }
15887
- return /* @__PURE__ */ jsxs20(
16121
+ return /* @__PURE__ */ jsxs21(
15888
16122
  "div",
15889
16123
  {
15890
16124
  className: clsx7(
@@ -15892,8 +16126,8 @@ function EventCard({
15892
16126
  eventType == "message" /* MESSAGE */ ? "bg-qtneutral-200" : "bg-white py-4 pl-4 pr-2"
15893
16127
  ),
15894
16128
  children: [
15895
- /* @__PURE__ */ jsx28("div", { className: "overflow-y-auto flex flex-col gap-4 w-full", children: getEventBody() }),
15896
- eventType == "message" /* MESSAGE */ && /* @__PURE__ */ jsx28(
16129
+ /* @__PURE__ */ jsx31("div", { className: "overflow-y-auto flex flex-col gap-4 w-full", children: getEventBody() }),
16130
+ eventType == "message" /* MESSAGE */ && /* @__PURE__ */ jsx31(
15897
16131
  IntelCard,
15898
16132
  {
15899
16133
  urgency: groupUrgency,
@@ -15908,7 +16142,7 @@ function EventCard({
15908
16142
  }
15909
16143
 
15910
16144
  // src/components/organisms/message_body/email_body.tsx
15911
- import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
16145
+ import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
15912
16146
  function EmailBody({
15913
16147
  subjectLine,
15914
16148
  to,
@@ -15919,32 +16153,32 @@ function EmailBody({
15919
16153
  attachments,
15920
16154
  body
15921
16155
  }) {
15922
- return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
15923
- /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-0.5", children: [
15924
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
15925
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`To: ${to}`] }),
15926
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`Date: ${date}`] }),
15927
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`from: ${from}`] }),
15928
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`CC: ${CC}`] }),
15929
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`BCC: ${BCC}`] }),
15930
- /* @__PURE__ */ jsx29(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
16156
+ return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16157
+ /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-0.5", children: [
16158
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
16159
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`To: ${to}`] }),
16160
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`Date: ${date}`] }),
16161
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`from: ${from}`] }),
16162
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`CC: ${CC}`] }),
16163
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`BCC: ${BCC}`] }),
16164
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
15931
16165
  ] }),
15932
- /* @__PURE__ */ jsx29("hr", { className: "text-qtneutral-500" }),
15933
- /* @__PURE__ */ jsx29("div", { className: "body-medium", children: body })
16166
+ /* @__PURE__ */ jsx32("hr", { className: "text-qtneutral-500" }),
16167
+ /* @__PURE__ */ jsx32("div", { className: "body-medium", children: body })
15934
16168
  ] });
15935
16169
  }
15936
16170
 
15937
16171
  // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
15938
16172
  import clsx9 from "clsx";
15939
- import { useEffect as useEffect2, useState as useState3 } from "react";
16173
+ import { useEffect as useEffect2, useState as useState4 } from "react";
15940
16174
 
15941
16175
  // src/components/atoms/emoji_pill/emoji_pill.tsx
15942
16176
  var import_emoji_dictionary = __toESM(require_lib7());
15943
- import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
16177
+ import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
15944
16178
  function EmojiPill({ emoji, count }) {
15945
- return /* @__PURE__ */ jsxs22("div", { className: "flex rounded-2xl bg-qtneutral-300 w-min py-0.5 px-4 place-items-center place-content-center gap-1", children: [
16179
+ return /* @__PURE__ */ jsxs23("div", { className: "flex rounded-2xl bg-qtneutral-300 w-min py-0.5 px-4 place-items-center place-content-center gap-1", children: [
15946
16180
  emoji && import_emoji_dictionary.default.getUnicode(emoji),
15947
- /* @__PURE__ */ jsx30("div", { className: "label-3-bold text-qtneutral-900", children: count })
16181
+ /* @__PURE__ */ jsx33("div", { className: "label-3-bold text-qtneutral-900", children: count })
15948
16182
  ] });
15949
16183
  }
15950
16184
 
@@ -15952,20 +16186,19 @@ function EmojiPill({ emoji, count }) {
15952
16186
  import clsx8 from "clsx";
15953
16187
  import ReactMarkdown from "react-markdown";
15954
16188
  import remarkGfm from "remark-gfm";
15955
- import { jsx as jsx31 } from "react/jsx-runtime";
16189
+ import { jsx as jsx34 } from "react/jsx-runtime";
15956
16190
  function MarkdownRenderer({ content, truncated }) {
15957
- console.log("trunk", content, truncated);
15958
- return /* @__PURE__ */ jsx31(
16191
+ return /* @__PURE__ */ jsx34(
15959
16192
  "div",
15960
16193
  {
15961
16194
  className: clsx8("flex flex-col markdown", truncated && "line-clamp-3"),
15962
- children: /* @__PURE__ */ jsx31(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content })
16195
+ children: /* @__PURE__ */ jsx34(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content })
15963
16196
  }
15964
16197
  );
15965
16198
  }
15966
16199
 
15967
16200
  // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
15968
- import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
16201
+ import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
15969
16202
  function ChatBubble({
15970
16203
  summary,
15971
16204
  text,
@@ -15975,12 +16208,11 @@ function ChatBubble({
15975
16208
  timestamp,
15976
16209
  emojis
15977
16210
  }) {
15978
- const [expanded, setExpanded] = useState3(false);
15979
- const [truncatedText, setTruncatedText] = useState3(false);
15980
- const [uniqueEmojis, setUniqueEmojis] = useState3(
16211
+ const [expanded, setExpanded] = useState4(false);
16212
+ const [truncatedText, setTruncatedText] = useState4(false);
16213
+ const [uniqueEmojis, setUniqueEmojis] = useState4(
15981
16214
  /* @__PURE__ */ new Map()
15982
16215
  );
15983
- console.log("tt", truncatedText, text);
15984
16216
  useEffect2(() => {
15985
16217
  if (text && text.length > 450) {
15986
16218
  setTruncatedText(true);
@@ -15995,7 +16227,7 @@ function ChatBubble({
15995
16227
  setUniqueEmojis(ue);
15996
16228
  }
15997
16229
  }, [emojis]);
15998
- return /* @__PURE__ */ jsx32("div", { className: clsx9(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ jsxs23(
16230
+ return /* @__PURE__ */ jsx35("div", { className: clsx9(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ jsxs24(
15999
16231
  "div",
16000
16232
  {
16001
16233
  className: clsx9(
@@ -16004,29 +16236,29 @@ function ChatBubble({
16004
16236
  outbound ? "rounded-bl-3xl" : "rounded-br-3xl"
16005
16237
  ),
16006
16238
  children: [
16007
- /* @__PURE__ */ jsxs23("div", { className: "flex place-content-between", children: [
16008
- /* @__PURE__ */ jsxs23("div", { className: "flex gap-2 place-items-center", children: [
16009
- /* @__PURE__ */ jsx32("div", { className: "body-small-bold", children: name }),
16010
- /* @__PURE__ */ jsx32("div", { className: "text-qtneutral-700 label-3", children: timestamp })
16239
+ /* @__PURE__ */ jsxs24("div", { className: "flex place-content-between", children: [
16240
+ /* @__PURE__ */ jsxs24("div", { className: "flex gap-2 place-items-center", children: [
16241
+ /* @__PURE__ */ jsx35("div", { className: "body-small-bold", children: name }),
16242
+ /* @__PURE__ */ jsx35("div", { className: "text-qtneutral-700 label-3", children: timestamp })
16011
16243
  ] }),
16012
- /* @__PURE__ */ jsx32(ExternalLink, { size: 16 })
16244
+ /* @__PURE__ */ jsx35(ExternalLink, { size: 16 })
16013
16245
  ] }),
16014
- /* @__PURE__ */ jsxs23("div", { className: clsx9("flex flex-col gap-2", !expanded && " "), children: [
16015
- summary && truncatedText && /* @__PURE__ */ jsxs23("div", { children: [
16016
- /* @__PURE__ */ jsxs23("p", { className: "body-small mb-2", children: [
16017
- /* @__PURE__ */ jsx32("strong", { className: "body-small-bold", children: "Summary:" }),
16246
+ /* @__PURE__ */ jsxs24("div", { className: clsx9("flex flex-col gap-2", !expanded && " "), children: [
16247
+ summary && truncatedText && /* @__PURE__ */ jsxs24("div", { children: [
16248
+ /* @__PURE__ */ jsxs24("p", { className: "body-small mb-2", children: [
16249
+ /* @__PURE__ */ jsx35("strong", { className: "body-small-bold", children: "Summary:" }),
16018
16250
  " ",
16019
16251
  summary
16020
16252
  ] }),
16021
- /* @__PURE__ */ jsx32("hr", { className: "border-qtneutral-500" })
16253
+ /* @__PURE__ */ jsx35("hr", { className: "border-qtneutral-500" })
16022
16254
  ] }),
16023
- /* @__PURE__ */ jsx32(
16255
+ /* @__PURE__ */ jsx35(
16024
16256
  "div",
16025
16257
  {
16026
16258
  className: clsx9(
16027
16259
  "flex flex-none text-qtneutral-900 body-medium w-full"
16028
16260
  ),
16029
- children: /* @__PURE__ */ jsx32(
16261
+ children: /* @__PURE__ */ jsx35(
16030
16262
  MarkdownRenderer,
16031
16263
  {
16032
16264
  content: text || "",
@@ -16036,7 +16268,7 @@ function ChatBubble({
16036
16268
  }
16037
16269
  )
16038
16270
  ] }),
16039
- truncatedText && /* @__PURE__ */ jsx32(
16271
+ truncatedText && /* @__PURE__ */ jsx35(
16040
16272
  "div",
16041
16273
  {
16042
16274
  className: "qt-link select-none",
@@ -16044,9 +16276,9 @@ function ChatBubble({
16044
16276
  children: `${!expanded ? "Show" : "Hide"} full message`
16045
16277
  }
16046
16278
  ),
16047
- image && /* @__PURE__ */ jsx32("img", { src: image, alt: "", className: "rounded-xl" }),
16048
- /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
16049
- /* @__PURE__ */ jsx32(
16279
+ image && /* @__PURE__ */ jsx35("img", { src: image, alt: "", className: "rounded-xl" }),
16280
+ /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
16281
+ /* @__PURE__ */ jsx35(
16050
16282
  "div",
16051
16283
  {
16052
16284
  className: clsx9(
@@ -16056,7 +16288,7 @@ function ChatBubble({
16056
16288
  children: name ? name[0].toUpperCase() : ""
16057
16289
  }
16058
16290
  ),
16059
- uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ jsx32(EmojiPill, { emoji: e, count: c }))
16291
+ uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ jsx35(EmojiPill, { emoji: e, count: c }))
16060
16292
  ] })
16061
16293
  ]
16062
16294
  }
@@ -16064,10 +16296,10 @@ function ChatBubble({
16064
16296
  }
16065
16297
 
16066
16298
  // src/components/organisms/message_body/chat_body.tsx
16067
- import { jsx as jsx33 } from "react/jsx-runtime";
16299
+ import { jsx as jsx36 } from "react/jsx-runtime";
16068
16300
  function ChatBody({ messages }) {
16069
- return /* @__PURE__ */ jsx33("div", { className: "p-4 rounded-2xl w-full", children: /* @__PURE__ */ jsx33("div", { className: "flex flex-col place-content-center gap-4", children: messages && messages.map((msg) => {
16070
- return /* @__PURE__ */ jsx33(
16301
+ return /* @__PURE__ */ jsx36("div", { className: "p-4 rounded-2xl w-full", children: /* @__PURE__ */ jsx36("div", { className: "flex flex-col place-content-center gap-4", children: messages && messages.map((msg) => {
16302
+ return /* @__PURE__ */ jsx36(
16071
16303
  ChatBubble,
16072
16304
  {
16073
16305
  summary: msg.summary,
@@ -16084,7 +16316,7 @@ function ChatBody({ messages }) {
16084
16316
 
16085
16317
  // src/components/organisms/message_body/ticket_body.tsx
16086
16318
  import clsx10 from "clsx";
16087
- import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
16319
+ import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
16088
16320
  function TicketBody({
16089
16321
  issueNumber,
16090
16322
  notification,
@@ -16100,53 +16332,53 @@ function TicketBody({
16100
16332
  description,
16101
16333
  comments
16102
16334
  }) {
16103
- return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16104
- /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-0.5", children: [
16105
- /* @__PURE__ */ jsx34(MetadataRow, { metadata: [`Issue: ${issueNumber}`] }),
16106
- /* @__PURE__ */ jsx34(MetadataRow, { metadata: [`Notification: ${notification}`] }),
16107
- /* @__PURE__ */ jsx34(MetadataRow, { metadata: [`Project: ${project}`] }),
16108
- /* @__PURE__ */ jsx34(MetadataRow, { metadata: [`Task: ${task}`] })
16335
+ return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16336
+ /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-0.5", children: [
16337
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Issue: ${issueNumber}`] }),
16338
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Notification: ${notification}`] }),
16339
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Project: ${project}`] }),
16340
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Task: ${task}`] })
16109
16341
  ] }),
16110
- /* @__PURE__ */ jsx34("hr", { className: "text-qtneutral-500" }),
16111
- /* @__PURE__ */ jsx34("div", { className: "body-bold", children: "Issue" }),
16112
- /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-2 gap-4 body-small", children: [
16113
- /* @__PURE__ */ jsxs24("div", { className: "", children: [
16114
- /* @__PURE__ */ jsx34("div", { children: "Due Date: " }),
16115
- /* @__PURE__ */ jsx34("div", { children: "Start Date: " }),
16116
- /* @__PURE__ */ jsx34("div", { children: "Assignees: " }),
16117
- /* @__PURE__ */ jsx34("div", { children: "Reporter: " }),
16118
- /* @__PURE__ */ jsx34("div", { children: "Team: " }),
16119
- /* @__PURE__ */ jsx34("div", { children: "Location: " }),
16120
- /* @__PURE__ */ jsx34("div", { children: "Related: " }),
16121
- /* @__PURE__ */ jsx34("div", { children: "Description: " })
16342
+ /* @__PURE__ */ jsx37("hr", { className: "text-qtneutral-500" }),
16343
+ /* @__PURE__ */ jsx37("div", { className: "body-bold", children: "Issue" }),
16344
+ /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-4 body-small", children: [
16345
+ /* @__PURE__ */ jsxs25("div", { className: "", children: [
16346
+ /* @__PURE__ */ jsx37("div", { children: "Due Date: " }),
16347
+ /* @__PURE__ */ jsx37("div", { children: "Start Date: " }),
16348
+ /* @__PURE__ */ jsx37("div", { children: "Assignees: " }),
16349
+ /* @__PURE__ */ jsx37("div", { children: "Reporter: " }),
16350
+ /* @__PURE__ */ jsx37("div", { children: "Team: " }),
16351
+ /* @__PURE__ */ jsx37("div", { children: "Location: " }),
16352
+ /* @__PURE__ */ jsx37("div", { children: "Related: " }),
16353
+ /* @__PURE__ */ jsx37("div", { children: "Description: " })
16122
16354
  ] }),
16123
- /* @__PURE__ */ jsxs24("div", { className: "", children: [
16124
- /* @__PURE__ */ jsx34("div", { children: dueDate || "None" }),
16125
- /* @__PURE__ */ jsx34("div", { children: startDate || "None" }),
16126
- /* @__PURE__ */ jsx34("div", { children: assignees || "None" }),
16127
- /* @__PURE__ */ jsx34("div", { children: reporter || "None" }),
16128
- /* @__PURE__ */ jsx34("div", { children: team || "None" }),
16129
- /* @__PURE__ */ jsx34("div", { children: location || "None" }),
16130
- /* @__PURE__ */ jsx34("div", { children: related || "None" }),
16131
- /* @__PURE__ */ jsx34("div", { children: description || "None" })
16355
+ /* @__PURE__ */ jsxs25("div", { className: "", children: [
16356
+ /* @__PURE__ */ jsx37("div", { children: dueDate || "None" }),
16357
+ /* @__PURE__ */ jsx37("div", { children: startDate || "None" }),
16358
+ /* @__PURE__ */ jsx37("div", { children: assignees || "None" }),
16359
+ /* @__PURE__ */ jsx37("div", { children: reporter || "None" }),
16360
+ /* @__PURE__ */ jsx37("div", { children: team || "None" }),
16361
+ /* @__PURE__ */ jsx37("div", { children: location || "None" }),
16362
+ /* @__PURE__ */ jsx37("div", { children: related || "None" }),
16363
+ /* @__PURE__ */ jsx37("div", { children: description || "None" })
16132
16364
  ] }),
16133
16365
  comments && comments.map((c, i) => {
16134
- return /* @__PURE__ */ jsxs24("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
16135
- /* @__PURE__ */ jsx34("hr", { className: "text-qtneutral-500" }),
16136
- /* @__PURE__ */ jsx34("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),
16137
- /* @__PURE__ */ jsxs24(
16366
+ return /* @__PURE__ */ jsxs25("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
16367
+ /* @__PURE__ */ jsx37("hr", { className: "text-qtneutral-500" }),
16368
+ /* @__PURE__ */ jsx37("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),
16369
+ /* @__PURE__ */ jsxs25(
16138
16370
  "div",
16139
16371
  {
16140
16372
  className: `flex gap-2 ${i == 0 ? "body-small-bold" : "body-small"}`,
16141
16373
  children: [
16142
- /* @__PURE__ */ jsx34("div", { children: c.name }),
16143
- /* @__PURE__ */ jsx34("div", { children: c.timestamp })
16374
+ /* @__PURE__ */ jsx37("div", { children: c.name }),
16375
+ /* @__PURE__ */ jsx37("div", { children: c.timestamp })
16144
16376
  ]
16145
16377
  }
16146
16378
  ),
16147
- /* @__PURE__ */ jsx34("div", { children: c.text }),
16148
- /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
16149
- /* @__PURE__ */ jsx34(
16379
+ /* @__PURE__ */ jsx37("div", { children: c.text }),
16380
+ /* @__PURE__ */ jsxs25("div", { className: "flex gap-2", children: [
16381
+ /* @__PURE__ */ jsx37(
16150
16382
  "div",
16151
16383
  {
16152
16384
  className: clsx10(
@@ -16159,7 +16391,7 @@ function TicketBody({
16159
16391
  acc.set(str, (acc.get(str) || 0) + 1);
16160
16392
  return acc;
16161
16393
  }, /* @__PURE__ */ new Map()).entries().map(([e, c2]) => {
16162
- return /* @__PURE__ */ jsx34(EmojiPill, { emoji: e, count: c2 });
16394
+ return /* @__PURE__ */ jsx37(EmojiPill, { emoji: e, count: c2 });
16163
16395
  })
16164
16396
  ] })
16165
16397
  ] });
@@ -16169,7 +16401,7 @@ function TicketBody({
16169
16401
  }
16170
16402
 
16171
16403
  // src/components/atoms/icons/base_icons/CircleX.tsx
16172
- import { jsx as jsx35 } from "react/jsx-runtime";
16404
+ import { jsx as jsx38 } from "react/jsx-runtime";
16173
16405
  function CircleX({
16174
16406
  size = 24,
16175
16407
  color = "#1D1D1F",
@@ -16180,27 +16412,27 @@ function CircleX({
16180
16412
  case 16:
16181
16413
  return {
16182
16414
  viewBox: "0 0 16 16",
16183
- path: /* @__PURE__ */ jsx35("path", { d: "M6.66667 9.33333L8 8M8 8L9.33333 6.66667M8 8L6.66667 6.66667M8 8L9.33333 9.33333M14 8C14 8.78793 13.8448 9.56815 13.5433 10.2961C13.2417 11.0241 12.7998 11.6855 12.2426 12.2426C11.6855 12.7998 11.0241 13.2417 10.2961 13.5433C9.56815 13.8448 8.78793 14 8 14C7.21207 14 6.43185 13.8448 5.7039 13.5433C4.97595 13.2417 4.31451 12.7998 3.75736 12.2426C3.20021 11.6855 2.75825 11.0241 2.45672 10.2961C2.15519 9.56815 2 8.78793 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.5913 2 11.1174 2.63214 12.2426 3.75736C13.3679 4.88258 14 6.4087 14 8Z", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
16415
+ path: /* @__PURE__ */ jsx38("path", { d: "M6.66667 9.33333L8 8M8 8L9.33333 6.66667M8 8L6.66667 6.66667M8 8L9.33333 9.33333M14 8C14 8.78793 13.8448 9.56815 13.5433 10.2961C13.2417 11.0241 12.7998 11.6855 12.2426 12.2426C11.6855 12.7998 11.0241 13.2417 10.2961 13.5433C9.56815 13.8448 8.78793 14 8 14C7.21207 14 6.43185 13.8448 5.7039 13.5433C4.97595 13.2417 4.31451 12.7998 3.75736 12.2426C3.20021 11.6855 2.75825 11.0241 2.45672 10.2961C2.15519 9.56815 2 8.78793 2 8C2 6.4087 2.63214 4.88258 3.75736 3.75736C4.88258 2.63214 6.4087 2 8 2C9.5913 2 11.1174 2.63214 12.2426 3.75736C13.3679 4.88258 14 6.4087 14 8Z", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
16184
16416
  };
16185
16417
  case 20:
16186
16418
  return {
16187
16419
  viewBox: "0 0 20 20",
16188
- path: /* @__PURE__ */ jsx35("path", { d: "M8.33333 11.6667L10 10M10 10L11.6667 8.33333M10 10L8.33333 8.33333M10 10L11.6667 11.6667M17.5 10C17.5 10.9849 17.306 11.9602 16.9291 12.8701C16.5522 13.7801 15.9997 14.6069 15.3033 15.3033C14.6069 15.9997 13.7801 16.5522 12.8701 16.9291C11.9602 17.306 10.9849 17.5 10 17.5C9.01509 17.5 8.03982 17.306 7.12987 16.9291C6.21993 16.5522 5.39314 15.9997 4.6967 15.3033C4.00026 14.6069 3.44781 13.7801 3.0709 12.8701C2.69399 11.9602 2.5 10.9849 2.5 10C2.5 8.01088 3.29018 6.10322 4.6967 4.6967C6.10322 3.29018 8.01088 2.5 10 2.5C11.9891 2.5 13.8968 3.29018 15.3033 4.6967C16.7098 6.10322 17.5 8.01088 17.5 10Z", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
16420
+ path: /* @__PURE__ */ jsx38("path", { d: "M8.33333 11.6667L10 10M10 10L11.6667 8.33333M10 10L8.33333 8.33333M10 10L11.6667 11.6667M17.5 10C17.5 10.9849 17.306 11.9602 16.9291 12.8701C16.5522 13.7801 15.9997 14.6069 15.3033 15.3033C14.6069 15.9997 13.7801 16.5522 12.8701 16.9291C11.9602 17.306 10.9849 17.5 10 17.5C9.01509 17.5 8.03982 17.306 7.12987 16.9291C6.21993 16.5522 5.39314 15.9997 4.6967 15.3033C4.00026 14.6069 3.44781 13.7801 3.0709 12.8701C2.69399 11.9602 2.5 10.9849 2.5 10C2.5 8.01088 3.29018 6.10322 4.6967 4.6967C6.10322 3.29018 8.01088 2.5 10 2.5C11.9891 2.5 13.8968 3.29018 15.3033 4.6967C16.7098 6.10322 17.5 8.01088 17.5 10Z", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
16189
16421
  };
16190
16422
  case 24:
16191
16423
  return {
16192
16424
  viewBox: "0 0 24 24",
16193
- path: /* @__PURE__ */ jsx35("path", { d: "M10 14L12 12M12 12L14 10M12 12L10 10M12 12L14 14M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
16425
+ path: /* @__PURE__ */ jsx38("path", { d: "M10 14L12 12M12 12L14 10M12 12L10 10M12 12L14 14M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
16194
16426
  };
16195
16427
  case 36:
16196
16428
  return {
16197
16429
  viewBox: "0 0 36 36",
16198
- path: /* @__PURE__ */ jsx35("path", { d: "M15 21L18 18M18 18L21 15M18 18L15 15M18 18L21 21M31.5 18C31.5 19.7728 31.1508 21.5283 30.4724 23.1662C29.7939 24.8041 28.7995 26.2923 27.5459 27.5459C26.2923 28.7995 24.8041 29.7939 23.1662 30.4724C21.5283 31.1508 19.7728 31.5 18 31.5C16.2272 31.5 14.4717 31.1508 12.8338 30.4724C11.1959 29.7939 9.70765 28.7995 8.45406 27.5459C7.20047 26.2923 6.20606 24.8041 5.52763 23.1662C4.84919 21.5283 4.5 19.7728 4.5 18C4.5 14.4196 5.92232 10.9858 8.45406 8.45406C10.9858 5.92232 14.4196 4.5 18 4.5C21.5804 4.5 25.0142 5.92232 27.5459 8.45406C30.0777 10.9858 31.5 14.4196 31.5 18Z", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
16430
+ path: /* @__PURE__ */ jsx38("path", { d: "M15 21L18 18M18 18L21 15M18 18L15 15M18 18L21 21M31.5 18C31.5 19.7728 31.1508 21.5283 30.4724 23.1662C29.7939 24.8041 28.7995 26.2923 27.5459 27.5459C26.2923 28.7995 24.8041 29.7939 23.1662 30.4724C21.5283 31.1508 19.7728 31.5 18 31.5C16.2272 31.5 14.4717 31.1508 12.8338 30.4724C11.1959 29.7939 9.70765 28.7995 8.45406 27.5459C7.20047 26.2923 6.20606 24.8041 5.52763 23.1662C4.84919 21.5283 4.5 19.7728 4.5 18C4.5 14.4196 5.92232 10.9858 8.45406 8.45406C10.9858 5.92232 14.4196 4.5 18 4.5C21.5804 4.5 25.0142 5.92232 27.5459 8.45406C30.0777 10.9858 31.5 14.4196 31.5 18Z", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
16199
16431
  };
16200
16432
  }
16201
16433
  };
16202
16434
  const { viewBox, path } = getIconData();
16203
- return /* @__PURE__ */ jsx35(
16435
+ return /* @__PURE__ */ jsx38(
16204
16436
  "svg",
16205
16437
  {
16206
16438
  width: size,
@@ -16214,7 +16446,7 @@ function CircleX({
16214
16446
  }
16215
16447
 
16216
16448
  // src/components/atoms/icons/base_icons/Loading.tsx
16217
- import { Fragment as Fragment12, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
16449
+ import { Fragment as Fragment12, jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
16218
16450
  function Loading({
16219
16451
  size = 24,
16220
16452
  color = "#1D1D1F",
@@ -16225,8 +16457,8 @@ function Loading({
16225
16457
  case 16:
16226
16458
  return {
16227
16459
  viewBox: "0 0 16 16",
16228
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16229
- /* @__PURE__ */ jsx36(
16460
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16461
+ /* @__PURE__ */ jsx39(
16230
16462
  "path",
16231
16463
  {
16232
16464
  d: "M11.4209 4.85221C10.466 3.81296 9.13351 3.19329 7.72528 3.13377C6.31705 3.07424 4.93704 3.57926 3.89779 4.53422C2.85854 5.48917 2.23887 6.82165 2.17935 8.22988C2.11983 9.63811 2.62485 11.0181 3.5798 12.0574C4.05501 12.5745 4.62461 12.9868 5.26063 13.2835C5.89665 13.5802 6.581 13.7417 7.28038 13.7713C7.97977 13.8008 8.68023 13.6932 9.33409 13.4557C9.99289 13.2137 10.5952 12.851 11.1124 12.3758C11.6296 11.9005 12.0418 11.3309 12.3385 10.6949C12.6353 10.0589 12.7968 9.37456 12.8263 8.67517",
@@ -16236,7 +16468,7 @@ function Loading({
16236
16468
  "stroke-linejoin": "round"
16237
16469
  }
16238
16470
  ),
16239
- /* @__PURE__ */ jsx36(
16471
+ /* @__PURE__ */ jsx39(
16240
16472
  "path",
16241
16473
  {
16242
16474
  d: "M10.4362 5.7666L12.3556 5.49268L12.0771 3.56836",
@@ -16251,8 +16483,8 @@ function Loading({
16251
16483
  case 20:
16252
16484
  return {
16253
16485
  viewBox: "0 0 20 20",
16254
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16255
- /* @__PURE__ */ jsx36(
16486
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16487
+ /* @__PURE__ */ jsx39(
16256
16488
  "path",
16257
16489
  {
16258
16490
  d: "M14.2757 6.06538C13.082 4.76633 11.4164 3.99174 9.65611 3.91733C7.89583 3.84293 6.17081 4.4742 4.87175 5.6679C3.57269 6.86159 2.7981 8.52718 2.7237 10.2875C2.64929 12.0478 3.28057 13.7728 4.47426 15.0718C5.06828 15.7183 5.78027 16.2336 6.5753 16.6045C7.37033 16.9754 8.22576 17.1773 9.09999 17.2142C9.97423 17.2512 10.8498 17.1166 11.6671 16.8197C12.4906 16.5172 13.2436 16.0638 13.89 15.4698C14.5365 14.8758 15.0518 14.1638 15.4227 13.3688C15.7936 12.5738 15.9955 11.7183 16.0324 10.8441",
@@ -16262,7 +16494,7 @@ function Loading({
16262
16494
  "stroke-linejoin": "round"
16263
16495
  }
16264
16496
  ),
16265
- /* @__PURE__ */ jsx36(
16497
+ /* @__PURE__ */ jsx39(
16266
16498
  "path",
16267
16499
  {
16268
16500
  d: "M13.0445 7.20838L15.4438 6.86597L15.0957 4.46057",
@@ -16277,8 +16509,8 @@ function Loading({
16277
16509
  case 24:
16278
16510
  return {
16279
16511
  viewBox: "0 0 24 24",
16280
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16281
- /* @__PURE__ */ jsx36(
16512
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16513
+ /* @__PURE__ */ jsx39(
16282
16514
  "path",
16283
16515
  {
16284
16516
  d: "M17.1304 7.27831C15.698 5.71944 13.6993 4.78994 11.5869 4.70065C9.4746 4.61137 7.40458 5.3689 5.84571 6.80133C4.28684 8.23376 3.35733 10.2325 3.26805 12.3448C3.17876 14.4572 3.93629 16.5272 5.36872 18.086C6.08155 18.8618 6.93594 19.4802 7.88997 19.9253C8.844 20.3704 9.87052 20.6126 10.9196 20.6569C11.9687 20.7013 13.0194 20.5397 14.0002 20.1835C14.9884 19.8206 15.8919 19.2765 16.6676 18.5636C17.4434 17.8508 18.0618 16.9964 18.5068 16.0424C18.9519 15.0884 19.1942 14.0618 19.2385 13.0128",
@@ -16288,7 +16520,7 @@ function Loading({
16288
16520
  "stroke-linejoin": "round"
16289
16521
  }
16290
16522
  ),
16291
- /* @__PURE__ */ jsx36(
16523
+ /* @__PURE__ */ jsx39(
16292
16524
  "path",
16293
16525
  {
16294
16526
  d: "M15.6528 8.65003L18.5319 8.23914L18.1143 5.35266",
@@ -16303,8 +16535,8 @@ function Loading({
16303
16535
  case 36:
16304
16536
  return {
16305
16537
  viewBox: "0 0 36 36",
16306
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16307
- /* @__PURE__ */ jsx36(
16538
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16539
+ /* @__PURE__ */ jsx39(
16308
16540
  "path",
16309
16541
  {
16310
16542
  d: "M25.6966 10.9176C23.548 8.57929 20.5499 7.18503 17.3814 7.0511C14.2129 6.91717 11.1078 8.05347 8.76954 10.2021C6.43124 12.3508 5.03697 15.3488 4.90305 18.5173C4.76912 21.6859 5.90541 24.7909 8.05406 27.1292C9.1233 28.2928 10.4049 29.2204 11.8359 29.888C13.267 30.5557 14.8068 30.919 16.3804 30.9855C17.954 31.052 19.53 30.8097 21.0012 30.2754C22.4835 29.7309 23.8388 28.9148 25.0024 27.8456C26.166 26.7763 27.0936 25.4948 27.7612 24.0637C28.4289 22.6327 28.7922 21.0929 28.8587 19.5193",
@@ -16314,7 +16546,7 @@ function Loading({
16314
16546
  "stroke-linejoin": "round"
16315
16547
  }
16316
16548
  ),
16317
- /* @__PURE__ */ jsx36(
16549
+ /* @__PURE__ */ jsx39(
16318
16550
  "path",
16319
16551
  {
16320
16552
  d: "M23.4797 12.975L27.7984 12.3587L27.1719 8.02893",
@@ -16329,7 +16561,7 @@ function Loading({
16329
16561
  }
16330
16562
  };
16331
16563
  const { viewBox, path } = getIconData();
16332
- return /* @__PURE__ */ jsx36(
16564
+ return /* @__PURE__ */ jsx39(
16333
16565
  "svg",
16334
16566
  {
16335
16567
  width: size,
@@ -16343,7 +16575,7 @@ function Loading({
16343
16575
  }
16344
16576
 
16345
16577
  // src/components/atoms/icons/base_icons/Search.tsx
16346
- import { jsx as jsx37 } from "react/jsx-runtime";
16578
+ import { jsx as jsx40 } from "react/jsx-runtime";
16347
16579
  function Search({
16348
16580
  size = 24,
16349
16581
  color = "#1D1D1F",
@@ -16354,7 +16586,7 @@ function Search({
16354
16586
  case 16:
16355
16587
  return {
16356
16588
  viewBox: "0 0 16 16",
16357
- path: /* @__PURE__ */ jsx37(
16589
+ path: /* @__PURE__ */ jsx40(
16358
16590
  "path",
16359
16591
  {
16360
16592
  d: "M14 14L10 10M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z",
@@ -16368,7 +16600,7 @@ function Search({
16368
16600
  case 20:
16369
16601
  return {
16370
16602
  viewBox: "0 0 20 20",
16371
- path: /* @__PURE__ */ jsx37(
16603
+ path: /* @__PURE__ */ jsx40(
16372
16604
  "path",
16373
16605
  {
16374
16606
  d: "M17.5 17.5L12.5 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z",
@@ -16382,7 +16614,7 @@ function Search({
16382
16614
  case 24:
16383
16615
  return {
16384
16616
  viewBox: "0 0 24 24",
16385
- path: /* @__PURE__ */ jsx37(
16617
+ path: /* @__PURE__ */ jsx40(
16386
16618
  "path",
16387
16619
  {
16388
16620
  d: "M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z",
@@ -16396,7 +16628,7 @@ function Search({
16396
16628
  case 36:
16397
16629
  return {
16398
16630
  viewBox: "0 0 36 36",
16399
- path: /* @__PURE__ */ jsx37(
16631
+ path: /* @__PURE__ */ jsx40(
16400
16632
  "path",
16401
16633
  {
16402
16634
  d: "M31.5 31.5L22.5 22.5M25.5 15C25.5 20.799 20.799 25.5 15 25.5C9.20101 25.5 4.5 20.799 4.5 15C4.5 9.20101 9.20101 4.5 15 4.5C20.799 4.5 25.5 9.20101 25.5 15Z",
@@ -16410,7 +16642,7 @@ function Search({
16410
16642
  }
16411
16643
  };
16412
16644
  const { viewBox, path } = getIconData();
16413
- return /* @__PURE__ */ jsx37(
16645
+ return /* @__PURE__ */ jsx40(
16414
16646
  "svg",
16415
16647
  {
16416
16648
  width: size,
@@ -16424,41 +16656,23 @@ function Search({
16424
16656
  }
16425
16657
 
16426
16658
  // src/components/organisms/search_bar/search_bar.tsx
16427
- import { useState as useState4, useEffect as useEffect3 } from "react";
16428
- import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
16429
- function SearchBar() {
16430
- const [query, setQuery] = useState4("");
16431
- const [state, setState] = useState4("inactive");
16432
- const [results, setResults] = useState4([]);
16659
+ import { useState as useState5, useEffect as useEffect3 } from "react";
16660
+ import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
16661
+ function SearchBar({ loading, results, onUpdate }) {
16662
+ const [query, setQuery] = useState5("");
16433
16663
  useEffect3(() => {
16434
- if (query === "") {
16435
- setState("inactive");
16436
- setResults([]);
16664
+ if (!onUpdate) {
16437
16665
  return;
16438
16666
  }
16439
- setState("typing");
16440
- const timeout = setTimeout(() => {
16441
- setState("loading");
16442
- setTimeout(() => {
16443
- setState("results");
16444
- setResults([
16445
- { label: "Unread", count: 11 },
16446
- { label: "Fire", count: 11 },
16447
- { label: "Slack", count: 9 },
16448
- { label: "Jira", count: 2 }
16449
- ]);
16450
- }, 1e3);
16451
- }, 300);
16452
- return () => clearTimeout(timeout);
16667
+ onUpdate(query);
16453
16668
  }, [query]);
16454
16669
  const clearQuery = () => {
16455
16670
  setQuery("");
16456
- setState("inactive");
16457
16671
  };
16458
- return /* @__PURE__ */ jsxs26("div", { className: "w-full space-y-3", children: [
16459
- /* @__PURE__ */ jsxs26("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
16460
- state === "loading" ? /* @__PURE__ */ jsx38(Loading, {}) : /* @__PURE__ */ jsx38(Search, {}),
16461
- /* @__PURE__ */ jsx38(
16672
+ return /* @__PURE__ */ jsxs27("div", { className: "w-full space-y-3", children: [
16673
+ /* @__PURE__ */ jsxs27("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
16674
+ loading ? /* @__PURE__ */ jsx41(Loading, {}) : /* @__PURE__ */ jsx41(Search, {}),
16675
+ /* @__PURE__ */ jsx41(
16462
16676
  "input",
16463
16677
  {
16464
16678
  type: "text",
@@ -16468,15 +16682,15 @@ function SearchBar() {
16468
16682
  onChange: (e) => setQuery(e.target.value)
16469
16683
  }
16470
16684
  ),
16471
- query && /* @__PURE__ */ jsx38("button", { onClick: clearQuery, children: /* @__PURE__ */ jsx38(CircleX, {}) })
16685
+ query && /* @__PURE__ */ jsx41("button", { onClick: clearQuery, children: /* @__PURE__ */ jsx41(CircleX, {}) })
16472
16686
  ] }),
16473
- state === "results" && /* @__PURE__ */ jsxs26("div", { className: "text-sm", children: [
16474
- /* @__PURE__ */ jsxs26("p", { className: "text-gray-700 font-medium", children: [
16687
+ results && /* @__PURE__ */ jsxs27("div", { className: "text-sm", children: [
16688
+ /* @__PURE__ */ jsxs27("p", { className: "text-gray-700 font-medium", children: [
16475
16689
  "Search results (",
16476
16690
  results.reduce((acc, r) => acc + r.count, 0),
16477
16691
  "):"
16478
16692
  ] }),
16479
- /* @__PURE__ */ jsx38("div", { className: "flex flex-wrap gap-2 mt-2", children: results.map((r) => /* @__PURE__ */ jsxs26(
16693
+ /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap gap-2 mt-2", children: results.map((r) => /* @__PURE__ */ jsxs27(
16480
16694
  "span",
16481
16695
  {
16482
16696
  className: "px-3 py-1 rounded-full bg-gray-100 text-gray-700",
@@ -16494,7 +16708,7 @@ function SearchBar() {
16494
16708
  }
16495
16709
 
16496
16710
  // src/components/atoms/icons/base_icons/Mail.tsx
16497
- import { jsx as jsx39 } from "react/jsx-runtime";
16711
+ import { jsx as jsx42 } from "react/jsx-runtime";
16498
16712
  function Mail({
16499
16713
  size = 24,
16500
16714
  color = "#1D1D1F",
@@ -16505,7 +16719,7 @@ function Mail({
16505
16719
  case 16:
16506
16720
  return {
16507
16721
  viewBox: "0 0 16 16",
16508
- path: /* @__PURE__ */ jsx39(
16722
+ path: /* @__PURE__ */ jsx42(
16509
16723
  "path",
16510
16724
  {
16511
16725
  d: "M2 5.33337L7.2604 8.84031C7.70827 9.13888 8.29173 9.13888 8.7396 8.84031L14 5.33337M3.33333 12.6667H12.6667C13.403 12.6667 14 12.0698 14 11.3334V4.66671C14 3.93033 13.403 3.33337 12.6667 3.33337H3.33333C2.59695 3.33337 2 3.93033 2 4.66671V11.3334C2 12.0698 2.59695 12.6667 3.33333 12.6667Z",
@@ -16519,7 +16733,7 @@ function Mail({
16519
16733
  case 20:
16520
16734
  return {
16521
16735
  viewBox: "0 0 20 20",
16522
- path: /* @__PURE__ */ jsx39(
16736
+ path: /* @__PURE__ */ jsx42(
16523
16737
  "path",
16524
16738
  {
16525
16739
  d: "M2.5 6.66663L9.0755 11.0503C9.63533 11.4235 10.3647 11.4235 10.9245 11.0503L17.5 6.66663M4.16667 15.8333H15.8333C16.7538 15.8333 17.5 15.0871 17.5 14.1666V5.83329C17.5 4.91282 16.7538 4.16663 15.8333 4.16663H4.16667C3.24619 4.16663 2.5 4.91282 2.5 5.83329V14.1666C2.5 15.0871 3.24619 15.8333 4.16667 15.8333Z",
@@ -16533,7 +16747,7 @@ function Mail({
16533
16747
  case 24:
16534
16748
  return {
16535
16749
  viewBox: "0 0 24 24",
16536
- path: /* @__PURE__ */ jsx39(
16750
+ path: /* @__PURE__ */ jsx42(
16537
16751
  "path",
16538
16752
  {
16539
16753
  d: "M3 8L10.8906 13.2604C11.5624 13.7083 12.4376 13.7083 13.1094 13.2604L21 8M5 19H19C20.1046 19 21 18.1046 21 17V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V17C3 18.1046 3.89543 19 5 19Z",
@@ -16547,7 +16761,7 @@ function Mail({
16547
16761
  case 36:
16548
16762
  return {
16549
16763
  viewBox: "0 0 36 36",
16550
- path: /* @__PURE__ */ jsx39(
16764
+ path: /* @__PURE__ */ jsx42(
16551
16765
  "path",
16552
16766
  {
16553
16767
  d: "M4.5 12L16.3359 19.8906C17.3436 20.5624 18.6564 20.5624 19.6641 19.8906L31.5 12M7.5 28.5H28.5C30.1569 28.5 31.5 27.1569 31.5 25.5V10.5C31.5 8.84315 30.1569 7.5 28.5 7.5H7.5C5.84315 7.5 4.5 8.84315 4.5 10.5V25.5C4.5 27.1569 5.84315 28.5 7.5 28.5Z",
@@ -16561,7 +16775,7 @@ function Mail({
16561
16775
  }
16562
16776
  };
16563
16777
  const { viewBox, path } = getIconData();
16564
- return /* @__PURE__ */ jsx39(
16778
+ return /* @__PURE__ */ jsx42(
16565
16779
  "svg",
16566
16780
  {
16567
16781
  width: size,
@@ -16575,7 +16789,7 @@ function Mail({
16575
16789
  }
16576
16790
 
16577
16791
  // src/components/atoms/icons/base_icons/PlusLarge.tsx
16578
- import { jsx as jsx40 } from "react/jsx-runtime";
16792
+ import { jsx as jsx43 } from "react/jsx-runtime";
16579
16793
  function PlusLarge({
16580
16794
  size = 24,
16581
16795
  color = "#1D1D1F",
@@ -16586,7 +16800,7 @@ function PlusLarge({
16586
16800
  case 16:
16587
16801
  return {
16588
16802
  viewBox: "0 0 16 16",
16589
- path: /* @__PURE__ */ jsx40(
16803
+ path: /* @__PURE__ */ jsx43(
16590
16804
  "path",
16591
16805
  {
16592
16806
  d: "M8.00033 2.66663V13.3333M13.3337 7.99996L2.66699 7.99996",
@@ -16600,7 +16814,7 @@ function PlusLarge({
16600
16814
  case 20:
16601
16815
  return {
16602
16816
  viewBox: "0 0 20 20",
16603
- path: /* @__PURE__ */ jsx40(
16817
+ path: /* @__PURE__ */ jsx43(
16604
16818
  "path",
16605
16819
  {
16606
16820
  d: "M9.99967 3.33337V16.6667M16.6663 10L3.33301 10",
@@ -16614,7 +16828,7 @@ function PlusLarge({
16614
16828
  case 24:
16615
16829
  return {
16616
16830
  viewBox: "0 0 24 24",
16617
- path: /* @__PURE__ */ jsx40(
16831
+ path: /* @__PURE__ */ jsx43(
16618
16832
  "path",
16619
16833
  {
16620
16834
  d: "M12 4V20M20 12L4 12",
@@ -16628,7 +16842,7 @@ function PlusLarge({
16628
16842
  case 36:
16629
16843
  return {
16630
16844
  viewBox: "0 0 36 36",
16631
- path: /* @__PURE__ */ jsx40(
16845
+ path: /* @__PURE__ */ jsx43(
16632
16846
  "path",
16633
16847
  {
16634
16848
  d: "M18 6V30M30 18L6 18",
@@ -16642,7 +16856,7 @@ function PlusLarge({
16642
16856
  }
16643
16857
  };
16644
16858
  const { viewBox, path } = getIconData();
16645
- return /* @__PURE__ */ jsx40(
16859
+ return /* @__PURE__ */ jsx43(
16646
16860
  "svg",
16647
16861
  {
16648
16862
  width: size,
@@ -16657,15 +16871,15 @@ function PlusLarge({
16657
16871
 
16658
16872
  // src/components/molecules/buttons/nav_button/filter_nav_button/filter_nav_button.tsx
16659
16873
  import clsx11 from "clsx";
16660
- import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
16874
+ import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
16661
16875
  function FilterNavButton({ icon, label, active, onClick }) {
16662
- return /* @__PURE__ */ jsxs27(
16876
+ return /* @__PURE__ */ jsxs28(
16663
16877
  "div",
16664
16878
  {
16665
16879
  className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
16666
16880
  onClick,
16667
16881
  children: [
16668
- /* @__PURE__ */ jsx41(
16882
+ /* @__PURE__ */ jsx44(
16669
16883
  "div",
16670
16884
  {
16671
16885
  className: clsx11(
@@ -16674,20 +16888,20 @@ function FilterNavButton({ icon, label, active, onClick }) {
16674
16888
  children: icon
16675
16889
  }
16676
16890
  ),
16677
- /* @__PURE__ */ jsx41("div", { className: "font-medium text-[9px] text-qtneutral-900 w-full text-center", children: label })
16891
+ /* @__PURE__ */ jsx44("div", { className: "font-medium text-[9px] text-qtneutral-900 w-full text-center", children: label })
16678
16892
  ]
16679
16893
  }
16680
16894
  );
16681
16895
  }
16682
16896
 
16683
16897
  // src/components/organisms/filter_bar/filter_bar.tsx
16684
- import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
16898
+ import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
16685
16899
  function FilterBar({ buttons }) {
16686
- return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
16687
- /* @__PURE__ */ jsx42(
16900
+ return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
16901
+ /* @__PURE__ */ jsx45(
16688
16902
  FilterNavButton,
16689
16903
  {
16690
- icon: /* @__PURE__ */ jsx42(
16904
+ icon: /* @__PURE__ */ jsx45(
16691
16905
  FireIcon,
16692
16906
  {
16693
16907
  variant: buttons?.fires?.active ? void 0 : "none" /* OUTLINED */
@@ -16697,10 +16911,10 @@ function FilterBar({ buttons }) {
16697
16911
  onClick: buttons?.fires?.onClick
16698
16912
  }
16699
16913
  ),
16700
- /* @__PURE__ */ jsx42(
16914
+ /* @__PURE__ */ jsx45(
16701
16915
  FilterNavButton,
16702
16916
  {
16703
- icon: /* @__PURE__ */ jsx42(
16917
+ icon: /* @__PURE__ */ jsx45(
16704
16918
  Mail,
16705
16919
  {
16706
16920
  size: 36,
@@ -16711,10 +16925,10 @@ function FilterBar({ buttons }) {
16711
16925
  onClick: buttons?.unread?.onClick
16712
16926
  }
16713
16927
  ),
16714
- /* @__PURE__ */ jsx42(
16928
+ /* @__PURE__ */ jsx45(
16715
16929
  FilterNavButton,
16716
16930
  {
16717
- icon: /* @__PURE__ */ jsx42(
16931
+ icon: /* @__PURE__ */ jsx45(
16718
16932
  CheckBox,
16719
16933
  {
16720
16934
  size: 36,
@@ -16725,57 +16939,57 @@ function FilterBar({ buttons }) {
16725
16939
  onClick: buttons?.incomplete?.onClick
16726
16940
  }
16727
16941
  ),
16728
- /* @__PURE__ */ jsx42("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16729
- /* @__PURE__ */ jsx42(
16942
+ /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16943
+ /* @__PURE__ */ jsx45(
16730
16944
  FilterNavButton,
16731
16945
  {
16732
- icon: /* @__PURE__ */ jsx42("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx42(SlackIcon, {}) }),
16946
+ icon: /* @__PURE__ */ jsx45("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(SlackIcon, {}) }),
16733
16947
  onClick: buttons?.slack?.onClick
16734
16948
  }
16735
16949
  ),
16736
- /* @__PURE__ */ jsx42(
16950
+ /* @__PURE__ */ jsx45(
16737
16951
  FilterNavButton,
16738
16952
  {
16739
- icon: /* @__PURE__ */ jsx42("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx42(GoogleMailIcon, {}) }),
16953
+ icon: /* @__PURE__ */ jsx45("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(GoogleMailIcon, {}) }),
16740
16954
  onClick: buttons?.google_mail?.onClick
16741
16955
  }
16742
16956
  ),
16743
- /* @__PURE__ */ jsx42(
16957
+ /* @__PURE__ */ jsx45(
16744
16958
  FilterNavButton,
16745
16959
  {
16746
- icon: /* @__PURE__ */ jsx42("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx42(GoogleCalendarIcon, {}) }),
16960
+ icon: /* @__PURE__ */ jsx45("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(GoogleCalendarIcon, {}) }),
16747
16961
  onClick: buttons?.google_calendar?.onClick
16748
16962
  }
16749
16963
  ),
16750
- /* @__PURE__ */ jsx42(
16964
+ /* @__PURE__ */ jsx45(
16751
16965
  FilterNavButton,
16752
16966
  {
16753
- icon: /* @__PURE__ */ jsxs28("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
16754
- /* @__PURE__ */ jsx42(AtlassianIcon, {}),
16967
+ icon: /* @__PURE__ */ jsxs29("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
16968
+ /* @__PURE__ */ jsx45(AtlassianIcon, {}),
16755
16969
  " "
16756
16970
  ] }),
16757
16971
  onClick: buttons?.atlassian_jira?.onClick
16758
16972
  }
16759
16973
  ),
16760
- /* @__PURE__ */ jsx42(
16974
+ /* @__PURE__ */ jsx45(
16761
16975
  FilterNavButton,
16762
16976
  {
16763
- icon: /* @__PURE__ */ jsxs28("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
16764
- /* @__PURE__ */ jsx42(MicrosoftTeamsIcon, {}),
16977
+ icon: /* @__PURE__ */ jsxs29("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
16978
+ /* @__PURE__ */ jsx45(MicrosoftTeamsIcon, {}),
16765
16979
  " "
16766
16980
  ] }),
16767
16981
  onClick: buttons?.microsoft_teams?.onClick
16768
16982
  }
16769
16983
  ),
16770
- /* @__PURE__ */ jsx42(
16984
+ /* @__PURE__ */ jsx45(
16771
16985
  FilterNavButton,
16772
16986
  {
16773
- icon: /* @__PURE__ */ jsxs28(
16987
+ icon: /* @__PURE__ */ jsxs29(
16774
16988
  "div",
16775
16989
  {
16776
16990
  className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
16777
16991
  children: [
16778
- /* @__PURE__ */ jsx42(MicrosoftOutlookMailIcon, {}),
16992
+ /* @__PURE__ */ jsx45(MicrosoftOutlookMailIcon, {}),
16779
16993
  " "
16780
16994
  ]
16781
16995
  }
@@ -16783,8 +16997,8 @@ function FilterBar({ buttons }) {
16783
16997
  onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
16784
16998
  }
16785
16999
  ),
16786
- /* @__PURE__ */ jsx42("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16787
- /* @__PURE__ */ jsx42("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ jsx42(FilterNavButton, { icon: /* @__PURE__ */ jsx42(PlusLarge, { size: 36 }) }) })
17000
+ /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
17001
+ /* @__PURE__ */ jsx45("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ jsx45(FilterNavButton, { icon: /* @__PURE__ */ jsx45(PlusLarge, { size: 36 }) }) })
16788
17002
  ] });
16789
17003
  }
16790
17004