wcz-test 4.8.0 → 4.10.0

package/dist/index.js

@@ -47,7 +47,7 @@ var require_react_is_production_min = __commonJS({
     var w = b ? Symbol.for("react.fundamental") : 60117;
     var x = b ? Symbol.for("react.responder") : 60118;
     var y = b ? Symbol.for("react.scope") : 60119;
-    function z2(a) {
+    function z18(a) {
       if ("object" === typeof a && null !== a) {
         var u = a.$$typeof;
         switch (u) {
@@ -78,7 +78,7 @@ var require_react_is_production_min = __commonJS({
       }
     }
     function A(a) {
-      return z2(a) === m;
+      return z18(a) === m;
     }
     exports.AsyncMode = l;
     exports.ConcurrentMode = m;
@@ -94,46 +94,46 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f;
     exports.Suspense = p;
     exports.isAsyncMode = function(a) {
-      return A(a) || z2(a) === l;
+      return A(a) || z18(a) === l;
     };
     exports.isConcurrentMode = A;
     exports.isContextConsumer = function(a) {
-      return z2(a) === k;
+      return z18(a) === k;
     };
     exports.isContextProvider = function(a) {
-      return z2(a) === h;
+      return z18(a) === h;
     };
     exports.isElement = function(a) {
       return "object" === typeof a && null !== a && a.$$typeof === c;
     };
     exports.isForwardRef = function(a) {
-      return z2(a) === n;
+      return z18(a) === n;
     };
     exports.isFragment = function(a) {
-      return z2(a) === e;
+      return z18(a) === e;
     };
     exports.isLazy = function(a) {
-      return z2(a) === t2;
+      return z18(a) === t2;
     };
     exports.isMemo = function(a) {
-      return z2(a) === r;
+      return z18(a) === r;
     };
     exports.isPortal = function(a) {
-      return z2(a) === d;
+      return z18(a) === d;
     };
     exports.isProfiler = function(a) {
-      return z2(a) === g;
+      return z18(a) === g;
     };
     exports.isStrictMode = function(a) {
-      return z2(a) === f;
+      return z18(a) === f;
     };
     exports.isSuspense = function(a) {
-      return z2(a) === p;
+      return z18(a) === p;
     };
     exports.isValidElementType = function(a) {
       return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t2 || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
     };
-    exports.typeOf = z2;
+    exports.typeOf = z18;
   }
 });
 
@@ -167,12 +167,12 @@ var require_react_is_development = __commonJS({
           return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
           type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
         }
-        function typeOf(object) {
-          if (typeof object === "object" && object !== null) {
-            var $$typeof = object.$$typeof;
+        function typeOf(object2) {
+          if (typeof object2 === "object" && object2 !== null) {
+            var $$typeof = object2.$$typeof;
             switch ($$typeof) {
               case REACT_ELEMENT_TYPE:
-                var type = object.type;
+                var type = object2.type;
                 switch (type) {
                   case REACT_ASYNC_MODE_TYPE:
                   case REACT_CONCURRENT_MODE_TYPE:
@@ -214,50 +214,50 @@ var require_react_is_development = __commonJS({
         var StrictMode = REACT_STRICT_MODE_TYPE;
         var Suspense = REACT_SUSPENSE_TYPE;
         var hasWarnedAboutDeprecatedIsAsyncMode = false;
-        function isAsyncMode(object) {
+        function isAsyncMode(object2) {
           {
             if (!hasWarnedAboutDeprecatedIsAsyncMode) {
               hasWarnedAboutDeprecatedIsAsyncMode = true;
               console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
             }
           }
-          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+          return isConcurrentMode(object2) || typeOf(object2) === REACT_ASYNC_MODE_TYPE;
         }
-        function isConcurrentMode(object) {
-          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+        function isConcurrentMode(object2) {
+          return typeOf(object2) === REACT_CONCURRENT_MODE_TYPE;
         }
-        function isContextConsumer(object) {
-          return typeOf(object) === REACT_CONTEXT_TYPE;
+        function isContextConsumer(object2) {
+          return typeOf(object2) === REACT_CONTEXT_TYPE;
         }
-        function isContextProvider(object) {
-          return typeOf(object) === REACT_PROVIDER_TYPE;
+        function isContextProvider(object2) {
+          return typeOf(object2) === REACT_PROVIDER_TYPE;
         }
-        function isElement(object) {
-          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        function isElement(object2) {
+          return typeof object2 === "object" && object2 !== null && object2.$$typeof === REACT_ELEMENT_TYPE;
         }
-        function isForwardRef(object) {
-          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        function isForwardRef(object2) {
+          return typeOf(object2) === REACT_FORWARD_REF_TYPE;
         }
-        function isFragment(object) {
-          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        function isFragment(object2) {
+          return typeOf(object2) === REACT_FRAGMENT_TYPE;
         }
-        function isLazy(object) {
-          return typeOf(object) === REACT_LAZY_TYPE;
+        function isLazy(object2) {
+          return typeOf(object2) === REACT_LAZY_TYPE;
         }
-        function isMemo(object) {
-          return typeOf(object) === REACT_MEMO_TYPE;
+        function isMemo(object2) {
+          return typeOf(object2) === REACT_MEMO_TYPE;
         }
-        function isPortal(object) {
-          return typeOf(object) === REACT_PORTAL_TYPE;
+        function isPortal(object2) {
+          return typeOf(object2) === REACT_PORTAL_TYPE;
         }
-        function isProfiler(object) {
-          return typeOf(object) === REACT_PROFILER_TYPE;
+        function isProfiler(object2) {
+          return typeOf(object2) === REACT_PROFILER_TYPE;
         }
-        function isStrictMode(object) {
-          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        function isStrictMode(object2) {
+          return typeOf(object2) === REACT_STRICT_MODE_TYPE;
         }
-        function isSuspense(object) {
-          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        function isSuspense(object2) {
+          return typeOf(object2) === REACT_SUSPENSE_TYPE;
         }
         exports.AsyncMode = AsyncMode;
         exports.ConcurrentMode = ConcurrentMode;
@@ -975,85 +975,54 @@ var require_prop_types = __commonJS({
 // src/components/core/TypographyWithIcon.tsx
 import { Stack, Typography } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
-var stackSxProps = [
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "m",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "mx",
-  "my",
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "p",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "px",
-  "py",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "flexDirection",
-  "alignItems",
-  "justifyContent",
-  "position",
-  "zIndex",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "gridGap",
-  "gridColumnGap",
-  "gridRowGap",
-  "gridColumn",
-  "gridRow",
-  "gridAutoFlow",
-  "gap",
-  "columnGap",
-  "rowGap"
-];
-var TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
-  const sxCopy = { ...sx };
-  const stackStyles = {};
-  for (const current of stackSxProps) {
-    if (sxCopy[current]) {
-      stackStyles[current] = sxCopy[current];
-      delete sxCopy[current];
+var TypographyWithIcon = ({ startIcon, endIcon, children, sx, ...props }) => {
+  const iconSx = {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    lineHeight: 0,
+    "& > svg": {
+      display: "block"
     }
-  }
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : void 0, children: [
-    startIcon,
-    /* @__PURE__ */ jsx(Typography, { ...props, sx: sxCopy, children }),
-    endIcon
-  ] });
+  };
+  return /* @__PURE__ */ jsxs(
+    Typography,
+    {
+      component: "span",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        verticalAlign: "middle",
+        ...sx
+      },
+      gap: 1,
+      ...props,
+      children: [
+        startIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: startIcon }),
+        /* @__PURE__ */ jsx(Stack, { component: "span", sx: { display: "inline", lineHeight: "inherit" }, children }),
+        endIcon && /* @__PURE__ */ jsx(Stack, { component: "span", sx: iconSx, children: endIcon })
+      ]
+    }
+  );
 };
 
 // src/components/core/Fullscreen.tsx
 import { Box } from "@mui/material";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var Fullscreen = ({ children, sx, ...props }) => {
   const reference = useRef(null);
   const [height, setHeight] = useState();
+  const recompute = useEffectEvent(() => {
+    if (!reference.current) return;
+    const top = Math.ceil(reference.current.getBoundingClientRect().top);
+    const avail = Math.max(0, window.innerHeight - top);
+    setHeight(avail);
+  });
   useEffect(() => {
     const element = reference.current;
     if (!element) return;
-    const recompute = () => {
-      if (!reference.current) return;
-      const top = Math.ceil(reference.current.getBoundingClientRect().top);
-      const avail = Math.max(0, window.innerHeight - top);
-      setHeight(avail);
-    };
     recompute();
     window.addEventListener("resize", recompute);
     const ro = new ResizeObserver(recompute);
@@ -1079,11 +1048,7 @@ var Fullscreen = ({ children, sx, ...props }) => {
       },
       height,
       ...props,
-      children: /* @__PURE__ */ jsx2(Box, { sx: {
-        flex: 1,
-        minHeight: 0,
-        height: "100%"
-      }, children })
+      children
     }
   );
 };
@@ -1215,7 +1180,22 @@ var useAppTitle = () => {
   return rootRouterState.meta?.find((meta) => meta?.title)?.title;
 };
 
-// src/utils/ClientUtils.ts
+// src/env.ts
+import { createEnv } from "@t3-oss/env-core";
+import { z } from "zod";
+var clientEnv = createEnv({
+  clientPrefix: "VITE_",
+  client: {
+    VITE_MUI_LICENSE_KEY: z.string(),
+    VITE_DYNAMSOFT_LICENSE_KEY: z.string().optional(),
+    VITE_FILE_API_BASE_URL: z.url().optional(),
+    VITE_PEOPLESOFT_API_BASE_URL: z.url().optional(),
+    VITE_APPROVAL_API_BASE_URL: z.url().optional()
+  },
+  runtimeEnv: import.meta.env
+});
+
+// src/lib/utils.ts
 import axios from "axios";
 var Platform = class {
   static get isAndroid() {
@@ -1247,15 +1227,22 @@ var rootRouteHead = ({ title }) => () => ({
     { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
     { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png" },
     { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png" },
-    { rel: "manifest", href: "/manifest" },
+    { rel: "manifest", href: "/manifest.json" },
     { rel: "icon", href: "/favicon.ico" }
   ]
 });
 var wczApiClient = axios.create();
+var getFieldStatus = (field) => {
+  const { meta } = field.state;
+  const isTouched = meta.isTouched;
+  const hasError = !!meta.errors.length;
+  const helperText = meta.errors[0]?.message;
+  return { isTouched, hasError, helperText };
+};
 
 // src/hooks/FileHooks.ts
-var BASE_URL = import.meta.env.VITE_FILE_API_BASE_URL;
-var QUERY_KEY = "Files";
+var BASE_URL = clientEnv.VITE_FILE_API_BASE_URL;
+var QUERY_KEY = "File";
 var HOUR = 1e3 * 60 * 60;
 var useGetFileMetas = (subId, options) => {
   const appTitle = useAppTitle();
@@ -2242,18 +2229,18 @@ var AdapterDayjs = class {
     }
   };
   createSystemDate = (value) => {
-    let date;
+    let date2;
     if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
       const timezone = dayjs.tz.guess();
       if (timezone === "UTC") {
-        date = dayjs(value);
+        date2 = dayjs(value);
       } else {
-        date = dayjs.tz(value, timezone);
+        date2 = dayjs.tz(value, timezone);
       }
     } else {
-      date = dayjs(value);
+      date2 = dayjs(value);
     }
-    return this.setLocaleToValue(date);
+    return this.setLocaleToValue(date2);
   };
   createUTCDate = (value) => {
     if (!this.hasUTCPlugin()) {
@@ -2513,8 +2500,8 @@ var AdapterDayjs = class {
   setMonth = (value, month) => {
     return this.adjustOffset(value.set("month", month));
   };
-  setDate = (value, date) => {
-    return this.adjustOffset(value.set("date", date));
+  setDate = (value, date2) => {
+    return this.adjustOffset(value.set("date", date2));
   };
   setHours = (value, hours) => {
     return this.adjustOffset(value.set("hour", hours));
@@ -2566,10 +2553,9 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect6, useEffectEvent as useEffectEvent2 } from "react";
 import { useTranslation as useTranslation7 } from "react-i18next";
-import * as z from "zod";
-import { cs, en } from "zod/locales";
+import * as z2 from "zod";
 
 // src/components/core/Layout.tsx
 import Menu3 from "@mui/icons-material/Menu";
@@ -2942,38 +2928,27 @@ import Translate from "@mui/icons-material/Translate";
 import { Avatar as Avatar2, Box as Box8, IconButton as IconButton4, List as List4, ListItem as ListItem2, ListItemButton as ListItemButton5, ListItemIcon as ListItemIcon4, ListItemText as ListItemText4, ListSubheader as ListSubheader2, Menu as Menu2, Typography as Typography7, useColorScheme } from "@mui/material";
 import { Fragment as Fragment6, useState as useState8 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
+import Done from "@mui/icons-material/Done";
 import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+var capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
 var ToolbarAccount = () => {
   const [anchorElement, setAnchorElement] = useState8();
   const [tab, setTab] = useState8("settings");
   const open = Boolean(anchorElement);
   const { t: t2, i18n } = useTranslation5();
   const { mode, setMode } = useColorScheme();
-  const changeLanguage = (newLanguage) => () => {
-    i18n.changeLanguage(newLanguage).finally(() => closeMenu());
-  };
-  const changeMode = (newMode) => () => {
-    setMode(newMode);
-    closeMenu();
-  };
+  const supportedLanguages = (Array.isArray(i18n.options.supportedLngs) ? i18n.options.supportedLngs : []).filter((lng) => lng !== "cimode");
+  const languageDisplayNames = new Intl.DisplayNames([i18n.language], { type: "language" });
+  const colorModes = [
+    { mode: "light", icon: LightMode, label: t2("Layout.Light") },
+    { mode: "dark", icon: DarkMode, label: t2("Layout.Dark") },
+    { mode: "system", icon: SettingsBrightness, label: t2("Layout.System") }
+  ];
   const user = {
     name: "Dalibor Homola",
     employeeId: "C2503017",
     department: "IT"
   };
-  const getModeText = () => {
-    switch (mode) {
-      case "light": {
-        return t2("Layout.Light");
-      }
-      case "dark": {
-        return t2("Layout.Dark");
-      }
-      default: {
-        return t2("Layout.System");
-      }
-    }
-  };
   const usernameInitials = () => {
     if (!user.name) return "";
     const splittedName = user.name.split(" ");
@@ -2988,41 +2963,52 @@ var ToolbarAccount = () => {
   const settings = /* @__PURE__ */ jsxs13(List4, { component: "nav", subheader: /* @__PURE__ */ jsx24(ListSubheader2, { sx: { backgroundColor: "transparent" }, children: t2("Layout.Settings") }), children: [
     /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
       /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Brightness4, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Appearance"), secondary: getModeText() }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Appearance"), secondary: colorModes.find((m) => m.mode === mode)?.label }),
       /* @__PURE__ */ jsx24(ChevronRight, {})
     ] }),
     /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
       /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Translate, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Language"), secondary: i18n.resolvedLanguage === "en" ? "English" : "\u010Ce\u0161tina" }),
+      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Language"), secondary: capitalize(languageDisplayNames.of(i18n.language)) }),
       /* @__PURE__ */ jsx24(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsxs13(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+  const theme = /* @__PURE__ */ jsx24(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
     /* @__PURE__ */ jsx24(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx24(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Appearance")
-  ] }), children: [
-    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("light"), disabled: mode === "light", children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(LightMode, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Light") })
-    ] }),
-    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("dark"), disabled: mode === "dark", children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(DarkMode, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.Dark") })
-    ] }),
-    /* @__PURE__ */ jsxs13(ListItemButton5, { onClick: changeMode("system"), disabled: mode === "system", children: [
-      /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(SettingsBrightness, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText4, { primary: t2("Layout.System") })
-    ] })
-  ] });
-  const language = /* @__PURE__ */ jsxs13(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxs13(
+    ListItemButton5,
+    {
+      onClick: () => {
+        setMode(modeValue);
+        closeMenu();
+      },
+      selected: mode === modeValue,
+      children: [
+        /* @__PURE__ */ jsx24(ListItemIcon4, { children: /* @__PURE__ */ jsx24(Icon, {}) }),
+        /* @__PURE__ */ jsx24(ListItemText4, { primary: label })
+      ]
+    },
+    modeValue
+  )) });
+  const language = /* @__PURE__ */ jsx24(List4, { subheader: /* @__PURE__ */ jsxs13(ListSubheader2, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
     /* @__PURE__ */ jsx24(IconButton4, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx24(ArrowBack, { fontSize: "small" }) }),
     " ",
     t2("Layout.Language")
-  ] }), children: [
-    /* @__PURE__ */ jsx24(ListItemButton5, { onClick: changeLanguage("en"), disabled: i18n.resolvedLanguage === "en", children: /* @__PURE__ */ jsx24(ListItemText4, { primary: "English" }) }),
-    /* @__PURE__ */ jsx24(ListItemButton5, { onClick: changeLanguage("cs"), disabled: i18n.resolvedLanguage === "cs", children: /* @__PURE__ */ jsx24(ListItemText4, { primary: "\u010Ce\u0161tina" }) })
-  ] });
+  ] }), children: supportedLanguages.map(
+    (languageCode) => /* @__PURE__ */ jsxs13(
+      ListItemButton5,
+      {
+        onClick: () => i18n.changeLanguage(languageCode).finally(() => closeMenu()),
+        selected: i18n.resolvedLanguage === languageCode,
+        children: [
+          /* @__PURE__ */ jsx24(ListItemIcon4, { children: i18n.resolvedLanguage === languageCode && /* @__PURE__ */ jsx24(Done, {}) }),
+          /* @__PURE__ */ jsx24(ListItemText4, { primary: capitalize(languageDisplayNames.of(languageCode)) })
+        ]
+      },
+      languageCode
+    )
+  ) });
   return /* @__PURE__ */ jsxs13(Fragment6, { children: [
     /* @__PURE__ */ jsx24(IconButton4, { size: "small", edge: "end", onClick: openMenu, children: user.name ? /* @__PURE__ */ jsx24(Avatar2, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx24(Typography7, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) : /* @__PURE__ */ jsx24(AccountCircle, { fontSize: "large" }) }),
     /* @__PURE__ */ jsx24(Menu2, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs13(Box8, { sx: { width: 240 }, children: [
@@ -3430,6 +3416,7 @@ var csCZGrid = {
   // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
   // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
   // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
 };
 var csCZ = getGridLocalization(csCZGrid);
 
@@ -3719,7 +3706,8 @@ var GRID_DEFAULT_LOCALE_TEXT = {
   promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ""}`,
   promptChangePivotRowsLabel: (count) => `Rows (${count})`,
   promptChangePivotValuesLabel: (count) => `Values (${count})`,
-  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`
 };
 
 // node_modules/@mui/x-data-grid/esm/locales/enUS.js
@@ -3806,6 +3794,10 @@ var csCZ2 = getPickersLocalization(csCZPickers);
 import { useTranslation as useTranslation6 } from "react-i18next";
 var WISTRON_PRIMARY_COLOR = "#00506E";
 var WISTRON_SECONDARY_COLOR = "#64DC00";
+var LOCALE_MAP = {
+  cs: [csCZ, csCZ2, csCZ3],
+  en: [enUS2, enUS, enUS3]
+};
 var useGetTheme = (theme) => {
   const { i18n } = useTranslation6();
   return createTheme(
@@ -3855,36 +3847,10 @@ var useGetTheme = (theme) => {
             };
           }
         },
-        MuiDataGrid: {
-          styleOverrides: {
-            root: ({ theme: muiTheme }) => ({
-              "& .MuiDataGrid-cell--editing": {
-                "& .MuiInputBase-root": {
-                  height: "100%"
-                }
-              },
-              "& .MuiDataGrid-columnHeaderTitle": {
-                fontWeight: 600
-              },
-              "& .Mui-error": {
-                backgroundColor: muiTheme.palette.error.main,
-                color: muiTheme.palette.error.contrastText
-              },
-              "& .MuiDataGrid-booleanCell[data-value='true']": {
-                color: `${muiTheme.palette.success.main} !important`
-              },
-              "& .MuiDataGrid-booleanCell[data-value='false']": {
-                color: `${muiTheme.palette.error.main} !important`
-              }
-            })
-          }
-        },
         ...theme?.components
       }
     },
-    i18n.resolvedLanguage === "cs" ? csCZ : enUS2,
-    i18n.resolvedLanguage === "cs" ? csCZ2 : enUS,
-    i18n.resolvedLanguage === "cs" ? csCZ3 : enUS3
+    ...LOCALE_MAP[i18n.language]
   );
 };
 
@@ -3963,38 +3929,27 @@ import { jsx as jsx27 } from "react/jsx-runtime";
 var LayoutProvider = ({ navigation, theme, children }) => {
   const { i18n } = useTranslation7();
   const createdTheme = useGetTheme(theme);
+  const languageChangedHandler = useEffectEvent2(() => {
+    z2.config(z2.core.locales[i18n.language]());
+  });
   useEffect6(() => {
-    const handler = () => {
-      z.config(i18n.resolvedLanguage === "cs" ? cs() : en());
-    };
-    handler();
-    i18n.on("languageChanged", handler);
+    languageChangedHandler();
+    i18n.on("languageChanged", languageChangedHandler);
     return () => {
-      i18n.off("languageChanged", handler);
+      i18n.off("languageChanged", languageChangedHandler);
     };
   }, []);
   return /* @__PURE__ */ jsx27(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx27(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.resolvedLanguage, children: /* @__PURE__ */ jsx27(DialogsProvider, { children: /* @__PURE__ */ jsx27(Layout, { navigation, children }) }) }) });
 };
 
 // src/index.ts
-import { uuidv7 as uuidv72 } from "uuidv7";
+import { uuidv7 as uuidv76 } from "uuidv7";
 
 // src/hooks/FormHooks.ts
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
 
 // src/components/form/FormAutocomplete.tsx
 import { Autocomplete, TextField } from "@mui/material";
-
-// src/utils/FormUtils.ts
-var getFieldStatus = (field) => {
-  const { meta } = field.state;
-  const isTouched = meta.isTouched;
-  const hasError = !!meta.errors.length;
-  const helperText = meta.errors[0]?.message;
-  return { isTouched, hasError, helperText };
-};
-
-// src/components/form/FormAutocomplete.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
 var FormAutocomplete = ({ textFieldProps, ...autocompleteProps }) => {
   const field = useFieldContext();
@@ -4282,10 +4237,468 @@ var { useAppForm: useLayoutForm, withForm: withLayoutForm } = createFormHook({
 import { default as default2 } from "use-local-storage-state";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { t } from "i18next";
+
+// src/hooks/PeopleSoftHooks.ts
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+var BASE_URL2 = clientEnv.VITE_PEOPLESOFT_API_BASE_URL;
+var QUERY_KEY2 = "PeopleSoft";
+var DAY = 1e3 * 60 * 60 * 24;
+var useGetPeopleSoftEmployeesSearch = (searchTerm, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", "search", searchTerm],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee?search=${searchTerm}`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftEmployees = (options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/all`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftActiveEmployees = (options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", "active"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/active`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftEmployeeById = (employeeId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", employeeId],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/${employeeId}`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftPreviousEmployeeIds = (options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", "previousIds"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/previousIds`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftEmployeeSupervisor = (employeeId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", employeeId, "supervisor"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/${employeeId}/supervisor`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftEmployeeSubordinates = (employeeId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", employeeId, "subordinates"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/${employeeId}/subordinates`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftEmployeeManager = (employeeId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", employeeId, "manager"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/${employeeId}/manager`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftEmployeeGeneralManager = (employeeId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "employee", employeeId, "generalManager"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/employee/${employeeId}/generalManager`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftDepartments = (options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "department"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/department/all`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftDepartmentById = (departmentId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "department", departmentId],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/department/${departmentId}`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftDepartmentManager = (departmentId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "department", departmentId, "manager"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/department/${departmentId}/manager`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftDepartmentEmployees = (departmentId, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "department", departmentId, "employees"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/department/${departmentId}/employees`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+var useGetPeopleSoftCompanyGeneralManager = (companyCode, options) => {
+  return useQuery2({
+    ...options,
+    queryKey: [QUERY_KEY2, "company", companyCode, "generalManager"],
+    queryFn: ({ signal }) => wczApiClient.request({
+      url: `${BASE_URL2}/v1/company/${companyCode}/generalManager`,
+      method: "GET",
+      signal
+    }),
+    staleTime: DAY,
+    gcTime: DAY,
+    refetchOnWindowFocus: false
+  });
+};
+
+// src/models/file/FileMeta.ts
+import { uuidv7 as uuidv72 } from "uuidv7";
+import * as z3 from "zod";
+var FileMetaSchema = z3.object({
+  id: z3.uuid().default(uuidv72),
+  subId: z3.uuid().default(uuidv72),
+  appName: z3.string().min(1).max(255),
+  fileName: z3.string().min(1).max(255),
+  fileExtension: z3.string().min(1).max(255),
+  fileSize: z3.number().min(0),
+  mediaSubType: z3.string().min(1).max(255),
+  mediaType: z3.string().min(1).max(255),
+  mimeType: z3.string().min(1).max(255),
+  createdBy: z3.string().min(1).max(255),
+  createdDate: z3.date()
+});
+
+// src/models/email/Email.ts
+import z5 from "zod";
+
+// src/models/email/EmailAttachment.ts
+import z4 from "zod";
+var EmailAttachmentSchema = z4.object({
+  appName: z4.string().min(1).max(100),
+  subId: z4.uuid()
+});
+
+// src/models/email/Email.ts
+var EmailSchema = z5.object({
+  subject: z5.string().min(1).max(60),
+  body: z5.string().min(1),
+  to: z5.array(z5.email()).min(1),
+  bcc: z5.array(z5.email()).optional(),
+  cc: z5.array(z5.email()).optional(),
+  attachments: z5.array(EmailAttachmentSchema).optional()
+});
+
+// src/models/peoplesoft/Employee.ts
+import z8 from "zod";
+
+// src/models/peoplesoft/EmployeeCategoryGroup.ts
+import z6 from "zod";
+var EmployeeCategoryGroup = z6.enum([
+  "IDL",
+  "FD",
+  "FI"
+]);
+
+// src/models/peoplesoft/EmployeeStatus.ts
+import z7 from "zod";
+var EmployeeStatus = z7.enum([
+  "Active",
+  "Terminated",
+  "Leave of Absence"
+]);
+
+// src/models/peoplesoft/Employee.ts
+var EmployeeSchema = z8.object({
+  badgeId: z8.string(),
+  category: z8.string(),
+  categoryGroup: EmployeeCategoryGroup,
+  companyCode: z8.string(),
+  contactPhone: z8.string(),
+  departmentId: z8.string(),
+  departmentDescription: z8.string(),
+  emailString: z8.string(),
+  employeeId: z8.string(),
+  extensionNumber: z8.string(),
+  firstName: z8.string(),
+  gender: z8.string(),
+  hiredDate: z8.date(),
+  lastName: z8.string(),
+  managerId: z8.string(),
+  middleName: z8.string(),
+  name: z8.string(),
+  nameTitleCase: z8.string(),
+  nfcSn: z8.string(),
+  plantId: z8.string(),
+  position: z8.string(),
+  previousEmployeeIds: z8.string().nullable(),
+  reHiredDate: z8.date().nullable(),
+  recordNumber: z8.number(),
+  status: EmployeeStatus,
+  supervisorId: z8.string(),
+  terminationDate: z8.date().nullable(),
+  terminationFutureDate: z8.date().nullable(),
+  type: z8.string(),
+  upperDepartmentId: z8.string(),
+  jobCode: z8.string(),
+  jobDescription: z8.string(),
+  terminationReason: z8.string().nullable(),
+  supervisorRecordNumber: z8.number()
+});
+
+// src/models/peoplesoft/Department.ts
+import z9 from "zod";
+var DepartmentSchema = z9.object({
+  departmentId: z9.string(),
+  description: z9.string(),
+  managerId: z9.string(),
+  managerRecordNumber: z9.string(),
+  treeLevel: z9.number(),
+  upperDepartmentId: z9.string(),
+  companyCode: z9.string(),
+  location: z9.string(),
+  salLocation: z9.string(),
+  plantId: z9.string(),
+  manager: EmployeeSchema
+});
+
+// src/models/approval/Approval.ts
+import { uuidv7 as uuidv75 } from "uuidv7";
+import z17 from "zod";
+
+// src/models/approval/ApprovalFlow.ts
+import { uuidv7 as uuidv73 } from "uuidv7";
+import { z as z11 } from "zod";
+
+// src/models/approval/StepApprovalOrder.ts
+import z10 from "zod";
+var StepApprovalOrder = z10.enum([
+  "Serial",
+  "Parallel",
+  "OneOfThem"
+]);
+
+// src/models/approval/ApprovalFlow.ts
+var ApprovalFlowSchema = z11.object({
+  id: z11.uuid().default(uuidv73),
+  approvalStage: z11.number(),
+  batchSequence: z11.number().optional(),
+  approvalSequence: z11.number(),
+  stepApprovalOrder: StepApprovalOrder,
+  steps: z11.array(z11.custom()),
+  isActive: z11.boolean().default(false)
+});
+
+// src/models/approval/ApprovalFlowStep.ts
+import { uuidv7 as uuidv74 } from "uuidv7";
+import { z as z14 } from "zod";
+
+// src/models/approval/ApprovalEmployee.ts
+import { z as z12 } from "zod";
+var ApprovalEmployeeSchema = z12.object({
+  employeeId: z12.string().min(1).max(20),
+  name: z12.string().min(1).max(50),
+  email: z12.email().min(1).max(100)
+});
+
+// src/models/approval/ApprovalStepResult.ts
+import z13 from "zod";
+var ApprovalStepResult = z13.enum([
+  "NotAvailable",
+  "FutureApproval",
+  "WaitingForApproval",
+  "Approved",
+  "Rejected",
+  "Skipped",
+  "Withdrawn",
+  "Cancelled"
+]);
+
+// src/models/approval/ApprovalFlowStep.ts
+var ApprovalFlowStepSchema = z14.object({
+  id: z14.uuid().default(uuidv74),
+  order: z14.number(),
+  approverRole: z14.string().min(1).max(100).default("Approver"),
+  approver: ApprovalEmployeeSchema,
+  actualApprover: ApprovalEmployeeSchema.optional(),
+  result: ApprovalStepResult.default("NotAvailable"),
+  resultDate: z14.date().optional(),
+  resultComment: z14.string().max(2e3).optional()
+});
+
+// src/models/approval/ApprovalRequestType.ts
+import z15 from "zod";
+var ApprovalRequestType = z15.enum([
+  "Single",
+  "Batch"
+]);
+
+// src/models/approval/ApprovalStatus.ts
+import z16 from "zod";
+var ApprovalStatus = z16.enum([
+  "WaitingForApproval",
+  "Approved",
+  "PartiallyApproved",
+  "Rejected",
+  "Withdrawn",
+  "Cancelled"
+]);
+
+// src/models/approval/Approval.ts
+var ApprovalSchema = z17.object({
+  id: z17.uuid().default(uuidv75),
+  number: z17.string().max(30).optional(),
+  applicationName: z17.string().min(1).max(50),
+  type: ApprovalRequestType.default("Single"),
+  status: ApprovalStatus,
+  emailBody: z17.string().min(1),
+  created: z17.date(),
+  createdBy: z17.custom(),
+  updated: z17.date(),
+  updatedBy: z17.custom(),
+  approvalFlows: z17.array(z17.custom()).min(1),
+  currentApprovers: z17.array(z17.custom())
+});
+var ApprovalCreateSchema = ApprovalSchema.pick({
+  id: true,
+  number: true,
+  applicationName: true,
+  type: true,
+  emailBody: true,
+  approvalFlows: true
+}).extend({
+  approvalFlows: z17.array(
+    ApprovalFlowSchema.pick({
+      approvalStage: true,
+      batchSequence: true,
+      stepApprovalOrder: true,
+      steps: true
+    }).extend({
+      steps: z17.array(
+        ApprovalFlowStepSchema.pick({
+          approverRole: true,
+          approver: true
+        })
+      )
+    })
+  ).min(1)
+});
+var SingleApprovalSchema = z17.object({
+  result: ApprovalStepResult,
+  resultComment: z17.string().max(2e3).optional(),
+  emailBody: z17.string().min(1)
+});
+var CancelApprovalSchema = z17.object({
+  comment: z17.string().min(1).max(2e3),
+  emailBody: z17.string().min(1)
+});
+var WithdrawApprovalSchema = z17.object({
+  comment: z17.string().min(1).max(2e3),
+  emailBody: z17.string().min(1)
+});
 export {
+  ApprovalCreateSchema,
+  ApprovalEmployeeSchema,
+  ApprovalFlowSchema,
+  ApprovalFlowStepSchema,
+  ApprovalSchema,
+  CancelApprovalSchema,
   ChipInputCell,
+  DepartmentSchema,
   Dropzone,
   EditableColumnHeader,
+  EmailAttachmentSchema,
+  EmailSchema,
+  EmployeeSchema,
+  FileMetaSchema,
   FileViewer,
   Fullscreen,
   LayoutProvider,
@@ -4298,7 +4711,9 @@ export {
   RouterListItemButton,
   RouterNotFound,
   RouterTab,
+  SingleApprovalSchema,
   TypographyWithIcon,
+  WithdrawApprovalSchema,
   rootRouteHead,
   t,
   useDeleteFile,
@@ -4310,13 +4725,27 @@ export {
   useGetFile,
   useGetFileMetas,
   useGetFileThumbnail,
+  useGetPeopleSoftActiveEmployees,
+  useGetPeopleSoftCompanyGeneralManager,
+  useGetPeopleSoftDepartmentById,
+  useGetPeopleSoftDepartmentEmployees,
+  useGetPeopleSoftDepartmentManager,
+  useGetPeopleSoftDepartments,
+  useGetPeopleSoftEmployeeById,
+  useGetPeopleSoftEmployeeGeneralManager,
+  useGetPeopleSoftEmployeeManager,
+  useGetPeopleSoftEmployeeSubordinates,
+  useGetPeopleSoftEmployeeSupervisor,
+  useGetPeopleSoftEmployees,
+  useGetPeopleSoftEmployeesSearch,
+  useGetPeopleSoftPreviousEmployeeIds,
   useLayoutForm,
   default2 as useLocalStorageState,
   useOpenFile,
   useTranslation8 as useTranslation,
   useUpdateFileMeta,
   useUploadFile,
-  uuidv72 as uuidv7,
+  uuidv76 as uuidv7,
   wczApiClient,
   withLayoutForm
 };