qt-ui-kit 1.0.46 → 1.0.48

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,32 +16093,38 @@ 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,
15868
16102
  service: d.service,
15869
16103
  body: d.eventBody,
15870
- startExpanded: i == eventData.length - 1
16104
+ startExpanded: i == eventData.length - 1,
16105
+ sender: d.sender,
16106
+ source: d.source,
16107
+ subjectLine: d.subjectLine
15871
16108
  }
15872
- )) : /* @__PURE__ */ jsx28(Fragment11, { children: " " }) });
16109
+ )) : /* @__PURE__ */ jsx31(Fragment11, { children: " " }) });
15873
16110
  case "ticket" /* TICKET */:
15874
- return /* @__PURE__ */ jsx28(Fragment11, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ jsx28(
16111
+ return /* @__PURE__ */ jsx31(Fragment11, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ jsx31(
15875
16112
  SingleEvent,
15876
16113
  {
15877
16114
  urgency: d.urgency,
15878
16115
  service: d.service,
15879
16116
  body: d.eventBody,
15880
- startExpanded: i == eventData.length - 1
16117
+ startExpanded: i == eventData.length - 1,
16118
+ sender: d.sender,
16119
+ source: d.source,
16120
+ subjectLine: d.subjectLine
15881
16121
  }
15882
- )) : /* @__PURE__ */ jsx28(Fragment11, { children: " " }) });
16122
+ )) : /* @__PURE__ */ jsx31(Fragment11, { children: " " }) });
15883
16123
  default:
15884
- return /* @__PURE__ */ jsx28(Fragment11, {});
16124
+ return /* @__PURE__ */ jsx31(Fragment11, {});
15885
16125
  }
15886
16126
  }
15887
- return /* @__PURE__ */ jsxs20(
16127
+ return /* @__PURE__ */ jsxs21(
15888
16128
  "div",
15889
16129
  {
15890
16130
  className: clsx7(
@@ -15892,8 +16132,8 @@ function EventCard({
15892
16132
  eventType == "message" /* MESSAGE */ ? "bg-qtneutral-200" : "bg-white py-4 pl-4 pr-2"
15893
16133
  ),
15894
16134
  children: [
15895
- /* @__PURE__ */ jsx28("div", { className: "overflow-y-auto flex flex-col gap-4 w-full", children: getEventBody() }),
15896
- eventType == "message" /* MESSAGE */ && /* @__PURE__ */ jsx28(
16135
+ /* @__PURE__ */ jsx31("div", { className: "overflow-y-auto flex flex-col gap-4 w-full", children: getEventBody() }),
16136
+ eventType == "message" /* MESSAGE */ && /* @__PURE__ */ jsx31(
15897
16137
  IntelCard,
15898
16138
  {
15899
16139
  urgency: groupUrgency,
@@ -15908,7 +16148,7 @@ function EventCard({
15908
16148
  }
15909
16149
 
15910
16150
  // src/components/organisms/message_body/email_body.tsx
15911
- import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
16151
+ import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
15912
16152
  function EmailBody({
15913
16153
  subjectLine,
15914
16154
  to,
@@ -15919,32 +16159,32 @@ function EmailBody({
15919
16159
  attachments,
15920
16160
  body
15921
16161
  }) {
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}`] })
16162
+ return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16163
+ /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-0.5", children: [
16164
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
16165
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`To: ${to}`] }),
16166
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`Date: ${date}`] }),
16167
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`from: ${from}`] }),
16168
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`CC: ${CC}`] }),
16169
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`BCC: ${BCC}`] }),
16170
+ /* @__PURE__ */ jsx32(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
15931
16171
  ] }),
15932
- /* @__PURE__ */ jsx29("hr", { className: "text-qtneutral-500" }),
15933
- /* @__PURE__ */ jsx29("div", { className: "body-medium", children: body })
16172
+ /* @__PURE__ */ jsx32("hr", { className: "text-qtneutral-500" }),
16173
+ /* @__PURE__ */ jsx32("div", { className: "body-medium", children: body })
15934
16174
  ] });
15935
16175
  }
15936
16176
 
15937
16177
  // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
15938
16178
  import clsx9 from "clsx";
15939
- import { useEffect as useEffect2, useState as useState3 } from "react";
16179
+ import { useEffect as useEffect2, useState as useState4 } from "react";
15940
16180
 
15941
16181
  // src/components/atoms/emoji_pill/emoji_pill.tsx
15942
16182
  var import_emoji_dictionary = __toESM(require_lib7());
15943
- import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
16183
+ import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
15944
16184
  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: [
16185
+ 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
16186
  emoji && import_emoji_dictionary.default.getUnicode(emoji),
15947
- /* @__PURE__ */ jsx30("div", { className: "label-3-bold text-qtneutral-900", children: count })
16187
+ /* @__PURE__ */ jsx33("div", { className: "label-3-bold text-qtneutral-900", children: count })
15948
16188
  ] });
15949
16189
  }
15950
16190
 
@@ -15952,20 +16192,19 @@ function EmojiPill({ emoji, count }) {
15952
16192
  import clsx8 from "clsx";
15953
16193
  import ReactMarkdown from "react-markdown";
15954
16194
  import remarkGfm from "remark-gfm";
15955
- import { jsx as jsx31 } from "react/jsx-runtime";
16195
+ import { jsx as jsx34 } from "react/jsx-runtime";
15956
16196
  function MarkdownRenderer({ content, truncated }) {
15957
- console.log("trunk", content, truncated);
15958
- return /* @__PURE__ */ jsx31(
16197
+ return /* @__PURE__ */ jsx34(
15959
16198
  "div",
15960
16199
  {
15961
16200
  className: clsx8("flex flex-col markdown", truncated && "line-clamp-3"),
15962
- children: /* @__PURE__ */ jsx31(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content })
16201
+ children: /* @__PURE__ */ jsx34(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content })
15963
16202
  }
15964
16203
  );
15965
16204
  }
15966
16205
 
15967
16206
  // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
15968
- import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
16207
+ import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
15969
16208
  function ChatBubble({
15970
16209
  summary,
15971
16210
  text,
@@ -15975,12 +16214,11 @@ function ChatBubble({
15975
16214
  timestamp,
15976
16215
  emojis
15977
16216
  }) {
15978
- const [expanded, setExpanded] = useState3(false);
15979
- const [truncatedText, setTruncatedText] = useState3(false);
15980
- const [uniqueEmojis, setUniqueEmojis] = useState3(
16217
+ const [expanded, setExpanded] = useState4(false);
16218
+ const [truncatedText, setTruncatedText] = useState4(false);
16219
+ const [uniqueEmojis, setUniqueEmojis] = useState4(
15981
16220
  /* @__PURE__ */ new Map()
15982
16221
  );
15983
- console.log("tt", truncatedText, text);
15984
16222
  useEffect2(() => {
15985
16223
  if (text && text.length > 450) {
15986
16224
  setTruncatedText(true);
@@ -15995,7 +16233,7 @@ function ChatBubble({
15995
16233
  setUniqueEmojis(ue);
15996
16234
  }
15997
16235
  }, [emojis]);
15998
- return /* @__PURE__ */ jsx32("div", { className: clsx9(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ jsxs23(
16236
+ return /* @__PURE__ */ jsx35("div", { className: clsx9(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ jsxs24(
15999
16237
  "div",
16000
16238
  {
16001
16239
  className: clsx9(
@@ -16004,29 +16242,29 @@ function ChatBubble({
16004
16242
  outbound ? "rounded-bl-3xl" : "rounded-br-3xl"
16005
16243
  ),
16006
16244
  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 })
16245
+ /* @__PURE__ */ jsxs24("div", { className: "flex place-content-between", children: [
16246
+ /* @__PURE__ */ jsxs24("div", { className: "flex gap-2 place-items-center", children: [
16247
+ /* @__PURE__ */ jsx35("div", { className: "body-small-bold", children: name }),
16248
+ /* @__PURE__ */ jsx35("div", { className: "text-qtneutral-700 label-3", children: timestamp })
16011
16249
  ] }),
16012
- /* @__PURE__ */ jsx32(ExternalLink, { size: 16 })
16250
+ /* @__PURE__ */ jsx35(ExternalLink, { size: 16 })
16013
16251
  ] }),
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:" }),
16252
+ /* @__PURE__ */ jsxs24("div", { className: clsx9("flex flex-col gap-2", !expanded && " "), children: [
16253
+ summary && truncatedText && /* @__PURE__ */ jsxs24("div", { children: [
16254
+ /* @__PURE__ */ jsxs24("p", { className: "body-small mb-2", children: [
16255
+ /* @__PURE__ */ jsx35("strong", { className: "body-small-bold", children: "Summary:" }),
16018
16256
  " ",
16019
16257
  summary
16020
16258
  ] }),
16021
- /* @__PURE__ */ jsx32("hr", { className: "border-qtneutral-500" })
16259
+ /* @__PURE__ */ jsx35("hr", { className: "border-qtneutral-500" })
16022
16260
  ] }),
16023
- /* @__PURE__ */ jsx32(
16261
+ /* @__PURE__ */ jsx35(
16024
16262
  "div",
16025
16263
  {
16026
16264
  className: clsx9(
16027
16265
  "flex flex-none text-qtneutral-900 body-medium w-full"
16028
16266
  ),
16029
- children: /* @__PURE__ */ jsx32(
16267
+ children: /* @__PURE__ */ jsx35(
16030
16268
  MarkdownRenderer,
16031
16269
  {
16032
16270
  content: text || "",
@@ -16036,7 +16274,7 @@ function ChatBubble({
16036
16274
  }
16037
16275
  )
16038
16276
  ] }),
16039
- truncatedText && /* @__PURE__ */ jsx32(
16277
+ truncatedText && /* @__PURE__ */ jsx35(
16040
16278
  "div",
16041
16279
  {
16042
16280
  className: "qt-link select-none",
@@ -16044,9 +16282,9 @@ function ChatBubble({
16044
16282
  children: `${!expanded ? "Show" : "Hide"} full message`
16045
16283
  }
16046
16284
  ),
16047
- image && /* @__PURE__ */ jsx32("img", { src: image, alt: "", className: "rounded-xl" }),
16048
- /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
16049
- /* @__PURE__ */ jsx32(
16285
+ image && /* @__PURE__ */ jsx35("img", { src: image, alt: "", className: "rounded-xl" }),
16286
+ /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
16287
+ /* @__PURE__ */ jsx35(
16050
16288
  "div",
16051
16289
  {
16052
16290
  className: clsx9(
@@ -16056,7 +16294,7 @@ function ChatBubble({
16056
16294
  children: name ? name[0].toUpperCase() : ""
16057
16295
  }
16058
16296
  ),
16059
- uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ jsx32(EmojiPill, { emoji: e, count: c }))
16297
+ uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ jsx35(EmojiPill, { emoji: e, count: c }))
16060
16298
  ] })
16061
16299
  ]
16062
16300
  }
@@ -16064,10 +16302,10 @@ function ChatBubble({
16064
16302
  }
16065
16303
 
16066
16304
  // src/components/organisms/message_body/chat_body.tsx
16067
- import { jsx as jsx33 } from "react/jsx-runtime";
16305
+ import { jsx as jsx36 } from "react/jsx-runtime";
16068
16306
  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(
16307
+ 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) => {
16308
+ return /* @__PURE__ */ jsx36(
16071
16309
  ChatBubble,
16072
16310
  {
16073
16311
  summary: msg.summary,
@@ -16084,7 +16322,7 @@ function ChatBody({ messages }) {
16084
16322
 
16085
16323
  // src/components/organisms/message_body/ticket_body.tsx
16086
16324
  import clsx10 from "clsx";
16087
- import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
16325
+ import { jsx as jsx37, jsxs as jsxs25 } from "react/jsx-runtime";
16088
16326
  function TicketBody({
16089
16327
  issueNumber,
16090
16328
  notification,
@@ -16100,53 +16338,53 @@ function TicketBody({
16100
16338
  description,
16101
16339
  comments
16102
16340
  }) {
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}`] })
16341
+ return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16342
+ /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-0.5", children: [
16343
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Issue: ${issueNumber}`] }),
16344
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Notification: ${notification}`] }),
16345
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Project: ${project}`] }),
16346
+ /* @__PURE__ */ jsx37(MetadataRow, { metadata: [`Task: ${task}`] })
16109
16347
  ] }),
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: " })
16348
+ /* @__PURE__ */ jsx37("hr", { className: "text-qtneutral-500" }),
16349
+ /* @__PURE__ */ jsx37("div", { className: "body-bold", children: "Issue" }),
16350
+ /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-4 body-small", children: [
16351
+ /* @__PURE__ */ jsxs25("div", { className: "", children: [
16352
+ /* @__PURE__ */ jsx37("div", { children: "Due Date: " }),
16353
+ /* @__PURE__ */ jsx37("div", { children: "Start Date: " }),
16354
+ /* @__PURE__ */ jsx37("div", { children: "Assignees: " }),
16355
+ /* @__PURE__ */ jsx37("div", { children: "Reporter: " }),
16356
+ /* @__PURE__ */ jsx37("div", { children: "Team: " }),
16357
+ /* @__PURE__ */ jsx37("div", { children: "Location: " }),
16358
+ /* @__PURE__ */ jsx37("div", { children: "Related: " }),
16359
+ /* @__PURE__ */ jsx37("div", { children: "Description: " })
16122
16360
  ] }),
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" })
16361
+ /* @__PURE__ */ jsxs25("div", { className: "", children: [
16362
+ /* @__PURE__ */ jsx37("div", { children: dueDate || "None" }),
16363
+ /* @__PURE__ */ jsx37("div", { children: startDate || "None" }),
16364
+ /* @__PURE__ */ jsx37("div", { children: assignees || "None" }),
16365
+ /* @__PURE__ */ jsx37("div", { children: reporter || "None" }),
16366
+ /* @__PURE__ */ jsx37("div", { children: team || "None" }),
16367
+ /* @__PURE__ */ jsx37("div", { children: location || "None" }),
16368
+ /* @__PURE__ */ jsx37("div", { children: related || "None" }),
16369
+ /* @__PURE__ */ jsx37("div", { children: description || "None" })
16132
16370
  ] }),
16133
16371
  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(
16372
+ return /* @__PURE__ */ jsxs25("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
16373
+ /* @__PURE__ */ jsx37("hr", { className: "text-qtneutral-500" }),
16374
+ /* @__PURE__ */ jsx37("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),
16375
+ /* @__PURE__ */ jsxs25(
16138
16376
  "div",
16139
16377
  {
16140
16378
  className: `flex gap-2 ${i == 0 ? "body-small-bold" : "body-small"}`,
16141
16379
  children: [
16142
- /* @__PURE__ */ jsx34("div", { children: c.name }),
16143
- /* @__PURE__ */ jsx34("div", { children: c.timestamp })
16380
+ /* @__PURE__ */ jsx37("div", { children: c.name }),
16381
+ /* @__PURE__ */ jsx37("div", { children: c.timestamp })
16144
16382
  ]
16145
16383
  }
16146
16384
  ),
16147
- /* @__PURE__ */ jsx34("div", { children: c.text }),
16148
- /* @__PURE__ */ jsxs24("div", { className: "flex gap-2", children: [
16149
- /* @__PURE__ */ jsx34(
16385
+ /* @__PURE__ */ jsx37("div", { children: c.text }),
16386
+ /* @__PURE__ */ jsxs25("div", { className: "flex gap-2", children: [
16387
+ /* @__PURE__ */ jsx37(
16150
16388
  "div",
16151
16389
  {
16152
16390
  className: clsx10(
@@ -16159,7 +16397,7 @@ function TicketBody({
16159
16397
  acc.set(str, (acc.get(str) || 0) + 1);
16160
16398
  return acc;
16161
16399
  }, /* @__PURE__ */ new Map()).entries().map(([e, c2]) => {
16162
- return /* @__PURE__ */ jsx34(EmojiPill, { emoji: e, count: c2 });
16400
+ return /* @__PURE__ */ jsx37(EmojiPill, { emoji: e, count: c2 });
16163
16401
  })
16164
16402
  ] })
16165
16403
  ] });
@@ -16169,7 +16407,7 @@ function TicketBody({
16169
16407
  }
16170
16408
 
16171
16409
  // src/components/atoms/icons/base_icons/CircleX.tsx
16172
- import { jsx as jsx35 } from "react/jsx-runtime";
16410
+ import { jsx as jsx38 } from "react/jsx-runtime";
16173
16411
  function CircleX({
16174
16412
  size = 24,
16175
16413
  color = "#1D1D1F",
@@ -16180,27 +16418,27 @@ function CircleX({
16180
16418
  case 16:
16181
16419
  return {
16182
16420
  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" })
16421
+ 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
16422
  };
16185
16423
  case 20:
16186
16424
  return {
16187
16425
  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" })
16426
+ 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
16427
  };
16190
16428
  case 24:
16191
16429
  return {
16192
16430
  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" })
16431
+ 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
16432
  };
16195
16433
  case 36:
16196
16434
  return {
16197
16435
  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" })
16436
+ 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
16437
  };
16200
16438
  }
16201
16439
  };
16202
16440
  const { viewBox, path } = getIconData();
16203
- return /* @__PURE__ */ jsx35(
16441
+ return /* @__PURE__ */ jsx38(
16204
16442
  "svg",
16205
16443
  {
16206
16444
  width: size,
@@ -16214,7 +16452,7 @@ function CircleX({
16214
16452
  }
16215
16453
 
16216
16454
  // src/components/atoms/icons/base_icons/Loading.tsx
16217
- import { Fragment as Fragment12, jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
16455
+ import { Fragment as Fragment12, jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
16218
16456
  function Loading({
16219
16457
  size = 24,
16220
16458
  color = "#1D1D1F",
@@ -16225,8 +16463,8 @@ function Loading({
16225
16463
  case 16:
16226
16464
  return {
16227
16465
  viewBox: "0 0 16 16",
16228
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16229
- /* @__PURE__ */ jsx36(
16466
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16467
+ /* @__PURE__ */ jsx39(
16230
16468
  "path",
16231
16469
  {
16232
16470
  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 +16474,7 @@ function Loading({
16236
16474
  "stroke-linejoin": "round"
16237
16475
  }
16238
16476
  ),
16239
- /* @__PURE__ */ jsx36(
16477
+ /* @__PURE__ */ jsx39(
16240
16478
  "path",
16241
16479
  {
16242
16480
  d: "M10.4362 5.7666L12.3556 5.49268L12.0771 3.56836",
@@ -16251,8 +16489,8 @@ function Loading({
16251
16489
  case 20:
16252
16490
  return {
16253
16491
  viewBox: "0 0 20 20",
16254
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16255
- /* @__PURE__ */ jsx36(
16492
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16493
+ /* @__PURE__ */ jsx39(
16256
16494
  "path",
16257
16495
  {
16258
16496
  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 +16500,7 @@ function Loading({
16262
16500
  "stroke-linejoin": "round"
16263
16501
  }
16264
16502
  ),
16265
- /* @__PURE__ */ jsx36(
16503
+ /* @__PURE__ */ jsx39(
16266
16504
  "path",
16267
16505
  {
16268
16506
  d: "M13.0445 7.20838L15.4438 6.86597L15.0957 4.46057",
@@ -16277,8 +16515,8 @@ function Loading({
16277
16515
  case 24:
16278
16516
  return {
16279
16517
  viewBox: "0 0 24 24",
16280
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16281
- /* @__PURE__ */ jsx36(
16518
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16519
+ /* @__PURE__ */ jsx39(
16282
16520
  "path",
16283
16521
  {
16284
16522
  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 +16526,7 @@ function Loading({
16288
16526
  "stroke-linejoin": "round"
16289
16527
  }
16290
16528
  ),
16291
- /* @__PURE__ */ jsx36(
16529
+ /* @__PURE__ */ jsx39(
16292
16530
  "path",
16293
16531
  {
16294
16532
  d: "M15.6528 8.65003L18.5319 8.23914L18.1143 5.35266",
@@ -16303,8 +16541,8 @@ function Loading({
16303
16541
  case 36:
16304
16542
  return {
16305
16543
  viewBox: "0 0 36 36",
16306
- path: /* @__PURE__ */ jsxs25(Fragment12, { children: [
16307
- /* @__PURE__ */ jsx36(
16544
+ path: /* @__PURE__ */ jsxs26(Fragment12, { children: [
16545
+ /* @__PURE__ */ jsx39(
16308
16546
  "path",
16309
16547
  {
16310
16548
  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 +16552,7 @@ function Loading({
16314
16552
  "stroke-linejoin": "round"
16315
16553
  }
16316
16554
  ),
16317
- /* @__PURE__ */ jsx36(
16555
+ /* @__PURE__ */ jsx39(
16318
16556
  "path",
16319
16557
  {
16320
16558
  d: "M23.4797 12.975L27.7984 12.3587L27.1719 8.02893",
@@ -16329,7 +16567,7 @@ function Loading({
16329
16567
  }
16330
16568
  };
16331
16569
  const { viewBox, path } = getIconData();
16332
- return /* @__PURE__ */ jsx36(
16570
+ return /* @__PURE__ */ jsx39(
16333
16571
  "svg",
16334
16572
  {
16335
16573
  width: size,
@@ -16343,7 +16581,7 @@ function Loading({
16343
16581
  }
16344
16582
 
16345
16583
  // src/components/atoms/icons/base_icons/Search.tsx
16346
- import { jsx as jsx37 } from "react/jsx-runtime";
16584
+ import { jsx as jsx40 } from "react/jsx-runtime";
16347
16585
  function Search({
16348
16586
  size = 24,
16349
16587
  color = "#1D1D1F",
@@ -16354,7 +16592,7 @@ function Search({
16354
16592
  case 16:
16355
16593
  return {
16356
16594
  viewBox: "0 0 16 16",
16357
- path: /* @__PURE__ */ jsx37(
16595
+ path: /* @__PURE__ */ jsx40(
16358
16596
  "path",
16359
16597
  {
16360
16598
  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 +16606,7 @@ function Search({
16368
16606
  case 20:
16369
16607
  return {
16370
16608
  viewBox: "0 0 20 20",
16371
- path: /* @__PURE__ */ jsx37(
16609
+ path: /* @__PURE__ */ jsx40(
16372
16610
  "path",
16373
16611
  {
16374
16612
  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 +16620,7 @@ function Search({
16382
16620
  case 24:
16383
16621
  return {
16384
16622
  viewBox: "0 0 24 24",
16385
- path: /* @__PURE__ */ jsx37(
16623
+ path: /* @__PURE__ */ jsx40(
16386
16624
  "path",
16387
16625
  {
16388
16626
  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 +16634,7 @@ function Search({
16396
16634
  case 36:
16397
16635
  return {
16398
16636
  viewBox: "0 0 36 36",
16399
- path: /* @__PURE__ */ jsx37(
16637
+ path: /* @__PURE__ */ jsx40(
16400
16638
  "path",
16401
16639
  {
16402
16640
  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 +16648,7 @@ function Search({
16410
16648
  }
16411
16649
  };
16412
16650
  const { viewBox, path } = getIconData();
16413
- return /* @__PURE__ */ jsx37(
16651
+ return /* @__PURE__ */ jsx40(
16414
16652
  "svg",
16415
16653
  {
16416
16654
  width: size,
@@ -16424,10 +16662,10 @@ function Search({
16424
16662
  }
16425
16663
 
16426
16664
  // 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";
16665
+ import { useState as useState5, useEffect as useEffect3 } from "react";
16666
+ import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
16429
16667
  function SearchBar({ loading, results, onUpdate }) {
16430
- const [query, setQuery] = useState4("");
16668
+ const [query, setQuery] = useState5("");
16431
16669
  useEffect3(() => {
16432
16670
  if (!onUpdate) {
16433
16671
  return;
@@ -16437,10 +16675,10 @@ function SearchBar({ loading, results, onUpdate }) {
16437
16675
  const clearQuery = () => {
16438
16676
  setQuery("");
16439
16677
  };
16440
- return /* @__PURE__ */ jsxs26("div", { className: "w-full space-y-3", children: [
16441
- /* @__PURE__ */ jsxs26("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
16442
- loading ? /* @__PURE__ */ jsx38(Loading, {}) : /* @__PURE__ */ jsx38(Search, {}),
16443
- /* @__PURE__ */ jsx38(
16678
+ return /* @__PURE__ */ jsxs27("div", { className: "w-full space-y-3", children: [
16679
+ /* @__PURE__ */ jsxs27("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
16680
+ loading ? /* @__PURE__ */ jsx41(Loading, {}) : /* @__PURE__ */ jsx41(Search, {}),
16681
+ /* @__PURE__ */ jsx41(
16444
16682
  "input",
16445
16683
  {
16446
16684
  type: "text",
@@ -16450,15 +16688,15 @@ function SearchBar({ loading, results, onUpdate }) {
16450
16688
  onChange: (e) => setQuery(e.target.value)
16451
16689
  }
16452
16690
  ),
16453
- query && /* @__PURE__ */ jsx38("button", { onClick: clearQuery, children: /* @__PURE__ */ jsx38(CircleX, {}) })
16691
+ query && /* @__PURE__ */ jsx41("button", { onClick: clearQuery, children: /* @__PURE__ */ jsx41(CircleX, {}) })
16454
16692
  ] }),
16455
- results && /* @__PURE__ */ jsxs26("div", { className: "text-sm", children: [
16456
- /* @__PURE__ */ jsxs26("p", { className: "text-gray-700 font-medium", children: [
16693
+ results && /* @__PURE__ */ jsxs27("div", { className: "text-sm", children: [
16694
+ /* @__PURE__ */ jsxs27("p", { className: "text-gray-700 font-medium", children: [
16457
16695
  "Search results (",
16458
16696
  results.reduce((acc, r) => acc + r.count, 0),
16459
16697
  "):"
16460
16698
  ] }),
16461
- /* @__PURE__ */ jsx38("div", { className: "flex flex-wrap gap-2 mt-2", children: results.map((r) => /* @__PURE__ */ jsxs26(
16699
+ /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap gap-2 mt-2", children: results.map((r) => /* @__PURE__ */ jsxs27(
16462
16700
  "span",
16463
16701
  {
16464
16702
  className: "px-3 py-1 rounded-full bg-gray-100 text-gray-700",
@@ -16476,7 +16714,7 @@ function SearchBar({ loading, results, onUpdate }) {
16476
16714
  }
16477
16715
 
16478
16716
  // src/components/atoms/icons/base_icons/Mail.tsx
16479
- import { jsx as jsx39 } from "react/jsx-runtime";
16717
+ import { jsx as jsx42 } from "react/jsx-runtime";
16480
16718
  function Mail({
16481
16719
  size = 24,
16482
16720
  color = "#1D1D1F",
@@ -16487,7 +16725,7 @@ function Mail({
16487
16725
  case 16:
16488
16726
  return {
16489
16727
  viewBox: "0 0 16 16",
16490
- path: /* @__PURE__ */ jsx39(
16728
+ path: /* @__PURE__ */ jsx42(
16491
16729
  "path",
16492
16730
  {
16493
16731
  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",
@@ -16501,7 +16739,7 @@ function Mail({
16501
16739
  case 20:
16502
16740
  return {
16503
16741
  viewBox: "0 0 20 20",
16504
- path: /* @__PURE__ */ jsx39(
16742
+ path: /* @__PURE__ */ jsx42(
16505
16743
  "path",
16506
16744
  {
16507
16745
  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",
@@ -16515,7 +16753,7 @@ function Mail({
16515
16753
  case 24:
16516
16754
  return {
16517
16755
  viewBox: "0 0 24 24",
16518
- path: /* @__PURE__ */ jsx39(
16756
+ path: /* @__PURE__ */ jsx42(
16519
16757
  "path",
16520
16758
  {
16521
16759
  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",
@@ -16529,7 +16767,7 @@ function Mail({
16529
16767
  case 36:
16530
16768
  return {
16531
16769
  viewBox: "0 0 36 36",
16532
- path: /* @__PURE__ */ jsx39(
16770
+ path: /* @__PURE__ */ jsx42(
16533
16771
  "path",
16534
16772
  {
16535
16773
  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",
@@ -16543,7 +16781,7 @@ function Mail({
16543
16781
  }
16544
16782
  };
16545
16783
  const { viewBox, path } = getIconData();
16546
- return /* @__PURE__ */ jsx39(
16784
+ return /* @__PURE__ */ jsx42(
16547
16785
  "svg",
16548
16786
  {
16549
16787
  width: size,
@@ -16557,7 +16795,7 @@ function Mail({
16557
16795
  }
16558
16796
 
16559
16797
  // src/components/atoms/icons/base_icons/PlusLarge.tsx
16560
- import { jsx as jsx40 } from "react/jsx-runtime";
16798
+ import { jsx as jsx43 } from "react/jsx-runtime";
16561
16799
  function PlusLarge({
16562
16800
  size = 24,
16563
16801
  color = "#1D1D1F",
@@ -16568,7 +16806,7 @@ function PlusLarge({
16568
16806
  case 16:
16569
16807
  return {
16570
16808
  viewBox: "0 0 16 16",
16571
- path: /* @__PURE__ */ jsx40(
16809
+ path: /* @__PURE__ */ jsx43(
16572
16810
  "path",
16573
16811
  {
16574
16812
  d: "M8.00033 2.66663V13.3333M13.3337 7.99996L2.66699 7.99996",
@@ -16582,7 +16820,7 @@ function PlusLarge({
16582
16820
  case 20:
16583
16821
  return {
16584
16822
  viewBox: "0 0 20 20",
16585
- path: /* @__PURE__ */ jsx40(
16823
+ path: /* @__PURE__ */ jsx43(
16586
16824
  "path",
16587
16825
  {
16588
16826
  d: "M9.99967 3.33337V16.6667M16.6663 10L3.33301 10",
@@ -16596,7 +16834,7 @@ function PlusLarge({
16596
16834
  case 24:
16597
16835
  return {
16598
16836
  viewBox: "0 0 24 24",
16599
- path: /* @__PURE__ */ jsx40(
16837
+ path: /* @__PURE__ */ jsx43(
16600
16838
  "path",
16601
16839
  {
16602
16840
  d: "M12 4V20M20 12L4 12",
@@ -16610,7 +16848,7 @@ function PlusLarge({
16610
16848
  case 36:
16611
16849
  return {
16612
16850
  viewBox: "0 0 36 36",
16613
- path: /* @__PURE__ */ jsx40(
16851
+ path: /* @__PURE__ */ jsx43(
16614
16852
  "path",
16615
16853
  {
16616
16854
  d: "M18 6V30M30 18L6 18",
@@ -16624,7 +16862,7 @@ function PlusLarge({
16624
16862
  }
16625
16863
  };
16626
16864
  const { viewBox, path } = getIconData();
16627
- return /* @__PURE__ */ jsx40(
16865
+ return /* @__PURE__ */ jsx43(
16628
16866
  "svg",
16629
16867
  {
16630
16868
  width: size,
@@ -16639,15 +16877,15 @@ function PlusLarge({
16639
16877
 
16640
16878
  // src/components/molecules/buttons/nav_button/filter_nav_button/filter_nav_button.tsx
16641
16879
  import clsx11 from "clsx";
16642
- import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
16880
+ import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
16643
16881
  function FilterNavButton({ icon, label, active, onClick }) {
16644
- return /* @__PURE__ */ jsxs27(
16882
+ return /* @__PURE__ */ jsxs28(
16645
16883
  "div",
16646
16884
  {
16647
16885
  className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
16648
16886
  onClick,
16649
16887
  children: [
16650
- /* @__PURE__ */ jsx41(
16888
+ /* @__PURE__ */ jsx44(
16651
16889
  "div",
16652
16890
  {
16653
16891
  className: clsx11(
@@ -16656,20 +16894,20 @@ function FilterNavButton({ icon, label, active, onClick }) {
16656
16894
  children: icon
16657
16895
  }
16658
16896
  ),
16659
- /* @__PURE__ */ jsx41("div", { className: "font-medium text-[9px] text-qtneutral-900 w-full text-center", children: label })
16897
+ /* @__PURE__ */ jsx44("div", { className: "font-medium text-[9px] text-qtneutral-900 w-full text-center", children: label })
16660
16898
  ]
16661
16899
  }
16662
16900
  );
16663
16901
  }
16664
16902
 
16665
16903
  // src/components/organisms/filter_bar/filter_bar.tsx
16666
- import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
16904
+ import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
16667
16905
  function FilterBar({ buttons }) {
16668
- return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
16669
- /* @__PURE__ */ jsx42(
16906
+ return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
16907
+ /* @__PURE__ */ jsx45(
16670
16908
  FilterNavButton,
16671
16909
  {
16672
- icon: /* @__PURE__ */ jsx42(
16910
+ icon: /* @__PURE__ */ jsx45(
16673
16911
  FireIcon,
16674
16912
  {
16675
16913
  variant: buttons?.fires?.active ? void 0 : "none" /* OUTLINED */
@@ -16679,10 +16917,10 @@ function FilterBar({ buttons }) {
16679
16917
  onClick: buttons?.fires?.onClick
16680
16918
  }
16681
16919
  ),
16682
- /* @__PURE__ */ jsx42(
16920
+ /* @__PURE__ */ jsx45(
16683
16921
  FilterNavButton,
16684
16922
  {
16685
- icon: /* @__PURE__ */ jsx42(
16923
+ icon: /* @__PURE__ */ jsx45(
16686
16924
  Mail,
16687
16925
  {
16688
16926
  size: 36,
@@ -16693,10 +16931,10 @@ function FilterBar({ buttons }) {
16693
16931
  onClick: buttons?.unread?.onClick
16694
16932
  }
16695
16933
  ),
16696
- /* @__PURE__ */ jsx42(
16934
+ /* @__PURE__ */ jsx45(
16697
16935
  FilterNavButton,
16698
16936
  {
16699
- icon: /* @__PURE__ */ jsx42(
16937
+ icon: /* @__PURE__ */ jsx45(
16700
16938
  CheckBox,
16701
16939
  {
16702
16940
  size: 36,
@@ -16707,57 +16945,57 @@ function FilterBar({ buttons }) {
16707
16945
  onClick: buttons?.incomplete?.onClick
16708
16946
  }
16709
16947
  ),
16710
- /* @__PURE__ */ jsx42("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16711
- /* @__PURE__ */ jsx42(
16948
+ /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16949
+ /* @__PURE__ */ jsx45(
16712
16950
  FilterNavButton,
16713
16951
  {
16714
- icon: /* @__PURE__ */ jsx42("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx42(SlackIcon, {}) }),
16952
+ icon: /* @__PURE__ */ jsx45("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(SlackIcon, {}) }),
16715
16953
  onClick: buttons?.slack?.onClick
16716
16954
  }
16717
16955
  ),
16718
- /* @__PURE__ */ jsx42(
16956
+ /* @__PURE__ */ jsx45(
16719
16957
  FilterNavButton,
16720
16958
  {
16721
- icon: /* @__PURE__ */ jsx42("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx42(GoogleMailIcon, {}) }),
16959
+ icon: /* @__PURE__ */ jsx45("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(GoogleMailIcon, {}) }),
16722
16960
  onClick: buttons?.google_mail?.onClick
16723
16961
  }
16724
16962
  ),
16725
- /* @__PURE__ */ jsx42(
16963
+ /* @__PURE__ */ jsx45(
16726
16964
  FilterNavButton,
16727
16965
  {
16728
- icon: /* @__PURE__ */ jsx42("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx42(GoogleCalendarIcon, {}) }),
16966
+ icon: /* @__PURE__ */ jsx45("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(GoogleCalendarIcon, {}) }),
16729
16967
  onClick: buttons?.google_calendar?.onClick
16730
16968
  }
16731
16969
  ),
16732
- /* @__PURE__ */ jsx42(
16970
+ /* @__PURE__ */ jsx45(
16733
16971
  FilterNavButton,
16734
16972
  {
16735
- icon: /* @__PURE__ */ jsxs28("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
16736
- /* @__PURE__ */ jsx42(AtlassianIcon, {}),
16973
+ icon: /* @__PURE__ */ jsxs29("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
16974
+ /* @__PURE__ */ jsx45(AtlassianIcon, {}),
16737
16975
  " "
16738
16976
  ] }),
16739
16977
  onClick: buttons?.atlassian_jira?.onClick
16740
16978
  }
16741
16979
  ),
16742
- /* @__PURE__ */ jsx42(
16980
+ /* @__PURE__ */ jsx45(
16743
16981
  FilterNavButton,
16744
16982
  {
16745
- icon: /* @__PURE__ */ jsxs28("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
16746
- /* @__PURE__ */ jsx42(MicrosoftTeamsIcon, {}),
16983
+ icon: /* @__PURE__ */ jsxs29("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
16984
+ /* @__PURE__ */ jsx45(MicrosoftTeamsIcon, {}),
16747
16985
  " "
16748
16986
  ] }),
16749
16987
  onClick: buttons?.microsoft_teams?.onClick
16750
16988
  }
16751
16989
  ),
16752
- /* @__PURE__ */ jsx42(
16990
+ /* @__PURE__ */ jsx45(
16753
16991
  FilterNavButton,
16754
16992
  {
16755
- icon: /* @__PURE__ */ jsxs28(
16993
+ icon: /* @__PURE__ */ jsxs29(
16756
16994
  "div",
16757
16995
  {
16758
16996
  className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
16759
16997
  children: [
16760
- /* @__PURE__ */ jsx42(MicrosoftOutlookMailIcon, {}),
16998
+ /* @__PURE__ */ jsx45(MicrosoftOutlookMailIcon, {}),
16761
16999
  " "
16762
17000
  ]
16763
17001
  }
@@ -16765,8 +17003,8 @@ function FilterBar({ buttons }) {
16765
17003
  onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
16766
17004
  }
16767
17005
  ),
16768
- /* @__PURE__ */ jsx42("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16769
- /* @__PURE__ */ jsx42("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ jsx42(FilterNavButton, { icon: /* @__PURE__ */ jsx42(PlusLarge, { size: 36 }) }) })
17006
+ /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
17007
+ /* @__PURE__ */ jsx45("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ jsx45(FilterNavButton, { icon: /* @__PURE__ */ jsx45(PlusLarge, { size: 36 }) }) })
16770
17008
  ] });
16771
17009
  }
16772
17010