@agilemotion/oui-react-js 1.2.7 → 1.2.9

package/dist/BasicApp.css

@@ -0,0 +1,37 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  animation: App-logo-spin infinite 20s linear;
+  height: 80px;
+}
+
+.App-header {
+  background-color: #222;
+  height: 150px;
+  padding: 20px;
+  color: white;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+@keyframes App-logo-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+#pdf-frame {
+  display: none;
+  align-items: stretch;
+  position: absolute;
+  width: 100%;
+  height: 100%
+}
+
+#root {
+  height: 100%;
+  background-color: #ffffff;
+}

package/dist/BasicApp.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+require("./BasicApp.css");
+
+var _themeDefault = _interopRequireDefault(require("./theme-default"));
+
+var _MuiThemeProvider = _interopRequireDefault(require("material-ui/styles/MuiThemeProvider"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _LoginBasic = _interopRequireDefault(require("./view/security/LoginBasic"));
+
+var _ForgotPasswordBasic = _interopRequireDefault(require("./view/security/ForgotPasswordBasic"));
+
+var _ResetPasswordBasic = _interopRequireDefault(require("./view/security/ResetPasswordBasic"));
+
+var _ChangePasswordBasic = _interopRequireDefault(require("./view/security/ChangePasswordBasic"));
+
+var _core = require("@material-ui/core");
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+const agilityTheme = (0, _core.createMuiTheme)({
+  palette: {
+    primary: {
+      main: '#015588'
+    },
+    secondary: {
+      main: '#000099'
+    },
+    white: {
+      main: '#ffffff'
+    }
+  }
+});
+
+class BasicApp extends _react.Component {
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, {
+      basename: "/"
+    }, /*#__PURE__*/_react.default.createElement(_MuiThemeProvider.default, {
+      muiTheme: _themeDefault.default
+    }, /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+      theme: agilityTheme
+    }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/",
+      exact: true,
+      component: this.props.home
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/home",
+      component: this.props.home
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/login",
+      render: props => /*#__PURE__*/_react.default.createElement(_LoginBasic.default, {
+        url: location + this.props.authUrl + "/login",
+        background: 'rgba(0, 0, 0, 0.65)',
+        title: 'Business Agility',
+        logo: this.props.logoUrl
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/forgot-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ForgotPasswordBasic.default, {
+        url: location + this.props.authUrl + "/password/forgot",
+        background: 'rgba(0, 0, 0, 0.65)',
+        title: 'Business Agility',
+        logo: this.props.logoUrl
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/reset-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ResetPasswordBasic.default, {
+        url: location + this.props.authUrl + "/password/confirmForgot",
+        background: 'rgba(0, 0, 0, 0.65)',
+        title: 'Business Agility',
+        logo: this.props.logoUrl
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+      path: "/change-password",
+      render: () => /*#__PURE__*/_react.default.createElement(_ChangePasswordBasic.default, {
+        url: location + this.props.authUrl + "/password/challenge",
+        background: 'rgba(0, 0, 0, 0.65)',
+        title: 'Business Agility',
+        logo: this.props.logoUrl
+      })
+    }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: "/home"
+    })))));
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)(BasicApp);
+
+exports.default = _default;

package/dist/BasicAppHome.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRedux = require("react-redux");
+
+var _reactRouterDom = require("react-router-dom");
+
+var _redux = require("redux");
+
+var _DashboardStore = require("./redux/store/DashboardStore");
+
+var _LoadingIndicator = _interopRequireDefault(require("./components/LoadingIndicator"));
+
+var _BasicBusinessApp = _interopRequireDefault(require("./components/dashboard/BasicBusinessApp"));
+
+var _ApplicationContext = _interopRequireWildcard(require("./ApplicationContext"));
+
+var _TokenManager = _interopRequireDefault(require("./security/TokenManager"));
+
+var _Utils = _interopRequireDefault(require("./Utils"));
+
+var _core = require("@material-ui/core");
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+
+const propHandler = state => {
+  let isLoading = state.dashboard.isLoading;
+  let dashboardSettings = state.dashboard.dashboardSettings;
+  return {
+    isLoading: isLoading,
+    error: state.error,
+    dashboardSettings: dashboardSettings
+  };
+};
+
+class BasicAppHome extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dashboardSettings: null,
+      message: "",
+      open: false,
+      avatarUrl: null,
+      tokenRefreshMonitorStarted: false
+    };
+  }
+
+  componentDidMount() {
+    _ApplicationContext.default.setApplicationHistory(this.props.history);
+
+    _ApplicationContext.default.setServiceApiPath(this.props.serviceApiPath);
+
+    _ApplicationContext.default.setUIConfigPath(this.props.uiConfigPath);
+
+    _ApplicationContext.default.setBaseApiUrl(this.props.baseApiUrl);
+
+    _ApplicationContext.default.setFilesApiPath(this.props.filesApiPath);
+
+    this.props.getDashboardSettings(location + this.props.baseApiUrl + "/ui/setup");
+  }
+
+  componentDidUpdate(prevProps) {
+    if (JSON.stringify(prevProps.dashboardSettings) !== JSON.stringify(this.props.dashboardSettings) && !this.props.error) {
+      this.setState({
+        dashboardSettings: this.props.dashboardSettings
+      });
+
+      if (!this.state.tokenRefreshMonitorStarted && !_Utils.default.isNull(this.props.dashboardSettings)) {
+        _TokenManager.default.startTokenRefreshMonitor(location + this.props.authUrl + "/refresh", this.props.dashboardSettings.userName);
+
+        this.setState({
+          tokenRefreshMonitorStarted: true
+        });
+
+        if (!_Utils.default.isNull(this.props.dashboardSettings.userAvatar)) {
+          this.setState({
+            avatarUrl: this.props.dashboardSettings.userAvatar.url
+          });
+        }
+
+        let avatarListener = {};
+        avatarListener.type = _ApplicationContext.AVATAR_LISTENER_TYPE;
+
+        avatarListener.handler = avatar => {
+          this.setState({
+            avatarUrl: avatar.url
+          });
+        };
+
+        _ApplicationContext.default.addApplicationListener(avatarListener);
+
+        _ApplicationContext.default.setApplicationThemeColors(this.props.dashboardSettings.systemProfileDto.firstCorporateBrandColor, this.props.dashboardSettings.systemProfileDto.secondCorporateBrandColor);
+
+        this.setState({
+          loadingColor: this.props.dashboardSettings.systemProfileDto.firstCorporateBrandColor
+        });
+      }
+    }
+
+    if (prevProps.error !== this.props.error && this.props.error) {
+      this.setState({
+        message: "A system error has accured"
+      });
+    }
+  }
+
+  logout() {
+    sessionStorage.removeItem("accessToken");
+    sessionStorage.removeItem("refreshToken");
+    sessionStorage.removeItem("idToken");
+    sessionStorage.removeItem("lastLogin");
+
+    _ApplicationContext.default.clear();
+
+    this.props.history.push('/login');
+  }
+
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "main w-100 h-100 d-inline-block"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "w-100 h-100"
+    }, this.state.dashboardSettings !== null ? /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+      theme: (0, _core.createMuiTheme)({
+        palette: {
+          primary: {
+            main: this.state.dashboardSettings.systemProfileDto.firstCorporateBrandColor
+          },
+          secondary: {
+            main: this.state.dashboardSettings.systemProfileDto.secondCorporateBrandColor
+          }
+        }
+      })
+    }, /*#__PURE__*/_react.default.createElement(_BasicBusinessApp.default, {
+      logoutCallBack: () => {
+        this.logout();
+      },
+      settings: this.state.dashboardSettings,
+      avatar: !_Utils.default.isNull(this.state.avatarUrl) ? this.state.avatarUrl : null,
+      logo: this.state.dashboardSettings.logo,
+      appLogoPath: this.props.appLogoPath
+    })) : null), /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, {
+      color: this.state.loadingColor
+    })));
+  }
+
+}
+
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(propHandler, dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(BasicAppHome));
+
+exports.default = _default;

package/dist/DynamicJS.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TEMPLATE_REGEX = void 0;
+
+var _ApplicationContext = _interopRequireWildcard(require("./ApplicationContext"));
+
+var _Utils = _interopRequireDefault(require("./Utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const TEMPLATE_REGEX = new RegExp('[@]{1}([#@]{1}{)(([a-zA-Z0-9_.[\\]]*)+){1}}((\\(([^)]*)\\))*)', 'g');
+exports.TEMPLATE_REGEX = TEMPLATE_REGEX;
+
+class DynamicJS {
+  constructor() {
+    _defineProperty(this, "evaluateExpression", expression => {
+      return _ApplicationContext.default.resolveExpressionValue(expression);
+    });
+
+    _defineProperty(this, "parseScript", (script, componentId, isScriptlet) => {
+      let parsedScript = script.replace(/#this/g, '#' + componentId).replace(/isNull/g, 'this.isNull').replace(/\$application/g, _ApplicationContext.APP_VARIABLE).replace(/isEmpty/g, 'this.isEmpty');
+      let matches = parsedScript.match(TEMPLATE_REGEX);
+
+      if (!_Utils.default.isNull(matches)) {
+        let expressions = [];
+
+        var _iterator = _createForOfIteratorHelper(matches),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            const match = _step.value;
+
+            if (!expressions.includes(match.trim())) {
+              expressions.push(match.trim());
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+
+        for (var _i = 0, _expressions = expressions; _i < _expressions.length; _i++) {
+          const expression = _expressions[_i];
+          var replaceRegex = new RegExp("".concat(expression), 'g');
+          parsedScript = parsedScript.replace(replaceRegex, "this.evaluateExpression(\"".concat(expression, "\")"));
+        }
+      }
+
+      return _Utils.default.isNull(isScriptlet) || isScriptlet === true && !parsedScript.trim().startsWith('return') ? "return ".concat(parsedScript) : parsedScript;
+    });
+
+    _defineProperty(this, "executeScript", (name, scriptCode, componentId, isScriplet = true, event) => {
+      let parsedScript = this.parseScript(scriptCode, componentId, isScriplet);
+      let eventParam = null;
+
+      if (!_Utils.default.isNull(event)) {
+        eventParam = {};
+        eventParam.data = event.data;
+      }
+
+      try {
+        let func = new Function(parsedScript.replace(/\$event/g, JSON.stringify(eventParam)));
+
+        if (!_Utils.default.isNull(name)) {
+          DynamicJS.prototype[name] = func;
+          let result = instance[name]({});
+          delete DynamicJS.prototype[name];
+          return result;
+        }
+      } catch (e) {
+        console.error("Error Executing script : " + name + " - " + parsedScript);
+        console.error(e);
+        throw e;
+      }
+
+      return null;
+    });
+
+    _defineProperty(this, "executeScriptObject", (name, script, componentId = null, valuesMap = {}, event = null) => {
+      let scriptBody = '';
+
+      var _iterator2 = _createForOfIteratorHelper(script.lines),
+          _step2;
+
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          const line = _step2.value;
+          scriptBody += this.parseScriptLine(line, valuesMap);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+
+      return this.executeScript(name, scriptBody, componentId, false, event);
+    });
+
+    if (!DynamicJS.instance) {
+      DynamicJS.instance = this;
+    }
+
+    return DynamicJS.instance;
+  }
+
+  isNull(value) {
+    return _Utils.default.isNull(value);
+  }
+
+  isEmpty(value) {
+    return _Utils.default.isNull(value) || value.toString().trim().length === 0;
+  }
+
+  parseScriptLine(line, valuesMap) {
+    let parsedLine = line;
+
+    if (!parsedLine.endsWith(";") && !parsedLine.endsWith(":") && !parsedLine.endsWith("{") && !parsedLine.endsWith("}")) {
+      parsedLine += ";";
+    }
+
+    if (!_Utils.default.isNull(valuesMap)) {
+      const properties = Object.getOwnPropertyNames(valuesMap);
+
+      var _iterator3 = _createForOfIteratorHelper(properties),
+          _step3;
+
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          const property = _step3.value;
+          var replaceRegex = new RegExp("@{".concat(property, "}"), 'g');
+          let propertyValue = valuesMap[property];
+          parsedLine = parsedLine.replace(replaceRegex, propertyValue);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+
+    return parsedLine;
+  }
+  /**
+   * inject and executes a script
+   *
+   * @param name
+   * @param script
+   * @param componentId
+   * @param valuesMap
+   * @param event
+   */
+
+
+}
+
+const instance = new DynamicJS();
+Object.freeze(instance);
+var _default = instance;
+exports.default = _default;