@agilemotion/oui-react-js 1.8.31 → 1.8.32

package/dist/ApplicationManager.js

@@ -359,6 +359,12 @@ class ApplicationManager {
         const view = viewContextElement.getView();
         if (view) {
           viewContextElement.closeView(viewId, forward);
+          if (key === 'window') {
+            _Observable.default.emitContextChangeEvent(applicationContext, {
+              windowView: null
+            });
+            applicationContext.windowView = null;
+          }
           break;
         }
       }

package/dist/DynamicJS.js

@@ -90,6 +90,7 @@ class DynamicJS {
       if (!_Utils.default.isNull(event)) {
         eventParam = {};
         eventParam.data = event.data;
+        eventParam.viewId = event.viewId;
       }
       try {
         // NB : The javascript serializer uses UCT for dates and it is 2 hours behind. TODO : use  DateUtils.makeDateReplacer

package/dist/RestService.js

@@ -114,6 +114,7 @@ class RestService {
       }
       if (requestBody !== null || service.method === 'POST') {
         this.fetchWithCustomConfig({
+          viewId: request.viewId,
           url,
           serviceType: request.service.type,
           method: 'POST',
@@ -131,6 +132,7 @@ class RestService {
         });
       } else if (contentType === 'application/pdf' || contentType === 'application/vnd.ms-excel') {
         this.fetchWithCustomConfig({
+          viewId: request.viewId,
           url,
           serviceType: request.service.type,
           secure: request.secure,
@@ -144,6 +146,7 @@ class RestService {
         });
       } else {
         this.fetchWithCustomConfig({
+          viewId: request.viewId,
           url,
           serviceType: request.service.type,
           secure: !service.url.startsWith('http://'),
@@ -208,6 +211,7 @@ class RestService {
         }
       }
       this.fetchWithCustomConfig({
+        viewId: request.viewId,
         url: location + _ApplicationManager.default.getContextRoot() + '/' + module + '/api/v1/rpc/invoke',
         serviceType: request.service.type,
         secure: true,

package/dist/components/AlertBar.js

@@ -20,7 +20,7 @@ const AlertBar = /*#__PURE__*/_react.default.memo(props => {
     let defaultAction = {
       actionType: 'script',
       script: {
-        lines: [`@#{${props.config.id}}.message = $event.data.message`, `@#{${props.config.id}}.variant = $event.data.messageType === 'ERROR' ? 'danger' : $event.data.messageType === 'WARN' ? 'warning' : $event.data.messageType === 'SUCCESS' ? 'success' : 'info' `]
+        lines: [`if('${props.viewId}' === $event.viewId) {`, `   @#{${props.config.id}}.message = $event.data.message`, `   @#{${props.config.id}}.variant = $event.data.messageType === 'ERROR' ? 'danger' : $event.data.messageType === 'WARN' ? 'warning' : $event.data.messageType === 'SUCCESS' ? 'success' : 'info'`, `}`]
       }
     };
     if (_Utils.default.isNull(eventHandlingConfig.subscriptions)) {

package/dist/components/Button.css

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

package/dist/components/Button.js

@@ -15,6 +15,7 @@ var _Event = _interopRequireDefault(require("../event/Event"));
 var _EventType = _interopRequireDefault(require("../event/EventType"));
 var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
 var _DynamicJS = _interopRequireDefault(require("../DynamicJS"));
+require("./Button.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   root: {
@@ -94,7 +95,7 @@ const Button = props => {
     };
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.root,
+    className: `${classes.root} oui button`,
     style: {
       width: props.attributes?.style?.width,
       display: visible ? 'block' : 'none'

package/dist/components/Icon.js

@@ -45,6 +45,7 @@ var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
 var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
 var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
 var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
+var _Phone = _interopRequireDefault(require("@mui/icons-material/Phone"));
 var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
 var _colors = require("@mui/material/colors");
 var _iconsMaterial = require("@mui/icons-material");
@@ -254,6 +255,12 @@ class Icon extends _react.Component {
           color: _colors.red[500]
         }
       });
+    } else if (this.props.id === 'PHONE') {
+      return /*#__PURE__*/_react.default.createElement(_Phone.default, {
+        style: {
+          color: '#2e7d32'
+        }
+      });
     }
     return null;
   }

package/dist/components/SocketManager.js

@@ -123,6 +123,7 @@ class SocketManager {
         meetingId: meetingId
       }).catch(error => {});
     }
+    _ApplicationManager.default.setHasActiveMeeting(false);
   };
   endSession = meetingId => {
     if (this.socket) {
@@ -136,6 +137,7 @@ class SocketManager {
         }).catch(error => {});
       }).catch(error => {});
     }
+    _ApplicationManager.default.setHasActiveMeeting(false);
   };
   createEvent() {
     let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

package/dist/components/Toolbar.js

@@ -21,6 +21,7 @@ var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAway
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _MenuItem = _interopRequireDefault(require("./menu/MenuItem"));
+require("./Button.css");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -137,15 +138,11 @@ const Toolbar = props => {
     setOpen(prevOpen => !prevOpen);
   };
   function getDefaultStyle(item) {
-    return {
+    return _Utils.default.mergeStyles({
       height: item.type === 'toolbarSpacer' ? item.attributes?.style?.height ? item.attributes?.style?.height : '100%' : null,
       width: item.type === 'toolbarSpacer' ? '2' ? item.attributes?.style?.width : '100%' : null,
-      minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '60px' : null,
-      marginLeft: item.type === 'toolbarSpacer' ? '4px' : 0,
-      marginRight: 4,
-      marginBottom: 4,
-      marginTop: item.type === 'toolbarSpacer' ? '6px' : 0
-    };
+      minWidth: item.type === 'toolbarSpacer' ? '2' : _Utils.default.isNull(item.attributes) || _Utils.default.isNull(item.attributes['label']) ? '0px' : null
+    }, item);
   }
   function renderItem(item, defaultId) {
     if (_Utils.default.isNull(item.id)) {

package/dist/components/customInput/File.js

@@ -64,8 +64,7 @@ const File = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwar
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'col-*-*',
     style: {
-      marginLeft: '0',
-      width: '72px'
+      marginLeft: '0'
     }
   }, /*#__PURE__*/_react.default.createElement("input", {
     accept: "*/*",

package/dist/components/form/IconField.js

@@ -12,7 +12,9 @@ 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 IconWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const base = props.base;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, _Utils.default.getComponentAttribute(props.config, 'label', ''))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.config.attributes?.label && /*#__PURE__*/_react.default.createElement("div", {
+    style: _Utils.default.mergeStyles({}, props.config)
+  }, /*#__PURE__*/_react.default.createElement("label", null, _Utils.default.getComponentAttribute(props.config, 'label', ''))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: props.config.iconId,
     color: props.config.iconColor
   })));

package/dist/components/layout/WindowViewPort.js

@@ -27,7 +27,8 @@ const WindowViewContainer = props => {
         setView(context.windowView);
         if (!_Utils.default.isNull(context.pinned)) {
           setPinned(context.pinned);
-        } else {
+        }
+        if (_Utils.default.isNull(context.windowView)) {
           setPinned(false);
         }
         if (!_Utils.default.isNull(context.defaultDisplayState)) {
@@ -80,7 +81,9 @@ const WindowViewContainer = props => {
         });
         setPinned(!pinned);
       },
-      onClose: () => {}
+      onClose: () => {
+        setPinned(false);
+      }
     }, /*#__PURE__*/_react.default.createElement(_View.View, {
       config: view.config,
       key: view.config.id,

package/dist/components/media/ClosablePanel.css

@@ -5,7 +5,7 @@
 }
 
 .closable-panel-header {
-  height: 72px;
+  height: 64px;
   text-align: right;
   padding: 8px;
   display: inline-block;

package/dist/components/media/ToolbarButton.js

@@ -33,7 +33,8 @@ const ToolbarButton = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     style: {
-      width: '100%'
+      width: isVisible ? '100%' : 0,
+      minWidth: isVisible ? '100%' : 0
     }
   }, !isVisible ? /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/media/TrainingRoom.js

@@ -65,6 +65,13 @@ 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 api = () => {
+    return {
+      loadChats() {
+        fetchChats();
+      }
+    };
+  };
   const handler = () => {
     return {
       get id() {
@@ -234,6 +241,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
   };
   (0, _react.useEffect)(() => {
     eventHandler.api = handler();
+    props.handle.api = api();
   });
   (0, _react.useEffect)(() => {
     if (props.settings) {

package/dist/components/media/VCRoom.js

@@ -12,6 +12,7 @@ var _TrainingRoom = _interopRequireDefault(require("./TrainingRoom"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _Event = _interopRequireDefault(require("../../event/Event"));
 var _EventType = _interopRequireDefault(require("../../event/EventType"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = exports.WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = 'Waiting for others to join';
 const SYSTEM_ERROR_MESSAGE = exports.SYSTEM_ERROR_MESSAGE = 'A system error has occurred. Please try again later or contact your system administrator';
@@ -20,6 +21,7 @@ const STREAM_ERROR_MESSAGE = exports.STREAM_ERROR_MESSAGE = 'The system cannot i
 const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [settings, setSettings] = _react.default.useState(null);
   const [calendarEvent, setCalendarEvent] = _react.default.useState(null);
+  const vcHandle = {};
   _react.default.useEffect(() => {
     props.handle.api = api();
   });
@@ -29,6 +31,14 @@ const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forw
     _Observable.default.addSystemSubscriptions(props.viewId, parsedConfig);
     let event = new _Event.default(props.handle, props.viewId, null);
     _Observable.default.fireEvent(_EventType.default.COMPONENT_LOAD, event);
+    return () => {
+      let event = new _Event.default(props.handle, props.viewId, {
+        meetingId: _ApplicationManager.default.getActiveMeetingKey()
+      });
+      _Observable.default.fireEvent(_EventType.default.MEETING_ENDED, event);
+
+      //eventManager.clearComponentEventListeners(props.handle);
+    };
   }, []);
   const api = () => {
     return {
@@ -40,6 +50,9 @@ const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forw
       },
       set calendarEvent(calendarEvent) {
         setCalendarEvent(calendarEvent);
+      },
+      loadChats() {
+        vcHandle.api.loadChats();
       }
     };
   };
@@ -62,7 +75,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
+    calendarEvent: calendarEvent,
+    handle: vcHandle
   }) : /*#__PURE__*/_react.default.createElement("div", null, "Unknown room type"))));
 }));
 var _default = exports.default = VCRoom;

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

@@ -18,7 +18,6 @@ var _LottieIcon = _interopRequireDefault(require("../../LottieIcon"));
 var _reactFeather = require("react-feather");
 var _Utils = _interopRequireDefault(require("../../../Utils"));
 var _VCEventType = require("../VCEventType");
-var _iconsMaterial = require("@mui/icons-material");
 var _linkifyReact = _interopRequireDefault(require("linkify-react"));
 var _File = _interopRequireDefault(require("../../customInput/File"));
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
@@ -32,6 +31,7 @@ var _SocketManager = _interopRequireDefault(require("../../SocketManager"));
 var _Icon = _interopRequireDefault(require("../../Icon"));
 var _ChatPoll = _interopRequireDefault(require("./ChatPoll"));
 var _PollContainer = _interopRequireDefault(require("./PollContainer"));
+var _iconsMaterial = require("@mui/icons-material");
 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; }
@@ -619,7 +619,7 @@ const ChatRoom = props => {
           className: "cv-poll-choice-details"
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-percentage"
-        }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Info, {
+        }, /*#__PURE__*/_react.default.createElement(Info, {
           className: "selected-choice-icon"
         })), /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-text"
@@ -649,17 +649,9 @@ const ChatRoom = props => {
       className: "chatroom"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom__header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "chatroom__headerleft"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: 'chat-avatar'
-    }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
-      style: {
-        backgroundColor: props.chatTab ? 'transparent' : null
-      }
-    }, selectedChat.type === 'CALENDAR_MEETING' || selectedChat.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(selectedChat.participants.find(p => p.username !== currentUser.username).name))), /*#__PURE__*/_react.default.createElement("h5", null, getChatRoomTitle())), /*#__PURE__*/_react.default.createElement("div", {
+    }, !props.chatTab && /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom__headerright"
-    }, !props.chatTab && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: "Poll"
     }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
       onClick: e => {
@@ -667,7 +659,7 @@ const ChatRoom = props => {
       }
     }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Poll, {
       style: {
-        color: props.chatTab ? 'white' : null,
+        color: props.chatTab ? 'red' : null,
         marginTop: props.chatTab ? '8px' : null
       }
     })))))), mode === 'POLL' ? /*#__PURE__*/_react.default.createElement(_ChatPoll.default, {
@@ -687,10 +679,7 @@ const ChatRoom = props => {
     }, messages.sort((a, b) => new Date(a.createdDate) - new Date(b.createdDate))?.map(renderMessage)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), mode === 'CHAT' && !props.readOnly && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("form", {
       className: "chatroom__sendMessage"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "message__imageSelector",
-      style: {
-        width: '72px'
-      }
+      className: "message__imageSelector"
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: 'chat-input',
       style: {

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

@@ -7,12 +7,10 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _moment = _interopRequireDefault(require("moment"));
-var _reactRouterDom = require("react-router-dom");
-var _Icon = _interopRequireDefault(require("../Icon"));
 var _reactFeather = require("react-feather");
-var _Utils = _interopRequireDefault(require("../../Utils"));
-var _AppManager = _interopRequireDefault(require("../../../common/service/AppManager"));
-var _SocketManager = _interopRequireDefault(require("../../service/SocketManager"));
+var _Utils = _interopRequireDefault(require("../../../Utils"));
+var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
+var _SocketManager = _interopRequireDefault(require("../../SocketManager"));
 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; }
@@ -21,9 +19,9 @@ const ChatRoomItem = props => {
     event,
     selectedChat
   } = props;
-  const [currentUser, setCurrentUser] = (0, _react.useState)(_AppManager.default.getUserDetails());
+  const [currentUser, setCurrentUser] = (0, _react.useState)(_ApplicationManager.default.getUserDetails());
   (0, _react.useEffect)(() => {
-    setCurrentUser(_AppManager.default.getUserDetails());
+    setCurrentUser(_ApplicationManager.default.getUserDetails());
   }, []);
   const goToRoom = id => {
     props.selectionHandler(event);
@@ -48,7 +46,9 @@ const ChatRoomItem = props => {
     color: "error",
     badgeContent: getUnreadMessagesCount(),
     max: 9
-  }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, event.type === 'CALENDAR_MEETING' || event.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(event.participants.find(p => p.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, event.type === 'CALENDAR_MEETING' || event.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, {
+    color: _ApplicationManager.default.getApplicationPrimaryColor()
+  }) : _Utils.default.getInitials(event.participants.find(p => p.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("div", {
     className: "chatroom__info"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "chatRoom__title"

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

@@ -19,10 +19,10 @@
 
 .file-upload {
   position: absolute;
-  margin-top: 8px;
-  margin-left: -54px;
+  margin-top: -8px;
+  margin-left: -48px;
   z-index: 1;
-  width: 50%;
+  width: 24px;
 }
 
 .chat-input {
@@ -33,27 +33,40 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: 70%;
+  top: -8px;
+  font-size: 14px;
+}
+
+.chat-input span {
+  width: 32px;
+}
+
+.chat-input button {
+  top: 8px;
+}
+
+.chat-input label svg {
+  height: 24px;
 }
 
 .chat-avatar {
 
 }
 
-.chatrooms {
+.chatroom {
   display: flex;
   flex-direction: column;
 
-  .chatrooms__rooms {
+  .chatroom__rooms {
     max-height: 84.7vh;
     overflow: auto;
   }
 
-  .chatrooms__rooms::-webkit-scrollbar {
+  .chatroom__rooms::-webkit-scrollbar {
     display: none;
   }
 
-  .chatrooms__header {
+  .chatroom__header {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -142,7 +155,7 @@
   width: 100%;
   height: 100%;
   max-height: 100%;
-  padding: 8px;
+  padding: 0 8px;
 
   .image__text {
     padding: 0 9%;
@@ -153,13 +166,10 @@
   .chatroom__header {
     display: flex;
     flex-direction: row;
-    align-items: center;
-    justify-content: space-around;
-    padding: 4px 4px 4px 8px;
+    padding: 0 4px 0 8px;
     padding-right: 7%;
     border-bottom: 1px solid #e1e1e1;
     width: 100%;
-    margin-bottom: 16px;
 
     .chatroom__headerleft {
       display: flex;
@@ -193,6 +203,10 @@
     align-items: center;
     margin: 0 9% 0 3%;
 
+    .message__imageSelector {
+      width: 48px;
+    }
+
     .message__imageSelector > input {
       display: none;
     }

package/dist/event/EventType.js

@@ -20,5 +20,6 @@ class EventType {
   static CALENDAR_DATE_CLICK = "CALENDAR_DATE_CLICK";
   static CALENDAR_EVENT_START = "CALENDAR_EVENT_START";
   static SOCKET_CONNECT = "SOCKET_CONNECT";
+  static MEETING_ENDED = "MEETING_ENDED";
 }
 exports.default = EventType;

package/dist/event/Observable.js

@@ -52,8 +52,7 @@ class Observable {
     if (!_Utils.default.isNull(eventHandlingConfig)) {
       let subscriptions = eventHandlingConfig.subscriptions;
       for (const subscription of subscriptions) {
-        let domain = subscription.publisherDomain ? subscription.publisherDomain : viewId;
-        this.addSubscription(new _EventListener.default(componentHandle, domain, !_Utils.default.isNull(subscription.publisher) ? subscription.publisher : componentHandle.api.id, subscription.eventType, subscription.actions));
+        this.addSubscription(new _EventListener.default(componentHandle, viewId, !_Utils.default.isNull(subscription.publisher) ? subscription.publisher : componentHandle.api.id, subscription.eventType, subscription.actions));
       }
     }
   };
@@ -130,14 +129,15 @@ class Observable {
       let viewId = be.viewId;
       if (!_Utils.default.isNull(sourceId)) {
         for (const subscription of this.subscriptions) {
+          let domain = subscription.publisherDomain ? subscription.publisherDomain : viewId;
           if (log === true) {
-            console.log("VIEW CHECK: " + (subscription.getViewId() === viewId || _ApplicationManager.SYSTEM_EVENT === viewId));
+            console.log("VIEW CHECK: " + domain + " ==? " + viewId + " - " + (domain === viewId || _ApplicationManager.SYSTEM_EVENT === viewId));
             console.log("PUBLISHER CHECK: " + subscription.getPublisher() + " : " + sourceId);
             console.log("EVENT TYPE CHECK: " + subscription.getEventType() + " : " + eventType);
             console.log("FULL CHECK: " + ((subscription.getViewId() === viewId || _ApplicationManager.SYSTEM_EVENT === viewId) && subscription.getPublisher() === sourceId && subscription.getEventType() === eventType));
             console.log("\n");
           }
-          if ((subscription.getViewId() === viewId || _ApplicationManager.SYSTEM_EVENT === viewId) && subscription.getPublisher() === sourceId && subscription.getEventType() === eventType) {
+          if ((domain === viewId || _ApplicationManager.SYSTEM_EVENT === viewId) && subscription.getPublisher() === sourceId && subscription.getEventType() === eventType) {
             if (!_Utils.default.isNull(subscription.getActions())) {
               for (let j = 0; j < subscription.getActions().length; j++) {
                 let action = subscription.getActions()[j];

package/dist/event/RouteActionHandler.js

@@ -123,9 +123,7 @@ class RouteActionHandler {
               //applicationManager.navigate('/view/unload');
               _ApplicationManager.default.navigate('/view/' + data.id);
             } else {
-              if (isWindow) {
-                _ApplicationManager.default.openWindowView(view);
-              }
+              _ApplicationManager.default.openWindowView(view);
             }
           } else {
             _ApplicationManager.default.openPopupView(view);

package/dist/js/ProcurementMeetings.js

@@ -13,7 +13,7 @@ class ProcurementMeetings {
   constructor(resolver) {
     this.resolver = resolver;
   }
-  startMeeting = meeting => {
+  emitSocketEvent = (systemEventType, data, meeting) => {
     let receipientIds = [];
     for (const attendee of meeting.attendees) {
       let username = attendee.username;
@@ -21,15 +21,17 @@ class ProcurementMeetings {
         receipientIds.push(username);
       }
     }
-    console.log("Starting meeting : ", receipientIds);
     let eventData = {
-      systemEventType: "startMeeting",
+      systemEventType: systemEventType,
       recipients: receipientIds,
-      data: {
-        procurementNumber: meeting.procurementNumber
-      }
+      data: data
     };
-    return _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, eventData);
+    _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, eventData);
+  };
+  startMeeting = meeting => {
+    this.emitSocketEvent("startMeeting", {
+      procurementNumber: meeting.procurementNumber
+    }, meeting);
   };
   handleSystemEvent = (event, meeting, viewId) => {
     console.log("PROCESSING MEETING SYSTEM EVENT : ", event);
@@ -53,6 +55,8 @@ class ProcurementMeetings {
           viewId: 'procurementMeetingSession'
         });
       }
+    } else if (event.systemEventType === 'openPoll') {
+      _ApplicationManager.default.resolveComponentApi("vcRoom").loadChats();
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.8.31",
+  "version": "1.8.32",
   "files": [
     "dist"
   ],