asab_webui_shell 25.1.11 → 25.1.13

package/dist/modules/auth/reducer.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = reducer;
+exports.default = reducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("./actions");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var initialState = {
   userinfo: null,
   resources: [],

package/dist/modules/auth/screens/AccessControlScreen.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
@@ -28,51 +28,50 @@ var _reactstrap = require("reactstrap");
 */
 
 function AccessControlScreen(props) {
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Container, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Container, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
     className: "justify-content-center pt-5"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     md: "6"
-  }, /*#__PURE__*/_react["default"].createElement(AccessControlCard, null))));
+  }, /*#__PURE__*/_react.default.createElement(AccessControlCard, null))));
 }
-var _default = exports["default"] = AccessControlScreen;
+var _default = exports.default = AccessControlScreen;
 function AccessControlCard(props) {
   var _useSelector;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
-  var tenant = (0, _reactRedux.useSelector)(function (state) {
+  var {
+    t,
+    i18n
+  } = (0, _reactI18next.useTranslation)();
+  var tenant = (0, _reactRedux.useSelector)(state => {
     var _state$tenant;
     return (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;
   });
-  var userinfo = (0, _reactRedux.useSelector)(function (state) {
+  var userinfo = (0, _reactRedux.useSelector)(state => {
     var _state$auth;
     return (_state$auth = state.auth) === null || _state$auth === void 0 ? void 0 : _state$auth.userinfo;
   });
-  var resources = ((_useSelector = (0, _reactRedux.useSelector)(function (state) {
+  var resources = ((_useSelector = (0, _reactRedux.useSelector)(state => {
     var _state$auth2;
     return (_state$auth2 = state.auth) === null || _state$auth2 === void 0 ? void 0 : _state$auth2.resources;
   })) === null || _useSelector === void 0 ? void 0 : _useSelector.sort()) || [];
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.CardHeader, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Card, null, /*#__PURE__*/_react.default.createElement(_reactstrap.CardHeader, {
     className: "card-header-flex"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "flex-fill"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, t('AccessControlScreen|Access control')))), /*#__PURE__*/_react["default"].createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("h3", null, t('AccessControlScreen|Access control')))), /*#__PURE__*/_react.default.createElement("ul", {
     className: "list-group list-group-flush"
-  }, (userinfo === null || userinfo === void 0 ? void 0 : userinfo.username) && /*#__PURE__*/_react["default"].createElement("li", {
+  }, (userinfo === null || userinfo === void 0 ? void 0 : userinfo.username) && /*#__PURE__*/_react.default.createElement("li", {
     className: "list-group-item"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     className: "col-6"
-  }, t('AccessControlScreen|Username')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, userinfo.username))), tenant && /*#__PURE__*/_react["default"].createElement("li", {
+  }, t('AccessControlScreen|Username')), /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, userinfo.username))), tenant && /*#__PURE__*/_react.default.createElement("li", {
     className: "list-group-item"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     className: "col-6"
-  }, t('AccessControlScreen|Tenant')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, tenant))), resources && /*#__PURE__*/_react["default"].createElement("li", {
+  }, t('AccessControlScreen|Tenant')), /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, tenant))), resources && /*#__PURE__*/_react.default.createElement("li", {
     className: "list-group-item"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Row, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     className: "col-6"
-  }, t('AccessControlScreen|Resources')), /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, null, resources.map(function (resource) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: resource
-    }, resource);
-  }))))));
+  }, t('AccessControlScreen|Resources')), /*#__PURE__*/_react.default.createElement(_reactstrap.Col, null, resources.map(resource => /*#__PURE__*/_react.default.createElement("div", {
+    key: resource
+  }, resource)))))));
 }

package/dist/modules/auth/screens/InvitationScreen.js

@@ -1,216 +1,177 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = InvitationScreen;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+exports.default = InvitationScreen;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
 var _asab_webui_components = require("asab_webui_components");
 var _reactRouterDom = require("react-router-dom");
 var _reactstrap = require("reactstrap");
-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); }
 // Component that handles user invitation
 function InvitationScreen(props) {
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    emailValue = _useState2[0],
-    setEmailValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(undefined),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isInvitationSuccessful = _useState4[0],
-    setIsInvitationSuccessful = _useState4[1];
-  var _useState5 = (0, _react.useState)(undefined),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    registrationUrl = _useState6[0],
-    setRegistrationUrl = _useState6[1];
-  var _useState7 = (0, _react.useState)(undefined),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    urlCopied = _useState8[0],
-    setUrlCopied = _useState8[1];
-  var tenant = (0, _reactRedux.useSelector)(function (state) {
+  var [emailValue, setEmailValue] = (0, _react.useState)('');
+  var [isInvitationSuccessful, setIsInvitationSuccessful] = (0, _react.useState)(undefined);
+  var [registrationUrl, setRegistrationUrl] = (0, _react.useState)(undefined);
+  var [urlCopied, setUrlCopied] = (0, _react.useState)(undefined);
+  var tenant = (0, _reactRedux.useSelector)(state => {
     var _state$tenant;
     return (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;
   });
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+  var {
+    t
+  } = (0, _reactI18next.useTranslation)();
   var navigate = (0, _reactRouterDom.useNavigate)();
   var SeaCatAuthAPI = props.app.axiosCreate('seacat-auth');
 
   // Copy registration URL if there is any
-  var copyRegistrationUrl = function copyRegistrationUrl() {
+  var copyRegistrationUrl = () => {
     if (!registrationUrl) {
       console.error('No registration URL to copy.');
       return;
     }
-    navigator.clipboard.writeText(registrationUrl).then(function () {
+    navigator.clipboard.writeText(registrationUrl).then(() => {
       setUrlCopied(true);
-      var timeoutId = setTimeout(function () {
-        return setUrlCopied(false);
-      }, 3000);
-      return function () {
+      var timeoutId = setTimeout(() => setUrlCopied(false), 3000);
+      return () => {
         clearTimeout(timeoutId);
       };
-    })["catch"](function (error) {
+    }).catch(error => {
       console.error('Failed to copy registration URL: ', error);
     });
   };
 
   // Validate email input
-  var emailValidation = function emailValidation(e) {
+  var emailValidation = e => {
     e.preventDefault();
     setEmailValue(e.target.value);
   };
 
   // Send invitation to the specified email
   var sendInvitation = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
-      var body, _response$data, _response$data2, response, _response$data3, _e$response, _e$response2;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            e.preventDefault();
-            body = {
-              email: emailValue
-            };
-            _context.prev = 2;
-            _context.next = 5;
-            return SeaCatAuthAPI.post("/account/".concat(tenant, "/invite"), body);
-          case 5:
-            response = _context.sent;
-            if (!((response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.result) !== 'OK')) {
-              _context.next = 8;
-              break;
-            }
-            throw new Error('Invitation has not been sent');
-          case 8:
-            setIsInvitationSuccessful(true);
-            setEmailValue('');
-            if (response !== null && response !== void 0 && (_response$data2 = response.data) !== null && _response$data2 !== void 0 && _response$data2.registration_url) {
-              setRegistrationUrl(response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.registration_url);
-            } else {
-              setRegistrationUrl(undefined);
-            }
-            _context.next = 17;
-            break;
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](2);
-            setIsInvitationSuccessful(false);
-            if (_context.t0 !== null && _context.t0 !== void 0 && (_e$response = _context.t0.response) !== null && _e$response !== void 0 && (_e$response = _e$response.data) !== null && _e$response !== void 0 && _e$response.registration_url) {
-              setRegistrationUrl(_context.t0 === null || _context.t0 === void 0 || (_e$response2 = _context.t0.response) === null || _e$response2 === void 0 || (_e$response2 = _e$response2.data) === null || _e$response2 === void 0 ? void 0 : _e$response2.registration_url);
-            } else {
-              setRegistrationUrl(undefined);
-            }
-          case 17:
-          case "end":
-            return _context.stop();
+    var _ref = (0, _asyncToGenerator2.default)(function* (e) {
+      e.preventDefault();
+      var body = {
+        email: emailValue
+      };
+      try {
+        var _response$data, _response$data2;
+        var response = yield SeaCatAuthAPI.post("/account/".concat(tenant, "/invite"), body);
+        if ((response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.result) !== 'OK') {
+          throw new Error('Invitation has not been sent');
+        }
+        setIsInvitationSuccessful(true);
+        setEmailValue('');
+        if (response !== null && response !== void 0 && (_response$data2 = response.data) !== null && _response$data2 !== void 0 && _response$data2.registration_url) {
+          var _response$data3;
+          setRegistrationUrl(response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.registration_url);
+        } else {
+          setRegistrationUrl(undefined);
+        }
+      } catch (e) {
+        var _e$response;
+        setIsInvitationSuccessful(false);
+        if (e !== null && e !== void 0 && (_e$response = e.response) !== null && _e$response !== void 0 && (_e$response = _e$response.data) !== null && _e$response !== void 0 && _e$response.registration_url) {
+          var _e$response2;
+          setRegistrationUrl(e === null || e === void 0 || (_e$response2 = e.response) === null || _e$response2 === void 0 || (_e$response2 = _e$response2.data) === null || _e$response2 === void 0 ? void 0 : _e$response2.registration_url);
+        } else {
+          setRegistrationUrl(undefined);
         }
-      }, _callee, null, [[2, 13]]);
-    }));
+      }
+    });
     return function sendInvitation(_x) {
       return _ref.apply(this, arguments);
     };
   }();
 
   // Component that displays the registration URL with a copy button
-  var CopyableRegistrationUrl = function CopyableRegistrationUrl(_ref2) {
-    var registrationUrl = _ref2.registrationUrl;
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, t('InvitationScreen|If you want to invite the user manually, message them the registration URL below:')), /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+  var CopyableRegistrationUrl = _ref2 => {
+    var {
+      registrationUrl
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormText, null, t('InvitationScreen|If you want to invite the user manually, message them the registration URL below:')), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       readOnly: true,
       value: registrationUrl
-    }), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    }), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       outline: true,
       color: "primary",
       className: "text-nowrap",
       onClick: copyRegistrationUrl
-    }, /*#__PURE__*/_react["default"].createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: urlCopied ? 'bi bi-clipboard-check pe-2' : 'bi bi-clipboard pe-2',
       title: t('InvitationScreen|Copy to clipboard')
     }), urlCopied ? t('InvitationScreen|Copied!') : t('InvitationScreen|Copy URL'))));
   };
 
   // Display for successful invitation
-  var SuccessfulInvitationCardBody = function SuccessfulInvitationCardBody() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h6", null, t('InvitationScreen|Invitation was sent successfully')), registrationUrl && /*#__PURE__*/_react["default"].createElement(CopyableRegistrationUrl, {
-      registrationUrl: registrationUrl
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "mt-2"
-    }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-      onClick: function onClick() {
-        return navigate('/auth/credentials');
-      },
-      color: "primary",
-      size: "lg"
-    }, t('General|Continue'))));
-  };
+  var SuccessfulInvitationCardBody = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h6", null, t('InvitationScreen|Invitation was sent successfully')), registrationUrl && /*#__PURE__*/_react.default.createElement(CopyableRegistrationUrl, {
+    registrationUrl: registrationUrl
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "mt-2"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    onClick: () => navigate('/auth/credentials'),
+    color: "primary",
+    size: "lg"
+  }, t('General|Continue'))));
 
   // Display for unsuccessful invitation
-  var UnsuccessfulInvitationCardBody = function UnsuccessfulInvitationCardBody() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h6", null, t('InvitationScreen|Invitation was not sent')), registrationUrl ? /*#__PURE__*/_react["default"].createElement(CopyableRegistrationUrl, {
-      registrationUrl: registrationUrl
-    }) : /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, t('InvitationScreen|The user could not be invited')), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "mt-2"
-    }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-      onClick: function onClick() {
-        return setIsInvitationSuccessful(undefined);
-      },
-      color: "primary",
-      size: "lg"
-    }, t('General|Back'))));
-  };
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.Container, {
+  var UnsuccessfulInvitationCardBody = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h6", null, t('InvitationScreen|Invitation was not sent')), registrationUrl ? /*#__PURE__*/_react.default.createElement(CopyableRegistrationUrl, {
+    registrationUrl: registrationUrl
+  }) : /*#__PURE__*/_react.default.createElement(_reactstrap.FormText, null, t('InvitationScreen|The user could not be invited')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "mt-2"
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+    onClick: () => setIsInvitationSuccessful(undefined),
+    color: "primary",
+    size: "lg"
+  }, t('General|Back'))));
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.Container, {
     fluid: true,
     className: isInvitationSuccessful == undefined ? '' : 'h-100'
-  }, isInvitationSuccessful != undefined ? /*#__PURE__*/_react["default"].createElement(_asab_webui_components.ResultCard, {
+  }, isInvitationSuccessful != undefined ? /*#__PURE__*/_react.default.createElement(_asab_webui_components.ResultCard, {
     isSuccessful: isInvitationSuccessful ? true : false,
-    body: isInvitationSuccessful ? /*#__PURE__*/_react["default"].createElement(SuccessfulInvitationCardBody, null) : /*#__PURE__*/_react["default"].createElement(UnsuccessfulInvitationCardBody, null)
-  }) : /*#__PURE__*/_react["default"].createElement(_reactstrap.Row, {
+    body: isInvitationSuccessful ? /*#__PURE__*/_react.default.createElement(SuccessfulInvitationCardBody, null) : /*#__PURE__*/_react.default.createElement(UnsuccessfulInvitationCardBody, null)
+  }) : /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
     className: "justify-content-center pt-5"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Col, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Col, {
     md: "4"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Form, {
-    onSubmit: function onSubmit(e) {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, {
+    onSubmit: e => {
       sendInvitation(e);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Card, {
     className: "invite-card"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.CardHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.CardHeader, {
     className: "card-header-flex"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "flex-fill"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-person-plus pe-2"
-  }), t('InvitationScreen|Invite other users')))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, null, t('InvitationScreen|Enter the user\'s email address')), /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupText, null, /*#__PURE__*/_react["default"].createElement("i", {
+  }), t('InvitationScreen|Invite other users')))), /*#__PURE__*/_react.default.createElement(_reactstrap.CardBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, t('InvitationScreen|Enter the user\'s email address')), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroupText, null, /*#__PURE__*/_react.default.createElement("i", {
     className: "bi bi-envelope-at"
-  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
     name: "email",
     type: "email",
     autoComplete: "email",
     autoFocus: true,
     value: emailValue,
-    onChange: function onChange(e) {
+    onChange: e => {
       emailValidation(e);
     }
-  }))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardFooter, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactstrap.CardFooter, {
     className: "card-footer-flex"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     outline: true,
     color: "primary",
     type: "button",
-    onClick: function onClick() {
-      return navigate(-1);
-    }
-  }, t('General|Cancel')), /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: () => navigate(-1)
+  }, t('General|Cancel')), /*#__PURE__*/_react.default.createElement("div", {
     className: "flex-fill"
-  }, "\xA0"), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+  }, "\xA0"), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
     color: "primary",
     disabled: emailValue === '' // Disable button if input is empty
   }, t('InvitationScreen|Invite'))))))));

package/dist/modules/i18n/dropdown.js

@@ -1,28 +1,27 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = LanguageDropdown;
+exports.default = LanguageDropdown;
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _actions = require("./actions");
 var _reactRedux = require("react-redux");
 var _reactstrap = require("reactstrap");
-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 LanguageDropdown(props) {
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
-  var changeLanguage = function changeLanguage(language) {
-    i18n.changeLanguage(language).then(function () {
+  var {
+    t,
+    i18n
+  } = (0, _reactI18next.useTranslation)();
+  var changeLanguage = language => {
+    i18n.changeLanguage(language).then(() => {
       // if the hard refresh is needed: window.location.reload(false);
     });
   };
   var dispatch = (0, _reactRedux.useDispatch)();
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var _i18n$language;
     dispatch({
       type: _actions.CHANGE_LANGUAGE,
@@ -34,29 +33,29 @@ function LanguageDropdown(props) {
   if (i18n.options.supportedLngs == null || i18n.options.supportedLngs == false) {
     return null;
   }
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledDropdown, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledDropdown, {
     direction: "down"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownToggle, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
     nav: true,
     caret: true
-  }, /*#__PURE__*/_react["default"].createElement(LanguageFlag, {
+  }, /*#__PURE__*/_react.default.createElement(LanguageFlag, {
     language: i18n.language,
     style: {
       width: '24px'
     }
-  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
     className: "shadow"
-  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
     header: true
-  }, t('i18n|Language')), i18n.options.supportedLngs.map(function (language, i) {
+  }, t('i18n|Language')), i18n.options.supportedLngs.map((language, i) => {
     if (language == 'cimode') return null;
-    return /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
       key: language,
       title: language,
-      onClick: function onClick() {
+      onClick: () => {
         changeLanguage(language);
       }
-    }, /*#__PURE__*/_react["default"].createElement(LanguageFlag, {
+    }, /*#__PURE__*/_react.default.createElement(LanguageFlag, {
       language: language,
       className: "pe-2",
       style: {
@@ -66,10 +65,12 @@ function LanguageDropdown(props) {
   })));
 }
 function LanguageFlag(_ref) {
-  var language = _ref.language,
-    className = _ref.className,
-    style = _ref.style;
-  return /*#__PURE__*/_react["default"].createElement("img", {
+  var {
+    language,
+    className,
+    style
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("img", {
     className: className,
     src: "media/locale/".concat(language, ".svg"),
     style: style

package/dist/modules/i18n/index.js

@@ -4,41 +4,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-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"));
+exports.default = void 0;
 var _asab_webui_components = require("asab_webui_components");
 var _service = _interopRequireDefault(require("./service.js"));
 var _dropdown = _interopRequireDefault(require("./dropdown.js"));
 var _reducer = _interopRequireDefault(require("./reducer.js"));
-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 I18nModule = exports["default"] = /*#__PURE__*/function (_Module) {
-  function I18nModule(app, name, props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, I18nModule);
-    _this = _callSuper(this, I18nModule, [app, "I18nModule"]);
-    _this.App = app;
-    _this.I18nService = new _service["default"](app, "I18nService");
-    _this.App.ReduxService.addReducer("language", _reducer["default"]);
-    return _this;
+class I18nModule extends _asab_webui_components.Module {
+  constructor(app, name, props) {
+    super(app, "I18nModule");
+    this.App = app;
+    this.I18nService = new _service.default(app, "I18nService");
+    this.App.ReduxService.addReducer("language", _reducer.default);
   }
-  (0, _inherits2["default"])(I18nModule, _Module);
-  return (0, _createClass2["default"])(I18nModule, [{
-    key: "initialize",
-    value: function initialize() {
-      var headerService = this.App.locateService("HeaderService");
-      headerService.addComponent({
-        component: _dropdown["default"],
-        componentProps: {
-          children: "LanguageDropdown"
-        },
-        order: 500,
-        fullscreenVisible: true
-      });
-    }
-  }]);
-}(_asab_webui_components.Module);
+  initialize() {
+    var headerService = this.App.locateService("HeaderService");
+    headerService.addComponent({
+      component: _dropdown.default,
+      componentProps: {
+        children: "LanguageDropdown"
+      },
+      order: 500,
+      fullscreenVisible: true
+    });
+  }
+}
+exports.default = I18nModule;

package/dist/modules/i18n/reducer.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = languageReducer;
+exports.default = languageReducer;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actions = require("./actions");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var initialValue = {
   language: 'en'
 };