@agilemotion/oui-react-js 1.8.46 → 1.8.48

package/dist/components/Button.css

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

package/dist/components/DocumentTemplateDesigner.js

@@ -76,6 +76,12 @@ const DocumentTemplateDesigner = props => {
       },
       set loading(val) {
         setLoading(val);
+      },
+      getDocumentValue: async () => {
+        if (templateDesignerHandle.api) {
+          return await templateDesignerHandle.api.getValue();
+        }
+        return null;
       }
     };
   };

package/dist/components/DocumentTemplateDesignerComponent.js

@@ -475,6 +475,22 @@ const DocumentTemplateDesignerComponent = props => {
       container.documentEditor.search.find(selectedPropertyRows[0].placeHolder);
     }
   };
+  const saveAsBase64 = async () => {
+    if (props.allowUnresolvedChanges === false && container.documentEditor.revisions.length > 0) {
+      setErrorMessage("Please accept or reject all suggested changes");
+      return null;
+    }
+    if (container) {
+      container.documentEditor.editor.stopProtection("password");
+      let blob = await container.documentEditor.saveAsBlob('Docx');
+      if (props.commentsOnly) {
+        container.documentEditor.editor.enforceProtection('password', 'CommentsOnly');
+      }
+      return new File([blob], props.file?.name ? props.file.name : 'document.docx', {
+        type: props.file?.type ? props.file.type : 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+      });
+    }
+  };
   const api = () => {
     return {
       get id() {
@@ -482,6 +498,9 @@ const DocumentTemplateDesignerComponent = props => {
       },
       highlightSelection: selectedPropertyRow => {
         doHighlightSelection(selectedPropertyRow);
+      },
+      getValue: () => {
+        return saveAsBase64();
       }
     };
   };

package/dist/components/DocumentViewer.js

@@ -38,6 +38,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
     if (props.config.attributes?.autoLoadData === false) {
       setLoading(false);
     }
+    refresh();
   }, []);
   function doLoadData(actionConfig) {
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
@@ -99,6 +100,13 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
       }
     }
   }
+  function refresh() {
+    if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.visible)) {
+      setVisible(_Utils.default.evaluateBooleanExpression(props.config.visible, props.config.id));
+    } else {
+      setVisible(true);
+    }
+  }
   const api = () => {
     return {
       get id() {
@@ -111,11 +119,7 @@ const DocumentViewer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defa
         setLabel(label);
       },
       refresh() {
-        if (!_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.visible)) {
-          setVisible(_Utils.default.evaluateBooleanExpression(props.config.visible, props.config.id));
-        } else {
-          setVisible(true);
-        }
+        refresh(props, setVisible);
       },
       setValue(newValue) {
         setValue(newValue);

package/dist/components/Graph.js

@@ -70,7 +70,7 @@ class Graph {
   signal = event => {
     let nextNodeName = this.current.getNextNode(event);
     if (this.current.config.last && nextNodeName === null) {
-      _ApplicationManager.default.removeLoadedGraph(true);
+      _ApplicationManager.default.removeLoadedGraph(this.config.isWindow ? 'window' : 'main');
     } else {
       if (!_Utils.default.isNull(nextNodeName)) {
         for (const node of this.config.nodes) {

package/dist/components/SocketManager.js

@@ -101,7 +101,8 @@ class SocketManager {
   registerOnline() {
     let userDetails = _ApplicationManager.default.getUserDetails();
     // TODO : Resolve the hardcoding
-    let profile = typeof (typeof userDetails.profile === 'string' || JSON.parse(userDetails.profile) === 'string') ? userDetails.profile : 'COJ';
+    let profile = 'COJ';
+    //let profile = typeof userDetails.profile === 'string' || JSON.parse(userDetails.profile) === 'string' ? userDetails.profile : 'COJ';
     console.log('***** REGISTERING ONLINE ***** [' + profile + ']');
     this.emitEvent(_SocketRequest.default.REGISTER_ONLINE, {
       user: {

package/dist/components/StepperTitleBar.css

@@ -1,16 +1,41 @@
+/* container that holds ALL steps */
+.stepper-container {
+    display: flex;
+    flex-wrap: wrap;     /* allow wrapping */
+    width: 100%;       /* small space between steps */
+}
+
+/* each single step wrapper (the thing we flex) */
+.step-item {
+    flex: 0 1 180px;     /* target width */
+    min-width: 140px;    /* don’t go too small */
+    max-width: 240px;    /* don’t go too wide */
+    padding-top: 8px;
+}
+
+/* original classes kept */
 .step,
 .stepActive,
 .stepVisited {
 }
 
-.box, .box-pending, .dot {
+/* pill + dot box */
+.box,
+.box-pending,
+.dot {
     border-radius: 100px;
     text-align: center;
     font-size: 14px;
     color: #888888;
     border: 1px solid #888888;
     display: flex;
-    justify-content: center;
+    align-items: center;
+}
+
+.box,
+.box-pending {
+    width: calc(100% - 16px);
+    justify-content: flex-start;
 }
 
 .box-pending {
@@ -20,6 +45,10 @@
     border-bottom: 1px solid #888888;
 }
 
+.first-box {
+   width: 100%;
+}
+
 .line {
     border-top: 1px solid #888888;
     width: 100%;
@@ -32,7 +61,23 @@
     float: left;
 }
 
-.stepVisited .firstBox {
+.dash {
+    width: 16px;
+    display: flex;
+    align-items: center;
+}
+
+.dash div {
+    border-bottom: 1px solid #888888;
+    width: 16px;
+}
+
+.boxWrapper,
+.firstBoxWrapper {
+    border: 1px solid green;
+}
+
+.stepVisited .firstBoxWrapper {
     margin-left: calc(50% - 15px);
 }
 
@@ -40,23 +85,32 @@
     border: none;
 }
 
-.stepActive .box {
-}
-
 .dot {
-    width: 30px;
+    max-width: 30px;
+    min-width: 30px;
     height: 30px;
     font-size: 18px;
+    border-radius: 50%;
+    justify-content: center;
 }
 
+/* active step dot */
 .stepActive .dot {
     color: #000000;
     border-color: #ffffff;
 }
 
-.stepVisited .dot {
+/* the label text inside the step */
+.step-title {
+    margin: 0 4px;
+    max-width: 140px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    align-self: center;
 }
 
+/* lines (your old ones) */
 .leftLine,
 .rightLine {
     border-bottom: 1px solid;
@@ -101,4 +155,4 @@
     border-bottom-right-radius: 100px;
     padding: 2px 8px;
     font-weight: 600;
-}
+}

package/dist/components/StepperTitleBar.js

@@ -10,6 +10,7 @@ var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _styles = require("@mui/styles");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 require("./StepperTitleBar.css");
 var _jquery = _interopRequireDefault(require("jquery"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -31,17 +32,12 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
   const [visible, setVisible] = _react.default.useState(false);
   const [activeSegmentPercentage, setActiveSegmentPercentage] = _react.default.useState(null);
   const currentIndex = _react.default.useRef(null);
-  let keyCounter = 0;
-  let counter = 0;
-  let graphicsCounter = 0;
   const classes = useStyles();
+
+  // re-attach API on each render
   _react.default.useEffect(() => {
     props.handle.api = api();
-    recalcLinePosition();
   });
-  _react.default.useLayoutEffect(() => {
-    recalcLinePosition();
-  }, []);
   _react.default.useEffect(() => {
     let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
     let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
@@ -67,18 +63,37 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
     recalcLinePosition();
   }, []);
   const recalcLinePosition = () => {
-    let titleDiv = (0, _jquery.default)("#titleDiv");
-    let step = (0, _jquery.default)("#step-container-" + currentIndex.current);
-    if (currentIndex.current !== null && !_Utils.default.isNull(step.width())) {
-      let titleWidth = titleDiv.width() + 46;
+    // Your old logic depended on single-row layout and a single #titleDiv
+    // Now that we allow wrapping, we guard this so it doesn't break.
+    if (currentIndex.current == null) return;
+    const stepEl = (0, _jquery.default)("#step-container-" + currentIndex.current);
+    if (!stepEl || stepEl.length === 0) return;
+    const stepTop = stepEl.offset().top;
+    const firstTop = (0, _jquery.default)("#step-container-0").offset()?.top;
+
+    // if wrapped to multiple rows, skip line math (each item already has its own line segment)
+    if (firstTop != null && stepTop !== firstTop) {
       (0, _jquery.default)(".stepActive .rightLine").css({
-        'margin-left': currentIndex.current === 0 ? titleWidth : titleWidth / 2 + step.width() / 2 - 2 + 'px',
-        'width': currentIndex.current === 0 ? step.width() - titleWidth + 2 : step.width() / 2 - titleWidth / 2 + 'px'
+        width: 0
       });
       (0, _jquery.default)(".stepActive .leftLine").css({
-        'width': step.width() / 2 - titleWidth / 2 + 'px'
+        width: 0
       });
+      return;
     }
+
+    // if still on one row, we can keep the old logic roughly
+    const stepWidth = stepEl.width();
+    if (!stepWidth) return;
+    const activeBox = stepEl.find(".box, .box-pending").first();
+    const titleWidth = activeBox.width();
+    (0, _jquery.default)(".stepActive .rightLine").css({
+      'margin-left': titleWidth / 2 + 'px',
+      'width': stepWidth - titleWidth + 'px'
+    });
+    (0, _jquery.default)(".stepActive .leftLine").css({
+      'width': (stepWidth - titleWidth) / 2 + 'px'
+    });
   };
   const api = () => {
     return {
@@ -97,7 +112,6 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
       },
       show() {
         let graph;
-        let graphs = [];
         let view = _ApplicationManager.default.getView(props.viewId);
         if (view) {
           for (const key of Object.keys(_ApplicationManager.default.viewContext)) {
@@ -114,86 +128,68 @@ const StepperTitleBar = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.def
           setSteps(steps);
           currentIndex.current = graph.getCurrentNodeIndex();
           setActiveSegmentPercentage(100 - 10 * (steps.length - 1));
+          // recalc after render
+          setTimeout(() => recalcLinePosition(), 0);
         }
       }
     };
   };
-  function renderStep(step) {
+  function renderStep(step, graphicsCounter, totalSteps) {
+    const isActive = graphicsCounter === currentIndex.current;
+    const isVisited = graphicsCounter < currentIndex.current;
+    const isLast = graphicsCounter === totalSteps - 1;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: graphicsCounter === currentIndex.current ? `stepActive` : graphicsCounter < currentIndex.current ? 'stepVisited' : 'step'
+      className: isActive ? `stepActive` : isVisited ? 'stepVisited' : 'step'
     }, graphicsCounter > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (graphicsCounter <= currentIndex.current ? `${classes.themeBorder} ` : '') + '' + (graphicsCounter === steps.length - 1 ? ' lastLine' : '')
+      className: (graphicsCounter <= currentIndex.current ? `${classes.themeBorder} ` : '') + (isLast ? ' lastLine' : '')
     }) : null, /*#__PURE__*/_react.default.createElement("div", {
-      className: 'row  flex-nowrap' + (graphicsCounter === 0 ? ' firstBox' : ''),
+      className: 'row flex-nowrap' + (graphicsCounter === 0 ? ' firstBox' : 'boxWrapper'),
       style: {
         marginLeft: 'unset',
         marginRight: 'unset',
         width: '100%'
       },
       id: 'step-' + graphicsCounter
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, step.index > 0 && /*#__PURE__*/_react.default.createElement("div", {
+      className: 'col-*-* dash',
+      style: {
+        color: isVisited ? '#ffffff' : null
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", null)), /*#__PURE__*/_react.default.createElement("div", {
       style: {
         whiteSpace: "nowrap"
       },
-      className: (graphicsCounter < currentIndex.current ? `${classes.secondary} box  flex-nowrap` : graphicsCounter === currentIndex.current ? `${classes.primary} box` : 'box-pending') + ' row no-margin no-padding'
+      className: (isVisited ? `${classes.secondary} box` : isActive ? `${classes.primary} box` : 'box-pending') + ' row no-margin no-padding flex-nowrap' + (step.index === 0 ? ' first-box' : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'dot col-*-*',
       style: {
-        color: graphicsCounter < currentIndex.current ? '#ffffff' : null
+        color: isVisited ? '#ffffff' : null
       }
-    }, step.index + 1), graphicsCounter <= currentIndex.current ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `col-*-*`,
-      id: "titleDiv",
-      style: {
-        alignContent: 'center',
-        color: graphicsCounter === currentIndex.current ? '#000000' : '#ffffff',
-        margin: '0 4px'
-      }
-    }, step.title) : /*#__PURE__*/_react.default.createElement("div", {
-      className: `col-*-*`,
-      id: "titleDiv",
+    }, step.index + 1), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: step.title
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "step-title",
       style: {
-        alignContent: 'center',
-        color: '#888888',
-        margin: '0 4px'
+        color: isActive ? '#000000' : isVisited ? '#ffffff' : '#888888'
       }
-    }, step.title)), graphicsCounter < steps.length - 1 && /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flex: 1,
-        overflow: "hidden",
-        alignContent: 'center'
-      },
-      className: 'col-*-*'
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: 'line'
-    }, "\xA0"))), graphicsCounter < steps.length - 1 ? /*#__PURE__*/_react.default.createElement("div", {
-      className: (graphicsCounter < currentIndex.current ? `${classes.themeBorder} ` : '') + '' + (graphicsCounter === 0 ? ' firstLine' : '')
-    }) : null, graphicsCounter++ ? null : null);
+    }, step.title)))), !isLast ? /*#__PURE__*/_react.default.createElement("div", {
+      className: (graphicsCounter < currentIndex.current ? `${classes.themeBorder} ` : '') + (graphicsCounter === 0 ? ' firstLine' : '')
+    }) : null);
   }
   function render() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-100 flex-nowrap",
-      style: {
-        display: "flex",
-        width: "100%"
-      }
-    }, steps.map(step => /*#__PURE__*/_react.default.createElement("div", {
-      align: graphicsCounter === 0 ? "left" : graphicsCounter === steps.length - 1 ? "right" : "center",
-      key: keyCounter++,
-      style: {
-        whiteSpace: "nowrap",
-        paddingTop: "8px",
-        maxHeight: "8px",
-        width: 100 / steps.length + "%"
-      },
-      id: "step-container-" + counter++
-    }, renderStep(step))));
+      className: "stepper-container"
+    }, steps.map((step, idx) => /*#__PURE__*/_react.default.createElement("div", {
+      key: idx,
+      id: "step-container-" + idx,
+      className: "step-item"
+    }, renderStep(step, idx, steps.length))));
   }
   return /*#__PURE__*/_react.default.createElement("div", null, visible && !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({
       fontSize: '24px',
       color: '#202124',
-      padding: "0 0 32px 0",
+      padding: "0",
       display: 'flex',
       justifyContent: 'center',
       margin: "0 0 16px 0"

package/dist/components/WordDocumentViewer.js

@@ -84,7 +84,7 @@ const WordDocumentViewer = props => {
   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);
+    //console.log('Document fully visible & rendered:', el);
     if (!reRendering) {
       setVisible(false);
       setReRendering(true);

package/dist/components/form/Form.js

@@ -331,7 +331,6 @@ const Form = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
     let autoLoadData = _Utils.default.getComponentAttribute(config, 'autoLoadData', null);
     if (autoLoadData === null || autoLoadData === true) {
       let subscription = {
-        publisher: props.viewId,
         eventType: _EventType.default.COMPONENT_LOAD,
         actions: [{
           actionType: 'loadData'

package/dist/components/form/SelectItem.js

@@ -21,7 +21,6 @@ const SelectItemComponent = props => {
   const maxWidth = !_Utils.default.isNull(props.config.attributes?.style?.maxWidth) ? props.config.attributes.style.maxWidth : null;
   const minWidth = !_Utils.default.isNull(props.config.attributes?.style?.minWidth) ? props.config.attributes.style.minWidth : "240px";
   function processValueChange(newValue, isOptionsLoaded) {
-    console.log("\n\n\n\nPROCESSING : ", newValue, isOptionsLoaded);
     if (!_Utils.default.isNull(newValue) && !isOptionsLoaded) {
       let defaultOptions = [];
       defaultOptions.push(newValue);

package/dist/components/form/TimePicker.js

@@ -71,20 +71,22 @@ const TimePicker = props => {
             const parts = value.split(":");
             const hours = Number(parts[0] ?? 0);
             const minutes = Number(parts[1] ?? 0);
-            let seconds = 0;
-            if (parts[2]) {
-              seconds = Number(parts[2].split(".")[0] ?? 0);
-            }
             const dateObject = new Date();
-            dateObject.setHours(hours, minutes, seconds, 0);
-            return inbound ? dateObject : dateObject.toLocaleTimeString("it-IT");
+            dateObject.setHours(hours, minutes);
+            return inbound ? dateObject : dateObject.toLocaleTimeString("it-IT", {
+              hour: "2-digit",
+              minute: "2-digit"
+            });
           }
           return value;
         }
       }
 
       // date-time value (contains "T") or something parsable by Date
-      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : new Date(value).toLocaleTimeString("it-IT") : null;
+      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : new Date(value).toLocaleTimeString("it-IT", {
+        hour: "2-digit",
+        minute: "2-digit"
+      }) : null;
     }
   }), base => /*#__PURE__*/_react.default.createElement(CustomTimePickerComponent, _extends({
     base: base

package/dist/components/layout/View.css

@@ -6,6 +6,16 @@
     border-radius: 4px;
 }
 
+.success-green-text,
+.success-green-text td {
+    color: #2e7d32;
+}
+
+.bold-text,
+.bold-text td {
+    font-weight: bold;
+}
+
 .view .sticky-header {
     position: sticky; top: 0; z-index: 1;
     box-sizing: border-box;

package/dist/components/layout/View.js

@@ -98,13 +98,6 @@ const View = props => {
       }
     }
     _ApplicationManager.default.updateAppBarTitle(parsedConfig.id, parsedConfig.title);
-    let data = {};
-    data.viewId = props.config.id;
-    let event = new _Event.default(props.handle, props.config.id, data);
-    _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
-    if (props.loadCallback) {
-      props.loadCallback();
-    }
     const el = viewRef.current;
     let ro;
     if (el) {
@@ -128,6 +121,13 @@ const View = props => {
         ro.observe(headerEl);
       }
     }
+    let data = {};
+    data.viewId = props.config.id;
+    let event = new _Event.default(props.handle, props.config.id, data);
+    _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
+    if (props.loadCallback) {
+      props.loadCallback();
+    }
     return () => {
       _Observable.default.clearEventListeners(props.config.id);
       if (el) {

package/dist/components/media/SideBarContent.js

@@ -15,6 +15,7 @@ const SideBarContent = props => {
   const {
     tab,
     isHost,
+    isChairPerson,
     meetingId,
     participants,
     meetingChat
@@ -36,7 +37,8 @@ const SideBarContent = props => {
     chatTab: true,
     selectedChat: meetingChat,
     meetingId: meetingId,
-    isHost: isHost
+    isHost: isHost,
+    isChairPerson: isChairPerson
   })));
 };
 var _default = exports.default = SideBarContent;

package/dist/components/media/Toolbar.js

@@ -414,63 +414,7 @@ const Toolbar = props => {
     id: 'CHAT_BUBBLE'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, "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", {
+  }, "Chat"))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, raisedHands.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'
@@ -730,29 +674,7 @@ 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"))), isHost && !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", {
+  })), /*#__PURE__*/_react.default.createElement("div", null, hasUnreadChats ? '1' : '', "\xA0Chat"))), !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

@@ -52,6 +52,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   const [allUserParticipantsLeft, setAllUserParticipantsLeft] = (0, _react.useState)(false);
   const [lobbyWaitingList, setLobbyWaitingList] = (0, _react.useState)([]);
   const [isHost, setIsHost] = (0, _react.useState)(false);
+  const [isChairPerson, setIsChairPerson] = (0, _react.useState)(false);
   const [meetingParticipantGridMode, setMeetingParticipantGridMode] = (0, _react.useState)('DEFAULT');
   const [autoPermit, setAutoPermit] = (0, _react.useState)(!props.calendarEvent.askToJoin);
   const [rtpCapabilities, setRtpCapabilities] = (0, _react.useState)(null);
@@ -309,6 +310,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
     }
     setCurrentUserFullName(userFullName);
     setIsHost(props.calendarEvent.host.username === _ApplicationManager.default.getUserDetails().username);
+    setIsChairPerson(props.calendarEvent.chairPersonId === _ApplicationManager.default.getUserDetails().username);
     try {
       _Media.default.joinMeeting(props.calendarEvent, props.settings, userFullName).then(response => {
         console.log('JOIN RESPONSE : ', response);
@@ -329,18 +331,15 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   }, []);
   function addUserToParticipants(user) {
     // Typically, a user shoud not exist. We are ensuring that there are never duplicates
-    console.log('SEARCHING PARTICIPANT : ' + user.userId);
     console.log(participants);
     let participant = participants.find(u => u.userId === user.userId);
     if (participant) {
-      console.log('FOUND EXISTING PARTICIPANT : ', participant);
       participant.name = user.name;
       participant.avatar = user.avatar;
       participant.audioMuted = user.audioMuted;
       participant.videoMuted = user.videoMuted;
       participant.producers = user.producers;
     } else {
-      console.log('DID NOT FIND EXISTING PARTICIPANT : ', participant);
       participant = {
         userId: user.userId,
         name: user.name,
@@ -381,7 +380,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
         _SocketManager.default.endSession(props.calendarEvent.id);
         _ApplicationManager.default.setHasActiveMeeting(false);
         _ApplicationManager.default.setActiveMeetingKey(null);
-        _ApplicationManager.default.removeLoadedGraph(false);
+        _ApplicationManager.default.removeLoadedGraph('window');
         setSideBarOpen(false);
         setSideBarTab('');
       }
@@ -555,6 +554,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
     sideBarTab: sideBarTab,
     roomStatus: roomStatus,
     isHost: isHost,
+    isChairPerson: isChairPerson,
     startScreenSharing: startScreenSharing,
     sharingHandler: someoneSharing => setSomeoneSharing(someoneSharing),
     onStopSharing: () => {
@@ -601,6 +601,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   }, /*#__PURE__*/_react.default.createElement(_SideBarContent.default, {
     meetingChat: meetingChat,
     isHost: isHost,
+    isChairPerson: isChairPerson,
     tab: sideBarTab,
     meetingId: props.calendarEvent.id,
     participants: participants,

package/dist/components/media/VCRoomWorkspace.js

@@ -115,6 +115,7 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     videoMuted,
     audioMuted,
     isHost,
+    isChairPerson,
     rtpCapabilities,
     onloadScreenShareData,
     displayState,
@@ -741,6 +742,7 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   }, /*#__PURE__*/_react.default.createElement(_SideBarContent.default, {
     meetingChat: meetingChat,
     isHost: isHost,
+    isChairPerson: isChairPerson,
     tab: 'People',
     meetingId: meetingId,
     participants: props.participants,

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

@@ -50,7 +50,7 @@ const ChatRoom = props => {
   const [mode, setMode] = (0, _react.useState)('CHAT');
   const [clearUploadedFileSwitch, setClearUploadedFileSwitch] = (0, _react.useState)(false);
   const [socketEventHandler] = (0, _react.useState)({});
-  const [currentUser, setCurrentUser] = (0, _react.useState)(_ApplicationManager.default.getUserDetails());
+  const [currentUser] = (0, _react.useState)(_ApplicationManager.default.getUserDetails());
   const socketEventHandlerApi = () => {
     return {
       get id() {
@@ -146,7 +146,7 @@ const ChatRoom = props => {
     if (selectedChat) {
       const newMessages = [].concat(selectedChat.messages);
       if (!props.showAllMessagesForNewParticipants) {
-        let find = selectedChat.participants.find(p => p.userId === currentUser.userId);
+        let find = selectedChat.participants.find(p => p.username === currentUser.username);
         const dateAddedToChat = find ? find.dateAddedToChat : new Date();
         const filteredMessages = newMessages.filter(txt => dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate));
         setMessages(filteredMessages);
@@ -172,7 +172,7 @@ const ChatRoom = props => {
     if (selectedChat && currentUser) {
       setMessage('');
       setDocuments(null);
-      let find = selectedChat.participants.find(p => p.userId === currentUser.userId);
+      let find = selectedChat.participants.find(p => p.userId === currentUser.username || p.username === currentUser.username);
       if (_Utils.default.isNull(find)) {
         (0, _RestUtils.postData)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/addParticipants`, () => {}, e => {}, true, {
           chatId: selectedChat.id,
@@ -497,7 +497,8 @@ const ChatRoom = props => {
       messageId: message.id,
       participantsToSignalIds,
       profile: _ApplicationManager.default.getUserDetails().profile,
-      userId: _ApplicationManager.default.getUserDetails().username
+      userId: _ApplicationManager.default.getUserDetails().username,
+      username: _ApplicationManager.default.getUserDetails().username
     }).then(data => {
       message.active = false;
       setRefresher(!refresher);
@@ -626,7 +627,7 @@ const ChatRoom = props => {
           className: "cv-poll-choice-details"
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-percentage"
-        }, /*#__PURE__*/_react.default.createElement(Info, {
+        }, /*#__PURE__*/_react.default.createElement(_reactFeather.Info, {
           className: "selected-choice-icon"
         })), /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-text"
@@ -641,10 +642,11 @@ const ChatRoom = props => {
           poll: message.poll,
           chatTab: props.chatTab,
           isHost: props.isHost,
+          isChairPerson: props.isChairPerson,
           pollCreator: message.participant,
           createdDate: message.createdDate,
           submitPollVoteHandler: poll => submitPollVoteHandler(poll),
-          pollParticipantIDs: selectedChat.participants.map(p => p.userId),
+          pollParticipantIDs: selectedChat.participants.map(p => p.username),
           currentUser: currentUser,
           closePollHandler: (e, poll) => closePollHandler(e, poll),
           numberOfPollParticipants: selectedChat.participants.length

package/dist/components/media/chat/ChatRooms.scss

@@ -193,7 +193,8 @@
 
   .chatroom__body {
     height: 95%;
-    overflow: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
     padding: 0 15px;
   }
 
@@ -396,7 +397,6 @@
 
 .poll-content {
   margin-top: 16px;
-  margin-left: 26px;
   margin-bottom: 28px;
   padding: 20px 15px 20px 15px;
   letter-spacing: .01em;
@@ -488,11 +488,9 @@
 }
 
 .cv-choice-text {
-  margin-left: 10px;
+  margin: 0 10px;
   display: inline-block;
   vertical-align: bottom;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   overflow: hidden;
   color: rgba(0, 0, 0, 0.75);
 }

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

@@ -189,7 +189,7 @@ const PollContainer = props => {
         }).catch(() => {});
       }
     }
-  }, "Submit Vote"), props.currentUser.userId === props.pollCreator.userId && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, "Submit Vote"), props.currentUser.username === props.pollCreator.username && /*#__PURE__*/_react.default.createElement(_Button.default, {
     className: "vote-button",
     variant: "outlined",
     onClick: e => props.closePollHandler(e, poll)
@@ -216,7 +216,7 @@ const PollContainer = props => {
     style: {
       color: '#945c33'
     }
-  }, "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", {
+  }, "You have voted ", props.poll.options.find(o => o.id === poll.selectedOption)?.text)), props.isChairPerson && tieOptions.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-choices",
     style: {
       marginTop: '8px'

package/dist/js/ProcurementMeetings.js

@@ -40,6 +40,16 @@ class ProcurementMeetings {
       procurementNumber: meeting.procurementNumber
     }, meeting);
   };
+  endMeeting = meeting => {
+    console.log("\n\n\n\n\nENDING SESSION : ", meeting);
+    let api = _ApplicationManager.default.resolveComponentApi("conclusionLayout");
+    api.visible = true;
+    api = _ApplicationManager.default.resolveComponentApi("toolbar");
+    api.visible = false;
+    api = _ApplicationManager.default.resolveComponentApi("meetingLayout");
+    api.visible = false;
+    _SocketManager.default.endSession(meeting.id);
+  };
   handleSystemEvent = (event, meeting, viewId) => {
     console.log("PROCESSING MEETING SYSTEM EVENT : ", event);
     let data = event.data;
@@ -67,10 +77,18 @@ class ProcurementMeetings {
     } else if (event.systemEventType === 'meetingStepChanged') {
       let api = _ApplicationManager.default.resolveComponentApi(viewId);
       api.model.currentStep = data.step;
+      api.model.meetingStep = data.step;
       let component = _ApplicationManager.default.resolveComponentApi("toolbar");
       if (component) {
         component.refresh();
       }
+    } else if (event.systemEventType === 'documentSaved') {
+      let documentType = data.documentType;
+      if (documentType === 'minutes') {
+        meeting.minutesDraftDocumentId = data.documentId;
+      } else if (documentType === 'agenda') {
+        meeting.agendaDocumentId = data.documentId;
+      }
     }
   };
   showComponent = id => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.46",
+  "version": "1.8.48",
   "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
   "license": "ISC",
   "author": "",