@natoora-libs/core 0.2.31 → 0.2.32-global-search-dev

package/dist/components/index.cjs

@@ -352,6 +352,8 @@ __export(components_exports, {
   FilterOptionsCheckboxes: () => FilterOptionsCheckboxes,
   FilterSimpleSelector: () => FilterSimpleSelector_default,
   FixedFooter: () => FixedFooter_default,
+  GlobalSearch: () => GlobalSearch_default,
+  GlobalSearchTrigger: () => GlobalSearchTrigger_default,
   GooglePlacesAddressAutocomplete: () => GooglePlacesAddressAutocomplete,
   HashtagInput: () => HashtagInput,
   Header: () => Header_default,
@@ -6015,10 +6017,283 @@ var FixedFooter = ({ justifyContent, children }) => {
 };
 var FixedFooter_default = React4.memo(FixedFooter);
 
-// src/components/Header/Header.tsx
+// src/components/GlobalSearchTrigger/GlobalSearchTrigger.tsx
+var import_react26 = require("react");
+var import_SearchRounded = __toESM(require("@mui/icons-material/SearchRounded"), 1);
 var import_material45 = require("@mui/material");
-var import_mui30 = require("tss-react/mui");
+var import_styles3 = require("@mui/material/styles");
 var import_jsx_runtime97 = require("react/jsx-runtime");
+var GlobalSearchTrigger = ({
+  onClick,
+  onFocus,
+  onChange,
+  onKeyDown,
+  readOnly = true,
+  placeholder = "Search",
+  ariaLabel = "Global search",
+  shortcutLabel = "\u2318 K",
+  value = "",
+  minWidth = 220,
+  sx,
+  ref,
+  inputRef
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    import_material45.Paper,
+    {
+      ref,
+      elevation: 0,
+      onClick,
+      role: "search",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        border: `1px solid ${(0, import_styles3.alpha)(colors.white, 0.22)}`,
+        borderRadius: 1,
+        px: 1.5,
+        py: 0.75,
+        minWidth,
+        backgroundColor: (0, import_styles3.alpha)(colors.black, 0.2),
+        color: (0, import_styles3.alpha)(colors.white, 0.82),
+        transition: "background-color 0.15s ease, border-color 0.15s ease",
+        "&:hover": {
+          borderColor: (0, import_styles3.alpha)(colors.white, 0.38),
+          backgroundColor: (0, import_styles3.alpha)(colors.black, 0.35)
+        },
+        "&:focus-within": {
+          borderColor: (0, import_styles3.alpha)(colors.muiPrimary, 0.95),
+          backgroundColor: (0, import_styles3.alpha)(colors.black, 0.35)
+        },
+        ...sx
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_SearchRounded.default, { sx: { fontSize: 19, color: colors.muiPrimary } }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          import_material45.InputBase,
+          {
+            inputRef,
+            value,
+            readOnly,
+            onFocus,
+            onKeyDown,
+            onChange: (event) => onChange?.(event.target.value),
+            placeholder,
+            inputProps: { "aria-label": ariaLabel },
+            sx: {
+              flexGrow: 1,
+              color: (0, import_styles3.alpha)(colors.white, 0.82),
+              fontSize: 14,
+              "& input::placeholder": {
+                color: (0, import_styles3.alpha)(colors.white, 0.62),
+                opacity: 1
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          import_material45.Box,
+          {
+            sx: {
+              border: `1px solid ${(0, import_styles3.alpha)(colors.white, 0.32)}`,
+              borderRadius: "5px",
+              px: 0.6,
+              py: 0.2,
+              fontSize: 11,
+              lineHeight: 1
+            },
+            children: shortcutLabel
+          }
+        )
+      ]
+    }
+  );
+};
+var GlobalSearchTrigger_default = (0, import_react26.memo)(GlobalSearchTrigger);
+
+// src/components/GlobalSearch/GlobalSearch.tsx
+var import_react27 = require("react");
+var import_material46 = require("@mui/material");
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var IFRAME_MESSAGE_SOURCE = "global-search-iframe";
+var HOST_SOURCE = "global-search-host";
+var COLLAPSED_HEIGHT = 44;
+var MAX_WIDTH = 760;
+var MIN_WIDTH = 280;
+var MAX_HEIGHT = 820;
+var WIDGET_SRC = "/react/search/widget";
+var isEditableElement = (target) => {
+  if (!(target instanceof HTMLElement)) {
+    return false;
+  }
+  if (target.isContentEditable) {
+    return true;
+  }
+  const tagName = target.tagName.toLowerCase();
+  const role = target.getAttribute("role");
+  return tagName === "input" || tagName === "textarea" || tagName === "select" || role === "textbox";
+};
+var GlobalSearch = ({
+  onNavigate,
+  shouldUseWindowLocation = (path) => path.startsWith("/react/") || path.startsWith("/#/")
+}) => {
+  const iframeRef = (0, import_react27.useRef)(null);
+  const wrapperRef = (0, import_react27.useRef)(null);
+  const [open, setOpen] = (0, import_react27.useState)(false);
+  const [height, setHeight] = (0, import_react27.useState)(COLLAPSED_HEIGHT);
+  const widgetSrc = WIDGET_SRC;
+  const widgetOrigin = new URL(widgetSrc, window.location.origin).origin;
+  const postToIframe = (0, import_react27.useCallback)(
+    (type) => {
+      const targetWindow = iframeRef.current?.contentWindow;
+      if (!targetWindow) {
+        return;
+      }
+      targetWindow.postMessage(
+        {
+          source: HOST_SOURCE,
+          type
+        },
+        widgetOrigin
+      );
+    },
+    [widgetOrigin]
+  );
+  const close = (0, import_react27.useCallback)(() => {
+    setOpen(false);
+    setHeight(COLLAPSED_HEIGHT);
+    postToIframe("GLOBAL_SEARCH_CLOSE");
+  }, [postToIframe]);
+  const toggle = (0, import_react27.useCallback)(() => {
+    setOpen(true);
+    setHeight(MAX_HEIGHT);
+    postToIframe("GLOBAL_SEARCH_TOGGLE");
+  }, [postToIframe]);
+  (0, import_react27.useEffect)(() => {
+    const onKeyDown = (event) => {
+      const isCommandOrCtrl = event.metaKey || event.ctrlKey;
+      if (isCommandOrCtrl && event.key.toLowerCase() === "k") {
+        if (isEditableElement(event.target) && !open) {
+          return;
+        }
+        event.preventDefault();
+        toggle();
+      }
+      if (event.key === "Escape" && open) {
+        event.preventDefault();
+        close();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [close, open, toggle]);
+  (0, import_react27.useEffect)(() => {
+    if (!open) {
+      return void 0;
+    }
+    const onPointerDown = (event) => {
+      const wrapper = wrapperRef.current;
+      if (!wrapper) {
+        return;
+      }
+      const target = event.target;
+      if (!(target instanceof Node)) {
+        return;
+      }
+      if (!wrapper.contains(target)) {
+        close();
+      }
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onPointerDown, true);
+  }, [close, open]);
+  (0, import_react27.useEffect)(() => {
+    const onMessage = (event) => {
+      if (event.origin !== widgetOrigin) {
+        return;
+      }
+      const iframeWindow = iframeRef.current?.contentWindow;
+      if (iframeWindow && event.source !== iframeWindow) {
+        return;
+      }
+      const data = event.data;
+      if (!data || data.source !== IFRAME_MESSAGE_SOURCE) {
+        return;
+      }
+      if (data.type === "GLOBAL_SEARCH_CLOSE") {
+        setOpen(false);
+        setHeight(COLLAPSED_HEIGHT);
+        return;
+      }
+      if (data.type === "GLOBAL_SEARCH_RESIZE") {
+        const nextHeight = Math.max(
+          COLLAPSED_HEIGHT,
+          Math.min(MAX_HEIGHT, Math.ceil(Number(data.height || 0)))
+        );
+        setHeight(nextHeight);
+        setOpen(nextHeight > COLLAPSED_HEIGHT + 1);
+        return;
+      }
+      if (data.type === "GLOBAL_SEARCH_NAVIGATE") {
+        const rawRoute = data.route;
+        if (!rawRoute || !rawRoute.startsWith("/")) {
+          return;
+        }
+        setOpen(false);
+        setHeight(COLLAPSED_HEIGHT);
+        const nextRoute = rawRoute.startsWith("/react/") || rawRoute.startsWith("/#/") ? rawRoute : `/react${rawRoute}`;
+        if (nextRoute.startsWith("/react/") || shouldUseWindowLocation(rawRoute)) {
+          window.location.assign(nextRoute);
+          return;
+        }
+        onNavigate?.(nextRoute);
+      }
+    };
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, [onNavigate, shouldUseWindowLocation, widgetOrigin]);
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    import_material46.Box,
+    {
+      ref: wrapperRef,
+      sx: {
+        position: "relative",
+        overflow: "visible",
+        width: "100%",
+        maxWidth: MAX_WIDTH,
+        minWidth: MIN_WIDTH,
+        flex: "1 1 420px",
+        height: COLLAPSED_HEIGHT
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        "iframe",
+        {
+          ref: iframeRef,
+          title: "Global Search",
+          "data-testid": "global-search-widget-iframe",
+          src: widgetSrc,
+          scrolling: "no",
+          style: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            width: "100%",
+            height,
+            border: 0,
+            display: "block",
+            backgroundColor: "transparent"
+          }
+        }
+      )
+    }
+  );
+};
+var GlobalSearch_default = (0, import_react27.memo)(GlobalSearch);
+
+// src/components/Header/Header.tsx
+var import_material47 = require("@mui/material");
+var import_mui30 = require("tss-react/mui");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var useStyles28 = (0, import_mui30.makeStyles)()((theme) => ({
   container: {
     margin: theme.spacing(1)
@@ -6041,16 +6316,16 @@ var Header = ({
   wrappedHeader = false
 }) => {
   const { classes, cx } = useStyles28();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-    import_material45.Paper,
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    import_material47.Paper,
     {
       className: cx({
         [classes.container]: !wrappedHeader
       }),
       elevation: wrappedHeader ? 0 : 1,
-      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("header", { className: classes.header, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(AppLabel_default, { appName }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: classes.rightContent, children }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("header", { className: classes.header, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(AppLabel_default, { appName }),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: classes.rightContent, children }) : null
       ] })
     }
   );
@@ -6059,21 +6334,21 @@ var Header_default = Header;
 
 // src/components/List/List.tsx
 var import_react_window = require("react-window");
-var import_material46 = require("@mui/material");
-var import_jsx_runtime98 = (
+var import_material48 = require("@mui/material");
+var import_jsx_runtime100 = (
   // eslint-disable-next-line react/no-array-index-key
   require("react/jsx-runtime")
 );
 var ListHeader = (props) => {
   const headers = props.headers || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_material46.ListItem, { children: headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_material46.ListItemText, { primary: header.text }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.ListItem, { children: headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.ListItemText, { primary: header.text }, i)) });
 };
 function VirtualizedList(props) {
   const { innerWidth, innerHeight } = window;
   const { headers, items, renderItem } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ListHeader, { headers }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ListHeader, { headers }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       import_react_window.FixedSizeList,
       {
         height: innerHeight - 150,
@@ -6088,9 +6363,9 @@ function VirtualizedList(props) {
 }
 
 // src/components/Loading/Loading.tsx
-var import_material47 = require("@mui/material");
+var import_material49 = require("@mui/material");
 var import_mui31 = require("tss-react/mui");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var useStyles29 = (0, import_mui31.makeStyles)()(() => ({
   wrapper: {
     /**
@@ -6102,26 +6377,26 @@ var useStyles29 = (0, import_mui31.makeStyles)()(() => ({
 }));
 var Loading = ({ isLoading }) => {
   const { classes } = useStyles29();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-    import_material47.Backdrop,
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    import_material49.Backdrop,
     {
       "aria-hidden": !isLoading,
       className: classes.wrapper,
       open: isLoading,
       "data-testid": "backdrop-loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_material47.CircularProgress, { color: "primary" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_material49.CircularProgress, { color: "primary" })
     }
   );
 };
 var Loading_default = Loading;
 
 // src/components/LocationsSectionInfo/LocationsSectionInfo.tsx
-var import_react26 = require("react");
-var import_material48 = require("@mui/material");
-var import_colors37 = require("@mui/material/colors");
+var import_react28 = require("react");
+var import_material50 = require("@mui/material");
+var import_colors38 = require("@mui/material/colors");
 var import_classnames2 = __toESM(require("classnames"), 1);
 var import_mui32 = require("tss-react/mui");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var useStyles30 = (0, import_mui32.makeStyles)()(() => ({
   container: {
     display: "flex",
@@ -6147,8 +6422,8 @@ var useStyles30 = (0, import_mui32.makeStyles)()(() => ({
     borderColor: colors.neutral100
   },
   pickingStockChip: {
-    backgroundColor: import_colors37.purple[50],
-    color: import_colors37.purple[500]
+    backgroundColor: import_colors38.purple[50],
+    color: import_colors38.purple[500]
   }
 }));
 var LocationsSectionInfo = ({
@@ -6167,9 +6442,9 @@ var LocationsSectionInfo = ({
     }
     return "STOCK";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_material48.Box, { className: classes.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-      import_material48.Chip,
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_material50.Box, { className: classes.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      import_material50.Chip,
       {
         className: (0, import_classnames2.default)(classes.defaultChip, {
           [classes.stockChip]: isStock,
@@ -6179,20 +6454,20 @@ var LocationsSectionInfo = ({
         label: getLocationLabel()
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.Typography, { className: classes.locationText, color: "primary", children: principalLocation }),
-    secondaryLocation?.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_react26.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.Typography, { className: classes.smallTitle, children: "/" }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_material48.Typography, { className: classes.locationText, children: loc })
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material50.Typography, { className: classes.locationText, color: "primary", children: principalLocation }),
+    secondaryLocation?.map((loc) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_react28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material50.Typography, { className: classes.smallTitle, children: "/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_material50.Typography, { className: classes.locationText, children: loc })
     ] }, loc))
   ] });
 };
 var LocationsSectionInfo_default = LocationsSectionInfo;
 
 // src/components/Notes/Notes.tsx
-var import_react27 = require("react");
-var import_material49 = require("@mui/material");
+var import_react29 = require("react");
+var import_material51 = require("@mui/material");
 var import_mui33 = require("tss-react/mui");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var useStyles31 = (0, import_mui33.makeStyles)()((theme) => ({
   wrapper: {
     padding: theme.spacing(3),
@@ -6209,8 +6484,8 @@ var Notes2 = ({
   onChange,
   onClearNotes
 }) => {
-  const [notes, setNotes] = (0, import_react27.useState)("");
-  (0, import_react27.useEffect)(() => {
+  const [notes, setNotes] = (0, import_react29.useState)("");
+  (0, import_react29.useEffect)(() => {
     if (!initialNotes) {
       return;
     }
@@ -6235,13 +6510,13 @@ var Notes2 = ({
     }
   };
   const { classes } = useStyles31();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: classes.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_material49.FormControl, { fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_material49.InputLabel, { htmlFor: "notes", children: "Notes" }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-      import_material49.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: classes.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_material51.FormControl, { fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material51.InputLabel, { htmlFor: "notes", children: "Notes" }),
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      import_material51.Input,
       {
         disabled: isDisabled || isLoading,
-        endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_material49.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        endAdornment: isEditable && notes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material51.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           RoundButton_default,
           {
             disabled: isLoading,
@@ -6267,8 +6542,8 @@ var Notes2 = ({
 var Notes_default = Notes2;
 
 // src/components/Numpad/Numpad.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
   "div",
   {
     style: {
@@ -6280,9 +6555,9 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
       padding: 8
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("1"),
@@ -6291,7 +6566,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("2"),
@@ -6300,7 +6575,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("3"),
@@ -6310,8 +6585,8 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("4"),
@@ -6320,7 +6595,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "4"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("5"),
@@ -6329,7 +6604,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "5"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("6"),
@@ -6339,8 +6614,8 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("7"),
@@ -6349,7 +6624,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "7"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("8"),
@@ -6358,7 +6633,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "8"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("9"),
@@ -6368,8 +6643,8 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("0"),
@@ -6378,7 +6653,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
               children: "0"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               onClick: () => handleClick("."),
@@ -6389,7 +6664,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         "div",
         {
           style: {
@@ -6398,7 +6673,7 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
             justifyContent: "space-between",
             borderLeft: `1px solid ${colors.neutral250}`
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             RoundButton_default,
             {
               icon: "backspaceOutlined",
@@ -6415,10 +6690,10 @@ var Numpad = ({ handleClick, handleUndo }) => /* @__PURE__ */ (0, import_jsx_run
 var Numpad_default = Numpad;
 
 // src/components/NumpadInput/NumpadInput.tsx
-var import_react28 = require("react");
-var import_material50 = require("@mui/material");
+var import_react30 = require("react");
+var import_material52 = require("@mui/material");
 var import_mui34 = require("tss-react/mui");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var useStyles32 = (0, import_mui34.makeStyles)()(() => ({
   c_numpadinput__textfield: {
     "& .MuiInputLabel-outlined.MuiInputLabel-shrink": {
@@ -6445,7 +6720,7 @@ var useStyles32 = (0, import_mui34.makeStyles)()(() => ({
 var NumpadInput = (props) => {
   const { handleNextClick, inputLabel, children } = props;
   const { classes } = useStyles32();
-  const [state, setState] = (0, import_react28.useState)("");
+  const [state, setState] = (0, import_react30.useState)("");
   const handleNumpadClick = (value) => {
     setState(state + value);
   };
@@ -6455,13 +6730,13 @@ var NumpadInput = (props) => {
   function handleSubmit() {
     handleNextClick?.(state);
   }
-  const DefaultInput = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material50.Typography, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
-      import_material50.TextField,
+  const DefaultInput = /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material52.Typography, { variant: "h5", style: { padding: "16px 0 3rem" }, children: inputLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      import_material52.TextField,
       {
         id: "outlined-basic",
-        label: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_material50.Typography, { style: { fontSize: "1.5rem" }, children: "Insert" }),
+        label: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material52.Typography, { style: { fontSize: "1.5rem" }, children: "Insert" }),
         value: state,
         variant: "outlined",
         autoFocus: true,
@@ -6476,27 +6751,27 @@ var NumpadInput = (props) => {
     ) }),
     children
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: classes.c_numpadinput__body, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: classes.c_numpadinput__body, children: [
       children || DefaultInput,
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Numpad_default, { handleClick: handleNumpadClick, handleUndo })
     ] }),
-    state ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    state ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       FilledButtonLg_default,
       {
         color: "primary",
         copy: "next",
         handleClick: handleSubmit
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FilledButtonLg_default, { copy: "next", disabled: true })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(FilledButtonLg_default, { copy: "next", disabled: true })
   ] });
 };
-var NumpadInput_default = (0, import_react28.memo)(NumpadInput);
+var NumpadInput_default = (0, import_react30.memo)(NumpadInput);
 
 // src/components/NumpadPlus/NumpadPlus.tsx
-var import_material51 = require("@mui/material");
+var import_material53 = require("@mui/material");
 var import_mui35 = require("tss-react/mui");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var useStyles33 = (0, import_mui35.makeStyles)()(() => ({
   numpadContainer: {
     display: "flex",
@@ -6528,10 +6803,10 @@ var useStyles33 = (0, import_mui35.makeStyles)()(() => ({
 }));
 var NumpadPlus = ({ handleClick, handleUndo }) => {
   const { classes: styles } = useStyles33();
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material51.Box, { className: styles.numpadContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material51.Box, { className: styles.numpadNumbersContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material51.Box, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material53.Box, { className: styles.numpadContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material53.Box, { className: styles.numpadNumbersContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material53.Box, { className: styles.numpadRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("1"),
@@ -6540,7 +6815,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "1"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("2"),
@@ -6549,7 +6824,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "2"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("3"),
@@ -6559,8 +6834,8 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material51.Box, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material53.Box, { className: styles.numpadRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("4"),
@@ -6569,7 +6844,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "4"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("5"),
@@ -6578,7 +6853,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("6"),
@@ -6588,8 +6863,8 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material51.Box, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material53.Box, { className: styles.numpadRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("7"),
@@ -6598,7 +6873,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "7"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("8"),
@@ -6607,7 +6882,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "8"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("9"),
@@ -6617,8 +6892,8 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_material51.Box, { className: styles.numpadRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_material53.Box, { className: styles.numpadRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("0"),
@@ -6627,7 +6902,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "0"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("."),
@@ -6636,7 +6911,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
             children: "."
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           RoundButton_default,
           {
             onClick: () => handleClick("-"),
@@ -6647,7 +6922,7 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_material51.Box, { className: styles.numpadBackspace, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_material53.Box, { className: styles.numpadBackspace, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       RoundButton_default,
       {
         icon: "backspaceOutlined",
@@ -6661,9 +6936,9 @@ var NumpadPlus = ({ handleClick, handleUndo }) => {
 var NumpadPlus_default = NumpadPlus;
 
 // src/components/Pagination/Pagination.tsx
-var import_material52 = require("@mui/material");
+var import_material54 = require("@mui/material");
 var import_mui36 = require("tss-react/mui");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var paginationHeight = "56px";
 var useStyles34 = (0, import_mui36.makeStyles)()((theme) => ({
   root: {
@@ -6707,7 +6982,7 @@ var PaginationForTable = ({
     updateFilters({ ...appliedFilters, page: value });
   };
   const isFixed = position === "fixed";
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_material52.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_material54.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     "div",
     {
       style,
@@ -6715,12 +6990,12 @@ var PaginationForTable = ({
         [classes.fixed]: isFixed
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_material52.Typography, { variant: "body1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_material54.Typography, { variant: "body1", children: [
           "Page: ",
           page
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-          import_material52.Pagination,
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          import_material54.Pagination,
           {
             count: pagination.num_pages,
             page,
@@ -6734,11 +7009,11 @@ var PaginationForTable = ({
 var Pagination_default = PaginationForTable;
 
 // src/components/PlusMinusInput/PlusMinusInput.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_react_hook_form9 = require("react-hook-form");
-var import_material53 = require("@mui/material");
+var import_material55 = require("@mui/material");
 var import_mui37 = require("tss-react/mui");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var useStyles35 = (0, import_mui37.makeStyles)()((theme) => ({
   container: {
     position: "relative",
@@ -6816,7 +7091,7 @@ var PlusMinusInput = ({
     }
   });
   const inputValue = (0, import_react_hook_form9.useWatch)({ control, name: "inputValue" });
-  const setInputValue = (0, import_react29.useCallback)(
+  const setInputValue = (0, import_react31.useCallback)(
     (newValue) => {
       if (Number.isNaN(newValue) || newValue < 0) {
         return;
@@ -6825,7 +7100,7 @@ var PlusMinusInput = ({
     },
     [setValue]
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     clearErrors("inputValue");
     if (inputValue === "") {
       setError("inputValue", {
@@ -6845,7 +7120,7 @@ var PlusMinusInput = ({
       }
     }
   }, [clearErrors, inputValue, setError]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (typeof initialValue !== "number") {
       return;
     }
@@ -6881,15 +7156,15 @@ var PlusMinusInput = ({
     updateInputValue(value);
   };
   const { classes, cx } = useStyles35();
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
-    import_material53.FormGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+    import_material55.FormGroup,
     {
       className: cx(classes.wrapper, {
         [classes.leftButtons]: buttonsPosition === "left",
         [classes.rightButtons]: buttonsPosition === "right"
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           RoundButton_default,
           {
             className: classes.minus,
@@ -6899,19 +7174,19 @@ var PlusMinusInput = ({
             size: "small"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             import_react_hook_form9.Controller,
             {
               control,
               name: "inputValue",
-              render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-                import_material53.FormControlLabel,
+              render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                import_material55.FormControlLabel,
                 {
                   ...field,
                   className: classes.formControlLabel,
-                  control: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-                    import_material53.TextField,
+                  control: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                    import_material55.TextField,
                     {
                       className: classes.input,
                       disabled,
@@ -6927,8 +7202,8 @@ var PlusMinusInput = ({
               )
             }
           ),
-          errors.inputValue && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-            import_material53.Typography,
+          errors.inputValue && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            import_material55.Typography,
             {
               className: classes.errorText,
               color: "error",
@@ -6938,7 +7213,7 @@ var PlusMinusInput = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           RoundButton_default,
           {
             className: classes.plus,
@@ -6955,28 +7230,28 @@ var PlusMinusInput = ({
 var PlusMinusInput_default = PlusMinusInput;
 
 // src/components/ProductBust/ProductBust.tsx
-var import_react30 = require("react");
-var import_material55 = require("@mui/material");
+var import_react32 = require("react");
+var import_material57 = require("@mui/material");
 var import_mui39 = require("tss-react/mui");
 
 // src/components/ProductImage/ProductImage.tsx
-var import_material54 = require("@mui/material");
+var import_material56 = require("@mui/material");
 var import_mui38 = require("tss-react/mui");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var PImage = ({
   classes,
   image,
   size = "c_productbust__image_xs",
   status
-}) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: classes.c_productbust__image, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-    import_material54.CardMedia,
+}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: classes.c_productbust__image, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    import_material56.CardMedia,
     {
       className: classes[size],
       image: image || "@/resources/img/peas.jpg"
     }
   ),
-  status && status !== "ACTIVE" && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: classes.c_productbust__label_status, children: status })
+  status && status !== "ACTIVE" && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: classes.c_productbust__label_status, children: status })
 ] });
 var ProductImage = (0, import_mui38.withStyles)(PImage, (theme) => ({
   c_productbust__label_status: {
@@ -7058,7 +7333,7 @@ var ProductImage = (0, import_mui38.withStyles)(PImage, (theme) => ({
 var ProductImage_default = ProductImage;
 
 // src/components/ProductBust/ProductBust.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var PBust = ({
   classes,
   size,
@@ -7100,8 +7375,8 @@ var PBust = ({
     default:
       break;
   }
-  const [historyVisible, setHistoryVisible] = (0, import_react30.useState)(false);
-  const historyDataIcon = () => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  const [historyVisible, setHistoryVisible] = (0, import_react32.useState)(false);
+  const historyDataIcon = () => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     RoundButton_default,
     {
       icon: "history",
@@ -7109,8 +7384,8 @@ var PBust = ({
       size: "small"
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: classes.c_productbust, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: classes.c_productbust, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       ProductImage_default,
       {
         image: product?.image,
@@ -7118,11 +7393,11 @@ var PBust = ({
         size: imageSize
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: classes.c_productbust__container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: classes.c_productbust__heading, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-            import_material55.Typography,
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: classes.c_productbust__container, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: classes.c_productbust__heading, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            import_material57.Typography,
             {
               component: "span",
               color: "textSecondary",
@@ -7130,19 +7405,19 @@ var PBust = ({
               children: !!locationData && locationData
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material55.Typography, { component: "span", className: classes[titleSize], children: product?.name }),
-          !product && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_material55.Typography, { component: "span", className: classes[titleSize], children: "Empty Position" }),
-          primaryData || /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-              import_material55.Typography,
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material57.Typography, { component: "span", className: classes[titleSize], children: product?.name }),
+          !product && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material57.Typography, { component: "span", className: classes[titleSize], children: "Empty Position" }),
+          primaryData || /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              import_material57.Typography,
               {
                 style: { color: "#555" },
                 className: classes[subtitle1Size],
                 children: product?.category.name
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-              import_material55.Typography,
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              import_material57.Typography,
               {
                 style: { color: "#A42966", textTransform: "uppercase" },
                 className: classes[subtitle2Size],
@@ -7151,14 +7426,14 @@ var PBust = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: classes.c_productbust__btns, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { children: buttonData }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { children: !!locationId && historyDataIcon() })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: classes.c_productbust__btns, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { children: buttonData }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { children: !!locationId && historyDataIcon() })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { children: !!secondaryData && secondaryData })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { children: !!secondaryData && secondaryData })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       LocationHistoryDialog,
       {
         handleVisible: setHistoryVisible,
@@ -7260,23 +7535,23 @@ var ProductBust = (0, import_mui39.withStyles)(PBust, (theme) => ({
 var ProductBust_default = ProductBust;
 
 // src/components/RenderAvatar/RenderAvatar.tsx
-var import_material56 = require("@mui/material");
+var import_material58 = require("@mui/material");
 var import_mui40 = require("tss-react/mui");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var RenderAvatar = ({ active }) => {
-  const StyledBadge = (0, import_mui40.withStyles)(import_material56.Badge, () => ({
+  const StyledBadge = (0, import_mui40.withStyles)(import_material58.Badge, () => ({
     root: {
       ".MuiBadge-dot": {
         backgroundColor: active ? colors.muiSuccess : colors.neutral700
       }
     }
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-    import_material56.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    import_material58.Box,
     {
       sx: { display: "flex", flexDirection: "column", alignItems: "center" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           StyledBadge,
           {
             overlap: "circular",
@@ -7285,10 +7560,10 @@ var RenderAvatar = ({ active }) => {
               horizontal: "right"
             },
             variant: "dot",
-            children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material56.Avatar, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Avatar, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material56.Typography, { variant: "caption", children: active ? "Active" : "Disabled" })
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Typography, { variant: "caption", children: active ? "Active" : "Disabled" })
       ]
     }
   );
@@ -7296,17 +7571,17 @@ var RenderAvatar = ({ active }) => {
 var RenderAvatar_default = RenderAvatar;
 
 // src/components/RenderContentList/RenderContentList.tsx
-var import_react32 = require("react");
+var import_react34 = require("react");
 var import_WarningAmber = __toESM(require("@mui/icons-material/WarningAmber"), 1);
-var import_material57 = require("@mui/material");
+var import_material59 = require("@mui/material");
 var import_mui41 = require("tss-react/mui");
 
 // src/utils/useGetActiveSection.ts
-var import_react31 = require("react");
+var import_react33 = require("react");
 var transformNameToID = (name) => name.replaceAll(" ", "_").toLocaleLowerCase();
 
 // src/components/RenderContentList/RenderContentList.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var useStyles36 = (0, import_mui41.makeStyles)()(
   (_theme, _params, classes) => ({
     root: {
@@ -7327,11 +7602,11 @@ var RenderContentList = ({
   warningMessage = "Missing information on this section"
 }) => {
   const { classes } = useStyles36();
-  const [active, setActive] = (0, import_react32.useState)(activeSection);
-  const observer = (0, import_react32.useRef)(null);
-  const isScrolling = (0, import_react32.useRef)(false);
-  const timeoutScrolling = (0, import_react32.useRef)(null);
-  (0, import_react32.useEffect)(() => {
+  const [active, setActive] = (0, import_react34.useState)(activeSection);
+  const observer = (0, import_react34.useRef)(null);
+  const isScrolling = (0, import_react34.useRef)(false);
+  const timeoutScrolling = (0, import_react34.useRef)(null);
+  (0, import_react34.useEffect)(() => {
     if (!activeSection) {
       return void 0;
     }
@@ -7355,7 +7630,7 @@ var RenderContentList = ({
       if (timeoutScrolling.current) clearTimeout(timeoutScrolling.current);
     };
   }, [activeSection]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const sections = items.map((item) => ({
       id: transformNameToID(item),
       element: document.getElementById(transformNameToID(item))
@@ -7404,23 +7679,23 @@ var RenderContentList = ({
       isScrolling.current = false;
     }, 1e3);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-    import_material57.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    import_material59.List,
     {
       component: "nav",
       "aria-labelledby": "nested-list-subheader",
-      subheader: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material57.ListSubheader, { component: "div", id: "nested-list-subheader", children: "Contents" }),
+      subheader: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material59.ListSubheader, { component: "div", id: "nested-list-subheader", children: "Contents" }),
       children: items.map((item) => {
         const id = transformNameToID(item);
-        return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
-          import_material57.ListItemButton,
+        return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+          import_material59.ListItemButton,
           {
             selected: active === id,
             classes: { root: classes.root, selected: classes.selected },
             onClick: () => handleMenuClick(id),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material57.ListItemText, { primary: item }),
-              (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_material57.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_WarningAmber.default, { color: "warning" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material59.ListItemText, { primary: item }),
+              (warningItems?.includes(item) || warningItems?.includes(id)) && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material59.Tooltip, { title: warningMessage, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_WarningAmber.default, { color: "warning" }) })
             ]
           },
           id
@@ -7432,9 +7707,9 @@ var RenderContentList = ({
 var RenderContentList_default = RenderContentList;
 
 // src/components/RowProductCard/RowProductCard.tsx
-var import_material58 = require("@mui/material");
+var import_material60 = require("@mui/material");
 var import_mui42 = require("tss-react/mui");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var useStyles37 = (0, import_mui42.makeStyles)()((theme) => ({
   wrapper: {
     display: "flex",
@@ -7473,8 +7748,8 @@ var RowProductCard = ({
     medium: "c_productbust__image_md",
     large: "c_productbust__image_lg"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_material58.Paper, { className: classes.wrapper, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material60.Paper, { className: classes.wrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       ProductImage_default,
       {
         image: product.image,
@@ -7482,15 +7757,15 @@ var RowProductCard = ({
         size: imageSize[size]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
       "div",
       {
         className: cx(classes.content, {
           [classes.onlyProductName]: !hasColumns && !location
         }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
-            import_material58.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+            import_material60.Box,
             {
               className: classes.upperRow,
               sx: {
@@ -7499,26 +7774,26 @@ var RowProductCard = ({
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-                  location ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Typography, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Typography, { variant: "h6", children: product.name })
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+                  location ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material60.Typography, { className: classes.smallTitle, variant: "caption", children: `Location: ${location}` }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material60.Typography, { variant: "h6", children: product.name })
                 ] }),
                 children
               ]
             }
           ),
-          hasColumns ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Divider, { className: classes.divider }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_material58.Box,
+          hasColumns ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material60.Divider, { className: classes.divider }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_material60.Box,
               {
                 sx: {
                   display: "flex",
                   gap: "24px"
                 },
-                children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Typography, { className: classes.smallTitle, variant: "caption", children: column.title }),
-                  typeof column.value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_material58.Typography, { variant: "body1", children: column.value }) : column.value
+                children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material60.Typography, { className: classes.smallTitle, variant: "caption", children: column.title }),
+                  typeof column.value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material60.Typography, { variant: "body1", children: column.value }) : column.value
                 ] }, column.title))
               }
             )
@@ -7531,10 +7806,10 @@ var RowProductCard = ({
 var RowProductCard_default = RowProductCard;
 
 // src/components/ScrollableDialog/ScrollableDialog.tsx
-var import_react33 = require("react");
-var import_material59 = require("@mui/material");
+var import_react35 = require("react");
+var import_material61 = require("@mui/material");
 var import_mui43 = require("tss-react/mui");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var useStyles38 = (0, import_mui43.makeStyles)()((theme) => ({
   dialog: {
     margin: "0 auto",
@@ -7574,18 +7849,18 @@ var ScrollableDialog = ({
   isOpen,
   title
 }) => {
-  const [bodyHeight, setBodyHeight] = (0, import_react33.useState)(0);
-  const [hasScrollBar, setHasScrollBar] = (0, import_react33.useState)(false);
-  const [maxDialogHeight, setMaxDialogHeight] = (0, import_react33.useState)(0);
+  const [bodyHeight, setBodyHeight] = (0, import_react35.useState)(0);
+  const [hasScrollBar, setHasScrollBar] = (0, import_react35.useState)(false);
+  const [maxDialogHeight, setMaxDialogHeight] = (0, import_react35.useState)(0);
   const { classes, cx } = useStyles38();
-  const headerRef = (0, import_react33.useRef)(null);
-  const footerRef = (0, import_react33.useRef)(null);
-  const titleRef = (0, import_react33.useRef)(null);
-  const bodyRef = (0, import_react33.useRef)(null);
+  const headerRef = (0, import_react35.useRef)(null);
+  const footerRef = (0, import_react35.useRef)(null);
+  const titleRef = (0, import_react35.useRef)(null);
+  const bodyRef = (0, import_react35.useRef)(null);
   const DIALOG_MARGIN = 65;
   const DEFAULT_MAX_HEIGHT = 728;
   const TITLE_MARGIN = 48;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const handleResize = () => {
       const screenHeight = window.innerHeight;
       const newMaxHeight = screenHeight < DEFAULT_MAX_HEIGHT + DIALOG_MARGIN ? screenHeight - DIALOG_MARGIN : DEFAULT_MAX_HEIGHT;
@@ -7604,23 +7879,23 @@ var ScrollableDialog = ({
     const scrollHeight = bodyRef.current?.scrollHeight || 0;
     setHasScrollBar(scrollHeight > contentHeight);
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (isOpen) {
       requestAnimationFrame(measureHeights);
     }
   }, [isOpen, header, footer, title, maxDialogHeight]);
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material59.Dialog, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-    import_material59.Fade,
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Dialog, { className: classes.dialog, fullWidth: true, maxWidth: false, open: isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    import_material61.Fade,
     {
       in: isOpen,
       onEntered: () => {
         requestAnimationFrame(measureHeights);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_material59.Paper, { className: classes.wrapper, children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: classes.header, id: "dialog-header", children: header }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: classes.body, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-            import_material59.Typography,
+      children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material61.Paper, { className: classes.wrapper, children: [
+        header ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: classes.header, id: "dialog-header", children: header }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: classes.body, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+            import_material61.Typography,
             {
               className: classes.title,
               id: "dialog-title",
@@ -7628,7 +7903,7 @@ var ScrollableDialog = ({
               children: title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "div",
             {
               className: cx(classes.scrollableContainer, {
@@ -7642,9 +7917,9 @@ var ScrollableDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material59.Divider, {}),
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-          import_material59.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Divider, {}),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+          import_material61.Box,
           {
             className: classes.footer,
             id: "dialog-footer",
@@ -7662,16 +7937,16 @@ var ScrollableDialog = ({
 var ScrollableDialog_default = ScrollableDialog;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
-var import_material61 = require("@mui/material");
+var import_material63 = require("@mui/material");
 var import_mui45 = require("tss-react/mui");
 
 // src/components/SearchWithFilters/SearchWithFilters.tsx
-var import_react34 = require("react");
+var import_react36 = require("react");
 var React6 = __toESM(require("react"), 1);
 var import_icons_material4 = require("@mui/icons-material");
-var import_material60 = require("@mui/material");
+var import_material62 = require("@mui/material");
 var import_mui44 = require("tss-react/mui");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var useStyles39 = (0, import_mui44.makeStyles)()((theme) => ({
   searchContainer: {
     height: 46,
@@ -7716,7 +7991,7 @@ var SearchWithFilters = ({
   },
   disabled = false
 }) => {
-  const [searchText, setSearchText] = (0, import_react34.useState)(searchValue);
+  const [searchText, setSearchText] = (0, import_react36.useState)(searchValue);
   const { classes } = useStyles39();
   const handleTextChange = (e) => {
     const { value } = e.target;
@@ -7728,13 +8003,13 @@ var SearchWithFilters = ({
       enterPressedInSearch?.();
     }
   };
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     setSearchText(searchValue);
   }, [searchValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_material60.Paper, { className: classes.searchContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material4.Search, { className: classes.icon, fontSize: "small" }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-      import_material60.InputBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material62.Paper, { className: classes.searchContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material4.Search, { className: classes.icon, fontSize: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+      import_material62.InputBase,
       {
         className: classes.input,
         placeholder: "Search",
@@ -7745,16 +8020,16 @@ var SearchWithFilters = ({
         inputProps: { "aria-label": "search" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_material60.Divider, { className: classes.divider, orientation: "vertical" }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
-      import_material60.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.Divider, { className: classes.divider, orientation: "vertical" }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+      import_material62.Button,
       {
         className: classes.filterButton,
         onClick: filterClick,
         disabled,
         children: [
           "Filters",
-          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material4.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons_material4.ArrowDropDown, {})
+          showFilters ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material4.ArrowDropUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material4.ArrowDropDown, {})
         ]
       }
     )
@@ -7763,7 +8038,7 @@ var SearchWithFilters = ({
 var SearchWithFilters_default = React6.memo(SearchWithFilters);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeader.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var useStyles40 = (0, import_mui45.makeStyles)()((theme) => ({
   wrapper: {
     display: "flex",
@@ -7799,11 +8074,11 @@ var SearchAndFilterHeader = ({
   searchValue
 }) => {
   const { classes } = useStyles40();
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material61.Box, { className: classes.wrapper, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material61.Box, { className: classes.container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_material61.Box, { className: classes.leftSection, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(AppLabel_default, { appName }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_material63.Paper, { children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_material63.Box, { className: classes.wrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_material63.Box, { className: classes.container, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_material63.Box, { className: classes.leftSection, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(AppLabel_default, { appName }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           SearchWithFilters_default,
           {
             searchValue,
@@ -7814,9 +8089,9 @@ var SearchAndFilterHeader = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Box, { children: extraButton })
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_material63.Box, { children: extraButton })
     ] }),
-    showFilters ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_material61.Box, { children: filtersComponent }) : null,
+    showFilters ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_material63.Box, { children: filtersComponent }) : null,
     appliedFiltersComponent
   ] }) });
 };
@@ -7824,15 +8099,15 @@ var SearchAndFilterHeader_default = SearchAndFilterHeader;
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
 var React7 = __toESM(require("react"), 1);
-var import_material63 = require("@mui/material");
+var import_material65 = require("@mui/material");
 var import_mui47 = require("tss-react/mui");
 
 // src/components/SearchWithFilters/SearchWithFiltersForTable.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 var import_icons_material5 = require("@mui/icons-material");
-var import_material62 = require("@mui/material");
+var import_material64 = require("@mui/material");
 var import_mui46 = require("tss-react/mui");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var useStyles41 = (0, import_mui46.makeStyles)()((theme) => ({
   c_search: {
     height: 46,
@@ -7892,7 +8167,7 @@ var SearchWithFiltersForTable = (props) => {
     searchedValue
   } = props;
   const { classes } = useStyles41();
-  const [searchText, setSearchText] = (0, import_react35.useState)("");
+  const [searchText, setSearchText] = (0, import_react37.useState)("");
   const handleTextChange = (e) => {
     const { value } = e.target;
     setSearchText(value);
@@ -7907,10 +8182,10 @@ var SearchWithFiltersForTable = (props) => {
     }
   };
   const ArrowIcon = isOpen ? import_icons_material5.ArrowDropUp : import_icons_material5.ArrowDropDown;
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_material62.Paper, { className: classes.c_search, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_material62.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons_material5.Search, { className: classes.icon, fontSize: "small" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-      import_material62.InputBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_material64.Paper, { className: classes.c_search, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material64.Box, { className: classes.c_search__icon, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons_material5.Search, { className: classes.icon, fontSize: "small" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      import_material64.InputBase,
       {
         className: classes.c_search__input,
         placeholder: "Search",
@@ -7919,32 +8194,32 @@ var SearchWithFiltersForTable = (props) => {
         onKeyDown: handleKeyPress
       }
     ),
-    showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_jsx_runtime115.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-        import_material62.Divider,
+    showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_jsx_runtime117.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        import_material64.Divider,
         {
           className: classes.c_search__divider,
           orientation: "vertical"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
-        import_material62.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+        import_material64.Button,
         {
           className: classes.c_search__bt_filter,
           onClick: handleFilterButtonClick,
           children: [
             "Filters",
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ArrowIcon, { className: classes.c_search__bt_icon_filter })
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ArrowIcon, { className: classes.c_search__bt_icon_filter })
           ]
         }
       )
     ] })
   ] });
 };
-var SearchWithFiltersForTable_default = (0, import_react35.memo)(SearchWithFiltersForTable);
+var SearchWithFiltersForTable_default = (0, import_react37.memo)(SearchWithFiltersForTable);
 
 // src/components/SearchAndFilterHeader/SearchAndFilterHeaderForTable.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var useStyles42 = (0, import_mui47.makeStyles)()((theme) => ({
   container: {
     display: "flex",
@@ -7976,10 +8251,10 @@ var SearchAndFilterHeaderForTable = (props) => {
     searchedValue
   } = props;
   const { classes } = useStyles42();
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_material63.Box, { className: classes.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_material63.Box, { className: classes.leftSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(AppLabel_default, { appName }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material65.Box, { className: classes.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material65.Box, { className: classes.leftSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(AppLabel_default, { appName }),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         SearchWithFiltersForTable_default,
         {
           onFilterButtonClick,
@@ -7990,24 +8265,24 @@ var SearchAndFilterHeaderForTable = (props) => {
           searchedValue
         }
       ),
-      copy && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
-        import_material63.Box,
+      copy && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+        import_material65.Box,
         {
           sx: {
             margin: 0.5
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(OutlinedButton_default, { copy })
+          children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(OutlinedButton_default, { copy })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_material63.Box, { children: button })
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.Box, { children: button })
   ] });
 };
 var SearchAndFilterHeaderForTable_default = React7.memo(SearchAndFilterHeaderForTable);
 
 // src/components/SearchHeader/SearchHeader.tsx
-var import_material64 = require("@mui/material");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_material66 = require("@mui/material");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var SearchHeader = ({
   renderButton,
   renderExtraAction,
@@ -8018,8 +8293,8 @@ var SearchHeader = ({
   onKeyDown,
   width
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
-    import_material64.Paper,
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+    import_material66.Paper,
     {
       sx: {
         display: "flex",
@@ -8027,8 +8302,8 @@ var SearchHeader = ({
         padding: 2
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
-          import_material64.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+          import_material66.Box,
           {
             sx: {
               display: "flex",
@@ -8036,8 +8311,8 @@ var SearchHeader = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_material64.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_material66.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
                   SearchFieldDebounced,
                   {
                     width,
@@ -8062,9 +8337,9 @@ var SearchHeader = ({
 // src/components/SectionName/SectionName.tsx
 var import_History = __toESM(require("@mui/icons-material/History"), 1);
 var import_Info = __toESM(require("@mui/icons-material/Info"), 1);
-var import_material65 = require("@mui/material");
+var import_material67 = require("@mui/material");
 var import_mui48 = require("tss-react/mui");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var useStyles43 = (0, import_mui48.makeStyles)()((theme) => ({
   container: {
     display: "flex",
@@ -8120,10 +8395,10 @@ var SectionName = ({
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material65.Box, { className: classes.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material65.Box, { className: classes.titleContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-        import_material65.Typography,
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_material67.Box, { className: classes.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_material67.Box, { className: classes.titleContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+        import_material67.Typography,
         {
           variant: "h5",
           onClick: handleScroll,
@@ -8131,7 +8406,7 @@ var SectionName = ({
           children: name
         }
       ),
-      tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+      tooltipDescription ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material67.Tooltip, { title: tooltipDescription, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         import_Info.default,
         {
           fontSize: "small",
@@ -8140,8 +8415,8 @@ var SectionName = ({
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material65.Box, { className: classes.actionButtons, children: [
-      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_material67.Box, { className: classes.actionButtons, children: [
+      buttonText ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         ExtendedButton_default,
         {
           type: buttonType,
@@ -8154,17 +8429,17 @@ var SectionName = ({
           variant: "text"
         }
       ) : null,
-      openHistoryLog && buttonText && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.Divider, { orientation: "vertical", sx: { height: "24px" } }),
-      openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material65.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_History.default, {}) })
+      openHistoryLog && buttonText && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material67.Divider, { orientation: "vertical", sx: { height: "24px" } }),
+      openHistoryLog && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material67.IconButton, { size: "small", onClick: () => openHistoryLog(), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_History.default, {}) })
     ] })
   ] });
 };
 var SectionName_default = SectionName;
 
 // src/components/SmartMultipleSelect/SmartMultipleSelect.tsx
-var import_react36 = require("react");
-var import_material66 = require("@mui/material");
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_material68 = require("@mui/material");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 var SmartMultipleSelect = ({
   inputLabel,
   variant = "standard",
@@ -8182,7 +8457,7 @@ var SmartMultipleSelect = ({
   helperText,
   menuProps
 }) => {
-  const [localValues, setLocalValues] = (0, import_react36.useState)(defaultValues ?? []);
+  const [localValues, setLocalValues] = (0, import_react38.useState)(defaultValues ?? []);
   const handleChangeOption = (option) => {
     let newValues = [];
     const selectedIndex = localValues.findIndex(
@@ -8196,19 +8471,19 @@ var SmartMultipleSelect = ({
     setLocalValues(newValues);
     onChange?.(newValues);
   };
-  const renderMenuContent = () => !menuOptions?.length ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-    import_material66.Box,
+  const renderMenuContent = () => !menuOptions?.length ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    import_material68.Box,
     {
       sx: { display: "flex", justifyContent: "center", alignItems: "center" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.Typography, { children: emptyMessage })
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Typography, { children: emptyMessage })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.Box, { sx: { display: "flex", flexDirection: "column" }, children: menuOptions?.map((option, index) => {
+  ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Box, { sx: { display: "flex", flexDirection: "column" }, children: menuOptions?.map((option, index) => {
     const selectedValues = values ?? localValues ?? [];
     const isSelected = selectedValues.some(
       (selected) => selected.value === option.value
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
-      import_material66.Box,
+    return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+      import_material68.Box,
       {
         onClick: () => handleChangeOption(option),
         sx: {
@@ -8218,15 +8493,15 @@ var SmartMultipleSelect = ({
           backgroundColor: isSelected ? colors.lightBlueBackground : void 0
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.Checkbox, { disableRipple: true, sx: { py: 0.5 }, checked: isSelected }),
-          /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.ListItemText, { primary: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Checkbox, { disableRipple: true, sx: { py: 0.5 }, checked: isSelected }),
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.ListItemText, { primary: option.label })
         ]
       },
       option.value ?? index
     );
   }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
-    import_material66.FormControl,
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+    import_material68.FormControl,
     {
       fullWidth: true,
       variant,
@@ -8234,9 +8509,9 @@ var SmartMultipleSelect = ({
       disabled,
       error,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.InputLabel, { children: inputLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-          import_material66.Select,
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.InputLabel, { children: inputLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          import_material68.Select,
           {
             multiple: true,
             label: inputLabel,
@@ -8248,37 +8523,37 @@ var SmartMultipleSelect = ({
             onClose: () => onClose?.(localValues),
             renderValue: (selectedValues) => {
               const valuesString = selectedValues.map((v) => v.label)?.join(", ");
-              return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
+              return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
             },
-            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-              import_material66.Box,
+            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+              import_material68.Box,
               {
                 sx: {
                   display: "flex",
                   justifyContent: "center",
                   alignItems: "center"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.CircularProgress, { size: 24 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.CircularProgress, { size: 24 })
               }
             ) : renderMenuContent()
           }
         ),
-        helperText && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_material66.FormHelperText, { children: helperText })
+        helperText && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.FormHelperText, { children: helperText })
       ]
     }
   );
 };
 
 // src/components/SquareLabel/SquareLabel.tsx
-var import_react37 = require("react");
-var import_material67 = require("@mui/material");
-var import_colors52 = require("@mui/material/colors");
+var import_react39 = require("react");
+var import_material69 = require("@mui/material");
+var import_colors53 = require("@mui/material/colors");
 var import_mui49 = require("tss-react/mui");
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var useStyles44 = (0, import_mui49.makeStyles)()((theme) => ({
   red: {
-    backgroundColor: import_colors52.red["50"],
-    color: import_colors52.red["500"],
+    backgroundColor: import_colors53.red["50"],
+    color: import_colors53.red["500"],
     padding: theme.spacing(1.5),
     borderRadius: "5px",
     marginTop: theme.spacing(1),
@@ -8289,15 +8564,15 @@ var useStyles44 = (0, import_mui49.makeStyles)()((theme) => ({
 }));
 var SquareLabel = ({ color, copy }) => {
   const { classes } = useStyles44();
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material67.Typography, { className: classes[color], children: copy });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_material69.Typography, { className: classes[color], children: copy });
 };
-var SquareLabel_default = (0, import_react37.memo)(SquareLabel);
+var SquareLabel_default = (0, import_react39.memo)(SquareLabel);
 
 // src/components/Switch/Switch.tsx
-var import_react38 = require("react");
-var import_material68 = require("@mui/material");
+var import_react40 = require("react");
+var import_material70 = require("@mui/material");
 var import_mui50 = require("tss-react/mui");
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var LSwitch = ({
   checked,
   labelOn,
@@ -8305,8 +8580,8 @@ var LSwitch = ({
   handleChange,
   classes,
   disabled
-}) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
-  import_material68.Grid,
+}) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: classes.c_switch, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  import_material70.Grid,
   {
     component: "label",
     container: true,
@@ -8315,9 +8590,9 @@ var LSwitch = ({
       alignItems: "center"
     },
     children: [
-      labelOff && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Grid, { children: labelOff }),
-      /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-        import_material68.Switch,
+      labelOff && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Grid, { children: labelOff }),
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        import_material70.Switch,
         {
           checked,
           color: "primary",
@@ -8325,7 +8600,7 @@ var LSwitch = ({
           disabled
         }
       ) }),
-      labelOn && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_material68.Grid, { children: labelOn })
+      labelOn && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Grid, { children: labelOn })
     ]
   }
 ) });
@@ -8347,14 +8622,14 @@ var LabelledSwitch = (0, import_mui50.withStyles)(LSwitch, (theme) => ({
     fontSize: "1rem"
   }
 }));
-var Switch_default = (0, import_react38.memo)(LabelledSwitch);
+var Switch_default = (0, import_react40.memo)(LabelledSwitch);
 
 // src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-var import_react39 = require("react");
-var import_material69 = require("@mui/material");
+var import_react41 = require("react");
+var import_material71 = require("@mui/material");
 var import_classnames3 = __toESM(require("classnames"), 1);
-var import_jsx_runtime122 = require("react/jsx-runtime");
-var MAX_WIDTH = 276;
+var import_jsx_runtime124 = require("react/jsx-runtime");
+var MAX_WIDTH2 = 276;
 var findFilterIndex = (filters, filterOption) => filters.findIndex((item) => {
   if (typeof item === "string" && typeof filterOption === "string") {
     return item === filterOption;
@@ -8371,11 +8646,11 @@ var SmartTableHeaderFilterMenu = ({
   shouldShowCheckOnFilter,
   onApplyFilters
 }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react39.useState)(null);
-  const [filterOptionsData, setFilterOptionsData] = (0, import_react39.useState)();
-  const [selectedFilterOptions, setSelectedFilterOptions] = (0, import_react39.useState)(headerFilters[headCell.id] ?? []);
+  const [anchorEl, setAnchorEl] = (0, import_react41.useState)(null);
+  const [filterOptionsData, setFilterOptionsData] = (0, import_react41.useState)();
+  const [selectedFilterOptions, setSelectedFilterOptions] = (0, import_react41.useState)(headerFilters[headCell.id] ?? []);
   const numFilterOptions = filterOptionsData?.length ?? 0;
-  (0, import_react39.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (headCell.filterOptions) {
       setFilterOptionsData(headCell.filterOptions);
     } else if (headCell.filterType === "boolean") {
@@ -8431,11 +8706,11 @@ var SmartTableHeaderFilterMenu = ({
     onApplyFilters?.(updatedFilters, shouldSave);
     setAnchorEl(null);
   };
-  (0, import_react39.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     setSelectedFilterOptions(headerFilters[headCell.id] ?? []);
   }, [headerFilters, headCell.id]);
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       ActiveFiltersIconButton,
       {
         numActiveFilters,
@@ -8445,8 +8720,8 @@ var SmartTableHeaderFilterMenu = ({
         })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
-      import_material69.Menu,
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      import_material71.Menu,
       {
         open: !!anchorEl,
         onClose: handleFilterMenuClose,
@@ -8454,12 +8729,12 @@ var SmartTableHeaderFilterMenu = ({
         "data-testid": "filter-menu",
         slotProps: {
           list: {
-            sx: { p: 0, maxWidth: MAX_WIDTH }
+            sx: { p: 0, maxWidth: MAX_WIDTH2 }
           }
         },
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        children: headCell.filterType === "autocomplete" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        children: headCell.filterType === "autocomplete" ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           AutocompleteFilterMenuContent,
           {
             columnId: headCell.id,
@@ -8472,7 +8747,7 @@ var SmartTableHeaderFilterMenu = ({
             onApplyFiltersClick: handleApplyFiltersClick,
             shouldShowCheckOnFilter
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           CheckboxFilterMenuContent,
           {
             columnId: headCell.id,
@@ -8492,10 +8767,10 @@ var SmartTableHeaderFilterMenu = ({
 };
 
 // src/components/SmartTableHeader/SmartTableHeader.tsx
-var import_react40 = require("react");
-var import_material70 = require("@mui/material");
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var SmartTableHeader = (0, import_react40.memo)(
+var import_react42 = require("react");
+var import_material72 = require("@mui/material");
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var SmartTableHeader = (0, import_react42.memo)(
   ({
     order,
     orderBy,
@@ -8513,14 +8788,14 @@ var SmartTableHeader = (0, import_react40.memo)(
       onRequestSort(event, property);
     };
     const isSortActive = (headCellId) => orderBy === headCellId;
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_material70.TableRow, { children: [
-      enableCheckboxSelection ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-        import_material70.TableCell,
+    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_material72.TableRow, { children: [
+      enableCheckboxSelection ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        import_material72.TableCell,
         {
           padding: "checkbox",
           sx: { backgroundColor: colors.neutral100 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-            import_material70.Checkbox,
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            import_material72.Checkbox,
             {
               color: "primary",
               disableRipple: true,
@@ -8531,8 +8806,8 @@ var SmartTableHeader = (0, import_react40.memo)(
           )
         }
       ) : null,
-      headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-        import_material70.TableCell,
+      headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        import_material72.TableCell,
         {
           align: "left",
           width: headCell.width ?? "auto",
@@ -8555,15 +8830,15 @@ var SmartTableHeader = (0, import_react40.memo)(
               }
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
-            import_material70.Box,
+          children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+            import_material72.Box,
             {
               display: "flex",
               flexDirection: "row",
               gap: headCell.disableSort ? 1 : 0,
               children: [
-                headCell.disableSort ? headCell.renderHeader ?? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Typography, { variant: "subtitle2", mt: 0.25, mb: -0.25, children: headCell.label }) }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_material70.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
-                  import_material70.TableSortLabel,
+                headCell.disableSort ? headCell.renderHeader ?? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.Typography, { variant: "subtitle2", mt: 0.25, mb: -0.25, children: headCell.label }) }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.Tooltip, { title: headCell.labelTooltip ?? "", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+                  import_material72.TableSortLabel,
                   {
                     "data-testid": "table-sort-label",
                     active: isSortActive(headCell.id),
@@ -8571,7 +8846,7 @@ var SmartTableHeader = (0, import_react40.memo)(
                     onClick: createSortHandler(headCell.id),
                     children: [
                       headCell.renderHeader ?? headCell.label,
-                      orderBy === headCell.id ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                      orderBy === headCell.id ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                         "span",
                         {
                           style: {
@@ -8591,7 +8866,7 @@ var SmartTableHeader = (0, import_react40.memo)(
                     ]
                   }
                 ) }),
-                headCell.filterType ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                headCell.filterType ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   SmartTableHeaderFilterMenu,
                   {
                     headCell,
@@ -8612,20 +8887,20 @@ var SmartTableHeader = (0, import_react40.memo)(
 );
 
 // src/components/Table/Table.tsx
-var import_react41 = require("react");
-var import_material72 = require("@mui/material");
+var import_react43 = require("react");
+var import_material74 = require("@mui/material");
 var import_debounce = __toESM(require_debounce(), 1);
 var import_mui51 = require("tss-react/mui");
 var import_uuid = require("uuid");
 
 // src/components/TableLoading/TableLoading.tsx
-var import_material71 = require("@mui/material");
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_material73 = require("@mui/material");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var TableLoading = ({
   rowsPerPage,
   rowHeight
-}) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_material71.Box, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
-  import_material71.Skeleton,
+}) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material73.Box, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  import_material73.Skeleton,
   {
     animation: "pulse",
     "data-testid": "table-loading-skeleton",
@@ -8673,7 +8948,7 @@ function calculateRowsPerPage(rowHeight) {
 }
 
 // src/components/Table/Table.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var useStyles45 = (0, import_mui51.makeStyles)()(() => ({
   root: {
     height: "calc(100vh - 262px)",
@@ -8708,11 +8983,11 @@ var Table = ({
   serverRendered,
   updateSort
 }) => {
-  const [order, setOrder] = (0, import_react41.useState)(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = (0, import_react41.useState)(
+  const [order, setOrder] = (0, import_react43.useState)(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = (0, import_react43.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [rowsPerPage, setRowsPerPage] = (0, import_react41.useState)(defaultRowsPerPage);
+  const [rowsPerPage, setRowsPerPage] = (0, import_react43.useState)(defaultRowsPerPage);
   const { classes } = useStyles45();
   const rowHeight = 56;
   const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
@@ -8725,7 +9000,7 @@ var Table = ({
       updateSort(property, orderDir);
     }
   };
-  (0, import_react41.useLayoutEffect)(() => {
+  (0, import_react43.useLayoutEffect)(() => {
     if (!doNotCalculateRows) {
       return;
     }
@@ -8751,25 +9026,25 @@ var Table = ({
     );
     const rowsComponents = rows.map((row) => {
       if (RenderItem) {
-        return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(RenderItem, { ...row }, row.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(RenderItem, { ...row }, row.id);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableRow, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableCell, { children: row[column.id] }, column.id)) }, row.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableRow, { hover: true, onClick: () => onRowClick?.(row), children: headCells?.map((column) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableCell, { children: row[column.id] }, column.id)) }, row.id);
     });
     if (emptyRows > 0 && rowsPerPage > emptyRows) {
       rowsComponents.push(
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableCell, { colSpan: 8 }) }, (0, import_uuid.v4)())
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableCell, { colSpan: 8 }) }, (0, import_uuid.v4)())
       );
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.Paper, { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.Box, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_material72.Table, { size: "medium", stickyHeader: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableHead, { className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableRow, { children: headCells?.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-      import_material72.TableCell,
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.Paper, { className: classes.root, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.Box, { className: classes.paper, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableContainer, { className: classes.container, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_material74.Table, { size: "medium", stickyHeader: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableHead, { className: classes.header, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableRow, { children: headCells?.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      import_material74.TableCell,
       {
         align: "left",
         sortDirection: orderBy === headCell.id ? order : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-          import_material72.TableSortLabel,
+        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          import_material74.TableSortLabel,
           {
             active: orderBy === headCell.id,
             direction: orderBy === headCell.id ? order : "asc",
@@ -8780,29 +9055,29 @@ var Table = ({
       },
       headCell.id
     )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_material72.TableBody, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_material74.TableBody, { children: [
       getTableRows(),
-      rowsPerPage === emptyRows && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_material72.TableCell, { colSpan: 8, align: "center", children: "Nothing to display" }) })
+      rowsPerPage === emptyRows && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableRow, { style: { height: rowHeight * emptyRows }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_material74.TableCell, { colSpan: 8, align: "center", children: "Nothing to display" }) })
     ] })
   ] }) }) }) });
 };
 var Table_default = Table;
 
 // src/components/TableDesktop/TableDesktop.tsx
-var import_react42 = require("react");
-var import_material77 = require("@mui/material");
+var import_react44 = require("react");
+var import_material79 = require("@mui/material");
 
 // src/components/TableDesktopLoadingState/TableDesktopLoadingState.tsx
-var import_material73 = require("@mui/material");
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_material75 = require("@mui/material");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var getRange = (n) => Array.from({ length: n }, (_, i) => i + 1);
 var TableDesktopLoadingState = ({
   numRows,
   numColumns,
   rowHeight = 56
 }) => {
-  return getRange(numRows).map((rowNum) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material73.TableRow, { children: getRange(numColumns).map((colNum) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_material73.TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
-    import_material73.Skeleton,
+  return getRange(numRows).map((rowNum) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_material75.TableRow, { children: getRange(numColumns).map((colNum) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_material75.TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    import_material75.Skeleton,
     {
       animation: "pulse",
       variant: "rounded",
@@ -8820,11 +9095,11 @@ var import_TableRow = __toESM(require("@mui/material/TableRow"), 1);
 var import_Typography = __toESM(require("@mui/material/Typography"), 1);
 
 // src/components/Buttons/BaseButton/BaseIconButton.tsx
-var import_material74 = require("@mui/material");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_material76 = require("@mui/material");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var BaseIconButton = ({ icon, sx, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
-    import_material74.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+    import_material76.Button,
     {
       sx: {
         display: "flex",
@@ -8844,10 +9119,10 @@ var BaseIconButton = ({ icon, sx, ...props }) => {
 };
 
 // src/components/TableDesktopNoColumnsMessage/TableDesktopNoColumnsMessage.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var TableDesktopNoColumnsMessage = ({
   onClickNoColumnsMessageOpenMenu
-}) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_TableBody.default, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_TableBody.default, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_TableRow.default, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
   import_TableCell.default,
   {
     sx: {
@@ -8860,9 +9135,9 @@ var TableDesktopNoColumnsMessage = ({
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_Typography.default, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_Typography.default, { variant: "subtitle1", align: "center", color: "textSecondary", children: "Open the menu to customise your table and search." }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_Typography.default, { variant: "subtitle2", fontSize: 16, children: "Customise your view" }),
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_Typography.default, { variant: "subtitle1", align: "center", color: "textSecondary", children: "Open the menu to customise your table and search." }),
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
         import_Typography.default,
         {
           variant: "subtitle1",
@@ -8875,18 +9150,18 @@ var TableDesktopNoColumnsMessage = ({
           },
           children: [
             "Tips: ",
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_Typography.default, { component: "strong", children: "Save as default" }),
+            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_Typography.default, { component: "strong", children: "Save as default" }),
             " to keep these columns for future views"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
         BaseIconButton,
         {
           variant: "contained",
           color: "primary",
           onClick: onClickNoColumnsMessageOpenMenu,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(IconTableEdit_default, { fill: colors.white }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(IconTableEdit_default, { fill: colors.white }),
           children: "OPEN MENU"
         }
       )
@@ -8895,7 +9170,7 @@ var TableDesktopNoColumnsMessage = ({
 ) }) });
 
 // src/components/TableDesktopRows/TableDesktopRows.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var descendingComparator2 = (a, b, orderBy) => {
   const objA = a[orderBy];
   const objB = b[orderBy];
@@ -8942,7 +9217,7 @@ var TableDesktopRows = ({
   return sortedData.map((row, index) => {
     const rowId = getRowId(row);
     const isItemSelected = selectedRows.has(rowId);
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
       RenderItem,
       {
         ...{
@@ -8964,8 +9239,8 @@ var TableDesktopRows = ({
 };
 
 // src/components/TableDesktopRowSelectionBar/TableDesktopRowSelectionBar.tsx
-var import_material75 = require("@mui/material");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_material77 = require("@mui/material");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var TableDesktopRowSelectionBar = ({
   isEveryRowInPageSelected,
   isRowsFromAllPagesSelected,
@@ -8984,8 +9259,8 @@ var TableDesktopRowSelectionBar = ({
     }
     return `${numSelectedRows} row${numSelectedRows > 1 ? "s" : ""} selected.`;
   };
-  return isAnyRowSelected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
-    import_material75.Box,
+  return isAnyRowSelected ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    import_material77.Box,
     {
       sx: {
         p: 1,
@@ -8997,22 +9272,22 @@ var TableDesktopRowSelectionBar = ({
         backgroundColor: colors.neutral150
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_material75.Typography, { children: getSelectedRowsText() }),
-        !isRowsFromAllPagesSelected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_material75.Button, { onClick: onSelectRowsFromAllPagesClick, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material77.Typography, { children: getSelectedRowsText() }),
+        !isRowsFromAllPagesSelected ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_material77.Button, { onClick: onSelectRowsFromAllPagesClick, children: [
           "Select all ",
           totalRowCount,
           " rows from all pages based on your filters"
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_material75.Button, { onClick: onClearSelectionClick, children: "Clear Selection" })
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material77.Button, { onClick: onClearSelectionClick, children: "Clear Selection" })
       ]
     }
   ) : null;
 };
 
 // src/components/TableEmptyResult/TableEmptyResult.tsx
-var import_material76 = require("@mui/material");
+var import_material78 = require("@mui/material");
 var import_mui52 = require("tss-react/mui");
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var useStyles46 = (0, import_mui52.makeStyles)()(() => ({
   tableCellIcon: { padding: 24, height: "calc(100vh - 320px)" },
   tableCellDefault: { padding: 24 }
@@ -9024,17 +9299,17 @@ var TableEmptyResult = ({
   }
 }) => {
   const { classes } = useStyles46();
-  return showClearFilterButton ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_material76.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
-    import_material76.TableCell,
+  return showClearFilterButton ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material78.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+    import_material78.TableCell,
     {
       className: classes.tableCellIcon,
       colSpan,
       align: "center",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_material76.Typography, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_material76.Typography, { variant: "subtitle1", children: "Search without applied filters?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(EmptyGlassIcon_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material78.Typography, { variant: "h6", children: "No results found." }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material78.Typography, { variant: "subtitle1", children: "Search without applied filters?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           FilledButton_default,
           {
             copy: "Search",
@@ -9045,8 +9320,8 @@ var TableEmptyResult = ({
         )
       ]
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_material76.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-    import_material76.TableCell,
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_material78.TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    import_material78.TableCell,
     {
       className: classes.tableCellDefault,
       colSpan,
@@ -9058,7 +9333,7 @@ var TableEmptyResult = ({
 var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/TableDesktop/TableDesktop.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var resolveKeyValue = (keyField, rowData) => {
   if (typeof keyField === "string") {
     return rowData[keyField];
@@ -9091,24 +9366,24 @@ var TableDesktop = ({
   shouldShowCheckOnFilter,
   refetchData
 }) => {
-  const tableToolbarMenuButtonRef = (0, import_react42.useRef)(null);
-  const [tableToolbarMenuAnchor, setTableToolbarMenuAnchor] = (0, import_react42.useState)(null);
-  const [order, setOrder] = (0, import_react42.useState)(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = (0, import_react42.useState)(
+  const tableToolbarMenuButtonRef = (0, import_react44.useRef)(null);
+  const [tableToolbarMenuAnchor, setTableToolbarMenuAnchor] = (0, import_react44.useState)(null);
+  const [order, setOrder] = (0, import_react44.useState)(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = (0, import_react44.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = (0, import_react42.useState)(/* @__PURE__ */ new Set());
-  const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react42.useState)(false);
-  const [isBulkChangesMode, setIsBulkChangesMode] = (0, import_react42.useState)(false);
+  const [selectedRows, setSelectedRows] = (0, import_react44.useState)(/* @__PURE__ */ new Set());
+  const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react44.useState)(false);
+  const [isBulkChangesMode, setIsBulkChangesMode] = (0, import_react44.useState)(false);
   const numRows = data.length;
-  const numSelectedRows = (0, import_react42.useMemo)(() => {
+  const numSelectedRows = (0, import_react44.useMemo)(() => {
     const currentPageIds = new Set(
       data.map((row) => resolveKeyValue(keyField, row))
     );
     return [...selectedRows].filter((id) => currentPageIds.has(id)).length;
   }, [data, selectedRows, keyField]);
   const isEveryRowInPageSelected = numRows > 0 && numSelectedRows === numRows;
-  const visibleHeadCells = (0, import_react42.useMemo)(
+  const visibleHeadCells = (0, import_react44.useMemo)(
     () => headCells.filter((headCell) => headCell?.enabled ?? true),
     [headCells]
   );
@@ -9174,14 +9449,14 @@ var TableDesktop = ({
       refetchData?.();
     }
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
     }
   }, [isRowsFromAllPagesSelected, data]);
   const renderBody = () => {
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         TableDesktopLoadingState,
         {
           numRows: Math.min(rowsPerPage, 10),
@@ -9191,7 +9466,7 @@ var TableDesktop = ({
       );
     }
     if (numRows === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         TableEmptyResult_default,
         {
           showClearFilterButton,
@@ -9200,7 +9475,7 @@ var TableDesktop = ({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       TableDesktopRows,
       {
         data,
@@ -9219,8 +9494,8 @@ var TableDesktop = ({
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-    import_material77.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    import_material79.Box,
     {
       sx: {
         height,
@@ -9228,8 +9503,8 @@ var TableDesktop = ({
         justifyContent: "space-between",
         justifyItems: "stretch"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
-        import_material77.Paper,
+      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+        import_material79.Paper,
         {
           sx: {
             width: "100%",
@@ -9253,7 +9528,7 @@ var TableDesktop = ({
               isBulkChangesMode,
               onChangeBulkChangesMode: handleChangeBulkChangesMode
             }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               TableDesktopRowSelectionBar,
               {
                 isEveryRowInPageSelected,
@@ -9264,8 +9539,8 @@ var TableDesktop = ({
                 onClearSelectionClick: handleClearSelectionClick
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-              import_material77.TableContainer,
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              import_material79.TableContainer,
               {
                 sx: {
                   flexGrow: 1,
@@ -9286,13 +9561,13 @@ var TableDesktop = ({
                     backgroundColor: (theme) => theme.palette.grey[500]
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material77.Table, { stickyHeader: true, "aria-label": "sticky-table", sx: { tableLayout }, children: visibleHeadCells.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material79.Table, { stickyHeader: true, "aria-label": "sticky-table", sx: { tableLayout }, children: visibleHeadCells.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   TableDesktopNoColumnsMessage,
                   {
                     onClickNoColumnsMessageOpenMenu: handleClickToolbarMenuOpen
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                     SmartTableHeader,
                     {
                       order,
@@ -9308,7 +9583,7 @@ var TableDesktop = ({
                       shouldShowCheckOnFilter
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_material77.TableBody, { children: renderBody() })
+                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_material79.TableBody, { children: renderBody() })
                 ] }) })
               }
             ),
@@ -9325,15 +9600,15 @@ var TableDesktop = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopEditableField.tsx
-var import_react49 = require("react");
+var import_react51 = require("react");
 var import_Delete = __toESM(require("@mui/icons-material/Delete"), 1);
-var import_material80 = require("@mui/material");
+var import_material82 = require("@mui/material");
 var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_moment3 = __toESM(require("moment"), 1);
 
 // src/components/TableDesktopEditableField/TableDesktopSmartMultipleSelect.tsx
-var import_react43 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_react45 = require("react");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var TableDesktopSmartMultipleSelect = ({
   initialValue,
   inputLabel,
@@ -9348,13 +9623,13 @@ var TableDesktopSmartMultipleSelect = ({
   isFetchingFilterOptions,
   onUpdateEditableCell
 }) => {
-  const defaultValues = (0, import_react43.useMemo)(() => {
+  const defaultValues = (0, import_react45.useMemo)(() => {
     return initialValue?.map((val) => ({
       value: val.id,
       label: val[fieldName].toString()
     }));
   }, [initialValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     SmartMultipleSelect,
     {
       inputLabel,
@@ -9385,8 +9660,8 @@ var TableDesktopSmartMultipleSelect = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopSmartSelect.tsx
-var import_react44 = require("react");
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_react46 = require("react");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var TableDesktopSmartSelect = ({
   ref,
   initialValue,
@@ -9403,12 +9678,12 @@ var TableDesktopSmartSelect = ({
   isFetchingFilterOptions,
   onUpdateEditableCell
 }) => {
-  const [value, setValue] = (0, import_react44.useState)(
+  const [value, setValue] = (0, import_react46.useState)(
     initialValue
   );
   const valueId = resolveObjectType(value ?? "", "id");
   const valueLabel = resolveObjectType(value ?? "", fieldName);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
     SmartSelect,
     {
       ref,
@@ -9440,13 +9715,13 @@ var TableDesktopSmartSelect = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopTagsField.tsx
-var import_react47 = require("react");
+var import_react49 = require("react");
 
 // src/components/HashtagInput/HashtagInput.tsx
-var import_react45 = require("react");
-var import_material78 = require("@mui/material");
-var import_jsx_runtime135 = require("react/jsx-runtime");
-var import_react46 = require("react");
+var import_react47 = require("react");
+var import_material80 = require("@mui/material");
+var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_react48 = require("react");
 var HashtagInput = ({
   label,
   placeholder,
@@ -9460,8 +9735,8 @@ var HashtagInput = ({
   onBlur,
   ...props
 }) => {
-  const { palette: palette2 } = (0, import_material78.useTheme)();
-  const [inputValue, setInputValue] = (0, import_react45.useState)("");
+  const { palette: palette2 } = (0, import_material80.useTheme)();
+  const [inputValue, setInputValue] = (0, import_react47.useState)("");
   const sanitizeTag = (value) => {
     return value.toLowerCase().replace(/[^a-z0-9#]/g, "").trim();
   };
@@ -9478,8 +9753,8 @@ var HashtagInput = ({
       handleAddTag();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-    import_material78.Autocomplete,
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+    import_material80.Autocomplete,
     {
       ...props,
       multiple: true,
@@ -9497,8 +9772,8 @@ var HashtagInput = ({
           onDeleteTag?.(details.option);
         }
       },
-      renderInput: (textFieldProps) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-        import_material78.TextField,
+      renderInput: (textFieldProps) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+        import_material80.TextField,
         {
           ...textFieldProps,
           autoFocus,
@@ -9517,8 +9792,8 @@ var HashtagInput = ({
         }
       ),
       renderValue: (value, getTagProps) => value.map((option, index) => {
-        return /* @__PURE__ */ (0, import_react46.createElement)(
-          import_material78.Chip,
+        return /* @__PURE__ */ (0, import_react48.createElement)(
+          import_material80.Chip,
           {
             ...getTagProps({ index }),
             key: option.id,
@@ -9528,7 +9803,7 @@ var HashtagInput = ({
               paddingBlock: 0,
               color: palette2.primary.main,
               fontWeight: "bold",
-              backgroundColor: (0, import_material78.alpha)(palette2.primary.main, 0.1)
+              backgroundColor: (0, import_material80.alpha)(palette2.primary.main, 0.1)
             }
           }
         );
@@ -9538,7 +9813,7 @@ var HashtagInput = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopTagsField.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var TableDesktopTagsField = ({
   initialValue,
   inputLabel,
@@ -9549,9 +9824,9 @@ var TableDesktopTagsField = ({
   size,
   onUpdateEditableCell
 }) => {
-  const [error, setError] = (0, import_react47.useState)();
-  const [values, setValues] = (0, import_react47.useState)([]);
-  const valuesRef = (0, import_react47.useRef)([]);
+  const [error, setError] = (0, import_react49.useState)();
+  const [values, setValues] = (0, import_react49.useState)([]);
+  const valuesRef = (0, import_react49.useRef)([]);
   const validateTag = (tag) => {
     if (tag.length >= 30) {
       return false;
@@ -9570,14 +9845,14 @@ var TableDesktopTagsField = ({
     setValues(newTags);
     valuesRef.current = newTags;
   };
-  const initialValueTags = (0, import_react47.useMemo)(() => {
+  const initialValueTags = (0, import_react49.useMemo)(() => {
     return (initialValue ?? []).map((val) => val.tag);
   }, [initialValue]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setValues(initialValueTags);
     valuesRef.current = initialValueTags;
   }, [initialValueTags]);
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_jsx_runtime136.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_jsx_runtime138.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
     HashtagInput,
     {
       autoFocus: true,
@@ -9612,9 +9887,9 @@ var TableDesktopTagsField = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopTextField.tsx
-var import_react48 = require("react");
-var import_material79 = require("@mui/material");
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_react50 = require("react");
+var import_material81 = require("@mui/material");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 var TableDesktopTextField = ({
   rowId,
   initialValue,
@@ -9627,13 +9902,13 @@ var TableDesktopTextField = ({
   validateInput,
   onUpdateEditableCell
 }) => {
-  const [input, setInput] = (0, import_react48.useState)(initialValue);
-  const oldValue = (0, import_react48.useRef)(initialValue);
-  const isDirty = (0, import_react48.useMemo)(
+  const [input, setInput] = (0, import_react50.useState)(initialValue);
+  const oldValue = (0, import_react50.useRef)(initialValue);
+  const isDirty = (0, import_react50.useMemo)(
     () => input !== oldValue.current,
     [input, oldValue.current]
   );
-  const hasValidationError = (0, import_react48.useMemo)(
+  const hasValidationError = (0, import_react50.useMemo)(
     () => isDirty && validateInput && !validateInput(input),
     [input, validateInput]
   );
@@ -9651,8 +9926,8 @@ var TableDesktopTextField = ({
       commitValue(input);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
-    import_material79.TextField,
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    import_material81.TextField,
     {
       fullWidth: true,
       variant,
@@ -9684,7 +9959,7 @@ var TableDesktopTextField = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopEditableField.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var TableDesktopEditableField = ({
   editInitialValue,
   rowId,
@@ -9705,8 +9980,8 @@ var TableDesktopEditableField = ({
     allowBlankSelectOption
   }
 }) => {
-  const [parsedFilterOptions, setParsedFilterOptions] = (0, import_react49.useState)();
-  (0, import_react49.useEffect)(() => {
+  const [parsedFilterOptions, setParsedFilterOptions] = (0, import_react51.useState)();
+  (0, import_react51.useEffect)(() => {
     if (filterOptions && editableCellType === "select" || editableCellType === "multipleSelect") {
       const parsedOptions = filterOptions?.map(
         (option) => ({
@@ -9718,7 +9993,7 @@ var TableDesktopEditableField = ({
     }
   }, [filterOptions, editableCellType]);
   const editableComponents = {
-    select: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    select: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       TableDesktopSmartSelect,
       {
         rowId,
@@ -9736,7 +10011,7 @@ var TableDesktopEditableField = ({
         onUpdateEditableCell
       }
     ),
-    multipleSelect: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    multipleSelect: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       TableDesktopSmartMultipleSelect,
       {
         rowId,
@@ -9753,12 +10028,12 @@ var TableDesktopEditableField = ({
         onUpdateEditableCell
       }
     ),
-    checkbox: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
-      import_material80.FormControlLabel,
+    checkbox: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+      import_material82.FormControlLabel,
       {
         label: showCheckboxLabel ? inputLabel : "",
-        control: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
-          import_material80.Checkbox,
+        control: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+          import_material82.Checkbox,
           {
             disableRipple: true,
             disabled,
@@ -9775,7 +10050,7 @@ var TableDesktopEditableField = ({
         )
       }
     ),
-    text: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    text: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       TableDesktopTextField,
       {
         type: "text",
@@ -9790,7 +10065,7 @@ var TableDesktopEditableField = ({
         onUpdateEditableCell
       }
     ),
-    numeric: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    numeric: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       TableDesktopTextField,
       {
         type: "numeric",
@@ -9805,7 +10080,7 @@ var TableDesktopEditableField = ({
         onUpdateEditableCell
       }
     ),
-    date: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    date: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       import_x_date_pickers.DatePicker,
       {
         defaultValue: editInitialValue ? (0, import_moment3.default)(editInitialValue, "HH:mm:ss") : void 0,
@@ -9834,7 +10109,7 @@ var TableDesktopEditableField = ({
         }
       }
     ),
-    time: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    time: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       import_x_date_pickers.TimePicker,
       {
         defaultValue: editInitialValue ? (0, import_moment3.default)(editInitialValue, "HH:mm:ss") : void 0,
@@ -9861,7 +10136,7 @@ var TableDesktopEditableField = ({
         }
       }
     ),
-    tags: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+    tags: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       TableDesktopTagsField,
       {
         initialValue: editInitialValue,
@@ -9882,8 +10157,8 @@ var TableDesktopEditableField = ({
 
 // src/components/TableDesktopFooter/TableDesktopFooter.tsx
 var import_Refresh = __toESM(require("@mui/icons-material/Refresh"), 1);
-var import_material81 = require("@mui/material");
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_material83 = require("@mui/material");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var TableDesktopFooter = ({
   numPages,
   page,
@@ -9894,8 +10169,8 @@ var TableDesktopFooter = ({
   refetchData,
   isFetching
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
-    import_material81.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+    import_material83.Box,
     {
       sx: {
         py: 1,
@@ -9906,8 +10181,8 @@ var TableDesktopFooter = ({
         borderTop: `1px solid ${colors.neutral300}`
       },
       children: [
-        refetchData ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-          import_material81.Button,
+        refetchData ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+          import_material83.Button,
           {
             disableRipple: true,
             variant: "text",
@@ -9918,7 +10193,7 @@ var TableDesktopFooter = ({
               ml: 1,
               gap: 1
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
               import_Refresh.default,
               {
                 fontSize: "small",
@@ -9927,22 +10202,22 @@ var TableDesktopFooter = ({
             )
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material81.Box, { sx: { display: "flex", ml: "auto", py: 1 }, children: [
-          pageSize && pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_material81.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material81.Typography, { fontSize: 12, children: "Rows per page:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-              import_material81.Select,
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_material83.Box, { sx: { display: "flex", ml: "auto", py: 1 }, children: [
+          pageSize && pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_material83.Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material83.Typography, { fontSize: 12, children: "Rows per page:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+              import_material83.Select,
               {
                 value: pageSize,
                 onChange: onPageSizeChange,
                 size: "small",
                 variant: "standard",
-                children: pageSizeOptions.map((pageSizeOption) => /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_material81.MenuItem, { value: pageSizeOption, children: pageSizeOption }, pageSizeOption))
+                children: pageSizeOptions.map((pageSizeOption) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material83.MenuItem, { value: pageSizeOption, children: pageSizeOption }, pageSizeOption))
               }
             )
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-            import_material81.Pagination,
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+            import_material83.Pagination,
             {
               color: "standard",
               count: numPages,
@@ -9957,15 +10232,15 @@ var TableDesktopFooter = ({
 };
 
 // src/components/TableDesktopCell/TableDesktopCell.tsx
-var import_react50 = require("react");
+var import_react52 = require("react");
 var import_Check3 = __toESM(require("@mui/icons-material/Check"), 1);
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
-var import_material82 = require("@mui/material");
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_material84 = require("@mui/material");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 var getReadOnlyBooleanIcon = (value) => {
   if (value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_Check3.default, { sx: { fontSize: 16 } });
+    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_Check3.default, { sx: { fontSize: 16 } });
   }
   return "-";
 };
@@ -9987,10 +10262,10 @@ var TableDesktopCell = ({
   onCellClick,
   headCell
 }) => {
-  const [isCellHovered, setIsCellHovered] = (0, import_react50.useState)(false);
-  const [isCellInEditMode, setIsCellInEditMode] = (0, import_react50.useState)(false);
+  const [isCellHovered, setIsCellHovered] = (0, import_react52.useState)(false);
+  const [isCellInEditMode, setIsCellInEditMode] = (0, import_react52.useState)(false);
   const { width, editableCellType } = headCell;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         setIsCellInEditMode(false);
@@ -10008,8 +10283,8 @@ var TableDesktopCell = ({
     setIsCellInEditMode((prev) => !prev);
   };
   const isCellEditable = !!enableEditMode && !!editableCellType && !disabled;
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-    import_material82.TableCell,
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    import_material84.TableCell,
     {
       align: "left",
       onMouseEnter: () => isCellEditable && setIsCellHovered(true),
@@ -10023,9 +10298,9 @@ var TableDesktopCell = ({
         ":hover": isCellEditable ? getCellBackgroundColor(isCellInEditMode) : void 0,
         background: enableEditMode && isCellInEditMode ? colors.lightBlueBackground : void 0
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(DynamicOverflowTooltip, { tooltipDescription: String(readOnlyValue), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
-        enableEditMode && isCellHovered ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_material82.Tooltip, { title: isCellInEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-          import_material82.IconButton,
+      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(DynamicOverflowTooltip, { tooltipDescription: String(readOnlyValue), arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
+        enableEditMode && isCellHovered ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material84.Tooltip, { title: isCellInEditMode ? "" : "Toggle Edit Mode", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          import_material84.IconButton,
           {
             onClick: handleEditClick,
             sx: {
@@ -10039,10 +10314,10 @@ var TableDesktopCell = ({
                 backgroundColor: isCellInEditMode ? colors.lightBlueBackground : colors.neutral150
               }
             },
-            children: isCellInEditMode ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_Close.default, { fontSize: "small", color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_Edit.default, { fontSize: "small" })
+            children: isCellInEditMode ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_Close.default, { fontSize: "small", color: "error" }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_Edit.default, { fontSize: "small" })
           }
         ) }) : null,
-        enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        enableEditMode && isCellInEditMode && editableCellType ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           TableDesktopEditableField,
           {
             editInitialValue,
@@ -10058,12 +10333,12 @@ var TableDesktopCell = ({
 };
 
 // src/components/TableDesktopToolbar/TableDesktopToolbar.tsx
-var import_react51 = require("react");
+var import_react53 = require("react");
 var import_Download = __toESM(require("@mui/icons-material/Download"), 1);
 var import_KeyboardArrowLeft2 = __toESM(require("@mui/icons-material/KeyboardArrowLeft"), 1);
 var import_KeyboardArrowRight2 = __toESM(require("@mui/icons-material/KeyboardArrowRight"), 1);
-var import_material83 = require("@mui/material");
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_material85 = require("@mui/material");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 var TableDesktopToolbar = ({
   toolbarLabel,
   headCells,
@@ -10086,12 +10361,12 @@ var TableDesktopToolbar = ({
   renderTableColumnConfigurationMenu,
   renderInfoIcons
 }) => {
-  const scrollRef = (0, import_react51.useRef)(null);
-  const [bulkChanges, setBulkChanges] = (0, import_react51.useState)([]);
-  const [isBulkChangesDialogOpen, setIsBulkChangesDialogOpen] = (0, import_react51.useState)(false);
-  const [isExportCsvDialogOpen, setIsExportCsvDialogOpen] = (0, import_react51.useState)(false);
-  const [resetCounter, setResetCounter] = (0, import_react51.useState)(0);
-  const visibleEditableColumns = (0, import_react51.useMemo)(
+  const scrollRef = (0, import_react53.useRef)(null);
+  const [bulkChanges, setBulkChanges] = (0, import_react53.useState)([]);
+  const [isBulkChangesDialogOpen, setIsBulkChangesDialogOpen] = (0, import_react53.useState)(false);
+  const [isExportCsvDialogOpen, setIsExportCsvDialogOpen] = (0, import_react53.useState)(false);
+  const [resetCounter, setResetCounter] = (0, import_react53.useState)(0);
+  const visibleEditableColumns = (0, import_react53.useMemo)(
     () => headCells.filter(
       (headCell) => headCell?.enabled && !!headCell?.editableCellType
     ),
@@ -10117,8 +10392,8 @@ var TableDesktopToolbar = ({
       return [...prev, { field: columnId, value, label }];
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-    import_material83.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+    import_material85.Box,
     {
       sx: {
         borderBottom: "1px solid",
@@ -10126,8 +10401,8 @@ var TableDesktopToolbar = ({
         maxWidth: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-          import_material83.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+          import_material85.Box,
           {
             sx: {
               py: 1,
@@ -10138,8 +10413,8 @@ var TableDesktopToolbar = ({
               background: isBulkChangesMode ? colors.neutral150 : void 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-                import_material83.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+                import_material85.Box,
                 {
                   sx: {
                     py: 1,
@@ -10149,21 +10424,21 @@ var TableDesktopToolbar = ({
                     whiteSpace: "nowrap"
                   },
                   children: [
-                    toolbarLabel ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material83.Typography, { variant: "subtitle2", color: "textSecondary", children: toolbarLabel }),
-                      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material83.Divider, { orientation: "vertical", sx: { height: 0.75, py: 2.5 } })
+                    toolbarLabel ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Typography, { variant: "subtitle2", color: "textSecondary", children: toolbarLabel }),
+                      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Divider, { orientation: "vertical", sx: { height: 0.75, py: 2.5 } })
                     ] }) : null,
-                    renderBulkChangesDialog && refetchData ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                      import_material83.Tooltip,
+                    renderBulkChangesDialog && refetchData ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                      import_material85.Tooltip,
                       {
                         title: disableBulkChangesMode ? "Access denied, you don\u2019t have permission to use this feature." : "",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                          import_material83.FormControlLabel,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                          import_material85.FormControlLabel,
                           {
                             label: "Bulk Changes Mode",
                             disabled: disableBulkChangesMode || !visibleEditableColumns.length,
-                            control: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                              import_material83.Switch,
+                            control: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                              import_material85.Switch,
                               {
                                 size: "small",
                                 "aria-label": "bulk-changes-mode-switch",
@@ -10177,17 +10452,17 @@ var TableDesktopToolbar = ({
                   ]
                 }
               ),
-              isScrollable && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                import_material83.IconButton,
+              isScrollable && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                import_material85.IconButton,
                 {
                   "aria-label": "scroll-left",
                   sx: { padding: 0, alignSelf: "center" },
                   onClick: () => scroll("left"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_KeyboardArrowLeft2.default, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_KeyboardArrowLeft2.default, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                import_material83.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                import_material85.Box,
                 {
                   ref: scrollRef,
                   sx: {
@@ -10208,11 +10483,11 @@ var TableDesktopToolbar = ({
                     if (bulkUpdateDisabled) {
                       return null;
                     }
-                    return editableCellType && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                      import_material83.Box,
+                    return editableCellType && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                      import_material85.Box,
                       {
                         sx: { width, flex: "0 0 auto" },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
                           TableDesktopEditableField,
                           {
                             headCell,
@@ -10228,18 +10503,18 @@ var TableDesktopToolbar = ({
                   }) : null
                 }
               ),
-              isScrollable && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                import_material83.IconButton,
+              isScrollable && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                import_material85.IconButton,
                 {
                   "aria-label": "scroll-right",
                   sx: { p: 0, alignSelf: "center" },
                   onClick: () => scroll("right"),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_KeyboardArrowRight2.default, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_KeyboardArrowRight2.default, {})
                 }
               ),
-              isBulkChangesMode ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                  import_material83.Button,
+              isBulkChangesMode ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                  import_material85.Button,
                   {
                     variant: "outlined",
                     sx: { borderRadius: 25, alignSelf: "center" },
@@ -10251,8 +10526,8 @@ var TableDesktopToolbar = ({
                     children: "RESET"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                  import_material83.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                  import_material85.Button,
                   {
                     variant: "contained",
                     "aria-label": "bulk-changes-apply-button",
@@ -10262,26 +10537,26 @@ var TableDesktopToolbar = ({
                     children: "APPLY"
                   }
                 )
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_material83.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_material85.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                 renderInfoIcons,
-                renderExportCsvDialog ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material83.Tooltip, { title: "Download List", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                  import_material83.IconButton,
+                renderExportCsvDialog ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Tooltip, { title: "Download List", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                  import_material85.IconButton,
                   {
                     disableRipple: true,
                     disabled: isDataEmpty,
                     "aria-label": "export-csv-button",
                     onClick: () => setIsExportCsvDialogOpen(true),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_Download.default, { fill: colors.neutral750 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_Download.default, { fill: colors.neutral750 })
                   }
                 ) }) }) : null,
-                renderTableColumnConfigurationMenu ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_material83.Tooltip, { title: "Table Column Configuration", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                  import_material83.IconButton,
+                renderTableColumnConfigurationMenu ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Tooltip, { title: "Table Column Configuration", children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+                  import_material85.IconButton,
                   {
                     disableRipple: true,
                     "aria-label": "table-column-config-button",
                     ref: tableToolbarMenuButtonRef,
                     onClick: onClickToolbarMenuOpen,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(IconTableEdit_default, { fill: colors.neutral750 })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(IconTableEdit_default, { fill: colors.neutral750 })
                   }
                 ) }) : null
               ] })
@@ -10314,11 +10589,11 @@ var TableDesktopToolbar = ({
 };
 
 // src/components/TableHeader/TableHeader.tsx
-var import_react52 = require("react");
+var import_react54 = require("react");
 var import_ImportExport = __toESM(require("@mui/icons-material/ImportExport"), 1);
-var import_material84 = require("@mui/material");
+var import_material86 = require("@mui/material");
 var import_mui53 = require("tss-react/mui");
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 var useStyles47 = (0, import_mui53.makeStyles)()(() => ({
   sortLabel: {
     "& .MuiTableSortLabel-icon": {
@@ -10327,9 +10602,9 @@ var useStyles47 = (0, import_mui53.makeStyles)()(() => ({
   }
 }));
 var TableHeader = ({ cells, onSort = null }) => {
-  const [sortableCells, setSortableCells] = (0, import_react52.useState)([]);
+  const [sortableCells, setSortableCells] = (0, import_react54.useState)([]);
   const { classes } = useStyles47();
-  (0, import_react52.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     setSortableCells(cells);
   }, []);
   const getNewSortDirection = (direction) => {
@@ -10363,8 +10638,8 @@ var TableHeader = ({ cells, onSort = null }) => {
     });
     setSortableCells(sortedCells);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material84.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material84.TableRow, { children: sortableCells.map((cell, key) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_material84.TableCell, { children: cell.isSortable ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-    import_material84.TableSortLabel,
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_material86.TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_material86.TableRow, { children: sortableCells.map((cell, key) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_material86.TableCell, { children: cell.isSortable ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    import_material86.TableSortLabel,
     {
       className: classes.sortLabel,
       direction: cell?.direction || "asc",
@@ -10374,12 +10649,12 @@ var TableHeader = ({ cells, onSort = null }) => {
     }
   ) : cell.label }, cell.label || key)) }) });
 };
-var TableHeader_default = (0, import_react52.memo)(TableHeader);
+var TableHeader_default = (0, import_react54.memo)(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-var import_material85 = require("@mui/material");
+var import_material87 = require("@mui/material");
 var import_mui54 = require("tss-react/mui");
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 var useStyles48 = (0, import_mui54.makeStyles)()(() => ({
   icon: {
     fontSize: 20
@@ -10416,19 +10691,19 @@ var TextDivider = ({
 }) => {
   const { classes } = useStyles48();
   const iconColor = color ?? colors.neutral900;
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
-    import_material85.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+    import_material87.Box,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       className: classes.container,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Divider, { className: classes.leftDivider }),
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Button, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_material85.Box, { className: classes.center, children: [
-          Icon2 && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } }),
-          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
-            import_material85.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material87.Divider, { className: classes.leftDivider }),
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material87.Button, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_material87.Box, { className: classes.center, children: [
+          Icon2 && iconPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } }),
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+            import_material87.Typography,
             {
               color: "textSecondary",
               className: classes.title,
@@ -10436,9 +10711,9 @@ var TextDivider = ({
               children: title
             }
           ),
-          Icon2 && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } })
+          Icon2 && iconPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon2, { className: classes.icon, style: { color: iconColor } })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_material85.Divider, { className: classes.rightDivider })
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material87.Divider, { className: classes.rightDivider })
       ]
     }
   );
@@ -10450,7 +10725,7 @@ var import_react_dates = require("react-dates");
 var import_mui55 = require("tss-react/mui");
 var import_initialize = require("react-dates/initialize");
 var import_datepicker = require("react-dates/lib/css/_datepicker.css");
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 var useStyles49 = (0, import_mui55.makeStyles)()((theme) => ({
   wrapper: {
     "& .DateRangePicker": {
@@ -10546,15 +10821,15 @@ var ThemedDateRangePicker = ({
   ...props
 }) => {
   const { classes, cx } = useStyles49();
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_react_dates.DateRangePicker, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: cx(classes.wrapper, className), children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_react_dates.DateRangePicker, { ...props }) });
 };
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
-var import_react53 = require("react");
-var import_material86 = require("@mui/material");
+var import_react55 = require("react");
+var import_material88 = require("@mui/material");
 var import_mui56 = require("tss-react/mui");
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime147 = require("react/jsx-runtime");
 var useStyles50 = (0, import_mui56.makeStyles)()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
@@ -10571,13 +10846,14 @@ var TheToolbar = ({
   handleOpen,
   LeftDrawer,
   leftSection,
+  centerSection,
   rightSection,
   isAuthenticated = true
 }) => {
   const { classes } = useStyles50();
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_material86.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material86.AppBar, { children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_material86.Toolbar, { className: classes.topBar, children: [
-      isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_material88.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.AppBar, { children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_material88.Toolbar, { className: classes.topBar, children: [
+      isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         RoundButton_default,
         {
           className: classes.menuButton,
@@ -10586,7 +10862,7 @@ var TheToolbar = ({
           onClick: handleOpen
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         CompanyLogo_default,
         {
           size: "small",
@@ -10595,31 +10871,43 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material86.Box, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_material86.Box, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { ml: 2, children: leftSection }),
+      centerSection ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        import_material88.Box,
+        {
+          sx: {
+            flexGrow: 1,
+            minWidth: 0,
+            display: "flex",
+            justifyContent: "center"
+          },
+          children: centerSection
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { sx: { flexGrow: 1 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Box, { children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
 };
-var TheToolbar_default = (0, import_react53.memo)(TheToolbar);
+var TheToolbar_default = (0, import_react55.memo)(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
-var import_material87 = require("@mui/material");
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_material89 = require("@mui/material");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 var ToastMessage = ({
   toastType,
   toastMessage,
   open,
   onClose
-}) => /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-  import_material87.Snackbar,
+}) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+  import_material89.Snackbar,
   {
     open,
     autoHideDuration: 3e3,
     onClose,
     anchorOrigin: { vertical: "top", horizontal: "right" },
-    children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-      import_material87.Alert,
+    children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+      import_material89.Alert,
       {
         elevation: 6,
         variant: "filled",
@@ -10645,9 +10933,9 @@ var ToastMessage = ({
 var ToastMessage_default = ToastMessage;
 
 // src/components/TwoButtonDialog/TwoButtonDialog.tsx
-var import_material88 = require("@mui/material");
+var import_material90 = require("@mui/material");
 var import_mui57 = require("tss-react/mui");
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 var useStyles51 = (0, import_mui57.makeStyles)()((theme) => ({
   paper: {
     padding: theme.spacing(2)
@@ -10677,20 +10965,20 @@ var TwoButtonDialog = ({
   cancelButton
 }) => {
   const { classes } = useStyles51();
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
-    import_material88.Dialog,
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+    import_material90.Dialog,
     {
       open,
       disableEnforceFocus: true,
       maxWidth: "sm",
       fullWidth: true,
       closeAfterTransition: true,
-      BackdropComponent: import_material88.Backdrop,
+      BackdropComponent: import_material90.Backdrop,
       BackdropProps: { timeout: 500 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Fade, { in: open, children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_material88.Paper, { className: classes.paper, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_material88.Box, { className: classes.mb, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Typography, { variant: "h5", component: "div", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
-            import_material88.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_material90.Fade, { in: open, children: /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_material90.Paper, { className: classes.paper, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_material90.Box, { className: classes.mb, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_material90.Typography, { variant: "h5", component: "div", children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+            import_material90.Box,
             {
               sx: {
                 fontWeight: 600
@@ -10698,23 +10986,23 @@ var TwoButtonDialog = ({
               children: title
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
-            import_material88.Box,
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
+            import_material90.Box,
             {
               className: classes.mt,
               sx: {
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Typography, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Typography, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_material90.Typography, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_material90.Typography, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_material88.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_material88.Box, { className: classes.buttonContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_material90.Divider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_material90.Box, { className: classes.buttonContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
             FilledButton_default,
             {
               copy: cancelLabel,
@@ -10727,7 +11015,7 @@ var TwoButtonDialog = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
             FilledButton_default,
             {
               color: "primary",
@@ -10736,7 +11024,7 @@ var TwoButtonDialog = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Loading_default, { isLoading: dialogLoading })
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Loading_default, { isLoading: dialogLoading })
       ] }) })
     }
   );
@@ -10744,30 +11032,30 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
-var import_react54 = require("react");
-var import_material89 = require("@mui/material");
-var import_jsx_runtime148 = require("react/jsx-runtime");
-var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
-    import_material89.Avatar,
+var import_react56 = require("react");
+var import_material91 = require("@mui/material");
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    import_material91.Avatar,
     {
       src: user.profile_picture,
       alt: "user_avatar",
       style: { width: avatarProps.width, height: avatarProps.height }
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material89.Typography, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_material89.Typography, { ...typographyProps.username, children: user.username })
+  /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { style: { paddingTop: 16 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_material91.Typography, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_material91.Typography, { ...typographyProps.username, children: user.username })
   ] })
 ] });
-var UserBust_default = (0, import_react54.memo)(UserBust);
+var UserBust_default = (0, import_react56.memo)(UserBust);
 
 // src/components/icons/IconChart.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 var SvgIconChart = (props) => {
   const { fill } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     "svg",
     {
       width: "20",
@@ -10776,7 +11064,7 @@ var SvgIconChart = (props) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
         "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",
@@ -10824,6 +11112,8 @@ var IconChart_default = SvgIconChart;
   FilterOptionsCheckboxes,
   FilterSimpleSelector,
   FixedFooter,
+  GlobalSearch,
+  GlobalSearchTrigger,
   GooglePlacesAddressAutocomplete,
   HashtagInput,
   Header,