wcz-test 6.22.1 → 6.23.0

package/dist/index.js

@@ -1,755 +1,8 @@
-import { j as jsxRuntimeExports, D as DialogsContext } from "./DialogsContext-DMZRefiY.js";
-import { useMsalAuthentication, useMsal, AuthenticatedTemplate, MsalProvider } from "@azure/msal-react";
-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";
-import { createIsomorphicFn, createServerFn } from "@tanstack/react-start";
-import { getCookie } from "@tanstack/react-start/server";
-import dayjs from "dayjs";
-import i18n from "i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
-import { useState, useId, useRef, useEffect, Fragment, 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 { PublicClientApplication, EventType, InteractionType } from "@azure/msal-browser";
-import { U as UserContext, u as useUser } from "./UseHook-DB7btKDE.js";
-import { useQuery, useIsFetching, useIsMutating } from "@tanstack/react-query";
-import axios from "axios";
-import { c as clientEnv } from "./utils-CKW5pi6k.js";
-import { r } from "./utils-CKW5pi6k.js";
-import Menu$1 from "@mui/icons-material/Menu";
-import MenuOpen from "@mui/icons-material/MenuOpen";
-import { styled, useTheme } from "@mui/material/styles";
-import Box from "@mui/material/Box";
-import Drawer from "@mui/material/Drawer";
-import { useNavigate, useRouterState } from "@tanstack/react-router";
-import Divider from "@mui/material/Divider";
-import List from "@mui/material/List";
-import ListSubheader from "@mui/material/ListSubheader";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import Avatar from "@mui/material/Avatar";
-import ListItem from "@mui/material/ListItem";
-import ListItemButton from "@mui/material/ListItemButton";
-import ListItemIcon from "@mui/material/ListItemIcon";
-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-Vj6OoqkV.js";
-import AccountCircle from "@mui/icons-material/AccountCircle";
-import ArrowBack from "@mui/icons-material/ArrowBack";
-import Brightness4 from "@mui/icons-material/Brightness4";
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import DarkMode from "@mui/icons-material/DarkMode";
-import Done from "@mui/icons-material/Done";
-import LightMode from "@mui/icons-material/LightMode";
-import Logout from "@mui/icons-material/Logout";
-import SettingsBrightness from "@mui/icons-material/SettingsBrightness";
-import Translate from "@mui/icons-material/Translate";
-function DialogsProvider({ children }) {
-  const [stack, setStack] = useState([]);
-  const keyPrefix = useId();
-  const nextId = useRef(0);
-  const dialogMetadata = useRef(/* @__PURE__ */ new WeakMap());
-  const requestDialog = useEventCallback(function open(Component, payload, options = {}) {
-    const { onClose = async () => {
-    } } = options;
-    let resolve;
-    const promise = new Promise((resolveImpl) => {
-      resolve = resolveImpl;
-    });
-    const key = `${keyPrefix}-${nextId.current}`;
-    nextId.current += 1;
-    const newEntry = {
-      key,
-      open: true,
-      promise,
-      Component,
-      payload,
-      onClose,
-      resolve
-    };
-    dialogMetadata.current.set(promise, newEntry);
-    setStack((previousStack) => [...previousStack, newEntry]);
-    return promise;
-  });
-  const removeDialogFromStack = (dialog) => {
-    setStack((previousStack) => previousStack.filter((entry) => entry.promise !== dialog));
-    dialogMetadata.current.delete(dialog);
-  };
-  const closeDialogUi = useEventCallback(function closeDialogUi2(dialog) {
-    setStack(
-      (previousStack) => previousStack.map((entry) => entry.promise === dialog ? { ...entry, open: false } : entry)
-    );
-    setTimeout(() => removeDialogFromStack(dialog), 1e3);
-  });
-  const closeDialog = useEventCallback(async function closeDialog2(dialog, result) {
-    const entryToClose = dialogMetadata.current.get(dialog);
-    if (!entryToClose) {
-      throw new Error("Dialog not found in stack");
-    }
-    try {
-      await entryToClose.onClose(result);
-    } finally {
-      entryToClose.resolve(result);
-      closeDialogUi(dialog);
-    }
-    return dialog;
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogsContext.Provider, { value: { open: requestDialog, close: closeDialog }, children: [
-    children,
-    stack.map(({ key, open, Component, payload, promise }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Component,
-      {
-        payload,
-        open,
-        onClose: async (result) => {
-          await closeDialog(promise, result);
-        }
-      },
-      key
-    ))
-  ] });
-}
-const msalConfig = {
-  auth: {
-    clientId: clientEnv.VITE_MICROSOFT_CLIENT_ID,
-    authority: `https://login.microsoftonline.com/${clientEnv.VITE_MICROSOFT_TENANT_ID}`
-  }
-};
-const msalInstance = new PublicClientApplication(msalConfig);
-msalInstance.initialize().then(() => {
-  if (!msalInstance.getActiveAccount() && msalInstance.getAllAccounts().length > 0) {
-    msalInstance.setActiveAccount(msalInstance.getAllAccounts()[0]);
-  }
-  msalInstance.enableAccountStorageEvents();
-  msalInstance.addEventCallback((event) => {
-    if (event.eventType === EventType.LOGIN_SUCCESS && event.payload) {
-      const payload = event.payload;
-      const account = payload.account;
-      msalInstance.setActiveAccount(account);
-    }
-  });
-});
-const acquireAccessToken = async () => {
-  const account = msalInstance.getActiveAccount();
-  if (!account) {
-    throw new Error("No active account! Verify a user has been signed in and setActiveAccount has been called.");
-  }
-  const response = await msalInstance.acquireTokenSilent({
-    scopes: ["User.Read"],
-    account
-  });
-  return response.accessToken;
-};
-const QUERY_KEY = "user";
-const DAY = 1e3 * 60 * 60 * 24;
-const api = axios.create({
-  baseURL: "https://graph.microsoft.com/v1.0/"
-});
-api.interceptors.request.use(async (config) => {
-  config.headers.Authorization = `Bearer ${await acquireAccessToken()}`;
-  return config;
-});
-const useGetUser = (enabled = true) => {
-  return useQuery({
-    queryKey: [QUERY_KEY, "me"],
-    queryFn: ({ signal }) => api.request({
-      method: "GET",
-      url: "me?$select=id,displayName,jobTitle,mail,mobilePhone",
-      signal
-    }),
-    select: (response) => ({
-      id: response.data.id,
-      name: response.data.displayName.split("/")[0],
-      jobTitle: response.data.jobTitle,
-      email: response.data.mail,
-      mobilePhone: response.data.mobilePhone,
-      photo: null,
-      groups: []
-    }),
-    staleTime: DAY,
-    gcTime: DAY,
-    refetchOnWindowFocus: false,
-    enabled
-  });
-};
-const useGetUserPhoto = (enabled = true) => {
-  return useQuery({
-    queryKey: [QUERY_KEY, "me", "photo"],
-    queryFn: ({ signal }) => api.request({
-      method: "GET",
-      url: "me/photo/$value",
-      signal,
-      responseType: "blob"
-    }),
-    select: (response) => URL.createObjectURL(response.data),
-    staleTime: DAY,
-    gcTime: DAY,
-    refetchOnWindowFocus: false,
-    enabled
-  });
-};
-const useGetUserGroups = (enabled = true) => {
-  return useQuery({
-    queryKey: [QUERY_KEY, "me", "memberOf"],
-    queryFn: ({ signal }) => api.request({
-      method: "GET",
-      url: "me/memberOf?$select=displayName",
-      signal
-    }),
-    select: (response) => response.data.value.map((group) => group.displayName),
-    staleTime: DAY,
-    gcTime: DAY,
-    refetchOnWindowFocus: false,
-    enabled
-  });
-};
-function UserProvider({ children }) {
-  const { result } = useMsalAuthentication(InteractionType.Redirect);
-  const [user, setUser] = useState({});
-  const { data } = useGetUser(!!result);
-  const { data: photo } = useGetUserPhoto(!!result);
-  const { data: groups } = useGetUserGroups(!!result);
-  useEffect(() => {
-    if (!data) return;
-    setUser({
-      ...data,
-      ...photo && { photo },
-      ...groups && { groups }
-    });
-  }, [data, photo, groups]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(UserContext.Provider, { value: { user, setUser }, children });
-}
-const AppTitle = () => {
-  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
-  ] });
-};
-const ICON_SIZE = 34;
-const StyledNavButton = styled(ListItemButton)(({ theme }) => ({
-  borderRadius: 8,
-  "&.Mui-selected": {
-    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
-      color: (theme.vars ?? theme).palette.primary.dark
-    },
-    "& .MuiAvatar-root": {
-      backgroundColor: (theme.vars ?? theme).palette.primary.dark
-    },
-    "& .MuiTouchRipple-child": {
-      backgroundColor: (theme.vars ?? theme).palette.primary.dark
-    }
-  },
-  "& .MuiSvgIcon-root": {
-    color: (theme.vars ?? theme).palette.action.active
-  },
-  "& .MuiAvatar-root": {
-    backgroundColor: (theme.vars ?? theme).palette.action.active
-  }
-}));
-const StyledRouterButton = styled(RouterListItemButton)(({ theme }) => ({
-  borderRadius: 8,
-  "&.Mui-selected": {
-    "& .MuiListItemIcon-root, & .MuiTypography-root, & .MuiSvgIcon-root": {
-      color: (theme.vars ?? theme).palette.primary.dark
-    },
-    "& .MuiAvatar-root": {
-      backgroundColor: (theme.vars ?? theme).palette.primary.dark
-    },
-    "& .MuiTouchRipple-child": {
-      backgroundColor: (theme.vars ?? theme).palette.primary.dark
-    }
-  },
-  "& .MuiSvgIcon-root": {
-    color: (theme.vars ?? theme).palette.action.active
-  },
-  "& .MuiAvatar-root": {
-    backgroundColor: (theme.vars ?? theme).palette.action.active
-  }
-}));
-const IconOrAvatar = ({ item, collapsed }) => {
-  if (item.icon || collapsed) {
-    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__ */ jsxRuntimeExports.jsx(Avatar, { sx: { width: ICON_SIZE - 7, height: ICON_SIZE - 7, fontSize: 12 }, children: item.title }) : null
-      ] }),
-      collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Typography$1,
-        {
-          variant: "caption",
-          sx: {
-            position: "absolute",
-            bottom: -18,
-            left: "50%",
-            transform: "translateX(-50%)",
-            fontSize: 10,
-            fontWeight: 500,
-            textAlign: "center",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            maxWidth: MINI_WIDTH - 28
-          },
-          children: item.title
-        }
-      ) : null
-    ] });
-  }
-  return null;
-};
-const MiniPopover = ({ open, anchorEl, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Popper,
-  {
-    open,
-    anchorEl,
-    placement: "right-start",
-    modifiers: [
-      { name: "offset", options: { offset: [6, 0] } },
-      { name: "preventOverflow", options: { padding: 8 } },
-      { name: "flip", options: { fallbackPlacements: ["right-end", "left-start"] } }
-    ],
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Paper,
-      {
-        sx: {
-          pt: 0.5,
-          pb: 0.5,
-          maxHeight: "min(calc(100vh - 100px), 560px)",
-          overflowY: "auto",
-          overscrollBehavior: "contain"
-        },
-        children
-      }
-    )
-  }
-);
-const NavigationListItem = ({ item, isOpen, selected, disabled, collapsed, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, onClick, renderNested, onClose }) => {
-  const [hoveredPopoverItem, setHoveredPopoverItem] = useState(null);
-  const [anchorElement, setAnchorElement] = useState(null);
-  const chevronSx = () => {
-    if (collapsed && isSidebarFullyCollapsed && item.children) {
-      return {
-        fontSize: 18,
-        position: "absolute",
-        top: "41.5%",
-        right: "2px",
-        transform: "translateY(-50%) rotate(-90deg)"
-      };
-    }
-    if (!collapsed && isSidebarFullyExpanded && item.children) {
-      return {
-        ml: 0.5,
-        transform: `rotate(${isOpen ? 0 : -90}deg)`
-      };
-    }
-    return { display: "none" };
-  };
-  const shouldJustExpand = item.children && !collapsed;
-  const buttonProps = {
-    selected,
-    disabled,
-    sx: { px: 1.4, height: collapsed ? 60 : 48 }
-  };
-  const buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconOrAvatar, { item, collapsed }),
-    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ListItemText,
-      {
-        primary: item.title,
-        slotProps: { primary: { noWrap: true, title: item.title } },
-        sx: { ml: 1.2, flex: 1, minWidth: 0, "& .MuiTypography-root": { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }
-      }
-    ),
-    item.children ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandMoreIcon, { sx: chevronSx }) : null
-  ] });
-  const listItem = /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    ListItem,
-    {
-      ...item.children && collapsed ? {
-        onMouseEnter: (event) => {
-          setAnchorElement(event.currentTarget);
-          setHoveredPopoverItem(item.title);
-        },
-        onMouseLeave: () => {
-          setHoveredPopoverItem(null);
-        }
-      } : {},
-      sx: { py: 0, px: 1, overflowX: "hidden" },
-      children: [
-        shouldJustExpand ? /* @__PURE__ */ jsxRuntimeExports.jsx(StyledNavButton, { ...buttonProps, onClick: () => onClick?.(item), children: buttonContent }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-          StyledRouterButton,
-          {
-            ...buttonProps,
-            to: item.to,
-            href: item.href,
-            params: item.params,
-            search: item.search,
-            onClick: onClose,
-            children: buttonContent
-          }
-        ),
-        item.children && collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(MiniPopover, { open: item.title === hoveredPopoverItem, anchorEl: anchorElement, children: renderNested?.(item.children) }) : null
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    listItem,
-    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);
-const isDivider = (item) => "kind" in item && item.kind === "divider";
-const isHeader = (item) => "kind" in item && item.kind === "header";
-const NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate, onClose }) => {
-  const [openKeys, setOpenKeys] = useState([]);
-  useEffect(() => {
-    if (collapsed) setOpenKeys([]);
-  }, [collapsed]);
-  const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
-  const renderNested = (children) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    NavigationList,
-    {
-      subNavigation: children,
-      depth: depth + 1,
-      isPopover: collapsed,
-      expandedWidth,
-      activePath,
-      onNavigate,
-      onClose
-    }
-  );
-  const filteredNavigation = subNavigation.filter((nav) => !nav.hidden);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    List,
-    {
-      sx: {
-        padding: 0,
-        mt: isPopover && depth === 1 ? 0.5 : 0,
-        mb: depth === 0 && !isPopover ? 4 : 0.5,
-        pl: (isPopover ? 1 : 2) * (isPopover ? depth - 1 : depth),
-        minWidth: isPopover && depth === 1 ? EXPANDED_WIDTH : "auto",
-        width: collapsed ? MINI_WIDTH : "auto"
-      },
-      children: filteredNavigation.map((navItem, index) => {
-        if (isHeader(navItem)) {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ListSubheader,
-            {
-              sx: {
-                fontSize: 12,
-                fontWeight: "700",
-                height: collapsed ? 0 : 40,
-                px: 2,
-                minWidth: expandedWidth,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                zIndex: 2,
-                bgcolor: "transparent",
-                position: "static"
-              },
-              children: navItem.title
-            },
-            `subheader-${depth}-${index}`
-          );
-        }
-        if (isDivider(navItem)) {
-          const nextItem = filteredNavigation[index + 1];
-          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__ */ jsxRuntimeExports.jsx(Fragment, { children: renderItem(navItem, { collapsed: !!collapsed }) }, key);
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          NavigationListItem,
-          {
-            item: navItem,
-            isOpen: openKeys.includes(uniqueItemKey),
-            selected: activePath === navItem.to,
-            collapsed,
-            isSidebarFullyExpanded,
-            isSidebarFullyCollapsed,
-            onClick: navItem.children && !collapsed ? () => toggleKey(uniqueItemKey) : void 0,
-            renderNested,
-            onClose
-          },
-          key
-        );
-      })
-    }
-  );
-};
-const MINI_WIDTH = 84;
-const EXPANDED_WIDTH = 320;
-const TOOLBAR_HEIGHT = 64;
-const NavigationRail = ({ navigation, expanded, setExpanded }) => {
-  const navigate = useNavigate();
-  const routerState = useRouterState();
-  const theme = useTheme();
-  const showPermanent = useMediaQuery(theme.breakpoints.up("sm"));
-  const drawerContent = (collapsed) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Box,
-    {
-      component: "nav",
-      sx: {
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-        overflow: "auto",
-        scrollbarGutter: collapsed ? "stable" : "auto",
-        overflowX: "hidden",
-        pt: navigation[0] && isHeader(navigation[0]) && !collapsed ? 0 : 2
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        NavigationList,
-        {
-          subNavigation: navigation,
-          collapsed,
-          isSidebarFullyExpanded: expanded,
-          isSidebarFullyCollapsed: !expanded,
-          expandedWidth: EXPANDED_WIDTH,
-          activePath: routerState.location.pathname,
-          onNavigate: navigate,
-          onClose: !showPermanent ? () => setExpanded(false) : void 0
-        }
-      )
-    }
-  );
-  if (showPermanent)
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Drawer,
-      {
-        variant: "permanent",
-        sx: {
-          width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
-          ["& .MuiDrawer-paper"]: {
-            position: "absolute",
-            top: `${TOOLBAR_HEIGHT}px`,
-            height: `calc(100% - ${TOOLBAR_HEIGHT}px)`,
-            width: expanded ? EXPANDED_WIDTH : MINI_WIDTH,
-            borderTop: "1px solid",
-            borderColor: "var(--mui-palette-divider)"
-          }
-        },
-        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 = () => {
-  const [anchorElement, setAnchorElement] = useState();
-  const [tab, setTab] = useState("settings");
-  const open = Boolean(anchorElement);
-  const { t, i18n: i18n2 } = useTranslation();
-  const { mode, setMode } = useColorScheme();
-  const { instance } = useMsal();
-  const user = useUser();
-  const supportedLanguages = (Array.isArray(i18n2.options.supportedLngs) ? i18n2.options.supportedLngs : []).filter((lng) => lng !== "cimode");
-  const languageDisplayNames = new Intl.DisplayNames([i18n2.language], { type: "language" });
-  const colorModes = [
-    { mode: "light", icon: LightMode, label: t("Layout.Light") },
-    { mode: "dark", icon: DarkMode, label: t("Layout.Dark") },
-    { mode: "system", icon: SettingsBrightness, label: t("Layout.System") }
-  ];
-  const openMenu = (event) => setAnchorElement(event.currentTarget);
-  const closeMenu = () => {
-    setAnchorElement(void 0);
-    setTimeout(() => setTab("settings"), 300);
-  };
-  const changeTab = (newTab) => () => setTab(newTab);
-  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__ */ 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__ */ 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__ */ jsxRuntimeExports.jsxs(
-    ListItemButton$1,
-    {
-      onClick: () => {
-        setMode(modeValue);
-        closeMenu();
-      },
-      selected: mode === modeValue,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: label })
-      ]
-    },
-    modeValue
-  )) });
-  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__ */ jsxRuntimeExports.jsxs(
-      ListItemButton$1,
-      {
-        onClick: () => i18n2.changeLanguage(languageCode).finally(() => closeMenu()),
-        selected: i18n2.resolvedLanguage === languageCode,
-        children: [
-          /* @__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__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { size: "small", edge: "end", onClick: openMenu, children: user.photo ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Avatar$1,
-      {
-        src: user.photo,
-        sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } }
-      }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(AccountCircle, { sx: { width: { xs: 32, sm: 40 }, height: { xs: 32, sm: 40 } } }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Menu, { anchorEl: anchorElement, open, onClose: closeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Box$1, { sx: { width: 240 }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(List$1, { disablePadding: true, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListItem$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: user.name, secondary: user.jobTitle }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          ListItemButton$1,
-          {
-            onClick: () => instance.logoutRedirect({
-              postLogoutRedirectUri: "/"
-            }),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIcon$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Logout, { color: "error" }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemText$1, { primary: t("Layout.Logout") })
-            ]
-          }
-        )
-      ] }),
-      tab === "settings" && settings,
-      tab === "theme" && theme,
-      tab === "language" && language
-    ] }) })
-  ] });
-};
-const YEAR_IN_SECONDS = 60 * 60 * 24 * 365;
-const getNavigationOpenStatus = createIsomorphicFn().server(() => {
-  const cookie = getCookie("navigationOpen");
-  return cookie === "true";
-}).client(() => {
-  const cookie = document.cookie.split("; ").find((row) => row.startsWith("navigationOpen="));
-  return cookie ? cookie.split("=")[1] === "true" : false;
-});
-const DrawerHeader = styled("div")(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  padding: theme.spacing(0, 1),
-  ...theme.mixins.toolbar
-}));
-const Layout = (props) => {
-  const [navigationOpen, setNavigationOpen] = useState(getNavigationOpenStatus);
-  const isFetching = !!useIsFetching();
-  const isMutating = !!useIsMutating();
-  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",
-          position: "fixed",
-          sx: {
-            borderBottom: "1px solid",
-            borderColor: "var(--mui-palette-divider)",
-            boxShadow: "none"
-          },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
-            props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              IconButton,
-              {
-                onClick: () => {
-                  setNavigationOpen((previous) => {
-                    const newValue = !previous;
-                    document.cookie = `navigationOpen=${newValue}; max-age=${YEAR_IN_SECONDS}; path=/`;
-                    return newValue;
-                  });
-                },
-                sx: { marginRight: 2 },
-                children: navigationOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuOpen, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {})
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(AppTitle, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarAccount, {})
-          ] })
-        }
-      ),
-      props.navigation && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        NavigationRail,
-        {
-          navigation: props.navigation,
-          expanded: navigationOpen,
-          setExpanded: (newValue) => {
-            setNavigationOpen(newValue);
-            document.cookie = `navigationOpen=${newValue}; max-age=${YEAR_IN_SECONDS}; path=/`;
-          }
-        }
-      ),
-      /* @__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: /* @__PURE__ */ jsxRuntimeExports.jsx(AuthenticatedTemplate, { children: props.children }) })
-      ] })
-    ] }),
-    (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(LanguageDetector).use(initReactI18next).init({
-  resources,
-  fallbackLng: "en",
-  supportedLngs: Object.keys(resources),
-  detection: {
-    caches: ["cookie"],
-    cookieMinutes: YEAR_IN_MINUTES
-  },
-  interpolation: { escapeValue: false }
-});
-const LayoutProvider = ({ navigation, theme, children }) => {
-  const languageChangedHandler = useEffectEvent(() => {
-    z__default.config(z__default.core.locales[i18n.language]());
-    dayjs.locale(i18n.language);
-  });
-  useEffect(() => {
-    languageChangedHandler();
-    i18n.on("languageChanged", languageChangedHandler);
-    return () => {
-      i18n.off("languageChanged", languageChangedHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MsalProvider, { instance: msalInstance, children: /* @__PURE__ */ jsxRuntimeExports.jsx(UserProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProvider, { theme, 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";
-  z__default.config(z__default.core.locales[language]());
-  dayjs.locale(language);
-  await i18n.changeLanguage(language);
-});
+import { LayoutProvider, setSSRLanguage } from "./providers/LayoutProvider.js";
+import { rootRouteHead } from "./lib/utils.js";
 export {
   LayoutProvider,
-  r as rootRouteHead,
+  rootRouteHead,
   setSSRLanguage
 };
 //# sourceMappingURL=index.js.map