@agilemotion/oui-react-js 1.8.41 → 1.8.43

package/dist/components/Button.js

@@ -90,7 +90,6 @@ const Button = props => {
       refresh() {
         let parsedConfig = _Utils.default.parseConfig(config ? config : props.config, props.viewId);
         setDisabled(_Utils.default.evaluateBooleanExpression(parsedConfig.disabled, parsedConfig.id));
-        console.log("\n\n\n\nVISIBILITY CHECK [" + props.config.id + "] - [" + parsedConfig.visible + "] - [" + _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id) + "]");
         setVisible(_Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id));
       }
     };

package/dist/components/DocumentTemplateDesigner.js

@@ -11,6 +11,7 @@ require("./DocumentTemplateDesigner.css");
 var _DocumentTemplateDesignerComponent = _interopRequireDefault(require("./DocumentTemplateDesignerComponent"));
 var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
+var _WordDocumentViewer = _interopRequireDefault(require("./WordDocumentViewer"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DocumentTemplateDesigner = props => {
   const [visible, setVisible] = _react.default.useState(false);

package/dist/components/DocumentTemplateDesignerComponent.css

@@ -7,6 +7,8 @@
 @import '@syncfusion/ej2-splitbuttons/styles/material.css';
 @import '@syncfusion/ej2-dropdowns/styles/material.css';
 @import "@syncfusion/ej2-react-documenteditor/styles/material.css";
+@import '@syncfusion/ej2-buttons/styles/material.css';
+@import '@syncfusion/ej2-splitbuttons/styles/material.css';
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
 }

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -15,10 +15,11 @@ var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _reactPromiseTracker = require("react-promise-tracker");
+var _WordDocumentViewer = require("./WordDocumentViewer");
 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; }
-(0, _ej2Base.registerLicense)('ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5adkJiWHtWdXBXT2Je');
+(0, _ej2Base.registerLicense)(_WordDocumentViewer.KEY);
 _ej2ReactDocumenteditor.DocumentEditorContainerComponent.Inject(_ej2ReactDocumenteditor.Toolbar);
 const DocumentTemplateDesignerComponent = props => {
   const {
@@ -135,7 +136,7 @@ const DocumentTemplateDesignerComponent = props => {
         });
         const formData = new FormData();
         formData.append('files', file, 'document.docx');
-        (0, _reactPromiseTracker.trackPromise)(fetch('https://ej2services.syncfusion.com/production/web-services/api/documenteditor/Import', {
+        (0, _reactPromiseTracker.trackPromise)(fetch(`${_WordDocumentViewer.DOCSVC}Import`, {
           method: 'POST',
           body: formData
         }).then(response => {
@@ -571,7 +572,7 @@ const DocumentTemplateDesignerComponent = props => {
     toolbarItems: items,
     toolbarClick: onToolbarClick,
     contentChange: onContentChange,
-    serviceUrl: "https://services.syncfusion.com/react/production/api/documenteditor/",
+    serviceUrl: _WordDocumentViewer.DOCSVC,
     enableToolbar: true
   })));
 };

package/dist/components/DocumentViewer.js

@@ -117,6 +117,12 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
           setVisible(true);
         }
       },
+      setValue(newValue) {
+        setValue(newValue);
+      },
+      getValue() {
+        return value;
+      },
       getDocumentValue: async () => {
         if (wordEditorValueHandler.api) {
           return await wordEditorValueHandler.api.getValue();
@@ -145,7 +151,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   }, "Error loading document"), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/pdf' && !_Utils.default.isNull(value) && /*#__PURE__*/_react.default.createElement(_PDFViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {}
-  }), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
+  }), !loading && !hasLoadingError && _Utils.default.prop(parsedConfig.fileType) === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' && (!_Utils.default.isNull(value) || props.config.enableUpload) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WordDocumentViewer.default, {
     file: value,
     onDocumentLoadSuccess: () => {},
     valueHandler: wordEditorValueHandler,
@@ -159,7 +165,8 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     readOnly: _Utils.default.evaluateBooleanExpression(parsedConfig.readOnly, props.config.id),
     commentsOnly: _Utils.default.evaluateBooleanExpression(parsedConfig.commentsOnly, props.config.id),
     enableUpload: _Utils.default.evaluateBooleanExpression(parsedConfig.enableUpload, props.config.id),
-    trackChanges: _Utils.default.evaluateBooleanExpression(parsedConfig.trackChanges, props.config.id)
-  }));
+    trackChanges: _Utils.default.evaluateBooleanExpression(parsedConfig.trackChanges, props.config.id),
+    id: props.config.id
+  })));
 }));
 var _default = exports.default = DocumentViewer;

package/dist/components/Icon.js

@@ -261,6 +261,12 @@ class Icon extends _react.Component {
           color: '#2e7d32'
         }
       });
+    } else if (this.props.id === 'MINUTES') {
+      return /*#__PURE__*/_react.default.createElement(_iconsMaterial.EditNote, {
+        style: {
+          color: '#2e7d32'
+        }
+      });
     }
     return null;
   }

package/dist/components/WordDocumentViewer.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.default = exports.KEY = exports.DOCSVC = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _reactPromiseTracker = require("react-promise-tracker");
 var _Utils = _interopRequireDefault(require("../Utils"));
 var _ej2ReactDocumenteditor = require("@syncfusion/ej2-react-documenteditor");
@@ -13,17 +13,83 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 var _ej2Base = require("@syncfusion/ej2-base");
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 var _LottieIcon = _interopRequireDefault(require("./LottieIcon"));
+var _ej2ReactSplitbuttons = require("@syncfusion/ej2-react-splitbuttons");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _ej2Base.registerLicense)('ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5adkJiWHtWdXBXT2Je');
+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 KEY = exports.KEY = 'ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5adkJiWHtWdXBXT2Je';
+(0, _ej2Base.registerLicense)(KEY);
+const DOCSVC = exports.DOCSVC = "https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/";
 _ej2ReactDocumenteditor.DocumentEditorContainerComponent.Inject(_ej2ReactDocumenteditor.Toolbar);
+function useOnFullyVisible(callback) {
+  let {
+    threshold = 0.1
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const el = ref.current;
+    if (!el) return;
+    const nextPaint = () => new Promise(res => requestAnimationFrame(() => requestAnimationFrame(res)));
+    const waitImages = () => {
+      const imgs = Array.from(el.querySelectorAll('img'));
+      const pending = imgs.filter(img => !(img.complete && img.naturalWidth > 0));
+      if (!pending.length) return Promise.resolve();
+      return Promise.all(pending.map(img => new Promise(r => {
+        const done = () => {
+          img.removeEventListener('load', done);
+          img.removeEventListener('error', done);
+          r();
+        };
+        img.addEventListener('load', done, {
+          once: true
+        });
+        img.addEventListener('error', done, {
+          once: true
+        });
+      })));
+    };
+    const waitFonts = () => 'fonts' in document && document.fonts && document.fonts.ready ? document.fonts.ready : Promise.resolve();
+    const io = new IntersectionObserver(async entries => {
+      const entry = entries[0];
+      const fullyVisible = entry.intersectionRatio >= threshold || entry.intersectionRatio >= 0.99;
+      if (fullyVisible) {
+        io.disconnect();
+        await waitImages();
+        await waitFonts();
+        await nextPaint();
+        callback(el);
+      }
+    }, {
+      threshold: [threshold, 0.99]
+    });
+    io.observe(el);
+    return () => io.disconnect();
+  }, [callback, threshold]);
+  return ref;
+}
+const LEVEL_FMT = ['%1.', '%1.%2.', '%1.%2.%3.'];
+function applyLevel(ed) {
+  let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const depth = Math.max(0, Math.min(level, LEVEL_FMT.length - 1));
+  ed.selection.paragraphFormat.listLevelNumber = depth;
+  ed.applyNumbering(LEVEL_FMT[depth], 'Arabic');
+}
 const WordDocumentViewer = props => {
   const [container, setContainer] = _react.default.useState(null);
   const [items, setItems] = _react.default.useState(null);
   const [height, setHeight] = _react.default.useState(0);
   const [width, setWidth] = _react.default.useState(0);
-  const [visible, setVisible] = _react.default.useState(false);
+  const [visible, setVisible] = _react.default.useState(true);
+  const [reRendering, setReRendering] = _react.default.useState(false);
   const [json, setJson] = _react.default.useState(null);
   const [errorMessage, setErrorMessage] = _react.default.useState(null);
+  const ref = useOnFullyVisible(el => {
+    console.log('Document fully visible & rendered:', el);
+    if (!reRendering) {
+      setVisible(false);
+      setReRendering(true);
+    }
+  });
 
   /*let items = ['Bold', 'Italic', 'Underline', '|', 'Formats', '|', 'CreateLink', '|',
       {
@@ -45,14 +111,105 @@ const WordDocumentViewer = props => {
   _react.default.useEffect(() => {
     props.valueHandler.api = api();
   });
-  _react.default.useLayoutEffect(() => {
-    const timer = window.setTimeout(() => {
-      setVisible(true);
-    }, 1_000);
-    return () => window.clearTimeout(timer);
-  }, []);
+  const numberingItems = [{
+    id: 'lvl-0',
+    text: '1.'
+  }, {
+    id: 'lvl-1',
+    text: '1.1'
+  }, {
+    id: 'lvl-2',
+    text: '1.1.1'
+  }, {
+    separator: true
+  }, {
+    id: 'clear',
+    text: 'Clear list'
+  }];
+  const onNumberingSelect = args => {
+    const ed = containerRef.current?.documentEditor?.editor;
+    if (!ed) return;
+    switch (args.item.id) {
+      case 'lvl-0':
+        applyLevel(ed, 0);
+        break;
+      case 'lvl-1':
+        applyLevel(ed, 1);
+        break;
+      case 'lvl-2':
+        applyLevel(ed, 2);
+        break;
+      case 'clear':
+        ed.clearList();
+        break;
+      default:
+        break;
+    }
+  };
+  const onCreated = () => {
+    const container = containerRef.current;
+    const tb = container?.toolbarModule?.toolbar; // EJ2 Toolbar instance
+    if (!tb) return;
+
+    // 1) Add a placeholder button into the toolbar at the end
+    tb.addItems([{
+      type: 'Separator'
+    }, {
+      // Use a real HTML template (string) and give it an id
+      template: '<button id="numbering-ddb" class="e-btn e-flat" type="button">Numbering</button>',
+      tooltipText: 'Numbering styles'
+    }], tb.items.length);
+
+    // 2) Turn that placeholder into a functioning DropDownButton
+    const ddb = new DropDownButton({
+      content: 'Numbering',
+      cssClass: 'e-flat',
+      items: [{
+        id: 'lvl-0',
+        text: '1.'
+      }, {
+        id: 'lvl-1',
+        text: '1.1'
+      }, {
+        id: 'lvl-2',
+        text: '1.1.1'
+      }, {
+        separator: true
+      }, {
+        id: 'clear',
+        text: 'Clear list'
+      }],
+      select: args => {
+        const ed = container.documentEditor.editor;
+        if (!ed) return;
+        switch (args.item.id) {
+          case 'lvl-0':
+            applyLevel(ed, 0);
+            break;
+          case 'lvl-1':
+            applyLevel(ed, 1);
+            break;
+          case 'lvl-2':
+            applyLevel(ed, 2);
+            break;
+          case 'clear':
+            ed.clearList();
+            break;
+          default:
+            break;
+        }
+      }
+    }, '#numbering-ddb');
+
+    // (optional) keep a ref if you want to dispose on unmount
+    container._numberingDDB = ddb;
+  };
   _react.default.useEffect(() => {
-    let toolbarItems = ["Undo", "Redo", "Separator", {
+    let toolbarItems = props.commentsOnly ? ["Comments"] : ["Undo", "Redo", "Separator", {
+      id: 'bullets',
+      text: '• Bullets',
+      tooltipText: 'Bulleted list'
+    }, "Separator", {
       tooltipText: 'Bold',
       prefixIcon: 'e-icons e-bold',
       command: 'Bold'
@@ -75,7 +232,7 @@ const WordDocumentViewer = props => {
       });
       const formData = new FormData();
       formData.append('files', file, 'document.docx');
-      (0, _reactPromiseTracker.trackPromise)(fetch('https://ej2services.syncfusion.com/production/web-services/api/documenteditor/Import', {
+      (0, _reactPromiseTracker.trackPromise)(fetch(`${DOCSVC}Import`, {
         method: 'POST',
         body: formData
       }).then(response => {
@@ -85,6 +242,14 @@ const WordDocumentViewer = props => {
       }));
     }
   }, [props.file]);
+  _react.default.useEffect(() => {
+    if (reRendering) {
+      const timer = window.setTimeout(() => {
+        setVisible(true);
+      }, 1_000);
+      return () => window.clearTimeout(timer);
+    }
+  }, [reRendering]);
   function setupContainer() {
     container.documentEditor.currentUser = _ApplicationManager.default.getUserDetails().name + " " + _ApplicationManager.default.getUserDetails().surname;
   }
@@ -142,12 +307,39 @@ const WordDocumentViewer = props => {
       //container.documentEditor.isReadOnly = (props.readOnly || props.commentsOnly);
     }
   }, [json, container]);
+  const onToolbarClick = args => {
+    const ed = container?.documentEditor?.editor;
+    if (!ed) return;
+    switch (args.item.id) {
+      case 'bullets':
+        ed.applyBullet('\uf0b7', 'Symbol'); // •
+        break;
+      case 'numbering':
+        ed.applyNumbering('%1.', 'Arabic'); // 1.
+        break;
+      case 'level-0':
+        applyLevel(ed, 0);
+        break;
+      case 'level-1':
+        applyLevel(ed, 1);
+        break;
+      case 'level-2':
+        applyLevel(ed, 2);
+        break;
+      case 'clear-list':
+        ed.clearList();
+        break;
+      default:
+      // let built-ins (Undo/Redo/New/Open) work normally
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: 'no-margin no-padding',
     style: {
       height: '100%'
     },
-    id: 'parent-container'
+    id: `parent-container`,
+    ref: ref
   }, !visible && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
@@ -177,7 +369,7 @@ const WordDocumentViewer = props => {
       color: 'rgba(255, 255, 255, 0.8)'
     }
   }, errorMessage))), visible && items && (_Utils.default.isNull(props.trackChanges) || props.trackChanges === true) && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
-    id: "container",
+    id: `${props.id}-container`,
     height: '690px',
     ref: scope => {
       setContainer(scope);
@@ -188,14 +380,16 @@ const WordDocumentViewer = props => {
         container.documentEditor.resize();
       }
     },
+    enablePersistence: false,
+    toolbarClick: onToolbarClick,
     toolbarItems: items,
-    restrictEditing: props.readOnly,
+    restrictEditing: props.readOnly && !props.commentsOnly,
     showPropertiesPane: false,
     enableTrackChanges: true,
-    serviceUrl: "https://services.syncfusion.com/react/production/api/documenteditor/",
-    enableToolbar: !(props.readOnly || props.commentsOnly)
+    serviceUrl: DOCSVC,
+    enableToolbar: !props.readOnly || props.commentsOnly
   }), visible && items && props.trackChanges === false && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
-    id: "container",
+    id: `${props.id}-container`,
     height: '690px',
     ref: scope => {
       setContainer(scope);
@@ -206,11 +400,13 @@ const WordDocumentViewer = props => {
         container.documentEditor.resize();
       }
     },
+    enablePersistence: false,
+    toolbarClick: onToolbarClick,
     toolbarItems: items,
-    restrictEditing: props.readOnly,
+    restrictEditing: props.readOnly && !props.commentsOnly,
     showPropertiesPane: false,
-    serviceUrl: "https://services.syncfusion.com/react/production/api/documenteditor/",
-    enableToolbar: !(props.readOnly || props.commentsOnly)
+    serviceUrl: DOCSVC,
+    enableToolbar: !props.readOnly || props.commentsOnly
   }));
 };
 var _default = exports.default = WordDocumentViewer;

package/dist/components/form/GridField.js

@@ -15,6 +15,7 @@ var _Toolbar = _interopRequireDefault(require("../Toolbar"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
 var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function getEditorType(columnName, gridConfig) {
@@ -58,7 +59,8 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     }
     setCrudToolstripWidth(numCrudButtons * 40 + 'px');
     try {
-      let label = _DynamicJS.default.executeScript(props.config.id + 'label', _Utils.default.getComponentAttribute(props.config, 'label', ''), props.config.viewId, true, null, null, false);
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+      let label = _ApplicationManager.default.isExpression(parsedConfig.attributes['label']) ? _DynamicJS.default.executeScript(props.config.id + 'label', _Utils.default.getComponentAttribute(parsedConfig, 'label', ''), props.config.viewId, true, null, null, false) : parsedConfig.attributes['label'];
       setLabel(label);
     } catch (e) {
       setLabel(_Utils.default.getComponentAttribute(props.config, 'label', ''));

package/dist/components/form/RadioGroup.js

@@ -13,6 +13,8 @@ var _BaseField = require("./BaseField");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _DynamicJS = _interopRequireDefault(require("../../DynamicJS"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const RadioGroupWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
@@ -50,6 +52,7 @@ const RadioGroupWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.d
       base.handleValueChange(e.target.value);
     }
   }, options.map((option, index) => {
+    let label = _ApplicationManager.default.isExpression(option.label) ? _DynamicJS.default.executeScript(props.config.id + 'label', option.label, props.config.viewId, true, null, null, false) : option.label;
     return /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
       key: index,
       value: option.value,
@@ -57,7 +60,7 @@ const RadioGroupWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.d
         disabled: base.disabled,
         checked: option.value === value
       }),
-      label: option.label
+      label: label
     });
   })), base.errorMessage && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
     style: {

package/dist/components/media/Toolbar.js

@@ -29,6 +29,7 @@ const Toolbar = props => {
   const openMoreActions = Boolean(anchorEl);
   const leaveButtonOpen = Boolean(leaveButtonAnchorEl);
   const [screenShared, setScreenShared] = (0, _react.useState)(false);
+  const [minutesShown, setMinutesShown] = (0, _react.useState)(false);
   const [roomStatus, setRoomStatus] = (0, _react.useState)();
   const [raisedHandsNames, setRaisedHandsNames] = (0, _react.useState)([]);
   const [buttonVisibility, setButtonVisibility] = (0, _react.useState)({});
@@ -60,6 +61,9 @@ const Toolbar = props => {
   (0, _react.useEffect)(() => {
     setScreenShared(props.screenShared);
   }, [props.screenShared]);
+  (0, _react.useEffect)(() => {
+    setMinutesShown(props.minutesShown);
+  }, [props.minutesShown]);
   (0, _react.useEffect)(() => {
     setIsRecording(props.isRecording);
   }, [props.isRecording]);
@@ -143,6 +147,15 @@ const Toolbar = props => {
   const showChat = () => {
     eventHandler.showChat();
   };
+  const showMinutes = () => {
+    eventHandler.showMinutes();
+  };
+  const hideMinutes = () => {
+    eventHandler.hideMinutes();
+  };
+  const saveMinutes = () => {
+    eventHandler.saveMinutes();
+  };
   const raiseHand = () => {
     eventHandler.raiseHand();
   };
@@ -401,7 +414,63 @@ const Toolbar = props => {
     id: 'CHAT_BUBBLE'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, "Chat"))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Chat"))))))), isHost && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'button-wrapper no-margin no-padding'
+  }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+    root: buttonStripRef,
+    onVisibilityChange: visible => handleVisibilityChange('minutes', visible)
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: "Minutes"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: () => {
+      if (minutesShown) {
+        hideMinutes();
+      } else {
+        showMinutes();
+      }
+    },
+    style: {
+      color: minutesShown ? '#8eb2f5' : '#404239',
+      marginRight: '4px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'icon'
+  }, minutesShown ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'CLOSE'
+  }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'MINUTES'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'text'
+  }, minutesShown ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Hide") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Minutes"))))))), minutesShown && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'button-wrapper no-margin no-padding'
+  }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+    root: buttonStripRef,
+    onVisibilityChange: visible => handleVisibilityChange('saveMinutes', visible)
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: "Save Minutes"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: () => {
+      saveMinutes();
+    },
+    style: {
+      color: '#404239',
+      marginRight: '4px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'icon'
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'SAVE'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'text'
+  }, "Save")))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, raisedHands.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'
@@ -661,7 +730,29 @@ const Toolbar = props => {
     }
   }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CHAT_BUBBLE'
-  })), /*#__PURE__*/_react.default.createElement("div", null, hasUnreadChats ? '1' : '', "\xA0Chat"))), !buttonVisibility.raiseHand && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", null, hasUnreadChats ? '1' : '', "\xA0Chat"))), !buttonVisibility.minutes && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'button-wrapper no-margin no-padding'
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    onClick: () => {
+      if (minutesShown) {
+        hideMinutes();
+      } else {
+        showMinutes();
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, minutesShown ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'CLOSE'
+  }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'DESCRIPTION'
+  })), minutesShown ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Hide Minutes") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Minutes"))), minutesShown && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'button-wrapper no-margin no-padding'
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
+    onClick: () => {
+      saveMinutes();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'SAVE'
+  })), "Save Minutes")), !buttonVisibility.raiseHand && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {

package/dist/components/media/TrainingRoom.js

@@ -65,6 +65,9 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   const [screenShared, setScreenShared] = _react.default.useState(null);
   const [startScreenSharing, setStartScreenSharing] = _react.default.useState(false);
   const [raisedHands, setRaisedHands] = (0, _react.useState)([]);
+  const [minutesShown, setMinutesShown] = _react.default.useState(false);
+  const [startShowingMinutes, setStartShowingMinutes] = _react.default.useState(false);
+  const vcRoomWorkspaceRef = (0, _react.useRef)();
   const api = () => {
     return {
       loadChats() {
@@ -472,6 +475,18 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
         setScreenShared(false);
         setStartScreenSharing(false);
       },
+      showMinutes: () => {
+        setStartShowingMinutes(true);
+      },
+      hideMinutes: () => {
+        setMinutesShown(false);
+        setStartShowingMinutes(false);
+      },
+      saveMinutes: () => {
+        if (vcRoomWorkspaceRef.current && vcRoomWorkspaceRef.current.saveMinutes) {
+          vcRoomWorkspaceRef.current.saveMinutes();
+        }
+      },
       recordMeeting: () => {
         recordMeeting();
       },
@@ -494,6 +509,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
     audioMuted: audioMuted,
     displayState: displayState,
     screenShared: screenShared,
+    minutesShown: minutesShown,
     roomStatus: roomStatus,
     isHost: props.calendarEvent.host.username === _ApplicationManager.default.getUserDetails().username,
     autoPermit: !props.calendarEvent.host.askToJoin,
@@ -522,12 +538,16 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
     },
     className: 'centered-flex-box'
   }, /*#__PURE__*/_react.default.createElement("div", null, _VCRoom.SYSTEM_ERROR_MESSAGE)), rtpCapabilities && participants && currentUserFullName && (roomStatus === Status.SESSION || roomStatus === Status.LOBBY) && /*#__PURE__*/_react.default.createElement(_VCRoomWorkspace.default, {
+    ref: vcRoomWorkspaceRef,
     participants: participants,
     mode: meetingParticipantGridMode,
+    viewId: props.viewId,
     audioMuted: audioMuted,
     videoMuted: videoMuted,
     meetingTitle: props.calendarEvent.title,
-    meetingId: props.calendarEvent.id,
+    eventKey: props.calendarEvent.key,
+    minutesDocumentId: props.calendarEvent.minutesDocumentId,
+    procMeetingId: props.procMeetingId,
     currentUserFullName: currentUserFullName,
     onGridSetup: () => {
       //setSideBarTab('People');
@@ -545,6 +565,16 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
       setScreenShared(true);
       setStartScreenSharing(false);
     },
+    startShowingMinutes: startShowingMinutes,
+    onStartShowingMinutes: () => {
+      setMinutesShown(true);
+      setStartShowingMinutes(false);
+    },
+    onStopShowingMinutes: () => {
+      setMinutesShown(false);
+      setStartShowingMinutes(false);
+    },
+    minutesShown: minutesShown,
     autoPermit: autoPermit,
     rtpCapabilities: rtpCapabilities,
     screenShared: screenShared,

package/dist/components/media/VCRoom.js

@@ -76,7 +76,8 @@ const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forw
   }, props.config.roomType === 'training' ? /*#__PURE__*/_react.default.createElement(_TrainingRoom.default, {
     settings: settings,
     calendarEvent: calendarEvent,
-    handle: vcHandle
+    handle: vcHandle,
+    viewId: props.viewId
   }) : /*#__PURE__*/_react.default.createElement("div", null, "Unknown room type"))));
 }));
 var _default = exports.default = VCRoom;

package/dist/components/media/VCRoomWorkspace.js

@@ -19,6 +19,13 @@ var _LobbyWaitingList = _interopRequireDefault(require("./LobbyWaitingList"));
 var _VCRoom = require("./VCRoom");
 var _SideBarContent = _interopRequireDefault(require("./SideBarContent"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
+var _WordDocumentViewer = _interopRequireDefault(require("../WordDocumentViewer"));
+var _Utils = _interopRequireDefault(require("../../Utils"));
+var _DocumentViewer = _interopRequireDefault(require("../DocumentViewer"));
+var _Event = _interopRequireDefault(require("../../event/Event"));
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+var _EventType = _interopRequireDefault(require("../../event/EventType"));
+var _uuid = require("uuid");
 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 +33,44 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 const MAX_COLS = 3;
 const MAX_ROWS = 2;
+const meetingViewConfig2 = {
+  "type": "documentViewer",
+  "id": "meetingMinute",
+  "fileType": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  "attributes": {
+    "style": {
+      "width": "100%",
+      "minHeight": "100%",
+      "height": "100%",
+      "padding": "24px"
+    }
+  },
+  "trackChanges": false,
+  "readOnly": false,
+  "commentsOnly": false,
+  "eventHandlingConfig": {
+    "subscriptions": [{
+      "publisher": "vcRoom",
+      "eventType": "DATA_ARRIVED",
+      "actions": [{
+        "actionType": "loadData"
+      }]
+    }]
+  },
+  "dataService": {
+    "type": "rest",
+    "url": "/docs/api/v1/manager/find",
+    "method": "GET",
+    "parameters": [{
+      "name": "documentId",
+      "httpParameterType": "PATH_VARIABLE",
+      "value": "c28a4a56-6fc0-4887-bca0-29f43da0b3b2"
+    }]
+  }
+};
 
 // TODO : Clean-up all tracks and producers and consumers when the component closes
-const VCRoomWorkspace = props => {
+const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [currentUserParticipant, setCurrentUserParticipant] = _react.default.useState(null);
   const [inViewParticipants, setInViewParticipants] = _react.default.useState([]);
   const [consumerTransport, setConsumerTransport] = _react.default.useState(null);
@@ -43,6 +85,20 @@ const VCRoomWorkspace = props => {
   const [shareScreenConsumer, setShareScreenConsumer] = _react.default.useState(null);
   const [grid, setGrid] = _react.default.useState(null);
   const [eventHandler] = (0, _react.useState)({});
+  const [minutesShown, setMinutesShown] = _react.default.useState(false);
+  const [showMinutes, setShowMinutes] = _react.default.useState(false);
+  const [meetingViewHandler, setMeetingViewHandler] = _react.default.useState(null);
+  const [minutesDocument, setMinutesDocument] = _react.default.useState(null);
+  const [meetingViewConfig, setMeetingViewConfig] = _react.default.useState(null);
+  const [hasLoadedMinutes, setHasLoadedMinutes] = _react.default.useState(false);
+
+  // Create handler once on mount
+  _react.default.useEffect(() => {
+    if (!meetingViewHandler) {
+      setMeetingViewHandler({});
+    }
+  }, []);
+  const wordEditorValueHandler = (0, _react.useRef)({});
   const transports = (0, _react.useRef)(new _Transports.default());
   const shareScreenVideoRef = (0, _react.useRef)();
   const shareScreenStream = (0, _react.useRef)();
@@ -50,6 +106,8 @@ const VCRoomWorkspace = props => {
     waitingList,
     roomStatus,
     meetingId,
+    minutesDocumentId,
+    eventKey,
     meetingChat,
     sideBarTab,
     meetingTitle,
@@ -61,8 +119,91 @@ const VCRoomWorkspace = props => {
     onloadScreenShareData,
     displayState,
     startScreenSharing,
-    participants
+    participants,
+    startShowingMinutes,
+    onStartShowingMinutes,
+    onStopShowingMinutes,
+    minutesShown: minutesShownProp
   } = props;
+  const saveMinutes = async () => {
+    try {
+      if (!meetingViewHandler || !meetingViewHandler.api) {
+        console.error("Meeting view handler not available");
+        return;
+      }
+      const file = await meetingViewHandler.api.getDocumentValue();
+      if (!file) {
+        console.error("No document to save");
+        return;
+      }
+      const newDocumentId = (0, _uuid.v4)();
+      const metadata = {
+        documentRepositoryCacheId: newDocumentId,
+        correlationId: props.viewId + ".minutesDocument",
+        name: file.name,
+        type: file.type
+      };
+      const accessToken = sessionStorage.getItem("accessToken");
+      const idToken = sessionStorage.getItem("idToken");
+      const location = window.location.protocol + "//" + window.location.hostname;
+      let data = new FormData();
+      data.append("metadata", JSON.stringify(metadata));
+      data.append("file", file);
+      let fetchConfig = {
+        method: 'POST',
+        headers: {
+          'Accept': 'application/json',
+          'Authorization': 'Bearer ' + accessToken,
+          'idToken': idToken,
+          'tenant': _ApplicationManager.default.getActiveTenant()
+        },
+        body: data
+      };
+      let uploadUrl = location + _ApplicationManager.default.getContextRoot() + "/docs/api/v1/manager/upload/save";
+      const uploadResponse = await fetch(encodeURI(uploadUrl), fetchConfig);
+      if (!uploadResponse.ok) {
+        throw new Error('Upload failed');
+      }
+      const updatePayload = {
+        id: eventKey,
+        minutesDocumentId: newDocumentId
+      };
+      let updateFetchConfig = {
+        method: 'POST',
+        headers: {
+          'Accept': 'application/json',
+          'Content-Type': 'application/json',
+          'Authorization': 'Bearer ' + accessToken,
+          'idToken': idToken,
+          'tenant': _ApplicationManager.default.getActiveTenant()
+        },
+        body: JSON.stringify(updatePayload)
+      };
+      let updateUrl = location + _ApplicationManager.default.getContextRoot() + "/tender/api/v1/evaluation/meeting/minuteDocument";
+      const updateResponse = await fetch(encodeURI(updateUrl), updateFetchConfig);
+      if (!updateResponse.ok) {
+        throw new Error('Failed to update meeting minutes document');
+      }
+      console.log("Minutes saved successfully");
+      let message = {
+        messageType: 'SUCCESS',
+        message: 'Meeting minutes saved successfully'
+      };
+      let event = new _Event.default(meetingViewHandler, props.viewId, message);
+      _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+    } catch (e) {
+      console.error("Error saving minutes:", e);
+      let message = {
+        messageType: 'ERROR',
+        message: 'Failed to save meeting minutes'
+      };
+      let event = new _Event.default(meetingViewHandler, props.viewId, message);
+      _Observable.default.fireEvent(_EventType.default.MESSAGE_ARRIVED, event);
+    }
+  };
+  _react.default.useImperativeHandle(ref, () => ({
+    saveMinutes
+  }));
   const startShareScreen = () => {
     produceScreenShare();
   };
@@ -306,6 +447,65 @@ const VCRoomWorkspace = props => {
       produceScreenShare();
     }
   }, [startScreenSharing]);
+  (0, _react.useEffect)(() => {
+    if (startShowingMinutes) {
+      setShowMinutes(true);
+      setMinutesShown(true);
+      onStartShowingMinutes();
+    }
+  }, [startShowingMinutes]);
+  (0, _react.useEffect)(() => {
+    // Sync with parent's minutesShown state
+    if (minutesShownProp === false && minutesShown === true) {
+      setShowMinutes(false);
+      setMinutesShown(false);
+    }
+  }, [minutesShownProp]);
+  (0, _react.useEffect)(() => {
+    if (minutesDocumentId) {
+      const newConfig = {
+        "type": "documentViewer",
+        "id": "meetingMinute",
+        "fileType": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+        "attributes": {
+          "style": {
+            "width": "calc(100% - 436px)",
+            "minHeight": "100%",
+            "height": "100%",
+            "padding": "24px"
+          },
+          "label": "Meeting Minutes"
+        },
+        "trackChanges": true,
+        "readOnly": false,
+        "commentsOnly": false,
+        "eventHandlingConfig": {
+          "subscriptions": []
+        },
+        "dataService": {
+          "type": "rest",
+          "url": "/docs/api/v1/manager/find",
+          "method": "GET",
+          "parameters": [{
+            "name": "documentId",
+            "httpParameterType": "PATH_VARIABLE",
+            "value": minutesDocumentId
+          }]
+        }
+      };
+      setMeetingViewConfig(newConfig);
+    }
+  }, [minutesDocumentId]);
+  (0, _react.useEffect)(() => {
+    if (meetingViewHandler && meetingViewHandler.api) {
+      meetingViewHandler.api.loadData();
+    }
+  }, [meetingViewHandler]);
+  (0, _react.useEffect)(() => {
+    if (meetingViewConfig2 && minutesDocumentId && meetingViewHandler && meetingViewHandler.api && showMinutes) {
+      meetingViewHandler.api.refresh();
+    }
+  }, [minutesDocumentId, meetingViewConfig2, meetingViewHandler, showMinutes]);
   (0, _react.useEffect)(() => {
     if (onloadScreenShareData && device && consumerTransport) {
       consume(onloadScreenShareData);
@@ -476,8 +676,11 @@ const VCRoomWorkspace = props => {
       isHost: isHost
     }));
   }
+  function getMeetingDocument() {
+    return meetingViewHandler.value;
+  }
   function renderParticipantGrid() {
-    return (!screenShared && !whiteBoardShown || screenShared && !showSharedScreen && !someoneSharing) && /*#__PURE__*/_react.default.createElement(_Box.default, {
+    return (!screenShared && !whiteBoardShown && !minutesShown || screenShared && !showSharedScreen && !someoneSharing && !minutesShown) && /*#__PURE__*/_react.default.createElement(_Box.default, {
       style: {
         flexGrow: 1,
         height: displayState === 'MAXIMIZED' ? 'calc(100% - 232px)' : '100%',
@@ -563,13 +766,30 @@ const VCRoomWorkspace = props => {
       maxHeight: '100%',
       zIndex: '0'
     }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'content-box',
+    style: {
+      display: !(minutesShown && showMinutes) ? 'none' : null,
+      backgroundColor: 'white',
+      padding: '16px',
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      maxHeight: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DocumentViewer.default, {
+    config: meetingViewConfig2,
+    handle: meetingViewHandler,
+    viewId: props.viewId
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: `${displayState === 'MAXIMIZED' ? 'row-*-*' : ''}`,
     style: {
       width: displayState === 'MAXIMIZED' ? '100%' : '200px',
       height: displayState === 'MAXIMIZED' ? '152px' : displayState === 'MINIMIZED' ? '100%' : null,
       marginRight: '0',
-      display: screenShared && showSharedScreen || someoneSharing ? 'none' : displayState === 'MAXIMIZED' ? 'flex' : displayState === 'MINIMIZED' ? 'table-cell' : '',
+      display: screenShared && showSharedScreen || someoneSharing || minutesShown && showMinutes ? 'none' : displayState === 'MAXIMIZED' ? 'flex' : displayState === 'MINIMIZED' ? 'table-cell' : '',
       alignItems: 'center',
       verticalAlign: 'top',
       bottom: '8px',
@@ -609,5 +829,5 @@ const VCRoomWorkspace = props => {
     rejectUserHandler: props.rejectUserHandler,
     acceptUserHandler: props.acceptUserHandler
   }))) : null;
-};
+});
 var _default = exports.default = VCRoomWorkspace;

package/dist/js/Calendar.js

@@ -153,6 +153,7 @@ class Calendar {
       status: event.extendedProps.status,
       host: event.extendedProps.host,
       chairPersonId: event.chairPersonId ? event.chairPersonId : event.extendedProps.host.id,
+      minutesDocumentId: event.minutesDocumentId,
       attendees: event.extendedProps.attendees,
       privacyType: event.extendedProps.privacyType,
       documents: event.extendedProps.documents,

package/dist/js/ProcurementMeetings.js

@@ -13,20 +13,25 @@ class ProcurementMeetings {
   constructor(resolver) {
     this.resolver = resolver;
   }
-  emitSocketEvent = (systemEventType, data, meeting) => {
-    let receipientIds = [];
-    for (const attendee of meeting.attendees) {
-      let username = attendee.username;
-      if (username !== _ApplicationManager.default.getUserDetails().username) {
-        receipientIds.push(username);
+  emitSocketEvent = (viewId, systemEventType, data, meeting) => {
+    return new Promise((resolve, reject) => {
+      let recipientIds = [];
+      for (const attendee of meeting.attendees) {
+        let username = attendee.username;
+        if (username !== _ApplicationManager.default.getUserDetails().username) {
+          recipientIds.push(username);
+        }
       }
-    }
-    let eventData = {
-      systemEventType: systemEventType,
-      recipients: receipientIds,
-      data: data
-    };
-    return _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, eventData);
+      let eventData = {
+        systemEventType: systemEventType,
+        recipients: recipientIds,
+        data: data
+      };
+      _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, eventData).then(result => resolve(result)).catch(e => {
+        _ApplicationManager.default.alert(viewId, "You are currently offline. Please check your network connectivity", "ERROR");
+        reject(e);
+      });
+    });
   };
   startMeeting = meeting => {
     return this.emitSocketEvent("startMeeting", {
@@ -57,13 +62,25 @@ class ProcurementMeetings {
       }
     } else if (event.systemEventType === 'openPoll') {
       _ApplicationManager.default.resolveComponentApi("vcRoom").loadChats();
-    } else if (event.systemEventType === 'procurementMeetingContinue') {
-      let button = _ApplicationManager.default.resolveComponentApi("procurementMeetingContinue");
-      if (button) {
-        button.visible = true;
+    } else if (event.systemEventType === 'meetingStepChanged') {
+      let api = _ApplicationManager.default.resolveComponentApi(viewId);
+      if (api.model.currentMeetingStep === 'QUORUM' && data.step === 'COMPLIANCE_EVALUATION') {
+        this.showComponent("preEvaluationNext");
+      } else if (api.model.currentMeetingStep === 'PRE_COMPLIANCE_EVALUATION' && data.step === 'FUNCTIONAL_EVALUATION') {
+        this.showComponent("complianceEvaluationNext");
+      } else if (api.model.currentMeetingStep === 'COMPLIANCE_EVALUATION' && data.step === 'PRICE_EVALUATION') {
+        this.showComponent("functionalEvaluationNext");
+      } else if (api.model.currentMeetingStep === 'FUNCTIONAL_EVALUATION' && data.step === 'CONDITION_OF_AWARD') {
+        this.showComponent("priceEvaluationNext");
       }
     }
   };
+  showComponent = id => {
+    let component = _ApplicationManager.default.resolveComponentApi(id);
+    if (component) {
+      component.visible = true;
+    }
+  };
 }
 exports.ProcurementMeetings = ProcurementMeetings;
 const instance = new ProcurementMeetings();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.41",
+  "version": "1.8.43",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",
@@ -62,6 +62,7 @@
     "@syncfusion/ej2-react-base": "^26.2.10",
     "@syncfusion/ej2-react-documenteditor": "^26.2.14",
     "@syncfusion/ej2-react-popups": "^26.2.11",
+    "@syncfusion/ej2-react-splitbuttons": "^31.2.2",
     "@syncfusion/ej2-splitbuttons": "^26.2.10",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -93,10 +94,10 @@
     "process": "^0.11.10",
     "prop-types": "^15.7.2",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-bootstrap": "^1.5.2",
     "react-bootstrap-switch": "^15.5.3",
     "react-confirm-alert": "^3.0.6",
+    "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
     "react-feather": "^2.0.10",
     "react-google-autocomplete": "^2.7.3",