@agilemotion/oui-react-js 1.5.8 → 1.5.9

package/dist/BasicApp.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 require("./BasicApp.css");
 
@@ -27,17 +27,11 @@ var _core = require("@material-ui/core");
 
 var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
 
-var _reactRouter = require("react-router");
-
-var _WithRouter = _interopRequireDefault(require("./WithRouter"));
-
 var _ViewContainer = _interopRequireDefault(require("./components/layout/ViewContainer"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+var _Dashboard = _interopRequireDefault(require("./view/Dashboard"));
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const location = window.location.protocol + "//" + window.location.hostname;
 const agilityTheme = (0, _core.createMuiTheme)({
@@ -58,7 +52,7 @@ const BasicApp = props => {
   const navigate = (0, _reactRouterDom.useNavigate)();
 
   _react.default.useEffect(() => {
-    if (window.location.pathname !== '/reset-password' && window.location.pathname !== '/login') {
+    if (window.location.pathname !== '/reset-password' && window.location.pathname !== '/login' && window.location.pathname !== '/forgot-password' && window.location.pathname !== '/change-password') {
       navigate("/");
     }
   }, []);
@@ -72,7 +66,11 @@ const BasicApp = props => {
     element: props.home
   }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "view/:id",
-    element: /*#__PURE__*/_react.default.createElement(_ViewContainer.default, null)
+    element: /*#__PURE__*/_react.default.createElement(_ViewContainer.default, {
+      dashboard: /*#__PURE__*/_react.default.createElement(_Dashboard.default, {
+        ref: /*#__PURE__*/_react.default.createRef()
+      })
+    })
   })), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/login",
     element: /*#__PURE__*/_react.default.createElement(_LoginBasic.default, {

package/dist/InteractionPortalApp.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./InteractionPortalApp.css");
+
+var _LoginInteractionPortal = _interopRequireDefault(require("./view/security/LoginInteractionPortal"));
+
+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 _MuiThemeProvider = _interopRequireDefault(require("material-ui/styles/MuiThemeProvider"));
+
+var _themeDefault = _interopRequireDefault(require("./theme-default"));
+
+var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
+
+var _ViewContainer = _interopRequireDefault(require("./components/layout/ViewContainer"));
+
+var _reactRouterDom = require("react-router-dom");
+
+var _PortalDashboard = _interopRequireDefault(require("./view/PortalDashboard"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const location = window.location.protocol + "//" + window.location.hostname;
+const agilityTheme = (0, _core.createMuiTheme)({
+  palette: {
+    primary: {
+      main: '#015588'
+    },
+    secondary: {
+      main: '#000099'
+    },
+    white: {
+      main: '#ffffff'
+    }
+  }
+});
+
+const InteractionPortalApp = props => {
+  const navigate = (0, _reactRouterDom.useNavigate)();
+
+  _react.default.useEffect(() => {
+    if (window.location.pathname !== '/reset-password' && window.location.pathname !== '/login' && window.location.pathname !== '/forgot-password' && window.location.pathname !== '/change-password') {
+      navigate("/");
+    }
+  }, []);
+
+  return /*#__PURE__*/_react.default.createElement(_MuiThemeProvider.default, {
+    muiTheme: _themeDefault.default
+  }, /*#__PURE__*/_react.default.createElement(_ThemeProvider.default, {
+    theme: agilityTheme
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/",
+    element: props.home
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "view/:id",
+    element: /*#__PURE__*/_react.default.createElement(_ViewContainer.default, {
+      dashboard: /*#__PURE__*/_react.default.createElement(_PortalDashboard.default, {
+        ref: /*#__PURE__*/_react.default.createRef()
+      })
+    })
+  })), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/login",
+    element: /*#__PURE__*/_react.default.createElement(_LoginInteractionPortal.default, {
+      url: location + props.contextRoot + props.implConfig.authUrl + "/login",
+      background: 'rgba(0, 0, 0, 0.65)',
+      textColor: props.implConfig.loginTextColor,
+      footerLogo: props.implConfig.footerLogo,
+      footerText: props.implConfig.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.implConfig.footerSplitterColor,
+      title: props.implConfig.loginTitle,
+      titleColor: props.implConfig.titleColor,
+      logo: props.implConfig.logo
+    })
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    path: "/forgot-password",
+    element: /*#__PURE__*/_react.default.createElement(_ForgotPasswordBasic.default, {
+      url: location + props.contextRoot + props.authUrl + "/password/forgot",
+      background: 'rgba(0, 0, 0, 0.65)',
+      textColor: props.implConfig.loginTextColor,
+      footerLogo: props.implConfig.footerLogo,
+      footerText: props.implConfig.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.implConfig.footerSplitterColor,
+      title: props.implConfig.loginTitle,
+      titleColor: props.implConfig.titleColor,
+      logo: props.implConfig.logo
+    })
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: "/reset-password",
+    element: /*#__PURE__*/_react.default.createElement(_ResetPasswordBasic.default, {
+      url: location + props.contextRoot + props.authUrl + "/password/confirmForgot",
+      background: 'rgba(0, 0, 0, 0.65)',
+      textColor: props.implConfig.loginTextColor,
+      footerLogo: props.implConfig.footerLogo,
+      footerText: props.implConfig.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.implConfig.footerSplitterColor,
+      title: props.implConfig.loginTitle,
+      titleColor: props.implConfig.titleColor,
+      logo: props.implConfig.logo
+    })
+  }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: "/change-password",
+    element: /*#__PURE__*/_react.default.createElement(_ChangePasswordBasic.default, {
+      url: location + props.contextRoot + props.authUrl + "/password/challenge",
+      background: 'rgba(0, 0, 0, 0.65)',
+      textColor: props.implConfig.loginTextColor,
+      footerLogo: props.implConfig.footerLogo,
+      footerText: props.implConfig.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.implConfig.footerSplitterColor,
+      title: props.implConfig.loginTitle,
+      titleColor: props.implConfig.titleColor,
+      logo: props.implConfig.logo
+    })
+  }))));
+};
+
+var _default = InteractionPortalApp;
+exports.default = _default;

package/dist/{BusinessPortalAppHome.js → InteractionPortalAppHome.js}

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactRouterDom = require("react-router-dom");
-
 var _LoadingIndicator = _interopRequireDefault(require("./components/LoadingIndicator"));
 
 var _BusinessPortalAppDashboard = _interopRequireDefault(require("./components/dashboard/BusinessPortalAppDashboard"));
@@ -39,8 +37,8 @@ const json = response => {
   return response.text();
 };
 
-const BusinessPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const [dashboardSettings, setDashboardSettings] = _react.default.useState(null);
+const InteractionPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [dashboardSettings, setDashboardSettings] = _react.default.useState(props.implConfig);
 
   const [tokenRefreshMonitorStarted, setTokenRefreshMonitorStarted] = _react.default.useState(null);
 
@@ -51,41 +49,14 @@ const BusinessPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
   const [avatarUrl, setAvatarUrl] = _react.default.useState(location + props.contextRoot + props.implConfig.authUrl + "/user/avatar?" + "access_token=" + sessionStorage.getItem("accessToken") + "&idToken=" + sessionStorage.getItem("idToken"));
 
   _react.default.useEffect(() => {
-    if (dashboardSettings === null) {
-      _ApplicationManager.default.setServiceApiPath(props.implConfig.serviceApiPath);
-
-      _ApplicationManager.default.setUIConfigPath(props.implConfig.uiConfigPath);
-
-      _ApplicationManager.default.setContextRoot(props.contextRoot);
+    _ApplicationManager.default.setServiceApiPath(props.implConfig.serviceApiPath);
 
-      _ApplicationManager.default.setFilesApiPath(props.implConfig.filesApiPath);
+    _ApplicationManager.default.setUIConfigPath(props.implConfig.uiConfigPath);
 
-      let cid = sessionStorage.getItem("cid");
+    _ApplicationManager.default.setContextRoot(props.contextRoot);
 
-      if (window.location.host.startsWith("localhost") && !cid) {
-        cid = 'default';
-      }
-
-      (0, _reactPromiseTracker.trackPromise)(fetch(encodeURI(location + props.contextRoot + "/system/api/v1/setup/" + cid), {
-        method: 'GET',
-        headers: {
-          'Accept': 'application/json',
-          'Authorization': 'Bearer ' + sessionStorage.getItem("accessToken"),
-          'idToken': sessionStorage.getItem("idToken")
-        }
-      }).then(status).then(json).then(data => {
-        setDashboardSettings(JSON.parse(data));
-      }).catch(e => {
-        if (e.code === 401) {
-          _ApplicationManager.default.clear();
-
-          _ApplicationManager.default.getApplicationHistory().push('/login');
-        }
-
-        setHasClientError(true);
-      }));
-    }
-  });
+    _ApplicationManager.default.setFilesApiPath(props.implConfig.filesApiPath);
+  }, []);
 
   _react.default.useEffect(() => {
     if (dashboardSettings !== null) {
@@ -113,10 +84,10 @@ const BusinessPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
 
     _ApplicationManager.default.clear();
 
-    history.push('/login');
+    _ApplicationManager.default.navigate('/login');
   };
 
-  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "main w-100 h-100 d-inline-block"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "w-100 h-100"
@@ -132,8 +103,8 @@ const BusinessPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_re
     style: "margin: 128px; color: red; font-size: 24px"
   }, "System error - Unknown client") : null), /*#__PURE__*/_react.default.createElement(_LoadingIndicator.default, {
     color: loadingColor
-  })));
+  }));
 }));
 
-var _default = BusinessPortalAppHome;
+var _default = InteractionPortalAppHome;
 exports.default = _default;

package/dist/{BusinessPortalApp.js → InteractionPortalApp_old.js}

@@ -7,11 +7,11 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-require("./BusinessPortalApp.css");
+require("./InteractionPortalApp.css");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _LoginBusinessPortal = _interopRequireDefault(require("./view/security/LoginBusinessPortal"));
+var _LoginInteractionPortal = _interopRequireDefault(require("./view/security/LoginInteractionPortal"));
 
 var _ForgotPasswordBasic = _interopRequireDefault(require("./view/security/ForgotPasswordBasic"));
 
@@ -40,7 +40,7 @@ class BusinessPortalApp extends _react.Component {
       component: this.props.home
     }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
       path: "/login",
-      render: props => /*#__PURE__*/_react.default.createElement(_LoginBusinessPortal.default, {
+      render: props => /*#__PURE__*/_react.default.createElement(_LoginInteractionPortal.default, {
         url: location + this.props.contextRoot + this.props.implConfig.authUrl + "/login",
         background: this.props.implConfig.loginBackgroundColor,
         textColor: this.props.implConfig.loginTextColor,

package/dist/components/DocumentTemplateDesigner.css

@@ -0,0 +1,16 @@
+.dropTarget {
+}
+
+._draggable_ {
+    position: absolute;
+    border-radius: 2px;
+    display: inline-block;
+    margin-left: 4px;
+    font-style: italic;
+    font-weight: 600;
+    font-size: 12px;
+    color: green;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

package/dist/components/DocumentTemplateDesigner.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Utils = _interopRequireDefault(require("../Utils"));
+
+var _Observable = _interopRequireDefault(require("../event/Observable"));
+
+require("./DocumentTemplateDesigner.css");
+
+var _DocumentTemplateDesignerComponent = _interopRequireDefault(require("./DocumentTemplateDesignerComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const DocumentTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [visible, setVisible] = _react.default.useState(false);
+
+  const [uploadTrigger, setUploadTrigger] = _react.default.useState(null);
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
+
+  _react.default.useEffect(() => {
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+
+    _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
+
+    props.handle.api.refresh();
+    return () => {
+      _Observable.default.clearComponentEventListeners(props.handle);
+    };
+  }, []);
+
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+
+      loadData: actionConfig => {},
+
+      refresh() {
+        let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+        if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(parsedConfig.visible)) {
+          setVisible(_Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
+        } else {
+          setVisible(true);
+        }
+      },
+
+      getChildren: () => {
+        return [];
+      },
+
+      set visible(visible) {
+        setVisible(visible);
+      },
+
+      handleUploadDocument: event => {
+        setUploadTrigger(current => !current);
+      }
+    };
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    style: {
+      display: visible ? 'block' : 'none'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DocumentTemplateDesignerComponent.default, {
+    uploadTrigger: uploadTrigger
+  }));
+}));
+
+var _default = DocumentTemplateDesigner;
+exports.default = _default;

package/dist/components/DocumentTemplateDesignerComponent.css

@@ -0,0 +1,167 @@
+@import '../../../node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-icons/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-inputs/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-lists/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../../../node_modules/@syncfusion/ej2-richtexteditor/styles/material.css';
+
+/* csslint ignore:start */
+.e-rte-custom-tbar-section #special_char,
+.e-rte-custom-tbar-section .char_block {
+    display: inline-block;
+}
+
+#custom_tbar,
+#custom_tbar div {
+    cursor: pointer;
+}
+
+#rteSpecial_char {
+    padding: 15px 0 15px 0;
+}
+
+.material .e-rte-custom-tbar-section .char_block.e-active {
+    outline: 1px solid #e3165b;
+    border-color: #e3165b;
+}
+
+.fabric .e-rte-custom-tbar-section .char_block.e-active {
+    outline: 1px solid #0078d6;
+    border-color: #0078d6;
+}
+
+.bootstrap .e-rte-custom-tbar-section .char_block.e-active {
+    outline: 1px solid #317ab9;
+    border-color: #317ab9;
+}
+
+.highcontrast .e-rte-custom-tbar-section .char_block.e-active {
+    outline: 1px solid #ffd939;
+    border-color: #ffd939;
+}
+
+.fabric.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
+.highcontrast.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
+    padding-right: 10px;
+}
+
+.bootstrap.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
+.bootstrap .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
+    padding-right: 6px;
+}
+
+.fabric .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
+.highcontrast .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
+    padding-right: 8px;
+}
+
+/*.e-rte-custom-tbar-section .char_block {*/
+/*    height: 30px;*/
+/*    margin: 0 5px 5px 0;*/
+/*    padding: 4px;*/
+/*    text-align: center;*/
+/*    vertical-align: middle;*/
+/*    border: 1px solid #DDDDDD;*/
+/*    font-size: 16px;*/
+/*    cursor: pointer;*/
+/*    user-select: none;*/
+/*}*/
+
+.e-rte-custom-tbar-section .char_block {
+    display: flex;
+    align-items: center;
+    background-color: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    margin: 0 5px 5px 0;
+
+    &.e-active {
+        outline: 1px solid #e3165b;
+        border-color: #e3165b;
+    }
+}
+
+.char_block .e-active {
+    outline: 1px solid #e3165b;
+    border-color: #e3165b;
+}
+
+.icon {
+    font-size: 2rem;
+    color: #007BFF;
+    margin-right: 20px;
+}
+
+.text-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.title {
+    margin: 0;
+    font-size: 1rem;
+    color: #333;
+}
+
+.subtitle {
+    margin: 0;
+    font-size: 0.5rem;
+    color: #777;
+}
+
+#rteSection {
+    height: 500px;
+}
+
+#rteCustomTool .e-richtexteditor .e-rte-content .e-content {
+    float: left;
+    width: 100%;
+}
+
+#rteCustomTool {
+    overflow: hidden;
+}
+
+#rteCustomTool .content-wrapper {
+    width: auto;
+    margin: 0;
+}
+
+#custom_tbar div {
+    font-size: 16px;
+}
+
+.e-bigger #custom_tbar div {
+    font-size: 18px;
+}
+
+@media (min-width: 320px) and (max-width: 480px) {
+    .fabric.e-bigger #customTbarDlg {
+        min-width: 281px;
+    }
+    .fabric #customTbarDlg {
+        min-width: 241px;
+    }
+    .bootstrap.e-bigger #customTbarDlg,
+    .bootstrap #customTbarDlg {
+        min-width: 223px;
+    }
+    .highcontrast.e-bigger #customTbarDlg {
+        min-width: 283px;
+    }
+    .highcontrast #customTbarDlg {
+        min-width: 243px;
+    }
+    .material #customTbarDlg {
+        min-width: 224px;
+    }
+    .material.e-bigger #customTbarDlg {
+        min-width: 236px;
+    }
+}
+/* csslint ignore:end */