asab_webui_shell 25.1.1

package/dist/modules/auth/reducer.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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; }
+var initialState = {
+  userinfo: null,
+  resources: [],
+  sessionExpired: false
+};
+function reducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _actions.types.AUTH_USERINFO:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        userinfo: action.payload
+      });
+    case _actions.types.AUTH_RESOURCES:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        resources: action.resources
+      });
+    case _actions.types.AUTH_SESSION_EXPIRATION:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        sessionExpired: action.sessionExpired
+      });
+    default:
+      return state;
+  }
+}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactRedux = require("react-redux");
+var _reactstrap = require("reactstrap");
+/*
+
+	Language localizations for AccessControlScreen can be added to the translation.json files of
+	public/locales/en & public/locales/cs of the product where AccessControlScreen component is used.
+
+	Example:
+
+	{
+		"AccessControlScreen": {
+			"Access control": "Access control",
+			"Username": "Username",
+			"Tenant": "Tenant",
+			"Resources": "Resources"
+		}
+	}
+
+*/
+
+function AccessControlScreen(props) {
+  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, {
+    md: "6"
+  }, /*#__PURE__*/_react["default"].createElement(AccessControlCard, null))));
+}
+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 _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 _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 _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, {
+    className: "card-header-flex"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex-fill"
+  }, /*#__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", {
+    className: "list-group-item"
+  }, /*#__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", {
+    className: "list-group-item"
+  }, /*#__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", {
+    className: "list-group-item"
+  }, /*#__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);
+  }))))));
+}

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

@@ -0,0 +1,161 @@
+"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"));
+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; }
+// 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 tenant = (0, _reactRedux.useSelector)(function (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 navigate = (0, _reactRouterDom.useNavigate)();
+  var SeaCatAuthAPI = props.app.axiosCreate('seacat-auth');
+
+  // Validate email input
+  var emailValidation = function 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;
+      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('');
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](2);
+            setIsInvitationSuccessful(false);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 12]]);
+    }));
+    return function sendInvitation(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  // 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 has been sent successfully')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "mt-2"
+    }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+      block: true,
+      onClick: function onClick() {
+        return 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 has not been sent')), /*#__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, {
+      block: true,
+      onClick: function onClick() {
+        return 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, {
+    isSuccessful: isInvitationSuccessful ? true : false,
+    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, {
+    md: "4"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Form, {
+    onSubmit: function onSubmit(e) {
+      sendInvitation(e);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Card, {
+    className: "invite-card"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.CardHeader, {
+    className: "card-header-flex"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "flex-fill"
+  }, /*#__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 email to invite a user')), /*#__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, {
+    name: "email",
+    type: "email",
+    autoComplete: "email",
+    autoFocus: true,
+    value: emailValue,
+    onChange: function onChange(e) {
+      emailValidation(e);
+    }
+  }))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardFooter, {
+    className: "card-footer-flex"
+  }, /*#__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", {
+    className: "flex-fill"
+  }, "\xA0"), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+    color: "primary",
+    disabled: emailValue === '' // Disable button if input is empty
+  }, t('InvitationScreen|Send'))))))));
+}

package/dist/modules/i18n/actions.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHANGE_LANGUAGE = void 0;
+var CHANGE_LANGUAGE = exports.CHANGE_LANGUAGE = "asab/changeLanguage";

package/dist/modules/i18n/dropdown.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 LanguageDropdown(props) {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var changeLanguage = function changeLanguage(language) {
+    i18n.changeLanguage(language).then(function () {
+      // if the hard refresh is needed: window.location.reload(false);
+    });
+  };
+  var dispatch = (0, _reactRedux.useDispatch)();
+  (0, _react.useEffect)(function () {
+    var _i18n$language;
+    dispatch({
+      type: _actions.CHANGE_LANGUAGE,
+      language: (_i18n$language = i18n === null || i18n === void 0 ? void 0 : i18n.language) !== null && _i18n$language !== void 0 ? _i18n$language : window.navigator.language
+    });
+  }, [i18n.language]);
+
+  // This means that we basically don't know what languages are supported
+  if (i18n.options.supportedLngs == null || i18n.options.supportedLngs == false) {
+    return null;
+  }
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledDropdown, {
+    direction: "down"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownToggle, {
+    nav: true,
+    caret: true
+  }, /*#__PURE__*/_react["default"].createElement(LanguageFlag, {
+    language: i18n.language,
+    style: {
+      width: '24px'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
+    className: "shadow"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    header: true
+  }, t('i18n|Language')), i18n.options.supportedLngs.map(function (language, i) {
+    if (language == 'cimode') return null;
+    return /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+      key: language,
+      title: language,
+      onClick: function onClick() {
+        changeLanguage(language);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(LanguageFlag, {
+      language: language,
+      className: "pe-2",
+      style: {
+        width: '32px'
+      }
+    }), t('i18n|language|' + language));
+  })));
+}
+function LanguageFlag(_ref) {
+  var language = _ref.language,
+    className = _ref.className,
+    style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("img", {
+    className: className,
+    src: "media/locale/".concat(language, ".svg"),
+    style: style
+  });
+}

package/dist/modules/i18n/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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"));
+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;
+  }
+  (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);

package/dist/modules/i18n/reducer.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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; }
+var initialValue = {
+  language: 'en'
+};
+function languageReducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialValue;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case _actions.CHANGE_LANGUAGE:
+      return _objectSpread(_objectSpread({}, state), {}, {
+        current: action.language
+      });
+    default:
+      return state;
+  }
+}

package/dist/modules/i18n/service.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _axios = _interopRequireDefault(require("axios"));
+var _i18next = _interopRequireDefault(require("i18next"));
+var _i18nextBrowserLanguagedetector = _interopRequireDefault(require("i18next-browser-languagedetector"));
+var _reactI18next = require("react-i18next");
+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 _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 I18nService = exports["default"] = /*#__PURE__*/function (_Service) {
+  function I18nService(app) {
+    var _this;
+    var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "I18nService";
+    (0, _classCallCheck2["default"])(this, I18nService);
+    _this = _callSuper(this, I18nService, [app, name]);
+    app.addSplashScreenRequestor(_this);
+    _this.Sources = [];
+    var config = _this.App.Config.get('i18n');
+    if (config === undefined) {
+      config = {
+        debug: true
+      };
+    }
+
+    // config.supportedLngs is not an array but some faked array crap so we need to convert that
+    var supportedLngs = [];
+    for (var i in config.supportedLngs) {
+      supportedLngs.push(config.supportedLngs[i]);
+    }
+    config.supportedLngs = supportedLngs;
+
+    // Missing keys are displayed without the namespace
+    config.parseMissingKeyHandler = function (key) {
+      var n = key.lastIndexOf("|");
+      if (n > 0) {
+        return key.slice(n + 1);
+      }
+      return key;
+    };
+
+    // Set default key separator
+    config.keySeparator = "|";
+    _this.Sources.push(/*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(language, namespace) {
+        var response;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return _axios["default"].get("locales/".concat(language, "/").concat(namespace, ".json"));
+            case 2:
+              response = _context.sent;
+              return _context.abrupt("return", response.data);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _this.Backend = {
+      type: "backend",
+      init: function init(services, backendOptions, i18nextOptions) {},
+      read: function read(language, namespace, callback) {
+        // Prepare all promises that obtain (downloads) translations for a given language and namespace
+        var promises = _this.Sources.flatMap(function (source) {
+          return source(language, namespace);
+        });
+        return new Promise(/*#__PURE__*/function () {
+          var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(resolve, reject) {
+            var bundles, combined;
+            return _regenerator["default"].wrap(function _callee2$(_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return Promise.all(promises.map(function (p) {
+                    return p["catch"](function (err) {
+                      console.warn("Failed to load locales:", err);
+                      return {}; // Skip errors
+                    });
+                  }));
+                case 2:
+                  bundles = _context2.sent;
+                  // Combine downloaded bundles into a one
+                  combined = bundles.reduce(function (accumulator, currentObject) {
+                    return _objectSpread(_objectSpread({}, accumulator), currentObject);
+                  }, {}); // Set the combined bundle to i18n
+                  resolve(callback(null, combined));
+                case 5:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _callee2);
+          }));
+          return function (_x3, _x4) {
+            return _ref2.apply(this, arguments);
+          };
+        }());
+      }
+    };
+    _this.i18n = _i18next["default"].use(_this.Backend).use(_reactI18next.initReactI18next).use(_i18nextBrowserLanguagedetector["default"]).init(config, function (err, t) {
+      if (err) {
+        console.log('Failed to load localizations:', err);
+      }
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(I18nService, _Service);
+  return (0, _createClass2["default"])(I18nService, [{
+    key: "initialize",
+    value: function () {
+      var _initialize = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return this.i18n;
+            case 2:
+              _context3.next = 4;
+              return _i18next["default"].reloadResources();
+            case 4:
+              this.App.removeSplashScreenRequestor(this);
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function initialize() {
+        return _initialize.apply(this, arguments);
+      }
+      return initialize;
+    }()
+  }, {
+    key: "addSource",
+    value: function addSource(promise) {
+      this.Sources.push(promise);
+    }
+  }]);
+}(_asab_webui_components.Service);

package/dist/modules/tenant/TenantDropdown.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactI18next = require("react-i18next");
+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 TenantDropdown(_ref) {
+  var tenants = _ref.tenants,
+    current = _ref.current;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.UncontrolledDropdown, {
+    direction: "down",
+    title: t('tenant|Tenant')
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownToggle, {
+    nav: true,
+    caret: true
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "bi bi-house-lock pe-2"
+  }), /*#__PURE__*/_react["default"].createElement(TenantLabel, {
+    tenant: current
+  })), tenants && tenants.length > 0 ? /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
+    className: "shadow"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    header: true
+  }, "Tenants"), tenants.map(function (tenant, i) {
+    return /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+      key: i,
+      tag: "a",
+      href: '?tenant=' + tenant + '#/'
+    }, /*#__PURE__*/_react["default"].createElement(TenantLabel, {
+      tenant: tenant
+    }));
+  })) : null);
+}
+function TenantLabel(_ref2) {
+  var tenant = _ref2.tenant;
+  return /*#__PURE__*/_react["default"].createElement("span", null, tenant);
+}
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    current: state.tenant.current,
+    tenants: state.tenant.tenants
+  };
+};
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, null)(TenantDropdown);