@agilemotion/oui-react-js 1.8.40 → 1.8.42

package/dist/components/Button.css

@@ -1,3 +1,4 @@
 .oui button {
-  margin-right: 4px !important;
+    margin-right: 4px !important;
+    height: 40px;
 }

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.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();
@@ -129,10 +135,10 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
   return visible && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({}, props.config)
   }, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
-    style: _Utils.default.mergeObjects(props.config.attributes?.labelStyle, {
+    style: _Utils.default.mergeObjects({
       fontSize: '20px',
       color: '#1d253b'
-    })
+    }, props.config.attributes?.labelStyle)
   }, label), loading && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginTop: '16px'
@@ -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,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.KEY = exports.DOCSVC = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactPromiseTracker = require("react-promise-tracker");
 var _Utils = _interopRequireDefault(require("../Utils"));
@@ -14,7 +14,9 @@ var _ej2Base = require("@syncfusion/ej2-base");
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
 var _LottieIcon = _interopRequireDefault(require("./LottieIcon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _ej2Base.registerLicense)('ORg4AjUWIQA/Gnt2U1hhQlJBfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTX5adkJiWHtWdXBXT2Je');
+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);
 const WordDocumentViewer = props => {
   const [container, setContainer] = _react.default.useState(null);
@@ -75,7 +77,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 => {
@@ -147,7 +149,7 @@ const WordDocumentViewer = props => {
     style: {
       height: '100%'
     },
-    id: 'parent-container'
+    id: `parent-container`
   }, !visible && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
@@ -176,8 +178,8 @@ const WordDocumentViewer = props => {
     style: {
       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",
+  }, errorMessage))), items && (_Utils.default.isNull(props.trackChanges) || props.trackChanges === true) && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
+    id: `${props.id}-container`,
     height: '690px',
     ref: scope => {
       setContainer(scope);
@@ -188,14 +190,15 @@ const WordDocumentViewer = props => {
         container.documentEditor.resize();
       }
     },
+    enablePersistence: false,
     toolbarItems: items,
     restrictEditing: props.readOnly,
     showPropertiesPane: false,
     enableTrackChanges: true,
-    serviceUrl: "https://services.syncfusion.com/react/production/api/documenteditor/",
+    serviceUrl: DOCSVC,
     enableToolbar: !(props.readOnly || props.commentsOnly)
-  }), visible && items && props.trackChanges === false && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
-    id: "container",
+  }), items && props.trackChanges === false && /*#__PURE__*/_react.default.createElement(_ej2ReactDocumenteditor.DocumentEditorContainerComponent, {
+    id: `${props.id}-container`,
     height: '690px',
     ref: scope => {
       setContainer(scope);
@@ -206,10 +209,11 @@ const WordDocumentViewer = props => {
         container.documentEditor.resize();
       }
     },
+    enablePersistence: false,
     toolbarItems: items,
     restrictEditing: props.readOnly,
     showPropertiesPane: false,
-    serviceUrl: "https://services.syncfusion.com/react/production/api/documenteditor/",
+    serviceUrl: DOCSVC,
     enableToolbar: !(props.readOnly || props.commentsOnly)
   }));
 };

package/dist/components/media/SideBarContent.js

@@ -35,7 +35,8 @@ const SideBarContent = props => {
   }) : /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
     chatTab: true,
     selectedChat: meetingChat,
-    meetingId: meetingId
+    meetingId: meetingId,
+    isHost: isHost
   })));
 };
 var _default = exports.default = SideBarContent;

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/components/media/chat/ChatRoom.js

@@ -90,8 +90,9 @@ const ChatRoom = props => {
     let chatParticipant = selectedChat.participants.find(p => p.username === currentUser.username);
     const data = {
       pollId: poll.id,
-      optionId: poll.selectedOption,
-      chatParticipant: chatParticipant
+      optionId: poll.selectedOption || poll.tieBreakerOption,
+      chatParticipant: chatParticipant,
+      tieBreaker: !_Utils.default.isNull(poll.tieBreakerOption)
     };
     (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/poll/vote`, response => {
       fetchChat();
@@ -633,6 +634,7 @@ const ChatRoom = props => {
         return /*#__PURE__*/_react.default.createElement(_PollContainer.default, {
           poll: message.poll,
           chatTab: props.chatTab,
+          isHost: props.isHost,
           pollCreator: message.participant,
           createdDate: message.createdDate,
           submitPollVoteHandler: poll => submitPollVoteHandler(poll),

package/dist/components/media/chat/PollContainer.js

@@ -25,7 +25,9 @@ const PollContainer = props => {
   const [poll, setPoll] = (0, _react.useState)({});
   const [pollClosed, setPollClosed] = (0, _react.useState)(false);
   const [currentVote, setCurrentVote] = (0, _react.useState)(null);
+  const [tieBreakerVote, setTieBreakerVote] = (0, _react.useState)(null);
   const [totalVotes, setTotalVotes] = (0, _react.useState)(0);
+  const [tieOptions, setTieOptions] = (0, _react.useState)([]);
   const [socketEventHandler] = (0, _react.useState)({});
   const socketEventHandlerApi = () => {
     return {
@@ -79,6 +81,14 @@ const PollContainer = props => {
       voteCount: -Infinity
     });
   };
+  const tieForFirst = function () {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    if (!Array.isArray(options) || options.length === 0) return [];
+    const counts = options.map(o => o?.voteCount ?? 0);
+    const max = Math.max(...counts);
+    const leaders = options.filter(o => (o?.voteCount ?? 0) === max);
+    return leaders.length >= 2 ? leaders : [];
+  };
   (0, _react.useEffect)(() => {
     _VCEventManager.default.addSubscriptions(socketEventHandler, _VCEventType.VCEventType.CHAT_MESSAGE, _VCEventType.VCEventType.SYSTEM_EVENT);
     return () => {
@@ -89,7 +99,6 @@ const PollContainer = props => {
     socketEventHandler.api = socketEventHandlerApi();
   });
   (0, _react.useEffect)(() => {
-    console.log('___ POLL: ', props.poll);
     if (props.poll) {
       const renderedPoll = props.poll;
       setPoll(renderedPoll);
@@ -118,6 +127,7 @@ const PollContainer = props => {
             label: option.text
           }));
         });
+        setTieOptions(tieForFirst(renderedPoll.options));
       }
       setPollOptions(pollOptionRows);
     }
@@ -206,7 +216,47 @@ const PollContainer = props => {
     style: {
       color: '#945c33'
     }
-  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text))) : /*#__PURE__*/_react.default.createElement("div", {
+  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text)), props.isHost && tieOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "poll-choices",
+    style: {
+      marginTop: '8px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      color: '#945c33',
+      borderTop: '1px solid #e1e1e1',
+      display: 'inline-block',
+      paddingTop: '8px',
+      width: '100%'
+    }
+  }, "Tie breaker"), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
+    className: "poll-choice-radio-group",
+    value: tieBreakerVote ? tieBreakerVote : poll.tieBreakerOption ? poll.tieBreakerOption : '',
+    onChange: e => {
+      setTieBreakerVote(e.target.value);
+    }
+  }, pollOptions))), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "vote-button",
+    variant: "outlined",
+    onClick: () => {
+      const hasVoted = poll.tieBreakerOption;
+      poll.tieBreakerOption = tieBreakerVote ? tieBreakerVote : '';
+      props.submitPollVoteHandler(poll);
+      if (!hasVoted) {
+        _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, {
+          systemEventType: 'TIE_BREAKER_POLL_VOTE',
+          recipients: props.pollParticipantIDs,
+          data: {
+            pollId: poll.id
+          }
+        }).catch(() => {});
+      }
+    }
+  }, "Submit tie breaker Vote"))) : /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/js/Calendar.js

@@ -152,6 +152,8 @@ class Calendar {
       description: event.extendedProps.description,
       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.40",
+  "version": "1.8.42",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",