andoncloud-sdk 1.2.1 → 1.3.0

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'));
@@ -28,7 +27,7 @@ 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 +791,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 +1019,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 +1433,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 +2312,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 +2361,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 +2870,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];
@@ -3104,10 +3199,12 @@ var Header$1 = mobxReactLite.observer(Header);
 var Container = function Container(_ref) {
   var children = _ref.children,
       headerProps = _ref.headerProps,
+      styles = _ref.styles,
       dataTestID = _ref["data-testid"];
   return /*#__PURE__*/React__default.createElement(Box, {
     display: "flex",
     flexDirection: "column",
+    sx: styles,
     "data-testid": dataTestID || "ac-sdk-container"
   }, /*#__PURE__*/React__default.createElement(Header$1, headerProps), children);
 };
@@ -3133,12 +3230,15 @@ Container.propTypes = {
       styles: propTypes.PropTypes.any
     }),
     styles: propTypes.PropTypes.any
-  })
+  }),
+  styles: propTypes.PropTypes.any
 };
 Container.defaultProps = {
   headerProps: {}
 };
 
+var backdropPattern = "backdropPattern~bkGGEBvj.svg";
+
 var FullscreenBackdrop = function FullscreenBackdrop() {
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -3150,423 +3250,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) {
@@ -3647,7 +3336,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",
@@ -3655,8 +3345,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"
@@ -3666,7 +3361,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) {
@@ -3726,7 +3427,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 = {