wcz-test 6.14.0 → 6.20.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { j as jsxRuntimeExports, D as DialogsContext, u as useDialogs } from "./DialogsHooks-Bi8dZoyu.js";
 import { Stack, Typography, Collapse, useMediaQuery, useColorScheme, List as List$1, ListItemButton as ListItemButton$1, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListSubheader as ListSubheader$1, IconButton, Avatar as Avatar$1, Menu, Box as Box$1, ListItem as ListItem$1, InitColorSchemeScript, CssBaseline, AppBar, Toolbar, LinearProgress, ThemeProvider } from "@mui/material";
 import { LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
@@ -6,13 +6,13 @@ import { createIsomorphicFn, createServerFn } from "@tanstack/react-start";
 import { getCookie } from "@tanstack/react-start/server";
 import dayjs from "dayjs";
 import i18n from "i18next";
-import { useState, useId, useRef, Fragment as Fragment$1, useEffect, useEffectEvent } from "react";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { useState, useId, useRef, Fragment, useEffect, useEffectEvent } from "react";
 import { useTranslation, initReactI18next } from "react-i18next";
 import { resources } from "virtual:wcz-layout";
 import z__default from "zod";
 import useEventCallback from "@mui/utils/useEventCallback";
-import { D as DialogsContext, u as useDialogs } from "./DialogsHooks-BlUsVlfv.js";
-import { a as authClient, u as useGetTheme } from "./auth-client-o9U0_qmf.js";
+import { a as authClient, u as useGetTheme } from "./auth-client-B6cIXYDV.js";
 import Menu$1 from "@mui/icons-material/Menu";
 import MenuOpen from "@mui/icons-material/MenuOpen";
 import { styled, useTheme } from "@mui/material/styles";
@@ -33,7 +33,7 @@ import ListItemText from "@mui/material/ListItemText";
 import Paper from "@mui/material/Paper";
 import Popper from "@mui/material/Popper";
 import Typography$1 from "@mui/material/Typography";
-import { R as RouterListItemButton } from "./RouterListItemButton-Cx7rXEfm.js";
+import { R as RouterListItemButton } from "./RouterListItemButton-CHS7rofI.js";
 import "@mui/icons-material/AccountCircle";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import Brightness4 from "@mui/icons-material/Brightness4";
@@ -45,421 +45,7 @@ import Logout from "@mui/icons-material/Logout";
 import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
 import Translate from "@mui/icons-material/Translate";
 import Done from "@mui/icons-material/Done";
-import { r } from "./utils-JYv9O0GI.js";
-const {
-  slice,
-  forEach
-} = [];
-function defaults(obj) {
-  forEach.call(slice.call(arguments, 1), (source) => {
-    if (source) {
-      for (const prop in source) {
-        if (obj[prop] === void 0) obj[prop] = source[prop];
-      }
-    }
-  });
-  return obj;
-}
-function hasXSS(input) {
-  if (typeof input !== "string") return false;
-  const xssPatterns = [/<\s*script.*?>/i, /<\s*\/\s*script\s*>/i, /<\s*img.*?on\w+\s*=/i, /<\s*\w+\s*on\w+\s*=.*?>/i, /javascript\s*:/i, /vbscript\s*:/i, /expression\s*\(/i, /eval\s*\(/i, /alert\s*\(/i, /document\.cookie/i, /document\.write\s*\(/i, /window\.location/i, /innerHTML/i];
-  return xssPatterns.some((pattern) => pattern.test(input));
-}
-const fieldContentRegExp = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
-const serializeCookie = function(name, val) {
-  let options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
-    path: "/"
-  };
-  const opt = options;
-  const value = encodeURIComponent(val);
-  let str = `${name}=${value}`;
-  if (opt.maxAge > 0) {
-    const maxAge = opt.maxAge - 0;
-    if (Number.isNaN(maxAge)) throw new Error("maxAge should be a Number");
-    str += `; Max-Age=${Math.floor(maxAge)}`;
-  }
-  if (opt.domain) {
-    if (!fieldContentRegExp.test(opt.domain)) {
-      throw new TypeError("option domain is invalid");
-    }
-    str += `; Domain=${opt.domain}`;
-  }
-  if (opt.path) {
-    if (!fieldContentRegExp.test(opt.path)) {
-      throw new TypeError("option path is invalid");
-    }
-    str += `; Path=${opt.path}`;
-  }
-  if (opt.expires) {
-    if (typeof opt.expires.toUTCString !== "function") {
-      throw new TypeError("option expires is invalid");
-    }
-    str += `; Expires=${opt.expires.toUTCString()}`;
-  }
-  if (opt.httpOnly) str += "; HttpOnly";
-  if (opt.secure) str += "; Secure";
-  if (opt.sameSite) {
-    const sameSite = typeof opt.sameSite === "string" ? opt.sameSite.toLowerCase() : opt.sameSite;
-    switch (sameSite) {
-      case true:
-        str += "; SameSite=Strict";
-        break;
-      case "lax":
-        str += "; SameSite=Lax";
-        break;
-      case "strict":
-        str += "; SameSite=Strict";
-        break;
-      case "none":
-        str += "; SameSite=None";
-        break;
-      default:
-        throw new TypeError("option sameSite is invalid");
-    }
-  }
-  if (opt.partitioned) str += "; Partitioned";
-  return str;
-};
-const cookie = {
-  create(name, value, minutes, domain) {
-    let cookieOptions = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
-      path: "/",
-      sameSite: "strict"
-    };
-    if (minutes) {
-      cookieOptions.expires = /* @__PURE__ */ new Date();
-      cookieOptions.expires.setTime(cookieOptions.expires.getTime() + minutes * 60 * 1e3);
-    }
-    if (domain) cookieOptions.domain = domain;
-    document.cookie = serializeCookie(name, value, cookieOptions);
-  },
-  read(name) {
-    const nameEQ = `${name}=`;
-    const ca = document.cookie.split(";");
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) === " ") c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  },
-  remove(name, domain) {
-    this.create(name, "", -1, domain);
-  }
-};
-var cookie$1 = {
-  name: "cookie",
-  // Deconstruct the options object and extract the lookupCookie property
-  lookup(_ref) {
-    let {
-      lookupCookie
-    } = _ref;
-    if (lookupCookie && typeof document !== "undefined") {
-      return cookie.read(lookupCookie) || void 0;
-    }
-    return void 0;
-  },
-  // Deconstruct the options object and extract the lookupCookie, cookieMinutes, cookieDomain, and cookieOptions properties
-  cacheUserLanguage(lng, _ref2) {
-    let {
-      lookupCookie,
-      cookieMinutes,
-      cookieDomain,
-      cookieOptions
-    } = _ref2;
-    if (lookupCookie && typeof document !== "undefined") {
-      cookie.create(lookupCookie, lng, cookieMinutes, cookieDomain, cookieOptions);
-    }
-  }
-};
-var querystring = {
-  name: "querystring",
-  // Deconstruct the options object and extract the lookupQuerystring property
-  lookup(_ref) {
-    let {
-      lookupQuerystring
-    } = _ref;
-    let found;
-    if (typeof window !== "undefined") {
-      let {
-        search
-      } = window.location;
-      if (!window.location.search && window.location.hash?.indexOf("?") > -1) {
-        search = window.location.hash.substring(window.location.hash.indexOf("?"));
-      }
-      const query = search.substring(1);
-      const params = query.split("&");
-      for (let i = 0; i < params.length; i++) {
-        const pos = params[i].indexOf("=");
-        if (pos > 0) {
-          const key = params[i].substring(0, pos);
-          if (key === lookupQuerystring) {
-            found = params[i].substring(pos + 1);
-          }
-        }
-      }
-    }
-    return found;
-  }
-};
-var hash = {
-  name: "hash",
-  // Deconstruct the options object and extract the lookupHash property and the lookupFromHashIndex property
-  lookup(_ref) {
-    let {
-      lookupHash,
-      lookupFromHashIndex
-    } = _ref;
-    let found;
-    if (typeof window !== "undefined") {
-      const {
-        hash: hash2
-      } = window.location;
-      if (hash2 && hash2.length > 2) {
-        const query = hash2.substring(1);
-        if (lookupHash) {
-          const params = query.split("&");
-          for (let i = 0; i < params.length; i++) {
-            const pos = params[i].indexOf("=");
-            if (pos > 0) {
-              const key = params[i].substring(0, pos);
-              if (key === lookupHash) {
-                found = params[i].substring(pos + 1);
-              }
-            }
-          }
-        }
-        if (found) return found;
-        if (!found && lookupFromHashIndex > -1) {
-          const language = hash2.match(/\/([a-zA-Z-]*)/g);
-          if (!Array.isArray(language)) return void 0;
-          const index = typeof lookupFromHashIndex === "number" ? lookupFromHashIndex : 0;
-          return language[index]?.replace("/", "");
-        }
-      }
-    }
-    return found;
-  }
-};
-let hasLocalStorageSupport = null;
-const localStorageAvailable = () => {
-  if (hasLocalStorageSupport !== null) return hasLocalStorageSupport;
-  try {
-    hasLocalStorageSupport = typeof window !== "undefined" && window.localStorage !== null;
-    if (!hasLocalStorageSupport) {
-      return false;
-    }
-    const testKey = "i18next.translate.boo";
-    window.localStorage.setItem(testKey, "foo");
-    window.localStorage.removeItem(testKey);
-  } catch (e) {
-    hasLocalStorageSupport = false;
-  }
-  return hasLocalStorageSupport;
-};
-var localStorage = {
-  name: "localStorage",
-  // Deconstruct the options object and extract the lookupLocalStorage property
-  lookup(_ref) {
-    let {
-      lookupLocalStorage
-    } = _ref;
-    if (lookupLocalStorage && localStorageAvailable()) {
-      return window.localStorage.getItem(lookupLocalStorage) || void 0;
-    }
-    return void 0;
-  },
-  // Deconstruct the options object and extract the lookupLocalStorage property
-  cacheUserLanguage(lng, _ref2) {
-    let {
-      lookupLocalStorage
-    } = _ref2;
-    if (lookupLocalStorage && localStorageAvailable()) {
-      window.localStorage.setItem(lookupLocalStorage, lng);
-    }
-  }
-};
-let hasSessionStorageSupport = null;
-const sessionStorageAvailable = () => {
-  if (hasSessionStorageSupport !== null) return hasSessionStorageSupport;
-  try {
-    hasSessionStorageSupport = typeof window !== "undefined" && window.sessionStorage !== null;
-    if (!hasSessionStorageSupport) {
-      return false;
-    }
-    const testKey = "i18next.translate.boo";
-    window.sessionStorage.setItem(testKey, "foo");
-    window.sessionStorage.removeItem(testKey);
-  } catch (e) {
-    hasSessionStorageSupport = false;
-  }
-  return hasSessionStorageSupport;
-};
-var sessionStorage = {
-  name: "sessionStorage",
-  lookup(_ref) {
-    let {
-      lookupSessionStorage
-    } = _ref;
-    if (lookupSessionStorage && sessionStorageAvailable()) {
-      return window.sessionStorage.getItem(lookupSessionStorage) || void 0;
-    }
-    return void 0;
-  },
-  cacheUserLanguage(lng, _ref2) {
-    let {
-      lookupSessionStorage
-    } = _ref2;
-    if (lookupSessionStorage && sessionStorageAvailable()) {
-      window.sessionStorage.setItem(lookupSessionStorage, lng);
-    }
-  }
-};
-var navigator$1 = {
-  name: "navigator",
-  lookup(options) {
-    const found = [];
-    if (typeof navigator !== "undefined") {
-      const {
-        languages,
-        userLanguage,
-        language
-      } = navigator;
-      if (languages) {
-        for (let i = 0; i < languages.length; i++) {
-          found.push(languages[i]);
-        }
-      }
-      if (userLanguage) {
-        found.push(userLanguage);
-      }
-      if (language) {
-        found.push(language);
-      }
-    }
-    return found.length > 0 ? found : void 0;
-  }
-};
-var htmlTag = {
-  name: "htmlTag",
-  // Deconstruct the options object and extract the htmlTag property
-  lookup(_ref) {
-    let {
-      htmlTag: htmlTag2
-    } = _ref;
-    let found;
-    const internalHtmlTag = htmlTag2 || (typeof document !== "undefined" ? document.documentElement : null);
-    if (internalHtmlTag && typeof internalHtmlTag.getAttribute === "function") {
-      found = internalHtmlTag.getAttribute("lang");
-    }
-    return found;
-  }
-};
-var path = {
-  name: "path",
-  // Deconstruct the options object and extract the lookupFromPathIndex property
-  lookup(_ref) {
-    let {
-      lookupFromPathIndex
-    } = _ref;
-    if (typeof window === "undefined") return void 0;
-    const language = window.location.pathname.match(/\/([a-zA-Z-]*)/g);
-    if (!Array.isArray(language)) return void 0;
-    const index = typeof lookupFromPathIndex === "number" ? lookupFromPathIndex : 0;
-    return language[index]?.replace("/", "");
-  }
-};
-var subdomain = {
-  name: "subdomain",
-  lookup(_ref) {
-    let {
-      lookupFromSubdomainIndex
-    } = _ref;
-    const internalLookupFromSubdomainIndex = typeof lookupFromSubdomainIndex === "number" ? lookupFromSubdomainIndex + 1 : 1;
-    const language = typeof window !== "undefined" && window.location?.hostname?.match(/^(\w{2,5})\.(([a-z0-9-]{1,63}\.[a-z]{2,6})|localhost)/i);
-    if (!language) return void 0;
-    return language[internalLookupFromSubdomainIndex];
-  }
-};
-let canCookies = false;
-try {
-  document.cookie;
-  canCookies = true;
-} catch (e) {
-}
-const order = ["querystring", "cookie", "localStorage", "sessionStorage", "navigator", "htmlTag"];
-if (!canCookies) order.splice(1, 1);
-const getDefaults = () => ({
-  order,
-  lookupQuerystring: "lng",
-  lookupCookie: "i18next",
-  lookupLocalStorage: "i18nextLng",
-  lookupSessionStorage: "i18nextLng",
-  // cache user language
-  caches: ["localStorage"],
-  excludeCacheFor: ["cimode"],
-  // cookieMinutes: 10,
-  // cookieDomain: 'myDomain'
-  convertDetectedLanguage: (l) => l
-});
-class Browser {
-  constructor(services) {
-    let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.type = "languageDetector";
-    this.detectors = {};
-    this.init(services, options);
-  }
-  init() {
-    let services = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
-      languageUtils: {}
-    };
-    let options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    let i18nOptions = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-    this.services = services;
-    this.options = defaults(options, this.options || {}, getDefaults());
-    if (typeof this.options.convertDetectedLanguage === "string" && this.options.convertDetectedLanguage.indexOf("15897") > -1) {
-      this.options.convertDetectedLanguage = (l) => l.replace("-", "_");
-    }
-    if (this.options.lookupFromUrlIndex) this.options.lookupFromPathIndex = this.options.lookupFromUrlIndex;
-    this.i18nOptions = i18nOptions;
-    this.addDetector(cookie$1);
-    this.addDetector(querystring);
-    this.addDetector(localStorage);
-    this.addDetector(sessionStorage);
-    this.addDetector(navigator$1);
-    this.addDetector(htmlTag);
-    this.addDetector(path);
-    this.addDetector(subdomain);
-    this.addDetector(hash);
-  }
-  addDetector(detector) {
-    this.detectors[detector.name] = detector;
-    return this;
-  }
-  detect() {
-    let detectionOrder = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.options.order;
-    let detected = [];
-    detectionOrder.forEach((detectorName) => {
-      if (this.detectors[detectorName]) {
-        let lookup = this.detectors[detectorName].lookup(this.options);
-        if (lookup && typeof lookup === "string") lookup = [lookup];
-        if (lookup) detected = detected.concat(lookup);
-      }
-    });
-    detected = detected.filter((d) => d !== void 0 && d !== null && !hasXSS(d)).map((d) => this.options.convertDetectedLanguage(d));
-    if (this.services && this.services.languageUtils && this.services.languageUtils.getBestMatchFromCodes) return detected;
-    return detected.length > 0 ? detected[0] : null;
-  }
-  cacheUserLanguage(lng) {
-    let caches = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this.options.caches;
-    if (!caches) return;
-    if (this.options.excludeCacheFor && this.options.excludeCacheFor.indexOf(lng) > -1) return;
-    caches.forEach((cacheName) => {
-      if (this.detectors[cacheName]) this.detectors[cacheName].cacheUserLanguage(lng, this.options);
-    });
-  }
-}
-Browser.type = "languageDetector";
+import { r } from "./utils-DKyKGba7.js";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const [stack, setStack] = useState([]);
   const keyPrefix = useId();
@@ -510,9 +96,9 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
     }
     return dialog;
   });
-  return /* @__PURE__ */ jsxs(DialogsContext.Provider, { value: { open: requestDialog, close: closeDialog }, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogsContext.Provider, { value: { open: requestDialog, close: closeDialog }, children: [
     children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsx(
+    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       Component,
       {
         payload,
@@ -526,9 +112,9 @@ function DialogsProvider({ children, unmountAfter = 1e3 }) {
   ] });
 }
 const AppTitle = () => {
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
-    /* @__PURE__ */ jsx("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: clientEnv.VITE_APP_TITLE }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { direction: "row", alignItems: "center", spacing: 2, flexGrow: 1, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "/favicon-32x32.png", alt: "app-logo", loading: "lazy" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", children: clientEnv.VITE_APP_TITLE }),
     false
   ] });
 };
@@ -575,12 +161,12 @@ const StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
 }));
 const IconOrAvatar = ({ item, collapsed }) => {
   if (item.icon || collapsed) {
-    return /* @__PURE__ */ jsxs(Box, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
-      /* @__PURE__ */ jsxs(ListItemIcon, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: collapsed ? { position: "absolute", left: "50%", top: "calc(50% - 6px)", transform: "translate(-50%, -50%)" } : {}, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemIcon, { sx: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: ICON_SIZE }, children: [
         item.icon ?? null,
-        !item.icon && collapsed ? /* @__PURE__ */ jsx(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
+        !item.icon && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
       ] }),
-      collapsed ? /* @__PURE__ */ jsx(
+      collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         Typography$1,
         {
           variant: "caption",
@@ -604,7 +190,7 @@ const IconOrAvatar = ({ item, collapsed }) => {
   }
   return null;
 };
-const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
+const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   Popper,
   {
     open,
@@ -615,7 +201,7 @@ const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsx(
       { name: "preventOverflow", options: { padding: 8 } },
       { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
     ],
-    children: /* @__PURE__ */ jsx(
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Paper,
       {
         sx: {
@@ -657,9 +243,9 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
     disabled,
     sx: { px: 1.4, height: collapsed ? 60 : 48 }
   };
-  const buttonContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsx(
+  const buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(IconOrAvatar, { item, collapsed }),
+    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ListItemText,
       {
         primary: item.title,
@@ -667,9 +253,9 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
         sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
       }
     ),
-    item.children ? /* @__PURE__ */ jsx(ExpandMoreIcon, { sx: chevronSx }) : null
+    item.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandMoreIcon, { sx: chevronSx }) : null
   ] });
-  const listItem = /* @__PURE__ */ jsxs(
+  const listItem = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     ListItem,
     {
       ...item.children && collapsed ? {
@@ -683,7 +269,7 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
       } : {},
       sx: { py: 0, px: 1, overflowX: "hidden" },
       children: [
-        shouldJustExpand ? /* @__PURE__ */ jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsx(
+        shouldJustExpand ? /* @__PURE__ */ jsxRuntimeExports.jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
           StyledRouterButton,
           {
             ...buttonProps,
@@ -695,13 +281,13 @@ const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSid
             children: buttonContent
           }
         ),
-        item.children && collapsed ? /* @__PURE__ */ jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
+        item.children && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
       ]
     }
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
     listItem,
-    item.children && !collapsed ? /* @__PURE__ */ jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
+    item.children && !collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, children: renderNested?.(item.children) }) : null
   ] }, item.to);
 };
 const isPageItem = (item) => !("kind" in item);
@@ -713,7 +299,7 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsx(
+  const renderNested = (children) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     NavigationList,
     {
       subNavigation: children,
@@ -726,7 +312,7 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
     }
   );
   const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     List,
     {
       sx: {
@@ -739,7 +325,7 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
       },
       children: filteredNavigation.map((navItem, index) => {
         if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
             ListSubheader,
             {
               sx: {
@@ -762,13 +348,13 @@ const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSide
         }
         if (isDivider(navItem)) {
           const nextItem = filteredNavigation[index + 1];
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Divider, { sx: { mx: 1, mt: 1, mb: isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { sx: { mx: 1, mt: 1, mb: isHeader(nextItem) && !collapsed ? 0 : 1 } }) }, `divider-${depth}-${index}`);
         }
         if (!isPageItem(navItem)) return null;
         const key = `item-${depth}-${index}`;
         const uniqueItemKey = `${depth}-${index}-${navItem.title}`;
-        if (renderItem) return /* @__PURE__ */ jsx(Fragment$1, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsx(
+        if (renderItem) return /* @__PURE__ */ jsxRuntimeExports.jsx(Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
           NavigationListItem,
           {
             item: navItem,
@@ -795,7 +381,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
   const routerState = useRouterState();
   const theme = useTheme();
   const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsx(
+  const drawerContent = (collapsed) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     Box,
     {
       component: "nav",
@@ -809,7 +395,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
         overflowX: "hidden",
         pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
       },
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         NavigationList,
         {
           subNavigation: navigation,
@@ -825,7 +411,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
     }
   );
   if (showPermanent)
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Drawer,
       {
         variant: "permanent",
@@ -843,7 +429,7 @@ const NavigationRail = ({ navigation, expanded, setExpanded }) => {
         children: drawerContent(!expanded)
       }
     );
-  return /* @__PURE__ */ jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { open: expanded, onClose: () => setExpanded(false), children: drawerContent(!expanded) });
 };
 const capitalize = (value) => value && value.charAt(0).toUpperCase() + value.slice(1);
 const ToolbarAccount = () => {
@@ -876,23 +462,23 @@ const ToolbarAccount = () => {
     setTimeout(() => setTab("settings"), 300);
   };
   const changeTab = (newTab) => () => setTab(newTab);
-  const settings = /* @__PURE__ */ jsxs(List$1, { component: "nav", subheader: /* @__PURE__ */ jsx(ListSubheader$1, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
-    /* @__PURE__ */ jsxs(ListItemButton$1, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Brightness4, {}) }),
-      /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.Appearance"), secondary: colorModes.find((m) => m.mode === mode)?.label }),
-      /* @__PURE__ */ jsx(ChevronRight, {})
+  const settings = /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { component: "nav", subheader: /* @__PURE__ */ jsxRuntimeExports.jsx(ListSubheader$1, { sx: { backgroundColor: "transparent" }, children: t("Layout.Settings") }), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: changeTab("theme"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Brightness4, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Appearance"), secondary: colorModes.find((m) => m.mode === mode)?.label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {})
     ] }),
-    /* @__PURE__ */ jsxs(ListItemButton$1, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
-      /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Translate, {}) }),
-      /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.Language"), secondary: capitalize(languageDisplayNames.of(i18n2.language)) }),
-      /* @__PURE__ */ jsx(ChevronRight, {})
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(ListItemButton$1, { onClick: changeTab("language"), sx: { py: 0.3 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Translate, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Language"), secondary: capitalize(languageDisplayNames.of(i18n2.language)) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, {})
     ] })
   ] });
-  const theme = /* @__PURE__ */ jsx(List$1, { subheader: /* @__PURE__ */ jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
+  const theme = /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { subheader: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Appearance")
-  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxs(
+  ] }), children: colorModes.map(({ mode: modeValue, icon: Icon, label }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     ListItemButton$1,
     {
       onClick: () => {
@@ -901,40 +487,40 @@ const ToolbarAccount = () => {
       },
       selected: mode === modeValue,
       children: [
-        /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Icon, {}) }),
-        /* @__PURE__ */ jsx(ListItemText$1, { primary: label })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: label })
       ]
     },
     modeValue
   )) });
-  const language = /* @__PURE__ */ jsx(List$1, { subheader: /* @__PURE__ */ jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsx(ArrowBack, { fontSize: "small" }) }),
+  const language = /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { subheader: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListSubheader$1, { onClick: changeTab("settings"), sx: { backgroundColor: "transparent", display: "flex", alignItems: "center", px: 1, cursor: "pointer" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", sx: { mr: 0.5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowBack, { fontSize: "small" }) }),
     " ",
     t("Layout.Language")
   ] }), children: supportedLanguages.map(
-    (languageCode) => /* @__PURE__ */ jsxs(
+    (languageCode) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
       ListItemButton$1,
       {
         onClick: () => i18n2.changeLanguage(languageCode).finally(() => closeMenu()),
         selected: i18n2.resolvedLanguage === languageCode,
         children: [
-          /* @__PURE__ */ jsx(ListItemIcon$1, { children: i18n2.resolvedLanguage === languageCode && /* @__PURE__ */ jsx(Done, {}) }),
-          /* @__PURE__ */ jsx(ListItemText$1, { primary: capitalize(languageDisplayNames.of(languageCode)) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: i18n2.resolvedLanguage === languageCode && /* @__PURE__ */ jsxRuntimeExports.jsx(Done, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: capitalize(languageDisplayNames.of(languageCode)) })
         ]
       },
       languageCode
     )
   ) });
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsx(Avatar$1, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) }),
-    /* @__PURE__ */ jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxs(Box$1, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsx(List$1, { children: session ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsx(ListItem$1, { children: /* @__PURE__ */ jsx(ListItemText$1, { primary: user.name, secondary: /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { children: user.employeeId }),
-          /* @__PURE__ */ jsx("br", {}),
-          /* @__PURE__ */ jsx("span", { children: user.department })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Avatar$1, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 }, bgcolor: "primary.main" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "subtitle2", sx: { fontWeight: "bold", lineHeight: 0 }, children: usernameInitials() }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: { width: 240 }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(List$1, { children: session ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: user.name, secondary: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: user.employeeId }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: user.department })
         ] }) }) }),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
           ListItemButton$1,
           {
             onClick: () => authClient.signOut({}, {
@@ -942,12 +528,12 @@ const ToolbarAccount = () => {
               onError: ({ error }) => alert(error.message)
             }),
             children: [
-              /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Logout, { color: "error" }) }),
-              /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.Logout") })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logout, { color: "error" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Logout") })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs(
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
         ListItemButton$1,
         {
           onClick: () => authClient.signIn.social({ provider: "microsoft" }, {
@@ -955,8 +541,8 @@ const ToolbarAccount = () => {
             onError: ({ error }) => alert(error.message)
           }),
           children: [
-            /* @__PURE__ */ jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsx(Login, { color: "success" }) }),
-            /* @__PURE__ */ jsx(ListItemText$1, { primary: t("Layout.LogIn") })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Login, { color: "success" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.LogIn") })
           ]
         }
       ) }),
@@ -968,11 +554,11 @@ const ToolbarAccount = () => {
 };
 const YEAR_IN_SECONDS = 60 * 60 * 24 * 365;
 const getNavigationOpenStatus = createIsomorphicFn().server(() => {
-  const cookie2 = getCookie("navigationOpen");
-  return cookie2 === "true";
+  const cookie = getCookie("navigationOpen");
+  return cookie === "true";
 }).client(() => {
-  const cookie2 = document.cookie.split("; ").find((row) => row.startsWith("navigationOpen="));
-  return cookie2 ? cookie2.split("=")[1] === "true" : false;
+  const cookie = document.cookie.split("; ").find((row) => row.startsWith("navigationOpen="));
+  return cookie ? cookie.split("=")[1] === "true" : false;
 });
 const DrawerHeader = styled("div")(({ theme }) => ({
   display: "flex",
@@ -985,11 +571,11 @@ const Layout = (props) => {
   const [navigationOpen, setNavigationOpen] = useState(getNavigationOpenStatus);
   const isFetching = !!useIsFetching();
   const isMutating = !!useIsMutating();
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(InitColorSchemeScript, {}),
-    /* @__PURE__ */ jsx(CssBaseline, {}),
-    /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(InitColorSchemeScript, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: { display: "flex", height: "100dvh", maxHeight: "100dvh", overflow: "hidden", width: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         AppBar,
         {
           color: "transparent",
@@ -999,8 +585,8 @@ const Layout = (props) => {
             borderColor: theme.vars?.palette.divider,
             boxShadow: "none"
           }),
-          children: /* @__PURE__ */ jsxs(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
+            props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
               IconButton,
               {
                 onClick: () => {
@@ -1011,15 +597,15 @@ const Layout = (props) => {
                   });
                 },
                 sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsx(MenuOpen, {}) : /* @__PURE__ */ jsx(Menu$1, {})
+                children: navigationOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuOpen, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {})
               }
             ),
-            /* @__PURE__ */ jsx(AppTitle, {}),
-            /* @__PURE__ */ jsx(ToolbarAccount, {})
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AppTitle, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarAccount, {})
           ] })
         }
       ),
-      props.navigation && /* @__PURE__ */ jsx(
+      props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
         NavigationRail,
         {
           navigation: props.navigation,
@@ -1030,16 +616,16 @@ const Layout = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsxs(Box$1, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
-        /* @__PURE__ */ jsx(DrawerHeader, {}),
-        /* @__PURE__ */ jsx(Box$1, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { component: "main", sx: { flexGrow: 1, display: "flex", flexDirection: "column", minWidth: 0, height: "100%", overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DrawerHeader, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Box$1, { sx: { flex: 1, overflow: "auto", position: "relative" }, children: props.children })
       ] })
     ] }),
-    (isFetching || isMutating) && /* @__PURE__ */ jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
+    (isFetching || isMutating) && /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, { sx: { position: "fixed", top: { xs: 56, sm: 64 }, left: 0, right: 0 } })
   ] });
 };
 const YEAR_IN_MINUTES = 60 * 24 * 365;
-i18n.use(Browser).use(initReactI18next).init({
+i18n.use(LanguageDetector).use(initReactI18next).init({
   resources,
   fallbackLng: "en",
   supportedLngs: Object.keys(resources),
@@ -1062,7 +648,7 @@ const LayoutProvider = ({ navigation, theme, children }) => {
       i18n.off("languageChanged", languageChangedHandler);
     };
   }, []);
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.language, children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(Layout, { navigation, children }) }) }, i18n.language) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme: createdTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: i18n.language, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogsProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Layout, { navigation, children }) }) }, i18n.language) });
 };
 const setSSRLanguage = createServerFn().handler(async () => {
   const language = getCookie(i18n.services.languageDetector.options.lookupCookie) || "en";