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.js CHANGED
@@ -11196,7 +11196,7 @@ __export(index_exports, {
11196
11196
  module.exports = __toCommonJS(index_exports);
11197
11197
 
11198
11198
  // src/components/organisms/preview_card/preview_card.tsx
11199
- var import_react = require("react");
11199
+ var import_react2 = require("react");
11200
11200
 
11201
11201
  // src/types/global.ts
11202
11202
  var IntegrationService = /* @__PURE__ */ ((IntegrationService6) => {
@@ -14971,7 +14971,7 @@ function SubjectLineRow({ text }) {
14971
14971
  // src/components/molecules/text_content/metadata_row/metadata_row.tsx
14972
14972
  var import_jsx_runtime13 = require("react/jsx-runtime");
14973
14973
  function MetadataRow({ metadata }) {
14974
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex h-[18px] w-[309px] flex-none body-small text-neutral-900 gap-2", children: [
14974
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex h-[18px] w-full flex-none body-small text-neutral-900 gap-2", children: [
14975
14975
  metadata && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: metadata[0] + (metadata.length == 2 ? "," : "") }),
14976
14976
  metadata?.length == 2 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: metadata[1] })
14977
14977
  ] });
@@ -14980,11 +14980,239 @@ function MetadataRow({ metadata }) {
14980
14980
  // src/components/organisms/preview_card/preview_card.tsx
14981
14981
  var import_clsx4 = __toESM(require("clsx"));
14982
14982
 
14983
+ // src/components/molecules/buttons/thumb_group/thumb_group.tsx
14984
+ var import_react = require("react");
14985
+
14986
+ // src/components/atoms/icons/base_icons/ThumbUp.tsx
14987
+ var import_jsx_runtime14 = require("react/jsx-runtime");
14988
+ function ThumbUp({
14989
+ size = 24,
14990
+ color = "#1D1D1F",
14991
+ fillColor = "none"
14992
+ }) {
14993
+ const getIconData = () => {
14994
+ switch (size) {
14995
+ case 16:
14996
+ return {
14997
+ viewBox: "0 0 16 16",
14998
+ path: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
14999
+ "path",
15000
+ {
15001
+ 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",
15002
+ stroke: color,
15003
+ "stroke-width": "1.25",
15004
+ "stroke-linecap": "round",
15005
+ "stroke-linejoin": "round"
15006
+ }
15007
+ )
15008
+ };
15009
+ case 20:
15010
+ return {
15011
+ viewBox: "0 0 20 20",
15012
+ path: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15013
+ "path",
15014
+ {
15015
+ 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",
15016
+ stroke: color,
15017
+ "stroke-width": "1.5",
15018
+ "stroke-linecap": "round",
15019
+ "stroke-linejoin": "round"
15020
+ }
15021
+ )
15022
+ };
15023
+ case 24:
15024
+ return {
15025
+ viewBox: "0 0 24 24",
15026
+ path: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15027
+ "path",
15028
+ {
15029
+ 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",
15030
+ stroke: color,
15031
+ "stroke-width": "2",
15032
+ "stroke-linecap": "round",
15033
+ "stroke-linejoin": "round"
15034
+ }
15035
+ )
15036
+ };
15037
+ case 36:
15038
+ return {
15039
+ viewBox: "0 0 36 36",
15040
+ path: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15041
+ "path",
15042
+ {
15043
+ 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",
15044
+ stroke: color,
15045
+ "stroke-width": "2.25",
15046
+ "stroke-linecap": "round",
15047
+ "stroke-linejoin": "round"
15048
+ }
15049
+ )
15050
+ };
15051
+ }
15052
+ };
15053
+ const { viewBox, path } = getIconData();
15054
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15055
+ "svg",
15056
+ {
15057
+ width: size,
15058
+ height: size,
15059
+ viewBox,
15060
+ fill: fillColor,
15061
+ xmlns: "http://www.w3.org/2000/svg",
15062
+ children: path
15063
+ }
15064
+ );
15065
+ }
15066
+
15067
+ // src/components/atoms/icons/base_icons/ThumbDown.tsx
15068
+ var import_jsx_runtime15 = require("react/jsx-runtime");
15069
+ function ThumbDown({
15070
+ size = 24,
15071
+ color = "#1D1D1F",
15072
+ fillColor = "none"
15073
+ }) {
15074
+ const getIconData = () => {
15075
+ switch (size) {
15076
+ case 16:
15077
+ return {
15078
+ viewBox: "0 0 16 16",
15079
+ path: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
15080
+ "path",
15081
+ {
15082
+ 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",
15083
+ stroke: color,
15084
+ "stroke-width": "1.25",
15085
+ "stroke-linecap": "round",
15086
+ "stroke-linejoin": "round"
15087
+ }
15088
+ )
15089
+ };
15090
+ case 20:
15091
+ return {
15092
+ viewBox: "0 0 20 20",
15093
+ path: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
15094
+ "path",
15095
+ {
15096
+ 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",
15097
+ stroke: color,
15098
+ "stroke-width": "1.5",
15099
+ "stroke-linecap": "round",
15100
+ "stroke-linejoin": "round"
15101
+ }
15102
+ )
15103
+ };
15104
+ case 24:
15105
+ return {
15106
+ viewBox: "0 0 24 24",
15107
+ path: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
15108
+ "path",
15109
+ {
15110
+ 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",
15111
+ stroke: color,
15112
+ "stroke-width": "2",
15113
+ "stroke-linecap": "round",
15114
+ "stroke-linejoin": "round"
15115
+ }
15116
+ )
15117
+ };
15118
+ case 36:
15119
+ return {
15120
+ viewBox: "0 0 36 36",
15121
+ path: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
15122
+ "path",
15123
+ {
15124
+ 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",
15125
+ stroke: color,
15126
+ "stroke-width": "2.25",
15127
+ "stroke-linecap": "round",
15128
+ "stroke-linejoin": "round"
15129
+ }
15130
+ )
15131
+ };
15132
+ }
15133
+ };
15134
+ const { viewBox, path } = getIconData();
15135
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
15136
+ "svg",
15137
+ {
15138
+ width: size,
15139
+ height: size,
15140
+ viewBox,
15141
+ fill: fillColor,
15142
+ xmlns: "http://www.w3.org/2000/svg",
15143
+ children: path
15144
+ }
15145
+ );
15146
+ }
15147
+
15148
+ // src/components/molecules/buttons/thumb_group/thumb_group.tsx
15149
+ var import_jsx_runtime16 = require("react/jsx-runtime");
15150
+ function ThumbGroup({ onUpSelected, onDownSelected }) {
15151
+ const [upHovering, setUpHovering] = (0, import_react.useState)(false);
15152
+ const [downHovering, setDownHovering] = (0, import_react.useState)(false);
15153
+ const [upSelected, setUpSelected] = (0, import_react.useState)(false);
15154
+ const [downSelected, setDownSelected] = (0, import_react.useState)(false);
15155
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-none w-min place-items-center place-content-center gap-4", children: [
15156
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
15157
+ "div",
15158
+ {
15159
+ onMouseOver: () => setUpHovering(true),
15160
+ onMouseOut: () => setUpHovering(false),
15161
+ onClick: (e) => {
15162
+ e.stopPropagation();
15163
+ if (!upSelected && onUpSelected) {
15164
+ try {
15165
+ onUpSelected();
15166
+ } catch (e2) {
15167
+ console.log(`Failed to execute: onUpSelected() | [${e2}]`);
15168
+ return;
15169
+ }
15170
+ }
15171
+ setUpSelected(!upSelected);
15172
+ },
15173
+ children: upSelected ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
15174
+ ThumbUp,
15175
+ {
15176
+ fillColor: "#82818E",
15177
+ color: upHovering ? "#6558FD" : "#FFFFFF"
15178
+ }
15179
+ ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThumbUp, { color: upHovering ? "#6558FD" : "#82818E" })
15180
+ }
15181
+ ),
15182
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
15183
+ "div",
15184
+ {
15185
+ onMouseOver: () => setDownHovering(true),
15186
+ onMouseOut: () => setDownHovering(false),
15187
+ onClick: (e) => {
15188
+ e.stopPropagation();
15189
+ if (!downSelected && onDownSelected) {
15190
+ try {
15191
+ onDownSelected();
15192
+ } catch (e2) {
15193
+ console.log(`Failed to execute: onDownSelected() | [${e2}]`);
15194
+ return;
15195
+ }
15196
+ }
15197
+ setDownSelected(!downSelected);
15198
+ },
15199
+ children: downSelected ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
15200
+ ThumbDown,
15201
+ {
15202
+ fillColor: "#82818E",
15203
+ color: downHovering ? "#6558FD" : "#FFFFFF"
15204
+ }
15205
+ ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThumbDown, { color: downHovering ? "#6558FD" : "#82818E" })
15206
+ }
15207
+ )
15208
+ ] });
15209
+ }
15210
+
14983
15211
  // src/components/molecules/checkboxes/main_checkbox/secondary_checkbox.tsx
14984
15212
  var import_clsx2 = __toESM(require("clsx"));
14985
15213
 
14986
15214
  // src/components/atoms/icons/base_icons/CheckBox.tsx
14987
- var import_jsx_runtime14 = require("react/jsx-runtime");
15215
+ var import_jsx_runtime17 = require("react/jsx-runtime");
14988
15216
  function CheckBox({ size = 24, fillColor }) {
14989
15217
  const getIconData = () => {
14990
15218
  let viewBox2 = "";
@@ -15008,16 +15236,16 @@ function CheckBox({ size = 24, fillColor }) {
15008
15236
  scale = 1;
15009
15237
  break;
15010
15238
  }
15011
- const path2 = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { transform: `scale(${scale})`, children: [
15012
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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" }) }),
15013
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15239
+ const path2 = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { transform: `scale(${scale})`, children: [
15240
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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" }) }),
15241
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15014
15242
  "path",
15015
15243
  {
15016
15244
  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",
15017
15245
  fill: fillColor
15018
15246
  }
15019
15247
  ),
15020
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15248
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15021
15249
  "path",
15022
15250
  {
15023
15251
  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",
@@ -15025,7 +15253,7 @@ function CheckBox({ size = 24, fillColor }) {
15025
15253
  mask: `url(#${maskId})`
15026
15254
  }
15027
15255
  ),
15028
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15256
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15029
15257
  "path",
15030
15258
  {
15031
15259
  d: "M13.9502 18L16.6502 20.7L22.0502 15.3",
@@ -15039,7 +15267,7 @@ function CheckBox({ size = 24, fillColor }) {
15039
15267
  return { viewBox: viewBox2, path: path2 };
15040
15268
  };
15041
15269
  const { viewBox, path } = getIconData();
15042
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15270
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15043
15271
  "svg",
15044
15272
  {
15045
15273
  width: size,
@@ -15074,16 +15302,16 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
15074
15302
  scale = 1;
15075
15303
  break;
15076
15304
  }
15077
- const path2 = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { transform: `scale(${scale})`, children: [
15078
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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" }) }),
15079
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15305
+ const path2 = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { transform: `scale(${scale})`, children: [
15306
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mask", { id: maskId, fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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" }) }),
15307
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15080
15308
  "path",
15081
15309
  {
15082
15310
  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",
15083
15311
  fill: fillColor
15084
15312
  }
15085
15313
  ),
15086
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15314
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15087
15315
  "path",
15088
15316
  {
15089
15317
  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",
@@ -15095,7 +15323,7 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
15095
15323
  return { viewBox: viewBox2, path: path2 };
15096
15324
  };
15097
15325
  const { viewBox, path } = getIconData();
15098
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
15326
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15099
15327
  "svg",
15100
15328
  {
15101
15329
  width: size,
@@ -15109,9 +15337,9 @@ function CheckBoxEmpty({ size = 24, fillColor }) {
15109
15337
  }
15110
15338
 
15111
15339
  // src/components/molecules/checkboxes/main_checkbox/secondary_checkbox.tsx
15112
- var import_jsx_runtime15 = require("react/jsx-runtime");
15340
+ var import_jsx_runtime18 = require("react/jsx-runtime");
15113
15341
  function SecondaryCheckBox({ active, onClick }) {
15114
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
15342
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15115
15343
  "div",
15116
15344
  {
15117
15345
  className: (0, import_clsx2.default)(
@@ -15121,21 +15349,21 @@ function SecondaryCheckBox({ active, onClick }) {
15121
15349
  e.stopPropagation();
15122
15350
  onClick && onClick();
15123
15351
  },
15124
- children: active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CheckBox, { size: 36, fillColor: "#E8FE99" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CheckBoxEmpty, { size: 36, fillColor: "#FFFFFF" })
15352
+ children: active ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CheckBox, { size: 36, fillColor: "#E8FE99" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CheckBoxEmpty, { size: 36, fillColor: "#FFFFFF" })
15125
15353
  }
15126
15354
  );
15127
15355
  }
15128
15356
 
15129
15357
  // src/components/molecules/buttons/icon_button/category_icon_button/category_icon_button.tsx
15130
15358
  var import_clsx3 = __toESM(require("clsx"));
15131
- var import_jsx_runtime16 = require("react/jsx-runtime");
15359
+ var import_jsx_runtime19 = require("react/jsx-runtime");
15132
15360
  function CategoryIconButton({ icon, label, active }) {
15133
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
15361
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
15134
15362
  "div",
15135
15363
  {
15136
15364
  className: `w-min h-min flex flex-none flex-col place-items-center gap-2 hover:grayscale-0 ${active ? "" : "grayscale"}`,
15137
15365
  children: [
15138
- /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
15366
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
15139
15367
  "div",
15140
15368
  {
15141
15369
  className: (0, import_clsx3.default)(
@@ -15144,14 +15372,14 @@ function CategoryIconButton({ icon, label, active }) {
15144
15372
  children: icon
15145
15373
  }
15146
15374
  ),
15147
- label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "font-medium text-[0.7rem] text-qtneutral-900", children: label })
15375
+ label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "font-medium text-[0.7rem] text-qtneutral-900", children: label })
15148
15376
  ]
15149
15377
  }
15150
15378
  );
15151
15379
  }
15152
15380
 
15153
15381
  // src/components/organisms/preview_card/preview_card.tsx
15154
- var import_jsx_runtime17 = require("react/jsx-runtime");
15382
+ var import_jsx_runtime20 = require("react/jsx-runtime");
15155
15383
  function PreviewCard({
15156
15384
  eventID,
15157
15385
  onSelected,
@@ -15169,7 +15397,7 @@ function PreviewCard({
15169
15397
  alert,
15170
15398
  read
15171
15399
  }) {
15172
- const [checked, setChecked] = (0, import_react.useState)(false);
15400
+ const [checked, setChecked] = (0, import_react2.useState)(false);
15173
15401
  function getColorVariant(urgency) {
15174
15402
  switch (urgency) {
15175
15403
  case "high" /* HIGH */:
@@ -15188,7 +15416,7 @@ function PreviewCard({
15188
15416
  onChecked(eventID);
15189
15417
  }
15190
15418
  }
15191
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
15419
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
15192
15420
  "div",
15193
15421
  {
15194
15422
  className: (0, import_clsx4.default)(
@@ -15201,10 +15429,10 @@ function PreviewCard({
15201
15429
  onSelected && onSelected(eventID);
15202
15430
  },
15203
15431
  children: [
15204
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-4 place-items-center", children: [
15205
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SecondaryCheckBox, { active: checked, onClick: toggleChecked }),
15206
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BrandIcon, { service, size: 24 }),
15207
- urgencyLevel && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15432
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-4 place-items-center", children: [
15433
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SecondaryCheckBox, { active: checked, onClick: toggleChecked }),
15434
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BrandIcon, { service, size: 24 }),
15435
+ urgencyLevel && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15208
15436
  CategoryIconButton,
15209
15437
  {
15210
15438
  active: true,
@@ -15214,7 +15442,7 @@ function PreviewCard({
15214
15442
  )
15215
15443
  }
15216
15444
  ),
15217
- alert && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15445
+ alert && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15218
15446
  CategoryIconButton,
15219
15447
  {
15220
15448
  active: true,
@@ -15222,9 +15450,9 @@ function PreviewCard({
15222
15450
  }
15223
15451
  )
15224
15452
  ] }),
15225
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-2", children: [
15226
- /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col ", children: [
15227
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
15453
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-2", children: [
15454
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col ", children: [
15455
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15228
15456
  SenderSourceRow,
15229
15457
  {
15230
15458
  leftText: sender,
@@ -15234,10 +15462,13 @@ function PreviewCard({
15234
15462
  onClick: onClickGoToSource
15235
15463
  }
15236
15464
  ),
15237
- subjectLine && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SubjectLineRow, { text: subjectLine }),
15238
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MetadataRow, { metadata })
15465
+ subjectLine && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SubjectLineRow, { text: subjectLine }),
15466
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MetadataRow, { metadata })
15239
15467
  ] }),
15240
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("p", { className: "line-clamp-5", children: body }) })
15468
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("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: [
15469
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "line-clamp-4", children: body }),
15470
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ThumbGroup, {})
15471
+ ] })
15241
15472
  ] })
15242
15473
  ]
15243
15474
  }
@@ -15245,7 +15476,7 @@ function PreviewCard({
15245
15476
  }
15246
15477
 
15247
15478
  // src/components/atoms/icons/base_icons/Gear.tsx
15248
- var import_jsx_runtime18 = require("react/jsx-runtime");
15479
+ var import_jsx_runtime21 = require("react/jsx-runtime");
15249
15480
  function Gear({
15250
15481
  size = 24,
15251
15482
  color = "#1D1D1F",
@@ -15256,8 +15487,8 @@ function Gear({
15256
15487
  case 16:
15257
15488
  return {
15258
15489
  viewBox: "0 0 16 16",
15259
- path: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
15260
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15490
+ path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
15491
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15261
15492
  "path",
15262
15493
  {
15263
15494
  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",
@@ -15267,7 +15498,7 @@ function Gear({
15267
15498
  strokeLinejoin: "round"
15268
15499
  }
15269
15500
  ),
15270
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15501
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15271
15502
  "path",
15272
15503
  {
15273
15504
  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",
@@ -15282,8 +15513,8 @@ function Gear({
15282
15513
  case 20:
15283
15514
  return {
15284
15515
  viewBox: "0 0 20 20",
15285
- path: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
15286
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15516
+ path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
15517
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15287
15518
  "path",
15288
15519
  {
15289
15520
  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",
@@ -15293,7 +15524,7 @@ function Gear({
15293
15524
  strokeLinejoin: "round"
15294
15525
  }
15295
15526
  ),
15296
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15527
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15297
15528
  "path",
15298
15529
  {
15299
15530
  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",
@@ -15308,8 +15539,8 @@ function Gear({
15308
15539
  case 24:
15309
15540
  return {
15310
15541
  viewBox: "0 0 24 24",
15311
- path: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
15312
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15542
+ path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
15543
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15313
15544
  "path",
15314
15545
  {
15315
15546
  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",
@@ -15319,7 +15550,7 @@ function Gear({
15319
15550
  strokeLinejoin: "round"
15320
15551
  }
15321
15552
  ),
15322
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15553
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15323
15554
  "path",
15324
15555
  {
15325
15556
  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",
@@ -15334,8 +15565,8 @@ function Gear({
15334
15565
  case 36:
15335
15566
  return {
15336
15567
  viewBox: "0 0 36 36",
15337
- path: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
15338
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15568
+ path: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
15569
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15339
15570
  "path",
15340
15571
  {
15341
15572
  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",
@@ -15345,7 +15576,7 @@ function Gear({
15345
15576
  strokeLinejoin: "round"
15346
15577
  }
15347
15578
  ),
15348
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15579
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15349
15580
  "path",
15350
15581
  {
15351
15582
  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",
@@ -15360,7 +15591,7 @@ function Gear({
15360
15591
  }
15361
15592
  };
15362
15593
  const { viewBox, path } = getIconData();
15363
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
15594
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15364
15595
  "svg",
15365
15596
  {
15366
15597
  width: size,
@@ -15374,7 +15605,7 @@ function Gear({
15374
15605
  }
15375
15606
 
15376
15607
  // src/components/atoms/icons/base_icons/Logout.tsx
15377
- var import_jsx_runtime19 = require("react/jsx-runtime");
15608
+ var import_jsx_runtime22 = require("react/jsx-runtime");
15378
15609
  function Logout({
15379
15610
  size = 24,
15380
15611
  color = "#1D1D1F",
@@ -15385,7 +15616,7 @@ function Logout({
15385
15616
  case 16:
15386
15617
  return {
15387
15618
  viewBox: "0 0 16 16",
15388
- path: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
15619
+ path: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15389
15620
  "path",
15390
15621
  {
15391
15622
  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",
@@ -15399,7 +15630,7 @@ function Logout({
15399
15630
  case 20:
15400
15631
  return {
15401
15632
  viewBox: "0 0 20 20",
15402
- path: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
15633
+ path: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15403
15634
  "path",
15404
15635
  {
15405
15636
  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",
@@ -15413,7 +15644,7 @@ function Logout({
15413
15644
  case 24:
15414
15645
  return {
15415
15646
  viewBox: "0 0 24 24",
15416
- path: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
15647
+ path: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15417
15648
  "path",
15418
15649
  {
15419
15650
  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",
@@ -15427,7 +15658,7 @@ function Logout({
15427
15658
  case 36:
15428
15659
  return {
15429
15660
  viewBox: "0 0 36 36",
15430
- path: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
15661
+ path: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15431
15662
  "path",
15432
15663
  {
15433
15664
  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",
@@ -15441,7 +15672,7 @@ function Logout({
15441
15672
  }
15442
15673
  };
15443
15674
  const { viewBox, path } = getIconData();
15444
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
15675
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15445
15676
  "svg",
15446
15677
  {
15447
15678
  width: size,
@@ -15455,7 +15686,7 @@ function Logout({
15455
15686
  }
15456
15687
 
15457
15688
  // src/components/atoms/icons/base_icons/Queue.tsx
15458
- var import_jsx_runtime20 = require("react/jsx-runtime");
15689
+ var import_jsx_runtime23 = require("react/jsx-runtime");
15459
15690
  function Queue({
15460
15691
  size = 24,
15461
15692
  color = "#1D1D1F",
@@ -15466,8 +15697,8 @@ function Queue({
15466
15697
  case 16:
15467
15698
  return {
15468
15699
  viewBox: "0 0 16 16",
15469
- path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
15470
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15700
+ path: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
15701
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15471
15702
  "path",
15472
15703
  {
15473
15704
  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",
@@ -15477,7 +15708,7 @@ function Queue({
15477
15708
  strokeLinejoin: "round"
15478
15709
  }
15479
15710
  ),
15480
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15711
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15481
15712
  "path",
15482
15713
  {
15483
15714
  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",
@@ -15487,7 +15718,7 @@ function Queue({
15487
15718
  strokeLinejoin: "round"
15488
15719
  }
15489
15720
  ),
15490
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15721
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15491
15722
  "path",
15492
15723
  {
15493
15724
  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",
@@ -15502,8 +15733,8 @@ function Queue({
15502
15733
  case 20:
15503
15734
  return {
15504
15735
  viewBox: "0 0 20 20",
15505
- path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
15506
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15736
+ path: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
15737
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15507
15738
  "path",
15508
15739
  {
15509
15740
  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",
@@ -15513,7 +15744,7 @@ function Queue({
15513
15744
  strokeLinejoin: "round"
15514
15745
  }
15515
15746
  ),
15516
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15747
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15517
15748
  "path",
15518
15749
  {
15519
15750
  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",
@@ -15523,7 +15754,7 @@ function Queue({
15523
15754
  strokeLinejoin: "round"
15524
15755
  }
15525
15756
  ),
15526
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15757
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15527
15758
  "path",
15528
15759
  {
15529
15760
  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",
@@ -15538,8 +15769,8 @@ function Queue({
15538
15769
  case 24:
15539
15770
  return {
15540
15771
  viewBox: "0 0 24 24",
15541
- path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
15542
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15772
+ path: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
15773
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15543
15774
  "path",
15544
15775
  {
15545
15776
  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",
@@ -15549,7 +15780,7 @@ function Queue({
15549
15780
  strokeLinejoin: "round"
15550
15781
  }
15551
15782
  ),
15552
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15783
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15553
15784
  "path",
15554
15785
  {
15555
15786
  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",
@@ -15559,7 +15790,7 @@ function Queue({
15559
15790
  strokeLinejoin: "round"
15560
15791
  }
15561
15792
  ),
15562
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15793
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15563
15794
  "path",
15564
15795
  {
15565
15796
  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",
@@ -15574,8 +15805,8 @@ function Queue({
15574
15805
  case 36:
15575
15806
  return {
15576
15807
  viewBox: "0 0 36 36",
15577
- path: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
15578
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15808
+ path: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
15809
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15579
15810
  "path",
15580
15811
  {
15581
15812
  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",
@@ -15585,7 +15816,7 @@ function Queue({
15585
15816
  strokeLinejoin: "round"
15586
15817
  }
15587
15818
  ),
15588
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15819
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15589
15820
  "path",
15590
15821
  {
15591
15822
  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",
@@ -15595,7 +15826,7 @@ function Queue({
15595
15826
  strokeLinejoin: "round"
15596
15827
  }
15597
15828
  ),
15598
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15829
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15599
15830
  "path",
15600
15831
  {
15601
15832
  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",
@@ -15610,7 +15841,7 @@ function Queue({
15610
15841
  }
15611
15842
  };
15612
15843
  const { viewBox, path } = getIconData();
15613
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
15844
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15614
15845
  "svg",
15615
15846
  {
15616
15847
  width: size,
@@ -15624,17 +15855,17 @@ function Queue({
15624
15855
  }
15625
15856
 
15626
15857
  // src/components/atoms/qtalo_logo/qtalo_logo.tsx
15627
- var import_jsx_runtime21 = require("react/jsx-runtime");
15858
+ var import_jsx_runtime24 = require("react/jsx-runtime");
15628
15859
  function QTLogo({ variant }) {
15629
15860
  if (variant == "monogram") {
15630
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15861
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
15631
15862
  "svg",
15632
15863
  {
15633
15864
  xmlns: "http://www.w3.org/2000/svg",
15634
15865
  width: "40",
15635
15866
  height: "40",
15636
15867
  viewBox: "0 0 40 40",
15637
- children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15868
+ children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
15638
15869
  "image",
15639
15870
  {
15640
15871
  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",
@@ -15647,14 +15878,14 @@ function QTLogo({ variant }) {
15647
15878
  }
15648
15879
  );
15649
15880
  } else {
15650
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15881
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
15651
15882
  "svg",
15652
15883
  {
15653
15884
  xmlns: "http://www.w3.org/2000/svg",
15654
15885
  width: "140",
15655
15886
  height: "40",
15656
15887
  viewBox: "0 0 140 40",
15657
- children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
15888
+ children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
15658
15889
  "image",
15659
15890
  {
15660
15891
  href: "data:image/png;base64,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",
@@ -15671,15 +15902,15 @@ function QTLogo({ variant }) {
15671
15902
 
15672
15903
  // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
15673
15904
  var import_clsx5 = __toESM(require("clsx"));
15674
- var import_jsx_runtime22 = require("react/jsx-runtime");
15905
+ var import_jsx_runtime25 = require("react/jsx-runtime");
15675
15906
  function MainNavButton({ icon, label, active, onClick }) {
15676
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
15907
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
15677
15908
  "div",
15678
15909
  {
15679
15910
  className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
15680
15911
  onClick,
15681
15912
  children: [
15682
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15913
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
15683
15914
  "div",
15684
15915
  {
15685
15916
  className: (0, import_clsx5.default)(
@@ -15689,44 +15920,44 @@ function MainNavButton({ icon, label, active, onClick }) {
15689
15920
  children: icon
15690
15921
  }
15691
15922
  ),
15692
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
15923
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
15693
15924
  ]
15694
15925
  }
15695
15926
  );
15696
15927
  }
15697
15928
 
15698
15929
  // src/components/organisms/nav_bar/nav_bar.tsx
15699
- var import_jsx_runtime23 = require("react/jsx-runtime");
15930
+ var import_jsx_runtime26 = require("react/jsx-runtime");
15700
15931
  function NavBar({ buttons = {} }) {
15701
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("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: [
15702
- /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-8", children: [
15703
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(QTLogo, { variant: "monogram" }),
15704
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15932
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("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: [
15933
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-8", children: [
15934
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(QTLogo, { variant: "monogram" }),
15935
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
15705
15936
  MainNavButton,
15706
15937
  {
15707
15938
  active: buttons.queue?.active,
15708
15939
  label: "Queue",
15709
- icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Queue, { color: "#6558FD" }),
15940
+ icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Queue, { color: "#6558FD" }),
15710
15941
  onClick: buttons.queue?.onClick
15711
15942
  }
15712
15943
  )
15713
15944
  ] }),
15714
- /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-8", children: [
15715
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15945
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-8", children: [
15946
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
15716
15947
  MainNavButton,
15717
15948
  {
15718
15949
  active: buttons.account?.active,
15719
15950
  label: "Account",
15720
- icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Gear, { color: "#6558FD" }),
15951
+ icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Gear, { color: "#6558FD" }),
15721
15952
  onClick: buttons.account?.onClick
15722
15953
  }
15723
15954
  ),
15724
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15955
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
15725
15956
  MainNavButton,
15726
15957
  {
15727
15958
  active: buttons.logout?.active,
15728
15959
  label: "Logout",
15729
- icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Logout, { color: "#6558FD" }),
15960
+ icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Logout, { color: "#6558FD" }),
15730
15961
  onClick: buttons.logout?.onClick
15731
15962
  }
15732
15963
  )
@@ -15735,29 +15966,29 @@ function NavBar({ buttons = {} }) {
15735
15966
  }
15736
15967
 
15737
15968
  // src/components/atoms/icons/category_icons/category_icon.tsx
15738
- var import_jsx_runtime24 = require("react/jsx-runtime");
15969
+ var import_jsx_runtime27 = require("react/jsx-runtime");
15739
15970
  function CategoryIcon({ size = 24, icon, variant }) {
15740
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
15971
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
15741
15972
  "div",
15742
15973
  {
15743
15974
  className: `flex-none`,
15744
15975
  style: { width: `${size}px`, height: `${size}px` },
15745
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-full h-full", children: icon && getCategoryIcon(icon, variant, size) })
15976
+ children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full h-full", children: icon && getCategoryIcon(icon, variant, size) })
15746
15977
  }
15747
15978
  );
15748
15979
  }
15749
15980
 
15750
15981
  // src/components/organisms/emails/single_event.tsx
15751
- var import_react2 = require("react");
15982
+ var import_react3 = require("react");
15752
15983
 
15753
15984
  // src/components/organisms/intel_card/intel_card.tsx
15754
15985
  var import_clsx6 = __toESM(require("clsx"));
15755
15986
 
15756
15987
  // src/components/molecules/text_content/intel_row/intel_row.tsx
15757
- var import_jsx_runtime25 = require("react/jsx-runtime");
15988
+ var import_jsx_runtime28 = require("react/jsx-runtime");
15758
15989
  function IntelRow({ boldText, text }) {
15759
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex w-max body-small text-neutral-1 gap-2 max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex break-words", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { children: [
15760
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("strong", { className: "body-small-bold", children: [
15990
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex w-max body-small text-neutral-1 gap-2 max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex break-words", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { children: [
15991
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("strong", { className: "body-small-bold", children: [
15761
15992
  boldText,
15762
15993
  ":"
15763
15994
  ] }),
@@ -15767,7 +15998,7 @@ function IntelRow({ boldText, text }) {
15767
15998
  }
15768
15999
 
15769
16000
  // src/components/organisms/intel_card/intel_card.tsx
15770
- var import_jsx_runtime26 = require("react/jsx-runtime");
16001
+ var import_jsx_runtime29 = require("react/jsx-runtime");
15771
16002
  function IntelCard({
15772
16003
  onRead,
15773
16004
  onSelected,
@@ -15788,7 +16019,7 @@ function IntelCard({
15788
16019
  return "";
15789
16020
  }
15790
16021
  };
15791
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
16022
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
15792
16023
  "div",
15793
16024
  {
15794
16025
  className: (0, import_clsx6.default)(
@@ -15801,10 +16032,10 @@ function IntelCard({
15801
16032
  reversed ? "rounded-b-2xl border-t-[2px]" : "rounded-t-2xl border-b-[2px]"
15802
16033
  ),
15803
16034
  children: [
15804
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col gap-4 place-items-center" }),
15805
- /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 max-w-full", children: [
15806
- urgency && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(IntelRow, { boldText: urgencyPrefix(), text: urgencyText }),
15807
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(IntelRow, { boldText: "Summary", text: summary })
16035
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-col gap-4 place-items-center" }),
16036
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2 max-w-full", children: [
16037
+ urgency && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IntelRow, { boldText: urgencyPrefix(), text: urgencyText }),
16038
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IntelRow, { boldText: "Summary", text: summary })
15808
16039
  ] })
15809
16040
  ]
15810
16041
  }
@@ -15812,35 +16043,38 @@ function IntelCard({
15812
16043
  }
15813
16044
 
15814
16045
  // src/components/organisms/emails/single_event.tsx
15815
- var import_jsx_runtime27 = require("react/jsx-runtime");
16046
+ var import_jsx_runtime30 = require("react/jsx-runtime");
15816
16047
  function SingleEvent({
15817
16048
  urgency,
15818
16049
  service,
15819
16050
  body,
15820
- startExpanded
16051
+ startExpanded,
16052
+ sender,
16053
+ source,
16054
+ subjectLine
15821
16055
  }) {
15822
- const [selected, setSelected] = (0, import_react2.useState)(false);
15823
- const [expanded, setExpanded] = (0, import_react2.useState)(false);
15824
- (0, import_react2.useEffect)(() => {
16056
+ const [selected, setSelected] = (0, import_react3.useState)(false);
16057
+ const [expanded, setExpanded] = (0, import_react3.useState)(false);
16058
+ (0, import_react3.useEffect)(() => {
15825
16059
  if (startExpanded) {
15826
16060
  setExpanded(true);
15827
16061
  }
15828
16062
  }, [startExpanded]);
15829
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
16063
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
15830
16064
  "div",
15831
16065
  {
15832
16066
  className: "flex flex-col rounded-3xl bg-qtneutral-200 py-4 px-4 gap-4 h-min",
15833
16067
  onClick: () => setExpanded(!expanded),
15834
16068
  children: [
15835
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
15836
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
16069
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
16070
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
15837
16071
  SecondaryCheckBox,
15838
16072
  {
15839
16073
  active: selected,
15840
16074
  onClick: () => setSelected(!selected)
15841
16075
  }
15842
16076
  ),
15843
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
16077
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
15844
16078
  CategoryIcon,
15845
16079
  {
15846
16080
  size: 30,
@@ -15848,25 +16082,25 @@ function SingleEvent({
15848
16082
  variant: urgency == "high" ? void 0 : urgency == "medium" ? "#FFD481" /* YELLOW */ : urgency == void 0 ? "none" /* OUTLINED */ : void 0
15849
16083
  }
15850
16084
  ),
15851
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col w-full h-min", children: [
15852
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
16085
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col w-full h-min", children: [
16086
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
15853
16087
  SenderSourceRow,
15854
16088
  {
15855
- leftText: "Sender",
16089
+ leftText: sender,
15856
16090
  seperator: "via",
15857
- rightText: "Source",
16091
+ rightText: source,
15858
16092
  shrunk: true
15859
16093
  }
15860
16094
  ),
15861
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SubjectLineRow, { text: "Subject Line" })
16095
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SubjectLineRow, { text: subjectLine })
15862
16096
  ] })
15863
16097
  ] }),
15864
- expanded && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
15865
- /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
15866
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IntelCard, { summary: "summary", urgency }),
16098
+ expanded && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
16099
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
16100
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IntelCard, { summary: "summary", urgency }),
15867
16101
  body
15868
16102
  ] }),
15869
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BrandIcon, { service })
16103
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(BrandIcon, { service })
15870
16104
  ] })
15871
16105
  ]
15872
16106
  }
@@ -15875,7 +16109,7 @@ function SingleEvent({
15875
16109
 
15876
16110
  // src/components/organisms/event_card/event_card.tsx
15877
16111
  var import_clsx7 = __toESM(require("clsx"));
15878
- var import_jsx_runtime28 = require("react/jsx-runtime");
16112
+ var import_jsx_runtime31 = require("react/jsx-runtime");
15879
16113
  function EventCard({
15880
16114
  eventType,
15881
16115
  eventData,
@@ -15886,32 +16120,38 @@ function EventCard({
15886
16120
  function getEventBody() {
15887
16121
  switch (eventType) {
15888
16122
  case "message" /* MESSAGE */:
15889
- return eventData ? eventData[0].eventBody : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, {});
16123
+ return eventData ? eventData[0].eventBody : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, {});
15890
16124
  case "email" /* EMAIL */:
15891
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
16125
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
15892
16126
  SingleEvent,
15893
16127
  {
15894
16128
  urgency: d.urgency,
15895
16129
  service: d.service,
15896
16130
  body: d.eventBody,
15897
- startExpanded: i == eventData.length - 1
16131
+ startExpanded: i == eventData.length - 1,
16132
+ sender: d.sender,
16133
+ source: d.source,
16134
+ subjectLine: d.subjectLine
15898
16135
  }
15899
- )) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: " " }) });
16136
+ )) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: " " }) });
15900
16137
  case "ticket" /* TICKET */:
15901
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
16138
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: eventData ? eventData.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
15902
16139
  SingleEvent,
15903
16140
  {
15904
16141
  urgency: d.urgency,
15905
16142
  service: d.service,
15906
16143
  body: d.eventBody,
15907
- startExpanded: i == eventData.length - 1
16144
+ startExpanded: i == eventData.length - 1,
16145
+ sender: d.sender,
16146
+ source: d.source,
16147
+ subjectLine: d.subjectLine
15908
16148
  }
15909
- )) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: " " }) });
16149
+ )) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: " " }) });
15910
16150
  default:
15911
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, {});
16151
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, {});
15912
16152
  }
15913
16153
  }
15914
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
16154
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
15915
16155
  "div",
15916
16156
  {
15917
16157
  className: (0, import_clsx7.default)(
@@ -15919,8 +16159,8 @@ function EventCard({
15919
16159
  eventType == "message" /* MESSAGE */ ? "bg-qtneutral-200" : "bg-white py-4 pl-4 pr-2"
15920
16160
  ),
15921
16161
  children: [
15922
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "overflow-y-auto flex flex-col gap-4 w-full", children: getEventBody() }),
15923
- eventType == "message" /* MESSAGE */ && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
16162
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "overflow-y-auto flex flex-col gap-4 w-full", children: getEventBody() }),
16163
+ eventType == "message" /* MESSAGE */ && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
15924
16164
  IntelCard,
15925
16165
  {
15926
16166
  urgency: groupUrgency,
@@ -15935,7 +16175,7 @@ function EventCard({
15935
16175
  }
15936
16176
 
15937
16177
  // src/components/organisms/message_body/email_body.tsx
15938
- var import_jsx_runtime29 = require("react/jsx-runtime");
16178
+ var import_jsx_runtime32 = require("react/jsx-runtime");
15939
16179
  function EmailBody({
15940
16180
  subjectLine,
15941
16181
  to,
@@ -15946,32 +16186,32 @@ function EmailBody({
15946
16186
  attachments,
15947
16187
  body
15948
16188
  }) {
15949
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
15950
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
15951
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
15952
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`To: ${to}`] }),
15953
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`Date: ${date}`] }),
15954
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`from: ${from}`] }),
15955
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`CC: ${CC}`] }),
15956
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`BCC: ${BCC}`] }),
15957
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
16189
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16190
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
16191
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`Subject: ${subjectLine}`] }),
16192
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`To: ${to}`] }),
16193
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`Date: ${date}`] }),
16194
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`from: ${from}`] }),
16195
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`CC: ${CC}`] }),
16196
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`BCC: ${BCC}`] }),
16197
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MetadataRow, { metadata: [`Attachments: ${attachments}`] })
15958
16198
  ] }),
15959
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("hr", { className: "text-qtneutral-500" }),
15960
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "body-medium", children: body })
16199
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "text-qtneutral-500" }),
16200
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "body-medium", children: body })
15961
16201
  ] });
15962
16202
  }
15963
16203
 
15964
16204
  // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
15965
16205
  var import_clsx9 = __toESM(require("clsx"));
15966
- var import_react3 = require("react");
16206
+ var import_react4 = require("react");
15967
16207
 
15968
16208
  // src/components/atoms/emoji_pill/emoji_pill.tsx
15969
16209
  var import_emoji_dictionary = __toESM(require_lib7());
15970
- var import_jsx_runtime30 = require("react/jsx-runtime");
16210
+ var import_jsx_runtime33 = require("react/jsx-runtime");
15971
16211
  function EmojiPill({ emoji, count }) {
15972
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex rounded-2xl bg-qtneutral-300 w-min py-0.5 px-4 place-items-center place-content-center gap-1", children: [
16212
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex rounded-2xl bg-qtneutral-300 w-min py-0.5 px-4 place-items-center place-content-center gap-1", children: [
15973
16213
  emoji && import_emoji_dictionary.default.getUnicode(emoji),
15974
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "label-3-bold text-qtneutral-900", children: count })
16214
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "label-3-bold text-qtneutral-900", children: count })
15975
16215
  ] });
15976
16216
  }
15977
16217
 
@@ -15979,20 +16219,19 @@ function EmojiPill({ emoji, count }) {
15979
16219
  var import_clsx8 = __toESM(require("clsx"));
15980
16220
  var import_react_markdown = __toESM(require("react-markdown"));
15981
16221
  var import_remark_gfm = __toESM(require("remark-gfm"));
15982
- var import_jsx_runtime31 = require("react/jsx-runtime");
16222
+ var import_jsx_runtime34 = require("react/jsx-runtime");
15983
16223
  function MarkdownRenderer({ content, truncated }) {
15984
- console.log("trunk", content, truncated);
15985
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
16224
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
15986
16225
  "div",
15987
16226
  {
15988
16227
  className: (0, import_clsx8.default)("flex flex-col markdown", truncated && "line-clamp-3"),
15989
- children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: content })
16228
+ children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: content })
15990
16229
  }
15991
16230
  );
15992
16231
  }
15993
16232
 
15994
16233
  // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
15995
- var import_jsx_runtime32 = require("react/jsx-runtime");
16234
+ var import_jsx_runtime35 = require("react/jsx-runtime");
15996
16235
  function ChatBubble({
15997
16236
  summary,
15998
16237
  text,
@@ -16002,18 +16241,17 @@ function ChatBubble({
16002
16241
  timestamp,
16003
16242
  emojis
16004
16243
  }) {
16005
- const [expanded, setExpanded] = (0, import_react3.useState)(false);
16006
- const [truncatedText, setTruncatedText] = (0, import_react3.useState)(false);
16007
- const [uniqueEmojis, setUniqueEmojis] = (0, import_react3.useState)(
16244
+ const [expanded, setExpanded] = (0, import_react4.useState)(false);
16245
+ const [truncatedText, setTruncatedText] = (0, import_react4.useState)(false);
16246
+ const [uniqueEmojis, setUniqueEmojis] = (0, import_react4.useState)(
16008
16247
  /* @__PURE__ */ new Map()
16009
16248
  );
16010
- console.log("tt", truncatedText, text);
16011
- (0, import_react3.useEffect)(() => {
16249
+ (0, import_react4.useEffect)(() => {
16012
16250
  if (text && text.length > 450) {
16013
16251
  setTruncatedText(true);
16014
16252
  }
16015
16253
  }, [text]);
16016
- (0, import_react3.useEffect)(() => {
16254
+ (0, import_react4.useEffect)(() => {
16017
16255
  if (emojis) {
16018
16256
  const ue = emojis.reduce((acc, str) => {
16019
16257
  acc.set(str, (acc.get(str) || 0) + 1);
@@ -16022,7 +16260,7 @@ function ChatBubble({
16022
16260
  setUniqueEmojis(ue);
16023
16261
  }
16024
16262
  }, [emojis]);
16025
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: (0, import_clsx9.default)(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
16263
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: (0, import_clsx9.default)(outbound ? "pl-8" : "pr-8"), children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
16026
16264
  "div",
16027
16265
  {
16028
16266
  className: (0, import_clsx9.default)(
@@ -16031,29 +16269,29 @@ function ChatBubble({
16031
16269
  outbound ? "rounded-bl-3xl" : "rounded-br-3xl"
16032
16270
  ),
16033
16271
  children: [
16034
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex place-content-between", children: [
16035
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
16036
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "body-small-bold", children: name }),
16037
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "text-qtneutral-700 label-3", children: timestamp })
16272
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex place-content-between", children: [
16273
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
16274
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "body-small-bold", children: name }),
16275
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "text-qtneutral-700 label-3", children: timestamp })
16038
16276
  ] }),
16039
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ExternalLink, { size: 16 })
16277
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ExternalLink, { size: 16 })
16040
16278
  ] }),
16041
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx9.default)("flex flex-col gap-2", !expanded && " "), children: [
16042
- summary && truncatedText && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
16043
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "body-small mb-2", children: [
16044
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("strong", { className: "body-small-bold", children: "Summary:" }),
16279
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: (0, import_clsx9.default)("flex flex-col gap-2", !expanded && " "), children: [
16280
+ summary && truncatedText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
16281
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "body-small mb-2", children: [
16282
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("strong", { className: "body-small-bold", children: "Summary:" }),
16045
16283
  " ",
16046
16284
  summary
16047
16285
  ] }),
16048
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { className: "border-qtneutral-500" })
16286
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("hr", { className: "border-qtneutral-500" })
16049
16287
  ] }),
16050
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
16288
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
16051
16289
  "div",
16052
16290
  {
16053
16291
  className: (0, import_clsx9.default)(
16054
16292
  "flex flex-none text-qtneutral-900 body-medium w-full"
16055
16293
  ),
16056
- children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
16294
+ children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
16057
16295
  MarkdownRenderer,
16058
16296
  {
16059
16297
  content: text || "",
@@ -16063,7 +16301,7 @@ function ChatBubble({
16063
16301
  }
16064
16302
  )
16065
16303
  ] }),
16066
- truncatedText && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
16304
+ truncatedText && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
16067
16305
  "div",
16068
16306
  {
16069
16307
  className: "qt-link select-none",
@@ -16071,9 +16309,9 @@ function ChatBubble({
16071
16309
  children: `${!expanded ? "Show" : "Hide"} full message`
16072
16310
  }
16073
16311
  ),
16074
- image && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: image, alt: "", className: "rounded-xl" }),
16075
- /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-2", children: [
16076
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
16312
+ image && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("img", { src: image, alt: "", className: "rounded-xl" }),
16313
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex gap-2", children: [
16314
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
16077
16315
  "div",
16078
16316
  {
16079
16317
  className: (0, import_clsx9.default)(
@@ -16083,7 +16321,7 @@ function ChatBubble({
16083
16321
  children: name ? name[0].toUpperCase() : ""
16084
16322
  }
16085
16323
  ),
16086
- uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EmojiPill, { emoji: e, count: c }))
16324
+ uniqueEmojis.entries().map(([e, c]) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(EmojiPill, { emoji: e, count: c }))
16087
16325
  ] })
16088
16326
  ]
16089
16327
  }
@@ -16091,10 +16329,10 @@ function ChatBubble({
16091
16329
  }
16092
16330
 
16093
16331
  // src/components/organisms/message_body/chat_body.tsx
16094
- var import_jsx_runtime33 = require("react/jsx-runtime");
16332
+ var import_jsx_runtime36 = require("react/jsx-runtime");
16095
16333
  function ChatBody({ messages }) {
16096
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "p-4 rounded-2xl w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col place-content-center gap-4", children: messages && messages.map((msg) => {
16097
- return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
16334
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "p-4 rounded-2xl w-full", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-col place-content-center gap-4", children: messages && messages.map((msg) => {
16335
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16098
16336
  ChatBubble,
16099
16337
  {
16100
16338
  summary: msg.summary,
@@ -16111,7 +16349,7 @@ function ChatBody({ messages }) {
16111
16349
 
16112
16350
  // src/components/organisms/message_body/ticket_body.tsx
16113
16351
  var import_clsx10 = __toESM(require("clsx"));
16114
- var import_jsx_runtime34 = require("react/jsx-runtime");
16352
+ var import_jsx_runtime37 = require("react/jsx-runtime");
16115
16353
  function TicketBody({
16116
16354
  issueNumber,
16117
16355
  notification,
@@ -16127,53 +16365,53 @@ function TicketBody({
16127
16365
  description,
16128
16366
  comments
16129
16367
  }) {
16130
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16131
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
16132
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MetadataRow, { metadata: [`Issue: ${issueNumber}`] }),
16133
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MetadataRow, { metadata: [`Notification: ${notification}`] }),
16134
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MetadataRow, { metadata: [`Project: ${project}`] }),
16135
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(MetadataRow, { metadata: [`Task: ${task}`] })
16368
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-4 bg-white p-4 rounded-b-2xl", children: [
16369
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
16370
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MetadataRow, { metadata: [`Issue: ${issueNumber}`] }),
16371
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MetadataRow, { metadata: [`Notification: ${notification}`] }),
16372
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MetadataRow, { metadata: [`Project: ${project}`] }),
16373
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(MetadataRow, { metadata: [`Task: ${task}`] })
16136
16374
  ] }),
16137
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("hr", { className: "text-qtneutral-500" }),
16138
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "body-bold", children: "Issue" }),
16139
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "grid grid-cols-2 gap-4 body-small", children: [
16140
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "", children: [
16141
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Due Date: " }),
16142
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Start Date: " }),
16143
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Assignees: " }),
16144
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Reporter: " }),
16145
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Team: " }),
16146
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Location: " }),
16147
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Related: " }),
16148
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "Description: " })
16375
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("hr", { className: "text-qtneutral-500" }),
16376
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "body-bold", children: "Issue" }),
16377
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "grid grid-cols-2 gap-4 body-small", children: [
16378
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "", children: [
16379
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Due Date: " }),
16380
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Start Date: " }),
16381
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Assignees: " }),
16382
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Reporter: " }),
16383
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Team: " }),
16384
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Location: " }),
16385
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Related: " }),
16386
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: "Description: " })
16149
16387
  ] }),
16150
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "", children: [
16151
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: dueDate || "None" }),
16152
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: startDate || "None" }),
16153
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: assignees || "None" }),
16154
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: reporter || "None" }),
16155
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: team || "None" }),
16156
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: location || "None" }),
16157
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: related || "None" }),
16158
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: description || "None" })
16388
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "", children: [
16389
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: dueDate || "None" }),
16390
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: startDate || "None" }),
16391
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: assignees || "None" }),
16392
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: reporter || "None" }),
16393
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: team || "None" }),
16394
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: location || "None" }),
16395
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: related || "None" }),
16396
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: description || "None" })
16159
16397
  ] }),
16160
16398
  comments && comments.map((c, i) => {
16161
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
16162
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("hr", { className: "text-qtneutral-500" }),
16163
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),
16164
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
16399
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
16400
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("hr", { className: "text-qtneutral-500" }),
16401
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: `${i == 0 ? "body-bold" : "body "}`, children: `${i == 0 ? "New" : ""} Comment` }),
16402
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
16165
16403
  "div",
16166
16404
  {
16167
16405
  className: `flex gap-2 ${i == 0 ? "body-small-bold" : "body-small"}`,
16168
16406
  children: [
16169
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: c.name }),
16170
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: c.timestamp })
16407
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: c.name }),
16408
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: c.timestamp })
16171
16409
  ]
16172
16410
  }
16173
16411
  ),
16174
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: c.text }),
16175
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
16176
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
16412
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { children: c.text }),
16413
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex gap-2", children: [
16414
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16177
16415
  "div",
16178
16416
  {
16179
16417
  className: (0, import_clsx10.default)(
@@ -16186,7 +16424,7 @@ function TicketBody({
16186
16424
  acc.set(str, (acc.get(str) || 0) + 1);
16187
16425
  return acc;
16188
16426
  }, /* @__PURE__ */ new Map()).entries().map(([e, c2]) => {
16189
- return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EmojiPill, { emoji: e, count: c2 });
16427
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(EmojiPill, { emoji: e, count: c2 });
16190
16428
  })
16191
16429
  ] })
16192
16430
  ] });
@@ -16196,7 +16434,7 @@ function TicketBody({
16196
16434
  }
16197
16435
 
16198
16436
  // src/components/atoms/icons/base_icons/CircleX.tsx
16199
- var import_jsx_runtime35 = require("react/jsx-runtime");
16437
+ var import_jsx_runtime38 = require("react/jsx-runtime");
16200
16438
  function CircleX({
16201
16439
  size = 24,
16202
16440
  color = "#1D1D1F",
@@ -16207,27 +16445,27 @@ function CircleX({
16207
16445
  case 16:
16208
16446
  return {
16209
16447
  viewBox: "0 0 16 16",
16210
- path: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" })
16448
+ path: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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" })
16211
16449
  };
16212
16450
  case 20:
16213
16451
  return {
16214
16452
  viewBox: "0 0 20 20",
16215
- path: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" })
16453
+ path: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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" })
16216
16454
  };
16217
16455
  case 24:
16218
16456
  return {
16219
16457
  viewBox: "0 0 24 24",
16220
- path: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" })
16458
+ path: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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" })
16221
16459
  };
16222
16460
  case 36:
16223
16461
  return {
16224
16462
  viewBox: "0 0 36 36",
16225
- path: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" })
16463
+ path: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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" })
16226
16464
  };
16227
16465
  }
16228
16466
  };
16229
16467
  const { viewBox, path } = getIconData();
16230
- return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
16468
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
16231
16469
  "svg",
16232
16470
  {
16233
16471
  width: size,
@@ -16241,7 +16479,7 @@ function CircleX({
16241
16479
  }
16242
16480
 
16243
16481
  // src/components/atoms/icons/base_icons/Loading.tsx
16244
- var import_jsx_runtime36 = require("react/jsx-runtime");
16482
+ var import_jsx_runtime39 = require("react/jsx-runtime");
16245
16483
  function Loading({
16246
16484
  size = 24,
16247
16485
  color = "#1D1D1F",
@@ -16252,8 +16490,8 @@ function Loading({
16252
16490
  case 16:
16253
16491
  return {
16254
16492
  viewBox: "0 0 16 16",
16255
- path: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
16256
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16493
+ path: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
16494
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16257
16495
  "path",
16258
16496
  {
16259
16497
  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",
@@ -16263,7 +16501,7 @@ function Loading({
16263
16501
  "stroke-linejoin": "round"
16264
16502
  }
16265
16503
  ),
16266
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16504
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16267
16505
  "path",
16268
16506
  {
16269
16507
  d: "M10.4362 5.7666L12.3556 5.49268L12.0771 3.56836",
@@ -16278,8 +16516,8 @@ function Loading({
16278
16516
  case 20:
16279
16517
  return {
16280
16518
  viewBox: "0 0 20 20",
16281
- path: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
16282
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16519
+ path: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
16520
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16283
16521
  "path",
16284
16522
  {
16285
16523
  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",
@@ -16289,7 +16527,7 @@ function Loading({
16289
16527
  "stroke-linejoin": "round"
16290
16528
  }
16291
16529
  ),
16292
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16530
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16293
16531
  "path",
16294
16532
  {
16295
16533
  d: "M13.0445 7.20838L15.4438 6.86597L15.0957 4.46057",
@@ -16304,8 +16542,8 @@ function Loading({
16304
16542
  case 24:
16305
16543
  return {
16306
16544
  viewBox: "0 0 24 24",
16307
- path: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
16308
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16545
+ path: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
16546
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16309
16547
  "path",
16310
16548
  {
16311
16549
  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",
@@ -16315,7 +16553,7 @@ function Loading({
16315
16553
  "stroke-linejoin": "round"
16316
16554
  }
16317
16555
  ),
16318
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16556
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16319
16557
  "path",
16320
16558
  {
16321
16559
  d: "M15.6528 8.65003L18.5319 8.23914L18.1143 5.35266",
@@ -16330,8 +16568,8 @@ function Loading({
16330
16568
  case 36:
16331
16569
  return {
16332
16570
  viewBox: "0 0 36 36",
16333
- path: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
16334
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16571
+ path: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
16572
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16335
16573
  "path",
16336
16574
  {
16337
16575
  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",
@@ -16341,7 +16579,7 @@ function Loading({
16341
16579
  "stroke-linejoin": "round"
16342
16580
  }
16343
16581
  ),
16344
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16582
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16345
16583
  "path",
16346
16584
  {
16347
16585
  d: "M23.4797 12.975L27.7984 12.3587L27.1719 8.02893",
@@ -16356,7 +16594,7 @@ function Loading({
16356
16594
  }
16357
16595
  };
16358
16596
  const { viewBox, path } = getIconData();
16359
- return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
16597
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16360
16598
  "svg",
16361
16599
  {
16362
16600
  width: size,
@@ -16370,7 +16608,7 @@ function Loading({
16370
16608
  }
16371
16609
 
16372
16610
  // src/components/atoms/icons/base_icons/Search.tsx
16373
- var import_jsx_runtime37 = require("react/jsx-runtime");
16611
+ var import_jsx_runtime40 = require("react/jsx-runtime");
16374
16612
  function Search({
16375
16613
  size = 24,
16376
16614
  color = "#1D1D1F",
@@ -16381,7 +16619,7 @@ function Search({
16381
16619
  case 16:
16382
16620
  return {
16383
16621
  viewBox: "0 0 16 16",
16384
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16622
+ path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16385
16623
  "path",
16386
16624
  {
16387
16625
  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",
@@ -16395,7 +16633,7 @@ function Search({
16395
16633
  case 20:
16396
16634
  return {
16397
16635
  viewBox: "0 0 20 20",
16398
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16636
+ path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16399
16637
  "path",
16400
16638
  {
16401
16639
  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",
@@ -16409,7 +16647,7 @@ function Search({
16409
16647
  case 24:
16410
16648
  return {
16411
16649
  viewBox: "0 0 24 24",
16412
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16650
+ path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16413
16651
  "path",
16414
16652
  {
16415
16653
  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",
@@ -16423,7 +16661,7 @@ function Search({
16423
16661
  case 36:
16424
16662
  return {
16425
16663
  viewBox: "0 0 36 36",
16426
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16664
+ path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16427
16665
  "path",
16428
16666
  {
16429
16667
  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",
@@ -16437,7 +16675,7 @@ function Search({
16437
16675
  }
16438
16676
  };
16439
16677
  const { viewBox, path } = getIconData();
16440
- return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16678
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16441
16679
  "svg",
16442
16680
  {
16443
16681
  width: size,
@@ -16451,11 +16689,11 @@ function Search({
16451
16689
  }
16452
16690
 
16453
16691
  // src/components/organisms/search_bar/search_bar.tsx
16454
- var import_react4 = require("react");
16455
- var import_jsx_runtime38 = require("react/jsx-runtime");
16692
+ var import_react5 = require("react");
16693
+ var import_jsx_runtime41 = require("react/jsx-runtime");
16456
16694
  function SearchBar({ loading, results, onUpdate }) {
16457
- const [query, setQuery] = (0, import_react4.useState)("");
16458
- (0, import_react4.useEffect)(() => {
16695
+ const [query, setQuery] = (0, import_react5.useState)("");
16696
+ (0, import_react5.useEffect)(() => {
16459
16697
  if (!onUpdate) {
16460
16698
  return;
16461
16699
  }
@@ -16464,10 +16702,10 @@ function SearchBar({ loading, results, onUpdate }) {
16464
16702
  const clearQuery = () => {
16465
16703
  setQuery("");
16466
16704
  };
16467
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "w-full space-y-3", children: [
16468
- /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
16469
- loading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Loading, {}) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Search, {}),
16470
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
16705
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "w-full space-y-3", children: [
16706
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
16707
+ loading ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Loading, {}) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Search, {}),
16708
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
16471
16709
  "input",
16472
16710
  {
16473
16711
  type: "text",
@@ -16477,15 +16715,15 @@ function SearchBar({ loading, results, onUpdate }) {
16477
16715
  onChange: (e) => setQuery(e.target.value)
16478
16716
  }
16479
16717
  ),
16480
- query && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { onClick: clearQuery, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CircleX, {}) })
16718
+ query && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { onClick: clearQuery, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CircleX, {}) })
16481
16719
  ] }),
16482
- results && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "text-sm", children: [
16483
- /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "text-gray-700 font-medium", children: [
16720
+ results && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "text-sm", children: [
16721
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "text-gray-700 font-medium", children: [
16484
16722
  "Search results (",
16485
16723
  results.reduce((acc, r) => acc + r.count, 0),
16486
16724
  "):"
16487
16725
  ] }),
16488
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-wrap gap-2 mt-2", children: results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
16726
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-wrap gap-2 mt-2", children: results.map((r) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
16489
16727
  "span",
16490
16728
  {
16491
16729
  className: "px-3 py-1 rounded-full bg-gray-100 text-gray-700",
@@ -16503,7 +16741,7 @@ function SearchBar({ loading, results, onUpdate }) {
16503
16741
  }
16504
16742
 
16505
16743
  // src/components/atoms/icons/base_icons/Mail.tsx
16506
- var import_jsx_runtime39 = require("react/jsx-runtime");
16744
+ var import_jsx_runtime42 = require("react/jsx-runtime");
16507
16745
  function Mail({
16508
16746
  size = 24,
16509
16747
  color = "#1D1D1F",
@@ -16514,7 +16752,7 @@ function Mail({
16514
16752
  case 16:
16515
16753
  return {
16516
16754
  viewBox: "0 0 16 16",
16517
- path: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16755
+ path: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16518
16756
  "path",
16519
16757
  {
16520
16758
  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",
@@ -16528,7 +16766,7 @@ function Mail({
16528
16766
  case 20:
16529
16767
  return {
16530
16768
  viewBox: "0 0 20 20",
16531
- path: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16769
+ path: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16532
16770
  "path",
16533
16771
  {
16534
16772
  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",
@@ -16542,7 +16780,7 @@ function Mail({
16542
16780
  case 24:
16543
16781
  return {
16544
16782
  viewBox: "0 0 24 24",
16545
- path: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16783
+ path: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16546
16784
  "path",
16547
16785
  {
16548
16786
  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",
@@ -16556,7 +16794,7 @@ function Mail({
16556
16794
  case 36:
16557
16795
  return {
16558
16796
  viewBox: "0 0 36 36",
16559
- path: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16797
+ path: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16560
16798
  "path",
16561
16799
  {
16562
16800
  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",
@@ -16570,7 +16808,7 @@ function Mail({
16570
16808
  }
16571
16809
  };
16572
16810
  const { viewBox, path } = getIconData();
16573
- return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
16811
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16574
16812
  "svg",
16575
16813
  {
16576
16814
  width: size,
@@ -16584,7 +16822,7 @@ function Mail({
16584
16822
  }
16585
16823
 
16586
16824
  // src/components/atoms/icons/base_icons/PlusLarge.tsx
16587
- var import_jsx_runtime40 = require("react/jsx-runtime");
16825
+ var import_jsx_runtime43 = require("react/jsx-runtime");
16588
16826
  function PlusLarge({
16589
16827
  size = 24,
16590
16828
  color = "#1D1D1F",
@@ -16595,7 +16833,7 @@ function PlusLarge({
16595
16833
  case 16:
16596
16834
  return {
16597
16835
  viewBox: "0 0 16 16",
16598
- path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16836
+ path: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
16599
16837
  "path",
16600
16838
  {
16601
16839
  d: "M8.00033 2.66663V13.3333M13.3337 7.99996L2.66699 7.99996",
@@ -16609,7 +16847,7 @@ function PlusLarge({
16609
16847
  case 20:
16610
16848
  return {
16611
16849
  viewBox: "0 0 20 20",
16612
- path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16850
+ path: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
16613
16851
  "path",
16614
16852
  {
16615
16853
  d: "M9.99967 3.33337V16.6667M16.6663 10L3.33301 10",
@@ -16623,7 +16861,7 @@ function PlusLarge({
16623
16861
  case 24:
16624
16862
  return {
16625
16863
  viewBox: "0 0 24 24",
16626
- path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16864
+ path: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
16627
16865
  "path",
16628
16866
  {
16629
16867
  d: "M12 4V20M20 12L4 12",
@@ -16637,7 +16875,7 @@ function PlusLarge({
16637
16875
  case 36:
16638
16876
  return {
16639
16877
  viewBox: "0 0 36 36",
16640
- path: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16878
+ path: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
16641
16879
  "path",
16642
16880
  {
16643
16881
  d: "M18 6V30M30 18L6 18",
@@ -16651,7 +16889,7 @@ function PlusLarge({
16651
16889
  }
16652
16890
  };
16653
16891
  const { viewBox, path } = getIconData();
16654
- return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
16892
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
16655
16893
  "svg",
16656
16894
  {
16657
16895
  width: size,
@@ -16666,15 +16904,15 @@ function PlusLarge({
16666
16904
 
16667
16905
  // src/components/molecules/buttons/nav_button/filter_nav_button/filter_nav_button.tsx
16668
16906
  var import_clsx11 = __toESM(require("clsx"));
16669
- var import_jsx_runtime41 = require("react/jsx-runtime");
16907
+ var import_jsx_runtime44 = require("react/jsx-runtime");
16670
16908
  function FilterNavButton({ icon, label, active, onClick }) {
16671
- return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
16909
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
16672
16910
  "div",
16673
16911
  {
16674
16912
  className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
16675
16913
  onClick,
16676
16914
  children: [
16677
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
16915
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
16678
16916
  "div",
16679
16917
  {
16680
16918
  className: (0, import_clsx11.default)(
@@ -16683,20 +16921,20 @@ function FilterNavButton({ icon, label, active, onClick }) {
16683
16921
  children: icon
16684
16922
  }
16685
16923
  ),
16686
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "font-medium text-[9px] text-qtneutral-900 w-full text-center", children: label })
16924
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "font-medium text-[9px] text-qtneutral-900 w-full text-center", children: label })
16687
16925
  ]
16688
16926
  }
16689
16927
  );
16690
16928
  }
16691
16929
 
16692
16930
  // src/components/organisms/filter_bar/filter_bar.tsx
16693
- var import_jsx_runtime42 = require("react/jsx-runtime");
16931
+ var import_jsx_runtime45 = require("react/jsx-runtime");
16694
16932
  function FilterBar({ buttons }) {
16695
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
16696
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16933
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
16934
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16697
16935
  FilterNavButton,
16698
16936
  {
16699
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16937
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16700
16938
  FireIcon,
16701
16939
  {
16702
16940
  variant: buttons?.fires?.active ? void 0 : "none" /* OUTLINED */
@@ -16706,10 +16944,10 @@ function FilterBar({ buttons }) {
16706
16944
  onClick: buttons?.fires?.onClick
16707
16945
  }
16708
16946
  ),
16709
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16947
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16710
16948
  FilterNavButton,
16711
16949
  {
16712
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16950
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16713
16951
  Mail,
16714
16952
  {
16715
16953
  size: 36,
@@ -16720,10 +16958,10 @@ function FilterBar({ buttons }) {
16720
16958
  onClick: buttons?.unread?.onClick
16721
16959
  }
16722
16960
  ),
16723
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16961
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16724
16962
  FilterNavButton,
16725
16963
  {
16726
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16964
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16727
16965
  CheckBox,
16728
16966
  {
16729
16967
  size: 36,
@@ -16734,57 +16972,57 @@ function FilterBar({ buttons }) {
16734
16972
  onClick: buttons?.incomplete?.onClick
16735
16973
  }
16736
16974
  ),
16737
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16738
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16975
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16976
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16739
16977
  FilterNavButton,
16740
16978
  {
16741
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SlackIcon, {}) }),
16979
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlackIcon, {}) }),
16742
16980
  onClick: buttons?.slack?.onClick
16743
16981
  }
16744
16982
  ),
16745
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16983
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16746
16984
  FilterNavButton,
16747
16985
  {
16748
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(GoogleMailIcon, {}) }),
16986
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(GoogleMailIcon, {}) }),
16749
16987
  onClick: buttons?.google_mail?.onClick
16750
16988
  }
16751
16989
  ),
16752
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16990
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16753
16991
  FilterNavButton,
16754
16992
  {
16755
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(GoogleCalendarIcon, {}) }),
16993
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(GoogleCalendarIcon, {}) }),
16756
16994
  onClick: buttons?.google_calendar?.onClick
16757
16995
  }
16758
16996
  ),
16759
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
16997
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16760
16998
  FilterNavButton,
16761
16999
  {
16762
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
16763
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AtlassianIcon, {}),
17000
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
17001
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AtlassianIcon, {}),
16764
17002
  " "
16765
17003
  ] }),
16766
17004
  onClick: buttons?.atlassian_jira?.onClick
16767
17005
  }
16768
17006
  ),
16769
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
17007
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16770
17008
  FilterNavButton,
16771
17009
  {
16772
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
16773
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MicrosoftTeamsIcon, {}),
17010
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
17011
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MicrosoftTeamsIcon, {}),
16774
17012
  " "
16775
17013
  ] }),
16776
17014
  onClick: buttons?.microsoft_teams?.onClick
16777
17015
  }
16778
17016
  ),
16779
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
17017
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
16780
17018
  FilterNavButton,
16781
17019
  {
16782
- icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
17020
+ icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
16783
17021
  "div",
16784
17022
  {
16785
17023
  className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
16786
17024
  children: [
16787
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MicrosoftOutlookMailIcon, {}),
17025
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(MicrosoftOutlookMailIcon, {}),
16788
17026
  " "
16789
17027
  ]
16790
17028
  }
@@ -16792,8 +17030,8 @@ function FilterBar({ buttons }) {
16792
17030
  onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
16793
17031
  }
16794
17032
  ),
16795
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
16796
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(FilterNavButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PlusLarge, { size: 36 }) }) })
17033
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
17034
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(FilterNavButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PlusLarge, { size: 36 }) }) })
16797
17035
  ] });
16798
17036
  }
16799
17037