andoncloud-sdk 1.1.0 → 1.1.1

package/dist/andoncloud-sdk.js

@@ -13,6 +13,7 @@ var ReactDOM__default = _interopDefault(ReactDOM);
 var useModalHook = require('use-modal-hook');
 var mobx = require('mobx');
 var reactRouterDom = require('react-router-dom');
+var core = require('@material-ui/core');
 
 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-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(})/g,a=/\/\*[^]*?\*\/|\s\s+|\n/g,o=(e,t)=>{let r,l="",a="",n="";for(let c in e){let s=e[c];"object"==typeof s?(r=t?t.replace(/([^,])+/g,e=>c.replace(/([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):c,a+="@"==c[0]?"f"==c[1]?o(s,c):c+"{"+o(s,"k"==c[1]?"":t)+"}":o(s,r)):"@"==c[0]&&"i"==c[1]?l=c+" "+s+";":(c=c.replace(/[A-Z]/g,"-$&").toLowerCase(),n+=o.p?o.p(c,s):c+":"+s+";");}return n[0]?(r=t?t+"{"+n+"}":n,l+r+a):l+a},n={},c=e=>{let t="";for(let r in e)t+=r+("object"==typeof e[r]?c(e[r]):e[r]);return t},s=(e,t,r,s,i)=>{let p="object"==typeof e?c(e):e,u=n[p]||(n[p]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(p));if(!n[u]){let t="object"==typeof 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]]||{}):t[4]||(r[0][t[1]]=t[2]);return r[0]})(e);n[u]=o(i?{["@keyframes "+u]:t}:t,r?"":"."+u);}return ((e,t,r)=>{-1==t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(n[u],t,s),u},i=(e,t,r)=>e.reduce((e,l,a)=>{let n=t[a];if(n&&n.call){let e=n(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;n=t?"."+t:e&&"object"==typeof e?e.props?"":o(e,""):e;}return e+l+(null==n?"":n)},"");function p(e){let r=this||{},l=e.call?e(r.p):e;return s(l.unshift?l.raw?i(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>t?Object.assign(e,t.call?t(r.p):t):e,{}):l,t(r.target),r.g,r.o,r.k)}let u,f,d,g=p.bind({g:1}),b=p.bind({k:1});function h(e,t,r,l){o.p=t,u=e,f=r,d=l;}function j(e,t){let r=this||{};return function(){let l=arguments;function a(o,n){let c=Object.assign({},o),s=c.className||a.className;r.p=Object.assign({theme:f&&f()},c),r.o=/ *go\d+/.test(s),c.className=p.apply(r,l)+(s?" "+s:""),t&&(c.ref=n);let i=c.as||e;return delete c.as,d&&i[0]&&d(c),u(i,c)}return t?t(a):a}}
 
@@ -7254,6 +7255,7 @@ var loginCardCancelButton = "Cancel";
 var loginCardSubmitButton = "Sign in";
 var loginCardUsernameHint = "Username";
 var loginCardPasswordHint = "Password";
+var networkErrorHeader = "Connection issue detected - reload the page";
 var commonEn = {
 	unexpectedErrorMessage: unexpectedErrorMessage,
 	changeLanguageText: changeLanguageText,
@@ -7264,7 +7266,8 @@ var commonEn = {
 	loginCardCancelButton: loginCardCancelButton,
 	loginCardSubmitButton: loginCardSubmitButton,
 	loginCardUsernameHint: loginCardUsernameHint,
-	loginCardPasswordHint: loginCardPasswordHint
+	loginCardPasswordHint: loginCardPasswordHint,
+	networkErrorHeader: networkErrorHeader
 };
 
 var unexpectedErrorMessage$1 = "Wystąpił nieoczekiwany błąd serwera";
@@ -7277,6 +7280,7 @@ var loginCardCancelButton$1 = "Anuluj";
 var loginCardSubmitButton$1 = "Zaloguj";
 var loginCardUsernameHint$1 = "Użytkownik";
 var loginCardPasswordHint$1 = "Hasło";
+var networkErrorHeader$1 = "Błąd połączenia - odśwież stronę";
 var commonPl = {
 	unexpectedErrorMessage: unexpectedErrorMessage$1,
 	changeLanguageText: changeLanguageText$1,
@@ -7287,7 +7291,8 @@ var commonPl = {
 	loginCardCancelButton: loginCardCancelButton$1,
 	loginCardSubmitButton: loginCardSubmitButton$1,
 	loginCardUsernameHint: loginCardUsernameHint$1,
-	loginCardPasswordHint: loginCardPasswordHint$1
+	loginCardPasswordHint: loginCardPasswordHint$1,
+	networkErrorHeader: networkErrorHeader$1
 };
 
 var defaultLocale = "pl";
@@ -7339,17 +7344,21 @@ var acFetch = function acFetch(url, options) {
       options.headers = Object.assign({}, headers, options.headers);
     }
 
-    return Promise.resolve(fetch(url, options)).then(function (response) {
-      if (!response.ok) {
-        if (response.status === 401) {
-          sessionStore.removeSession();
+    return Promise.resolve(_catch(function () {
+      return Promise.resolve(fetch(url, options)).then(function (response) {
+        if (!(response !== null && response !== void 0 && response.ok)) {
+          if (response.status === 401) {
+            sessionStore.removeSession();
+          }
+        } else {
+          andoncloudFetch.callback(response, false);
         }
-      } else {
-        andoncloudFetch.callback(response, false);
-      }
 
-      return response;
-    });
+        return response;
+      });
+    }, function () {
+      sessionStore.setNetworkError(true);
+    }));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -7723,18 +7732,24 @@ var SessionAPI = /*#__PURE__*/function () {
         };
       }
 
-      return Promise.resolve(acFetch(_this4.baseUrl + "/v2/me", fetchParams)).then(function (response) {
-        return Promise.resolve(response.json()).then(function (_ref2) {
-          var user = _ref2.user;
-          return {
-            id: user.id,
-            companyId: user.company_id,
-            roleId: user.role_id,
-            username: user.username,
-            email: user.email,
-            name: user.name
-          };
-        });
+      var response;
+      return Promise.resolve(acFetch(_this4.baseUrl + "/v2/me", fetchParams)).then(function (_fetch) {
+        response = _fetch;
+        return function () {
+          if (response) {
+            return Promise.resolve(response.json()).then(function (_ref2) {
+              var user = _ref2.user;
+              return {
+                id: user.id,
+                companyId: user.company_id,
+                roleId: user.role_id,
+                username: user.username,
+                email: user.email,
+                name: user.name
+              };
+            });
+          }
+        }();
       });
     } catch (e) {
       return Promise.reject(e);
@@ -7764,6 +7779,7 @@ var SessionStore = /*#__PURE__*/function () {
   function SessionStore() {
     this.loading = false;
     this.api = new SessionAPI();
+    this.networkError = false;
     mobx.makeObservable(this, {
       loading: mobx.observable
     });
@@ -7775,6 +7791,10 @@ var SessionStore = /*#__PURE__*/function () {
     this.api.setAuthConfig(config);
   };
 
+  _proto2.setNetworkError = function setNetworkError(value) {
+    this.networkError = value;
+  };
+
   _proto2.isLoggedIn = function isLoggedIn() {
     return Boolean(this.session);
   };
@@ -7926,15 +7946,8 @@ var SessionStore = /*#__PURE__*/function () {
   };
 
   _proto2.removeSession = function removeSession() {
-    try {
-      var _this18 = this;
-
-      CookiesManager.remove("authHeaders");
-      _this18.session = null;
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
+    CookiesManager.remove("authHeaders");
+    this.session = null;
   };
 
   _proto2.setCurrentUser = function setCurrentUser(user) {
@@ -25750,58 +25763,15 @@ Container.defaultProps = {
   headerProps: {}
 };
 
-var LoginPage = function LoginPage(_ref) {
-  var redirectPath = _ref.redirectPath;
-
-  var toggleLocale = function toggleLocale() {
-    languageStore.setLocale(languageStore.locale === "pl" ? "en" : "pl");
-  };
-
-  return /*#__PURE__*/React__default.createElement(Container, {
-    headerProps: {
-      position: "static",
-      leadingText: "AndonCloud Software",
-      userProps: {
-        show: false
-      },
-      menuProps: {
-        items: [{
-          label: languageStore.translations.changeLanguageText,
-          action: toggleLocale
-        }],
-        buttonColor: "white"
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    display: "flex",
-    height: "calc(100vh - 48px)",
-    alignItems: "center",
-    justifyContent: "center",
-    position: "relative"
-  }, /*#__PURE__*/React__default.createElement(FullscreenBackdrop, null), /*#__PURE__*/React__default.createElement(Card, {
-    style: {
-      zIndex: 1,
-      backgroundColor: "inherit"
-    }
-  }, /*#__PURE__*/React__default.createElement(CardContent, null, /*#__PURE__*/React__default.createElement(LoginForm$1, {
-    title: languageStore.translations.loginFormText,
-    redirectPath: redirectPath
-  })))));
-};
-
-LoginPage.propTypes = {
-  redirectPath: PropTypes.PropTypes.string
-};
-LoginPage.defaultProps = {
-  redirectPath: "/"
-};
-var LoginPage$1 = observer(LoginPage);
 var FullscreenBackdrop = function FullscreenBackdrop() {
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
-      zIndex: 0,
+      zIndex: -1,
       position: "absolute",
       top: "0",
+      bottom: "0",
+      right: "0",
+      left: "0",
       width: "100%",
       height: "100%",
       overflow: "hidden"
@@ -26223,6 +26193,53 @@ var FullscreenBackdrop = function FullscreenBackdrop() {
   })))));
 };
 
+var LoginPage = function LoginPage(_ref) {
+  var redirectPath = _ref.redirectPath;
+
+  var toggleLocale = function toggleLocale() {
+    languageStore.setLocale(languageStore.locale === "pl" ? "en" : "pl");
+  };
+
+  return /*#__PURE__*/React__default.createElement(Container, {
+    headerProps: {
+      position: "static",
+      leadingText: "AndonCloud Software",
+      userProps: {
+        show: false
+      },
+      menuProps: {
+        items: [{
+          label: languageStore.translations.changeLanguageText,
+          action: toggleLocale
+        }],
+        buttonColor: "white"
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    display: "flex",
+    height: "calc(100vh - 48px)",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative"
+  }, /*#__PURE__*/React__default.createElement(FullscreenBackdrop, null), /*#__PURE__*/React__default.createElement(Card, {
+    style: {
+      zIndex: 1,
+      backgroundColor: "inherit"
+    }
+  }, /*#__PURE__*/React__default.createElement(CardContent, null, /*#__PURE__*/React__default.createElement(LoginForm$1, {
+    title: languageStore.translations.loginFormText,
+    redirectPath: redirectPath
+  })))));
+};
+
+LoginPage.propTypes = {
+  redirectPath: PropTypes.PropTypes.string
+};
+LoginPage.defaultProps = {
+  redirectPath: "/"
+};
+var LoginPage$1 = observer(LoginPage);
+
 var LoginRoute = function LoginRoute() {
   var _useAuthConfig = useAuthConfig(),
       grantType = _useAuthConfig.grantType,
@@ -26281,7 +26298,29 @@ var Router = function Router(_ref) {
   return /*#__PURE__*/React__default.createElement(reactRouterDom.BrowserRouter, null, children, /*#__PURE__*/React__default.createElement(LoginRoute, null), /*#__PURE__*/React__default.createElement(RedirectRoute, null));
 };
 
-var App = function App(_ref) {
+var NetworkError = function NetworkError() {
+  return /*#__PURE__*/React__default.createElement(core.Box, null, /*#__PURE__*/React__default.createElement(FullscreenBackdrop, null), /*#__PURE__*/React__default.createElement(core.Card, {
+    style: {
+      backgroundColor: "inherit",
+      background: "linear-gradient(180deg, #393939 0%, #4A4A4A 100%)",
+      maxWidth: "600px",
+      margin: "200px auto"
+    }
+  }, /*#__PURE__*/React__default.createElement(core.CardContent, null, /*#__PURE__*/React__default.createElement(core.Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    m: "125px 80px"
+  }, /*#__PURE__*/React__default.createElement("h1", {
+    style: {
+      textAlign: "center",
+      color: "rgba(255, 255, 255, 0.6)",
+      fontFamily: "Roboto"
+    }
+  }, languageStore.translations.networkErrorHeader)))));
+};
+
+var App = observer(function (_ref) {
   var children = _ref.children,
       baseUrl = _ref.baseUrl,
       authProps = _ref.authProps,
@@ -26336,9 +26375,8 @@ var App = function App(_ref) {
     config: _extends$1({
       baseUrl: baseUrl
     }, authProps)
-  }, /*#__PURE__*/React__default.createElement(Router, null, /*#__PURE__*/React__default.createElement(useModalHook.ModalProvider, null, children, /*#__PURE__*/React__default.createElement(Toaster, null)))));
-};
-
+  }, sessionStore.networkError ? /*#__PURE__*/React__default.createElement(NetworkError, null) : /*#__PURE__*/React__default.createElement(Router, null, /*#__PURE__*/React__default.createElement(useModalHook.ModalProvider, null, /*#__PURE__*/React__default.createElement(Toaster, null), children))));
+});
 App.propTypes = {
   children: PropTypes.PropTypes.any.isRequired,
   baseUrl: PropTypes.PropTypes.string.isRequired,