wcz-layout 6.7.2 → 8.3.2

package/dist/src/components/layout/ErrorPage.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const ErrorPage: FC;

package/dist/src/components/layout/ErrorPage.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Container, Typography } from "@mui/material";
-import { useRouteError } from "react-router-dom";
-export const ErrorPage = () => {
-    const error = useRouteError();
-    const formatErrorMessage = (error) => {
-        if (typeof error === "string") {
-            return error;
-        }
-        else if (error instanceof Error) {
-            return error.message;
-        }
-        else if (typeof error === "object" && error !== null) {
-            return JSON.stringify(error, null, 2);
-        }
-        else if (typeof error === "number" || typeof error === "boolean") {
-            return error.toString();
-        }
-        else {
-            return "An unknown error occurred.";
-        }
-    };
-    return (_jsx(Container, { maxWidth: "sm", children: _jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", minHeight: "100vh", textAlign: "center", padding: 3, children: [_jsx(Typography, { variant: "h2", gutterBottom: true, children: "Oops!" }), _jsx(Typography, { variant: "h6", color: "textSecondary", gutterBottom: true, children: formatErrorMessage(error) })] }) }));
-};
-//# sourceMappingURL=ErrorPage.js.map

package/dist/src/components/layout/ErrorPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../../src/components/layout/ErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAO,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAE9B,MAAM,kBAAkB,GAAG,CAAC,KAAc,EAAU,EAAE;QAClD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC;QACjB,CAAC;aAAM,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;YAChC,OAAO,KAAK,CAAC,OAAO,CAAC;QACzB,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACrD,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YACjE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC5B,CAAC;aAAM,CAAC;YACJ,OAAO,4BAA4B,CAAC;QACxC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IAAC,QAAQ,EAAC,IAAI,YACpB,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,aAClI,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,YAAY,4BAExB,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,EAAC,YAAY,kBACtD,kBAAkB,CAAC,KAAK,CAAC,GACjB,IACX,GACE,CACf,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Box, Container, Typography } from \"@mui/material\";\r\nimport { FC } from \"react\";\r\nimport { useRouteError } from \"react-router-dom\";\r\n\r\nexport const ErrorPage: FC = () => {\r\n    const error = useRouteError();\r\n\r\n    const formatErrorMessage = (error: unknown): string => {\r\n        if (typeof error === \"string\") {\r\n            return error;\r\n        } else if (error instanceof Error) {\r\n            return error.message;\r\n        } else if (typeof error === \"object\" && error !== null) {\r\n            return JSON.stringify(error, null, 2);\r\n        } else if (typeof error === \"number\" || typeof error === \"boolean\") {\r\n            return error.toString();\r\n        } else {\r\n            return \"An unknown error occurred.\";\r\n        }\r\n    };\r\n\r\n    return (\r\n        <Container maxWidth=\"sm\">\r\n            <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" minHeight=\"100vh\" textAlign=\"center\" padding={3} >\r\n                <Typography variant=\"h2\" gutterBottom>\r\n                    Oops!\r\n                </Typography>\r\n                <Typography variant=\"h6\" color=\"textSecondary\" gutterBottom>\r\n                    {formatErrorMessage(error)}\r\n                </Typography>\r\n            </Box>\r\n        </Container>\r\n    );\r\n};"]}

package/dist/src/components/layout/LayoutDialog.d.ts

@@ -1,12 +0,0 @@
-import { Breakpoint } from "@mui/material";
-import { ReactNode } from "react";
-interface DialogProps {
-    open: boolean;
-    onClose: (_event?: {}, reason?: "backdropClick" | "escapeKeyDown") => void;
-    title: string | ReactNode;
-    color?: "success" | "info" | "warning" | "error" | "primary" | "secondary" | "inherit" | "default";
-    maxWidth?: Breakpoint;
-    children?: ReactNode;
-}
-export declare const LayoutDialog: React.FC<DialogProps>;
-export {};

package/dist/src/components/layout/LayoutDialog.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Close } from "@mui/icons-material";
-import { AppBar, Dialog, DialogTitle, Grid2, IconButton, Toolbar, Typography, useMediaQuery, useTheme } from "@mui/material";
-export const LayoutDialog = ({ open, onClose, title, color, maxWidth, children }) => {
-    const theme = useTheme();
-    const fullscreen = useMediaQuery(theme.breakpoints.down("sm"));
-    return (_jsxs(Dialog, { open: open, onClose: onClose, fullScreen: fullscreen, fullWidth: true, maxWidth: maxWidth, children: [fullscreen ?
-                _jsx(AppBar, { sx: { position: "relative", bgcolor: `${color}.main` }, children: _jsxs(Toolbar, { children: [_jsx(Typography, { sx: { flex: 1 }, variant: "h6", children: title }), _jsx(IconButton, { onClick: onClose, children: _jsx(Close, { sx: { color: `${color}.contrastText` } }) })] }) })
-                :
-                    _jsxs(Grid2, { container: true, justifyContent: "space-between", sx: { bgcolor: `${color}.main`, color: `${color}.contrastText` }, children: [_jsx(Grid2, { children: _jsx(DialogTitle, { children: title }) }), _jsx(Grid2, { size: 2, sx: { p: 1, textAlign: "right" }, children: _jsx(IconButton, { onClick: onClose, children: _jsx(Close, { fontSize: "small", sx: { color: `${color}.contrastText` } }) }) })] }), open ? children : null] }));
-};
-//# sourceMappingURL=LayoutDialog.js.map

package/dist/src/components/layout/LayoutDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutDialog.js","sourceRoot":"","sources":["../../../../src/components/layout/LayoutDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAc,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAYzI,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,OAAO,CACH,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,QAAC,QAAQ,EAAE,QAAQ,aACrF,UAAU,CAAC,CAAC;gBACT,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,YAC1D,MAAC,OAAO,eACJ,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,IAAI,YACpC,KAAK,GACG,EACb,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,KAAK,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,GAAI,GACxC,IACP,GACL;gBACT,CAAC;oBACD,MAAC,KAAK,IAAC,SAAS,QAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,KAAK,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,aAC5G,KAAC,KAAK,cACF,KAAC,WAAW,cACP,KAAK,GACI,GACV,EAER,KAAC,KAAK,IAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAC5C,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,eAAe,EAAE,GAAI,GACzD,GACT,IACJ,EAGX,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IACjB,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Close } from \"@mui/icons-material\";\r\nimport { AppBar, Breakpoint, Dialog, DialogTitle, Grid2, IconButton, Toolbar, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DialogProps {\r\n    open: boolean;\r\n    onClose: (_event?: {}, reason?: \"backdropClick\" | \"escapeKeyDown\") => void;\r\n    title: string | ReactNode;\r\n    color?: \"success\" | \"info\" | \"warning\" | \"error\" | \"primary\" | \"secondary\" | \"inherit\" | \"default\";\r\n    maxWidth?: Breakpoint;\r\n    children?: ReactNode;\r\n}\r\n\r\nexport const LayoutDialog: React.FC<DialogProps> = ({ open, onClose, title, color, maxWidth, children }) => {\r\n    const theme = useTheme();\r\n    const fullscreen = useMediaQuery(theme.breakpoints.down(\"sm\"));\r\n\r\n    return (\r\n        <Dialog open={open} onClose={onClose} fullScreen={fullscreen} fullWidth maxWidth={maxWidth}>\r\n            {fullscreen ?\r\n                <AppBar sx={{ position: \"relative\", bgcolor: `${color}.main` }}>\r\n                    <Toolbar>\r\n                        <Typography sx={{ flex: 1 }} variant=\"h6\">\r\n                            {title}\r\n                        </Typography>\r\n                        <IconButton onClick={onClose}>\r\n                            <Close sx={{ color: `${color}.contrastText` }} />\r\n                        </IconButton>\r\n                    </Toolbar>\r\n                </AppBar>\r\n                :\r\n                <Grid2 container justifyContent=\"space-between\" sx={{ bgcolor: `${color}.main`, color: `${color}.contrastText` }}>\r\n                    <Grid2>\r\n                        <DialogTitle>\r\n                            {title}\r\n                        </DialogTitle>\r\n                    </Grid2>\r\n\r\n                    <Grid2 size={2} sx={{ p: 1, textAlign: \"right\" }}>\r\n                        <IconButton onClick={onClose}>\r\n                            <Close fontSize=\"small\" sx={{ color: `${color}.contrastText` }} />\r\n                        </IconButton>\r\n                    </Grid2>\r\n                </Grid2>\r\n            }\r\n\r\n            {open ? children : null}\r\n        </Dialog >\r\n    );\r\n};\r\n"]}

package/dist/src/components/layout/LayoutSnackbar.d.ts

@@ -1,8 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-import { Snackbar as SnackbarModel } from "../../models/Snackbar";
-interface SnackbarProps {
-    snackbar: SnackbarModel;
-    setSnackbar: Dispatch<SetStateAction<SnackbarModel>>;
-}
-export declare const LayoutSnackbar: React.FC<SnackbarProps>;
-export {};

package/dist/src/components/layout/LayoutSnackbar.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, AlertTitle, Portal, Snackbar } from "@mui/material";
-import { Fragment, useMemo } from "react";
-export const LayoutSnackbar = ({ snackbar, setSnackbar }) => {
-    const handleOnSnackbarClose = (_event, reason) => {
-        if (reason === "clickaway")
-            return;
-        setSnackbar(prevSnackbar => ({ ...prevSnackbar, title: "" }));
-    };
-    const autoHideDuration = useMemo(() => {
-        if ((snackbar === null || snackbar === void 0 ? void 0 : snackbar.duration) === undefined) {
-            if ((snackbar === null || snackbar === void 0 ? void 0 : snackbar.severity) === "error")
-                return 15000;
-            if ((snackbar === null || snackbar === void 0 ? void 0 : snackbar.severity) === "warning")
-                return 10000;
-            return 5000;
-        }
-        return snackbar.duration;
-    }, [snackbar]);
-    return (_jsx(Portal, { children: _jsx(Snackbar, { open: !!(snackbar === null || snackbar === void 0 ? void 0 : snackbar.title), autoHideDuration: autoHideDuration, onClose: handleOnSnackbarClose, children: _jsx(Alert, { onClose: handleOnSnackbarClose, severity: snackbar === null || snackbar === void 0 ? void 0 : snackbar.severity, sx: { width: "100%" }, variant: "filled", children: (snackbar === null || snackbar === void 0 ? void 0 : snackbar.description) ?
-                    _jsxs(Fragment, { children: [_jsx(AlertTitle, { children: snackbar === null || snackbar === void 0 ? void 0 : snackbar.title }), snackbar.description] })
-                    :
-                        snackbar === null || snackbar === void 0 ? void 0 : snackbar.title }) }) }));
-};
-//# sourceMappingURL=LayoutSnackbar.js.map

package/dist/src/components/layout/LayoutSnackbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutSnackbar.js","sourceRoot":"","sources":["../../../../src/components/layout/LayoutSnackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAY,QAAQ,EAAkC,OAAO,EAAE,MAAM,OAAO,CAAC;AAQpF,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IAEjF,MAAM,qBAAqB,GAAG,CAAC,MAA+B,EAAE,MAAe,EAAE,EAAE;QAC/E,IAAI,MAAM,KAAK,WAAW;YAAE,OAAO;QACnC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAK,SAAS,EAAE,CAAC;YACnC,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAK,OAAO;gBAC9B,OAAO,KAAK,CAAC;YACjB,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAK,SAAS;gBAChC,OAAO,KAAK,CAAC;YACjB,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,QAAQ,CAAC,QAAQ,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,KAAC,MAAM,cACH,KAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,qBAAqB,YACjG,KAAC,KAAK,IAAC,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAC,QAAQ,YACvG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAC,CAAC;oBACpB,MAAC,QAAQ,eACL,KAAC,UAAU,cAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,GAAc,EACzC,QAAQ,CAAC,WAAW,IACd;oBACX,CAAC;wBACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,GAEf,GACD,GACN,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Alert, AlertTitle, Portal, Snackbar } from \"@mui/material\";\r\nimport { Dispatch, Fragment, SetStateAction, SyntheticEvent, useMemo } from \"react\";\r\nimport { Snackbar as SnackbarModel } from \"../../models/Snackbar\";\r\n\r\ninterface SnackbarProps {\r\n    snackbar: SnackbarModel;\r\n    setSnackbar: Dispatch<SetStateAction<SnackbarModel>>;\r\n}\r\n\r\nexport const LayoutSnackbar: React.FC<SnackbarProps> = ({ snackbar, setSnackbar }) => {\r\n\r\n    const handleOnSnackbarClose = (_event?: SyntheticEvent | Event, reason?: string) => {\r\n        if (reason === \"clickaway\") return;\r\n        setSnackbar(prevSnackbar => ({ ...prevSnackbar, title: \"\" }));\r\n    };\r\n\r\n    const autoHideDuration = useMemo(() => {\r\n        if (snackbar?.duration === undefined) {\r\n            if (snackbar?.severity === \"error\")\r\n                return 15000;\r\n            if (snackbar?.severity === \"warning\")\r\n                return 10000;\r\n            return 5000;\r\n        }\r\n        return snackbar.duration;\r\n    }, [snackbar]);\r\n\r\n    return (\r\n        <Portal>\r\n            <Snackbar open={!!snackbar?.title} autoHideDuration={autoHideDuration} onClose={handleOnSnackbarClose}>\r\n                <Alert onClose={handleOnSnackbarClose} severity={snackbar?.severity} sx={{ width: \"100%\" }} variant=\"filled\">\r\n                    {snackbar?.description ?\r\n                        <Fragment>\r\n                            <AlertTitle>{snackbar?.title}</AlertTitle>\r\n                            {snackbar.description}\r\n                        </Fragment>\r\n                        :\r\n                        snackbar?.title\r\n                    }\r\n                </Alert>\r\n            </Snackbar>\r\n        </Portal>\r\n    );\r\n};"]}

package/dist/src/components/layout/NavigationDrawer.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { LayoutRoute } from "../../models/LayoutRoute";
-interface NavigationDrawerProps {
-    routes: LayoutRoute[];
-    appVersion: string;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    hasRoutes: boolean;
-}
-export declare const NavigationDrawer: React.FC<NavigationDrawerProps>;
-export {};

package/dist/src/components/layout/NavigationDrawer.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeft, ChevronRight } from "@mui/icons-material";
-import { Box, Divider, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Drawer as MuiDrawer, Tooltip, Typography } from "@mui/material";
-import { styled, useTheme } from "@mui/material/styles";
-import { Fragment } from "react";
-import { useTranslation } from "react-i18next";
-import { useLocation, useNavigate } from "react-router-dom";
-const drawerWidth = 240;
-const openedMixin = (theme) => ({
-    width: drawerWidth,
-    transition: theme.transitions.create("width", {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.enteringScreen,
-    }),
-    overflowX: "hidden",
-});
-const closedMixin = (theme) => ({
-    transition: theme.transitions.create("width", {
-        easing: theme.transitions.easing.sharp,
-        duration: theme.transitions.duration.leavingScreen,
-    }),
-    overflowX: "hidden",
-    width: `calc(${theme.spacing(7)} + 1px)`,
-    [theme.breakpoints.up("sm")]: {
-        width: `calc(${theme.spacing(8.4)} + 1px)`,
-    },
-});
-const DrawerHeader = styled("div")(({ theme }) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    padding: theme.spacing(0, 1),
-    // necessary for content to be below app bar
-    ...theme.mixins.toolbar,
-}));
-const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== "open" })(({ theme, open }) => ({
-    width: drawerWidth,
-    flexShrink: 0,
-    whiteSpace: "nowrap",
-    boxSizing: "border-box",
-    ...(open && {
-        ...openedMixin(theme),
-        "& .MuiDrawer-paper": openedMixin(theme),
-    }),
-    ...(!open && {
-        ...closedMixin(theme),
-        "& .MuiDrawer-paper": closedMixin(theme),
-    }),
-}));
-const isExternalUrl = (url) => url.startsWith("http://") || url.startsWith("https://");
-export const NavigationDrawer = ({ routes, appVersion, open, setOpen, hasRoutes }) => {
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const location = useLocation();
-    const closeDrawer = () => setOpen(false);
-    const handleMenuItemClick = (item) => () => {
-        if (!item.path)
-            return console.error("Path is not defined for menu item", item);
-        setOpen(false);
-        if (location.pathname === item.path)
-            return window.location.reload();
-        if (isExternalUrl(item.path))
-            return window.open(item.path, "_blank");
-        navigate(item.path);
-    };
-    const menuItems = (_jsx(List, { children: routes.filter(route => route.showInMenu && !route.disabled).map(item => _jsxs(Fragment, { children: [_jsx(Tooltip, { title: item.title, placement: "right", disableInteractive: true, disableHoverListener: open, disableTouchListener: open, children: _jsx(ListItem, { disablePadding: true, sx: { display: "block" }, onClick: handleMenuItemClick(item), children: _jsxs(ListItemButton, { selected: location.pathname === item.path, children: [_jsx(ListItemIcon, { children: item.icon }), _jsx(ListItemText, { primary: item.title })] }) }) }), item.divider && _jsx(Divider, { sx: { my: 1 } })] }, item.path)) }));
-    return (_jsxs(Fragment, { children: [_jsxs(Drawer, { variant: "permanent", open: open, sx: { display: { xs: "none", sm: hasRoutes ? "inherit" : "none" } }, children: [_jsxs(DrawerHeader, { children: [_jsxs(Typography, { sx: { flexGrow: 1, textAlign: "center", marginLeft: 3 }, children: [t("Layout.Version"), ": ", appVersion] }), _jsx(IconButton, { onClick: closeDrawer, children: theme.direction === "rtl" ? _jsx(ChevronRight, {}) : _jsx(ChevronLeft, {}) })] }), _jsx(Divider, {}), menuItems] }), _jsx(MuiDrawer, { anchor: "left", open: open, onClose: closeDrawer, sx: { display: { xs: "inherit", sm: hasRoutes ? "none" : "inherit" } }, children: _jsxs(Box, { sx: { width: drawerWidth }, children: [_jsxs(Typography, { sx: { textAlign: "center", my: 1.5 }, children: [t("Layout.Version"), ": ", appVersion] }), menuItems] }) })] }));
-};
-//# sourceMappingURL=NavigationDrawer.js.map

package/dist/src/components/layout/NavigationDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationDrawer.js","sourceRoot":"","sources":["../../../../src/components/layout/NavigationDrawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChevronLeft, ChevronRight } from \"@mui/icons-material\";\r\nimport { Box, Divider, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Drawer as MuiDrawer, Tooltip, Typography } from \"@mui/material\";\r\nimport { CSSObject, Theme, styled, useTheme } from \"@mui/material/styles\";\r\nimport React, { Fragment } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { LayoutRoute } from \"../../models/LayoutRoute\";\r\n\r\nconst drawerWidth = 240;\r\n\r\nconst openedMixin = (theme: Theme): CSSObject => ({\r\n    width: drawerWidth,\r\n    transition: theme.transitions.create(\"width\", {\r\n        easing: theme.transitions.easing.sharp,\r\n        duration: theme.transitions.duration.enteringScreen,\r\n    }),\r\n    overflowX: \"hidden\",\r\n});\r\n\r\nconst closedMixin = (theme: Theme): CSSObject => ({\r\n    transition: theme.transitions.create(\"width\", {\r\n        easing: theme.transitions.easing.sharp,\r\n        duration: theme.transitions.duration.leavingScreen,\r\n    }),\r\n    overflowX: \"hidden\",\r\n    width: `calc(${theme.spacing(7)} + 1px)`,\r\n    [theme.breakpoints.up(\"sm\")]: {\r\n        width: `calc(${theme.spacing(8.4)} + 1px)`,\r\n    },\r\n});\r\n\r\nconst DrawerHeader = styled(\"div\")(({ theme }) => ({\r\n    display: \"flex\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"flex-end\",\r\n    padding: theme.spacing(0, 1),\r\n    // necessary for content to be below app bar\r\n    ...theme.mixins.toolbar,\r\n}));\r\n\r\nconst Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== \"open\" })(\r\n    ({ theme, open }) => ({\r\n        width: drawerWidth,\r\n        flexShrink: 0,\r\n        whiteSpace: \"nowrap\",\r\n        boxSizing: \"border-box\",\r\n        ...(open && {\r\n            ...openedMixin(theme),\r\n            \"& .MuiDrawer-paper\": openedMixin(theme),\r\n        }),\r\n        ...(!open && {\r\n            ...closedMixin(theme),\r\n            \"& .MuiDrawer-paper\": closedMixin(theme),\r\n        }),\r\n    }),\r\n);\r\n\r\nconst isExternalUrl = (url: string) => url.startsWith(\"http://\") || url.startsWith(\"https://\");\r\n\r\ninterface NavigationDrawerProps {\r\n    routes: LayoutRoute[];\r\n    appVersion: string;\r\n    open: boolean;\r\n    setOpen: (open: boolean) => void;\r\n    hasRoutes: boolean;\r\n}\r\n\r\nexport const NavigationDrawer: React.FC<NavigationDrawerProps> = ({ routes, appVersion, open, setOpen, hasRoutes }) => {\r\n    const theme = useTheme();\r\n    const { t } = useTranslation();\r\n    const navigate = useNavigate();\r\n    const location = useLocation();\r\n\r\n    const closeDrawer = () => setOpen(false);\r\n\r\n    const handleMenuItemClick = (item: LayoutRoute) => () => {\r\n        if (!item.path) return console.error(\"Path is not defined for menu item\", item);\r\n        setOpen(false);\r\n\r\n        if (location.pathname === item.path)\r\n            return window.location.reload();\r\n\r\n        if (isExternalUrl(item.path))\r\n            return window.open(item.path, \"_blank\");\r\n\r\n        navigate(item.path);\r\n    };\r\n\r\n    const menuItems = (\r\n        <List>\r\n            {routes.filter(route => route.showInMenu && !route.disabled).map(item =>\r\n                <Fragment key={item.path}>\r\n                    <Tooltip title={item.title} placement=\"right\" disableInteractive disableHoverListener={open} disableTouchListener={open}>\r\n                        <ListItem disablePadding sx={{ display: \"block\" }} onClick={handleMenuItemClick(item)}>\r\n                            <ListItemButton selected={location.pathname === item.path}>\r\n                                <ListItemIcon>\r\n                                    {item.icon}\r\n                                </ListItemIcon>\r\n                                <ListItemText primary={item.title} />\r\n                            </ListItemButton>\r\n                        </ListItem>\r\n                    </Tooltip>\r\n\r\n                    {item.divider && <Divider sx={{ my: 1 }} />}\r\n                </Fragment>\r\n            )}\r\n        </List>\r\n    );\r\n\r\n    return (\r\n        <Fragment>\r\n            <Drawer variant=\"permanent\" open={open} sx={{ display: { xs: \"none\", sm: hasRoutes ? \"inherit\" : \"none\" } }}>\r\n                <DrawerHeader>\r\n                    <Typography sx={{ flexGrow: 1, textAlign: \"center\", marginLeft: 3 }}>{t(\"Layout.Version\")}: {appVersion}</Typography>\r\n                    <IconButton onClick={closeDrawer}>\r\n                        {theme.direction === \"rtl\" ? <ChevronRight /> : <ChevronLeft />}\r\n                    </IconButton>\r\n                </DrawerHeader>\r\n                <Divider />\r\n                {menuItems}\r\n            </Drawer>\r\n\r\n            <MuiDrawer anchor=\"left\" open={open} onClose={closeDrawer} sx={{ display: { xs: \"inherit\", sm: hasRoutes ? \"none\" : \"inherit\" } }}>\r\n                <Box sx={{ width: drawerWidth }}>\r\n                    <Typography sx={{ textAlign: \"center\", my: 1.5 }}>{t(\"Layout.Version\")}: {appVersion}</Typography>\r\n                    {menuItems}\r\n                </Box>\r\n            </MuiDrawer>\r\n        </Fragment>\r\n    );\r\n};\r\n"]}

package/dist/src/components/layout/NotificationMenu.d.ts

@@ -1,8 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-import Notification from "../../models/Notification";
-interface NotificationMenuProps {
-    notifications: Notification[] | undefined;
-    setNotifications: Dispatch<SetStateAction<Notification[] | undefined>>;
-}
-export declare const NotificationMenu: React.FC<NotificationMenuProps>;
-export {};

package/dist/src/components/layout/NotificationMenu.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Done, Error, Info, Notifications, NotificationsOff, Warning } from "@mui/icons-material";
-import { Badge, Grid, IconButton, List, ListItem, ListItemIcon, ListItemText, Menu, Typography } from "@mui/material";
-import { grey } from "@mui/material/colors";
-import moment from "moment";
-import { Fragment, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { TypographyWithIcon } from "./TypographyWithIcon";
-export const NotificationMenu = ({ notifications, setNotifications }) => {
-    const { t } = useTranslation();
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const openMenu = (e) => setAnchorEl(e.currentTarget);
-    const closeMenu = () => setAnchorEl(null);
-    useEffect(() => {
-        if (open)
-            setAllNotificationsAsRead();
-    }, [open]);
-    const setAllNotificationsAsRead = () => {
-        const updatedNotifications = [...notifications || []].map(notification => ({ ...notification, isRead: true }));
-        setNotifications(updatedNotifications);
-    };
-    return (_jsxs(Fragment, { children: [_jsx(IconButton, { color: "inherit", onClick: openMenu, sx: { mr: 1 }, children: _jsx(Badge, { badgeContent: notifications === null || notifications === void 0 ? void 0 : notifications.filter(notification => !notification.isRead).length, color: "error", children: _jsx(Notifications, {}) }) }), _jsx(Menu, { anchorEl: anchorEl, open: open, onClose: closeMenu, sx: { height: 700, maxHeight: "calc(100vh - 50px)" }, children: _jsxs(List, { dense: true, sx: { width: 400, maxWidth: "calc(100vw - 50px)" }, children: [_jsx(ListItem, { children: _jsx(Typography, { variant: "h6", children: t("Layout.Notifications") }) }), notifications === null || notifications === void 0 ? void 0 : notifications.map(notification => _jsxs(ListItem, { sx: theme => ({ transition: "background-color 0.2s ease", cursor: "default", "&:hover": { bgcolor: theme.palette.mode === "dark" ? grey[800] : grey[200] } }), children: [_jsxs(ListItemIcon, { children: [notification.severity === "error" && _jsx(Error, { color: "error", fontSize: "large" }), notification.severity === "warning" && _jsx(Warning, { color: "warning", fontSize: "large" }), notification.severity === "info" && _jsx(Info, { color: "info", fontSize: "large" }), (notification.severity === "success" || !notification.severity) && _jsx(Done, { color: "success", fontSize: "large" })] }), _jsx(ListItemText, { primary: _jsx(Typography, { variant: "body1", children: notification.title }), secondary: _jsxs(Fragment, { children: [_jsx(Typography, { variant: "body2", children: notification.description }), _jsx(Typography, { variant: "caption", children: moment(notification.dateTime).fromNow() })] }) })] }, notification.dateTime)), !(notifications === null || notifications === void 0 ? void 0 : notifications.length) &&
-                            _jsx(Grid, { container: true, justifyContent: "center", alignItems: "center", sx: { width: "100%", height: 200, maxHeight: "calc(100vh - 150px)" }, children: _jsx(Grid, { item: true, children: _jsx(TypographyWithIcon, { startIcon: _jsx(NotificationsOff, { color: "disabled" }), color: "text.secondary", children: t("Layout.NoNotificationsAtTheMoment") }) }) })] }) })] }));
-};
-//# sourceMappingURL=NotificationMenu.js.map

package/dist/src/components/layout/NotificationMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationMenu.js","sourceRoot":"","sources":["../../../../src/components/layout/NotificationMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Done, Error, Info, Notifications, NotificationsOff, Warning } from \"@mui/icons-material\";\r\nimport { Badge, Grid, IconButton, List, ListItem, ListItemIcon, ListItemText, Menu, Typography } from \"@mui/material\";\r\nimport { grey } from \"@mui/material/colors\";\r\nimport moment from \"moment\";\r\nimport React, { Dispatch, Fragment, SetStateAction, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Notification from \"../../models/Notification\";\r\nimport { TypographyWithIcon } from \"./TypographyWithIcon\";\r\n\r\ninterface NotificationMenuProps {\r\n    notifications: Notification[] | undefined;\r\n    setNotifications: Dispatch<SetStateAction<Notification[] | undefined>>;\r\n}\r\n\r\nexport const NotificationMenu: React.FC<NotificationMenuProps> = ({ notifications, setNotifications }) => {\r\n    const { t } = useTranslation();\r\n    const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n    const open = Boolean(anchorEl);\r\n\r\n    const openMenu = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => setAnchorEl(e.currentTarget);\r\n    const closeMenu = () => setAnchorEl(null);\r\n\r\n    useEffect(() => {\r\n        if (open)\r\n            setAllNotificationsAsRead();\r\n    }, [open]);\r\n\r\n    const setAllNotificationsAsRead = () => {\r\n        const updatedNotifications = [...notifications || []].map(notification => ({ ...notification, isRead: true }));\r\n        setNotifications(updatedNotifications);\r\n    };\r\n\r\n    return (\r\n        <Fragment>\r\n            <IconButton color=\"inherit\" onClick={openMenu} sx={{ mr: 1 }}>\r\n                <Badge badgeContent={notifications?.filter(notification => !notification.isRead).length} color=\"error\">\r\n                    <Notifications />\r\n                </Badge>\r\n            </IconButton>\r\n\r\n            <Menu anchorEl={anchorEl} open={open} onClose={closeMenu} sx={{ height: 700, maxHeight: \"calc(100vh - 50px)\" }}>\r\n                <List dense sx={{ width: 400, maxWidth: \"calc(100vw - 50px)\" }}>\r\n                    <ListItem>\r\n                        <Typography variant=\"h6\">{t(\"Layout.Notifications\")}</Typography>\r\n                    </ListItem>\r\n\r\n                    {notifications?.map(notification =>\r\n                        <ListItem key={notification.dateTime} sx={theme => ({ transition: \"background-color 0.2s ease\", cursor: \"default\", \"&:hover\": { bgcolor: theme.palette.mode === \"dark\" ? grey[800] : grey[200] } })}>\r\n                            <ListItemIcon>\r\n                                {notification.severity === \"error\" && <Error color=\"error\" fontSize=\"large\" />}\r\n                                {notification.severity === \"warning\" && <Warning color=\"warning\" fontSize=\"large\" />}\r\n                                {notification.severity === \"info\" && <Info color=\"info\" fontSize=\"large\" />}\r\n                                {(notification.severity === \"success\" || !notification.severity) && <Done color=\"success\" fontSize=\"large\" />}\r\n                            </ListItemIcon>\r\n\r\n                            <ListItemText primary={<Typography variant=\"body1\">{notification.title}</Typography>} secondary={\r\n                                <Fragment>\r\n                                    <Typography variant=\"body2\">{notification.description}</Typography>\r\n                                    <Typography variant=\"caption\">{moment(notification.dateTime).fromNow()}</Typography>\r\n                                </Fragment>\r\n                            } />\r\n                        </ListItem>\r\n                    )}\r\n\r\n                    {!notifications?.length &&\r\n                        <Grid container justifyContent=\"center\" alignItems=\"center\" sx={{ width: \"100%\", height: 200, maxHeight: \"calc(100vh - 150px)\" }}>\r\n                            <Grid item>\r\n                                <TypographyWithIcon startIcon={<NotificationsOff color=\"disabled\" />} color=\"text.secondary\">{t(\"Layout.NoNotificationsAtTheMoment\")}</TypographyWithIcon>\r\n                            </Grid>\r\n                        </Grid>\r\n                    }\r\n                </List>\r\n            </Menu>\r\n        </Fragment>\r\n    );\r\n};"]}

package/dist/src/components/layout/TypographyWithIcon.d.ts

@@ -1,7 +0,0 @@
-import { TypographyProps } from "@mui/material";
-interface TypographyWithIconProps extends TypographyProps {
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-}
-export declare const TypographyWithIcon: React.FC<TypographyWithIconProps>;
-export {};

package/dist/src/components/layout/TypographyWithIcon.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Typography } from "@mui/material";
-const 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"
-];
-export const TypographyWithIcon = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {
-    const sxCopy = { ...sx };
-    const stackStyles = stackSxProps.reduce((acc, curr) => {
-        if (sxCopy && sxCopy[curr]) {
-            acc[curr] = sxCopy[curr];
-            delete sxCopy[curr];
-        }
-        return acc;
-    }, {});
-    return (_jsxs(Stack, { direction: "row", alignItems: "center", gap: 1, sx: stackStyles, mb: gutterBottom ? 0.7 : undefined, children: [startIcon && startIcon, _jsx(Typography, { ...props, sx: sxCopy, children: children }), endIcon && endIcon] }));
-};
-//# sourceMappingURL=TypographyWithIcon.js.map

package/dist/src/components/layout/TypographyWithIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyWithIcon.js","sourceRoot":"","sources":["../../../../src/components/layout/TypographyWithIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,UAAU,EAAmB,MAAM,eAAe,CAAC;AAEnF,MAAM,YAAY,GAAG;IACjB,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAC3G,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAChH,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB;IACtF,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;IACtD,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc;IACjF,KAAK,EAAE,WAAW,EAAE,QAAQ;CAC/B,CAAC;AAOF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;IAEzB,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QAClD,IAAI,MAAM,IAAK,MAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YACjC,GAAW,CAAC,IAAI,CAAC,GAAI,MAAc,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAQ,MAAc,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAoB,CAAC,CAAC;IAEzB,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,aACjG,SAAS,IAAI,SAAS,EACvB,KAAC,UAAU,OAAK,KAAK,EAAE,EAAE,EAAE,MAAM,YAAG,QAAQ,GAAc,EACzD,OAAO,IAAI,OAAO,IACf,CACX,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Stack, SxProps, Theme, Typography, TypographyProps } from \"@mui/material\";\r\n\r\nconst stackSxProps = [\r\n    \"margin\", \"marginTop\", \"marginRight\", \"marginBottom\", \"marginLeft\", \"m\", \"mt\", \"mr\", \"mb\", \"ml\", \"mx\", \"my\",\r\n    \"padding\", \"paddingTop\", \"paddingRight\", \"paddingBottom\", \"paddingLeft\", \"p\", \"pt\", \"pr\", \"pb\", \"pl\", \"px\", \"py\",\r\n    \"flexGrow\", \"flexShrink\", \"flexBasis\", \"flexDirection\", \"alignItems\", \"justifyContent\",\r\n    \"position\", \"zIndex\", \"top\", \"right\", \"bottom\", \"left\",\r\n    \"gridGap\", \"gridColumnGap\", \"gridRowGap\", \"gridColumn\", \"gridRow\", \"gridAutoFlow\",\r\n    \"gap\", \"columnGap\", \"rowGap\"\r\n];\r\n\r\ninterface TypographyWithIconProps extends TypographyProps {\r\n    startIcon?: React.ReactNode;\r\n    endIcon?: React.ReactNode;\r\n}\r\n\r\nexport const TypographyWithIcon: React.FC<TypographyWithIconProps> = ({ startIcon, endIcon, children, sx, gutterBottom, ...props }) => {\r\n    const sxCopy = { ...sx };\r\n\r\n    const stackStyles = stackSxProps.reduce((acc, curr) => {\r\n        if (sxCopy && (sxCopy as any)[curr]) {\r\n            (acc as any)[curr] = (sxCopy as any)[curr];\r\n            delete (sxCopy as any)[curr];\r\n        }\r\n        return acc;\r\n    }, {} as SxProps<Theme>);\r\n\r\n    return (\r\n        <Stack direction=\"row\" alignItems=\"center\" gap={1} sx={stackStyles} mb={gutterBottom ? 0.7 : undefined}>\r\n            {startIcon && startIcon}\r\n            <Typography {...props} sx={sxCopy}>{children}</Typography>\r\n            {endIcon && endIcon}\r\n        </Stack>\r\n    );\r\n};"]}

package/dist/src/components/layout/Unauthorized.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Unauthorized: React.FC;

package/dist/src/components/layout/Unauthorized.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, CircularProgress, Typography } from "@mui/material";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-export const Unauthorized = () => {
-    const { t } = useTranslation();
-    const [isInitializingKeycloak, setIsInitializingKeycloak] = useState(false);
-    const [showComponent, setShowComponent] = useState(false);
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            setShowComponent(true);
-        }, 1000);
-        window.addEventListener("keycloakInitialization", handleInitialization);
-        return () => {
-            clearTimeout(timer);
-            window.removeEventListener("keycloakInitialization", handleInitialization);
-        };
-    }, []);
-    const handleInitialization = (event) => {
-        setIsInitializingKeycloak(event.detail.initializing);
-    };
-    if (!showComponent)
-        return null;
-    return (_jsx(Box, { sx: { position: "relative", height: { xs: "calc(100vh - 56px)", sm: "calc(100vh - 64px)" } }, children: _jsx(Box, { sx: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }, children: isInitializingKeycloak ? _jsx(CircularProgress, {}) : _jsx(Typography, { variant: "h6", children: t("Layout.Unauthorized") }) }) }));
-};
-//# sourceMappingURL=Unauthorized.js.map

package/dist/src/components/layout/Unauthorized.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Unauthorized.js","sourceRoot":"","sources":["../../../../src/components/layout/Unauthorized.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC1B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,oBAAqC,CAAC,CAAC;QAEzF,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,CAAC,mBAAmB,CAAC,wBAAwB,EAAE,oBAAqC,CAAC,CAAC;QAChG,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,CAAC,KAAkB,EAAE,EAAE;QAChD,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa;QACd,OAAO,IAAI,CAAC;IAEhB,OAAO,CACH,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,EAAE,oBAAoB,EAAE,EAAE,YAC7F,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,YACzF,sBAAsB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,qBAAqB,CAAC,GAAc,GAC/G,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { Box, CircularProgress, Typography } from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport const Unauthorized: React.FC = () => {\r\n    const { t } = useTranslation();\r\n    const [isInitializingKeycloak, setIsInitializingKeycloak] = useState(false);\r\n    const [showComponent, setShowComponent] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const timer = setTimeout(() => {\r\n            setShowComponent(true);\r\n        }, 1000);\r\n\r\n        window.addEventListener(\"keycloakInitialization\", handleInitialization as EventListener);\r\n\r\n        return () => {\r\n            clearTimeout(timer);\r\n            window.removeEventListener(\"keycloakInitialization\", handleInitialization as EventListener);\r\n        };\r\n    }, []);\r\n\r\n    const handleInitialization = (event: CustomEvent) => {\r\n        setIsInitializingKeycloak(event.detail.initializing);\r\n    };\r\n\r\n    if (!showComponent)\r\n        return null;\r\n\r\n    return (\r\n        <Box sx={{ position: \"relative\", height: { xs: \"calc(100vh - 56px)\", sm: \"calc(100vh - 64px)\" } }}>\r\n            <Box sx={{ position: \"absolute\", top: \"50%\", left: \"50%\", transform: \"translate(-50%, -50%)\" }}>\r\n                {isInitializingKeycloak ? <CircularProgress /> : <Typography variant=\"h6\">{t(\"Layout.Unauthorized\")}</Typography>}\r\n            </Box>\r\n        </Box>\r\n    );\r\n};"]}

package/dist/src/contexts/LayoutContext.d.ts

@@ -1,40 +0,0 @@
-import { TFunction, i18n } from "i18next";
-import "moment/locale/cs";
-import { LayoutPaletteColorOptions } from "../models/LayoutPaletteColorOptions";
-import { LayoutRoute } from "../models/LayoutRoute";
-import { Snackbar } from "../models/Snackbar";
-import { User } from "../models/User";
-declare module "moment" {
-    interface Moment {
-        formatDate(): string;
-        formatDateTime(): string;
-    }
-}
-declare global {
-    interface Error {
-        innerException?: string;
-        status?: number;
-        traceIdentifier?: string;
-    }
-}
-export interface GetRoutesParams {
-    user: User;
-    t: TFunction<"translation", undefined>;
-    i18n: i18n;
-}
-interface LayoutContextInterface {
-    user: User;
-    t: TFunction<"translation", undefined>;
-    i18n: i18n;
-    snackbar: (snackbar: Snackbar) => void;
-    notification: (notification: Snackbar) => void;
-}
-export declare const LayoutContext: import("react").Context<LayoutContextInterface>;
-interface LayoutProviderProps {
-    getRoutes: (params: GetRoutesParams) => LayoutRoute[];
-    appVersion: string;
-    colors: LayoutPaletteColorOptions;
-}
-export declare const LayoutProvider: React.FC<LayoutProviderProps>;
-export declare const useLayout: () => LayoutContextInterface;
-export {};

package/dist/src/contexts/LayoutContext.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MsalProvider } from "@azure/msal-react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import i18next from "i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
-import I18NextHttpBackend from "i18next-http-backend";
-import moment from "moment";
-import "moment/locale/cs";
-import { createContext, useContext, useState } from "react";
-import { initReactI18next, useTranslation } from "react-i18next";
-import { Outlet, RouterProvider, createBrowserRouter } from "react-router-dom";
-import { z } from "zod";
-import { zodI18nMap } from "zod-i18n-map";
-import zodCsTranslations from "zod-i18n-map/locales/cs/zod.json";
-import zodEnTranslations from "zod-i18n-map/locales/en/zod.json";
-import { Layout } from "../components/Layout";
-import { ErrorPage } from "../components/layout/ErrorPage";
-import { LayoutSnackbar } from "../components/layout/LayoutSnackbar";
-import { useSnackbar } from "../hooks/UseSnackbar";
-import { pca } from "../utils/Auth";
-import { UserProvider } from "./UserContext";
-const queryClient = new QueryClient();
-i18next
-    .use(initReactI18next)
-    .use(LanguageDetector)
-    .use(I18NextHttpBackend)
-    .init({ fallbackLng: "en" });
-i18next.addResourceBundle("en", "zod", zodEnTranslations);
-i18next.addResourceBundle("cs", "zod", zodCsTranslations);
-z.setErrorMap(zodI18nMap);
-moment.fn.formatDate = function () {
-    if (!this.isValid())
-        return "";
-    return this.format("YYYY-MM-DD");
-};
-moment.fn.formatDateTime = function () {
-    if (!this.isValid())
-        return "";
-    return this.format("YYYY-MM-DD HH:mm");
-};
-export const LayoutContext = createContext({});
-export const LayoutProvider = ({ getRoutes, appVersion, colors }) => {
-    const { t, i18n } = useTranslation();
-    const [user, setUser] = useState({});
-    const { snackbar, setSnackbar, displaySnackbar, notification, notifications, setNotifications } = useSnackbar();
-    if (moment.locale() !== i18n.resolvedLanguage) {
-        moment.locale(i18n.resolvedLanguage);
-    }
-    const routes = getRoutes({ user, i18n, t });
-    const router = createBrowserRouter([
-        {
-            element: _jsx(MsalProvider, { instance: pca, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(UserProvider, { setUser: setUser, children: _jsx(LayoutContext.Provider, { value: { user, t, i18n, snackbar: displaySnackbar, notification }, children: _jsxs(Layout, { routes: routes, appVersion: appVersion, colors: colors, user: user, notifications: notifications, setNotifications: setNotifications, children: [_jsx(Outlet, {}), _jsx(LayoutSnackbar, { snackbar: snackbar, setSnackbar: setSnackbar })] }) }) }) }) }),
-            children: routes,
-            errorElement: _jsx(ErrorPage, {})
-        },
-    ]);
-    return _jsx(RouterProvider, { router: router });
-};
-export const useLayout = () => useContext(LayoutContext);
-//# sourceMappingURL=LayoutContext.js.map

package/dist/src/contexts/LayoutContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutContext.js","sourceRoot":"","sources":["../../../src/contexts/LayoutContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import { MsalProvider } from \"@azure/msal-react\";\r\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\r\nimport i18next, { TFunction, i18n } from \"i18next\";\r\nimport LanguageDetector from \"i18next-browser-languagedetector\";\r\nimport I18NextHttpBackend from \"i18next-http-backend\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/cs\";\r\nimport { createContext, useContext, useState } from \"react\";\r\nimport { initReactI18next, useTranslation } from \"react-i18next\";\r\nimport { Outlet, RouterProvider, createBrowserRouter } from \"react-router-dom\";\r\nimport { z } from \"zod\";\r\nimport { zodI18nMap } from \"zod-i18n-map\";\r\nimport zodCsTranslations from \"zod-i18n-map/locales/cs/zod.json\";\r\nimport zodEnTranslations from \"zod-i18n-map/locales/en/zod.json\";\r\nimport { Layout } from \"../components/Layout\";\r\nimport { ErrorPage } from \"../components/layout/ErrorPage\";\r\nimport { LayoutSnackbar } from \"../components/layout/LayoutSnackbar\";\r\nimport { useSnackbar } from \"../hooks/UseSnackbar\";\r\nimport { LayoutPaletteColorOptions } from \"../models/LayoutPaletteColorOptions\";\r\nimport { LayoutRoute } from \"../models/LayoutRoute\";\r\nimport { Snackbar } from \"../models/Snackbar\";\r\nimport { User } from \"../models/User\";\r\nimport { pca } from \"../utils/Auth\";\r\nimport { UserProvider } from \"./UserContext\";\r\n\r\nconst queryClient = new QueryClient();\r\n\r\ni18next\r\n    .use(initReactI18next)\r\n    .use(LanguageDetector)\r\n    .use(I18NextHttpBackend)\r\n    .init({ fallbackLng: \"en\" });\r\n\r\ni18next.addResourceBundle(\"en\", \"zod\", zodEnTranslations);\r\ni18next.addResourceBundle(\"cs\", \"zod\", zodCsTranslations);\r\n\r\nz.setErrorMap(zodI18nMap);\r\n\r\ndeclare module \"moment\" {\r\n    interface Moment {\r\n        formatDate(): string;\r\n        formatDateTime(): string;\r\n    }\r\n}\r\n\r\ndeclare global {\r\n    interface Error {\r\n        innerException?: string;\r\n        status?: number;\r\n        traceIdentifier?: string;\r\n    }\r\n}\r\n\r\nmoment.fn.formatDate = function (): string {\r\n    if (!this.isValid()) return \"\";\r\n    return this.format(\"YYYY-MM-DD\");\r\n};\r\n\r\nmoment.fn.formatDateTime = function (): string {\r\n    if (!this.isValid()) return \"\";\r\n    return this.format(\"YYYY-MM-DD HH:mm\");\r\n};\r\n\r\nexport interface GetRoutesParams {\r\n    user: User;\r\n    t: TFunction<\"translation\", undefined>;\r\n    i18n: i18n;\r\n}\r\n\r\ninterface LayoutContextInterface {\r\n    user: User;\r\n    t: TFunction<\"translation\", undefined>;\r\n    i18n: i18n;\r\n    snackbar: (snackbar: Snackbar) => void;\r\n    notification: (notification: Snackbar) => void;\r\n}\r\n\r\nexport const LayoutContext = createContext({} as LayoutContextInterface);\r\n\r\ninterface LayoutProviderProps {\r\n    getRoutes: (params: GetRoutesParams) => LayoutRoute[];\r\n    appVersion: string;\r\n    colors: LayoutPaletteColorOptions;\r\n}\r\n\r\nexport const LayoutProvider: React.FC<LayoutProviderProps> = ({ getRoutes, appVersion, colors }) => {\r\n    const { t, i18n } = useTranslation();\r\n    const [user, setUser] = useState<User>({} as User);\r\n    const { snackbar, setSnackbar, displaySnackbar, notification, notifications, setNotifications } = useSnackbar();\r\n\r\n    if (moment.locale() !== i18n.resolvedLanguage) {\r\n        moment.locale(i18n.resolvedLanguage);\r\n    }\r\n\r\n    const routes: LayoutRoute[] = getRoutes({ user, i18n, t });\r\n\r\n    const router = createBrowserRouter([\r\n        {\r\n            element:\r\n                <MsalProvider instance={pca}>\r\n                    <QueryClientProvider client={queryClient}>\r\n                        <UserProvider setUser={setUser}>\r\n                            <LayoutContext.Provider value={{ user, t, i18n, snackbar: displaySnackbar, notification }}>\r\n                                <Layout\r\n                                    routes={routes}\r\n                                    appVersion={appVersion}\r\n                                    colors={colors}\r\n                                    user={user}\r\n                                    notifications={notifications}\r\n                                    setNotifications={setNotifications}\r\n                                >\r\n                                    <Outlet />\r\n                                    <LayoutSnackbar snackbar={snackbar} setSnackbar={setSnackbar} />\r\n                                </Layout>\r\n                            </LayoutContext.Provider>\r\n                        </UserProvider>\r\n                    </QueryClientProvider>\r\n                </MsalProvider>,\r\n            children: routes,\r\n            errorElement: <ErrorPage />\r\n        },\r\n    ]);\r\n\r\n    return <RouterProvider router={router} />;\r\n};\r\n\r\nexport const useLayout = () => useContext(LayoutContext);"]}

package/dist/src/contexts/UserContext.d.ts

@@ -1,24 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-import { User } from "../models/User";
-export declare const USER_DATA_FETCHED_EVENT = "userDataFetched";
-export interface UserDataFetchedEvent {
-    user: Partial<User>;
-}
-export interface MicrosoftIdTokenPayload {
-    sub: string;
-    name: string;
-    mail: string;
-    department?: string;
-    employeeId?: string;
-    groups?: Array<string>;
-    companyName?: string;
-}
-export declare function decodeJwt<T>(token: string): T;
-export interface UserProviderProps {
-    setUser: Dispatch<SetStateAction<User>>;
-    children?: React.ReactNode;
-}
-export declare const UserProvider: ({ children, setUser }: UserProviderProps) => import("react/jsx-runtime").JSX.Element;
-export interface UserContextValue {
-}
-export declare const UserContext: import("react").Context<null>;

package/dist/src/contexts/UserContext.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { EventType } from "@azure/msal-browser";
-import { createContext, useEffect, useCallback } from "react";
-import { pca } from "../utils/Auth";
-export const USER_DATA_FETCHED_EVENT = "userDataFetched";
-export function decodeJwt(token) {
-    const base64Payload = token.split(".")[1];
-    const base64 = base64Payload.replace(/-/g, "+").replace(/_/g, "/");
-    const padding = base64.length % 4 === 0 ? "" : "=".repeat(4 - (base64.length % 4));
-    const payload = decodeURIComponent(atob(base64 + padding)
-        .split("")
-        .map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2))
-        .join(""));
-    return JSON.parse(payload);
-}
-export const UserProvider = ({ children, setUser }) => {
-    const processAccount = useCallback(() => {
-        var _a;
-        const account = pca.getActiveAccount();
-        if (account === null || account === void 0 ? void 0 : account.idToken) {
-            const idTokenPayload = decodeJwt(account.idToken);
-            const userData = {
-                id: idTokenPayload.sub,
-                name: idTokenPayload.name.split("/")[0],
-                email: idTokenPayload.mail,
-                groups: (_a = idTokenPayload.groups) !== null && _a !== void 0 ? _a : [],
-                department: idTokenPayload.department || "",
-                employeeId: idTokenPayload.employeeId || "",
-                companyName: idTokenPayload.companyName,
-            };
-            setUser(userData);
-            window.dispatchEvent(new CustomEvent(USER_DATA_FETCHED_EVENT, { detail: { user: userData } }));
-        }
-    }, [setUser]);
-    useEffect(() => {
-        processAccount();
-        const callbackId = pca.addEventCallback((event) => {
-            if (event.eventType === EventType.ACQUIRE_TOKEN_SUCCESS) {
-                const payload = event.payload;
-                if (payload.account) {
-                    pca.setActiveAccount(payload.account);
-                    processAccount();
-                }
-            }
-        });
-        return () => {
-            if (callbackId) {
-                pca.removeEventCallback(callbackId);
-            }
-        };
-    }, [processAccount]);
-    return (_jsx(UserContext.Provider, { value: null, children: children }));
-};
-export const UserContext = createContext(null);
-//# sourceMappingURL=UserContext.js.map

package/dist/src/contexts/UserContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserContext.js","sourceRoot":"","sources":["../../../src/contexts/UserContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsC,MAAM,qBAAqB,CAAC;AACpF,OAAO,EAAE,aAAa,EAA4B,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;AAgBzD,MAAM,UAAU,SAAS,CAAI,KAAa;IACtC,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG,kBAAkB,CAC9B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;SACjB,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SACjE,IAAI,CAAC,EAAE,CAAC,CAChB,CAAC;IACF,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAM,CAAC;AACpC,CAAC;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAqB,EAAE,EAAE;IACrE,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;;QACpC,MAAM,OAAO,GAAG,GAAG,CAAC,gBAAgB,EAAE,CAAC;QACvC,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,CAAC;YACnB,MAAM,cAAc,GAAG,SAAS,CAA0B,OAAO,CAAC,OAAO,CAAC,CAAC;YAC3E,MAAM,QAAQ,GAAS;gBACnB,EAAE,EAAE,cAAc,CAAC,GAAG;gBACtB,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACvC,KAAK,EAAE,cAAc,CAAC,IAAI;gBAC1B,MAAM,EAAE,MAAA,cAAc,CAAC,MAAM,mCAAI,EAAE;gBACnC,UAAU,EAAE,cAAc,CAAC,UAAU,IAAI,EAAE;gBAC3C,UAAU,EAAE,cAAc,CAAC,UAAU,IAAI,EAAE;gBAC3C,WAAW,EAAE,cAAc,CAAC,WAAW;aAC1C,CAAC;YACF,OAAO,CAAC,QAAQ,CAAC,CAAC;YAClB,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAuB,uBAAuB,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QACzH,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,EAAE,CAAC;QAEjB,MAAM,UAAU,GAAG,GAAG,CAAC,gBAAgB,CAAC,CAAC,KAAmB,EAAE,EAAE;YAC5D,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,qBAAqB,EAAE,CAAC;gBACtD,MAAM,OAAO,GAAG,KAAK,CAAC,OAA+B,CAAC;gBACtD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;oBAClB,GAAG,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;oBACtC,cAAc,EAAE,CAAC;gBACrB,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,IAAI,UAAU,EAAE,CAAC;gBACb,GAAG,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAC5B,QAAQ,GACU,CAC1B,CAAC;AACN,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC","sourcesContent":["import { EventType, EventMessage, AuthenticationResult } from \"@azure/msal-browser\";\r\nimport { createContext, Dispatch, SetStateAction, useEffect, useCallback } from \"react\";\r\nimport { User } from \"../models/User\";\r\nimport { pca } from \"../utils/Auth\";\r\n\r\nexport const USER_DATA_FETCHED_EVENT = \"userDataFetched\";\r\n\r\nexport interface UserDataFetchedEvent {\r\n    user: Partial<User>;\r\n}\r\n\r\nexport interface MicrosoftIdTokenPayload {\r\n    sub: string;\r\n    name: string;\r\n    mail: string;\r\n    department?: string;\r\n    employeeId?: string;\r\n    groups?: Array<string>;\r\n    companyName?: string;\r\n}\r\n\r\nexport function decodeJwt<T>(token: string): T {\r\n    const base64Payload = token.split(\".\")[1];\r\n    const base64 = base64Payload.replace(/-/g, \"+\").replace(/_/g, \"/\");\r\n    const padding = base64.length % 4 === 0 ? \"\" : \"=\".repeat(4 - (base64.length % 4));\r\n    const payload = decodeURIComponent(\r\n        atob(base64 + padding)\r\n            .split(\"\")\r\n            .map((c) => \"%\" + (\"00\" + c.charCodeAt(0).toString(16)).slice(-2))\r\n            .join(\"\")\r\n    );\r\n    return JSON.parse(payload) as T;\r\n}\r\n\r\nexport interface UserProviderProps {\r\n    setUser: Dispatch<SetStateAction<User>>;\r\n    children?: React.ReactNode;\r\n}\r\n\r\nexport const UserProvider = ({ children, setUser }: UserProviderProps) => {\r\n    const processAccount = useCallback(() => {\r\n        const account = pca.getActiveAccount();\r\n        if (account?.idToken) {\r\n            const idTokenPayload = decodeJwt<MicrosoftIdTokenPayload>(account.idToken);\r\n            const userData: User = {\r\n                id: idTokenPayload.sub,\r\n                name: idTokenPayload.name.split(\"/\")[0],\r\n                email: idTokenPayload.mail,\r\n                groups: idTokenPayload.groups ?? [],\r\n                department: idTokenPayload.department || \"\",\r\n                employeeId: idTokenPayload.employeeId || \"\",\r\n                companyName: idTokenPayload.companyName,\r\n            };\r\n            setUser(userData);\r\n            window.dispatchEvent(new CustomEvent<UserDataFetchedEvent>(USER_DATA_FETCHED_EVENT, { detail: { user: userData } }));\r\n        }\r\n    }, [setUser]);\r\n\r\n    useEffect(() => {\r\n        processAccount();\r\n\r\n        const callbackId = pca.addEventCallback((event: EventMessage) => {\r\n            if (event.eventType === EventType.ACQUIRE_TOKEN_SUCCESS) {\r\n                const payload = event.payload as AuthenticationResult;\r\n                if (payload.account) {\r\n                    pca.setActiveAccount(payload.account);\r\n                    processAccount();\r\n                }\r\n            }\r\n        });\r\n\r\n        return () => {\r\n            if (callbackId) {\r\n                pca.removeEventCallback(callbackId);\r\n            }\r\n        };\r\n    }, [processAccount]);\r\n\r\n    return (\r\n        <UserContext.Provider value={null}>\r\n            {children}\r\n        </UserContext.Provider>\r\n    );\r\n};\r\n\r\nexport interface UserContextValue { }\r\n\r\nexport const UserContext = createContext(null);"]}