@agilemotion/oui-react-js 1.6.7 → 1.6.9

package/dist/ApplicationManager.js

@@ -14,7 +14,7 @@ var _TypedValue = _interopRequireDefault(require("./TypedValue"));
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const APP_VARIABLE = exports.APP_VARIABLE = '__DOLLAR_APPLICATION_OUI_SYS_VAR__';
+const APP_VARIABLE = exports.APP_VARIABLE = '__APPLICATION_OUI_SYS_VAR__';
 const AVATAR_LISTENER_TYPE = exports.AVATAR_LISTENER_TYPE = 'AVATAR_LISTENER';
 const SYSTEM_EVENT = exports.SYSTEM_EVENT = 'SYSTEM_EVENT';
 const TEMPLATE_TOKEN_REGEX = exports.TEMPLATE_TOKEN_REGEX = new RegExp('(([$]{1}[{]{1})(([a-zA-Z0-9_$.@#{}[\\]]*)+){1}([}]{1}))+', 'g');
@@ -45,6 +45,9 @@ class ApplicationManager {
         },
         hasActiveMeeting() {
           return instance.hasActiveMeeting();
+        },
+        getUserDetails() {
+          return instance.getUserDetails();
         }
       };
       if (!Array.isArray) {
@@ -773,6 +776,9 @@ class ApplicationManager {
       }
     }
   }
+  getTopView() {
+    return this.getTopWindowView() ? this.getTopWindowView() : this.getTopAnchorView();
+  }
   signalGraph(id, event) {
     if (this.graphs.length > 0) {
       let graphToSignal = this.graphs[this.graphs.length - 1];
@@ -794,6 +800,12 @@ class ApplicationManager {
   setDashboardView(view) {
     this.props.dashboardView = view;
   }
+  setUserDetails(userDetails) {
+    this.props.userDetails = userDetails;
+  }
+  getUserDetails() {
+    return this.props.userDetails;
+  }
 }
 const instance = new ApplicationManager();
 Object.freeze(instance);

package/dist/BasicAppHome.js

@@ -15,6 +15,9 @@ var _core = require("@material-ui/core");
 var _ThemeProvider = _interopRequireDefault(require("@material-ui/styles/ThemeProvider"));
 var _RestUtils = require("./RestUtils");
 var _SocketManager = _interopRequireDefault(require("./components/SocketManager"));
+var _SocketRequest = _interopRequireDefault(require("./components/media/SocketRequest"));
+var _VCEventManager = _interopRequireDefault(require("./components/media/VCEventManager"));
+var _EventType = _interopRequireDefault(require("./event/EventType"));
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -35,18 +38,25 @@ const BasicAppHome = props => {
     _ApplicationManager.default.setNavigator(path => {
       navigate(path);
     });
-    console.log('HOME PATH : ' + window.location.pathname);
-    if (window.location.pathname !== '/reset-password' && window.location.pathname !== '/login' && window.location.pathname !== '/forgot-password' && window.location.pathname !== '/change-password') {
-      console.log('HOME SETUP');
-      (0, _RestUtils.sendRequest)(location + props.contextRoot + "/system/api/v1/setup", response => {
-        setDashboardSettings(response);
-        (0, _RestUtils.sendRequest)(location + _ApplicationManager.default.getContextRoot() + '/auth/api/v1/user/avatar/getId', response => {
-          sessionStorage.setItem("userAvatarId", response);
-        }, e => {});
-      }, () => {});
-    } else {
-      navigate(window.location.pathname);
-    }
+    console.log("FETCHING USER DETAILS");
+    (0, _RestUtils.sendRequest)(location + _ApplicationManager.default.getContextRoot() + '/auth/api/v1/user/find', response => {
+      _ApplicationManager.default.setUserDetails(response);
+      console.log('HOME PATH : ' + window.location.pathname);
+      if (window.location.pathname !== '/reset-password' && window.location.pathname !== '/login' && window.location.pathname !== '/forgot-password' && window.location.pathname !== '/change-password') {
+        console.log('HOME SETUP');
+        (0, _RestUtils.sendRequest)(location + props.contextRoot + "/system/api/v1/setup", response => {
+          setDashboardSettings(response);
+          (0, _RestUtils.sendRequest)(location + _ApplicationManager.default.getContextRoot() + '/auth/api/v1/user/avatar/getId', response => {
+            sessionStorage.setItem("userAvatarId", response);
+          }, e => {});
+        }, () => {});
+      } else {
+        navigate(window.location.pathname);
+      }
+    }, e => {
+      console.log("ERROR USER DETAILS");
+      console.log(e);
+    });
   }, []);
   _react.default.useEffect(() => {
     setDashboardSettings(props.dashboardSettings);
@@ -75,6 +85,8 @@ const BasicAppHome = props => {
       sessionStorage.removeItem("refreshToken");
       sessionStorage.removeItem("idToken");
       sessionStorage.removeItem("lastLogin");
+      sessionStorage.removeItem("username");
+      sessionStorage.removeItem("userAvatarId");
       _ApplicationManager.default.clear();
       _SocketManager.default.disconnect();
       _ApplicationManager.default.navigate('/login');

package/dist/InteractionPortalAppHome.js

@@ -67,6 +67,8 @@ const InteractionPortalAppHome = /*#__PURE__*/_react.default.memo( /*#__PURE__*/
     sessionStorage.removeItem("refreshToken");
     sessionStorage.removeItem("idToken");
     sessionStorage.removeItem("lastLogin");
+    sessionStorage.removeItem("username");
+    sessionStorage.removeItem("userAvatarId");
     _ApplicationManager.default.clear();
     _ApplicationManager.default.navigate('/login');
   };

package/dist/components/FileThumb.js

@@ -28,7 +28,7 @@ const FileThumb = props => {
     if (!file || !file.type) {
       return 'default-file-thumb.png';
     }
-    return file.type === 'application/pdf' ? 'pdf-icon.png' : file.type === 'application/msword' ? 'doc.png' : file.type.startsWith('video/') ? 'media.png' : file.type.startsWith('audio/') ? 'media.png' : file.type === 'application/zip' ? 'zip.png' : file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? 'doc.png' : file.type === 'application/vnd.ms-excel' ? 'excel.png' : file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? 'excel.png' : file.type === 'application/vnd.ms-powerpoint' ? 'powerpoint.png' : 'default-file-thumb.png';
+    return file.type === 'application/pdf' ? 'pdf-icon.png' : file.type === 'application/msword' ? 'msword.png' : file.type.startsWith('video/') ? 'media.png' : file.type.startsWith('audio/') ? 'media.png' : file.type === 'application/zip' ? 'zip.png' : file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ? 'doc.png' : file.type === 'application/vnd.ms-excel' ? 'excel.png' : file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ? 'excel.png' : file.type === 'application/vnd.ms-powerpoint' ? 'powerpoint.png' : 'default-file-thumb.png';
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: 'row',

package/dist/components/SocketManager.js

@@ -16,11 +16,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 class SocketManager {
   constructor() {
     this.usersOnline = [];
-    this.profile = null;
   }
-  getProfile = () => {
-    return this.profile;
-  };
   emitEvent = (eventType, data) => {
     return new Promise((resolve, reject) => {
       if (this.socket) {
@@ -43,8 +39,14 @@ class SocketManager {
     });
   };
   init = async () => {
-    let url = process.env.REACT_APP_SOCKET_SERVER_URL || 'https://svn.agilemotion.co.za';
-    console.log("======= SOCKET CONNECTING TO ========= [" + url + "]");
+    let DEFAULT_SOCKET_SERVER_URL = 'https://sockets.e-procurementsystem.co.za';
+    if (!process.env.REACT_APP_SOCKET_SERVER_URL) {
+      console.log("SOCKET SERVER URL NOT SET. DEFAULTING TO - [https://sockets.e-procurementsystem.co.za]");
+    } else {
+      console.log("CONNECTING TO ENV SOCKET SERVER URL");
+    }
+    let url = process.env.REACT_APP_SOCKET_SERVER_URL || DEFAULT_SOCKET_SERVER_URL;
+    console.log("======= SOCKET MANAGER CONNECTING TO ========= [" + url + "]");
     let socket = _socket.default.connect(url);
     this.socket = socket;
     socket.on("connect", () => {
@@ -95,28 +97,21 @@ class SocketManager {
     });
   };
   registerOnline() {
-    console.log('***** FETCHIN SOCKET MANAGER USER PROFILE *****');
-    (0, _RestUtils.sendRequest)(_RestUtils.location + _ApplicationManager.default.getContextRoot() + '/auth/api/v1/user/find', response => {
-      this.profile = response.profile;
-      console.log("PROFILE : ", response);
-      console.log("REGISTERING ONLINE");
-      this.emitEvent(_SocketRequest.default.REGISTER_ONLINE, {
-        user: {
-          userId: response.username,
-          name: response.name + ' ' + response.surname
-        },
-        orgCode: response.profile
-      }).then(data => {
-        console.log("REGISTERED ONLINE - " + response.username);
-        this.connected = true;
-        let event = this.createEvent();
-        _VCEventManager.default.fireEvent(_EventType.default.SOCKET_CONNECT, event);
-      }).catch(exp => {
-        console.log(exp);
-      });
-    }, e => {
-      console.log("ERROR FETCHING PROFILE");
-      console.log(e);
+    console.log('***** REGISTERING ONLINE *****');
+    let userDetails = _ApplicationManager.default.getUserDetails();
+    this.emitEvent(_SocketRequest.default.REGISTER_ONLINE, {
+      user: {
+        userId: userDetails.username,
+        name: userDetails.name + ' ' + userDetails.surname
+      },
+      orgCode: userDetails.profile
+    }).then(data => {
+      console.log("REGISTERED ONLINE - " + userDetails.username);
+      this.connected = true;
+      let event = this.createEvent();
+      _VCEventManager.default.fireEvent(_EventType.default.SOCKET_CONNECT, event);
+    }).catch(exp => {
+      console.log(exp);
     });
   }
   leaveMeeting = meetingId => {

package/dist/components/customInput/File.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./Form.css");
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Icon = _interopRequireDefault(require("../Icon"));
+var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
+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; }
+const {
+  electron
+} = window;
+const File = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [files, setFiles] = _react.default.useState(!props.value ? [] : props.value);
+  const handleChange = () => event => {
+    let targetFiles = event.target.files;
+    var allFiles = [];
+    for (var i = 0; i < targetFiles.length; i++) {
+      let file = targetFiles[i];
+      let reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => {
+        let fileInfo = {
+          name: file.name,
+          label: file.name,
+          type: file.type,
+          size: file.size,
+          location: file.path,
+          payload: reader.result
+        };
+        allFiles.push(fileInfo);
+        if (allFiles.length === targetFiles.length) {
+          let joined = files.concat(allFiles);
+          setFiles(joined);
+          if (props.valueChangeHandler) {
+            props.valueChangeHandler(joined, props.id);
+          }
+        }
+      };
+    }
+  };
+  (0, _react.useEffect)(() => {
+    setFiles([]);
+  }, [props.clearUploadedFileSwitch]);
+  const onDownload = documentId => {
+    electron.ipcRenderer.sendMessage('downloadFile', {
+      payload: {
+        fileURL: `${_ApplicationManager.default.getAPIHost()}/api/v1/document/download/${documentId}`
+      }
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'row',
+    style: {
+      alignItems: 'center',
+      margin: '0',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*',
+    style: {
+      marginLeft: '0',
+      width: '72px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    accept: "*/*",
+    id: `file-upload-input`,
+    multiple: true,
+    style: {
+      display: 'none'
+    },
+    onChange: handleChange(),
+    type: "file"
+  }), /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: `file-upload-input`
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    component: "span",
+    "aria-controls": "menu-list-grow",
+    "aria-haspopup": "true"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'ATTACH_FILE',
+    color: props.iconColor ? props.iconColor : null
+  })))), files.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: 'col-*-*',
+    style: {
+      padding: '8px 0 16px 8px',
+      width: 'calc(100% - 88px)',
+      marginLeft: '-24px'
+    }
+  }, files && files.length > 0 && files.map((file, index) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: index,
+      className: 'row no-margin no-padding'
+    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+      className: 'row no-margin file-label'
+    }, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, files[index].name), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        float: 'right'
+      },
+      className: 'close-button',
+      onClick: e => {
+        for (const f of files) {
+          if (files[index].name === f.name) {
+            files.splice(index, 1);
+            break;
+          }
+        }
+        setFiles([].concat(files));
+        console.log('###: ', files);
+        const updatedFiles = files.length > 0 ? files : null;
+        props.valueChangeHandler(updatedFiles, props.id);
+      }
+    }, "x"))))))), /*#__PURE__*/_react.default.createElement("div", {
+      className: 'col spacer'
+    }, "\xA0"));
+  })) : null));
+}));
+var _default = exports.default = File;

package/dist/components/customInput/Form.css

@@ -0,0 +1,61 @@
+.file-label {
+  background-color: #e1e1e1;
+  padding: 4px 8px;
+  border-radius: 16px;
+  z-index: 100;
+}
+
+.file-label td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100px;
+}
+
+.close-button {
+  border-radius: 50%;
+  background-color: #a1a1a1;
+  width: 16px !important;
+  height: 16px;
+  margin: 4px 0 0 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.close-button:hover{
+  cursor: pointer;
+}
+
+.input-wrapper {
+  width: 80%;
+}
+
+.auto-complete-disabled svg {
+  display: none !important;
+}
+
+.text-area-wrapper {
+  width: 100%;
+  min-height: 150px;
+}
+
+.MuiFormHelperText-root.Mui-error {
+  color: #f44336 !important;
+}
+
+.files .MuiInput-underline:before,
+.files .MuiInput-underline:after {
+  border-bottom: none !important;
+}
+
+.option-label {
+  cursor: pointer;
+  color: blue;
+}
+
+@media screen and (max-width: 991px) {
+  .input-wrapper {
+    width: 100%;
+  }
+}

package/dist/components/media/SideBarContent.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./SideBarContent.css");
 var _VCParticipantList = _interopRequireDefault(require("./VCParticipantList"));
+var _ChatRoom = _interopRequireDefault(require("./chat/ChatRoom"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //import ChatRoom from '../chat/ChatRoom';
 
@@ -31,7 +32,10 @@ const SideBarContent = props => {
     onHostAudioMute: participant => props.onHostAudioMute(participant),
     isHost: isHost,
     participants: participants
-  }) : null
-  /*<ChatRoom chatTab={true} selectedChat={meetingChat} meetingId={meetingId}/>*/));
+  }) : /*#__PURE__*/_react.default.createElement(_ChatRoom.default, {
+    chatTab: true,
+    selectedChat: meetingChat,
+    meetingId: meetingId
+  })));
 };
 var _default = exports.default = SideBarContent;

package/dist/components/media/Toolbar.js

@@ -9,23 +9,11 @@ require("./Toolbar.css");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
 var _core = require("@material-ui/core");
-var _icons = require("@material-ui/icons");
-var _Utils = _interopRequireDefault(require("../../Utils"));
-var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _LottieIcon = _interopRequireDefault(require("../LottieIcon"));
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _Timer = _interopRequireDefault(require("./Timer"));
-var _VCEventType = require("./VCEventType");
-var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
-var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-var _SocketManager = _interopRequireDefault(require("../SocketManager"));
 var _ToolbarButton = _interopRequireDefault(require("./ToolbarButton"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
 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; }
@@ -381,6 +369,32 @@ const Toolbar = props => {
     className: 'text'
   }, "People"))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
+  }, hasUnreadChats && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'marker'
+  }, hasUnreadChats), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'button-wrapper no-margin no-padding'
+  }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
+    onVisibilityChange: visible => handleVisibilityChange('chat', visible)
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    title: "Chat"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    style: {
+      color: '#404239',
+      marginRight: '4px'
+    },
+    onClick: e => showChat()
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'icon'
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    id: 'CHAT_BUBBLE'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'text'
+  }, "Chat"))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'button-wrapper'
   }, raisedHands.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'
   }, raisedHands.length), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/media/ToolbarButton.js

@@ -6,41 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./Toolbar.css");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 var _UseIsVisible = require("../UseIsVisible");
-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; }
 /* eslint-disable react-hooks/exhaustive-deps */
 
-const Toolbar = props => {
-  const [videoMuted, setVideoMuted] = (0, _react.useState)(props.videoMuted);
-  const [audioMuted, setAudioMuted] = (0, _react.useState)(props.audioMuted);
-  const [isRecording, setIsRecording] = (0, _react.useState)(false);
-  const [autoPermit, setAutoPermit] = (0, _react.useState)(false);
-  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
-  const openMoreActions = Boolean(anchorEl);
-  const [screenShared, setScreenShared] = (0, _react.useState)(false);
-  const [roomStatus, setRoomStatus] = (0, _react.useState)();
-  const [raisedHandsNames, setRaisedHandsNames] = (0, _react.useState)([]);
+const ToolbarButton = props => {
   const ref = (0, _react.useRef)();
   const isVisible = (0, _UseIsVisible.useIsVisible)(ref);
   const [visible, setVisible] = (0, _react.useState)(null);
   const {
-    children,
-    participants,
-    hasUnreadChats,
-    whiteBoardShown,
-    displayState,
-    eventHandler,
-    handRaised,
-    isHost,
-    someoneSharing,
-    videoDisabled,
-    audioDisabled,
-    raisedHands
+    children
   } = props;
   (0, _react.useEffect)(() => {
     console.log("VISIBILITY FOR : " + props.id + " : " + isVisible);
@@ -62,4 +38,4 @@ const Toolbar = props => {
     }
   }, "\xA0") : children);
 };
-var _default = exports.default = Toolbar;
+var _default = exports.default = ToolbarButton;

package/dist/components/media/TrainingRoom.js

@@ -122,8 +122,15 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     }
     setRaisedHands([].concat(raisedHands));
   };
+  (0, _react.useEffect)(() => {
+    if (meetingChat) {
+      setSideBarTab('Chat');
+      setSideBarOpen(true);
+      setHasUnreadChats(false);
+    }
+  }, [meetingChat]);
   const fetchChats = () => {
-    (0, _RestUtils.sendRequest)(`${location}/api/v1/chat/fetchMeetingChat/${props.calendarEvent.id}`, response => {
+    (0, _RestUtils.sendRequest)(`${location + '/' + _ApplicationManager.default.getContextRoot()}/calendar/api/v1/chat/fetchMeetingChat/${props.calendarEvent.id}`, response => {
       if (response && response.id) {
         setMeetingChat(response);
       }
@@ -142,7 +149,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
   function emitAVSettingsChange() {
     _SocketManager.default.emitEvent(_VCEventType.VCEventType.AUDIO_VISUAL_SETTINGS_CHANGED, {
       meetingId: props.calendarEvent.id,
-      userId: sessionStorage.getItem('username'),
+      userId: _ApplicationManager.default.getUserDetails().username,
       audioMuted: audioMuted,
       videoMuted: videoMuted
     }).catch(error => {});
@@ -150,7 +157,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
   (0, _react.useEffect)(() => {
     if (audioMuted !== null) {
       onAVSettingsChange({
-        userId: sessionStorage.getItem('username'),
+        userId: _ApplicationManager.default.getUserDetails().username,
         videoMuted,
         audioMuted
       });
@@ -160,7 +167,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
   (0, _react.useEffect)(() => {
     if (videoMuted !== null) {
       onAVSettingsChange({
-        userId: sessionStorage.getItem('username'),
+        userId: _ApplicationManager.default.getUserDetails().username,
         videoMuted,
         audioMuted
       });
@@ -225,12 +232,12 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
       if (handRaised) {
         _SocketManager.default.emitEvent(_VCEventType.VCEventType.RAISE_HAND, {
           roomId: props.calendarEvent.id,
-          userId: sessionStorage.getItem('username')
+          userId: _ApplicationManager.default.getUserDetails().username
         }).catch(error => {});
       } else {
         _SocketManager.default.emitEvent(_VCEventType.VCEventType.LOWER_HAND, {
           roomId: props.calendarEvent.id,
-          userId: sessionStorage.getItem('username')
+          userId: _ApplicationManager.default.getUserDetails().username
         }).catch(error => {});
       }
     }
@@ -267,13 +274,13 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
   _react.default.useEffect(() => {
     _ApplicationManager.default.setHasActiveMeeting(true);
     let userFullName;
-    if (props.calendarEvent.host.username === sessionStorage.getItem('username')) {
+    if (props.calendarEvent.host.username === _ApplicationManager.default.getUserDetails().username) {
       userFullName = props.calendarEvent.host.name;
     } else {
-      userFullName = props.calendarEvent.attendees.find(a => a.username === sessionStorage.getItem('username')).name;
+      userFullName = props.calendarEvent.attendees.find(a => a.username === _ApplicationManager.default.getUserDetails().username).name;
     }
     setCurrentUserFullName(userFullName);
-    setIsHost(props.calendarEvent.host.username === sessionStorage.getItem('username'));
+    setIsHost(props.calendarEvent.host.username === _ApplicationManager.default.getUserDetails().username);
     try {
       _Media.default.joinMeeting(props.calendarEvent, props.settings, userFullName).then(response => {
         console.log('JOIN RESPONSE : ', response);
@@ -355,7 +362,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     let participantIds = [];
     if (!toParticipantIds) {
       for (const participant of participants) {
-        if (participant.userId !== sessionStorage.getItem('username')) {
+        if (participant.userId !== _ApplicationManager.default.getUserDetails().username) {
           participantIds.push(participant.userId);
         }
       }
@@ -373,7 +380,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     setIsRecording(true);
     emitSystemEvent('MEETING_RECORDING', {
       recording: true,
-      userId: sessionStorage.getItem('username')
+      userId: _ApplicationManager.default.getUserDetails().username
     });
     _VCRoomRecorder.default.recordMeeting();
   };
@@ -383,7 +390,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     if (publish) {
       emitSystemEvent('MEETING_RECORDING', {
         recording: false,
-        userId: sessionStorage.getItem('username')
+        userId: _ApplicationManager.default.getUserDetails().username
       });
     }
     _VCRoomRecorder.default.stopRecordingMeeting();
@@ -461,7 +468,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     displayState: displayState,
     screenShared: screenShared,
     roomStatus: roomStatus,
-    isHost: props.calendarEvent.host.username === sessionStorage.getItem('username'),
+    isHost: props.calendarEvent.host.username === _ApplicationManager.default.getUserDetails().username,
     autoPermit: !props.calendarEvent.host.askToJoin,
     someoneSharing: someoneSharing,
     isRecording: isRecording,