andoncloud-sdk 1.2.2 → 1.3.1

package/dist/andoncloud-sdk.js

@@ -6,12 +6,11 @@ var reactRouterDom = require('react-router-dom');
 var propTypes = require('prop-types');
 var CssBaseline = _interopDefault(require('@mui/material/CssBaseline'));
 var styles = require('@mui/material/styles');
-var useModalHook = require('use-modal-hook');
 var mobx = require('mobx');
+var material = require('@mui/material');
 var mobxReactLite = require('mobx-react-lite');
 var Dialog = _interopDefault(require('@mui/material/Dialog'));
 var DialogContent = _interopDefault(require('@mui/material/DialogContent'));
-var material = require('@mui/material');
 var lab = require('@mui/lab');
 var Box = _interopDefault(require('@mui/material/Box'));
 var Card = _interopDefault(require('@mui/material/Card'));
@@ -26,9 +25,8 @@ var IconButton = _interopDefault(require('@mui/material/IconButton'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var Menu = _interopDefault(require('@mui/material/Menu'));
 var AccessTimeIcon = _interopDefault(require('@mui/icons-material/AccessTime'));
-var styles$1 = require('@mui/styles');
 
-let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,n=(e,t)=>{let r="",l="",a="";for(let o in e){let s=e[o];"@"==o[0]?"i"==o[1]?r=o+" "+s+";":l+="f"==o[1]?n(s,o):o+"{"+n(s,"k"==o[1]?"":t)+"}":"object"==typeof s?l+=n(s,t?t.replace(/([^,])+/g,e=>o.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):o):null!=s&&(o=o.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=n.p?n.p(o,s):o+":"+s+";");}return r+(t&&a?t+"{"+a+"}":a)+l},o={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},c=(e,t,r,c,i)=>{let u=s(e),p=o[u]||(o[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(u));if(!o[p]){let t=u!==e?e:(e=>{let t,r=[{}];for(;t=l.exec(e.replace(a,""));)t[4]?r.shift():t[3]?r.unshift(r[0][t[3]]=r[0][t[3]]||{}):r[0][t[1]]=t[2];return r[0]})(e);o[p]=n(i?{["@keyframes "+p]:t}:t,r?"":"."+p);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(o[p],t,c),p},i=(e,t,r)=>e.reduce((e,l,a)=>{let o=t[a];if(o&&o.call){let e=o(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;o=t?"."+t:e&&"object"==typeof e?e.props?"":n(e,""):!1===e?"":e;}return e+l+(null==o?"":o)},"");function u(e){let r=this||{},l=e.call?e(r.p):e;return c(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let p,d,f,g=u.bind({g:1}),b=u.bind({k:1});function h(e,t,r,l){n.p=t,p=e,d=r,f=l;}function m(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let s=Object.assign({},n),c=s.className||a.className;r.p=Object.assign({theme:d&&d()},s),r.o=/ *go\d+/.test(c),s.className=u.apply(r,l)+(c?" "+c:""),t&&(s.ref=o);let i=e;return e[0]&&(i=s.as||e,delete s.as),f&&i[0]&&f(s),p(i,s)}return t?t(a):a}}
+let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,l=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,n=(e,t)=>{let r="",l="",a="";for(let o in e){let s=e[o];"@"==o[0]?"i"==o[1]?r=o+" "+s+";":l+="f"==o[1]?n(s,o):o+"{"+n(s,"k"==o[1]?"":t)+"}":"object"==typeof s?l+=n(s,t?t.replace(/([^,])+/g,e=>o.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):o):null!=s&&(o=/^--/.test(o)?o:o.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=n.p?n.p(o,s):o+":"+s+";");}return r+(t&&a?t+"{"+a+"}":a)+l},o={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},c=(e,t,r,c,i)=>{let u=s(e),p=o[u]||(o[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(u));if(!o[p]){let t=u!==e?e:(e=>{let t,r=[{}];for(;t=l.exec(e.replace(a,""));)t[4]?r.shift():t[3]?r.unshift(r[0][t[3]]=r[0][t[3]]||{}):r[0][t[1]]=t[2];return r[0]})(e);o[p]=n(i?{["@keyframes "+p]:t}:t,r?"":"."+p);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(o[p],t,c),p},i=(e,t,r)=>e.reduce((e,l,a)=>{let o=t[a];if(o&&o.call){let e=o(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;o=t?"."+t:e&&"object"==typeof e?e.props?"":n(e,""):!1===e?"":e;}return e+l+(null==o?"":o)},"");function u(e){let r=this||{},l=e.call?e(r.p):e;return c(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let p,d,f,g=u.bind({g:1}),b=u.bind({k:1});function h(e,t,r,l){n.p=t,p=e,d=r,f=l;}function m(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let s=Object.assign({},n),c=s.className||a.className;r.p=Object.assign({theme:d&&d()},s),r.o=/ *go\d+/.test(c),s.className=u.apply(r,l)+(c?" "+c:""),t&&(s.ref=o);let i=e;return e[0]&&(i=s.as||e,delete s.as),f&&i[0]&&f(s),p(i,s)}return t?t(a):a}}
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -792,6 +790,92 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
+var ModalContext = React__default.createContext({
+  showModal: null,
+  hideModal: null,
+  isOpenedModal: false
+});
+
+var ModalProvider = function ModalProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState({}),
+      modalsConfig = _useState[0],
+      setConfig = _useState[1];
+
+  var hideModal = React.useCallback(function (modalKey, onClose) {
+    setConfig(function (prevConfig) {
+      var _extends2;
+
+      return _extends$1({}, prevConfig, (_extends2 = {}, _extends2[modalKey] = _extends$1({}, prevConfig[modalKey], {
+        isOpen: false
+      }), _extends2));
+    });
+
+    if (onClose) {
+      onClose();
+    }
+  }, [setConfig]);
+  var showModal = React.useCallback(function (modalKey, component, modalData) {
+    setConfig(function (prevConfig) {
+      var _extends3;
+
+      return _extends$1({}, prevConfig, (_extends3 = {}, _extends3[modalKey] = {
+        isOpen: true,
+        component: component,
+        data: modalData
+      }, _extends3));
+    });
+  }, [setConfig]);
+  var contextValue = React.useMemo(function () {
+    return {
+      showModal: showModal,
+      hideModal: hideModal,
+      isOpenedModal: Object.values(modalsConfig).some(function (_ref2) {
+        var isOpen = _ref2.isOpen;
+        return isOpen;
+      })
+    };
+  }, [hideModal, showModal, modalsConfig]);
+  return /*#__PURE__*/React__default.createElement(ModalContext.Provider, {
+    value: contextValue
+  }, children, Object.keys(modalsConfig).map(function (modalKey) {
+    var _modalsConfig$modalKe = modalsConfig[modalKey],
+        Component = _modalsConfig$modalKe.component,
+        isOpen = _modalsConfig$modalKe.isOpen,
+        data = _modalsConfig$modalKe.data;
+    return isOpen && /*#__PURE__*/React__default.createElement(Component, _extends$1({
+      onClose: function onClose() {
+        return hideModal(modalKey);
+      },
+      key: modalKey,
+      isOpen: isOpen
+    }, data));
+  }));
+};
+
+var generateModalKey = function () {
+  var count = 0;
+  return function () {
+    return "" + ++count;
+  };
+}();
+
+function useModal(component, data, onClose) {
+  var key = React.useMemo(generateModalKey, []);
+  var context = React.useContext(ModalContext);
+  var showModal = React.useCallback(function (modalData) {
+    return context.showModal(key, component, modalData instanceof Event ? data : _extends$1({}, data, modalData));
+  }, [data, context.showModal]);
+  var hideModal = React.useCallback(function () {
+    return context.hideModal(key, onClose);
+  }, [context.hideModal, onClose, key]);
+  return [showModal, hideModal];
+}
+
+useModal.ModalContext = ModalContext;
+useModal.ModalProvider = ModalProvider;
+
 var AuthConfigContext = React.createContext();
 var AuthConfigProvider = function AuthConfigProvider(_ref) {
   var children = _ref.children,
@@ -934,8 +1018,8 @@ var acFetch = function acFetch(url, options) {
 
         return response;
       });
-    }, function () {
-      sessionStore.setNetworkError(true);
+    }, function (e) {
+      sessionStore.setNetworkError(e.message);
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -1348,7 +1432,7 @@ var SessionStore = /*#__PURE__*/function () {
   function SessionStore() {
     this.loading = false;
     this.api = new SessionAPI();
-    this.networkError = false;
+    this.networkError = null;
     mobx.makeObservable(this, {
       loading: mobx.observable
     });
@@ -2227,16 +2311,37 @@ var LoginForm = function LoginForm(_ref) {
       setPassword = _useState2[1];
 
   var navigate = reactRouterDom.useNavigate();
+
+  var authorizeUser = function authorizeUser(credentials) {
+    try {
+      return Promise.resolve(sessionStore.authorize(_extends$1({
+        scope: scope
+      }, credentials), storeSession)).then(function (session) {
+        if (session) {
+          if (onSuccess && typeof onSuccess === "function") {
+            onSuccess(session);
+          }
+
+          setPassword("");
+          navigate(redirectPath);
+        } else if (onFailure && typeof onFailure === "function") {
+          onFailure();
+        }
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   React.useEffect(function () {
     onscan.attachTo(document, {
       suffixKeyCodes: [13],
       reactToPaste: true,
       onScan: function onScan(sCode, _) {
-        console.log("logging in with code: " + sCode);
-        sessionStore.authorize({
+        void authorizeUser({
           username: "code",
           password: sCode
-        }, storeSession);
+        });
       }
     });
     return function () {
@@ -2255,22 +2360,11 @@ var LoginForm = function LoginForm(_ref) {
   var handleSubmit = function handleSubmit(event) {
     try {
       event.preventDefault();
-      return Promise.resolve(sessionStore.authorize({
-        scope: scope,
+      void authorizeUser({
         username: username,
         password: password
-      }, storeSession)).then(function (session) {
-        if (session) {
-          if (onSuccess && typeof onSuccess === "function") {
-            onSuccess(session);
-          }
-
-          setPassword("");
-          navigate(redirectPath);
-        } else if (onFailure && typeof onFailure === "function") {
-          onFailure();
-        }
       });
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
@@ -2775,7 +2869,7 @@ var useLogin = function useLogin(scope, loginProps) {
       redirectUri = _useAuthConfig.redirectUri,
       defaultRedirectPath = _useAuthConfig.redirectPath;
 
-  var _useModal = useModalHook.useModal(LoginModal$1, _extends$1({
+  var _useModal = useModal(LoginModal$1, _extends$1({
     scope: scope
   }, loginProps)),
       showModal = _useModal[0];
@@ -2801,54 +2895,51 @@ var useLogin = function useLogin(scope, loginProps) {
   };
 };
 
-var useStyles = styles$1.makeStyles({
-  root: function root(_ref) {
-    var styles = _ref.styles;
-    return styles;
-  },
-  nav: {
-    marginRight: 10
-  },
-  user: {
-    marginRight: 20,
-    backgroundColor: "rgba(0,0,0,0.05)",
-    borderRadius: 5,
-    border: "1px solid rgba(0,0,0, 0.25)"
-  },
-  userInfo: {
-    paddingLeft: "1em"
-  },
-  button: {
-    color: "white",
-    backgroundColor: "transparent",
-    "&:hover": {
-      backgroundColor: "rgba(0,0,0,0.05)"
-    }
-  },
-  loginButton: {
-    padding: "6px 18px"
-  },
-  logoutButton: {
-    paddingRight: 18
-  },
-  avatar: {
-    paddingRight: "0.5em"
-  },
-  menu: function menu(_ref2) {
-    var menuStyles = _ref2.menuStyles;
-    return _extends$1({
-      marginTop: 48,
+var useStyles = (function (_ref) {
+  var styles = _ref.styles,
+      menuStyles = _ref.menuStyles,
+      menuDropdownStyles = _ref.menuDropdownStyles;
+  return {
+    root: styles,
+    nav: {
+      marginRight: "10px"
+    },
+    user: {
+      marginRight: "20px",
+      backgroundColor: "rgba(0,0,0,0.05)",
+      borderRadius: "5px",
+      border: "1px solid rgba(0,0,0, 0.25)"
+    },
+    userInfo: {
+      paddingLeft: "1em"
+    },
+    button: {
+      color: "white",
+      backgroundColor: "transparent",
+      "&:hover": {
+        backgroundColor: "rgba(0,0,0,0.05)"
+      }
+    },
+    loginButton: {
+      padding: "6px 18px"
+    },
+    logoutButton: {
+      paddingRight: "18px"
+    },
+    avatar: {
+      paddingRight: "0.5em"
+    },
+    menu: _extends$1({
+      marginTop: "48px",
       backgroundColor: "rgba(0,0,0,0.5)"
-    }, menuStyles);
-  },
-  popover: function popover(_ref3) {
-    var menuDropdownStyles = _ref3.menuDropdownStyles;
-    return _extends$1({
-      minWidth: "20%",
-      backgroundColor: "#2d2d2d",
-      color: "white"
-    }, menuDropdownStyles);
-  }
+    }, menuStyles, {
+      "& .MuiPaper-root": _extends$1({
+        minWidth: "20%",
+        backgroundColor: "#2d2d2d",
+        color: "white"
+      }, menuDropdownStyles)
+    })
+  };
 });
 
 var Header = function Header(_ref) {
@@ -2895,7 +2986,7 @@ var Header = function Header(_ref) {
       menuAnchorEl = _useState2[0],
       setMenuAnchorEl = _useState2[1];
 
-  var classes = useStyles({
+  var headerStyles = useStyles({
     styles: styles,
     menuStyles: menuStyles,
     menuDropdownStyles: menuDropdownStyles
@@ -2963,14 +3054,14 @@ var Header = function Header(_ref) {
     var currentUser = userStore.currentUser;
     return /*#__PURE__*/React__default.createElement(Box, {
       display: "inline-block",
-      className: classes.avatar
+      sx: headerStyles.avatar
     }, currentUser && currentUser.name);
   };
 
   var renderNav = function renderNav() {
     return navItems && /*#__PURE__*/React__default.createElement(Box, {
       display: "flex",
-      className: classes.nav
+      sx: headerStyles.nav
     }, navItems.map(function (item) {
       return /*#__PURE__*/React__default.createElement(Button, {
         key: item.label,
@@ -2978,7 +3069,7 @@ var Header = function Header(_ref) {
           return handleItemClick(item);
         },
         endIcon: item.icon,
-        className: classes.button
+        sx: headerStyles.button
       }, item.label);
     }));
   };
@@ -2987,23 +3078,23 @@ var Header = function Header(_ref) {
     var currentUser = userStore.getCurrentUserJS;
     return /*#__PURE__*/React__default.createElement(Box, {
       display: "flex",
-      className: classes.user
+      sx: headerStyles.user
     }, currentUser ? /*#__PURE__*/React__default.createElement(Box, {
       display: "flex",
       alignItems: "center",
-      className: classes.userInfo
+      sx: headerStyles.userInfo
     }, showCompanyLogo && renderUserCompanyLogo(), renderUserAvatar(), /*#__PURE__*/React__default.createElement(Button, {
       id: "logout-button",
       onClick: handleLogout,
       endIcon: /*#__PURE__*/React__default.createElement(ExitToAppIcon, null),
-      className: classes.button + " " + classes.logoutButton,
+      sx: _extends$1({}, headerStyles.button, headerStyles.logoutButton),
       "data-testid": "ac-sdk-header-logout-button"
     }, languageStore.translations.headerLogoutButton)) : /*#__PURE__*/React__default.createElement(Button, {
       id: "login-button",
       onClick: function onClick() {
         return navigate("/login");
       },
-      className: classes.button + " " + classes.loginButton,
+      sx: _extends$1({}, headerStyles.button, headerStyles.loginButton),
       "data-testid": "ac-sdk-header-login-button"
     }, languageStore.translations.headerLoginButton));
   };
@@ -3030,10 +3121,7 @@ var Header = function Header(_ref) {
       },
       open: Boolean(menuAnchorEl),
       onClose: handleMenuClose,
-      className: classes.menu,
-      PopoverClasses: {
-        paper: classes.popover
-      }
+      sx: headerStyles.menu
     }, menuItems.map(function (item) {
       return /*#__PURE__*/React__default.createElement(MenuItem, {
         key: item.label,
@@ -3047,7 +3135,7 @@ var Header = function Header(_ref) {
   return /*#__PURE__*/React__default.createElement(AppBar, {
     position: position,
     elevation: 0,
-    className: classes.root,
+    sx: headerStyles.root,
     "data-testid": dataTestID || "ac-sdk-header"
   }, /*#__PURE__*/React__default.createElement(Toolbar, {
     variant: "dense"
@@ -3142,6 +3230,8 @@ Container.defaultProps = {
   headerProps: {}
 };
 
+var backdropPattern = "backdropPattern~bkGGEBvj.svg";
+
 var FullscreenBackdrop = function FullscreenBackdrop() {
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -3153,423 +3243,12 @@ var FullscreenBackdrop = function FullscreenBackdrop() {
       left: "0",
       width: "100%",
       height: "100%",
-      overflow: "hidden"
+      overflow: "hidden",
+      backgroundImage: "url(" + backdropPattern + ")",
+      backgroundRepeat: "no-repeat",
+      backgroundSize: "cover"
     }
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "1920",
-    height: "1080",
-    viewBox: "0 0 1920 1080",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    filter: "url(#filter0_d_2183_34073)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M0 0H1920V1080H0V0Z",
-    fill: "#1E1E1E"
-  })), /*#__PURE__*/React__default.createElement("mask", {
-    id: "mask0_2183_34073",
-    style: {
-      maskType: "alpha"
-    },
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "1920",
-    height: "1080"
-  }, /*#__PURE__*/React__default.createElement("rect", {
-    width: "1920",
-    height: "1080",
-    fill: "#1E1E1E"
-  })), /*#__PURE__*/React__default.createElement("g", {
-    mask: "url(#mask0_2183_34073)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M948.46 -0.00012207L931.49 -0.00012207L0 931.49L0 948.46L948.46 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M914.52 -0.00012207L897.54 -0.00012207L0 897.54L0 914.52L914.52 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M880.58 -0.00012207L863.6 -0.00012207L0 863.6L0 880.58L880.58 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1016.34 -0.00012207L999.37 -0.00012207L0 999.37L0 1016.34L1016.34 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M982.4 -0.00012207L965.43 -0.00012207L0 965.43L0 982.4L982.4 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M846.63 -0.00012207L829.66 -0.00012207L0 829.66L0 846.63L846.63 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M778.75 -0.00012207L761.78 -0.00012207L0 761.78L0 778.75L778.75 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1050.28 -0.00012207L1033.31 -0.00012207L0 1033.31L0 1050.28L1050.28 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M812.69 -0.00012207L795.72 -0.00012207L0 795.72L0 812.69L812.69 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M744.81 -0.00012207L727.84 -0.00012207L0 727.84L0 744.81L744.81 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1457.57 -0.00012207L1440.6 -0.00012207L360.602 1080H377.572L1457.57 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1389.69 -0.00012207L1372.72 -0.00012207L292.719 1080H309.689L1389.69 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1321.81 -0.00012207L1304.84 -0.00012207L224.84 1080H241.81L1321.81 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1355.75 -0.00012207L1338.78 -0.00012207L258.781 1080H275.751L1355.75 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M710.87 -0.00012207L693.9 -0.00012207L0 693.9L0 710.87L710.87 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1423.63 -0.00012207L1406.66 -0.00012207L326.66 1080H343.63L1423.63 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1152.1 -0.00012207L1135.13 -0.00012207L55.1289 1080H72.0989L1152.1 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1118.16 -0.00012207L1101.19 -0.00012207L21.1914 1080H38.1614L1118.16 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1186.04 -0.00012207L1169.07 -0.00012207L89.0703 1080H106.04L1186.04 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1253.93 -0.00012207L1236.96 -0.00012207L156.961 1080H173.931L1253.93 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1219.99 -0.00012207L1203.02 -0.00012207L123.02 1080H139.99L1219.99 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1287.87 -0.00012207L1270.9 -0.00012207L190.898 1080H207.868L1287.87 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M439.34 -0.00012207L422.37 -0.00012207L0 422.37L0 439.34L439.34 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M167.81 -0.00012207L150.84 -0.00012207L0 150.84L0 167.81L167.81 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M201.75 -0.00012207L184.78 -0.00012207L0 184.78L0 201.75L201.75 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M133.87 -0.00012207L116.9 -0.00012207L0 116.9L0 133.87L133.87 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M235.69 -0.00012207L218.72 -0.00012207L0 218.72L0 235.69L235.69 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M269.63 -0.00012207L252.66 -0.00012207L0 252.66L0 269.63L269.63 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1067.25 -0.00012207L0 1067.25L0 1080H4.22L1084.22 -0.00012207L1067.25 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M303.57 -0.00012207L286.61 -0.00012207L0 286.61L0 303.57L303.57 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M32.05 -0.00012207L15.08 -0.00012207L0 15.0799L0 32.0499L32.05 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M65.99 -0.00012207L49.02 -0.00012207L0 49.0199L0 65.9899L65.99 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M99.93 -0.00012207L82.96 -0.00012207L0 82.9599L0 99.9299L99.93 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1491.52 -0.00012207L1474.54 -0.00012207L394.539 1080H411.509L1491.52 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M575.1 -0.00012207L558.13 -0.00012207L0 558.13L0 575.1L575.1 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M507.22 -0.00012207L490.25 -0.00012207L0 490.25L0 507.22L507.22 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M337.52 -0.00012207L320.55 -0.00012207L0 320.55L0 337.52L337.52 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M642.99 -0.00012207L626.02 -0.00012207L0 626.02L0 642.99L642.99 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M609.04 -0.00012207L592.08 -0.00012207L0 592.08L0 609.04L609.04 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M541.16 -0.00012207L524.19 -0.00012207L0 524.19L0 541.16L541.16 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M473.28 -0.00012207L456.31 -0.00012207L0 456.31L0 473.28L473.28 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M371.46 -0.00012207L354.49 -0.00012207L0 354.49L0 371.46L371.46 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M405.4 -0.00012207L388.43 -0.00012207L0 388.43L0 405.4L405.4 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M676.93 -0.00012207L659.96 -0.00012207L0 659.96L0 676.93L676.93 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 420.04V403.07L1243.07 1080H1260.04L1920 420.04Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 352.16V335.19L1175.19 1080H1192.16L1920 352.16Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 589.75V572.78L1412.78 1080H1429.75L1920 589.75Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 623.69V606.72L1446.72 1080H1463.69L1920 623.69Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 691.57V674.6L1514.6 1080H1531.57L1920 691.57Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 657.63V640.66L1480.66 1080H1497.63L1920 657.63Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 386.1V369.13L1209.13 1080H1226.1L1920 386.1Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 453.98V437.01L1277.01 1080H1293.98L1920 453.98Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 521.87V504.9L1344.9 1080H1361.87L1920 521.87Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 725.51V708.54L1548.54 1080H1565.51L1920 725.51Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 487.93V470.95L1310.95 1080H1327.92L1920 487.93Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 555.81V538.84L1378.84 1080H1395.81L1920 555.81Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 963.1V946.13L1786.13 1080H1803.1L1920 963.1Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 929.16V912.19L1752.19 1080H1769.16L1920 929.16Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 997.04V980.07L1820.07 1080H1837.04L1920 997.04Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 759.45V742.48L1582.48 1080H1599.45L1920 759.45Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 1064.92V1047.95L1887.95 1080H1904.92L1920 1064.92Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 1030.98V1014.01L1854.01 1080H1870.98L1920 1030.98Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 793.39V776.42L1616.42 1080H1633.39L1920 793.39Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 827.34V810.37L1650.37 1080H1667.34L1920 827.34Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 861.28V844.31L1684.31 1080H1701.28L1920 861.28Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 895.22V878.25L1718.25 1080H1735.22L1920 895.22Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 318.22V301.25L1141.25 1080H1158.22L1920 318.22Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1729.1 -0.00012207L1712.13 -0.00012207L632.129 1080H649.099L1729.1 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1763.04 -0.00012207L1746.07 -0.00012207L666.07 1080H683.04L1763.04 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1830.93 -0.00012207L1813.96 -0.00012207L733.961 1080H750.931L1830.93 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1796.98 -0.00012207L1780.01 -0.00012207L700.012 1080H716.992L1796.98 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1864.87 -0.00012207L1847.9 -0.00012207L767.898 1080H784.868L1864.87 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1695.16 -0.00012207L1678.19 -0.00012207L598.191 1080H615.161L1695.16 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1593.34 -0.00012207L1576.37 -0.00012207L496.371 1080H513.341L1593.34 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1559.4 -0.00012207L1542.43 -0.00012207L462.43 1080H479.4L1559.4 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1661.22 -0.00012207L1644.25 -0.00012207L564.25 1080H581.22L1661.22 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1627.28 -0.00012207L1610.31 -0.00012207L530.309 1080H547.279L1627.28 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 46.6898V29.7198L869.719 1080H886.689L1920 46.6898Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 216.4V199.43L1039.42 1080H1056.4L1920 216.4Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 182.46V165.48L1005.48 1080H1022.46L1920 182.46Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 250.34V233.37L1073.37 1080H1090.34L1920 250.34Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 148.51V131.54L971.539 1080H988.509L1920 148.51Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1898.81 -0.00012207L1881.84 -0.00012207L801.84 1080H818.81L1898.81 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 284.28V267.31L1107.31 1080H1124.28L1920 284.28Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1525.46 -0.00012207L1508.48 -0.00012207L428.488 1080H445.458L1525.46 -0.00012207Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 12.7499V-0.00012207L1915.78 -0.00012207L835.781 1080H852.751L1920 12.7499Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 80.6299V63.6599L903.66 1080H920.63L1920 80.6299Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M1920 114.57V97.5999L937.602 1080H954.572L1920 114.57Z",
-    fill: "black",
-    fillOpacity: "0.1"
-  })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("filter", {
-    id: "filter0_d_2183_34073",
-    x: "-60",
-    y: "-64",
-    width: "2048",
-    height: "1208",
-    filterUnits: "userSpaceOnUse",
-    colorInterpolationFilters: "sRGB"
-  }, /*#__PURE__*/React__default.createElement("feFlood", {
-    floodOpacity: "0",
-    result: "BackgroundImageFix"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    in: "SourceAlpha",
-    type: "matrix",
-    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-    result: "hardAlpha"
-  }), /*#__PURE__*/React__default.createElement("feOffset", {
-    dx: "4"
-  }), /*#__PURE__*/React__default.createElement("feGaussianBlur", {
-    stdDeviation: "32"
-  }), /*#__PURE__*/React__default.createElement("feComposite", {
-    in2: "hardAlpha",
-    operator: "out"
-  }), /*#__PURE__*/React__default.createElement("feColorMatrix", {
-    type: "matrix",
-    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.28 0"
-  }), /*#__PURE__*/React__default.createElement("feBlend", {
-    mode: "normal",
-    in2: "BackgroundImageFix",
-    result: "effect1_dropShadow_2183_34073"
-  }), /*#__PURE__*/React__default.createElement("feBlend", {
-    mode: "normal",
-    in: "SourceGraphic",
-    in2: "effect1_dropShadow_2183_34073",
-    result: "shape"
-  })))));
+  });
 };
 
 var LoginPage = function LoginPage(_ref) {
@@ -3650,7 +3329,8 @@ var Router = function Router(_ref) {
   })));
 };
 
-var NetworkError = function NetworkError() {
+var NetworkError = function NetworkError(_ref) {
+  var message = _ref.message;
   return /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(FullscreenBackdrop, null), /*#__PURE__*/React__default.createElement(material.Card, {
     style: {
       backgroundColor: "inherit",
@@ -3658,8 +3338,13 @@ var NetworkError = function NetworkError() {
       maxWidth: "600px",
       margin: "200px auto"
     }
-  }, /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(material.Box, {
+  }, /*#__PURE__*/React__default.createElement(material.CardContent, {
+    style: {
+      minHeight: "unset"
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
     display: "flex",
+    flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
     m: "125px 80px"
@@ -3669,7 +3354,13 @@ var NetworkError = function NetworkError() {
       color: "rgba(255, 255, 255, 0.6)",
       fontFamily: "Roboto"
     }
-  }, languageStore.translations.networkErrorHeader)))));
+  }, languageStore.translations.networkErrorHeader), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      textAlign: "center",
+      color: "rgba(255, 255, 255, 0.6)",
+      fontFamily: "Roboto"
+    }
+  }, message)))));
 };
 
 var App = mobxReactLite.observer(function (_ref) {
@@ -3729,7 +3420,7 @@ var App = mobxReactLite.observer(function (_ref) {
     }, authProps)
   }, sessionStore.networkError ? /*#__PURE__*/React__default.createElement(NetworkError, null) : appReady && /*#__PURE__*/React__default.createElement(Router, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
     path: "*",
-    element: /*#__PURE__*/React__default.createElement(useModalHook.ModalProvider, null, children)
+    element: /*#__PURE__*/React__default.createElement(ModalProvider, null, children)
   }))));
 });
 App.propTypes = {