@agilemotion/oui-react-js 1.6.9 → 1.7.1

package/dist/ApplicationManager.js

@@ -48,6 +48,9 @@ class ApplicationManager {
         },
         getUserDetails() {
           return instance.getUserDetails();
+        },
+        fireEvent(eventType, event) {
+          return _Observable.default.fireEvent(eventType, new _Event.default(event.source, event.viewId, event.data));
         }
       };
       if (!Array.isArray) {
@@ -188,10 +191,6 @@ class ApplicationManager {
    * @param title
    */
   updateAppBarTitle = (viewId, title) => {
-    console.log('updateAppBarTitle VIEW LENGTH : ', this.views.length);
-    for (const view1 of this.views) {
-      console.log('updateAppBarTitle VIEW : ', view1.config.id);
-    }
     let view = this.getView(viewId);
     if (!view) {
       return;
@@ -590,7 +589,7 @@ class ApplicationManager {
             objValue = null;
           }
           if (_this2.isExpression(objValue)) {
-            let scriptValue = _DynamicJS.default.executeScript(`resolveParam_${Math.random().toString().replace('.', '_')}`, objValue);
+            let scriptValue = _DynamicJS.default.executeScript(`resolveParam_${Math.random().toString().replace('.', '_')}`, objValue, null, null, eventData);
             if (typeof scriptValue === 'undefined') {
               scriptValue = null;
             }
@@ -682,7 +681,7 @@ class ApplicationManager {
         val = _this3.resolveParameterConfigValue(parameterConfig.value);
       } else {
         let expression = parameterConfig.value;
-        val = _DynamicJS.default.executeScript(`resolveParam_${Math.random().toString().replace('.', '_')}`, expression);
+        val = _DynamicJS.default.executeScript(`resolveParam_${Math.random().toString().replace('.', '_')}`, expression, null, null, eventData);
       }
       if (_Utils.default.isNull(val)) {
         return null;

package/dist/DynamicJS.js

@@ -97,7 +97,7 @@ class DynamicJS {
   })();
   parseScriptLine(line, valuesMap) {
     let parsedLine = line;
-    if (!parsedLine.endsWith(";") && !parsedLine.endsWith(":") && !parsedLine.endsWith("{") && !parsedLine.endsWith("}")) {
+    if (!parsedLine.endsWith(";") && !parsedLine.endsWith(":") && !parsedLine.endsWith("{") && parsedLine !== "}") {
       parsedLine += ";";
     }
     if (!_Utils.default.isNull(valuesMap)) {
@@ -129,9 +129,6 @@ class DynamicJS {
       let scriptBody = '';
       for (const line of script.lines) {
         scriptBody += _this3.parseScriptLine(line, valuesMap);
-        if (!line.endsWith(";")) {
-          scriptBody += ";";
-        }
       }
       return _this3.executeScript(name, scriptBody, componentId, false, event);
     };

package/dist/RestUtils.js

@@ -10,6 +10,7 @@ var _ApplicationManager = _interopRequireDefault(require("./ApplicationManager")
 var _Event = _interopRequireDefault(require("./event/Event"));
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 var _EventType = _interopRequireDefault(require("./event/EventType"));
+var _propTypes = require("prop-types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const location = exports.location = window.location.protocol + '//' + window.location.hostname;
 const status = response => {
@@ -107,9 +108,7 @@ class RestUtils {
     if (requestBody !== null || service.method === 'POST') {
       console.log("POSTING REST REQUEST BODY : ", requestBody);
       postData(url, response => {
-        if (!_Utils.default.isNull(successCallback)) {
-          this.processSuccessfulResponseData(component, response, successCallback, viewId, successMessage);
-        }
+        this.processSuccessfulResponseData(component, response, successCallback, viewId, successMessage);
         let path = _Utils.default.getPropertyChainPath(returnValueBinding);
         if (!_Utils.default.isNull(path.valueObject) && !_Utils.default.isNull(path.property)) {
           path.valueObject[path.property] = response;
@@ -129,14 +128,12 @@ class RestUtils {
       });
     } else {
       sendRequest(url, data => {
+        this.processSuccessfulResponseData(component, data, successCallback, viewId, successMessage);
         let path = _Utils.default.getPropertyChainPath(returnValueBinding);
         if (!_Utils.default.isNull(path.valueObject) && !_Utils.default.isNull(path.property)) {
           path.valueObject[path.property] = data;
         }
         this.fireEvent(viewId, component, _EventType.default.SERVICE_CALL_SUCCESS, data);
-        if (!_Utils.default.isNull(successCallback)) {
-          successCallback(data);
-        }
       }, e => {
         this.fireEvent(viewId, component, _EventType.default.SERVICE_CALL_FAILURE);
         if (!_Utils.default.isNull(errorCallback)) {
@@ -210,7 +207,7 @@ class RestUtils {
   fetchWithCustomConfig(url, successCallback, errorCallback, secure, config, method, download, body, serviceType, viewId, successMessage, track) {
     const accessToken = sessionStorage.getItem('accessToken');
     const idToken = sessionStorage.getItem('idToken');
-    let data = body ? JSON.stringify(body) : null;
+    let data = body ? body instanceof FormData ? body : JSON.stringify(body) : null;
     let fetchConfig = config;
     if (_Utils.default.isNull(fetchConfig)) {
       if (_Utils.default.isNull(secure) || secure === true) {
@@ -233,9 +230,13 @@ class RestUtils {
           body: data
         };
       }
-      if ('rest' === serviceType) {
+      if ('rest' === serviceType && !(body instanceof FormData)) {
         fetchConfig.headers['Content-Type'] = 'application/json; charset=utf-8';
       }
+      if (body instanceof FormData) {
+        delete fetchConfig.headers['Content-Type'];
+        fetchConfig.headers['Accept'] = 'application/json';
+      }
     }
     if (download) {
       if (url.indexOf('?') < 0) {
@@ -284,27 +285,26 @@ class RestUtils {
         response = data;
       }
     }
-    if (successCallback !== null) {
-      let responseData = response ? response.data : null;
-      if (response && responseData && response.dataType === 'message') {
-        let event = new _Event.default(_ApplicationManager.default, viewId, responseData);
+    if (response && response.dataType === 'message') {
+      let event = new _Event.default(_ApplicationManager.default, viewId, response);
+      _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+      if (component !== null) {
+        event = new _Event.default(component, viewId, response);
         _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-        if (component !== null) {
-          event = new _Event.default(component, viewId, responseData);
-          _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-        }
-      } else if (!_Utils.default.isNull(successMessage)) {
-        let message = {
-          messageType: 'SUCCESS',
-          message: _ApplicationManager.default.populateTemplate(successMessage, response ? response.data : null)
-        };
-        let event = new _Event.default(_ApplicationManager.default, viewId, message);
+      }
+    } else if (!_Utils.default.isNull(successMessage)) {
+      let message = {
+        messageType: 'SUCCESS',
+        message: _ApplicationManager.default.populateTemplate(successMessage, response)
+      };
+      let event = new _Event.default(_ApplicationManager.default, viewId, message);
+      _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+      if (component !== null) {
+        event = new _Event.default(component, viewId, message);
         _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-        if (component !== null) {
-          event = new _Event.default(component, viewId, message);
-          _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
-        }
       }
+    }
+    if (successCallback !== null) {
       successCallback(response);
     }
   }

package/dist/Utils.js

@@ -9,7 +9,6 @@ var _Event = _interopRequireDefault(require("./event/Event"));
 var _ApplicationManager = _interopRequireDefault(require("./ApplicationManager"));
 var _Observable = _interopRequireDefault(require("./event/Observable"));
 var _EventType = _interopRequireDefault(require("./event/EventType"));
-var _this = void 0;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class Utils {
   constructor() {}
@@ -325,8 +324,11 @@ class Utils {
     if (e.json) {
       let data = await e.json();
       messageText = data.message;
+      if (!messageText) {
+        messageText = Utils.SYSTEM_ERROR_MESSAGE;
+      }
     } else {
-      messageText = _this.SYSTEM_ERROR_MESSAGE;
+      messageText = Utils.SYSTEM_ERROR_MESSAGE;
     }
     let message = {
       messageType: 'ERROR',

package/dist/components/Button.js

@@ -44,6 +44,7 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   _react.default.useEffect(() => {
     if (config) {
       props.handle.api = api();
+      _Observable.default.clearComponentEventListeners(props.handle);
       let parsedConfig = _Utils.default.parseConfig(config, props.viewId);
       _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
       _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
@@ -55,6 +56,9 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       ...props.config,
       id: props.config.id + '_' + props.tableRow.id?.replaceAll('-', '')
     } : props.config);
+    return () => {
+      _Observable.default.clearComponentEventListeners(props.handle);
+    };
   }, []);
   const handleClick = e => {
     _ApplicationManager.default.enableFormMarkers(true);

package/dist/components/DataGrid.js

@@ -352,11 +352,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
     let tableRows = [];
     let records = data.records;
     for (let i = 0; i < records.length; i++) {
-      if (!_Utils.default.isNull(records[i].map)) {
-        tableRows.push(observeRow(records[i].map));
-      } else {
-        tableRows.push(observeRow(records[i]));
-      }
+      tableRows.push(observeRow(records[i]));
     }
     setRows(tableRows);
   }
@@ -677,7 +673,7 @@ const DataGrid = exports.DataGrid = /*#__PURE__*/_react.default.memo( /*#__PURE_
       maxHeight: _Utils.default.isNull(props.bodyMaxHeight) ? props.bodyMaxHeight : '42vh'
     },
     id: "mainTableBody"
-  }, stableSort(rows, getSorting(order, orderBy)).map((row, index) => {
+  }, rows.map((row, index) => {
     const isItemSelected = isSelected(row.id);
     const labelId = `enhanced-table-checkbox-${index}`;
     return /*#__PURE__*/_react.default.createElement(_reactSuperResponsiveTable.Tr, {

package/dist/components/DocumentTemplateDesigner.js

@@ -13,6 +13,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 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);
+  const [value, setValue] = _react.default.useState({});
   _react.default.useEffect(() => {
     props.handle.api = api();
   });
@@ -47,15 +48,41 @@ const DocumentTemplateDesigner = /*#__PURE__*/_react.default.memo( /*#__PURE__*/
       },
       handleUploadDocument: event => {
         setUploadTrigger(current => !current);
+      },
+      get value() {
+        return value;
       }
     };
   };
+  const htmlToBase64 = htmlString => {
+    const base64String = btoa(encodeURIComponent(htmlString).replace(/%([0-9A-F]{2})/g, (match, p1) => String.fromCharCode(parseInt(p1, 16))));
+    return `data:text/html;base64,${base64String}`;
+  };
+  const addDocumentMetaData = (file, html) => {
+    const docMetaData = {
+      name: file.name,
+      size: file.size,
+      type: 'text/html',
+      payload: htmlToBase64(html)
+    };
+    setValue(docMetaData);
+  };
+  const onValueChange = newValue => {
+    setValue(currentValue => {
+      return {
+        ...currentValue,
+        ['payload']: htmlToBase64(newValue)
+      };
+    });
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
       display: visible ? 'block' : 'none'
     }
   }, /*#__PURE__*/_react.default.createElement(_DocumentTemplateDesignerComponent.default, {
+    valueChangeHandler: onValueChange,
+    addDocumentMetaDataHandler: addDocumentMetaData,
     uploadTrigger: uploadTrigger
   }));
 }));

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -10,13 +10,16 @@ var React = _react;
 var _DocumentTemplatePlaceholderDialog = _interopRequireDefault(require("./DocumentTemplatePlaceholderDialog"));
 var _mammoth = _interopRequireDefault(require("mammoth"));
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+require("./DocumentTemplateDesignerComponent.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const DocumentTemplateDesignerComponent = props => {
   const {
     contractTemplate,
-    uploadTrigger
+    uploadTrigger,
+    valueChangeHandler,
+    addDocumentMetaDataHandler
   } = props;
   const [open, setOpen] = React.useState(false);
   const [error, setError] = React.useState(null);
@@ -54,6 +57,7 @@ const DocumentTemplateDesignerComponent = props => {
               arrayBuffer
             });
             rteObj.executeCommand('insertHTML', value);
+            addDocumentMetaDataHandler(file, value);
           } catch (error) {
             setError('Error processing the file. Please ensure it is a valid .docx file.');
           }
@@ -88,7 +92,10 @@ const DocumentTemplateDesignerComponent = props => {
     ref: scope => {
       rteObj = scope;
     },
-    toolbarSettings: toolbarSettings
+    toolbarSettings: toolbarSettings,
+    change: args => {
+      valueChangeHandler(args.value);
+    }
   }, /*#__PURE__*/React.createElement(_ej2ReactRichtexteditor.Inject, {
     services: [_ej2ReactRichtexteditor.HtmlEditor, _ej2ReactRichtexteditor.Toolbar, _ej2ReactRichtexteditor.Link, _ej2ReactRichtexteditor.Image, _ej2ReactRichtexteditor.QuickToolbar]
   })), /*#__PURE__*/React.createElement(_DocumentTemplatePlaceholderDialog.default, {

package/dist/components/DocumentViewer.js

@@ -76,8 +76,14 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.def
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, !_Utils.default.isNull(value) ? /*#__PURE__*/_react.default.createElement(_DocumentViewerComponent.default, {
+    ref: ref,
+    style: _Utils.default.mergeStyles({}, props.config)
+  }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontSize: '20px',
+      color: '#1d253b'
+    }
+  }, props.config.attributes?.label), !_Utils.default.isNull(value) ? /*#__PURE__*/_react.default.createElement(_DocumentViewerComponent.default, {
     file: value,
     onDocumentLoadSuccess: () => {}
   }) : null);

package/dist/components/FileThumb.js

@@ -9,6 +9,14 @@ var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
+var _pdfIcon = _interopRequireDefault(require("../assets/img/pdf-icon.png"));
+var _msword = _interopRequireDefault(require("../assets/img/msword.png"));
+var _media = _interopRequireDefault(require("../assets/img/media.png"));
+var _zip = _interopRequireDefault(require("../assets/img/zip.png"));
+var _doc = _interopRequireDefault(require("../assets/img/doc.png"));
+var _excel = _interopRequireDefault(require("../assets/img/excel.png"));
+var _powerpoint = _interopRequireDefault(require("../assets/img/powerpoint.png"));
+var _defaultFileThumb = _interopRequireDefault(require("../assets/img/default-file-thumb.png"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
@@ -26,9 +34,9 @@ const FileThumb = props => {
   };
   const getThumbImage = () => {
     if (!file || !file.type) {
-      return 'default-file-thumb.png';
+      return _defaultFileThumb.default;
     }
-    return file.type === 'application/pdf' ? 'pdf-icon.png' : file.type === 'application/msword' ? 'msword.png' : file.type.startsWith('video/') ? 'media.png' : file.type.startsWith('audio/') ? 'media.png' : file.type === 'application/zip' ? 'zip.png' : file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? 'doc.png' : file.type === 'application/vnd.ms-excel' ? 'excel.png' : file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? 'excel.png' : file.type === 'application/vnd.ms-powerpoint' ? 'powerpoint.png' : 'default-file-thumb.png';
+    return file.type === 'application/pdf' ? _pdfIcon.default : file.type === 'application/msword' ? _msword.default : file.type.startsWith('video/') ? _media.default : file.type.startsWith('audio/') ? _media.default : file.type === 'application/zip' ? _zip.default : file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? _doc.default : file.type === 'application/vnd.ms-excel' ? _excel.default : file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? _excel.default : file.type === 'application/vnd.ms-powerpoint' ? _powerpoint.default : file.type === 'application/vnd.openxmlformats-officedocument.presentationml.presentation' ? _powerpoint.default : _defaultFileThumb.default;
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',
@@ -100,7 +108,7 @@ const FileThumb = props => {
       backgroundSize: 'contain',
       backgroundPosition: 'center',
       backgroundColor: 'transparent',
-      backgroundImage: isImage() ? `url(${file.repositoryId ? downloadUrl : file.payload})` : `url(${require('../assets/img/' + getThumbImage())})`
+      backgroundImage: isImage() ? `url(${file.repositoryId ? downloadUrl : file.payload})` : `url(${getThumbImage()})`
     }
   })));
 };

package/dist/components/HtmlPanel.js

@@ -106,11 +106,9 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.
       }
     };
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return visible && /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    style: {
-      display: visible ? 'block' : 'none'
-    }
+    style: _Utils.default.mergeStyles({}, props.config)
   }, !_Utils.default.isNull(props.config) && content ? /*#__PURE__*/_react.default.createElement(_reactHtmlRenderer.default, {
     html: content
   }) : null);

package/dist/components/Icon.js

@@ -166,6 +166,13 @@ class Icon extends _react.Component {
           color: this.props.color
         }
       });
+    } else if (this.props.id === 'CERTIFICATE') {
+      return /*#__PURE__*/_react.default.createElement("i", {
+        className: "fa fa-graduation-cap",
+        style: {
+          color: this.props.color
+        }
+      });
     } else if (this.props.id === 'ERROR') {
       return /*#__PURE__*/_react.default.createElement(_Error.default, {
         style: {

package/dist/components/SocketManager.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _socket = _interopRequireDefault(require("socket.io-client"));
 var _SocketRequest = _interopRequireDefault(require("./media/SocketRequest"));
-var _RestUtils = require("../RestUtils");
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _VCEventManager = _interopRequireDefault(require("./media/VCEventManager"));
@@ -117,7 +116,7 @@ class SocketManager {
   leaveMeeting = meetingId => {
     if (this.socket) {
       this.emitEvent(_VCEventType.VCEventType.LEAVE_MEETING, {
-        userId: sessionStorage.getItem("username"),
+        userId: _ApplicationManager.default.getUserDetails().username,
         meetingId: meetingId
       }).catch(error => {});
     }
@@ -125,11 +124,11 @@ class SocketManager {
   endSession = meetingId => {
     if (this.socket) {
       this.emitEvent(_VCEventType.VCEventType.LEAVE_MEETING, {
-        userId: sessionStorage.getItem("username"),
+        userId: _ApplicationManager.default.getUserDetails().username,
         meetingId: meetingId
       }).then(() => {
         this.emitEvent(_VCEventType.VCEventType.END_SESSION, {
-          userId: sessionStorage.getItem("username"),
+          userId: _ApplicationManager.default.getUserDetails().username,
           meetingId: meetingId
         }).catch(error => {});
       }).catch(error => {});

package/dist/components/TitleBar.js

@@ -20,7 +20,6 @@ const TitleBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.f
     props.handle.api = api();
   });
   _react.default.useEffect(() => {
-    console.log('TITLE BAR RENDERED : ' + props.config.id);
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
     eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;