@agilemotion/oui-react-js 1.8.45 → 1.8.47

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/StepperTitleBar.css

@@ -1,9 +1,28 @@
+/* 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;
@@ -11,6 +30,12 @@
     border: 1px solid #888888;
     display: flex;
     justify-content: center;
+    align-items: center;
+}
+
+.box,
+.box-pending {
+    width: calc(100% - 16px);
 }
 
 .box-pending {
@@ -18,6 +43,11 @@
     border-right: 1px solid #888888;
     border-top: 1px solid #888888;
     border-bottom: 1px solid #888888;
+    justify-content: flex-start;
+}
+
+.first-box {
+   width: 100%;
 }
 
 .line {
@@ -32,7 +62,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 +86,31 @@
     border: none;
 }
 
-.stepActive .box {
-}
-
 .dot {
-    width: 30px;
+    max-width: 30px;
+    min-width: 30px;
     height: 30px;
     font-size: 18px;
+    border-radius: 50%;
 }
 
+/* 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/TabPanel.js

@@ -25,6 +25,7 @@ function a11yProps(index) {
 const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [tabValue, setTabValue] = _react.default.useState(0);
   const [errors, setErrors] = _react.default.useState({});
+  const [visibleTabPages, setVisibleTabPages] = _react.default.useState(null);
   const [componentHandles] = _react.default.useState({});
   const handleTabChange = (event, newValue) => {
     setTabValue(newValue);
@@ -56,6 +57,21 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         }
       });
     }
+    if (props.config.tabPages) {
+      let allVisibleTabPages = [];
+      for (const page of props.config.tabPages) {
+        if (_Utils.default.isNull(page.id)) {
+          page.id = index + '-tab-page';
+        }
+        let parsedConfig = _Utils.default.parseConfig(page, props.viewId);
+        let visible = _Utils.default.isNull(parsedConfig.visible) || _Utils.default.evaluateBooleanExpression(parsedConfig.visible, page.id);
+        console.log("VISIBLE : " + page.id + " = " + visible + " - " + parsedConfig.visible);
+        if (visible) {
+          allVisibleTabPages.push(page);
+        }
+      }
+      setVisibleTabPages(allVisibleTabPages);
+    }
   }, []);
   function renderTabPageComponent(component, tabId, index) {
     if (_Utils.default.isNull(component.id)) {
@@ -63,7 +79,7 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
     }
     return component.type === 'formSection' ? /*#__PURE__*/_react.default.createElement(_Section.default, {
       keyHandler: props.keyHandler,
-      key: index,
+      key: component.id,
       config: component,
       handle: createComponentHandle(component),
       form: props.form,
@@ -73,12 +89,12 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
     }) : component.type === 'toolbar' ? /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
       config: component,
       handle: createComponentHandle(component),
-      key: index,
+      key: component.id,
       viewId: props.viewId
     }) : component.type === 'layout' ? /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
       config: component,
       handle: createComponentHandle(component),
-      key: index,
+      key: component.id,
       viewId: props.viewId
     }) : /*#__PURE__*/_react.default.createElement("div", null, 'Unsupported component type ' + component.type);
   }
@@ -103,7 +119,7 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         for (const property of properties) {
           let componentHandle = componentHandles[property];
           children.push(componentHandle);
-          if (!_Utils.default.isNull(componentHandle.api.getChildren)) {
+          if (!_Utils.default.isNull(componentHandle.api?.getChildren)) {
             for (const child of componentHandle.api.getChildren()) {
               children.push(child);
             }
@@ -128,7 +144,7 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
       }
     };
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return !_Utils.default.isNull(visibleTabPages) && /*#__PURE__*/_react.default.createElement("div", {
     style: _Utils.default.mergeStyles({
       width: '100%'
     }, props.config)
@@ -158,7 +174,7 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
         minWidth: 120
       }
     }
-  }, props?.config?.tabPages?.length > 0 ? props.config.tabPages.map((page, index) => /*#__PURE__*/_react.default.createElement(_Tab.default, _extends({
+  }, visibleTabPages.map((page, index) => /*#__PURE__*/_react.default.createElement(_Tab.default, _extends({
     key: index,
     label: page.attributes['label'],
     wrapped: true // allow multi-line label
@@ -174,16 +190,13 @@ const TabPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.fo
       // keep original casing
       color: _ApplicationManager.default.isFormMarkersEnabled() && errors !== null && errors[page.id] === true ? '#ed5249' : undefined
     }
-  }))) : null)), !_Utils.default.isNull(props.config) && !_Utils.default.isNull(props.config.tabPages) && props.config.tabPages.length > 0 ? props.config.tabPages.map((page, index) => {
-    if (_Utils.default.isNull(page.id)) {
-      page.id = index + '-tab-page';
-    }
+  }))))), visibleTabPages.map((page, index) => {
     return /*#__PURE__*/_react.default.createElement(_TabPage.default, {
       value: tabValue,
       key: index,
       index: index,
       config: page
     }, renderPage(page, index));
-  }) : null);
+  }));
 }));
 var _default = exports.default = TabPanel;

package/dist/components/Toolbar.js

@@ -203,6 +203,20 @@ const Toolbar = props => {
       }, renderItem(item, defaultId));
     })));
   }
+  function getChildren() {
+    let children = [];
+    let properties = Object.getOwnPropertyNames(buttonItemHandles);
+    for (const property of properties) {
+      let itemHandle = buttonItemHandles[property];
+      children.push(itemHandle);
+    }
+    properties = Object.getOwnPropertyNames(menuItemHandles);
+    for (const property of properties) {
+      let itemHandle = menuItemHandles[property];
+      children.push(itemHandle);
+    }
+    return children;
+  }
   const api = () => {
     return {
       get id() {
@@ -213,18 +227,7 @@ const Toolbar = props => {
         return props.tableRow;
       },
       getChildren: () => {
-        let children = [];
-        let properties = Object.getOwnPropertyNames(buttonItemHandles);
-        for (const property of properties) {
-          let itemHandle = buttonItemHandles[property];
-          children.push(itemHandle);
-        }
-        properties = Object.getOwnPropertyNames(menuItemHandles);
-        for (const property of properties) {
-          let itemHandle = menuItemHandles[property];
-          children.push(itemHandle);
-        }
-        return children;
+        return getChildren();
       },
       set visible(visible) {
         setVisible(visible);
@@ -232,7 +235,11 @@ const Toolbar = props => {
       refresh() {
         let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
         setVisible(_Utils.default.evaluateBooleanExpression(parsedConfig.visible, parsedConfig.id, true));
-        let requiredNewVal = !_Utils.default.isNull(parsedConfig.validator) ? !_Utils.default.evaluateBooleanExpression(parsedConfig.validator.nullable, parsedConfig.id, true) || _Utils.default.evaluateBooleanExpression(parsedConfig.validator.required, parsedConfig.id, false) : false;
+        for (const child of getChildren()) {
+          if (child.api && child.api.refresh) {
+            child.api.refresh();
+          }
+        }
       }
     };
   };

package/dist/components/form/BaseField.js

@@ -42,16 +42,23 @@ const BaseField = props => {
     if (boundValue && !initialValueBound.current) {
       initialValueBound.current = true;
       if (props.config.fieldType === 'SELECT' || props.config.fieldType === 'LOOKUP') {
-        console.log("BINDING : " + props.config.id, valueObject[valueProperty]);
         if (!boundValue || _Utils.default.isNull(boundValue.id)) {
           setValue(null);
           valueRef.current = null;
         } else {
-          setValue(boundValue);
+          if (props.valueParser) {
+            setValue(props.valueParser(boundValue, true));
+          } else {
+            setValue(boundValue);
+          }
           valueRef.current = boundValue;
         }
       } else {
-        setValue(boundValue);
+        if (props.valueParser) {
+          setValue(props.valueParser(boundValue, true));
+        } else {
+          setValue(boundValue);
+        }
         valueRef.current = boundValue;
       }
     }

package/dist/components/form/GridField.js

@@ -46,8 +46,7 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
   const [rows, setRows] = _react.default.useState([]);
   const [crudToolstripWidth, setCrudToolstripWidth] = _react.default.useState(null);
   const [hasButtons] = _react.default.useState(_Utils.default.isNull(props.config.attributes) || _Utils.default.isNull(props.config.attributes.addDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.addDisabled, props.config.id) === false || _Utils.default.isNull(props.config.attributes.removeDisabled) || _Utils.default.evaluateBooleanExpression(props.config.attributes.removeDisabled, props.config.id) === false);
-  //const initialValueSet = React.useRef(false);
-
+  const initialValueSet = _react.default.useRef(false);
   _react.default.useEffect(() => {
     let numCrudButtons = 0;
     let addDisabled = _Utils.default.evaluateBooleanExpression(props.config.attributes?.addDisabled, props.config.id);
@@ -67,11 +66,25 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
       setLabel(_Utils.default.getComponentAttribute(props.config, 'label', ''));
     }
   }, []);
+  function setNewRows(values) {
+    if (Array.isArray(values)) {
+      let newRows = [];
+      for (const value of values) {
+        if (value) {
+          newRows.push(value);
+        }
+      }
+      setRows(newRows);
+    }
+  }
   _react.default.useEffect(() => {
-    if (!_Utils.default.isNull(base.value) /* && !initialValueSet.current*/) {
-      setRows([].concat(base.value));
+    if (!_Utils.default.isNull(base.value) && !initialValueSet.current) {
+      setNewRows(base.value);
     }
   }, [base.value]);
+  _react.default.useEffect(() => {
+    initialValueSet.current = false;
+  }, [base.valueObject[base.valueProperty]]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "MuiFormControl-root MuiTextField-root MuiFormControl-marginDense",
     style: _Utils.default.mergeStyles({}, props.config)
@@ -155,7 +168,7 @@ const GridFieldWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.de
     pagination: false,
     onSelectionChange: selection => {
       setSelection(selection);
-      //base.initialValueSet.current = true;
+      initialValueSet.current = true;
     },
     filterWrapperClass: 'transferListFilterWrapper',
     hasBorder: false

package/dist/components/form/SelectItem.js

@@ -20,18 +20,26 @@ const SelectItemComponent = props => {
   const width = !_Utils.default.isNull(props.config.attributes?.style?.width) ? props.config.attributes.style.width : "100%";
   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";
-  _react.default.useEffect(() => {
-    if (!_Utils.default.isNull(base.value) && !optionsLoaded) {
+  function processValueChange(newValue, isOptionsLoaded) {
+    if (!_Utils.default.isNull(newValue) && !isOptionsLoaded) {
       let defaultOptions = [];
-      defaultOptions.push(base.value);
+      defaultOptions.push(newValue);
       base.setSelectOptions(defaultOptions);
       setOptionsLoaded(true);
+      console.log("DEFAULT SETTINGS SET");
     }
-    if (_Utils.default.isNull(initialValue.current) && !_Utils.default.isNull(base.value)) {
-      initialValue.current = base.value;
+    if (_Utils.default.isNull(initialValue.current) && !_Utils.default.isNull(newValue)) {
+      initialValue.current = newValue;
     }
-    setValue(base.value?.id);
+    setValue(newValue ? newValue.id : '');
+  }
+  _react.default.useEffect(() => {
+    processValueChange(base.value, optionsLoaded);
   }, [base.value]);
+  _react.default.useEffect(() => {
+    initialValue.current = null;
+    processValueChange(base.valueObject[base.valueProperty], false);
+  }, [base.valueObject[base.valueProperty]]);
   _react.default.useEffect(() => {
     if (!_Utils.default.isNull(base.selectOptions) && base.selectOptions.length > 0) {
       if (initialValue.current) {

package/dist/components/form/TimePicker.js

@@ -19,7 +19,6 @@ 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 CustomTimePickerComponent = props => {
   const base = props.base;
-  const defaultDate = !_Utils.default.isNull(base.valueObject[base.valueProperty]) ? new Date(base.valueObject[base.valueProperty]) : null;
   let minWidth = _Utils.default.getComponentAttribute(props.config, 'minWidth', '240px');
   let width = _Utils.default.getComponentAttribute(props.config, 'width', '100%');
   const handleDateChange = date => {
@@ -27,8 +26,8 @@ const CustomTimePickerComponent = props => {
     base.handleValueChange(date);
   };
   _react.default.useEffect(() => {
-    base.setValue(defaultDate);
-  }, [props.base.valueObject[props.base.valueProperty]]);
+    base.setValue(base.value);
+  }, [base.value]);
   const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
   const style = {
     minWidth: minWidth,
@@ -68,16 +67,26 @@ const TimePicker = props => {
     valueParser: (value, inbound) => {
       if (!_Utils.default.isNull(value)) {
         if (!value.toString().includes("T")) {
-          if (typeof value === 'string') {
-            const [hours, minutes] = value.split(":").map(Number);
+          if (typeof value === "string") {
+            const parts = value.split(":");
+            const hours = Number(parts[0] ?? 0);
+            const minutes = Number(parts[1] ?? 0);
             const dateObject = new Date();
-            dateObject.setHours(hours, minutes, 0, 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;
         }
       }
-      return !_Utils.default.isNull(value) ? inbound ? new Date(value) : new Date(value).toLocaleTimeString('it-IT') : null;
+
+      // 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", {
+        hour: "2-digit",
+        minute: "2-digit"
+      }) : null;
     }
   }), base => /*#__PURE__*/_react.default.createElement(CustomTimePickerComponent, _extends({
     base: base

package/dist/components/layout/Layout.js

@@ -301,6 +301,23 @@ const Layout = props => {
       }
     }
   }
+  function getChildren() {
+    let children = [];
+    let properties = Object.getOwnPropertyNames(componentHandles);
+    for (const property of properties) {
+      let componentHandle = componentHandles[property];
+      children.push(componentHandle);
+      if (!_Utils.default.isNull(componentHandle.api) && !_Utils.default.isNull(componentHandle.api.getChildren)) {
+        let moreChildren = componentHandle.api.getChildren();
+        if (!_Utils.default.isNull(moreChildren)) {
+          for (const child of moreChildren) {
+            children.push(child);
+          }
+        }
+      }
+    }
+    return children;
+  }
   const api = () => {
     return {
       get id() {
@@ -311,27 +328,18 @@ const Layout = props => {
         setVisible(val);
       },
       getChildren: () => {
-        let children = [];
-        let properties = Object.getOwnPropertyNames(componentHandles);
-        for (const property of properties) {
-          let componentHandle = componentHandles[property];
-          children.push(componentHandle);
-          if (!_Utils.default.isNull(componentHandle.api) && !_Utils.default.isNull(componentHandle.api.getChildren)) {
-            let moreChildren = componentHandle.api.getChildren();
-            if (!_Utils.default.isNull(moreChildren)) {
-              for (const child of moreChildren) {
-                children.push(child);
-              }
-            }
-          }
-        }
-        return children;
+        return getChildren();
       },
       refresh() {
         if (!_Utils.default.isNull(props.config.visible)) {
           let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
           setVisible(_Utils.default.evaluateBooleanExpression(parsedConfig.visible, props.config.id));
         }
+        for (const child of getChildren()) {
+          if (child.api && child.api.refresh) {
+            child.api.refresh();
+          }
+        }
       }
     };
   };

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/VCRoomParticipant.css

@@ -10,6 +10,17 @@
   background-color: #f9f9f9;
 }
 
+.people-content-list {
+    margin: 4px;
+}
+
+.person-card-wrapper {
+    border: 1px solid rgb(233, 233, 233);
+    border-radius: 4px;
+    background-color: rgb(233, 233, 233);
+    margin-bottom: 2px;
+}
+
 .meeting-participant-container-current-user {
   min-width: 212px;
   min-height: 150px;

package/dist/components/media/VCRoomParticipant.js

@@ -586,14 +586,26 @@ const VCRoomParticipant = props => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: props.sizing === 'sm' ? 'name-label-sm' : 'name-label',
     style: {
+      display: 'flex',
       position: 'absolute',
+      width: '100%',
       bottom: props.isCurrentUser ? '12px' : '0',
       padding: props.isCurrentUser ? '4px 16px' : props.sizing !== 'sm' ? '4px' : '4px'
     }
-  }, !props.isCurrentUser && getParticipantName(), !props.isCurrentUser && /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
+      width: '50%',
+      display: 'flex',
+      justifyContent: 'flex-start',
       marginLeft: '4px'
     }
+  }, !props.isCurrentUser && getParticipantName(), props.isCurrentUser && 'You'), !props.isCurrentUser && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginLeft: '4px',
+      display: 'flex',
+      justifyContent: 'flex-end',
+      width: '50%'
+    }
   }, props.isHost && !audioMuted ? /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     onClick: e => {
       props.onHostAudioMute(props.data);
@@ -623,22 +635,14 @@ const VCRoomParticipant = props => {
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CAMERA'
   }))), props.isCurrentUser && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'row',
+    className: 'row no-margin no-padding',
     style: {
-      width: '216px'
+      width: '100%'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'col no-margin no-padding',
     style: {
-      textAlign: 'left'
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      marginLeft: '4px'
-    }
-  }, "You")), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'col no-margin no-padding',
-    style: {
+      width: '50%',
       display: 'flex',
       justifyContent: 'flex-end'
     }
@@ -681,7 +685,8 @@ const VCRoomParticipant = props => {
         filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
         mt: 1.5,
         '& .MuiList-root': {
-          border: '1px solid red'
+          border: '1px solid #e1e1e1',
+          borderRadius: '4px'
         },
         '& .MuiAvatar-root': {
           width: 32,

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,
@@ -810,10 +812,15 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       height: '100%'
     }
   }, renderStrip())), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${(displayState === 'MAXIMIZED' ? 'col ' : '') + 'no-margin no-padding'}`,
+    className: `${displayState === 'MAXIMIZED' ? 'col ' : ''}`,
     style: {
       width: '200px',
-      height: '148px'
+      height: '148px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      marginLeft: '16px',
+      marginRight: '0'
     }
   }, renderCurrentParticipant())), waitingList && waitingList.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: 'no-side-margin no-side-padding grid-side-bar',

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/components/menu/MenuItem.js

@@ -72,6 +72,6 @@ const MenuItem = props => {
     },
     righticon: props.mode === 'cascaded' && !_Utils.default.isNull(props.menuItems) && props.menuItems.length > 0 ? /*#__PURE__*/_react.default.createElement(_chevronRight.default, null) : null,
     menuitems: props.menuItems
-  }, config.attributes['label']);
+  }, config.attributes?.label);
 };
 var _default = exports.default = MenuItem;

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;
@@ -66,14 +76,18 @@ class ProcurementMeetings {
       _ApplicationManager.default.resolveComponentApi("vcRoom").loadChats();
     } 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");
+      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;
       }
     }
   };

package/package.json

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