Revize 8c45ccb0

Token management implemented, redirections

Backend/Backend/Controllers/AuthController.cs

@@ -24 +24 @@
     [HttpPost("/auth/login")]
     [ProducesResponseType((int) HttpStatusCode.OK, Type = typeof(LoginResponse))]
     [ProducesResponseType((int) HttpStatusCode.Forbidden)]
-    public ActionResult<LoginResponse> Login([FromBody] LoginRequest loginData)
+    public ActionResult<LoginResponse> Index([FromBody] LoginRequest loginData)
     {
         try
         {
-            var loginResponse = authService.Login(loginData.Username, loginData.Password);
+            var loginResponse = authService.Index(loginData.Username, loginData.Password);
             if (loginResponse == null)
             {
                 return Forbid();

Backend/Core/Services/AuthService/AuthService.cs

@@ -15 +15 @@
         this.jwtUtils = jwtUtils;
     }
 
-    public LoginResponse? Login(string username, string password)
+    public LoginResponse? Index(string username, string password)
     {
         var user = userService.CheckUsernamePassword(username, password);
 

Backend/Core/Services/AuthService/IAuthService.cs

@@ -5 +5 @@
 
 public interface IAuthService
 {
-    public LoginResponse? Login(string username, string password);
+    public LoginResponse? Index(string username, string password);
 }

webapp/components/common/Auth.tsx

@@ +1 @@
+import React, { ReactNode, useContext, useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { ERole } from '../../api';
+
+export default function Auth({
+    minRole,
+    children,
+}: {
+    minRole?: ERole | null;
+    children: ReactNode;
+}) {
+    const { role, tokenExpiration, logout } = useContext(LoggedUserContext);
+    const [clientRender, setClientRender] = useState(false);
+    const router = useRouter();
+
+    function checkRole(): boolean {
+        if (!minRole) {
+            // no role required
+            return true;
+        }
+
+        return role === minRole ?? false;
+    }
+
+    useEffect(() => {
+        setClientRender(true);
+    }, []);
+
+    if (tokenExpiration?.isBefore(new Date())) {
+        // token has expired
+
+        (async () => {
+            await logout();
+            await router.push('/');
+        })();
+    }
+
+    if (clientRender && checkRole()) {
+        return <>{children}</>;
+    }
+
+    return null;
+}

webapp/components/navigation/AdminNavBar.tsx

@@ -1 @@
-/**
- * Creates a navigation bar of an admin.
- * @returns Navigation bar of an admin.
- */
-export function AdminNavBar() {
+import React, { useCallback, useContext } from 'react';
+import { Menu } from 'antd';
+import { useRouter } from 'next/router';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import {
+    faUser,
+    faFileExport,
+    faFileLines,
+    faUsers,
+    faTags,
+    faBookmark,
+} from '@fortawesome/free-solid-svg-icons';
+
+const UserNavBar = () => {
+    const router = useRouter();
+    const { logout } = useContext(LoggedUserContext);
+    const { SubMenu } = Menu;
+
+    const handleLogout = useCallback(() => {
+        logout();
+        router.push('/login');
+    }, [logout, router]);
+
     return (
-        <div>
-            <p>Navigation bar of an admin.</p>
-        </div>
+        <Menu theme="dark" mode="horizontal">
+            <Menu.Item style={{}} key="1" onClick={() => router.push('/documents/admin')}>
+                <FontAwesomeIcon icon={faFileLines} /> Dokumenty
+            </Menu.Item>
+            <Menu.Item style={{}} key="2" onClick={() => router.push('/users')}>
+                <FontAwesomeIcon icon={faUsers} /> Uživatelé
+            </Menu.Item>
+            <Menu.Item style={{}} key="3" onClick={() => router.push('/tags')}>
+                <FontAwesomeIcon icon={faTags} /> Značky
+            </Menu.Item>
+            <Menu.Item style={{}} key="4" onClick={() => router.push('/classes')}>
+                <FontAwesomeIcon icon={faBookmark} /> Třídy
+            </Menu.Item>
+            <Menu.Item style={{}} key="5" onClick={() => router.push('/export')}>
+                <FontAwesomeIcon icon={faFileExport} /> Export
+            </Menu.Item>
+
+            <SubMenu
+                icon={<FontAwesomeIcon icon={faUser} />}
+                key="account"
+                title={'Admin XY'} // TODO show username
+            >
+                <Menu.Item key="setting:2" onClick={() => handleLogout()}>
+                    Odhlásit se
+                </Menu.Item>
+            </SubMenu>
+        </Menu>
     );
-}
+};
+
+export default UserNavBar;

webapp/components/navigation/UserNavBar.tsx

@@ -1 @@
-/**
- * Creates a navigation bar of a normal user (annotator).
- * @returns Navigation bar of a user.
- */
-export function UserNavBar() {
+import React, { useCallback, useContext } from 'react';
+import { Menu } from 'antd';
+import { useRouter } from 'next/router';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faFileLines, faUser } from '@fortawesome/free-solid-svg-icons';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+
+const UserNavBar = () => {
+    const router = useRouter();
+    const { logout } = useContext(LoggedUserContext);
+    const { SubMenu } = Menu;
+
+    const handleLogout = useCallback(() => {
+        logout();
+        router.push('/login');
+    }, [logout, router]);
+
     return (
-        <div>
-            <p>Navigation bar of a normal user.</p>
-        </div>
+        <Menu theme="dark" mode="horizontal">
+            <Menu.Item key="1" onClick={() => router.push('/documents/annotator')}>
+                <FontAwesomeIcon icon={faFileLines} /> Dokumenty
+            </Menu.Item>
+
+            <SubMenu
+                key="account"
+                icon={<FontAwesomeIcon icon={faUser} />}
+                title={'Anotátor XY'} // TODO show username
+            >
+                <Menu.Item key="setting:2" onClick={() => handleLogout()}>
+                    Odhlásit se
+                </Menu.Item>
+            </SubMenu>
+        </Menu>
     );
-}
+};
+
+export default UserNavBar;

webapp/components/types/auth.ts

@@ +1 @@
+import { AppProps } from 'next/app';
+import { ERole } from '../../api';
+
+export type SecuredComponent = AppProps['Component'] & {
+    auth: ComponentAuth;
+};
+
+export class ComponentAuth {
+    minRole: ERole | null;
+
+    constructor(minRole: ERole | null = null) {
+        this.minRole = minRole;
+    }
+}

webapp/contexts/LoggedUserContext.tsx

@@ +1 @@
+import React, { createContext, useEffect, useState } from 'react';
+import moment, { Moment } from 'moment';
+import { getTokenData, loginUser, logoutUser } from '../utils/login';
+import { useRouter } from 'next/router';
+import { ERole } from '../api';
+
+interface ILoggedUserProvider {
+    login: (email: string, password: string) => Promise<boolean>;
+    logout: () => Promise<boolean>;
+
+    tokenExpiration?: Moment | null;
+    setTokenExpiration?: (newTokenExpiration: Moment | null) => void;
+
+    role?: ERole | undefined;
+    setRole?: (newRoles: ERole | undefined) => void;
+
+    refreshData?: () => Promise<void>;
+}
+
+export const LoggedUserContext = createContext<ILoggedUserProvider>({
+    login: async (username: string, password: string): Promise<boolean> => {
+        return false;
+    },
+    logout: async (): Promise<boolean> => {
+        return false;
+    },
+});
+
+const LoggedUserProvider = (props: { children: any }) => {
+    const [role, setRole] = useState<ERole>();
+    const [tokenExpiration, setTokenExpiration] = useState<Moment | null>(null);
+    const router = useRouter();
+
+    useEffect(() => {
+        loadData();
+    }, []);
+
+    async function loadData() {
+        const tokenData = await getTokenData();
+        if (!tokenData) {
+            setRole(undefined);
+            setTokenExpiration(null);
+        } else {
+            setRole(tokenData.role);
+            setTokenExpiration(moment(tokenData.expiration));
+        }
+    }
+
+    async function login(username: string, password: string): Promise<boolean> {
+        const res = await loginUser(username, password);
+        if (!res) {
+            return false;
+        }
+
+        await loadData();
+
+        return true;
+    }
+
+    async function logout(): Promise<boolean> {
+        const res = await logoutUser();
+
+        if (res) {
+            setRole(undefined);
+        }
+        await router.push('/');
+        return res;
+    }
+
+    return (
+        <LoggedUserContext.Provider
+            value={{
+                tokenExpiration,
+                setTokenExpiration,
+                role,
+                setRole,
+                refreshData: loadData,
+                login,
+                logout,
+            }}
+        >
+            {props.children}
+        </LoggedUserContext.Provider>
+    );
+};
+
+export default LoggedUserProvider;

webapp/controllers.ts

@@ +1 @@
+import { UserApi, AuthApi, DocumentApi, AnnotationApi, TagApi } from './api';
+import { axios } from './utils/axios';
+import { Configuration } from './api';
+import { getToken } from './utils/login';
+
+let baseURL = 'https://localhost:7241';
+
+const defaultConfig: Configuration = new Configuration({
+    basePath: baseURL,
+    accessToken: getToken,
+});
+
+export const authController = new AuthApi(defaultConfig, baseURL, axios);
+export const userController = new UserApi(defaultConfig, baseURL, axios);
+export const documentController = new DocumentApi(defaultConfig, baseURL, axios);
+export const annotationController = new AnnotationApi(defaultConfig, baseURL, axios);
+export const tagController = new TagApi(defaultConfig, baseURL, axios);

webapp/generate-api.sh

@@ -1 @@
-#!/bin/bash
-rm -rf api 
-npx @openapitools/openapi-generator-cli generate \
-   -i http://localhost:5241/swagger/v1/swagger.json \
-   -g typescript-axios \
-   -o api

webapp/hooks/index.tsx

@@ +1 @@
+import useUnauthRedirect from './useUnauthRedirect';
+
+export { useUnauthRedirect };

webapp/hooks/useUnauthRedirect.tsx

@@ +1 @@
+import { useRouter } from 'next/router';
+import { useEffect } from 'react';
+import { getToken } from '../utils/login';
+
+/**
+ * Performs redirect when user is unauthenticated.
+ * @param path path where to redirect
+ * @returns redirecting?
+ */
+const useUnauthRedirect = (path: string): boolean => {
+    const router = useRouter();
+    let tokenEmpty = false;
+    useEffect(() => {
+        async function checkToken() {
+            const empty = (await getToken()) === '';
+            if (tokenEmpty) {
+                router.push(path);
+            }
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            tokenEmpty = empty;
+        }
+        checkToken();
+    }, [path, router]);
+
+    return tokenEmpty;
+};
+
+export default useUnauthRedirect;

webapp/layouts/MainLayout.tsx

@@ -1 @@
-import { UserNavBar } from '../components/navigation/UserNavBar';
-import { AdminNavBar } from '../components/navigation/AdminNavBar';
 import 'antd/dist/antd.css';
 import styles from '/styles/MainLayout.module.scss';
-import React from 'react';
+import { useContext } from 'react';
+import { LoggedUserContext } from '../contexts/LoggedUserContext';
+import AdminNavBar from '../components/navigation/AdminNavBar';
+import UserNavBar from '../components/navigation/UserNavBar';
 
 /**
  * Creates layout of main screens.
@@ -10 +11 @@
  * @returns The login screen.
  */
 export function MainLayout(props: { children: React.ReactNode }) {
+    const { role } = useContext(LoggedUserContext);
+    const isAdmin = role === 'ADMINISTRATOR';
+    const isAnnotator = role === 'ANNOTATOR';
+
     return (
         <div className={styles.layoutWrapper}>
             <div className={styles.header}>
-                {/**
-                 @todo: Select correct navigation bar
-                 {user && <UserNavBar />}
-                 {admin && <AdminNavBar />}
-                **/}
+                {(isAdmin && <AdminNavBar />) || (isAnnotator && <UserNavBar />)}
             </div>
             <main className={styles.content}>{props.children}</main>
-            <div className={styles.footer}></div>
+            <div className={styles.footer} />
         </div>
     );
 }

webapp/package.json

@@ -6 +6 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "generate-api": "openapi-generator-cli generate -i http://localhost:5241/swagger/v1/swagger.json -g typescript-axios -o api",
+    "postinstall": "yarn generate-api",
+    "deduplicate": "yarn-deduplicate yarn.lock"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.1.0",
+    "@fortawesome/fontawesome-svg-core": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/react-fontawesome": "^0.1.18",
     "antd": "^4.19.5",
     "axios": "^0.26.1",
     "bootstrap": "^5.1.3",
@@ -17 +22 @@
     "next": "12.1.0",
     "react": "17.0.2",
     "react-bootstrap": "^2.2.1",
-    "react-dom": "17.0.2"
+    "react-dom": "17.0.2",
+    "sweetalert2": "^11.4.8",
+    "sweetalert2-react-content": "^4.2.0"
   },
   "devDependencies": {
+    "@openapitools/openapi-generator-cli": "2.4.26",
     "@types/node": "17.0.21",
     "@types/react": "17.0.41",
     "eslint": "8.11.0",

webapp/pages/_app.tsx

@@ -1 @@
-import '../styles/globals.css'
-import type {AppProps} from 'next/app'
+// @ts-nocheck
+import '../styles/globals.css';
+import 'bootstrap/dist/css/bootstrap.css';
 
-import 'bootstrap/dist/css/bootstrap.css'
+import type { AppProps } from 'next/app';
+import Head from 'next/head';
+import { SecuredComponent } from '../components/types/auth';
+import LoggedUserProvider from '../contexts/LoggedUserContext';
+import Auth from '../components/common/Auth';
 
-function MyApp({Component, pageProps}: AppProps) {
-    return <Component {...pageProps} />
+function MyApp({
+    Component,
+    pageProps,
+}: {
+    Component: SecuredComponent;
+    pageProps: AppProps['pageProps'];
+}) {
+    return (
+        <LoggedUserProvider>
+            <Head>
+                <link rel="shortcut icon" href={'/favicon.ico'} />
+                <title>Annotation Tool</title>
+            </Head>
+            {Component.auth ? (
+                <Auth minRole={Component.auth?.minRole}>
+                    <Component {...pageProps} />
+                </Auth>
+            ) : (
+                <Component {...pageProps} />
+            )}
+        </LoggedUserProvider>
+    );
 }
 
-export default MyApp
+export default MyApp;

webapp/pages/classes/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useUnauthRedirect } from '../../hooks';
+import { useRouter } from 'next/router';
+import { Typography } from 'antd';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faBookmark } from '@fortawesome/free-solid-svg-icons';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { MainLayout } from '../../layouts/mainLayout';
+
+function ClassesPage() {
+    const redirecting = useUnauthRedirect('/login');
+    const { logout, role } = useContext(LoggedUserContext);
+    const router = useRouter();
+
+    useEffect(() => {
+        if (role !== 'ADMINISTRATOR') {
+            logout();
+            router.push('/login');
+        }
+
+        if (!redirecting) {
+            // TODO load classes
+        }
+    }, [redirecting, role, router]);
+
+    return redirecting || role !== 'ADMINISTRATOR' ? null : (
+        <MainLayout>
+            <Typography.Title level={2}>
+                <FontAwesomeIcon icon={faBookmark} /> Třídy
+            </Typography.Title>
+        </MainLayout>
+    );
+}
+
+export default ClassesPage;

webapp/pages/documents/admin/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useUnauthRedirect } from '../../../hooks';
+import { useRouter } from 'next/router';
+import { Button, Typography } from 'antd';
+import { faFileLines } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { LoggedUserContext } from '../../../contexts/LoggedUserContext';
+import { MainLayout } from '../../../layouts/mainLayout';
+import { documentController } from '../../../controllers';
+
+function AdminDocumentPage() {
+    const redirecting = useUnauthRedirect('/login');
+    const { logout, role } = useContext(LoggedUserContext);
+    const router = useRouter();
+    useEffect(() => {
+        if (role !== 'ADMINISTRATOR') {
+            logout();
+            router.push('/login');
+        }
+
+        if (!redirecting) {
+            // TODO load documents
+        }
+    }, [logout, redirecting, role, router]);
+
+    const showModal = () => {
+        // TODO show AddDocument component
+    };
+
+    return redirecting || role !== 'ADMINISTRATOR' ? null : (
+        <MainLayout>
+            <Typography.Title level={2}>
+                <FontAwesomeIcon icon={faFileLines} /> Dokumenty
+            </Typography.Title>
+            <Button type={'primary'} onClick={showModal}>
+                Nahrát dokument
+            </Button>
+        </MainLayout>
+    );
+}
+
+export default AdminDocumentPage;

webapp/pages/documents/annotator/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useUnauthRedirect } from '../../../hooks';
+import { useRouter } from 'next/router';
+import { Layout, Typography } from 'antd';
+import UserNavBar from '../../../components/navigation/userNavBar';
+import { faFileLines } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { LoggedUserContext } from '../../../contexts/LoggedUserContext';
+import { MainLayout } from '../../../layouts/mainLayout';
+
+function UserDocumentPage() {
+    const redirecting = useUnauthRedirect('/login');
+    const { logout, role } = useContext(LoggedUserContext);
+    const router = useRouter();
+
+    useEffect(() => {
+        if (role !== 'ANNOTATOR') {
+            logout();
+            router.push('/login');
+        }
+
+        if (!redirecting) {
+            // TODO load documents
+        }
+    }, [logout, redirecting, role, router]);
+
+    return redirecting || role !== 'ANNOTATOR' ? null : (
+        <MainLayout>
+            <Typography.Title level={2}>
+                <FontAwesomeIcon icon={faFileLines} /> Dokumenty
+            </Typography.Title>
+        </MainLayout>
+    );
+}
+
+export default UserDocumentPage;

webapp/pages/export/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useUnauthRedirect } from '../../hooks';
+import { useRouter } from 'next/router';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faFileExport } from '@fortawesome/free-solid-svg-icons';
+import { Typography } from 'antd';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { MainLayout } from '../../layouts/mainLayout';
+
+function ExportPage() {
+    const redirecting = useUnauthRedirect('/login');
+    const { logout, role } = useContext(LoggedUserContext);
+    const router = useRouter();
+
+    useEffect(() => {
+        if (role !== 'ADMINISTRATOR') {
+            logout();
+            router.push('/login');
+        }
+    }, [logout, redirecting, role, router]);
+
+    return redirecting || role !== 'ADMINISTRATOR' ? null : (
+        <MainLayout>
+            <Typography.Title level={2}>
+                <FontAwesomeIcon icon={faFileExport} /> Export
+            </Typography.Title>
+        </MainLayout>
+    );
+}
+
+export default ExportPage;

webapp/pages/index.tsx

@@ -1 +1 @@
 import type { NextPage } from 'next';
-import Head from 'next/head';
-import Image from 'next/image';
-import styles from '../styles/Home.module.css';
+import { useRouter } from 'next/router';
+import { useContext, useEffect } from 'react';
+import { LoggedUserContext } from '../contexts/LoggedUserContext';
+import { getToken } from '../utils/login';
 
 const Home: NextPage = () => {
-    return (
-        <div className={styles.container}>
-            <Head>
-                <title>Create Next App</title>
-                <meta name="description" content="Generated by create next app" />
-                <link rel="icon" href="/favicon.ico" />
-            </Head>
-
-            <main className={styles.main}>
-                <h1 className={styles.title}>
-                    Welcome to <a href="https://nextjs.org">Next.js!</a>
-                </h1>
-
-                <div>test {'ahoj'}</div>
-                <p className={styles.description}>
-                    Get started by editing{' '}
-                    <code className={styles.code}>pages/index.tsx</code>
-                </p>
-
-                <div className={styles.grid}>
-                    <a href="https://nextjs.org/docs" className={styles.card}>
-                        <h2>Documentation &rarr;</h2>
-                        <p>Find in-depth information about Next.js features and API.</p>
-                    </a>
-
-                    <a href="https://nextjs.org/learn" className={styles.card}>
-                        <h2>Learn &rarr;</h2>
-                        <p>Learn about Next.js in an interactive course with quizzes!</p>
-                    </a>
-
-                    <a
-                        href="https://github.com/vercel/next.js/tree/canary/examples"
-                        className={styles.card}
-                    >
-                        <h2>Examples &rarr;</h2>
-                        <p>Discover and deploy boilerplate example Next.js projects.</p>
-                    </a>
-
-                    <a
-                        href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-                        className={styles.card}
-                    >
-                        <h2>Deploy &rarr;</h2>
-                        <p>
-                            Instantly deploy your Next.js site to a public URL with
-                            Vercel.
-                        </p>
-                    </a>
-                </div>
-            </main>
-
-            <footer className={styles.footer}>
-                <a
-                    href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    Powered by{' '}
-                    <span className={styles.logo}>
-                        <Image
-                            src="/vercel.svg"
-                            alt="Vercel Logo"
-                            width={72}
-                            height={16}
-                        />
-                    </span>
-                </a>
-            </footer>
-        </div>
-    );
+    const { role } = useContext(LoggedUserContext);
+    const router = useRouter();
+
+    useEffect(() => {
+        async function checkToken() {
+            let token = await getToken();
+            if ((await getToken()) === '') {
+                router.push('/login');
+            } else {
+                if (role === 'ADMINISTRATOR') {
+                    router.push('/documents/admin');
+                } else if (role === 'ANNOTATOR') {
+                    router.push('/documents/annotator');
+                }
+            }
+        }
+
+        checkToken();
+    }, [role, router]);
+
+    return null;
 };
 
 export default Home;

webapp/pages/login/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
 import { Form, Input, Button } from 'antd';
 import { UserOutlined, LockOutlined } from '@ant-design/icons';
-import 'antd/dist/antd.css';
-import { LoginLayout } from '../../layouts/LoginLayout';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { LoginLayout } from '../../layouts/loginLayout';
+import { useContext } from 'react';
+import { useRouter } from 'next/router';
+import { ShowToast } from '../../utils/alerts';
+import { getTokenData } from '../../utils/login';
+import { LoginResponse } from '../../api';
 
 /**
  * Creates a login screen.
  * @returns Html structure of the login screen.
  */
 function Login() {
+    const { login, role } = useContext(LoggedUserContext);
+    const router = useRouter();
     /**
      * Handles submission a form when its fields were successfully validated.
      * @param values Fields of the login form.
      */
-    const onFinish = (values: any) => {
-        /**
-         @todo: delete login form log when login API is implemented
-        **/
-        console.log('Values of the login form: ', values);
+    const onFinish = async (values: any) => {
+        const loginRes = await login(values.username, values.password);
+
+        if (!loginRes) {
+            ShowToast(
+                'Chybně zadané heslo nebo uživatelské jméno',
+                'error',
+                3000,
+                'top-end'
+            );
+        } else {
+            let data: LoginResponse | null = await getTokenData();
+            ShowToast('Přihlášení proběhlo úspěšně', 'success', 3000, 'top-end');
+            if (data?.role === 'ADMINISTRATOR') {
+                await router.push('/documents/admin');
+            } else if (data?.role === 'ANNOTATOR') {
+                await router.push('/documents/annotator');
+            }
+        }
     };
 
     /**
@@ -24 +46 @@
      * @param errorInfo Validation errors.
      */
     const onFinishFailed = (errorInfo: any) => {
-        /**
-         @todo: delete log when error handling is implemented
-        **/
-        console.log('Errors: ', errorInfo);
+        ShowToast('Zadané údaje nejsou validní', 'error', 3000, 'top-end');
     };
 
     return (

webapp/pages/tags/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useUnauthRedirect } from '../../hooks';
+import { useRouter } from 'next/router';
+import { Typography } from 'antd';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faTags } from '@fortawesome/free-solid-svg-icons';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { MainLayout } from '../../layouts/mainLayout';
+
+function TagsPage() {
+    const redirecting = useUnauthRedirect('/login');
+    const { logout, role } = useContext(LoggedUserContext);
+    const router = useRouter();
+
+    useEffect(() => {
+        if (role !== 'ADMINISTRATOR') {
+            logout();
+            router.push('/login');
+        }
+    }, [logout, redirecting, role, router]);
+
+    return redirecting || role !== 'ADMINISTRATOR' ? null : (
+        <MainLayout>
+            <Typography.Title level={2}>
+                <FontAwesomeIcon icon={faTags} /> Značky
+            </Typography.Title>
+        </MainLayout>
+    );
+}
+
+export default TagsPage;

webapp/pages/users/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
+import React, { useContext, useEffect } from 'react';
+
+import { useUnauthRedirect } from '../../hooks';
+import { useRouter } from 'next/router';
+import { Typography } from 'antd';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faUsers } from '@fortawesome/free-solid-svg-icons';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { MainLayout } from '../../layouts/mainLayout';
+
+function UsersPage() {
+    const redirecting = useUnauthRedirect('/login');
+    const { logout, role } = useContext(LoggedUserContext);
+    const router = useRouter();
+
+    useEffect(() => {
+        if (role !== 'ADMINISTRATOR') {
+            logout();
+            router.push('/login');
+        }
+    }, [logout, redirecting, role, router]);
+
+    return redirecting || role !== 'ADMINISTRATOR' ? null : (
+        <MainLayout>
+            <Typography.Title level={2}>
+                <FontAwesomeIcon icon={faUsers} /> Uživatelé
+            </Typography.Title>
+        </MainLayout>
+    );
+}
+
+export default UsersPage;

webapp/styles/MainLayout.module.scss

@@ -3 +3 @@
     display: grid;
 
     grid:
-        [header-start] 'header' 60px [header-end]
+        [header-start] 'header' 50px [header-end]
         [main-start] 'content' [main-end]
         [footer-start] 'footer' 30px [footer-end];
 

webapp/utils/alerts.ts

@@ +1 @@
+import Swal, { SweetAlertIcon, SweetAlertPosition } from 'sweetalert2';
+import withReactContent from 'sweetalert2-react-content';
+
+const MySwal = withReactContent(Swal);
+
+export function ShowToast(
+    text: string,
+    icon: SweetAlertIcon = 'success',
+    timer = 3000,
+    position: SweetAlertPosition = 'top-right'
+) {
+    const Toast = Swal.mixin({
+        toast: true,
+        position: position,
+        showConfirmButton: false,
+        timer: timer,
+        timerProgressBar: true,
+        didOpen: (toast) => {
+            toast.addEventListener('mouseenter', Swal.stopTimer);
+            toast.addEventListener('mouseleave', Swal.resumeTimer);
+        },
+    });
+
+    Toast.fire({
+        icon: icon,
+        title: text,
+    });
+}

webapp/utils/axios.ts

@@ +1 @@
+import axiosLib from 'axios';
+import Router from 'next/router';
+import { StatusCodes } from 'http-status-codes';
+import { getToken } from './login';
+
+export const axios = axiosLib.create({
+    baseURL: 'https://localhost:7241',
+    timeout: 60000,
+});
+
+// Add a request interceptor
+axios.interceptors.request.use(async function (config) {
+    const token = await getToken();
+    if (token && config?.headers) {
+        config.headers.Authorization = 'Bearer ' + token;
+    }
+    return config;
+});
+
+// Add a response interceptor
+axios.interceptors.response.use(
+    (response) => response,
+    async function (error) {
+        const status = error?.response?.status;
+        if (status === StatusCodes.UNAUTHORIZED) {
+            console.log('Unauthorized, redirecting...');
+
+            if (Router.pathname !== '/') {
+                await Router.replace({
+                    pathname: '/',
+                });
+            }
+        } else if (status === StatusCodes.FORBIDDEN) {
+            console.log('Forbidden:', error?.response?.config?.url);
+        }
+
+        throw status;
+    }
+);

webapp/utils/login.ts

@@ +1 @@
+import { authController } from '../controllers';
+import { LoginResponse } from '../api';
+
+export async function loginUser(username: string, password: string): Promise<boolean> {
+    try {
+        const loginRes = await authController.authLoginPost({ username, password });
+
+        const data: LoginResponse = loginRes.data;
+
+        if (data && data.token) {
+            localStorage.setItem('token', JSON.stringify(data));
+            return true;
+        }
+    } catch (e) {
+        if (e instanceof Error) {
+            if (e.message.includes('status code 401')) {
+                return false;
+            }
+        }
+    }
+
+    return false;
+}
+
+export async function logoutUser(): Promise<boolean> {
+    localStorage.clear();
+    return true;
+}
+export async function getTokenData(): Promise<LoginResponse | null> {
+    const dataJSON = localStorage.getItem('token');
+
+    if (!dataJSON) {
+        // no token found
+        return null;
+    }
+
+    return JSON.parse(dataJSON);
+}
+export async function getToken(): Promise<string> {
+    const data = await getTokenData();
+    if (!data) {
+        return '';
+    }
+
+    return data.token ?? '';
+}

webapp/yarn.lock

@@ -37 +37 @@
     resize-observer-polyfill "^1.5.0"
 
 "@babel/runtime-corejs3@^7.10.2":
-  version "7.17.8"
-  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.17.8.tgz#d7dd49fb812f29c61c59126da3792d8740d4e284"
-  integrity sha512-ZbYSUvoSF6dXZmMl/CYTMOvzIFnbGfv4W3SEHYgMvNsFTeLaF2gkGAF4K2ddmtSK4Emej+0aYcnSC6N5dPCXUQ==
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.17.9.tgz#3d02d0161f0fbf3ada8e88159375af97690f4055"
+  integrity sha512-WxYHHUWF2uZ7Hp1K+D1xQgbgkGUfA+5UPOegEXGt2Y5SMog/rYCVaifLZDbw8UkNXozEqqrZTy6bglL7xTaCOw==
   dependencies:
     core-js-pure "^3.20.2"
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.16", "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2", "@babel/runtime@^7.6.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
   integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.13.16", "@babel/runtime@^7.16.3", "@babel/runtime@^7.17.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2", "@babel/runtime@^7.6.3", "@babel/runtime@^7.8.7":
-  version "7.17.8"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.8.tgz#3e56e4aff81befa55ac3ac6a0967349fd1c5bca2"
-  integrity sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
 "@ctrl/tinycolor@^3.4.0":
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.4.1.tgz#75b4c27948c81e88ccd3a8902047bcd797f38d32"
@@ -78 +71 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@fortawesome/fontawesome-free@^6.1.0":
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-6.1.0.tgz#db162f63c6fdb3ecc6d44de3bbc8ed178390d709"
-  integrity sha512-OgM74M6+Q7BuKAj8r+VfzwjnIGZrY62R4ipbiDvBW4FA0mLnB3yeuV/2bW63j+zppGyTvBp/3jqXp9ZXy43nFw==
+"@fortawesome/fontawesome-common-types@6.1.1":
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.1.tgz#7dc996042d21fc1ae850e3173b5c67b0549f9105"
+  integrity sha512-wVn5WJPirFTnzN6tR95abCx+ocH+3IFLXAgyavnf9hUmN0CfWoDjPT/BAWsUVwSlYYVBeCLJxaqi7ZGe4uSjBA==
+
+"@fortawesome/fontawesome-svg-core@^6.1.1":
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.1.1.tgz#3424ec6182515951816be9b11665d67efdce5b5f"
+  integrity sha512-NCg0w2YIp81f4V6cMGD9iomfsIj7GWrqmsa0ZsPh59G7PKiGN1KymZNxmF00ssuAlo/VZmpK6xazsGOwzKYUMg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.1.1"
+
+"@fortawesome/free-solid-svg-icons@^6.1.1":
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.1.tgz#3369e673f8fe8be2fba30b1ec274d47490a830a6"
+  integrity sha512-0/5exxavOhI/D4Ovm2r3vxNojGZioPwmFrKg0ZUH69Q68uFhFPs6+dhAToh6VEQBntxPRYPuT5Cg1tpNa9JUPg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.1.1"
+
+"@fortawesome/react-fontawesome@^0.1.18":
+  version "0.1.18"
+  resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.18.tgz#dae37f718a24e14d7a99a5496c873d69af3fbd73"
+  integrity sha512-RwLIB4TZw0M9gvy5u+TusAA0afbwM4JQIimNH/j3ygd6aIvYPQLqXMhC9ErY26J23rDPyDZldIfPq/HpTTJ/tQ==
+  dependencies:
+    prop-types "^15.8.1"
 
 "@humanwhocodes/config-array@^0.9.2":
   version "0.9.5"
@@ -97 +111 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@nestjs/common@8.2.6":
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/@nestjs/common/-/common-8.2.6.tgz#34cd5cc44082d3525c56c95db42ca0e5277b7d85"
+  integrity sha512-flLYSXunxcKyjbYddrhwbc49uE705MxBt85rS3mHyhDbAIPSGGeZEqME44YyAzCg1NTfJSNe7ztmOce5kNkb9A==
+  dependencies:
+    axios "0.24.0"
+    iterare "1.2.1"
+    tslib "2.3.1"
+    uuid "8.3.2"
+
+"@nestjs/core@8.2.6":
+  version "8.2.6"
+  resolved "https://registry.yarnpkg.com/@nestjs/core/-/core-8.2.6.tgz#08eb38203fb01a828227ea25972d38bfef5c818f"
+  integrity sha512-NwPcEIMmCsucs3QaDlQvkoU1FlFM2wm/WjaqLQhkSoIEmAR1gNtBo88f5io5cpMwCo1k5xYhqGlaSl6TfngwWQ==
+  dependencies:
+    "@nuxtjs/opencollective" "0.3.2"
+    fast-safe-stringify "2.1.1"
+    iterare "1.2.1"
+    object-hash "2.2.0"
+    path-to-regexp "3.2.0"
+    tslib "2.3.1"
+    uuid "8.3.2"
+
 "@next/env@12.1.0":
   version "12.1.0"
   resolved "https://registry.yarnpkg.com/@next/env/-/env-12.1.0.tgz#73713399399b34aa5a01771fb73272b55b22c314"
@@ -185 +222 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@nuxtjs/opencollective@0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/opencollective/-/opencollective-0.3.2.tgz#620ce1044f7ac77185e825e1936115bb38e2681c"
+  integrity sha512-um0xL3fO7Mf4fDxcqx9KryrB7zgRM5JSlvGN5AGkP6JLM5XEKyjeAiPbNxdXVXQ16isuAhYpvP88NgL2BGd6aA==
+  dependencies:
+    chalk "^4.1.0"
+    consola "^2.15.0"
+    node-fetch "^2.6.1"
+
+"@openapitools/openapi-generator-cli@2.4.26":
+  version "2.4.26"
+  resolved "https://registry.yarnpkg.com/@openapitools/openapi-generator-cli/-/openapi-generator-cli-2.4.26.tgz#67622fc41c258aeae3ff074cd92772978e03484f"
+  integrity sha512-O42H9q1HWGoIpcpMaUu318b6bmOgcjP3MieHwOrFdoG3KyttceBGlbLf9Kbf7WM91WSNCDXum7cnEKASuoGjAg==
+  dependencies:
+    "@nestjs/common" "8.2.6"
+    "@nestjs/core" "8.2.6"
+    "@nuxtjs/opencollective" "0.3.2"
+    chalk "4.1.2"
+    commander "8.3.0"
+    compare-versions "3.6.0"
+    concurrently "6.5.1"
+    console.table "0.10.0"
+    fs-extra "10.0.0"
+    glob "7.1.6"
+    inquirer "8.2.0"
+    lodash "4.17.21"
+    reflect-metadata "0.1.13"
+    rxjs "7.5.2"
+    tslib "2.0.3"
+
 "@popperjs/core@^2.10.1":
-  version "2.11.4"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.4.tgz#d8c7b8db9226d2d7664553a0741ad7d0397ee503"
-  integrity sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg==
+  version "2.11.5"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.5.tgz#db5a11bf66bdab39569719555b0f76e138d7bd64"
+  integrity sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==
 
 "@react-aria/ssr@^3.0.1":
   version "3.1.2"
@@ -197 +264 @@
   dependencies:
     "@babel/runtime" "^7.6.2"
 
-"@restart/hooks@^0.4.0", "@restart/hooks@^0.4.5":
-  version "0.4.5"
-  resolved "https://registry.yarnpkg.com/@restart/hooks/-/hooks-0.4.5.tgz#e7acbea237bfc9e479970500cf87538b41a1ed02"
-  integrity sha512-tLGtY0aHeIfT7aPwUkvQuhIy3+q3w4iqmUzFLPlOAf/vNUacLaBt1j/S//jv/dQhenRh8jvswyMojCwmLvJw8A==
+"@restart/hooks@^0.4.0", "@restart/hooks@^0.4.6":
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/@restart/hooks/-/hooks-0.4.6.tgz#15dcf34631a618c513efc924705c7cbe349a4a0c"
+  integrity sha512-FzpEzy6QeLB3OpUrC9OQD/lWCluQmilLfRGa/DqbB6OmV05AEt/0Lgn3Jf6l27UIJMK0qFmNcps6p8DNLXa6Pw==
   dependencies:
     dequal "^2.0.2"
 
-"@restart/ui@^1.0.2":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@restart/ui/-/ui-1.1.0.tgz#46d436225162b47ecccdf191cfbcf9ec3d1d5f47"
-  integrity sha512-sYAO1LP78Suz5cT2VEkU4U/mvdjFXNg69QHanc5OAFTWyhCBG2lFJ9FITZ7hT8P8LPqcWXcwEGzHhuxPUDDDYQ==
+"@restart/ui@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@restart/ui/-/ui-1.2.0.tgz#fb90251aa25f99b41ccedc78a91d2a15f3c5e0fb"
+  integrity sha512-oIh2t3tG8drZtZ9SlaV5CY6wGsUViHk8ZajjhcI+74IQHyWy+AnxDv8rJR5wVgsgcgrPBUvGNkC1AEdcGNPaLQ==
   dependencies:
     "@babel/runtime" "^7.13.16"
     "@popperjs/core" "^2.10.1"
@@ -216 +283 @@
     "@types/warning" "^3.0.0"
     dequal "^2.0.2"
     dom-helpers "^5.2.0"
-    prop-types "^15.7.2"
     uncontrollable "^7.2.1"
     warning "^4.0.3"
 
 "@rushstack/eslint-patch@^1.0.8":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.1.1.tgz#782fa5da44c4f38ae9fd38e9184b54e451936118"
-  integrity sha512-BUyKJGdDWqvWC5GEhyOiUrGNi9iJUr4CU0O2WxJL6QJhHeeA/NVBalH+FeK0r/x/W0rPymXt5s78TDS7d6lCwg==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.1.3.tgz#6801033be7ff87a6b7cadaf5b337c9f366a3c4b0"
+  integrity sha512-WiBSI6JBIhC6LRIsB2Kwh8DsGTlbBU+mLRxJmAe3LjHTdkDpwIbEOZgoXBbZilk/vlfjK8i6nKRAvIRn1XaIMw==
+
+"@types/cookie@^0.3.3":
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.3.3.tgz#85bc74ba782fb7aa3a514d11767832b0e3bc6803"
+  integrity sha512-LKVP3cgXBT9RYj+t+9FDKwS5tdI+rPBXaNSkma7hvqy35lc7mAokC2zsqWJH0LaqIt3B962nuYI77hsJoT1gow==
+
+"@types/hoist-non-react-statics@^3.0.1":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
+  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
 
 "@types/invariant@^2.2.35":
   version "2.2.35"
@@ -241 +320 @@
   integrity sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ==
 
 "@types/prop-types@*", "@types/prop-types@^15.7.4":
-  version "15.7.4"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11"
-  integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ==
+  version "15.7.5"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
 "@types/react-transition-group@^4.4.4":
   version "4.4.4"
@@ -252 +331 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@17.0.41", "@types/react@>=16.14.8", "@types/react@>=16.9.11":
+"@types/react@*", "@types/react@>=16.14.8", "@types/react@>=16.9.11":
+  version "18.0.5"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.5.tgz#1a4d4b705ae6af5aed369dec22800b20f89f5301"
+  integrity sha512-UPxNGInDCIKlfqBrm8LDXYWNfLHwIdisWcsH5GpMyGjhEDLFgTtlRBaoWuCua9HcyuE0rMkmAeZ3FXV1pYLIYQ==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
+"@types/react@17.0.41":
   version "17.0.41"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.41.tgz#6e179590d276394de1e357b3f89d05d7d3da8b85"
   integrity sha512-chYZ9ogWUodyC7VUTRBfblysKLjnohhFY9bGLwvnUFFy48+vB9DikmB3lW0qTFmBcKSzmdglcvkHK71IioOlDA==
@@ -272 +360 @@
   integrity sha1-DSUBJorY+ZYrdA04fEZU9fjiPlI=
 
 "@typescript-eslint/parser@^5.0.0":
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.15.0.tgz#95f603f8fe6eca7952a99bfeef9b85992972e728"
-  integrity sha512-NGAYP/+RDM2sVfmKiKOCgJYPstAO40vPAgACoWPO/+yoYKSgAXIFaBKsV8P0Cc7fwKgvj27SjRNX4L7f4/jCKQ==
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.19.0.tgz#05e587c1492868929b931afa0cb5579b0f728e75"
+  integrity sha512-yhktJjMCJX8BSBczh1F/uY8wGRYrBeyn84kH6oyqdIJwTGKmzX5Qiq49LRQ0Jh0LXnWijEziSo6BRqny8nqLVQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.15.0"
-    "@typescript-eslint/types" "5.15.0"
-    "@typescript-eslint/typescript-estree" "5.15.0"
+    "@typescript-eslint/scope-manager" "5.19.0"
+    "@typescript-eslint/types" "5.19.0"
+    "@typescript-eslint/typescript-estree" "5.19.0"
     debug "^4.3.2"
 
-"@typescript-eslint/scope-manager@5.15.0":
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.15.0.tgz#d97afab5e0abf4018d1289bd711be21676cdd0ee"
-  integrity sha512-EFiZcSKrHh4kWk0pZaa+YNJosvKE50EnmN4IfgjkA3bTHElPtYcd2U37QQkNTqwMCS7LXeDeZzEqnsOH8chjSg==
+"@typescript-eslint/scope-manager@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.19.0.tgz#97e59b0bcbcb54dbcdfba96fc103b9020bbe9cb4"
+  integrity sha512-Fz+VrjLmwq5fbQn5W7cIJZ066HxLMKvDEmf4eu1tZ8O956aoX45jAuBB76miAECMTODyUxH61AQM7q4/GOMQ5g==
   dependencies:
-    "@typescript-eslint/types" "5.15.0"
-    "@typescript-eslint/visitor-keys" "5.15.0"
+    "@typescript-eslint/types" "5.19.0"
+    "@typescript-eslint/visitor-keys" "5.19.0"
 
-"@typescript-eslint/types@5.15.0":
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.15.0.tgz#c7bdd103843b1abae97b5518219d3e2a0d79a501"
-  integrity sha512-yEiTN4MDy23vvsIksrShjNwQl2vl6kJeG9YkVJXjXZnkJElzVK8nfPsWKYxcsGWG8GhurYXP4/KGj3aZAxbeOA==
+"@typescript-eslint/types@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.19.0.tgz#12d3d600d754259da771806ee8b2c842d3be8d12"
+  integrity sha512-zR1ithF4Iyq1wLwkDcT+qFnhs8L5VUtjgac212ftiOP/ZZUOCuuF2DeGiZZGQXGoHA50OreZqLH5NjDcDqn34w==
 
-"@typescript-eslint/typescript-estree@5.15.0":
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.15.0.tgz#81513a742a9c657587ad1ddbca88e76c6efb0aac"
-  integrity sha512-Hb0e3dGc35b75xLzixM3cSbG1sSbrTBQDfIScqdyvrfJZVEi4XWAT+UL/HMxEdrJNB8Yk28SKxPLtAhfCbBInA==
+"@typescript-eslint/typescript-estree@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.19.0.tgz#fc987b8f62883f9ea6a5b488bdbcd20d33c0025f"
+  integrity sha512-dRPuD4ocXdaE1BM/dNR21elSEUPKaWgowCA0bqJ6YbYkvtrPVEvZ+zqcX5a8ECYn3q5iBSSUcBBD42ubaOp0Hw==
   dependencies:
-    "@typescript-eslint/types" "5.15.0"
-    "@typescript-eslint/visitor-keys" "5.15.0"
+    "@typescript-eslint/types" "5.19.0"
+    "@typescript-eslint/visitor-keys" "5.19.0"
     debug "^4.3.2"
     globby "^11.0.4"
     is-glob "^4.0.3"
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/visitor-keys@5.15.0":
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.15.0.tgz#5669739fbf516df060f978be6a6dce75855a8027"
-  integrity sha512-+vX5FKtgvyHbmIJdxMJ2jKm9z2BIlXJiuewI8dsDYMp5LzPUcuTT78Ya5iwvQg3VqSVdmxyM8Anj1Jeq7733ZQ==
+"@typescript-eslint/visitor-keys@5.19.0":
+  version "5.19.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.19.0.tgz#c84ebc7f6c744707a361ca5ec7f7f64cd85b8af6"
+  integrity sha512-Ym7zZoMDZcAKWsULi2s7UMLREdVQdScPQ/fKWMYefarCztWlHPFVJo8racf8R0Gc8FAEJ2eD4of8As1oFtnQlQ==
   dependencies:
-    "@typescript-eslint/types" "5.15.0"
+    "@typescript-eslint/types" "5.19.0"
     eslint-visitor-keys "^3.0.0"
 
 acorn-jsx@^5.3.1:
@@ -335 +423 @@
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ansi-escapes@^4.2.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
-ansi-styles@^4.1.0:
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
   integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
@@ -417 +512 @@
     "@babel/runtime" "^7.10.2"
     "@babel/runtime-corejs3" "^7.10.2"
 
-array-includes@^3.1.3, array-includes@^3.1.4:
+array-includes@^3.1.4:
   version "3.1.4"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.4.tgz#f5b493162c760f3539631f005ba2bb46acb45ba9"
   integrity sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==
@@ -439 +534 @@
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
 array.prototype.flat@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.5.tgz#07e0975d84bbc7c48cd1879d609e682598d33e13"
-  integrity sha512-KaYU+S+ndVqyUnignHftkwc58o3uVU1jzczILJ1tN2YaIZpFIKBiP/x/j97E5MVPsaCloPbqWLB/8qCTVvT2qg==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz#0b0c1567bf57b38b56b4c97b8aa72ab45e4adc7b"
+  integrity sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==
   dependencies:
     call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.19.0"
+    es-abstract "^1.19.2"
+    es-shim-unscopables "^1.0.0"
 
 array.prototype.flatmap@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.2.5.tgz#908dc82d8a406930fdf38598d51e7411d18d4446"
-  integrity sha512-08u6rVyi1Lj7oqWbS9nUxliETrtIROT4XGTA4D/LWGten6E3ocm7cy9SIrmNHOL5XVbVuckUp3X6Xyg8/zpvHA==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz#a7e8ed4225f4788a70cd910abcf0791e76a5534f"
+  integrity sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==
   dependencies:
-    call-bind "^1.0.0"
+    call-bind "^1.0.2"
     define-properties "^1.1.3"
-    es-abstract "^1.19.0"
+    es-abstract "^1.19.2"
+    es-shim-unscopables "^1.0.0"
 
 ast-types-flow@^0.0.7:
   version "0.0.7"
@@ -471 +568 @@
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.4.1.tgz#7dbdc25989298f9ad006645cd396782443757413"
   integrity sha512-gd1kmb21kwNuWr6BQz8fv6GNECPBnUasepcoLbekws23NVBLODdsClRZ+bQ8+9Uomf3Sm3+Vwn0oYG9NvwnJCw==
 
+axios@0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.24.0.tgz#804e6fa1e4b9c5288501dd9dff56a7a0940d20d6"
+  integrity sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==
+  dependencies:
+    follow-redirects "^1.14.4"
+