npm - @natoora-libs/core - Versions diffs - 0.1.16-dev-doug-3 → 0.1.16-dev-doug-4 - Mend

@natoora-libs/core 0.1.16-dev-doug-3 → 0.1.16-dev-doug-4

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.

Files changed (7) hide show

package/dist/components/index.cjs +679 -606
package/dist/components/index.cjs.map +1 -1
package/dist/components/index.d.cts +1 -0
package/dist/components/index.d.ts +1 -0
package/dist/components/index.js +548 -475
package/dist/components/index.js.map +1 -1
package/package.json +1 -1

package/dist/components/index.js CHANGED Viewed

@@ -2345,19 +2345,34 @@ var SvgIconSupplierPrices = (props) => /* @__PURE__ */ jsxs35("svg", { viewBox:
 ] });
 var IconSupplierPrices_default = SvgIconSupplierPrices;
+// src/components/icons/IconTableEdit.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+var SvgIconTableEdit = (props) => /* @__PURE__ */ jsx51(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /* @__PURE__ */ jsx51("path", { d: "M21.7 13.35L20.7 14.35L18.65 12.3L19.65 11.3C19.86 11.08 20.21 11.08 20.42 11.3L21.7 12.58C21.92 12.79 21.92 13.14 21.7 13.35ZM12 18.94L18.07 12.88L20.12 14.93L14.06 21H12V18.94ZM4 2H18C18.5304 2 19.0391 2.21071 19.4142 2.58579C19.7893 2.96086 20 3.46957 20 4V8.17L16.17 12H12V16.17L10.17 18H4C3.46957 18 2.96086 17.7893 2.58579 17.4142C2.21071 17.0391 2 16.5304 2 16V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2ZM4 6V10H10V6H4ZM12 6V10H18V6H12ZM4 12V16H10V12H4Z" })
+  }
+);
+var IconTableEdit_default = SvgIconTableEdit;
 // src/components/icons/IconUserManagement.tsx
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
-var SvgIconUserManagement = () => /* @__PURE__ */ jsx51("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 55 56.7", children: /* @__PURE__ */ jsx51("g", { children: /* @__PURE__ */ jsxs36("g", { id: "Layer_1", children: [
-  /* @__PURE__ */ jsx51("path", { d: "M672.6,1136.6c-1.6,0-3,1.3-3,2.9s1.4,3,3,3,3-1.4,2.9-2.9c0-1.6-1.3-3-2.9-3h0Z" }),
-  /* @__PURE__ */ jsx51("path", { d: "M683.4,1136.5c-1.7,0-3,1.4-3,3s1.4,3,3,3,3-1.4,3-3.1-1.4-2.9-3-2.9h0Z" }),
-  /* @__PURE__ */ jsx51("path", { d: "M672.4,1130.2h.9v1.2c0,1.1.9,2,2,2h6.9c-1.6.3-3,1.3-4,2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7s-2.3.3-3.3.9v-3.7h0c0,0,.2-.2.7-.3M687.2,1133.4v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4,0,.7,0,1.2-.2.2,0,.3,0,.3,0M688,1118.3c-.7,0-1.3.5-1.4,1.1v12.1c-.4,0-.7,0-.9,0-.4,0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1,0-1.6.3-1.6,1.6v8.1c-1.6.2-2.4,1-2.4,2.3v6.8c0,.2.2.7.5.7s.3,0,.5,0,.4,0,.6-.4c.8-1.6,2.1-2.4,3.8-2.4s2.9.8,3.7,2.3c0,.3.3.5.7.5h1.9c.5,0,.6-.2.8-.6.8-1.5,2.1-2.3,3.8-2.3s2.9.9,3.7,2.4c.5.9.5,1.8.2,3h5.4c.7,0,1.1-.6,1.1-1,0-.7-.3-1.1-.9-1.4-.2,0-.6,0-.8,0h-2.9v-18.7c-.3-.8-.7-1.2-1.4-1.2h0ZM672.4,1128.2v-7.2h5.5c0,0,.3,0,.3.3,1.4,3.3,2.9,6.6,4.2,9.9h0c-2.3,0-4.7,0-7.2,0v-2.3c0-.8,0-.9-.9-.9-.7,0-1.3,0-1.9,0h0Z" }),
-  /* @__PURE__ */ jsx51("path", { d: "M29.3,26.7c1-1.3,1.5-3,1.5-4.6s-.5-3.3-1.5-4.6c.9-.6,2-.9,3.1-.9,1.5,0,2.9.6,3.9,1.6,1,1,1.6,2.5,1.6,3.9s-.6,2.9-1.6,3.9-2.5,1.6-3.9,1.6c-1.1,0-2.2-.3-3.1-.9ZM17.3,22.1c0-1.1.3-2.2.9-3.1.6-.9,1.5-1.6,2.5-2,1-.4,2.1-.5,3.2-.3,1.1.2,2.1.7,2.8,1.5.8.8,1.3,1.8,1.5,2.8.2,1.1.1,2.2-.3,3.2-.4,1-1.1,1.9-2,2.5-.9.6-2,.9-3.1.9s-2.9-.6-3.9-1.6-1.6-2.5-1.6-3.9ZM20.5,22.1c0,.5.1.9.4,1.3.3.4.6.7,1.1.9.4.2.9.2,1.4.1.5,0,.9-.3,1.2-.7.3-.3.6-.8.7-1.2,0-.5,0-.9-.1-1.4-.2-.4-.5-.8-.9-1.1-.4-.3-.9-.4-1.3-.4s-1.2.3-1.7.7c-.4.4-.7,1.1-.7,1.7ZM34,37.1v3.2H11.8v-3.2s0-6.3,11.1-6.3,11.1,6.3,11.1,6.3ZM30.8,37.1c-.2-1.2-2.1-3.2-7.9-3.2s-7.8,2.1-7.9,3.2M33.9,30.8c1,.8,1.8,1.7,2.3,2.8.6,1.1.9,2.3.9,3.5v3.2h6.3v-3.2s0-5.8-9.6-6.3h0Z" })
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
+var SvgIconUserManagement = () => /* @__PURE__ */ jsx52("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 55 56.7", children: /* @__PURE__ */ jsx52("g", { children: /* @__PURE__ */ jsxs36("g", { id: "Layer_1", children: [
+  /* @__PURE__ */ jsx52("path", { d: "M672.6,1136.6c-1.6,0-3,1.3-3,2.9s1.4,3,3,3,3-1.4,2.9-2.9c0-1.6-1.3-3-2.9-3h0Z" }),
+  /* @__PURE__ */ jsx52("path", { d: "M683.4,1136.5c-1.7,0-3,1.4-3,3s1.4,3,3,3,3-1.4,3-3.1-1.4-2.9-3-2.9h0Z" }),
+  /* @__PURE__ */ jsx52("path", { d: "M672.4,1130.2h.9v1.2c0,1.1.9,2,2,2h6.9c-1.6.3-3,1.3-4,2.7h-.5c-1.5-2.2-3.5-2.7-5.1-2.7s-2.3.3-3.3.9v-3.7h0c0,0,.2-.2.7-.3M687.2,1133.4v1.3c-.6-.5-1.2-.8-1.8-1.1h.3c.4,0,.7,0,1.2-.2.2,0,.3,0,.3,0M688,1118.3c-.7,0-1.3.5-1.4,1.1v12.1c-.4,0-.7,0-.9,0-.4,0-.5-.2-.8-.9-1.6-3.7-3.1-7.4-4.7-11.1-.2-.7-.8-1-1.6-1h-7.3c-1.1,0-1.6.3-1.6,1.6v8.1c-1.6.2-2.4,1-2.4,2.3v6.8c0,.2.2.7.5.7s.3,0,.5,0,.4,0,.6-.4c.8-1.6,2.1-2.4,3.8-2.4s2.9.8,3.7,2.3c0,.3.3.5.7.5h1.9c.5,0,.6-.2.8-.6.8-1.5,2.1-2.3,3.8-2.3s2.9.9,3.7,2.4c.5.9.5,1.8.2,3h5.4c.7,0,1.1-.6,1.1-1,0-.7-.3-1.1-.9-1.4-.2,0-.6,0-.8,0h-2.9v-18.7c-.3-.8-.7-1.2-1.4-1.2h0ZM672.4,1128.2v-7.2h5.5c0,0,.3,0,.3.3,1.4,3.3,2.9,6.6,4.2,9.9h0c-2.3,0-4.7,0-7.2,0v-2.3c0-.8,0-.9-.9-.9-.7,0-1.3,0-1.9,0h0Z" }),
+  /* @__PURE__ */ jsx52("path", { d: "M29.3,26.7c1-1.3,1.5-3,1.5-4.6s-.5-3.3-1.5-4.6c.9-.6,2-.9,3.1-.9,1.5,0,2.9.6,3.9,1.6,1,1,1.6,2.5,1.6,3.9s-.6,2.9-1.6,3.9-2.5,1.6-3.9,1.6c-1.1,0-2.2-.3-3.1-.9ZM17.3,22.1c0-1.1.3-2.2.9-3.1.6-.9,1.5-1.6,2.5-2,1-.4,2.1-.5,3.2-.3,1.1.2,2.1.7,2.8,1.5.8.8,1.3,1.8,1.5,2.8.2,1.1.1,2.2-.3,3.2-.4,1-1.1,1.9-2,2.5-.9.6-2,.9-3.1.9s-2.9-.6-3.9-1.6-1.6-2.5-1.6-3.9ZM20.5,22.1c0,.5.1.9.4,1.3.3.4.6.7,1.1.9.4.2.9.2,1.4.1.5,0,.9-.3,1.2-.7.3-.3.6-.8.7-1.2,0-.5,0-.9-.1-1.4-.2-.4-.5-.8-.9-1.1-.4-.3-.9-.4-1.3-.4s-1.2.3-1.7.7c-.4.4-.7,1.1-.7,1.7ZM34,37.1v3.2H11.8v-3.2s0-6.3,11.1-6.3,11.1,6.3,11.1,6.3ZM30.8,37.1c-.2-1.2-2.1-3.2-7.9-3.2s-7.8,2.1-7.9,3.2M33.9,30.8c1,.8,1.8,1.7,2.3,2.8.6,1.1.9,2.3.9,3.5v3.2h6.3v-3.2s0-5.8-9.6-6.3h0Z" })
 ] }) }) });
 var IconUserManagement_default = SvgIconUserManagement;
 // src/components/icons/IconVkc.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
-var SvgIconVkc = (props) => /* @__PURE__ */ jsx52("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx52(
+import { jsx as jsx53 } from "react/jsx-runtime";
+var SvgIconVkc = (props) => /* @__PURE__ */ jsx53("svg", { viewBox: "0 0 55 56.7", ...props, children: /* @__PURE__ */ jsx53(
   "path",
   {
     className: "icon-vkc_svg__st0",
@@ -2367,16 +2382,16 @@ var SvgIconVkc = (props) => /* @__PURE__ */ jsx52("svg", { viewBox: "0 0 55 56.7
 var IconVkc_default = SvgIconVkc;
 // src/components/icons/SamsaraLogo.tsx
-import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
 var SvgSamsaraLogo = (props) => /* @__PURE__ */ jsxs37("svg", { viewBox: "0 0 36 52.4", ...props, children: [
-  /* @__PURE__ */ jsx53(
+  /* @__PURE__ */ jsx54(
     "path",
     {
       className: "samsara_logo_svg__st0",
       d: "M27.2 17.6c-.4.9-1 1.6-1.8 2.2-.7.5-1.5.7-2.4.7-.4 0-.7-.3-.7-.6 0-.4.3-.7.6-.7.6 0 1.2-.2 1.7-.5.6-.4 1-.9 1.3-1.6.2-.4.1-.8-.1-1.2-.2-.4-.6-.6-1-.6-.9-.1-1.6.2-2.2.8-.9 1-1.3 2.7-1.5 3.4-.1.6-1.7 7.4-2.3 10.1-.1.4-.5.7-.9.7s-.8-.3-.9-.7l-.2-1c-.7-3.1-2-8.6-2.1-9.1-.2-.7-.5-2.4-1.5-3.4-.6-.6-1.3-.9-2.2-.8-.4 0-.8.2-1 .6-.2.4-.3.8-.1 1.2.3.7.7 1.2 1.3 1.6.5.3 1.1.5 1.7.5.4 0 .7.3.6.7 0 .4-.3.7-.7.6-.9 0-1.7-.3-2.4-.7-.8-.5-1.4-1.2-1.8-2.2-.3-.8-.3-1.7.2-2.5.4-.7 1.2-1.2 2.1-1.3 1.3-.1 2.4.3 3.2 1.2 1.2 1.2 1.7 3.2 1.8 4 .1.5 1.2 5.3 2 8.4.7-3.2 1.8-7.9 2-8.4.2-.8.6-2.8 1.8-4 .8-.9 2-1.3 3.2-1.2.8 0 1.6.5 2.1 1.3s.6 1.7.2 2.5M21.3 7c-.9 0-1.8.2-2.7.5-.4.1-.9.1-1.3 0-.8-.4-1.7-.5-2.6-.5-5.1 0-9.4 5.2-9.4 11.3 0 6.8 5.1 12.8 12.5 14.6h.5c7.4-1.8 12.5-7.8 12.5-14.6C30.7 12.1 26.4 7 21.3 7"
     }
   ),
-  /* @__PURE__ */ jsx53(
+  /* @__PURE__ */ jsx54(
     "path",
     {
       className: "samsara_logo_svg__st0",
@@ -2424,13 +2439,14 @@ var icons = {
   SvgIconImport: IconImport_default,
   SvgIconSnail: IconSnail_default,
   SvgEmptyGlassIcon: EmptyGlassIcon_default,
-  SvgIconUserManagement: IconUserManagement_default
+  SvgIconUserManagement: IconUserManagement_default,
+  SvgIconTableEdit: IconTableEdit_default
 };
 var icons_default = icons;
 // src/components/icons/IconAirplane.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
-var SvgIconAirplane = (props) => /* @__PURE__ */ jsx54(
+import { jsx as jsx55 } from "react/jsx-runtime";
+var SvgIconAirplane = (props) => /* @__PURE__ */ jsx55(
   "svg",
   {
     width: "24",
@@ -2439,7 +2455,7 @@ var SvgIconAirplane = (props) => /* @__PURE__ */ jsx54(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx54(
+    children: /* @__PURE__ */ jsx55(
       "path",
       {
         d: "M20.56 3.90998C21.15 4.49998 21.15 5.44998 20.56 6.02998L16.67 9.91998L18.79 19.11L17.38 20.53L13.5 13.1L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L11.37 11L3.94 7.08998L5.36 5.67998L14.55 7.79998L18.44 3.90998C19 3.32998 20 3.32998 20.56 3.90998Z",
@@ -2451,8 +2467,8 @@ var SvgIconAirplane = (props) => /* @__PURE__ */ jsx54(
 var IconAirplane_default = SvgIconAirplane;
 // src/components/icons/IconBicycle.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-var SvgIconBicycle = () => /* @__PURE__ */ jsx55(
+import { jsx as jsx56 } from "react/jsx-runtime";
+var SvgIconBicycle = () => /* @__PURE__ */ jsx56(
   "svg",
   {
     width: "24",
@@ -2460,7 +2476,7 @@ var SvgIconBicycle = () => /* @__PURE__ */ jsx55(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx55(
+    children: /* @__PURE__ */ jsx56(
       "path",
       {
         d: "M19 10C18.44 10 17.91 10.11 17.41 10.28L14.46 4.5H11V6H13.54L14.42 7.72L12 13.13L10.23 8.95C10.5 8.85 10.74 8.58 10.74 8.25C10.74 7.84 10.41 7.5 10 7.5H8C7.58 7.5 7.24 7.84 7.24 8.25C7.24 8.66 7.58 9 8 9H8.61L10.86 14.25H9.92C9.56 11.85 7.5 10 5 10C2.24 10 0 12.24 0 15C0 17.76 2.24 20 5 20C7.5 20 9.56 18.15 9.92 15.75H12.5L15.29 9.43L16.08 10.96C14.82 11.87 14 13.34 14 15C14 17.76 16.24 20 19 20C21.76 20 24 17.76 24 15C24 12.24 21.76 10 19 10ZM5 18.5C3.07 18.5 1.5 16.93 1.5 15C1.5 13.07 3.07 11.5 5 11.5C6.67 11.5 8.07 12.68 8.41 14.25H4V15.75H8.41C8.07 17.32 6.67 18.5 5 18.5ZM19 18.5C17.07 18.5 15.5 16.93 15.5 15C15.5 13.92 16 12.97 16.77 12.33L18.57 15.85L19.89 15.13L18.1 11.63C18.39 11.56 18.69 11.5 19 11.5C20.93 11.5 22.5 13.07 22.5 15C22.5 16.93 20.93 18.5 19 18.5Z",
@@ -2472,8 +2488,8 @@ var SvgIconBicycle = () => /* @__PURE__ */ jsx55(
 var IconBicycle_default = SvgIconBicycle;
 // src/components/icons/IconBus.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-var SvgIconBus = () => /* @__PURE__ */ jsx56(
+import { jsx as jsx57 } from "react/jsx-runtime";
+var SvgIconBus = () => /* @__PURE__ */ jsx57(
   "svg",
   {
     width: "24",
@@ -2481,7 +2497,7 @@ var SvgIconBus = () => /* @__PURE__ */ jsx56(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx56(
+    children: /* @__PURE__ */ jsx57(
       "path",
       {
         d: "M3 4C1.89 4 1 4.89 1 6V17H3C3 17.7956 3.31607 18.5587 3.87868 19.1213C4.44129 19.6839 5.20435 20 6 20C6.79565 20 7.55871 19.6839 8.12132 19.1213C8.68393 18.5587 9 17.7956 9 17H15C15 17.7956 15.3161 18.5587 15.8787 19.1213C16.4413 19.6839 17.2044 20 18 20C18.7956 20 19.5587 19.6839 20.1213 19.1213C20.6839 18.5587 21 17.7956 21 17H23V14C23 12.89 22.11 12 21 12H19V9.5H23V6C23 4.89 22.11 4 21 4H3ZM2.5 5.5H6.5V8H2.5V5.5ZM8 5.5H12V8H8V5.5ZM13.5 5.5H17.5V8H13.5V5.5ZM19 5.5H21.5V8H19V5.5ZM13.5 9.5H17.5V12H13.5V9.5ZM2.5 9.5H6.5V12H2.5V9.5ZM8 9.5H12V12H8V9.5ZM6 15.5C6.39782 15.5 6.77936 15.658 7.06066 15.9393C7.34196 16.2206 7.5 16.6022 7.5 17C7.5 17.3978 7.34196 17.7794 7.06066 18.0607C6.77936 18.342 6.39782 18.5 6 18.5C5.60218 18.5 5.22064 18.342 4.93934 18.0607C4.65804 17.7794 4.5 17.3978 4.5 17C4.5 16.6022 4.65804 16.2206 4.93934 15.9393C5.22064 15.658 5.60218 15.5 6 15.5ZM18 15.5C18.3978 15.5 18.7794 15.658 19.0607 15.9393C19.342 16.2206 19.5 16.6022 19.5 17C19.5 17.3978 19.342 17.7794 19.0607 18.0607C18.7794 18.342 18.3978 18.5 18 18.5C17.6022 18.5 17.2206 18.342 16.9393 18.0607C16.658 17.7794 16.5 17.3978 16.5 17C16.5 16.6022 16.658 16.2206 16.9393 15.9393C17.2206 15.658 17.6022 15.5 18 15.5Z",
@@ -2493,8 +2509,8 @@ var SvgIconBus = () => /* @__PURE__ */ jsx56(
 var IconBus_default = SvgIconBus;
 // src/components/icons/IconCar.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-var SvgIconCar = () => /* @__PURE__ */ jsx57(
+import { jsx as jsx58 } from "react/jsx-runtime";
+var SvgIconCar = () => /* @__PURE__ */ jsx58(
   "svg",
   {
     width: "24",
@@ -2502,7 +2518,7 @@ var SvgIconCar = () => /* @__PURE__ */ jsx57(
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx57(
+    children: /* @__PURE__ */ jsx58(
       "path",
       {
         d: "M3 6H16L19 10H21C22.11 10 23 10.89 23 12V15H21C21 15.7956 20.6839 16.5587 20.1213 17.1213C19.5587 17.6839 18.7956 18 18 18C17.2044 18 16.4413 17.6839 15.8787 17.1213C15.3161 16.5587 15 15.7956 15 15H9C9 15.7956 8.68393 16.5587 8.12132 17.1213C7.55871 17.6839 6.79565 18 6 18C5.20435 18 4.44129 17.6839 3.87868 17.1213C3.31607 16.5587 3 15.7956 3 15H1V8C1 6.89 1.89 6 3 6ZM2.5 7.5V10H10.5V7.5H2.5ZM12 7.5V10H17.14L15.25 7.5H12ZM6 13.5C5.60218 13.5 5.22064 13.658 4.93934 13.9393C4.65804 14.2206 4.5 14.6022 4.5 15C4.5 15.3978 4.65804 15.7794 4.93934 16.0607C5.22064 16.342 5.60218 16.5 6 16.5C6.39782 16.5 6.77936 16.342 7.06066 16.0607C7.34196 15.7794 7.5 15.3978 7.5 15C7.5 14.6022 7.34196 14.2206 7.06066 13.9393C6.77936 13.658 6.39782 13.5 6 13.5ZM18 13.5C17.6022 13.5 17.2206 13.658 16.9393 13.9393C16.658 14.2206 16.5 14.6022 16.5 15C16.5 15.3978 16.658 15.7794 16.9393 16.0607C17.2206 16.342 17.6022 16.5 18 16.5C18.3978 16.5 18.7794 16.342 19.0607 16.0607C19.342 15.7794 19.5 15.3978 19.5 15C19.5 14.6022 19.342 14.2206 19.0607 13.9393C18.7794 13.658 18.3978 13.5 18 13.5Z",
@@ -2514,8 +2530,8 @@ var SvgIconCar = () => /* @__PURE__ */ jsx57(
 var IconCar_default = SvgIconCar;
 // src/components/icons/IconFork.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
-var SvgIconFork = () => /* @__PURE__ */ jsx58(
+import { jsx as jsx59 } from "react/jsx-runtime";
+var SvgIconFork = () => /* @__PURE__ */ jsx59(
   "svg",
   {
     width: "20",
@@ -2523,7 +2539,7 @@ var SvgIconFork = () => /* @__PURE__ */ jsx58(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx58(
+    children: /* @__PURE__ */ jsx59(
       "path",
       {
         d: "M2.17501 19.235L0.765015 17.825L10.415 8.16502L10.215 7.94501C9.43501 7.17501 9.43501 5.91501 10.215 5.13501L14.555 0.765015L15.485 1.68501L12.245 4.94501L13.205 5.88501L16.445 2.63501L17.365 3.55501L14.115 6.79502L15.055 7.75502L18.315 4.50501L19.235 5.44501L14.865 9.78502C14.085 10.565 12.825 10.565 12.055 9.78502L11.835 9.58502L2.17501 19.235Z",
@@ -2535,8 +2551,8 @@ var SvgIconFork = () => /* @__PURE__ */ jsx58(
 var IconFork_default = SvgIconFork;
 // src/components/icons/IconHeart.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
-var SvgIconHeart = () => /* @__PURE__ */ jsx59(
+import { jsx as jsx60 } from "react/jsx-runtime";
+var SvgIconHeart = () => /* @__PURE__ */ jsx60(
   "svg",
   {
     width: "20",
@@ -2544,7 +2560,7 @@ var SvgIconHeart = () => /* @__PURE__ */ jsx59(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx59(
+    children: /* @__PURE__ */ jsx60(
       "path",
       {
         d: "M10 19.175L8.55 17.855C3.4 13.185 0 10.095 0 6.32501C0 3.23501 2.42 0.825012 5.5 0.825012C7.24 0.825012 8.91 1.63501 10 2.90501C11.09 1.63501 12.76 0.825012 14.5 0.825012C17.58 0.825012 20 3.23501 20 6.32501C20 10.095 16.6 13.185 11.45 17.855L10 19.175Z",
@@ -2556,8 +2572,8 @@ var SvgIconHeart = () => /* @__PURE__ */ jsx59(
 var IconHeart_default = SvgIconHeart;
 // src/components/icons/IconKnife.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
-var SvgIconKnife = (props) => /* @__PURE__ */ jsx60(
+import { jsx as jsx61 } from "react/jsx-runtime";
+var SvgIconKnife = (props) => /* @__PURE__ */ jsx61(
   "svg",
   {
     width: "20",
@@ -2566,7 +2582,7 @@ var SvgIconKnife = (props) => /* @__PURE__ */ jsx60(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx60(
+    children: /* @__PURE__ */ jsx61(
       "path",
       {
         d: "M18.6191 0C21.9691 5.61 10.4691 18.15 10.4691 18.15L7.5991 15.28L2.9091 20L0.769104 17.86L18.6191 0Z",
@@ -2578,8 +2594,8 @@ var SvgIconKnife = (props) => /* @__PURE__ */ jsx60(
 var IconKnife_default = SvgIconKnife;
 // src/components/icons/IconSpoon.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
-var SvgIconSpoon = () => /* @__PURE__ */ jsx61(
+import { jsx as jsx62 } from "react/jsx-runtime";
+var SvgIconSpoon = () => /* @__PURE__ */ jsx62(
   "svg",
   {
     width: "20",
@@ -2587,7 +2603,7 @@ var SvgIconSpoon = () => /* @__PURE__ */ jsx61(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx61(
+    children: /* @__PURE__ */ jsx62(
       "path",
       {
         d: "M12.093 9.31795L2.33303 19.0779L0.923035 17.6679L10.683 7.90795C9.97303 6.37795 10.473 4.22795 12.063 2.63795C13.973 0.717946 16.713 0.357947 18.173 1.81795C19.643 3.28795 19.283 6.02795 17.363 7.93795C15.773 9.52795 13.623 10.0279 12.093 9.31795Z",
@@ -2599,8 +2615,8 @@ var SvgIconSpoon = () => /* @__PURE__ */ jsx61(
 var IconSpoon_default = SvgIconSpoon;
 // src/resources/icons/BulkIcon.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
-var BulkIcon = (props) => /* @__PURE__ */ jsx62(
+import { jsx as jsx63 } from "react/jsx-runtime";
+var BulkIcon = (props) => /* @__PURE__ */ jsx63(
   "svg",
   {
     height: 24,
@@ -2608,13 +2624,13 @@ var BulkIcon = (props) => /* @__PURE__ */ jsx62(
     width: 24,
     xmlns: "http://www.w3.org/2000/svg",
     ...props,
-    children: /* @__PURE__ */ jsx62("path", { d: "M4 3h14a2 2 0 012 2v7.08a6.01 6.01 0 00-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 01-2-2V5c0-1.1.9-2 2-2zm0 4v4h6V7H4zm8 0v4h6V7h-6zm-8 6v4h6v-4H4zM18 19h-2l3 3 3-3h-2v-4h-2v4z" })
+    children: /* @__PURE__ */ jsx63("path", { d: "M4 3h14a2 2 0 012 2v7.08a6.01 6.01 0 00-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 01-2-2V5c0-1.1.9-2 2-2zm0 4v4h6V7H4zm8 0v4h6V7h-6zm-8 6v4h6v-4H4zM18 19h-2l3 3 3-3h-2v-4h-2v4z" })
   }
 );
 var BulkIcon_default = BulkIcon;
 // src/components/Buttons/RoundButton/RoundButton.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var useStyles11 = makeStyles11()(() => ({
   base: {
     backgroundColor: "transparent",
@@ -2732,48 +2748,48 @@ var RoundButton = ({
   const { classes, cx } = useStyles11();
   const iconSize = size === "small" ? "small" : "medium";
   const iconComponentMap = {
-    add: /* @__PURE__ */ jsx63(Add3, { fontSize: iconSize }),
-    apps: /* @__PURE__ */ jsx63(Apps, { fontSize: iconSize }),
-    arrowBack: /* @__PURE__ */ jsx63(ArrowBack, { fontSize: iconSize }),
-    arrowForward: /* @__PURE__ */ jsx63(ArrowForward, { fontSize: iconSize }),
-    avocado: /* @__PURE__ */ jsx63(IconAvocado_default, {}),
-    backspaceOutlined: /* @__PURE__ */ jsx63(BackspaceOutlined, { fontSize: iconSize }),
-    banana: /* @__PURE__ */ jsx63(IconBanana_default, {}),
-    block: /* @__PURE__ */ jsx63(Block, { fontSize: iconSize }),
-    bulk: /* @__PURE__ */ jsx63(BulkIcon_default, { fill: colors.contrast }),
-    callSplit: /* @__PURE__ */ jsx63(CallSplit, { fontSize: iconSize }),
-    chevronRight: /* @__PURE__ */ jsx63(ChevronRight2, { fontSize: iconSize }),
-    chevronUp: /* @__PURE__ */ jsx63(KeyboardArrowUp, { fontSize: iconSize }),
-    chevronDown: /* @__PURE__ */ jsx63(KeyboardArrowDown, { fontSize: iconSize }),
-    close: /* @__PURE__ */ jsx63(Close, { fontSize: iconSize }),
-    delete: /* @__PURE__ */ jsx63(Delete2, { fontSize: iconSize, fill: colors.neutral800 }),
-    done: /* @__PURE__ */ jsx63(Done, { fontSize: iconSize }),
-    edit: /* @__PURE__ */ jsx63(Edit2, { fontSize: iconSize }),
-    email: /* @__PURE__ */ jsx63(Email, { fontSize: iconSize }),
-    grape: /* @__PURE__ */ jsx63(IconGrape_default, {}),
-    groupAdd: /* @__PURE__ */ jsx63(GroupAdd, { fontSize: iconSize }),
-    history: /* @__PURE__ */ jsx63(History, { fontSize: iconSize }),
-    menu: /* @__PURE__ */ jsx63(Menu, { fontSize: iconSize }),
-    threeDots: /* @__PURE__ */ jsx63(MoreHoriz, { fontSize: iconSize, color: iconColor }),
-    notes: /* @__PURE__ */ jsx63(Comment, { fontSize: iconSize }),
-    refresh: /* @__PURE__ */ jsx63(Refresh2, { fontSize: iconSize }),
-    remove: /* @__PURE__ */ jsx63(Remove, { fontSize: iconSize }),
-    search: /* @__PURE__ */ jsx63(Search, { fontSize: iconSize }),
-    send: /* @__PURE__ */ jsx63(Send, { fontSize: iconSize }),
-    strawberry: /* @__PURE__ */ jsx63(IconStrawberry_default, {}),
-    thumbDown: /* @__PURE__ */ jsx63(ThumbDown, { fontSize: iconSize }),
-    thumbUp: /* @__PURE__ */ jsx63(ThumbUp, { fontSize: iconSize }),
-    undo: /* @__PURE__ */ jsx63(Undo, { fontSize: iconSize }),
-    play: /* @__PURE__ */ jsx63(PlayArrowRounded, { fontSize: iconSize }),
-    snail: /* @__PURE__ */ jsx63(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
-    bus: /* @__PURE__ */ jsx63(IconBus_default, {}),
-    spoon: /* @__PURE__ */ jsx63(IconSpoon_default, {}),
-    fork: /* @__PURE__ */ jsx63(IconFork_default, {}),
-    car: /* @__PURE__ */ jsx63(IconCar_default, {}),
-    knife: /* @__PURE__ */ jsx63(IconKnife_default, {}),
-    bicycle: /* @__PURE__ */ jsx63(IconBicycle_default, {}),
-    heart: /* @__PURE__ */ jsx63(IconHeart_default, {}),
-    airplane: /* @__PURE__ */ jsx63(IconAirplane_default, {})
+    add: /* @__PURE__ */ jsx64(Add3, { fontSize: iconSize }),
+    apps: /* @__PURE__ */ jsx64(Apps, { fontSize: iconSize }),
+    arrowBack: /* @__PURE__ */ jsx64(ArrowBack, { fontSize: iconSize }),
+    arrowForward: /* @__PURE__ */ jsx64(ArrowForward, { fontSize: iconSize }),
+    avocado: /* @__PURE__ */ jsx64(IconAvocado_default, {}),
+    backspaceOutlined: /* @__PURE__ */ jsx64(BackspaceOutlined, { fontSize: iconSize }),
+    banana: /* @__PURE__ */ jsx64(IconBanana_default, {}),
+    block: /* @__PURE__ */ jsx64(Block, { fontSize: iconSize }),
+    bulk: /* @__PURE__ */ jsx64(BulkIcon_default, { fill: colors.contrast }),
+    callSplit: /* @__PURE__ */ jsx64(CallSplit, { fontSize: iconSize }),
+    chevronRight: /* @__PURE__ */ jsx64(ChevronRight2, { fontSize: iconSize }),
+    chevronUp: /* @__PURE__ */ jsx64(KeyboardArrowUp, { fontSize: iconSize }),
+    chevronDown: /* @__PURE__ */ jsx64(KeyboardArrowDown, { fontSize: iconSize }),
+    close: /* @__PURE__ */ jsx64(Close, { fontSize: iconSize }),
+    delete: /* @__PURE__ */ jsx64(Delete2, { fontSize: iconSize, fill: colors.neutral800 }),
+    done: /* @__PURE__ */ jsx64(Done, { fontSize: iconSize }),
+    edit: /* @__PURE__ */ jsx64(Edit2, { fontSize: iconSize }),
+    email: /* @__PURE__ */ jsx64(Email, { fontSize: iconSize }),
+    grape: /* @__PURE__ */ jsx64(IconGrape_default, {}),
+    groupAdd: /* @__PURE__ */ jsx64(GroupAdd, { fontSize: iconSize }),
+    history: /* @__PURE__ */ jsx64(History, { fontSize: iconSize }),
+    menu: /* @__PURE__ */ jsx64(Menu, { fontSize: iconSize }),
+    threeDots: /* @__PURE__ */ jsx64(MoreHoriz, { fontSize: iconSize, color: iconColor }),
+    notes: /* @__PURE__ */ jsx64(Comment, { fontSize: iconSize }),
+    refresh: /* @__PURE__ */ jsx64(Refresh2, { fontSize: iconSize }),
+    remove: /* @__PURE__ */ jsx64(Remove, { fontSize: iconSize }),
+    search: /* @__PURE__ */ jsx64(Search, { fontSize: iconSize }),
+    send: /* @__PURE__ */ jsx64(Send, { fontSize: iconSize }),
+    strawberry: /* @__PURE__ */ jsx64(IconStrawberry_default, {}),
+    thumbDown: /* @__PURE__ */ jsx64(ThumbDown, { fontSize: iconSize }),
+    thumbUp: /* @__PURE__ */ jsx64(ThumbUp, { fontSize: iconSize }),
+    undo: /* @__PURE__ */ jsx64(Undo, { fontSize: iconSize }),
+    play: /* @__PURE__ */ jsx64(PlayArrowRounded, { fontSize: iconSize }),
+    snail: /* @__PURE__ */ jsx64(icons_default.SvgIconSnail, { fontSize: iconSize, fill: colors.muiPrimary }),
+    bus: /* @__PURE__ */ jsx64(IconBus_default, {}),
+    spoon: /* @__PURE__ */ jsx64(IconSpoon_default, {}),
+    fork: /* @__PURE__ */ jsx64(IconFork_default, {}),
+    car: /* @__PURE__ */ jsx64(IconCar_default, {}),
+    knife: /* @__PURE__ */ jsx64(IconKnife_default, {}),
+    bicycle: /* @__PURE__ */ jsx64(IconBicycle_default, {}),
+    heart: /* @__PURE__ */ jsx64(IconHeart_default, {}),
+    airplane: /* @__PURE__ */ jsx64(IconAirplane_default, {})
   };
   const filteredSize = size === "double" ? void 0 : size;
   const handleClick = (e) => {
@@ -2781,7 +2797,7 @@ var RoundButton = ({
       onClick(e);
     }
   };
-  const Button16 = /* @__PURE__ */ jsx63(
+  const Button17 = /* @__PURE__ */ jsx64(
     Fab,
     {
       className: cx(
@@ -2805,7 +2821,7 @@ var RoundButton = ({
       children: icon ? iconComponentMap[icon] : children || ""
     }
   );
-  return tooltip ? /* @__PURE__ */ jsx63(Tooltip2, { title: tooltip, children: Button16 }) : Button16;
+  return tooltip ? /* @__PURE__ */ jsx64(Tooltip2, { title: tooltip, children: Button17 }) : Button17;
 };
 var RoundButton_default = RoundButton;
@@ -2813,7 +2829,7 @@ var RoundButton_default = RoundButton;
 import { memo as memo9 } from "react";
 import { Pin } from "mdi-material-ui";
 import { makeStyles as makeStyles12 } from "tss-react/mui";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var useStyles12 = makeStyles12()(() => ({
   root: {
     opacity: 0.5
@@ -2824,14 +2840,14 @@ var useStyles12 = makeStyles12()(() => ({
 }));
 var PinButton = () => {
   const { classes } = useStyles12();
-  return /* @__PURE__ */ jsx64(Pin, { className: classes.root });
+  return /* @__PURE__ */ jsx65(Pin, { className: classes.root });
 };
 var Pin_default = memo9(PinButton);
 // src/components/Buttons/PinnedApp.tsx
 import { Fab as Fab2, Icon } from "@mui/material";
 import { makeStyles as makeStyles13 } from "tss-react/mui";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var useStyles13 = makeStyles13()((theme) => ({
   root: {
     "& > *": {
@@ -2845,12 +2861,12 @@ var useStyles13 = makeStyles13()((theme) => ({
 function ActionButton(props) {
   const { app } = props;
   const { classes } = useStyles13();
-  return /* @__PURE__ */ jsx65("div", { className: classes.root, children: /* @__PURE__ */ jsx65(Fab2, { color: "primary", "aria-label": "add", children: /* @__PURE__ */ jsx65(Icon, { children: app.icon }) }) });
+  return /* @__PURE__ */ jsx66("div", { className: classes.root, children: /* @__PURE__ */ jsx66(Fab2, { color: "primary", "aria-label": "add", children: /* @__PURE__ */ jsx66(Icon, { children: app.icon }) }) });
 }
 // src/components/CompanyLogo/CompanyLogo.tsx
 import { makeStyles as makeStyles14 } from "tss-react/mui";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var useStyles14 = makeStyles14()((theme, { imageLogoDarkSmall, imageLogoLightSmall }) => ({
   logoSmall: {
     height: 46,
@@ -2883,14 +2899,14 @@ var CompanyLogo = ({
     [classes.logoLight]: color === "light",
     [classes.logoDark]: color === "dark"
   });
-  return /* @__PURE__ */ jsx66("div", { className });
+  return /* @__PURE__ */ jsx67("div", { className });
 };
 var CompanyLogo_default = CompanyLogo;
 // src/components/ConfirmationDialog/ConfirmationDialog.tsx
 import { Box as Box8, Dialog as Dialog3, DialogActions as DialogActions2, Divider, Typography as Typography7 } from "@mui/material";
 import { makeStyles as makeStyles15 } from "tss-react/mui";
-import { jsx as jsx67, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs38 } from "react/jsx-runtime";
 var useStyles15 = makeStyles15()((theme) => ({
   content: {
     width: "660px"
@@ -2928,14 +2944,14 @@ var ConfirmationDialog = ({
   };
   const contentComponent = () => {
     if (typeof content === "string") {
-      return /* @__PURE__ */ jsx67(Typography7, { variant: "body1", children: content });
+      return /* @__PURE__ */ jsx68(Typography7, { variant: "body1", children: content });
     }
     return content;
   };
   return /* @__PURE__ */ jsxs38(Dialog3, { onClose: closeModal, open: isOpen, maxWidth: "lg", children: [
     /* @__PURE__ */ jsxs38(Box8, { className: classes.content, children: [
-      /* @__PURE__ */ jsx67(Typography7, { className: classes.title, variant: "h6", children: title }),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx68(Typography7, { className: classes.title, variant: "h6", children: title }),
+      /* @__PURE__ */ jsx68(
         Box8,
         {
           sx: {
@@ -2948,9 +2964,9 @@ var ConfirmationDialog = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx67(Divider, {}),
+    /* @__PURE__ */ jsx68(Divider, {}),
     /* @__PURE__ */ jsxs38(DialogActions2, { className: classes.footer, children: [
-      !hideCancel && /* @__PURE__ */ jsx67(
+      !hideCancel && /* @__PURE__ */ jsx68(
         FilledButton_default,
         {
           className: classes.button,
@@ -2960,7 +2976,7 @@ var ConfirmationDialog = ({
           onClick: closeModal
         }
       ),
-      !hideConfirm && /* @__PURE__ */ jsx67(
+      !hideConfirm && /* @__PURE__ */ jsx68(
         FilledButton_default,
         {
           className: classes.button,
@@ -2985,7 +3001,7 @@ var ConfirmationDialog_default = ConfirmationDialog;
 // src/components/ControlledCheckbox/ControlledCheckbox.tsx
 import { Controller } from "react-hook-form";
 import { Checkbox, FormControlLabel, Tooltip as Tooltip3 } from "@mui/material";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var ControlledCheckbox = ({
   name,
   label,
@@ -2997,18 +3013,18 @@ var ControlledCheckbox = ({
   color,
   handleChange,
   disabled
-}) => /* @__PURE__ */ jsx68(
+}) => /* @__PURE__ */ jsx69(
   Controller,
   {
     name,
     control,
     render: ({ field }) => {
-      const checkbox = /* @__PURE__ */ jsx68(
+      const checkbox = /* @__PURE__ */ jsx69(
         FormControlLabel,
         {
           label,
           className,
-          control: /* @__PURE__ */ jsx68(
+          control: /* @__PURE__ */ jsx69(
             Checkbox,
             {
               ...field,
@@ -3022,7 +3038,7 @@ var ControlledCheckbox = ({
           )
         }
       );
-      return tooltipDescription ? /* @__PURE__ */ jsx68(Tooltip3, { title: tooltipDescription, children: /* @__PURE__ */ jsx68("span", { children: checkbox }) }) : checkbox;
+      return tooltipDescription ? /* @__PURE__ */ jsx69(Tooltip3, { title: tooltipDescription, children: /* @__PURE__ */ jsx69("span", { children: checkbox }) }) : checkbox;
     }
   }
 );
@@ -3032,7 +3048,7 @@ var ControlledCheckbox_default = ControlledCheckbox;
 import { Controller as Controller2 } from "react-hook-form";
 import { TextField } from "@mui/material";
 import { makeStyles as makeStyles16 } from "tss-react/mui";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var useStyles16 = makeStyles16()(() => ({
   selectInput: {
     minWidth: 122
@@ -3065,12 +3081,12 @@ var ControlledNumberInput = ({
     "Backspace",
     "Tab"
   ].includes(input.key) && input.preventDefault();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     Controller2,
     {
       control,
       name,
-      render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsx69(
+      render: ({ field: { onChange, value }, fieldState }) => /* @__PURE__ */ jsx70(
         TextField,
         {
           variant: "standard",
@@ -3116,7 +3132,7 @@ import {
   TextField as TextField2
 } from "@mui/material";
 import { makeStyles as makeStyles17 } from "tss-react/mui";
-import { jsx as jsx70, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
 var convertUnderscoreToHyphen = (str) => str.replace(/_/g, "-");
 var useStyles17 = makeStyles17()((theme) => ({
   textFieldButtons: {
@@ -3217,17 +3233,17 @@ var ControlledNumericField = ({
       decrementValue(field)();
     }
   };
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(
     Box9,
     {
       className,
       "data-testid": dataTestId || `${convertUnderscoreToHyphen(fieldName)}`,
-      children: /* @__PURE__ */ jsx70(
+      children: /* @__PURE__ */ jsx71(
         Controller3,
         {
           control,
           name: fieldName,
-          render: ({ field, fieldState }) => /* @__PURE__ */ jsx70(
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsx71(
             TextField2,
             {
               ...field,
@@ -3262,25 +3278,25 @@ var ControlledNumericField = ({
               slotProps: {
                 htmlInput: { min, max, step },
                 input: {
-                  endAdornment: /* @__PURE__ */ jsx70(InputAdornment, { position: "end", children: /* @__PURE__ */ jsxs39(Box9, { className: classes.textFieldButtons, children: [
-                    /* @__PURE__ */ jsx70(
+                  endAdornment: /* @__PURE__ */ jsx71(InputAdornment, { position: "end", children: /* @__PURE__ */ jsxs39(Box9, { className: classes.textFieldButtons, children: [
+                    /* @__PURE__ */ jsx71(
                       IconButton2,
                       {
                         disableRipple: true,
                         className: classes.arrowButton,
                         onClick: incrementValue(field),
                         "data-testid": "arrow-up",
-                        children: /* @__PURE__ */ jsx70(KeyboardArrowUpIcon, { sx: { fontSize: 15 } })
+                        children: /* @__PURE__ */ jsx71(KeyboardArrowUpIcon, { sx: { fontSize: 15 } })
                       }
                     ),
-                    /* @__PURE__ */ jsx70(
+                    /* @__PURE__ */ jsx71(
                       IconButton2,
                       {
                         disableRipple: true,
                         className: classes.arrowButton,
                         onClick: decrementValue(field),
                         "data-testid": "arrow-down",
-                        children: /* @__PURE__ */ jsx70(KeyboardArrowDownIcon, { sx: { fontSize: 15 } })
+                        children: /* @__PURE__ */ jsx71(KeyboardArrowDownIcon, { sx: { fontSize: 15 } })
                       }
                     )
                   ] }) })
@@ -3299,7 +3315,7 @@ var ControlledNumericField_default = ControlledNumericField;
 import { Controller as Controller4 } from "react-hook-form";
 import { FormControl, FormHelperText, InputLabel, Select } from "@mui/material";
 import { makeStyles as makeStyles18 } from "tss-react/mui";
-import { jsx as jsx71, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
 var useStyles18 = makeStyles18()(() => ({
   selectInput: {
     minWidth: 122
@@ -3316,7 +3332,7 @@ var ControlledSelectWithArray = ({
   revalidateFormFunction
 }) => {
   const { classes } = useStyles18();
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Controller4,
     {
       control,
@@ -3330,7 +3346,7 @@ var ControlledSelectWithArray = ({
           className: className || classes.selectInput,
           variant: "standard",
           children: [
-            /* @__PURE__ */ jsx71(InputLabel, { shrink: true, error: !!fieldState.error, children: label }),
+            /* @__PURE__ */ jsx72(InputLabel, { shrink: true, error: !!fieldState.error, children: label }),
             /* @__PURE__ */ jsxs40(
               Select,
               {
@@ -3350,12 +3366,12 @@ var ControlledSelectWithArray = ({
                 },
                 error: !!fieldState.error,
                 children: [
-                  /* @__PURE__ */ jsx71("option", { "aria-label": "None" }),
-                  options?.map((item) => /* @__PURE__ */ jsx71("option", { value: item, children: item }, item))
+                  /* @__PURE__ */ jsx72("option", { "aria-label": "None" }),
+                  options?.map((item) => /* @__PURE__ */ jsx72("option", { value: item, children: item }, item))
                 ]
               }
             ),
-            /* @__PURE__ */ jsx71(FormHelperText, { error: !!fieldState.error, children: fieldState.error?.message || error })
+            /* @__PURE__ */ jsx72(FormHelperText, { error: !!fieldState.error, children: fieldState.error?.message || error })
           ]
         }
       )
@@ -3368,7 +3384,7 @@ var ControlledSelectWithArray_default = ControlledSelectWithArray;
 import { Controller as Controller5 } from "react-hook-form";
 import { FormControl as FormControl2, FormHelperText as FormHelperText2, InputLabel as InputLabel2, Select as Select2 } from "@mui/material";
 import { makeStyles as makeStyles19 } from "tss-react/mui";
-import { jsx as jsx72, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs41 } from "react/jsx-runtime";
 var useStyles19 = makeStyles19()(() => ({
   selectInput: {
     minWidth: 122
@@ -3386,7 +3402,7 @@ var ControlledSelectWithObject = ({
   revalidateFormFunction
 }) => {
   const { classes } = useStyles19();
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     Controller5,
     {
       control,
@@ -3400,7 +3416,7 @@ var ControlledSelectWithObject = ({
           className: className || classes.selectInput,
           variant: "standard",
           children: [
-            /* @__PURE__ */ jsx72(InputLabel2, { error: !!fieldState.error, children: label }),
+            /* @__PURE__ */ jsx73(InputLabel2, { error: !!fieldState.error, children: label }),
             /* @__PURE__ */ jsxs41(
               Select2,
               {
@@ -3420,8 +3436,8 @@ var ControlledSelectWithObject = ({
                 },
                 error: !!fieldState.error,
                 children: [
-                  /* @__PURE__ */ jsx72("option", { "aria-label": "None" }),
-                  options?.map((option) => /* @__PURE__ */ jsx72(
+                  /* @__PURE__ */ jsx73("option", { "aria-label": "None" }),
+                  options?.map((option) => /* @__PURE__ */ jsx73(
                     "option",
                     {
                       disabled: listToDisableFromOptions ? listToDisableFromOptions.includes(option.value) : false,
@@ -3433,7 +3449,7 @@ var ControlledSelectWithObject = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx72(FormHelperText2, { error: !!fieldState.error, children: fieldState.error?.message || error })
+            /* @__PURE__ */ jsx73(FormHelperText2, { error: !!fieldState.error, children: fieldState.error?.message || error })
           ]
         }
       )
@@ -3449,7 +3465,7 @@ import {
 import { Box as Box10, TextField as TextField3 } from "@mui/material";
 import classNames from "classnames";
 import { makeStyles as makeStyles20 } from "tss-react/mui";
-import { jsx as jsx73, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs42 } from "react/jsx-runtime";
 var useStyles20 = makeStyles20()(() => ({
   fullWidthWrapper: {
     maxWidth: "100%"
@@ -3497,17 +3513,17 @@ var ControlledValidTextInput = ({
       defaultHandleBlurValidationAndSubmit(controlledField, fieldState.isDirty);
     }
   };
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     Box10,
     {
       className,
       "data-testid": dataTestId || `${convertUnderscoreToHyphen2(fieldName)}`,
-      children: /* @__PURE__ */ jsx73(
+      children: /* @__PURE__ */ jsx74(
         Controller6,
         {
           control,
           name: fieldName,
-          render: ({ field: controlledField, fieldState }) => /* @__PURE__ */ jsx73(Box10, { className: classes.fullWidthWrapper, children: /* @__PURE__ */ jsx73(
+          render: ({ field: controlledField, fieldState }) => /* @__PURE__ */ jsx74(Box10, { className: classes.fullWidthWrapper, children: /* @__PURE__ */ jsx74(
             TextField3,
             {
               ...controlledField,
@@ -3531,7 +3547,7 @@ var ControlledValidTextInput = ({
                   }),
                   "data-testid": dataTestId ? `${dataTestId}-helper-text` : `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
                   children: [
-                    /* @__PURE__ */ jsx73(
+                    /* @__PURE__ */ jsx74(
                       Box10,
                       {
                         component: "span",
@@ -3541,7 +3557,7 @@ var ControlledValidTextInput = ({
                         children: fieldState.error?.message ?? helperText
                       }
                     ),
-                    !!maxLength && /* @__PURE__ */ jsx73(Box10, { component: "span", children: `${watch(fieldName)?.length ?? 0}/${maxLength}` })
+                    !!maxLength && /* @__PURE__ */ jsx74(Box10, { component: "span", children: `${watch(fieldName)?.length ?? 0}/${maxLength}` })
                   ]
                 }
               ),
@@ -3560,7 +3576,7 @@ import { useState as useState2 } from "react";
 import { Paper as Paper2, Skeleton } from "@mui/material";
 import { DataGrid as MUIDataGrid } from "@mui/x-data-grid";
 import { makeStyles as makeStyles21 } from "tss-react/mui";
-import { Fragment, jsx as jsx74, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx75, jsxs as jsxs43 } from "react/jsx-runtime";
 var useStyles21 = makeStyles21()(() => ({
   root: {
     justifyContent: "space-between",
@@ -3607,14 +3623,14 @@ var DataGrid = ({
   ]);
   const rowHeight = 56;
   const headerAndFooterHeight = 52 + 56;
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75(
     "div",
     {
       className: classes.root,
       style: {
         height: height || rows.length * rowHeight + headerAndFooterHeight
       },
-      children: /* @__PURE__ */ jsx74(Paper2, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx74("div", { children: [...Array(Math.floor(10))].map((i) => /* @__PURE__ */ jsx74(
+      children: /* @__PURE__ */ jsx75(Paper2, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx75("div", { children: [...Array(Math.floor(10))].map((i) => /* @__PURE__ */ jsx75(
         Skeleton,
         {
           animation: "pulse",
@@ -3624,7 +3640,7 @@ var DataGrid = ({
         },
         i
       )) }) : /* @__PURE__ */ jsxs43(Fragment, { children: [
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75(
           MUIDataGrid,
           {
             rows,
@@ -3729,10 +3745,10 @@ localizedMoment.locale(constants_default.locale);
 var moment_default = localizedMoment;
 // src/components/Date/Date.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var Date = ({ datetime, format = "L" }) => {
   const formattedDate = moment_default(datetime).format(format);
-  return /* @__PURE__ */ jsx75("span", { children: formattedDate === "Invalid date" ? "-" : formattedDate });
+  return /* @__PURE__ */ jsx76("span", { children: formattedDate === "Invalid date" ? "-" : formattedDate });
 };
 var Date_default = Date;
@@ -3740,7 +3756,7 @@ var Date_default = Date;
 import { memo as memo10 } from "react";
 import { Alert, AlertTitle, Typography as Typography8, Box as Box11 } from "@mui/material";
 import { makeStyles as makeStyles22 } from "tss-react/mui";
-import { Fragment as Fragment2, jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx77, jsxs as jsxs44 } from "react/jsx-runtime";
 var useStyles22 = makeStyles22()(() => ({
   alert: { marginBottom: 16 },
   bottomBar: {
@@ -3767,10 +3783,10 @@ var DeleteSubstitutionDialogContent = ({
       ] }),
       "This action will permanently remove all data and history associated with this substitution, and it cannot be undone."
     ] }),
-    /* @__PURE__ */ jsx76(Typography8, { variant: "body1", children: "Please confirm if you wish to proceed." }),
+    /* @__PURE__ */ jsx77(Typography8, { variant: "body1", children: "Please confirm if you wish to proceed." }),
     /* @__PURE__ */ jsxs44(Box11, { className: classes.bottomBar, children: [
-      /* @__PURE__ */ jsx76(ExtendedButton_default, { copy: "Cancel", onClick: closeDialog }),
-      /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsx77(ExtendedButton_default, { copy: "Cancel", onClick: closeDialog }),
+      /* @__PURE__ */ jsx77(
         ExtendedButton_default,
         {
           copy: "Confirm",
@@ -3788,7 +3804,7 @@ var DeleteSubstitutionDialogContent_default = memo10(DeleteSubstitutionDialogCon
 import { memo as memo11 } from "react";
 import { Alert as Alert2, AlertTitle as AlertTitle2, Typography as Typography9, Box as Box12 } from "@mui/material";
 import { makeStyles as makeStyles23 } from "tss-react/mui";
-import { Fragment as Fragment3, jsx as jsx77, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx78, jsxs as jsxs45 } from "react/jsx-runtime";
 var useStyles23 = makeStyles23()(() => ({
   alert: { marginBottom: 16 },
   bottomBar: {
@@ -3815,10 +3831,10 @@ var DeleteUserDialogContent = ({
       ] }),
       "This action will permanently remove all data and history associated with this user, and it cannot be undone."
     ] }),
-    /* @__PURE__ */ jsx77(Typography9, { variant: "body1", children: "Please confirm if you wish to proceed." }),
+    /* @__PURE__ */ jsx78(Typography9, { variant: "body1", children: "Please confirm if you wish to proceed." }),
     /* @__PURE__ */ jsxs45(Box12, { className: classes.bottomBar, children: [
-      /* @__PURE__ */ jsx77(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
-      /* @__PURE__ */ jsx77(
+      /* @__PURE__ */ jsx78(ExtendedButton_default, { color: "default", copy: "Cancel", onClick: closeDialog }),
+      /* @__PURE__ */ jsx78(
         ExtendedButton_default,
         {
           copy: "Confirm",
@@ -3835,7 +3851,7 @@ var DeleteUserDialogContent_default = memo11(DeleteUserDialogContent);
 // src/components/FileCard/FileCard.tsx
 import { Description as DescriptionIcon } from "@mui/icons-material";
 import { Typography as Typography10, Box as Box13 } from "@mui/material";
-import { jsx as jsx78, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs46 } from "react/jsx-runtime";
 var getFileMetadata = (file) => {
   const fullFilename = file.substring(file.lastIndexOf("/") + 1);
   const extension = file.substring(file.lastIndexOf("."));
@@ -3860,7 +3876,7 @@ var FileCard = ({ document: document2 }) => {
         minWidth: "250px"
       },
       children: [
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           Box13,
           {
             sx: {
@@ -3868,10 +3884,10 @@ var FileCard = ({ document: document2 }) => {
               justifyContent: "center",
               alignItems: "center"
             },
-            children: /* @__PURE__ */ jsx78(DescriptionIcon, { fontSize: "medium", color: "action" })
+            children: /* @__PURE__ */ jsx79(DescriptionIcon, { fontSize: "medium", color: "action" })
           }
         ),
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           Box13,
           {
             sx: {
@@ -3897,7 +3913,7 @@ import { Typography as Typography11 } from "@mui/material";
 import brown from "@mui/material/colors/brown";
 import teal from "@mui/material/colors/teal";
 import { makeStyles as makeStyles24 } from "tss-react/mui";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var useStyles24 = makeStyles24()((theme) => ({
   siteOne: {
     backgroundColor: teal["50"],
@@ -3925,7 +3941,7 @@ var useStyles24 = makeStyles24()((theme) => ({
 var FilledLabel = (props) => {
   const { color, copy } = props;
   const { classes } = useStyles24();
-  return /* @__PURE__ */ jsx79(Typography11, { variant: "caption", className: classes[color], children: copy });
+  return /* @__PURE__ */ jsx80(Typography11, { variant: "caption", className: classes[color], children: copy });
 };
 var FilledLabel_default = memo12(FilledLabel);
@@ -3941,7 +3957,7 @@ import {
   Divider as Divider2
 } from "@mui/material";
 import { makeStyles as makeStyles25 } from "tss-react/mui";
-import { Fragment as Fragment4, jsx as jsx80, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx81, jsxs as jsxs47 } from "react/jsx-runtime";
 var useStyles25 = makeStyles25()((theme) => ({
   filterOptions: {
     height: 450,
@@ -3989,7 +4005,7 @@ var FilterGroupSelector = ({
     );
   };
   return /* @__PURE__ */ jsxs47(Fragment4, { children: [
-    /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx81(
       ActiveFiltersIconButton_default,
       {
         label: name,
@@ -4006,10 +4022,10 @@ var FilterGroupSelector = ({
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
         transformOrigin: { vertical: "top", horizontal: "left" },
         children: [
-          /* @__PURE__ */ jsx80(Box14, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx80(Typography12, { variant: "button", children: `Search ${name}` }) }),
-          /* @__PURE__ */ jsx80(Divider2, {}),
-          /* @__PURE__ */ jsx80(Box14, { className: classes.filterOptions, children: optionsList.map(({ category, options }, index) => /* @__PURE__ */ jsxs47(Box14, { children: [
-            /* @__PURE__ */ jsx80(
+          /* @__PURE__ */ jsx81(Box14, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx81(Typography12, { variant: "button", children: `Search ${name}` }) }),
+          /* @__PURE__ */ jsx81(Divider2, {}),
+          /* @__PURE__ */ jsx81(Box14, { className: classes.filterOptions, children: optionsList.map(({ category, options }, index) => /* @__PURE__ */ jsxs47(Box14, { children: [
+            /* @__PURE__ */ jsx81(
               Typography12,
               {
                 variant: "subtitle2",
@@ -4020,13 +4036,13 @@ var FilterGroupSelector = ({
             options.map((value) => {
               const key = `${category.replaceAll(" ", "_").toLocaleLowerCase()}${categoryIdentification ? `_${categoryIdentification}` : ""}: ${value}`;
               return /* @__PURE__ */ jsxs47(MenuItem, { onClick: () => toggleOption(key), children: [
-                /* @__PURE__ */ jsx80(Checkbox2, { checked: values.includes(key) }),
-                /* @__PURE__ */ jsx80(ListItemText, { primary: value })
+                /* @__PURE__ */ jsx81(Checkbox2, { checked: values.includes(key) }),
+                /* @__PURE__ */ jsx81(ListItemText, { primary: value })
               ] }, value);
             })
           ] }, category)) }),
           /* @__PURE__ */ jsxs47(Box14, { display: "flex", children: [
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(
               ExtendedButton_default,
               {
                 variant: "text",
@@ -4038,7 +4054,7 @@ var FilterGroupSelector = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(
               ExtendedButton_default,
               {
                 color: "primary",
@@ -4070,7 +4086,7 @@ import {
   Divider as Divider3
 } from "@mui/material";
 import { makeStyles as makeStyles26 } from "tss-react/mui";
-import { Fragment as Fragment5, jsx as jsx81, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx82, jsxs as jsxs48 } from "react/jsx-runtime";
 var useStyles26 = makeStyles26()((theme) => ({
   filterOptions: {
     height: 450,
@@ -4117,7 +4133,7 @@ var FilterSimpleSelector = ({
     );
   };
   return /* @__PURE__ */ jsxs48(Fragment5, { children: [
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(
       ActiveFiltersIconButton_default,
       {
         label: name,
@@ -4134,15 +4150,15 @@ var FilterSimpleSelector = ({
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
         transformOrigin: { vertical: "top", horizontal: "left" },
         children: [
-          /* @__PURE__ */ jsx81(Box15, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx81(Typography13, { variant: "button", children: `Search ${name}` }) }),
-          /* @__PURE__ */ jsx81(Divider3, {}),
-          /* @__PURE__ */ jsx81(Box15, { className: classes.filterOptions, children: options.map((option) => /* @__PURE__ */ jsxs48(MenuItem2, { onClick: () => toggleOption(option), children: [
-            /* @__PURE__ */ jsx81(Checkbox3, { checked: values.includes(option) }),
-            /* @__PURE__ */ jsx81(ListItemText2, { primary: option })
+          /* @__PURE__ */ jsx82(Box15, { p: 2, mt: -1, sx: { backgroundColor: colors.neutral200 }, children: /* @__PURE__ */ jsx82(Typography13, { variant: "button", children: `Search ${name}` }) }),
+          /* @__PURE__ */ jsx82(Divider3, {}),
+          /* @__PURE__ */ jsx82(Box15, { className: classes.filterOptions, children: options.map((option) => /* @__PURE__ */ jsxs48(MenuItem2, { onClick: () => toggleOption(option), children: [
+            /* @__PURE__ */ jsx82(Checkbox3, { checked: values.includes(option) }),
+            /* @__PURE__ */ jsx82(ListItemText2, { primary: option })
           ] }, option)) }),
-          /* @__PURE__ */ jsx81(Divider3, {}),
+          /* @__PURE__ */ jsx82(Divider3, {}),
           /* @__PURE__ */ jsxs48(Box15, { display: "flex", children: [
-            /* @__PURE__ */ jsx81(
+            /* @__PURE__ */ jsx82(
               ExtendedButton_default,
               {
                 variant: "text",
@@ -4154,7 +4170,7 @@ var FilterSimpleSelector = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx81(
+            /* @__PURE__ */ jsx82(
               ExtendedButton_default,
               {
                 color: "primary",
@@ -4178,7 +4194,7 @@ var FilterSimpleSelector_default = FilterSimpleSelector;
 import * as React from "react";
 import { Box as Box16 } from "@mui/material";
 import { makeStyles as makeStyles27 } from "tss-react/mui";
-import { jsx as jsx82, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs49 } from "react/jsx-runtime";
 var footerHeight = "64px";
 var useStyles27 = makeStyles27()((theme) => ({
   root: {
@@ -4200,8 +4216,8 @@ var useStyles27 = makeStyles27()((theme) => ({
 var FixedFooter = ({ justifyContent, children }) => {
   const { classes } = useStyles27();
   return /* @__PURE__ */ jsxs49(Box16, { children: [
-    /* @__PURE__ */ jsx82(Box16, { className: classes.fixedOffset }),
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx83(Box16, { className: classes.fixedOffset }),
+    /* @__PURE__ */ jsx83(
       Box16,
       {
         className: classes.root,
@@ -4218,7 +4234,7 @@ var FixedFooter_default = React.memo(FixedFooter);
 // src/components/Header/Header.tsx
 import { Paper as Paper3 } from "@mui/material";
 import { makeStyles as makeStyles28 } from "tss-react/mui";
-import { jsx as jsx83, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
 var useStyles28 = makeStyles28()((theme) => ({
   container: {
     margin: theme.spacing(1)
@@ -4241,7 +4257,7 @@ var Header = ({
   wrappedHeader = false
 }) => {
   const { classes, cx } = useStyles28();
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     Paper3,
     {
       className: cx({
@@ -4249,8 +4265,8 @@ var Header = ({
       }),
       elevation: wrappedHeader ? 0 : 1,
       children: /* @__PURE__ */ jsxs50("header", { className: classes.header, children: [
-        /* @__PURE__ */ jsx83(AppLabel_default, { appName }),
-        children ? /* @__PURE__ */ jsx83("div", { className: classes.rightContent, children }) : null
+        /* @__PURE__ */ jsx84(AppLabel_default, { appName }),
+        children ? /* @__PURE__ */ jsx84("div", { className: classes.rightContent, children }) : null
       ] })
     }
   );
@@ -4260,20 +4276,20 @@ var Header_default = Header;
 // src/components/List/List.tsx
 import { FixedSizeList } from "react-window";
 import { ListItem, ListItemText as ListItemText3 } from "@mui/material";
-import { Fragment as Fragment6, jsx as jsx84, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
 var ListHeader = (props) => {
   const headers = props.headers || [];
-  return /* @__PURE__ */ jsx84(ListItem, { children: headers.map((header, i) => (
+  return /* @__PURE__ */ jsx85(ListItem, { children: headers.map((header, i) => (
     // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ jsx84(ListItemText3, { primary: header.text }, i)
+    /* @__PURE__ */ jsx85(ListItemText3, { primary: header.text }, i)
   )) });
 };
 function VirtualizedList(props) {
   const { innerWidth, innerHeight } = window;
   const { headers, items, renderItem } = props;
   return /* @__PURE__ */ jsxs51(Fragment6, { children: [
-    /* @__PURE__ */ jsx84(ListHeader, { headers }),
-    /* @__PURE__ */ jsx84(
+    /* @__PURE__ */ jsx85(ListHeader, { headers }),
+    /* @__PURE__ */ jsx85(
       FixedSizeList,
       {
         height: innerHeight - 150,
@@ -4293,7 +4309,7 @@ import { Box as Box17, Chip as Chip2, Typography as Typography14 } from "@mui/ma
 import { purple } from "@mui/material/colors";
 import classNames2 from "classnames";
 import { makeStyles as makeStyles29 } from "tss-react/mui";
-import { jsx as jsx85, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
 var useStyles29 = makeStyles29()(() => ({
   container: {
     display: "flex",
@@ -4340,7 +4356,7 @@ var LocationsSectionInfo = ({
     return "STOCK";
   };
   return /* @__PURE__ */ jsxs52(Box17, { className: classes.container, children: [
-    /* @__PURE__ */ jsx85(
+    /* @__PURE__ */ jsx86(
       Chip2,
       {
         className: classNames2(classes.defaultChip, {
@@ -4351,10 +4367,10 @@ var LocationsSectionInfo = ({
         label: getLocationLabel()
       }
     ),
-    /* @__PURE__ */ jsx85(Typography14, { className: classes.locationText, color: "primary", children: principalLocation }),
+    /* @__PURE__ */ jsx86(Typography14, { className: classes.locationText, color: "primary", children: principalLocation }),
     secondaryLocation?.map((loc) => /* @__PURE__ */ jsxs52(Fragment7, { children: [
-      /* @__PURE__ */ jsx85(Typography14, { className: classes.smallTitle, children: "/" }),
-      /* @__PURE__ */ jsx85(Typography14, { className: classes.locationText, children: loc })
+      /* @__PURE__ */ jsx86(Typography14, { className: classes.smallTitle, children: "/" }),
+      /* @__PURE__ */ jsx86(Typography14, { className: classes.locationText, children: loc })
     ] }, loc))
   ] });
 };
@@ -4364,7 +4380,7 @@ var LocationsSectionInfo_default = LocationsSectionInfo;
 import { useEffect as useEffect2, useState as useState5 } from "react";
 import { FormControl as FormControl3, Input, InputAdornment as InputAdornment2, InputLabel as InputLabel3 } from "@mui/material";
 import { makeStyles as makeStyles30 } from "tss-react/mui";
-import { jsx as jsx86, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
 var useStyles30 = makeStyles30()((theme) => ({
   wrapper: {
     padding: theme.spacing(3),
@@ -4407,13 +4423,13 @@ var Notes2 = ({
     }
   };
   const { classes } = useStyles30();
-  return /* @__PURE__ */ jsx86("div", { className: classes.wrapper, children: /* @__PURE__ */ jsxs53(FormControl3, { fullWidth: true, children: [
-    /* @__PURE__ */ jsx86(InputLabel3, { htmlFor: "notes", children: "Notes" }),
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87("div", { className: classes.wrapper, children: /* @__PURE__ */ jsxs53(FormControl3, { fullWidth: true, children: [
+    /* @__PURE__ */ jsx87(InputLabel3, { htmlFor: "notes", children: "Notes" }),
+    /* @__PURE__ */ jsx87(
       Input,
       {
         disabled: isDisabled || isLoading,
-        endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ jsx86(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx86(
+        endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ jsx87(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx87(
           RoundButton_default,
           {
             disabled: isLoading,
@@ -4439,7 +4455,7 @@ var Notes2 = ({
 var Notes_default = Notes2;
 // src/components/Numpad/Numpad.tsx
-import { jsx as jsx87, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs54 } from "react/jsx-runtime";
 var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
   "div",
   {
@@ -4454,7 +4470,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
     children: [
       /* @__PURE__ */ jsxs54("div", { children: [
         /* @__PURE__ */ jsxs54("div", { children: [
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("1"),
@@ -4463,7 +4479,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "1"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("2"),
@@ -4472,7 +4488,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "2"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("3"),
@@ -4483,7 +4499,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
           )
         ] }),
         /* @__PURE__ */ jsxs54("div", { children: [
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("4"),
@@ -4492,7 +4508,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "4"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("5"),
@@ -4501,7 +4517,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "5"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("6"),
@@ -4512,7 +4528,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
           )
         ] }),
         /* @__PURE__ */ jsxs54("div", { children: [
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("7"),
@@ -4521,7 +4537,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "7"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("8"),
@@ -4530,7 +4546,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "8"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("9"),
@@ -4541,7 +4557,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
           )
         ] }),
         /* @__PURE__ */ jsxs54("div", { children: [
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("0"),
@@ -4550,7 +4566,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
               children: "0"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               onClick: () => handleClick("."),
@@ -4561,7 +4577,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx87(
+      /* @__PURE__ */ jsx88(
         "div",
         {
           style: {
@@ -4570,7 +4586,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ jsxs54(
             justifyContent: "space-between",
             borderLeft: `1px solid ${colors.neutral250}`
           },
-          children: /* @__PURE__ */ jsx87(
+          children: /* @__PURE__ */ jsx88(
             RoundButton_default,
             {
               icon: "backspaceOutlined",
@@ -4590,7 +4606,7 @@ var Numpad_default = Numpad;
 import { memo as memo14, useState as useState6 } from "react";
 import { TextField as TextField4, Typography as Typography15 } from "@mui/material";
 import { makeStyles as makeStyles31 } from "tss-react/mui";
-import { jsx as jsx88, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs55 } from "react/jsx-runtime";
 var useStyles31 = makeStyles31()(() => ({
   c_numpadinput__textfield: {
     "& .MuiInputLabel-outlined.MuiInputLabel-shrink": {
@@ -4628,12 +4644,12 @@ var NumpadInput = (props) => {
     handleNextClick?.(state);
   }
   const DefaultInput = /* @__PURE__ */ jsxs55("div", { children: [
-    /* @__PURE__ */ jsx88(Typography15, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
-    /* @__PURE__ */ jsx88("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx89(Typography15, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
+    /* @__PURE__ */ jsx89("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx89(
       TextField4,
       {
         id: "outlined-basic",
-        label: /* @__PURE__ */ jsx88(Typography15, { style: { fontSize: "1.5rem" }, children: "Insert" }),
+        label: /* @__PURE__ */ jsx89(Typography15, { style: { fontSize: "1.5rem" }, children: "Insert" }),
         value: state,
         variant: "outlined",
         autoFocus: true,
@@ -4651,16 +4667,16 @@ var NumpadInput = (props) => {
   return /* @__PURE__ */ jsxs55("div", { children: [
     /* @__PURE__ */ jsxs55("div", { className: classes.c_numpadinput__body, children: [
       children || DefaultInput,
-      /* @__PURE__ */ jsx88(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
+      /* @__PURE__ */ jsx89(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
     ] }),
-    state ? /* @__PURE__ */ jsx88(
+    state ? /* @__PURE__ */ jsx89(
       FilledButtonLg_default,
       {
         color: "primary",
         copy: "next",
         handleClick: handleSubmit
       }
-    ) : /* @__PURE__ */ jsx88(FilledButtonLg_default, { copy: "next", disabled: true })
+    ) : /* @__PURE__ */ jsx89(FilledButtonLg_default, { copy: "next", disabled: true })
   ] });
 };
 var NumpadInput_default = memo14(NumpadInput);
@@ -4668,7 +4684,7 @@ var NumpadInput_default = memo14(NumpadInput);
 // src/components/NumpadPlus/NumpadPlus.tsx
 import { Box as Box18 } from "@mui/material";
 import { makeStyles as makeStyles32 } from "tss-react/mui";
-import { jsx as jsx89, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs56 } from "react/jsx-runtime";
 var useStyles32 = makeStyles32()(() => ({
   numpadContainer: {
     display: "flex",
@@ -4703,7 +4719,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
   return /* @__PURE__ */ jsxs56(Box18, { className: styles.numpadContainer, children: [
     /* @__PURE__ */ jsxs56(Box18, { className: styles.numpadNumbersContainer, children: [
       /* @__PURE__ */ jsxs56(Box18, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("1"),
@@ -4712,7 +4728,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "1"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("2"),
@@ -4721,7 +4737,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "2"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("3"),
@@ -4732,7 +4748,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] }),
       /* @__PURE__ */ jsxs56(Box18, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("4"),
@@ -4741,7 +4757,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "4"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("5"),
@@ -4750,7 +4766,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "5"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("6"),
@@ -4761,7 +4777,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] }),
       /* @__PURE__ */ jsxs56(Box18, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("7"),
@@ -4770,7 +4786,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "7"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("8"),
@@ -4779,7 +4795,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "8"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("9"),
@@ -4790,7 +4806,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] }),
       /* @__PURE__ */ jsxs56(Box18, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("0"),
@@ -4799,7 +4815,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "0"
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("."),
@@ -4808,7 +4824,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "."
           }
         ),
-        /* @__PURE__ */ jsx89(
+        /* @__PURE__ */ jsx90(
           RoundButton_default,
           {
             onClick: () => handleClick("-"),
@@ -4819,7 +4835,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx89(Box18, { className: styles.numpadBackspace, children: /* @__PURE__ */ jsx89(
+    /* @__PURE__ */ jsx90(Box18, { className: styles.numpadBackspace, children: /* @__PURE__ */ jsx90(
       RoundButton_default,
       {
         icon: "backspaceOutlined",
@@ -4835,7 +4851,7 @@ var NumpadPlus_default = NumpadPlus;
 // src/components/Pagination/Pagination.tsx
 import { Pagination, Paper as Paper4, Typography as Typography16 } from "@mui/material";
 import { makeStyles as makeStyles33 } from "tss-react/mui";
-import { jsx as jsx90, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs57 } from "react/jsx-runtime";
 var paginationHeight = "56px";
 var useStyles33 = makeStyles33()((theme) => ({
   root: {
@@ -4878,7 +4894,7 @@ var PaginationForTable = ({
     updateFilters({ ...appliedFilters, page: value });
   };
   const isFixed = position === "fixed";
-  return /* @__PURE__ */ jsx90(Paper4, { children: /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsx91(Paper4, { children: /* @__PURE__ */ jsxs57(
     "div",
     {
       style,
@@ -4890,7 +4906,7 @@ var PaginationForTable = ({
           "Page: ",
           page
         ] }),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           Pagination,
           {
             count: pagination.num_pages,
@@ -4907,8 +4923,8 @@ var Pagination_default = PaginationForTable;
 // src/components/PhoneInput/PhoneInput.tsx
 import ReactPhoneInput from "react-phone-input-material-ui";
 import { Box as Box19, TextField as TextField5, Typography as Typography17 } from "@mui/material";
-import { jsx as jsx91, jsxs as jsxs58 } from "react/jsx-runtime";
-var TextInput = (props) => /* @__PURE__ */ jsx91(TextField5, { ...props, variant: "standard" });
+import { jsx as jsx92, jsxs as jsxs58 } from "react/jsx-runtime";
+var TextInput = (props) => /* @__PURE__ */ jsx92(TextField5, { ...props, variant: "standard" });
 var PhoneInput = ({
   value,
   onChange,
@@ -4925,7 +4941,7 @@ var PhoneInput = ({
     },
     className,
     children: [
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         ReactPhoneInput,
         {
           label,
@@ -4940,7 +4956,7 @@ var PhoneInput = ({
           }
         }
       ),
-      /* @__PURE__ */ jsx91(
+      /* @__PURE__ */ jsx92(
         Typography17,
         {
           variant: "caption",
@@ -4969,7 +4985,7 @@ import {
   Typography as Typography18
 } from "@mui/material";
 import { makeStyles as makeStyles34 } from "tss-react/mui";
-import { jsx as jsx92, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs59 } from "react/jsx-runtime";
 var useStyles34 = makeStyles34()((theme) => ({
   container: {
     position: "relative",
@@ -5112,7 +5128,7 @@ var PlusMinusInput = ({
     updateInputValue(value);
   };
   const { classes, cx } = useStyles34();
-  return /* @__PURE__ */ jsx92("div", { className: classes.container, children: /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsx93("div", { className: classes.container, children: /* @__PURE__ */ jsxs59(
     FormGroup,
     {
       className: cx(classes.wrapper, {
@@ -5120,7 +5136,7 @@ var PlusMinusInput = ({
         [classes.rightButtons]: buttonsPosition === "right"
       }),
       children: [
-        /* @__PURE__ */ jsx92(
+        /* @__PURE__ */ jsx93(
           RoundButton_default,
           {
             className: classes.minus,
@@ -5131,17 +5147,17 @@ var PlusMinusInput = ({
           }
         ),
         /* @__PURE__ */ jsxs59("div", { children: [
-          /* @__PURE__ */ jsx92(
+          /* @__PURE__ */ jsx93(
             Controller7,
             {
               control,
               name: "inputValue",
-              render: ({ field }) => /* @__PURE__ */ jsx92(
+              render: ({ field }) => /* @__PURE__ */ jsx93(
                 FormControlLabel2,
                 {
                   ...field,
                   className: classes.formControlLabel,
-                  control: /* @__PURE__ */ jsx92(
+                  control: /* @__PURE__ */ jsx93(
                     TextField6,
                     {
                       className: classes.input,
@@ -5158,7 +5174,7 @@ var PlusMinusInput = ({
               )
             }
           ),
-          errors.inputValue && /* @__PURE__ */ jsx92(
+          errors.inputValue && /* @__PURE__ */ jsx93(
             Typography18,
             {
               className: classes.errorText,
@@ -5169,7 +5185,7 @@ var PlusMinusInput = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx92(
+        /* @__PURE__ */ jsx93(
           RoundButton_default,
           {
             className: classes.plus,
@@ -5193,21 +5209,21 @@ import { withStyles as withStyles4 } from "tss-react/mui";
 // src/components/ProductImage/ProductImage.tsx
 import { CardMedia } from "@mui/material";
 import { withStyles as withStyles3 } from "tss-react/mui";
-import { jsx as jsx93, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs60 } from "react/jsx-runtime";
 var PImage = ({
   classes,
   image,
   size = "c_productbust__image_xs",
   status
 }) => /* @__PURE__ */ jsxs60("div", { className: classes.c_productbust__image, children: [
-  /* @__PURE__ */ jsx93(
+  /* @__PURE__ */ jsx94(
     CardMedia,
     {
       className: classes[size],
       image: image || "@/resources/img/peas.jpg"
     }
   ),
-  status && status !== "ACTIVE" && /* @__PURE__ */ jsx93("div", { className: classes.c_productbust__label_status, children: status })
+  status && status !== "ACTIVE" && /* @__PURE__ */ jsx94("div", { className: classes.c_productbust__label_status, children: status })
 ] });
 var ProductImage = withStyles3(PImage, (theme) => ({
   c_productbust__label_status: {
@@ -5289,7 +5305,7 @@ var ProductImage = withStyles3(PImage, (theme) => ({
 var ProductImage_default = ProductImage;
 // src/components/ProductBust/ProductBust.tsx
-import { Fragment as Fragment8, jsx as jsx94, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs61 } from "react/jsx-runtime";
 var PBust = ({
   classes,
   size,
@@ -5332,7 +5348,7 @@ var PBust = ({
       break;
   }
   const [historyVisible, setHistoryVisible] = useState7(false);
-  const historyDataIcon = () => /* @__PURE__ */ jsx94(
+  const historyDataIcon = () => /* @__PURE__ */ jsx95(
     RoundButton_default,
     {
       icon: "history",
@@ -5341,7 +5357,7 @@ var PBust = ({
     }
   );
   return /* @__PURE__ */ jsxs61("div", { className: classes.c_productbust, children: [
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95(
       ProductImage_default,
       {
         image: product?.image,
@@ -5352,7 +5368,7 @@ var PBust = ({
     /* @__PURE__ */ jsxs61("div", { className: classes.c_productbust__container, children: [
       /* @__PURE__ */ jsxs61("div", { className: classes.c_productbust__heading, children: [
         /* @__PURE__ */ jsxs61("div", { children: [
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx95(
             Typography19,
             {
               component: "span",
@@ -5361,10 +5377,10 @@ var PBust = ({
               children: !!locationData && locationData
             }
           ),
-          /* @__PURE__ */ jsx94(Typography19, { component: "span", className: classes[titleSize], children: product?.name }),
-          !product && /* @__PURE__ */ jsx94(Typography19, { component: "span", className: classes[titleSize], children: "Empty Position" }),
+          /* @__PURE__ */ jsx95(Typography19, { component: "span", className: classes[titleSize], children: product?.name }),
+          !product && /* @__PURE__ */ jsx95(Typography19, { component: "span", className: classes[titleSize], children: "Empty Position" }),
           primaryData || /* @__PURE__ */ jsxs61(Fragment8, { children: [
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx95(
               Typography19,
               {
                 style: { color: "#555" },
@@ -5372,7 +5388,7 @@ var PBust = ({
                 children: product?.category.name
               }
             ),
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx95(
               Typography19,
               {
                 style: { color: "#A42966", textTransform: "uppercase" },
@@ -5383,13 +5399,13 @@ var PBust = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs61("div", { className: classes.c_productbust__btns, children: [
-          /* @__PURE__ */ jsx94("div", { children: buttonData }),
-          /* @__PURE__ */ jsx94("div", { children: !!locationId && historyDataIcon() })
+          /* @__PURE__ */ jsx95("div", { children: buttonData }),
+          /* @__PURE__ */ jsx95("div", { children: !!locationId && historyDataIcon() })
         ] })
       ] }),
-      /* @__PURE__ */ jsx94("div", { children: !!secondaryData && secondaryData })
+      /* @__PURE__ */ jsx95("div", { children: !!secondaryData && secondaryData })
     ] }),
-    /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95(
       LocationHistoryDialog,
       {
         handleVisible: setHistoryVisible,
@@ -5493,7 +5509,7 @@ var ProductBust_default = ProductBust;
 // src/components/RenderAvatar/RenderAvatar.tsx
 import { Avatar, Badge, Box as Box20, Typography as Typography20 } from "@mui/material";
 import { withStyles as withStyles5 } from "tss-react/mui";
-import { jsx as jsx95, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs62 } from "react/jsx-runtime";
 var RenderAvatar = ({ active }) => {
   const StyledBadge = withStyles5(Badge, () => ({
     root: {
@@ -5507,7 +5523,7 @@ var RenderAvatar = ({ active }) => {
     {
       sx: { display: "flex", flexDirection: "column", alignItems: "center" },
       children: [
-        /* @__PURE__ */ jsx95(
+        /* @__PURE__ */ jsx96(
           StyledBadge,
           {
             overlap: "circular",
@@ -5516,10 +5532,10 @@ var RenderAvatar = ({ active }) => {
               horizontal: "right"
             },
             variant: "dot",
-            children: /* @__PURE__ */ jsx95(Avatar, {})
+            children: /* @__PURE__ */ jsx96(Avatar, {})
           }
         ),
-        /* @__PURE__ */ jsx95(Typography20, { variant: "caption", children: active ? "Active" : "Disabled" })
+        /* @__PURE__ */ jsx96(Typography20, { variant: "caption", children: active ? "Active" : "Disabled" })
       ]
     }
   );
@@ -5543,7 +5559,7 @@ import { useEffect as useEffect4, useState as useState8 } from "react";
 var transformNameToID = (name) => name.replaceAll(" ", "-").toLocaleLowerCase();
 // src/components/RenderContentList/RenderContentList.tsx
-import { jsx as jsx96, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs63 } from "react/jsx-runtime";
 var useStyles35 = makeStyles35()(
   (_theme, _params, classes) => ({
     root: {
@@ -5598,12 +5614,12 @@ var RenderContentList = ({
       observer.current?.disconnect();
     };
   }, [items]);
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     List,
     {
       component: "nav",
       "aria-labelledby": "nested-list-subheader",
-      subheader: /* @__PURE__ */ jsx96(ListSubheader, { component: "div", id: "nested-list-subheader", children: "Contents" }),
+      subheader: /* @__PURE__ */ jsx97(ListSubheader, { component: "div", id: "nested-list-subheader", children: "Contents" }),
       children: items.map((item) => {
         const id = transformNameToID(item);
         return /* @__PURE__ */ jsxs63(
@@ -5622,8 +5638,8 @@ var RenderContentList = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsx96(ListItemText4, { primary: item }),
-              warningItems?.includes(item) && /* @__PURE__ */ jsx96(Tooltip4, { title: warningMessage, children: /* @__PURE__ */ jsx96(WarningAmber, { color: "warning" }) })
+              /* @__PURE__ */ jsx97(ListItemText4, { primary: item }),
+              warningItems?.includes(item) && /* @__PURE__ */ jsx97(Tooltip4, { title: warningMessage, children: /* @__PURE__ */ jsx97(WarningAmber, { color: "warning" }) })
             ]
           },
           id
@@ -5637,7 +5653,7 @@ var RenderContentList_default = RenderContentList;
 // src/components/RowProductCard/RowProductCard.tsx
 import { Box as Box21, Divider as Divider4, Paper as Paper5, Typography as Typography21 } from "@mui/material";
 import { makeStyles as makeStyles36 } from "tss-react/mui";
-import { Fragment as Fragment9, jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx98, jsxs as jsxs64 } from "react/jsx-runtime";
 var useStyles36 = makeStyles36()((theme) => ({
   wrapper: {
     display: "flex",
@@ -5677,7 +5693,7 @@ var RowProductCard = ({
     large: "c_productbust__image_lg"
   };
   return /* @__PURE__ */ jsxs64(Paper5, { className: classes.wrapper, children: [
-    /* @__PURE__ */ jsx97(
+    /* @__PURE__ */ jsx98(
       ProductImage_default,
       {
         image: product.image,
@@ -5703,16 +5719,16 @@ var RowProductCard = ({
               },
               children: [
                 /* @__PURE__ */ jsxs64("div", { children: [
-                  location ? /* @__PURE__ */ jsx97(Typography21, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
-                  /* @__PURE__ */ jsx97(Typography21, { variant: "h6", children: product.name })
+                  location ? /* @__PURE__ */ jsx98(Typography21, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
+                  /* @__PURE__ */ jsx98(Typography21, { variant: "h6", children: product.name })
                 ] }),
                 children
               ]
             }
           ),
           hasColumns ? /* @__PURE__ */ jsxs64(Fragment9, { children: [
-            /* @__PURE__ */ jsx97(Divider4, { className: classes.divider }),
-            /* @__PURE__ */ jsx97(
+            /* @__PURE__ */ jsx98(Divider4, { className: classes.divider }),
+            /* @__PURE__ */ jsx98(
               Box21,
               {
                 sx: {
@@ -5720,8 +5736,8 @@ var RowProductCard = ({
                   gap: "24px"
                 },
                 children: columns.map((column) => /* @__PURE__ */ jsxs64("div", { children: [
-                  /* @__PURE__ */ jsx97(Typography21, { className: classes.smallTitle, variant: "caption", children: column.title }),
-                  typeof column.value === "string" ? /* @__PURE__ */ jsx97(Typography21, { variant: "body1", children: column.value }) : column.value
+                  /* @__PURE__ */ jsx98(Typography21, { className: classes.smallTitle, variant: "caption", children: column.title }),
+                  typeof column.value === "string" ? /* @__PURE__ */ jsx98(Typography21, { variant: "body1", children: column.value }) : column.value
                 ] }, column.title))
               }
             )
@@ -5737,7 +5753,7 @@ var RowProductCard_default = RowProductCard;
 import { useEffect as useEffect6, useRef as useRef3, useState as useState10 } from "react";
 import { Box as Box22, Dialog as Dialog4, Divider as Divider5, Fade, Paper as Paper6, Typography as Typography22 } from "@mui/material";
 import { makeStyles as makeStyles37 } from "tss-react/mui";
-import { jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs65 } from "react/jsx-runtime";
 var useStyles37 = makeStyles37()((theme) => ({
   dialog: {
     margin: "0 auto",
@@ -5812,7 +5828,7 @@ var ScrollableDialog = ({
       requestAnimationFrame(measureHeights);
     }
   }, [isOpen, header, footer, title, maxDialogHeight]);
-  return /* @__PURE__ */ jsx98(Dialog4, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx99(Dialog4, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ jsx99(
     Fade,
     {
       in: isOpen,
@@ -5820,9 +5836,9 @@ var ScrollableDialog = ({
         requestAnimationFrame(measureHeights);
       },
       children: /* @__PURE__ */ jsxs65(Paper6, { className: classes.wrapper, children: [
-        header ? /* @__PURE__ */ jsx98("div", { className: classes.header, id: "dialog-header", children: header }) : null,
+        header ? /* @__PURE__ */ jsx99("div", { className: classes.header, id: "dialog-header", children: header }) : null,
         /* @__PURE__ */ jsxs65("div", { className: classes.body, children: [
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99(
             Typography22,
             {
               className: classes.title,
@@ -5831,7 +5847,7 @@ var ScrollableDialog = ({
               children: title
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99(
             "div",
             {
               className: cx(classes.scrollableContainer, {
@@ -5845,8 +5861,8 @@ var ScrollableDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx98(Divider5, {}),
-        footer ? /* @__PURE__ */ jsx98(
+        /* @__PURE__ */ jsx99(Divider5, {}),
+        footer ? /* @__PURE__ */ jsx99(
           Box22,
           {
             className: classes.footer,
@@ -5878,7 +5894,7 @@ import {
 } from "@mui/icons-material";
 import { Button as Button11, Divider as Divider6, InputBase, Paper as Paper7 } from "@mui/material";
 import { makeStyles as makeStyles38 } from "tss-react/mui";
-import { jsx as jsx99, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
 var useStyles38 = makeStyles38()((theme) => ({
   searchContainer: {
     height: 46,
@@ -5939,8 +5955,8 @@ var SearchWithFilters = ({
     setSearchText(searchValue);
   }, [searchValue]);
   return /* @__PURE__ */ jsxs66(Paper7, { className: classes.searchContainer, children: [
-    /* @__PURE__ */ jsx99(SearchIcon, { className: classes.icon, fontSize: "small" }),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(SearchIcon, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ jsx100(
       InputBase,
       {
         className: classes.input,
@@ -5952,7 +5968,7 @@ var SearchWithFilters = ({
         inputProps: { "aria-label": "search" }
       }
     ),
-    /* @__PURE__ */ jsx99(Divider6, { className: classes.divider, orientation: "vertical" }),
+    /* @__PURE__ */ jsx100(Divider6, { className: classes.divider, orientation: "vertical" }),
     /* @__PURE__ */ jsxs66(
       Button11,
       {
@@ -5961,7 +5977,7 @@ var SearchWithFilters = ({
         disabled,
         children: [
           "Filters",
-          showFilters ? /* @__PURE__ */ jsx99(ArrowDropUpIcon, {}) : /* @__PURE__ */ jsx99(ArrowDropDownIcon, {})
+          showFilters ? /* @__PURE__ */ jsx100(ArrowDropUpIcon, {}) : /* @__PURE__ */ jsx100(ArrowDropDownIcon, {})
         ]
       }
     )
@@ -5970,7 +5986,7 @@ var SearchWithFilters = ({
 var SearchWithFilters_default = React3.memo(SearchWithFilters);
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
-import { jsx as jsx100, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs67 } from "react/jsx-runtime";
 var useStyles39 = makeStyles39()((theme) => ({
   wrapper: {
     display: "flex",
@@ -6006,11 +6022,11 @@ var SearchAndFilterHeader = ({
   searchValue
 }) => {
   const { classes } = useStyles39();
-  return /* @__PURE__ */ jsx100(Paper8, { children: /* @__PURE__ */ jsxs67(Box23, { className: classes.wrapper, children: [
+  return /* @__PURE__ */ jsx101(Paper8, { children: /* @__PURE__ */ jsxs67(Box23, { className: classes.wrapper, children: [
     /* @__PURE__ */ jsxs67(Box23, { className: classes.container, children: [
       /* @__PURE__ */ jsxs67(Box23, { className: classes.leftSection, children: [
-        /* @__PURE__ */ jsx100(AppLabel_default, { appName }),
-        /* @__PURE__ */ jsx100(
+        /* @__PURE__ */ jsx101(AppLabel_default, { appName }),
+        /* @__PURE__ */ jsx101(
           SearchWithFilters_default,
           {
             searchValue,
@@ -6021,9 +6037,9 @@ var SearchAndFilterHeader = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx100(Box23, { children: extraButton })
+      /* @__PURE__ */ jsx101(Box23, { children: extraButton })
     ] }),
-    showFilters ? /* @__PURE__ */ jsx100(Box23, { children: filtersComponent }) : null,
+    showFilters ? /* @__PURE__ */ jsx101(Box23, { children: filtersComponent }) : null,
     appliedFiltersComponent
   ] }) });
 };
@@ -6043,7 +6059,7 @@ import {
 } from "@mui/icons-material";
 import { Box as Box24, Button as Button12, Divider as Divider7, InputBase as InputBase2, Paper as Paper9 } from "@mui/material";
 import { makeStyles as makeStyles40 } from "tss-react/mui";
-import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx102, jsxs as jsxs68 } from "react/jsx-runtime";
 var useStyles40 = makeStyles40()((theme) => ({
   c_search: {
     height: 46,
@@ -6119,8 +6135,8 @@ var SearchWithFiltersForTable = (props) => {
   };
   const ArrowIcon = isOpen ? ArrowDropUpIcon2 : ArrowDropDownIcon2;
   return /* @__PURE__ */ jsxs68(Paper9, { className: classes.c_search, children: [
-    /* @__PURE__ */ jsx101(Box24, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx101(SearchIcon2, { className: classes.icon, fontSize: "small" }) }),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx102(Box24, { className: classes.c_search__icon, children: /* @__PURE__ */ jsx102(SearchIcon2, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ jsx102(
       InputBase2,
       {
         className: classes.c_search__input,
@@ -6131,7 +6147,7 @@ var SearchWithFiltersForTable = (props) => {
       }
     ),
     showFilterButton && /* @__PURE__ */ jsxs68(Fragment10, { children: [
-      /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx102(
         Divider7,
         {
           className: classes.c_search__divider,
@@ -6145,7 +6161,7 @@ var SearchWithFiltersForTable = (props) => {
           onClick: handleFilterButtonClick,
           children: [
             "Filters",
-            /* @__PURE__ */ jsx101(ArrowIcon, { className: classes.c_search__bt_icon_filter })
+            /* @__PURE__ */ jsx102(ArrowIcon, { className: classes.c_search__bt_icon_filter })
           ]
         }
       )
@@ -6155,7 +6171,7 @@ var SearchWithFiltersForTable = (props) => {
 var SearchWithFiltersForTable_default = memo16(SearchWithFiltersForTable);
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
-import { jsx as jsx102, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs69 } from "react/jsx-runtime";
 var useStyles41 = makeStyles41()((theme) => ({
   container: {
     display: "flex",
@@ -6189,8 +6205,8 @@ var SearchAndFilterHeaderForTable = (props) => {
   const { classes } = useStyles41();
   return /* @__PURE__ */ jsxs69(Box25, { className: classes.container, children: [
     /* @__PURE__ */ jsxs69(Box25, { className: classes.leftSection, children: [
-      /* @__PURE__ */ jsx102(AppLabel_default, { appName }),
-      /* @__PURE__ */ jsx102(
+      /* @__PURE__ */ jsx103(AppLabel_default, { appName }),
+      /* @__PURE__ */ jsx103(
         SearchWithFiltersForTable_default,
         {
           onFilterButtonClick,
@@ -6201,17 +6217,17 @@ var SearchAndFilterHeaderForTable = (props) => {
           searchedValue
         }
       ),
-      copy && /* @__PURE__ */ jsx102(
+      copy && /* @__PURE__ */ jsx103(
         Box25,
         {
           sx: {
             margin: 0.5
           },
-          children: /* @__PURE__ */ jsx102(OutlinedButton_default, { copy })
+          children: /* @__PURE__ */ jsx103(OutlinedButton_default, { copy })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx102(Box25, { children: button })
+    /* @__PURE__ */ jsx103(Box25, { children: button })
   ] });
 };
 var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderForTable);
@@ -6220,7 +6236,7 @@ var SearchAndFilterHeaderForTable_default = React4.memo(SearchAndFilterHeaderFor
 import { useState as useState13, useRef as useRef4, useEffect as useEffect8 } from "react";
 import { TextField as TextField7, InputAdornment as InputAdornment3, Box as Box26 } from "@mui/material";
 import Search2 from "@mui/icons-material/Search";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var SearchFieldDebounced = ({
   onSearch,
   initialValue = "",
@@ -6243,7 +6259,7 @@ var SearchFieldDebounced = ({
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsx103(Box26, { width: 285, children: /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx104(Box26, { width: 285, children: /* @__PURE__ */ jsx104(
     TextField7,
     {
       fullWidth: true,
@@ -6258,7 +6274,7 @@ var SearchFieldDebounced = ({
             px: 2,
             py: 2.5
           },
-          startAdornment: /* @__PURE__ */ jsx103(InputAdornment3, { position: "start", children: /* @__PURE__ */ jsx103(Search2, { fontSize: "small" }) })
+          startAdornment: /* @__PURE__ */ jsx104(InputAdornment3, { position: "start", children: /* @__PURE__ */ jsx104(Search2, { fontSize: "small" }) })
         }
       }
     }
@@ -6269,7 +6285,7 @@ var SearchFieldDebounced = ({
 import { History as History2, Info as InfoIcon } from "@mui/icons-material";
 import { Box as Box27, Divider as Divider8, IconButton as IconButton3, Tooltip as Tooltip5, Typography as Typography23 } from "@mui/material";
 import { makeStyles as makeStyles42 } from "tss-react/mui";
-import { jsx as jsx104, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs70 } from "react/jsx-runtime";
 var useStyles42 = makeStyles42()((theme) => ({
   container: {
     display: "flex",
@@ -6314,7 +6330,7 @@ var SectionName = ({
   const { classes } = useStyles42();
   return /* @__PURE__ */ jsxs70(Box27, { className: classes.container, children: [
     /* @__PURE__ */ jsxs70(Box27, { className: classes.titleContainer, children: [
-      /* @__PURE__ */ jsx104(
+      /* @__PURE__ */ jsx105(
         Typography23,
         {
           variant: "h5",
@@ -6324,7 +6340,7 @@ var SectionName = ({
           children: name
         }
       ),
-      tooltipDescription ? /* @__PURE__ */ jsx104(Tooltip5, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx104(
+      tooltipDescription ? /* @__PURE__ */ jsx105(Tooltip5, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ jsx105(
         InfoIcon,
         {
           fontSize: "small",
@@ -6334,7 +6350,7 @@ var SectionName = ({
       ) }) : null
     ] }),
     /* @__PURE__ */ jsxs70(Box27, { className: classes.actionButtons, children: [
-      buttonText ? /* @__PURE__ */ jsx104(
+      buttonText ? /* @__PURE__ */ jsx105(
         ExtendedButton_default,
         {
           type: buttonType,
@@ -6347,8 +6363,8 @@ var SectionName = ({
           variant: "text"
         }
       ) : null,
-      openHistoryLog && buttonText && /* @__PURE__ */ jsx104(Divider8, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ jsx104(IconButton3, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx104(History2, {}) })
+      openHistoryLog && buttonText && /* @__PURE__ */ jsx105(Divider8, { orientation: "vertical", sx: { height: "24px" } }),
+      openHistoryLog && /* @__PURE__ */ jsx105(IconButton3, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ jsx105(History2, {}) })
     ] })
   ] });
 };
@@ -6365,7 +6381,7 @@ import {
   Select as Select3
 } from "@mui/material";
 import { makeStyles as makeStyles43 } from "tss-react/mui";
-import { jsx as jsx105, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs71 } from "react/jsx-runtime";
 var useStyles43 = makeStyles43()(() => ({
   container: {
     display: "flex",
@@ -6444,7 +6460,7 @@ var SmartSelect = forwardRef2(
         "data-testid": dataTestId,
         disabled,
         children: [
-          inputLabel && /* @__PURE__ */ jsx105(
+          inputLabel && /* @__PURE__ */ jsx106(
             InputLabel4,
             {
               id: "smart-select-label",
@@ -6470,17 +6486,17 @@ var SmartSelect = forwardRef2(
               MenuProps: menuProps,
               label: inputLabel,
               children: [
-                isFetching && /* @__PURE__ */ jsx105(
+                isFetching && /* @__PURE__ */ jsx106(
                   MenuItem3,
                   {
                     disabled: true,
                     "data-testid": `${dataTestId}-loading`,
                     id: `${dataTestId}-loading`,
-                    children: /* @__PURE__ */ jsx105(CircularProgress4, { size: 24 })
+                    children: /* @__PURE__ */ jsx106(CircularProgress4, { size: 24 })
                   }
                 ),
-                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ jsx105(MenuItem3, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
-                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ jsx105(
+                (defaultOption === null || !defaultOptionLabelIsValid || !defaultOptionValueIsValid) && !isFetching && options?.length === 0 && /* @__PURE__ */ jsx106(MenuItem3, { disabled: true, "data-testid": `${dataTestId}-empty-message`, children: emptyMessage }),
+                localOptions.length === 0 && !isFetching && options?.length !== 0 && defaultOptionLabelIsValid && defaultOptionValueIsValid && /* @__PURE__ */ jsx106(
                   MenuItem3,
                   {
                     value: defaultOption?.value,
@@ -6488,7 +6504,7 @@ var SmartSelect = forwardRef2(
                     children: defaultOption?.label
                   }
                 ),
-                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ jsx105(
+                !isFetching && combinedOptions.length > 0 && combinedOptions.map((option) => /* @__PURE__ */ jsx106(
                   MenuItem3,
                   {
                     value: option?.value,
@@ -6501,7 +6517,7 @@ var SmartSelect = forwardRef2(
               ]
             }
           ),
-          helperText && /* @__PURE__ */ jsx105(FormHelperText3, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
+          helperText && /* @__PURE__ */ jsx106(FormHelperText3, { "data-testid": `${dataTestId}-helper-text`, children: helperText })
         ]
       }
     );
@@ -6514,7 +6530,7 @@ import { memo as memo18 } from "react";
 import { Typography as Typography24 } from "@mui/material";
 import red2 from "@mui/material/colors/red";
 import { makeStyles as makeStyles44 } from "tss-react/mui";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var useStyles44 = makeStyles44()((theme) => ({
   red: {
     backgroundColor: red2["50"],
@@ -6529,7 +6545,7 @@ var useStyles44 = makeStyles44()((theme) => ({
 }));
 var SquareLabel = ({ color, copy }) => {
   const { classes } = useStyles44();
-  return /* @__PURE__ */ jsx106(Typography24, { className: classes[color], children: copy });
+  return /* @__PURE__ */ jsx107(Typography24, { className: classes[color], children: copy });
 };
 var SquareLabel_default = memo18(SquareLabel);
@@ -6537,7 +6553,7 @@ var SquareLabel_default = memo18(SquareLabel);
 import { memo as memo19 } from "react";
 import { Grid2, Switch } from "@mui/material";
 import { withStyles as withStyles6 } from "tss-react/mui";
-import { jsx as jsx107, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs72 } from "react/jsx-runtime";
 var LSwitch = ({
   checked,
   labelOn,
@@ -6545,7 +6561,7 @@ var LSwitch = ({
   handleChange,
   classes,
   disabled
-}) => /* @__PURE__ */ jsx107("div", { className: classes.c_switch, children: /* @__PURE__ */ jsxs72(
+}) => /* @__PURE__ */ jsx108("div", { className: classes.c_switch, children: /* @__PURE__ */ jsxs72(
   Grid2,
   {
     component: "label",
@@ -6555,8 +6571,8 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ jsx107(Grid2, { children: labelOff }),
-      /* @__PURE__ */ jsx107(Grid2, { children: /* @__PURE__ */ jsx107(
+      labelOff && /* @__PURE__ */ jsx108(Grid2, { children: labelOff }),
+      /* @__PURE__ */ jsx108(Grid2, { children: /* @__PURE__ */ jsx108(
         Switch,
         {
           checked,
@@ -6565,7 +6581,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ jsx107(Grid2, { children: labelOn })
+      labelOn && /* @__PURE__ */ jsx108(Grid2, { children: labelOn })
     ]
   }
 ) });
@@ -6603,7 +6619,7 @@ import {
 } from "@mui/material";
 import classNames3 from "classnames";
 import { makeStyles as makeStyles45 } from "tss-react/mui";
-import { Fragment as Fragment11, jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx109, jsxs as jsxs73 } from "react/jsx-runtime";
 var useStyles45 = makeStyles45()((theme) => ({
   filterMenu: {
     display: "flex",
@@ -6722,17 +6738,17 @@ var SmartTableHeaderFilterMenu = ({
     (value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
   ), [selectedFilters]);
   const loadingSkeletons = /* @__PURE__ */ jsxs73(Box28, { "data-testid": "loading-skeletons", width: 272, children: [
-    /* @__PURE__ */ jsx108(Skeleton2, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx108(Divider9, {}),
-    /* @__PURE__ */ jsx108(Skeleton2, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx108(Skeleton2, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx108(Skeleton2, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx108(Skeleton2, { variant: "rounded", className: classes.skeleton }),
-    /* @__PURE__ */ jsx108(Divider9, {}),
-    /* @__PURE__ */ jsx108(Skeleton2, { variant: "rounded", className: classes.skeleton })
+    /* @__PURE__ */ jsx109(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx109(Divider9, {}),
+    /* @__PURE__ */ jsx109(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx109(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx109(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx109(Skeleton2, { variant: "rounded", className: classes.skeleton }),
+    /* @__PURE__ */ jsx109(Divider9, {}),
+    /* @__PURE__ */ jsx109(Skeleton2, { variant: "rounded", className: classes.skeleton })
   ] });
   return /* @__PURE__ */ jsxs73(Fragment11, { children: [
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx109(
       ActiveFiltersIconButton_default,
       {
         numActiveFilters,
@@ -6742,7 +6758,7 @@ var SmartTableHeaderFilterMenu = ({
         })
       }
     ),
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx109(
       Menu4,
       {
         open: !!anchorEl,
@@ -6752,11 +6768,11 @@ var SmartTableHeaderFilterMenu = ({
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
         children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ jsxs73(Box28, { className: classes.filterMenu, children: [
-          /* @__PURE__ */ jsx108(Box28, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx109(Box28, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx109(
             FormControlLabel3,
             {
               label: "Select All",
-              control: /* @__PURE__ */ jsx108(
+              control: /* @__PURE__ */ jsx109(
                 Checkbox4,
                 {
                   disableRipple: true,
@@ -6773,8 +6789,8 @@ var SmartTableHeaderFilterMenu = ({
               )
             }
           ) }),
-          /* @__PURE__ */ jsx108(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsx108(Box28, { className: classes.filterOptions, children: filterOptionsData?.map(
+          /* @__PURE__ */ jsx109(Divider9, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ jsx109(Box28, { className: classes.filterOptions, children: filterOptionsData?.map(
             (option) => {
               const resolvedOption = resolveOptionType(option, headCell.fieldName ?? "");
               return /* @__PURE__ */ jsxs73(
@@ -6782,11 +6798,11 @@ var SmartTableHeaderFilterMenu = ({
                 {
                   className: classes.filter,
                   children: [
-                    /* @__PURE__ */ jsx108(
+                    /* @__PURE__ */ jsx109(
                       FormControlLabel3,
                       {
                         label: resolvedOption,
-                        control: /* @__PURE__ */ jsx108(
+                        control: /* @__PURE__ */ jsx109(
                           Checkbox4,
                           {
                             disableRipple: true,
@@ -6797,16 +6813,16 @@ var SmartTableHeaderFilterMenu = ({
                       },
                       resolvedOption
                     ),
-                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx108(Tooltip6, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx108(CheckIcon, { fontSize: "small", color: "action" }) }) : null
+                    shouldShowCheckOnFilter?.(headCell.id, option) ? /* @__PURE__ */ jsx109(Tooltip6, { title: "This filter is saved as default", children: /* @__PURE__ */ jsx109(CheckIcon, { fontSize: "small", color: "action" }) }) : null
                   ]
                 },
                 resolvedOption
               );
             }
           ) }),
-          /* @__PURE__ */ jsx108(Divider9, { sx: { mb: 0.5 } }),
+          /* @__PURE__ */ jsx109(Divider9, { sx: { mb: 0.5 } }),
           /* @__PURE__ */ jsxs73(Box28, { className: classes.applyFilterButtonsContainer, children: [
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(
               ExtendedButton_default,
               {
                 copy: "Save as Default",
@@ -6817,7 +6833,7 @@ var SmartTableHeaderFilterMenu = ({
                 onClick: () => handleApplyFilters(true)
               }
             ),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(
               ExtendedButton_default,
               {
                 copy: "Apply",
@@ -6847,7 +6863,7 @@ import {
   Typography as Typography25
 } from "@mui/material";
 import { makeStyles as makeStyles46 } from "tss-react/mui";
-import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs74 } from "react/jsx-runtime";
 var useStyles46 = makeStyles46()((theme) => ({
   root: {
     backgroundColor: colors.neutral100,
@@ -6921,8 +6937,8 @@ var SmartTableHeader = ({
     onRequestSort(event, property);
   };
   const isSortActive = (headCellId) => orderBy === headCellId;
-  return /* @__PURE__ */ jsx109(TableHead, { className: classes.root, children: /* @__PURE__ */ jsxs74(TableRow, { children: [
-    enableCheckboxSelection ? /* @__PURE__ */ jsx109(TableCell, { padding: "checkbox", sx: { backgroundColor: colors.neutral100 }, children: /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(TableHead, { className: classes.root, children: /* @__PURE__ */ jsxs74(TableRow, { children: [
+    enableCheckboxSelection ? /* @__PURE__ */ jsx110(TableCell, { padding: "checkbox", sx: { backgroundColor: colors.neutral100 }, children: /* @__PURE__ */ jsx110(
       Checkbox5,
       {
         color: "primary",
@@ -6932,7 +6948,7 @@ var SmartTableHeader = ({
         onChange: onSelectAllClick
       }
     ) }) : null,
-    headCells.map((headCell) => /* @__PURE__ */ jsx109(
+    headCells.map((headCell) => /* @__PURE__ */ jsx110(
       TableCell,
       {
         className: classes.tableHeaderContent,
@@ -6946,7 +6962,7 @@ var SmartTableHeader = ({
             flexDirection: "row",
             gap: headCell.disableSort ? 1 : 0,
             children: [
-              headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ jsx109(Tooltip7, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsx109(Typography25, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) }) : /* @__PURE__ */ jsx109(Tooltip7, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsxs74(
+              headCell.disableSort ? headCell.RenderHeader ?? /* @__PURE__ */ jsx110(Tooltip7, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsx110(Typography25, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) }) : /* @__PURE__ */ jsx110(Tooltip7, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ jsxs74(
                 TableSortLabel,
                 {
                   "data-testid": "table-sort-label",
@@ -6955,11 +6971,11 @@ var SmartTableHeader = ({
                   onClick: createSortHandler(headCell.id),
                   children: [
                     headCell.RenderHeader ?? headCell.label,
-                    orderBy === headCell.id ? /* @__PURE__ */ jsx109("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                    orderBy === headCell.id ? /* @__PURE__ */ jsx110("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
                   ]
                 }
               ) }),
-              headCell.refetchFilterOptions ? /* @__PURE__ */ jsx109(
+              headCell.refetchFilterOptions ? /* @__PURE__ */ jsx110(
                 SmartTableHeaderFilterMenu_default,
                 {
                   headCell,
@@ -6998,11 +7014,11 @@ import { v4 as uuidv4 } from "uuid";
 // src/components/TableLoading/TableLoading.tsx
 import { Box as Box30, Skeleton as Skeleton3 } from "@mui/material";
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var TableLoading = ({
   rowsPerPage,
   rowHeight
-}) => /* @__PURE__ */ jsx110(Box30, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx110(
+}) => /* @__PURE__ */ jsx111(Box30, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx111(
   Skeleton3,
   {
     animation: "pulse",
@@ -7051,7 +7067,7 @@ function calculateRowsPerPage(rowHeight) {
 }
 // src/components/Table/Table.tsx
-import { jsx as jsx111, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs75 } from "react/jsx-runtime";
 var useStyles47 = makeStyles47()(() => ({
   root: {
     height: "calc(100vh - 262px)",
@@ -7129,24 +7145,24 @@ var Table = ({
     );
     const rowsComponents = rows.map((row) => {
       if (RenderItem) {
-        return /* @__PURE__ */ jsx111(RenderItem, { ...row }, row.id);
+        return /* @__PURE__ */ jsx112(RenderItem, { ...row }, row.id);
       }
-      return /* @__PURE__ */ jsx111(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx111(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
+      return /* @__PURE__ */ jsx112(TableRow2, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ jsx112(TableCell2, { children: row[column.id] }, column.id)) }, row.id);
     });
     if (emptyRows > 0 && rowsPerPage > emptyRows) {
       rowsComponents.push(
-        /* @__PURE__ */ jsx111(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx111(TableCell2, { colSpan: 8 }) }, uuidv4())
+        /* @__PURE__ */ jsx112(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx112(TableCell2, { colSpan: 8 }) }, uuidv4())
       );
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ jsx111(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx111(Box31, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx111(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx111(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(MUITable, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ jsx111(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx111(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(Paper10, { className: classes.root, children: /* @__PURE__ */ jsx112(Box31, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx112(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx112(TableContainer, { className: classes.container, children: /* @__PURE__ */ jsxs75(MUITable, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ jsx112(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx112(TableRow2, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx112(
       TableCell2,
       {
         align: "left",
         sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ jsx111(
+        children: /* @__PURE__ */ jsx112(
           TableSortLabel2,
           {
             active: orderBy === headCell.id,
@@ -7160,7 +7176,7 @@ var Table = ({
     )) }) }),
     /* @__PURE__ */ jsxs75(TableBody, { children: [
       getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ jsx111(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx111(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+      rowsPerPage === emptyRows && /* @__PURE__ */ jsx112(TableRow2, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ jsx112(TableCell2, { colSpan: 8, align: "center", children: "Nothing to display" }) })
     ] })
   ] }) }) }) });
 };
@@ -7183,7 +7199,7 @@ import {
 // src/components/TableDesktopFooter/TableDesktopFooter.tsx
 import Refresh3 from "@mui/icons-material/Refresh";
 import { Box as Box32, Button as Button13, MenuItem as MenuItem4, Pagination as Pagination2, Select as Select4, Stack, Typography as Typography26 } from "@mui/material";
-import { jsx as jsx112, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs76 } from "react/jsx-runtime";
 var TableDesktopFooter = ({
   numPages,
   page,
@@ -7220,7 +7236,7 @@ var TableDesktopFooter = ({
               borderColor: colors.neutral600
             },
             children: [
-              /* @__PURE__ */ jsx112(
+              /* @__PURE__ */ jsx113(
                 Refresh3,
                 {
                   fontSize: "small",
@@ -7233,19 +7249,19 @@ var TableDesktopFooter = ({
         ),
         /* @__PURE__ */ jsxs76(Box32, { display: "flex", children: [
           /* @__PURE__ */ jsxs76(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-            /* @__PURE__ */ jsx112(Typography26, { children: "Rows per page:" }),
-            /* @__PURE__ */ jsx112(
+            /* @__PURE__ */ jsx113(Typography26, { children: "Rows per page:" }),
+            /* @__PURE__ */ jsx113(
               Select4,
               {
                 value: pageSize,
                 onChange: onPageSizeChange,
                 size: "small",
                 variant: "standard",
-                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx112(MenuItem4, { value: size, children: size }, size))
+                children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx113(MenuItem4, { value: size, children: size }, size))
               }
             )
           ] }),
-          /* @__PURE__ */ jsx112(
+          /* @__PURE__ */ jsx113(
             Pagination2,
             {
               color: "standard",
@@ -7265,8 +7281,36 @@ import TableBody2 from "@mui/material/TableBody";
 import TableCell3 from "@mui/material/TableCell";
 import TableRow3 from "@mui/material/TableRow";
 import Typography27 from "@mui/material/Typography";
-import { jsx as jsx113, jsxs as jsxs77 } from "react/jsx-runtime";
-var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ jsx113(TableBody2, { children: /* @__PURE__ */ jsx113(TableRow3, { children: /* @__PURE__ */ jsxs77(
+// src/components/Buttons/BaseButton/BaseIconButton.tsx
+import { Button as Button14 } from "@mui/material";
+import { jsxs as jsxs77 } from "react/jsx-runtime";
+var BaseIconButton = ({ icon, sx, ...props }) => {
+  return /* @__PURE__ */ jsxs77(
+    Button14,
+    {
+      sx: {
+        display: "flex",
+        gap: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 100,
+        ...sx
+      },
+      ...props,
+      children: [
+        icon,
+        props.children
+      ]
+    }
+  );
+};
+// src/components/TableDesktopNoColumnsMessage/TableDesktopNoColumnsMessage.tsx
+import { jsx as jsx114, jsxs as jsxs78 } from "react/jsx-runtime";
+var TableDesktopNoColumnsMessage = ({
+  onClickNoColumnsMessageOpenMenu
+}) => /* @__PURE__ */ jsx114(TableBody2, { children: /* @__PURE__ */ jsx114(TableRow3, { children: /* @__PURE__ */ jsxs78(
   TableCell3,
   {
     sx: {
@@ -7279,19 +7323,43 @@ var TableDesktopNoColumnsMessage = () => /* @__PURE__ */ jsx113(TableBody2, { ch
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ jsx113(Typography27, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
-      /* @__PURE__ */ jsxs77(Typography27, { variant: "subtitle1", align: "center", color: "textSecondary", children: [
-        "Use the column selector on the right to choose which fields",
-        /* @__PURE__ */ jsx113("br", {}),
-        "you want to display in the table"
-      ] })
+      /* @__PURE__ */ jsx114(Typography27, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
+      /* @__PURE__ */ jsx114(Typography27, { variant: "subtitle1", align: "center", color: "textSecondary", children: "Open the menu to customise your table and search." }),
+      /* @__PURE__ */ jsxs78(
+        Typography27,
+        {
+          variant: "subtitle1",
+          align: "center",
+          color: "textSecondary",
+          sx: {
+            backgroundColor: colors.neutral150,
+            padding: 1,
+            borderRadius: 1
+          },
+          children: [
+            "Tips: ",
+            /* @__PURE__ */ jsx114(Typography27, { component: "strong", children: "Save as default" }),
+            " to keep these columns for future views"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx114(
+        BaseIconButton,
+        {
+          variant: "contained",
+          color: "primary",
+          onClick: onClickNoColumnsMessageOpenMenu,
+          icon: /* @__PURE__ */ jsx114(IconTableEdit_default, { fill: colors.white }),
+          children: "OPEN MENU"
+        }
+      )
     ]
   }
 ) }) });
 // src/components/TableDesktopLoadingState/TableDesktopLoadingState.tsx
 import { Skeleton as Skeleton4, TableCell as TableCell4, TableRow as TableRow4 } from "@mui/material";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var getRange = (n) => Array.from({ length: n }, (_, i) => i + 1);
 var TableDesktopLoadingState = ({
   numRows,
@@ -7299,7 +7367,7 @@ var TableDesktopLoadingState = ({
   numColumns,
   rowHeight
 }) => {
-  return getRange(Math.min(numRows, rowsPerPage)).map((rowNum) => /* @__PURE__ */ jsx114(TableRow4, { children: getRange(numColumns).map((colNum) => /* @__PURE__ */ jsx114(TableCell4, { children: /* @__PURE__ */ jsx114(
+  return getRange(Math.min(numRows, rowsPerPage)).map((rowNum) => /* @__PURE__ */ jsx115(TableRow4, { children: getRange(numColumns).map((colNum) => /* @__PURE__ */ jsx115(TableCell4, { children: /* @__PURE__ */ jsx115(
     Skeleton4,
     {
       animation: "pulse",
@@ -7312,7 +7380,7 @@ var TableDesktopLoadingState = ({
 };
 // src/components/TableDesktopRows/TableDesktopRows.tsx
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var descendingComparator2 = (a, b, orderBy) => {
   const objA = a[orderBy];
   const objB = b[orderBy];
@@ -7359,7 +7427,7 @@ var TableDesktopRows = ({
 }) => {
   const sortedData = disableInternalSort ? data : stableSort2(data, getComparator(order, orderBy));
   if (isLoading) {
-    return /* @__PURE__ */ jsx115(
+    return /* @__PURE__ */ jsx116(
       TableDesktopLoadingState,
       {
         numRows: data.length,
@@ -7371,7 +7439,7 @@ var TableDesktopRows = ({
   }
   return sortedData.map((row, index) => {
     const isItemSelected = selectedRows.has(row[keyField]);
-    return /* @__PURE__ */ jsx115(
+    return /* @__PURE__ */ jsx116(
       RenderItem,
       {
         ...{
@@ -7393,8 +7461,8 @@ var TableDesktopRows = ({
 };
 // src/components/TableDesktopRowSelectionBar/TableDesktopRowSelectionBar.tsx
-import { Box as Box33, Button as Button14, Typography as Typography28 } from "@mui/material";
-import { jsx as jsx116, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Box as Box33, Button as Button15, Typography as Typography28 } from "@mui/material";
+import { jsx as jsx117, jsxs as jsxs79 } from "react/jsx-runtime";
 var TableDesktopRowSelectionBar = ({
   isEveryRowInPageSelected,
   isRowsFromAllPagesSelected,
@@ -7413,7 +7481,7 @@ var TableDesktopRowSelectionBar = ({
     }
     return `${numSelectedRows} row${numSelectedRows > 1 ? "s" : ""} selected.`;
   };
-  return isAnyRowSelected ? /* @__PURE__ */ jsxs78(
+  return isAnyRowSelected ? /* @__PURE__ */ jsxs79(
     Box33,
     {
       sx: {
@@ -7426,13 +7494,13 @@ var TableDesktopRowSelectionBar = ({
         backgroundColor: colors.neutral150
       },
       children: [
-        /* @__PURE__ */ jsx116(Typography28, { children: getSelectedRowsText() }),
-        !isRowsFromAllPagesSelected ? /* @__PURE__ */ jsxs78(Button14, { onClick: onSelectRowsFromAllPagesClick, children: [
+        /* @__PURE__ */ jsx117(Typography28, { children: getSelectedRowsText() }),
+        !isRowsFromAllPagesSelected ? /* @__PURE__ */ jsxs79(Button15, { onClick: onSelectRowsFromAllPagesClick, children: [
           "Select all ",
           totalRowCount,
           " rows from all pages based on your filters"
         ] }) : null,
-        /* @__PURE__ */ jsx116(Button14, { onClick: onClearSelectionClick, children: "Clear Selection" })
+        /* @__PURE__ */ jsx117(Button15, { onClick: onClearSelectionClick, children: "Clear Selection" })
       ]
     }
   ) : null;
@@ -7441,7 +7509,7 @@ var TableDesktopRowSelectionBar = ({
 // src/components/TableEmptyResult/TableEmptyResult.tsx
 import { TableCell as TableCell5, TableRow as TableRow5, Typography as Typography29 } from "@mui/material";
 import { makeStyles as makeStyles48 } from "tss-react/mui";
-import { jsx as jsx117, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs80 } from "react/jsx-runtime";
 var useStyles48 = makeStyles48()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
@@ -7453,17 +7521,17 @@ var TableEmptyResult = ({
   }
 }) => {
   const { classes } = useStyles48();
-  return showClearFilterButton ? /* @__PURE__ */ jsx117(TableRow5, { children: /* @__PURE__ */ jsxs79(
+  return showClearFilterButton ? /* @__PURE__ */ jsx118(TableRow5, { children: /* @__PURE__ */ jsxs80(
     TableCell5,
     {
       className: classes.tableCellIcon,
       colSpan,
       align: "center",
       children: [
-        /* @__PURE__ */ jsx117(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ jsx117(Typography29, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ jsx117(Typography29, { variant: "subtitle1", children: "Search without applied filters?" }),
-        /* @__PURE__ */ jsx117(
+        /* @__PURE__ */ jsx118(EmptyGlassIcon_default, {}),
+        /* @__PURE__ */ jsx118(Typography29, { variant: "h6", children: "No results found." }),
+        /* @__PURE__ */ jsx118(Typography29, { variant: "subtitle1", children: "Search without applied filters?" }),
+        /* @__PURE__ */ jsx118(
           FilledButton_default,
           {
             copy: "Search",
@@ -7474,7 +7542,7 @@ var TableEmptyResult = ({
         )
       ]
     }
-  ) }) : /* @__PURE__ */ jsx117(TableRow5, { children: /* @__PURE__ */ jsx117(
+  ) }) : /* @__PURE__ */ jsx118(TableRow5, { children: /* @__PURE__ */ jsx118(
     TableCell5,
     {
       className: classes.tableCellDefault,
@@ -7487,7 +7555,7 @@ var TableEmptyResult = ({
 var TableEmptyResult_default = TableEmptyResult;
 // src/components/TableDesktop/TableDesktop.tsx
-import { Fragment as Fragment12, jsx as jsx118, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx119, jsxs as jsxs81 } from "react/jsx-runtime";
 var TableDesktop = ({
   data,
   headCells,
@@ -7606,7 +7674,7 @@ var TableDesktop = ({
       );
     }
   }, [data, setSelectedRows, isEveryRowInPageSelected, isRowsFromAllPagesSelected]);
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(
     Box34,
     {
       sx: {
@@ -7615,7 +7683,7 @@ var TableDesktop = ({
         justifyContent: "space-between",
         justifyItems: "stretch"
       },
-      children: /* @__PURE__ */ jsxs80(
+      children: /* @__PURE__ */ jsxs81(
         Paper11,
         {
           sx: {
@@ -7625,7 +7693,7 @@ var TableDesktop = ({
             justifyContent: "space-between"
           },
           children: [
-            Toolbar2 ? /* @__PURE__ */ jsx118(
+            Toolbar2 ? /* @__PURE__ */ jsx119(
               Toolbar2,
               {
                 selectedRows: [...selectedRows],
@@ -7633,7 +7701,7 @@ var TableDesktop = ({
                 ...toolbarProps
               }
             ) : null,
-            /* @__PURE__ */ jsx118(
+            /* @__PURE__ */ jsx119(
               TableDesktopRowSelectionBar,
               {
                 isEveryRowInPageSelected,
@@ -7644,7 +7712,7 @@ var TableDesktop = ({
                 onClearSelectionClick: handleClearSelectionClick
               }
             ),
-            /* @__PURE__ */ jsx118(
+            /* @__PURE__ */ jsx119(
               TableContainer2,
               {
                 sx: {
@@ -7666,14 +7734,19 @@ var TableDesktop = ({
                     backgroundColor: (theme) => theme.palette.grey[500]
                   }
                 },
-                children: /* @__PURE__ */ jsx118(
+                children: /* @__PURE__ */ jsx119(
                   Table2,
                   {
                     stickyHeader: true,
                     "aria-label": "sticky-table",
                     sx: { tableLayout },
-                    children: visibleHeadCells.length === 0 ? /* @__PURE__ */ jsx118(TableDesktopNoColumnsMessage, {}) : /* @__PURE__ */ jsxs80(Fragment12, { children: [
-                      /* @__PURE__ */ jsx118(
+                    children: visibleHeadCells.length === 0 ? /* @__PURE__ */ jsx119(
+                      TableDesktopNoColumnsMessage,
+                      {
+                        onClickNoColumnsMessageOpenMenu: toolbarProps?.onTableToolbarMenuOpen
+                      }
+                    ) : /* @__PURE__ */ jsxs81(Fragment12, { children: [
+                      /* @__PURE__ */ jsx119(
                         SmartTableHeader_default,
                         {
                           headCells: visibleHeadCells,
@@ -7689,7 +7762,7 @@ var TableDesktop = ({
                           shouldShowCheckOnFilter
                         }
                       ),
-                      /* @__PURE__ */ jsx118(TableBody3, { children: rowsPerPage !== emptyRows ? /* @__PURE__ */ jsx118(
+                      /* @__PURE__ */ jsx119(TableBody3, { children: rowsPerPage !== emptyRows ? /* @__PURE__ */ jsx119(
                         TableDesktopRows,
                         {
                           data,
@@ -7708,7 +7781,7 @@ var TableDesktop = ({
                           rowHeight,
                           deleteItem
                         }
-                      ) : /* @__PURE__ */ jsx118(
+                      ) : /* @__PURE__ */ jsx119(
                         TableEmptyResult_default,
                         {
                           colSpan: enableCheckboxSelection ? visibleHeadCells.length + 1 : visibleHeadCells.length,
@@ -7722,7 +7795,7 @@ var TableDesktop = ({
               }
             ),
             children,
-            footerProps ? /* @__PURE__ */ jsx118(TableDesktopFooter, { ...footerProps, onPageChange: handlePageChange }) : null
+            footerProps ? /* @__PURE__ */ jsx119(TableDesktopFooter, { ...footerProps, onPageChange: handlePageChange }) : null
           ]
         }
       )
@@ -7736,7 +7809,7 @@ import { Checkbox as Checkbox6, FormControlLabel as FormControlLabel4 } from "@m
 // src/components/TableDesktopEditableComponent/TableDesktopNumericField.tsx
 import { useState as useState18 } from "react";
 import { TextField as TextField8 } from "@mui/material";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var TableDesktopNumericField = ({
   rowId,
   initialValue,
@@ -7760,7 +7833,7 @@ var TableDesktopNumericField = ({
       commitValue(input);
     }
   };
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     TextField8,
     {
       fullWidth: true,
@@ -7788,7 +7861,7 @@ var TableDesktopNumericField = ({
 // src/components/TableDesktopEditableComponent/TableDesktopSmartSelect.tsx
 import { useState as useState19, memo as memo22, useEffect as useEffect12 } from "react";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx121 } from "react/jsx-runtime";
 var resolveOptionType2 = (option, fieldName) => {
   if (!option || typeof option !== "object") {
     return option;
@@ -7829,7 +7902,7 @@ var TableDesktopSmartSelect = memo22(({
       setOptions(parsedOptions);
     }
   }, [filterOptions]);
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx121(
     SmartSelect_default,
     {
       ref,
@@ -7862,7 +7935,7 @@ var TableDesktopSmartSelect = memo22(({
 // src/components/TableDesktopEditableComponent/TableDesktopTextField.tsx
 import { useMemo as useMemo4, useState as useState20 } from "react";
 import { TextField as TextField9 } from "@mui/material";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var TableDesktopTextField = ({
   rowId,
   initialValue,
@@ -7888,7 +7961,7 @@ var TableDesktopTextField = ({
       commitValue(input);
     }
   };
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     TextField9,
     {
       fullWidth: true,
@@ -7910,7 +7983,7 @@ var TableDesktopTextField = ({
 };
 // src/components/TableDesktopEditableComponent/TableDesktopEditableComponent.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var TableDesktopEditableComponent = ({
   editInitialValue,
   rowId,
@@ -7929,7 +8002,7 @@ var TableDesktopEditableComponent = ({
   onUpdateEditableCell
 }) => {
   const editableComponents = {
-    "select": /* @__PURE__ */ jsx122(
+    "select": /* @__PURE__ */ jsx123(
       TableDesktopSmartSelect,
       {
         rowId,
@@ -7946,11 +8019,11 @@ var TableDesktopEditableComponent = ({
         onUpdateEditableCell
       }
     ),
-    "checkbox": /* @__PURE__ */ jsx122(
+    "checkbox": /* @__PURE__ */ jsx123(
       FormControlLabel4,
       {
         label: showCheckboxLabel ? inputLabel : "",
-        control: /* @__PURE__ */ jsx122(
+        control: /* @__PURE__ */ jsx123(
           Checkbox6,
           {
             disableRipple: true,
@@ -7966,7 +8039,7 @@ var TableDesktopEditableComponent = ({
         )
       }
     ),
-    "text": /* @__PURE__ */ jsx122(
+    "text": /* @__PURE__ */ jsx123(
       TableDesktopTextField,
       {
         rowId,
@@ -7980,7 +8053,7 @@ var TableDesktopEditableComponent = ({
         onUpdateEditableCell
       }
     ),
-    "numeric": /* @__PURE__ */ jsx122(
+    "numeric": /* @__PURE__ */ jsx123(
       TableDesktopNumericField,
       {
         rowId,
@@ -8003,10 +8076,10 @@ import CheckIcon2 from "@mui/icons-material/Check";
 import CloseIcon from "@mui/icons-material/Close";
 import EditIcon from "@mui/icons-material/Edit";
 import { Box as Box35, IconButton as IconButton4, TableCell as TableCell6, Tooltip as Tooltip8 } from "@mui/material";
-import { jsx as jsx123, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs82 } from "react/jsx-runtime";
 var getReadOnlyBooleanIcon = (value) => {
   if (value) {
-    return /* @__PURE__ */ jsx123(CheckIcon2, { sx: { fontSize: 16 } });
+    return /* @__PURE__ */ jsx124(CheckIcon2, { sx: { fontSize: 16 } });
   }
   return "-";
 };
@@ -8065,7 +8138,7 @@ var TableDesktopCell = ({
     setIsCellInEditMode((prev) => !prev);
   };
   const isCellEditable = !!enableEditMode && !!editableCellType && !disabled;
-  return /* @__PURE__ */ jsx123(Tooltip8, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(Tooltip8, { title: isOverflowed ? String(readOnlyValue) : "", arrow: true, children: /* @__PURE__ */ jsx124(
     TableCell6,
     {
       align: "left",
@@ -8081,7 +8154,7 @@ var TableDesktopCell = ({
         ":hover": isCellEditable ? getCellBackgroundColor(isCellInEditMode) : void 0,
         background: enableEditMode && isCellInEditMode ? colors.lightBlueBackground : void 0
       },
-      children: /* @__PURE__ */ jsxs81(
+      children: /* @__PURE__ */ jsxs82(
         Box35,
         {
           p: 1,
@@ -8090,7 +8163,7 @@ var TableDesktopCell = ({
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           children: [
-            enableEditMode && isCellHovered ? /* @__PURE__ */ jsx123(Tooltip8, { title: isCellInEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx123(
+            enableEditMode && isCellHovered ? /* @__PURE__ */ jsx124(Tooltip8, { title: isCellInEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ jsx124(
               IconButton4,
               {
                 onClick: handleEditClick,
@@ -8105,10 +8178,10 @@ var TableDesktopCell = ({
                     backgroundColor: isCellInEditMode ? colors.lightBlueBackground : colors.neutral150
                   }
                 },
-                children: isCellInEditMode ? /* @__PURE__ */ jsx123(CloseIcon, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx123(EditIcon, { fontSize: "small" })
+                children: isCellInEditMode ? /* @__PURE__ */ jsx124(CloseIcon, { fontSize: "small", color: "error" }) : /* @__PURE__ */ jsx124(EditIcon, { fontSize: "small" })
               }
             ) }) : null,
-            enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ jsx123(
+            enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ jsx124(
               TableDesktopEditableComponent,
               {
                 editInitialValue,
@@ -8137,7 +8210,7 @@ import { memo as memo23, useEffect as useEffect14, useState as useState22 } from
 import { ImportExport as ImportExportIcon } from "@mui/icons-material";
 import { TableCell as TableCell7, TableHead as TableHead3, TableRow as TableRow6, TableSortLabel as TableSortLabel3 } from "@mui/material";
 import { makeStyles as makeStyles49 } from "tss-react/mui";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var useStyles49 = makeStyles49()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -8182,7 +8255,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ jsx124(TableHead3, { children: /* @__PURE__ */ jsx124(TableRow6, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx124(TableCell7, { children: cell.isSortable ? /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(TableHead3, { children: /* @__PURE__ */ jsx125(TableRow6, { children: sortableCells.map((cell, key) => /* @__PURE__ */ jsx125(TableCell7, { children: cell.isSortable ? /* @__PURE__ */ jsx125(
     TableSortLabel3,
     {
       className: classes.sortLabel,
@@ -8196,9 +8269,9 @@ var TableHeader = ({ cells, onSort = null }) => {
 var TableHeader_default = memo23(TableHeader);
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box36, Typography as Typography30, Divider as Divider10, Button as Button15 } from "@mui/material";
+import { Box as Box36, Typography as Typography30, Divider as Divider10, Button as Button16 } from "@mui/material";
 import { makeStyles as makeStyles50 } from "tss-react/mui";
-import { jsx as jsx125, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs83 } from "react/jsx-runtime";
 var useStyles50 = makeStyles50()(() => ({
   icon: {
     fontSize: 20
@@ -8235,7 +8308,7 @@ var TextDivider = ({
 }) => {
   const { classes } = useStyles50();
   const iconColor = color ?? colors.neutral900;
-  return /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsxs83(
     Box36,
     {
       display: "flex",
@@ -8243,10 +8316,10 @@ var TextDivider = ({
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ jsx125(Divider10, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx125(Button15, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs82(Box36, { className: classes.center, children: [
-          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx125(Icon2, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ jsx125(
+        /* @__PURE__ */ jsx126(Divider10, { className: classes.leftDivider }),
+        /* @__PURE__ */ jsx126(Button16, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs83(Box36, { className: classes.center, children: [
+          Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx126(Icon2, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ jsx126(
             Typography30,
             {
               color: "textSecondary",
@@ -8255,9 +8328,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx125(Icon2, { className: classes.icon, style: { color: iconColor } })
+          Icon2 && iconPosition === "right" && /* @__PURE__ */ jsx126(Icon2, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ jsx125(Divider10, { className: classes.rightDivider })
+        /* @__PURE__ */ jsx126(Divider10, { className: classes.rightDivider })
       ]
     }
   );
@@ -8269,7 +8342,7 @@ import { DateRangePicker } from "react-dates";
 import { makeStyles as makeStyles51 } from "tss-react/mui";
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var useStyles51 = makeStyles51()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -8365,7 +8438,7 @@ var ThemedDateRangePicker = ({
   ...props
 }) => {
   const { classes, cx } = useStyles51();
-  return /* @__PURE__ */ jsx126("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx126(DateRangePicker, { ...props }) });
+  return /* @__PURE__ */ jsx127("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ jsx127(DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
@@ -8373,7 +8446,7 @@ var ThemedDateRangePicker_default = ThemedDateRangePicker;
 import { memo as memo24 } from "react";
 import { AppBar, Box as Box37, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles52 } from "tss-react/mui";
-import { jsx as jsx127, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs84 } from "react/jsx-runtime";
 var useStyles52 = makeStyles52()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -8393,9 +8466,9 @@ var TheToolbar = ({
   rightSection
 }) => {
   const { classes } = useStyles52();
-  return /* @__PURE__ */ jsxs83(Box37, { children: [
-    /* @__PURE__ */ jsx127(AppBar, { children: /* @__PURE__ */ jsxs83(Toolbar, { className: classes.topBar, children: [
-      /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsxs84(Box37, { children: [
+    /* @__PURE__ */ jsx128(AppBar, { children: /* @__PURE__ */ jsxs84(Toolbar, { className: classes.topBar, children: [
+      /* @__PURE__ */ jsx128(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -8404,7 +8477,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ),
-      /* @__PURE__ */ jsx127(
+      /* @__PURE__ */ jsx128(
         CompanyLogo_default,
         {
           size: "small",
@@ -8413,8 +8486,8 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ jsx127(Box37, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ jsx127(Box37, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ jsx128(Box37, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ jsx128(Box37, { ml: "auto", children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
@@ -8423,20 +8496,20 @@ var TheToolbar_default = memo24(TheToolbar);
 // src/components/ToastMessage/ToastMessage.tsx
 import { Alert as MuiAlert, Snackbar } from "@mui/material";
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ jsx128(
+}) => /* @__PURE__ */ jsx129(
   Snackbar,
   {
     open,
     autoHideDuration: 1500,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ jsx128(
+    children: /* @__PURE__ */ jsx129(
       MuiAlert,
       {
         elevation: 6,
@@ -8473,7 +8546,7 @@ import {
   Fade as Fade2
 } from "@mui/material";
 import { makeStyles as makeStyles53 } from "tss-react/mui";
-import { jsx as jsx129, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs85 } from "react/jsx-runtime";
 var useStyles53 = makeStyles53()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -8503,7 +8576,7 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles53();
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     Dialog5,
     {
       open,
@@ -8513,9 +8586,9 @@ var TwoButtonDialog = ({
       closeAfterTransition: true,
       BackdropComponent: Backdrop,
       BackdropProps: { timeout: 500 },
-      children: /* @__PURE__ */ jsx129(Fade2, { in: open, children: /* @__PURE__ */ jsxs84(Paper12, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs84(Box38, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx129(Typography31, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx129(
+      children: /* @__PURE__ */ jsx130(Fade2, { in: open, children: /* @__PURE__ */ jsxs85(Paper12, { className: classes.paper, children: [
+        /* @__PURE__ */ jsxs85(Box38, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx130(Typography31, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx130(
             Box38,
             {
               sx: {
@@ -8524,7 +8597,7 @@ var TwoButtonDialog = ({
               children: title
             }
           ) }),
-          /* @__PURE__ */ jsxs84(
+          /* @__PURE__ */ jsxs85(
             Box38,
             {
               className: classes.mt,
@@ -8532,15 +8605,15 @@ var TwoButtonDialog = ({
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx129(Typography31, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx129(Typography31, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx130(Typography31, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx130(Typography31, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx129(Divider11, {}),
-        /* @__PURE__ */ jsxs84(Box38, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(Divider11, {}),
+        /* @__PURE__ */ jsxs85(Box38, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ jsx130(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -8553,7 +8626,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx129(
+          /* @__PURE__ */ jsx130(
             FilledButton_default,
             {
               color: "primary",
@@ -8562,7 +8635,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx129(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ jsx130(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -8572,9 +8645,9 @@ var TwoButtonDialog_default = TwoButtonDialog;
 // src/components/UserBust/UserBust.tsx
 import { memo as memo25 } from "react";
 import { Avatar as Avatar2, Typography as Typography32 } from "@mui/material";
-import { jsx as jsx130, jsxs as jsxs85 } from "react/jsx-runtime";
-var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs85("div", { children: [
-  /* @__PURE__ */ jsx130(
+import { jsx as jsx131, jsxs as jsxs86 } from "react/jsx-runtime";
+var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs86("div", { children: [
+  /* @__PURE__ */ jsx131(
     Avatar2,
     {
       src: user.profile_picture,
@@ -8582,18 +8655,18 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs8
       style: { width: avatarProps.width, height: avatarProps.height }
     }
   ),
-  /* @__PURE__ */ jsxs85("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ jsx130(Typography32, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ jsx130(Typography32, { ...typographyProps.username, children: user.username })
+  /* @__PURE__ */ jsxs86("div", { style: { paddingTop: 16 }, children: [
+    /* @__PURE__ */ jsx131(Typography32, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx131(Typography32, { ...typographyProps.username, children: user.username })
   ] })
 ] });
 var UserBust_default = memo25(UserBust);
 // src/components/icons/IconChart.tsx
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx132(
     "svg",
     {
       width: "20",
@@ -8602,7 +8675,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ jsx131(
+      children: /* @__PURE__ */ jsx132(
         "path",
         {
           d: "M2.49967 11.6667L2.91634 11.725L6.72467 7.91667C6.57467 7.375 6.71634 6.75833 7.15801 6.325C7.80801 5.66667 8.85801 5.66667 9.50801 6.325C9.94967 6.75833 10.0913 7.375 9.94134 7.91667L12.083 10.0583L12.4997 10C12.6497 10 12.7913 10 12.9163 10.0583L15.8913 7.08333C15.833 6.95833 15.833 6.81667 15.833 6.66667C15.833 6.22464 16.0086 5.80072 16.3212 5.48816C16.6337 5.17559 17.0576 5 17.4997 5C17.9417 5 18.3656 5.17559 18.6782 5.48816C18.9907 5.80072 19.1663 6.22464 19.1663 6.66667C19.1663 7.10869 18.9907 7.53262 18.6782 7.84518C18.3656 8.15774 17.9417 8.33333 17.4997 8.33333C17.3497 8.33333 17.208 8.33333 17.083 8.275L14.108 11.25C14.1663 11.375 14.1663 11.5167 14.1663 11.6667C14.1663 12.1087 13.9907 12.5326 13.6782 12.8452C13.3656 13.1577 12.9417 13.3333 12.4997 13.3333C12.0576 13.3333 11.6337 13.1577 11.3212 12.8452C11.0086 12.5326 10.833 12.1087 10.833 11.6667L10.8913 11.25L8.74967 9.10833C8.48301 9.16667 8.18301 9.16667 7.91634 9.10833L4.10801 12.9167L4.16634 13.3333C4.16634 13.7754 3.99075 14.1993 3.67819 14.5118C3.36563 14.8244 2.9417 15 2.49967 15C2.05765 15 1.63372 14.8244 1.32116 14.5118C1.0086 14.1993 0.833008 13.7754 0.833008 13.3333C0.833008 12.8913 1.0086 12.4674 1.32116 12.1548C1.63372 11.8423 2.05765 11.6667 2.49967 11.6667Z",