asab_webui_shell 25.1.12 → 25.1.13

package/dist/modules/tenant/service.js

@@ -4,225 +4,141 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+exports.default = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _asab_webui_components = require("asab_webui_components");
 var _actions = require("./actions");
 var _locationReplace = require("../../components/locationReplace");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var TenantService = exports["default"] = /*#__PURE__*/function (_Service) {
-  function TenantService(app) {
-    var _this;
+class TenantService extends _asab_webui_components.Service {
+  constructor(app) {
     var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'TenantService';
-    (0, _classCallCheck2["default"])(this, TenantService);
-    _this = _callSuper(this, TenantService, [app, name]);
+    super(app, name);
     // Tenant data cache
-    _this.TenantDataCache = {};
-    return _this;
+    this.TenantDataCache = {};
   }
-  (0, _inherits2["default"])(TenantService, _Service);
-  return (0, _createClass2["default"])(TenantService, [{
-    key: "initialize",
-    value: function () {
-      var _initialize = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var tenants, tenants_list, i;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              // If the tenant list is in the configuration, use it
-              // This is useful when tenants are present but auth not
-              tenants = this.App.Config.get('tenants');
-              if (!(tenants != null)) {
-                _context.next = 6;
-                break;
-              }
-              tenants_list = [];
-              for (i = 0; tenants[i] != undefined; i++) {
-                tenants_list.push(tenants[i]);
-              }
-              _context.next = 6;
-              return this.setTenants(tenants_list);
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function initialize() {
-        return _initialize.apply(this, arguments);
+  initialize() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      // If the tenant list is in the configuration, use it
+      // This is useful when tenants are present but auth not
+      var tenants = _this.App.Config.get('tenants');
+      if (tenants != null) {
+        var tenants_list = [];
+        for (var i = 0; tenants[i] != undefined; i++) {
+          tenants_list.push(tenants[i]);
+        }
+        yield _this.setTenants(tenants_list);
       }
-      return initialize;
-    }()
-    /*
-    	setTenants updates the current active tenant and the list of available tenants
-    	and dispatches that information into the application store
-    */
-  }, {
-    key: "setTenants",
-    value: (function () {
-      var _setTenants = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(availableTenants) {
-        var authorizedTenant,
-          tenantFromUrl,
-          currentTenant,
-          _args2 = arguments;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              authorizedTenant = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : undefined;
-              // Extract the current tenant from URL params
-              tenantFromUrl = this._extractTenantFromUrl();
-              /* If tenant has not been provided in access URL, insert the authorized tenant 
-              or the first available tenant into the URL and reload the application */
-              if (!(tenantFromUrl == null)) {
-                _context2.next = 13;
-                break;
-              }
-              if (!authorizedTenant) {
-                _context2.next = 9;
-                break;
-              }
-              _context2.next = 6;
-              return (0, _locationReplace.locationReplace)("".concat(window.location.pathname, "?tenant=").concat(authorizedTenant).concat(window.location.hash));
-            case 6:
-              return _context2.abrupt("return");
-            case 9:
-              if (!(availableTenants && availableTenants.length > 0)) {
-                _context2.next = 13;
-                break;
-              }
-              _context2.next = 12;
-              return (0, _locationReplace.locationReplace)("".concat(window.location.pathname, "?tenant=").concat(availableTenants[0]).concat(window.location.hash));
-            case 12:
-              return _context2.abrupt("return");
-            case 13:
-              if (!(!availableTenants || availableTenants.length == 0)) {
-                _context2.next = 17;
-                break;
-              }
-              _context2.next = 16;
-              return (0, _locationReplace.locationReplace)(window.location.pathname + window.location.hash);
-            case 16:
-              return _context2.abrupt("return");
-            case 17:
-              if (availableTenants) {
-                if (!availableTenants.includes(tenantFromUrl)) {
-                  // Display Invalid tenant alert message only when authorization is disabled
-                  if (this.App.Config.get('authorization') === 'disabled') {
-                    this.App.addAlert('danger', 'ASABTenantModule|Invalid tenant', 40000, true);
-                  }
-                }
-                currentTenant = tenantFromUrl;
-                // Sort available tenants
-                availableTenants.sort(function (a, b) {
-                  var _a$toString, _b$toString;
-                  var tenantA = (a === null || a === void 0 || (_a$toString = a.toString()) === null || _a$toString === void 0 ? void 0 : _a$toString.toLowerCase()) || '';
-                  var tenantB = (b === null || b === void 0 || (_b$toString = b.toString()) === null || _b$toString === void 0 ? void 0 : _b$toString.toLowerCase()) || '';
-                  return tenantA.localeCompare(tenantB);
-                });
-              } else {
-                currentTenant = undefined;
-              }
+    })();
+  }
 
-              // Dispatch tenants obtained from userinfo
-              this.App.Store.dispatch({
-                type: _actions.types.TENANTS_CHANGED,
-                tenants_list: availableTenants,
-                current: currentTenant
-              });
-            case 19:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function setTenants(_x) {
-        return _setTenants.apply(this, arguments);
+  /*
+  	setTenants updates the current active tenant and the list of available tenants
+  	and dispatches that information into the application store
+  */
+  setTenants(availableTenants) {
+    var _arguments = arguments,
+      _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      var authorizedTenant = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : undefined;
+      // Extract the current tenant from URL params
+      var tenantFromUrl = _this2._extractTenantFromUrl();
+
+      /* If tenant has not been provided in access URL, insert the authorized tenant 
+      or the first available tenant into the URL and reload the application */
+      if (tenantFromUrl == null) {
+        if (authorizedTenant) {
+          yield (0, _locationReplace.locationReplace)("".concat(window.location.pathname, "?tenant=").concat(authorizedTenant).concat(window.location.hash));
+          return;
+        } else if (availableTenants && availableTenants.length > 0) {
+          yield (0, _locationReplace.locationReplace)("".concat(window.location.pathname, "?tenant=").concat(availableTenants[0]).concat(window.location.hash));
+          return;
+        }
       }
-      return setTenants;
-    }()
-    /*
-    	getTenantData() method is used for returning the tenant data
-    	It requires SeaCat Auth service
-    */
-    )
-  }, {
-    key: "getTenantData",
-    value: (function () {
-      var _getTenantData = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-        var currentTenant, tenantData, SeaCatAuthAPI, response;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              currentTenant = this.getCurrentTenant(); // If tenant data being cached already, then return the data
-              if (!this.TenantDataCache[currentTenant]) {
-                _context3.next = 3;
-                break;
-              }
-              return _context3.abrupt("return", this.TenantDataCache[currentTenant]);
-            case 3:
-              tenantData = {};
-              if (!currentTenant) {
-                _context3.next = 19;
-                break;
-              }
-              SeaCatAuthAPI = this.App.axiosCreate('seacat-auth');
-              _context3.prev = 6;
-              _context3.next = 9;
-              return SeaCatAuthAPI.get("/tenant/".concat(currentTenant));
-            case 9:
-              response = _context3.sent;
-              tenantData = response.data;
-              this.TenantDataCache[currentTenant] = tenantData;
-              _context3.next = 19;
-              break;
-            case 14:
-              _context3.prev = 14;
-              _context3.t0 = _context3["catch"](6);
-              console.warn("Tenant service can't retrieve data for ".concat(currentTenant));
-              console.error(_context3.t0);
-              // Remove data from the TenantDataCache eventually
-              delete this.TenantDataCache[currentTenant];
-            case 19:
-              return _context3.abrupt("return", tenantData);
-            case 20:
-            case "end":
-              return _context3.stop();
+
+      // In case the list of available tenants is empty or undefined, remove the tenant parameter from URL
+      if (!availableTenants || availableTenants.length == 0) {
+        yield (0, _locationReplace.locationReplace)(window.location.pathname + window.location.hash);
+        return;
+      }
+
+      // Check if the tenant from URL is in the list of avaliable tenants
+      var currentTenant;
+      if (availableTenants) {
+        if (!availableTenants.includes(tenantFromUrl)) {
+          // Display Invalid tenant alert message only when authorization is disabled
+          if (_this2.App.Config.get('authorization') === 'disabled') {
+            _this2.App.addAlert('danger', 'ASABTenantModule|Invalid tenant', 40000, true);
           }
-        }, _callee3, this, [[6, 14]]);
-      }));
-      function getTenantData() {
-        return _getTenantData.apply(this, arguments);
+        }
+        currentTenant = tenantFromUrl;
+        // Sort available tenants
+        availableTenants.sort((a, b) => {
+          var _a$toString, _b$toString;
+          var tenantA = (a === null || a === void 0 || (_a$toString = a.toString()) === null || _a$toString === void 0 ? void 0 : _a$toString.toLowerCase()) || '';
+          var tenantB = (b === null || b === void 0 || (_b$toString = b.toString()) === null || _b$toString === void 0 ? void 0 : _b$toString.toLowerCase()) || '';
+          return tenantA.localeCompare(tenantB);
+        });
+      } else {
+        currentTenant = undefined;
+      }
+
+      // Dispatch tenants obtained from userinfo
+      _this2.App.Store.dispatch({
+        type: _actions.types.TENANTS_CHANGED,
+        tenants_list: availableTenants,
+        current: currentTenant
+      });
+    })();
+  }
+
+  /*
+  	getTenantData() method is used for returning the tenant data
+  	It requires SeaCat Auth service
+  */
+  getTenantData() {
+    var _this3 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      var currentTenant = _this3.getCurrentTenant();
+      // If tenant data being cached already, then return the data
+      if (_this3.TenantDataCache[currentTenant]) {
+        return _this3.TenantDataCache[currentTenant];
       }
-      return getTenantData;
-    }() // getCurrentTenant() method is used for obtaining current tenant
-    )
-  }, {
-    key: "getCurrentTenant",
-    value: function getCurrentTenant() {
-      var state = this.App.Store.getState();
-      var currentTenant = state.tenant.current;
-      // If current tenant is not in redux store yet, get it from the URL params
-      if (!currentTenant) {
-        currentTenant = this._extractTenantFromUrl();
+      var tenantData = {};
+      if (currentTenant) {
+        var SeaCatAuthAPI = _this3.App.axiosCreate('seacat-auth');
+        try {
+          var response = yield SeaCatAuthAPI.get("/tenant/".concat(currentTenant));
+          tenantData = response.data;
+          _this3.TenantDataCache[currentTenant] = tenantData;
+        } catch (e) {
+          console.warn("Tenant service can't retrieve data for ".concat(currentTenant));
+          console.error(e);
+          // Remove data from the TenantDataCache eventually
+          delete _this3.TenantDataCache[currentTenant];
+        }
       }
-      return currentTenant;
-    }
+      return tenantData;
+    })();
+  }
 
-    // Extract tenant from URL params
-  }, {
-    key: "_extractTenantFromUrl",
-    value: function _extractTenantFromUrl() {
-      var search = window.location.search;
-      var params = new URLSearchParams(search);
-      var tenant = params.get('tenant');
-      return tenant;
+  // getCurrentTenant() method is used for obtaining current tenant
+  getCurrentTenant() {
+    var state = this.App.Store.getState();
+    var currentTenant = state.tenant.current;
+    // If current tenant is not in redux store yet, get it from the URL params
+    if (!currentTenant) {
+      currentTenant = this._extractTenantFromUrl();
     }
-  }]);
-}(_asab_webui_components.Service);
+    return currentTenant;
+  }
+
+  // Extract tenant from URL params
+  _extractTenantFromUrl() {
+    var search = window.location.search;
+    var params = new URLSearchParams(search);
+    var tenant = params.get('tenant');
+    return tenant;
+  }
+}
+exports.default = TenantService;

package/dist/screens/InvalidRouteScreen.js

@@ -4,27 +4,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = InvalidRouteScreen;
+exports.default = InvalidRouteScreen;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
 require("./InvalidRouteScreen.scss");
 function InvalidRouteScreen(props) {
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Container, {
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
     className: "invalid-route-container h-100",
     fluid: true
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Card, {
     className: "invalid-route-card"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.CardBody, {
     className: "text-center invalid-route-cardbody"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
     className: "justify-content-center"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-emoji-frown fs-1 text-primary",
     title: t("InvalidRouteScreen|Nothing here")
-  })), /*#__PURE__*/_react["default"].createElement("p", {
+  })), /*#__PURE__*/_react.default.createElement("p", {
     className: "card-text"
   }, t("InvalidRouteScreen|Sorry, we can't find the page you are looking for.")))))));
 }

package/dist/screens/SuspenseScreen.js

@@ -1,43 +1,34 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = SuspenseScreen;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = SuspenseScreen;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _asab_webui_components = require("asab_webui_components");
 var _reactstrap = require("reactstrap");
 var _BrandImage = require("../components/branding/BrandImage");
 require("./SuspenseScreen.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function SuspenseScreen(props) {
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    brandImage = _useState2[0],
-    setBrandImage = _useState2[1];
-  var theme = (0, _reactRedux.useSelector)(function (state) {
-    return state.theme;
-  });
-  (0, _react.useEffect)(function () {
+  var [brandImage, setBrandImage] = (0, _react.useState)(undefined);
+  var theme = (0, _reactRedux.useSelector)(state => state.theme);
+  (0, _react.useEffect)(() => {
     setBrandImage((0, _BrandImage.getBrandImage)(props, theme));
   }, [theme]);
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Container, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
     className: "h-100",
     fluid: true
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "h-100 suspense-content-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
     className: "justify-content-center mb-4"
-  }, brandImage ? /*#__PURE__*/_react["default"].createElement("img", {
+  }, brandImage ? /*#__PURE__*/_react.default.createElement("img", {
     className: "suspense-img",
     src: brandImage === null || brandImage === void 0 ? void 0 : brandImage.full,
     alt: "Loading..."
-  }) : /*#__PURE__*/_react["default"].createElement("h2", {
+  }) : /*#__PURE__*/_react.default.createElement("h2", {
     className: "text-center text-primary"
-  }, "Loading...")), /*#__PURE__*/_react["default"].createElement(_asab_webui_components.Spinner, null))));
+  }, "Loading...")), /*#__PURE__*/_react.default.createElement(_asab_webui_components.Spinner, null))));
 }

package/dist/screens/UnauthorizedAccessScreen.js

@@ -1,17 +1,15 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = UnauthorizedAccessScreen;
+exports.default = UnauthorizedAccessScreen;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
 var _reactstrap = require("reactstrap");
 require("./UnauthorizedAccessScreen.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /*
 	Unauthorized Access screen can be displayed only when:
 	- AuthModule is present within the application
@@ -22,19 +20,18 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 	screen.
 */
 function UnauthorizedAccessScreen(props) {
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var resources = (0, _reactRedux.useSelector)(function (state) {
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  var resources = (0, _reactRedux.useSelector)(state => {
     var _state$auth;
     return (_state$auth = state.auth) !== null && _state$auth !== void 0 && _state$auth.resources ? state.auth.resources : [];
   });
 
   // Check if auth module is active. If not, return the original component
   // Check for desired resource. If present or user is superuser, return the original component
-  var isAuthorized = props.resource === "*" || props.app.Modules.filter(function (obj) {
-    return obj.Name === "AuthModule";
-  }).length === 0 || resources.indexOf(props.resource) !== -1 || resources.indexOf("authz:superuser") !== -1;
-  (0, _react.useLayoutEffect)(function () {
+  var isAuthorized = props.resource === "*" || props.app.Modules.filter(obj => obj.Name === "AuthModule").length === 0 || resources.indexOf(props.resource) !== -1 || resources.indexOf("authz:superuser") !== -1;
+  (0, _react.useLayoutEffect)(() => {
     // Determine if the component should be in print-ready or print-unauthorized state
     if (!isAuthorized) {
       document.body.setAttribute('print-ready', 'true');
@@ -45,7 +42,7 @@ function UnauthorizedAccessScreen(props) {
     }
 
     // Cleanup function to remove the attributes when the component unmounts
-    return function () {
+    return () => {
       document.body.removeAttribute('print-ready');
       document.body.removeAttribute('print-unauthorized');
     };
@@ -53,27 +50,27 @@ function UnauthorizedAccessScreen(props) {
 
   // If user is authorized, let them see the screen content
   if (isAuthorized) {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.routeComponent);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.routeComponent);
   }
 
   // Else return the Not authorized screen
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Container, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
     className: "unauthorized-container h-100",
     fluid: true
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Card, {
     className: "unauthorized-card"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.CardBody, {
     className: "text-center unauthorized-cardbody"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
     className: "justify-content-center"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-exclamation-triangle text-danger fs-1",
     title: t("UnauthorizedAccessScreen|Unauthorized access")
-  })), props.resource ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", {
+  })), props.resource ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     className: "card-text"
-  }, t("UnauthorizedAccessScreen|You are not authorized to access this part of the application. Please ask your application administrator for following resource"), ":"), /*#__PURE__*/_react["default"].createElement("h5", {
+  }, t("UnauthorizedAccessScreen|You are not authorized to access this part of the application. Please ask your application administrator for following resource"), ":"), /*#__PURE__*/_react.default.createElement("h5", {
     className: "card-title"
-  }, props.resource)) : /*#__PURE__*/_react["default"].createElement("p", {
+  }, props.resource)) : /*#__PURE__*/_react.default.createElement("p", {
     className: "card-text"
   }, t("UnauthorizedAccessScreen|You are not authorized to access this part of the application.")))))));
 }