andoncloud-sdk 1.4.17 → 1.4.19

package/dist/andoncloud-sdk.js

@@ -5,6 +5,7 @@ var CssBaseline = require('@mui/material/CssBaseline');
 var GlobalStyles = require('@mui/material/GlobalStyles');
 var styles = require('@mui/material/styles');
 var mobx = require('mobx');
+var HelpOutlineIcon = require('@mui/icons-material/HelpOutline');
 var material = require('@mui/material');
 var loader = require('./assets/loader.svg');
 var mobxReactLite = require('mobx-react-lite');
@@ -50,6 +51,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var CssBaseline__default = /*#__PURE__*/_interopDefaultLegacy(CssBaseline);
 var GlobalStyles__default = /*#__PURE__*/_interopDefaultLegacy(GlobalStyles);
+var HelpOutlineIcon__default = /*#__PURE__*/_interopDefaultLegacy(HelpOutlineIcon);
 var loader__default = /*#__PURE__*/_interopDefaultLegacy(loader);
 var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
 var DialogContent__default = /*#__PURE__*/_interopDefaultLegacy(DialogContent);
@@ -284,7 +286,8 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var unexpectedErrorMessage$1 = "An unexpected server error has occurred";
+var forbiddenErrorMessage$1 = "You are not authorized to perform this operation";
+var somethingWentWrongMessage$1 = "Oops... something went wrong";
 var changeLanguageText$1 = "Change language to Polish";
 var headerLoginButton$1 = "Sign in";
 var headerLogoutButton$1 = "Sign out";
@@ -297,7 +300,8 @@ var loginCardPasswordHint$1 = "Password";
 var networkErrorHeader$1 = "Connection issue detected";
 var networkErrorButtonText$1 = "Reload the page";
 var commonEn = {
-	unexpectedErrorMessage: unexpectedErrorMessage$1,
+	forbiddenErrorMessage: forbiddenErrorMessage$1,
+	somethingWentWrongMessage: somethingWentWrongMessage$1,
 	changeLanguageText: changeLanguageText$1,
 	headerLoginButton: headerLoginButton$1,
 	headerLogoutButton: headerLogoutButton$1,
@@ -311,7 +315,8 @@ var commonEn = {
 	networkErrorButtonText: networkErrorButtonText$1
 };
 
-var unexpectedErrorMessage = "Wystąpił nieoczekiwany błąd serwera";
+var forbiddenErrorMessage = "Nie masz uprawnień do wykonania tej operacji";
+var somethingWentWrongMessage = "Ups... coś poszło nie tak";
 var changeLanguageText = "Zmiana języka na Angielski";
 var headerLoginButton = "Zaloguj się";
 var headerLogoutButton = "Wyloguj";
@@ -324,7 +329,8 @@ var loginCardPasswordHint = "Hasło";
 var networkErrorHeader = "Błąd połączenia";
 var networkErrorButtonText = "Odśwież stronę";
 var commonPl = {
-	unexpectedErrorMessage: unexpectedErrorMessage,
+	forbiddenErrorMessage: forbiddenErrorMessage,
+	somethingWentWrongMessage: somethingWentWrongMessage,
 	changeLanguageText: changeLanguageText,
 	headerLoginButton: headerLoginButton,
 	headerLogoutButton: headerLogoutButton,
@@ -381,25 +387,45 @@ var acFetch = function acFetch(url, options) {
   }
 
   try {
-    var _temp4 = function _temp4() {
+    var _temp5 = function _temp5() {
       return Promise.resolve(fetch(url, options).catch(function (e) {
-        sessionStore.setNetworkError(e.message);
+        sessionStore.setNetworkError({
+          title: languageStore.translations.somethingWentWrongMessage,
+          details: e.message
+        });
       })).then(function (response) {
-        if (!(response != null && response.ok)) {
-          if (!response || response.status === 500) {
-            if (!sessionStore.networkError) {
-              sessionStore.setNetworkError(languageStore.translations.unexpectedErrorMessage);
-            }
-          } else if (response.status !== 400) {
+        var supportedErrorCodes = [400, 403, 500];
+
+        var _temp2 = function () {
+          if (response != null && response.ok && supportedErrorCodes.includes(response.status)) {
+            var _responseStatus = response.status;
+            return Promise.resolve(response.clone().text()).then(function (textResponse) {
+              switch (_responseStatus) {
+                case 403:
+                  _t.error(languageStore.translations.forbiddenErrorMessage);
+                  break;
+
+                case 500:
+                  _t.error( /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+                    mr: textResponse ? 2 : 0
+                  }, languageStore.translations.somethingWentWrongMessage), textResponse && /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
+                    title: textResponse,
+                    arrow: true
+                  }, /*#__PURE__*/React__default["default"].createElement(HelpOutlineIcon__default["default"], null))));
+                  break;
+              }
+            });
+          } else if (responseStatus !== 200) {
             sessionStore.removeSession();
             sessionStore.removeCurrentUser();
             sessionStore.setNotAuthorizedLoginStatus();
+            andoncloudFetch.callback(response, false);
           }
-        } else {
-          andoncloudFetch.callback(response, false);
-        }
+        }();
 
-        return response;
+        return _temp2 && _temp2.then ? _temp2.then(function () {
+          return response;
+        }) : response;
       });
     };
 
@@ -409,23 +435,23 @@ var acFetch = function acFetch(url, options) {
       options.headers = Object.assign({}, headers, options.headers);
     }
 
-    var _temp5 = function () {
+    var _temp6 = function () {
       if (sessionStore.isLoggedIn() && !options.refresh) {
         var _sessionStore$session = sessionStore.session,
             createdAt = _sessionStore$session.createdAt,
             expiresIn = _sessionStore$session.expiresIn;
 
-        var _temp6 = function () {
+        var _temp7 = function () {
           if (createdAt + expiresIn < Math.round(+new Date() / 1000)) {
             return Promise.resolve(sessionStore.refresh()).then(function () {});
           }
         }();
 
-        if (_temp6 && _temp6.then) return _temp6.then(function () {});
+        if (_temp7 && _temp7.then) return _temp7.then(function () {});
       }
     }();
 
-    return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp4) : _temp4(_temp5));
+    return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
   } catch (e) {
     return Promise.reject(e);
   }
@@ -778,7 +804,7 @@ var SessionAPI = /*#__PURE__*/function () {
                   }
                 });
               }, function () {
-                _t.error(languageStore.translations.unexpectedErrorMessage);
+                _t.error(languageStore.translations.somethingWentWrongMessage);
                 _exit2 = 1;
               });
 
@@ -3015,7 +3041,7 @@ var Router = function Router(_ref) {
 };
 
 var NetworkError = function NetworkError(_ref) {
-  var message = _ref.message;
+  var error = _ref.error;
   return /*#__PURE__*/React__default["default"].createElement(material.Container, {
     maxWidth: false,
     disableGutters: true,
@@ -3044,10 +3070,16 @@ var NetworkError = function NetworkError(_ref) {
     }
   }, languageStore.translations.networkErrorHeader), /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
+      display: "inline-flex",
       textAlign: "center",
       color: "rgba(255, 255, 255, 0.6)"
     }
-  }, message), /*#__PURE__*/React__default["default"].createElement(material.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(material.Typography, {
+    mr: 2
+  }, error.title), /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
+    title: error.details,
+    arrow: true
+  }, /*#__PURE__*/React__default["default"].createElement(HelpOutlineIcon__default["default"], null))), /*#__PURE__*/React__default["default"].createElement(material.Button, {
     onClick: function onClick() {
       return window.location.reload();
     }
@@ -3131,7 +3163,7 @@ var App = mobxReactLite.observer(function (_ref) {
       baseUrl: baseUrl
     }, authProps)
   }, sessionStore.networkError ? /*#__PURE__*/React__default["default"].createElement(NetworkError, {
-    message: sessionStore.networkError
+    error: sessionStore.networkError
   }) : appReady ? /*#__PURE__*/React__default["default"].createElement(Router, null, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
     path: "*",
     element: /*#__PURE__*/React__default["default"].createElement(ModalProvider, null, children)