@agilemotion/oui-react-js 1.6.3 → 1.6.5

package/dist/components/media/TrainingRoom.js

@@ -1,69 +1,31 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 require("./Video.css");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
-
 var _VCRoom = require("./VCRoom");
-
 var _VCRoomWorkspace = _interopRequireDefault(require("./VCRoomWorkspace"));
-
 var _VCEventType = require("./VCEventType");
-
 var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
-
 var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
-
 var _SocketManager = _interopRequireDefault(require("../SocketManager"));
-
 var _ClosablePanel = _interopRequireDefault(require("./ClosablePanel"));
-
 var _SideBarContent = _interopRequireDefault(require("./SideBarContent"));
-
 var _VCRoomRecorder = _interopRequireDefault(require("./VCRoomRecorder"));
-
 var _RestUtils = require("../../RestUtils");
-
 var _Media = _interopRequireDefault(require("../../js/Media"));
-
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Status = {
+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 Status = {
   LOBBY: 'LOBBY',
   SESSION: 'SESSION',
   SESSION_ENDED: 'SESSION_ENDED',
@@ -71,201 +33,74 @@ var Status = {
   CONNECTION_ERROR: 'CONNECTION_ERROR',
   STREAM_ERROR: 'STREAM_ERROR'
 };
-var location = window.location.protocol + '//' + window.location.hostname;
-
-var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var recordRef = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasUnreadChats = _useState2[0],
-      setHasUnreadChats = _useState2[1];
-
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      participants = _useState4[0],
-      setParticipants = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      handRaised = _useState6[0],
-      setHandRaised = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isRecording = _useState8[0],
-      setIsRecording = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(props.videoDisabled),
-      _useState10 = _slicedToArray(_useState9, 1),
-      videoDisabled = _useState10[0];
-
-  var _useState11 = (0, _react.useState)(props.audioDisabled),
-      _useState12 = _slicedToArray(_useState11, 2),
-      audioDisabled = _useState12[0],
-      setAudioDisabled = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(true),
-      _useState14 = _slicedToArray(_useState13, 2),
-      videoMuted = _useState14[0],
-      setVideoMuted = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(true),
-      _useState16 = _slicedToArray(_useState15, 2),
-      audioMuted = _useState16[0],
-      setAudioMuted = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(null),
-      _useState18 = _slicedToArray(_useState17, 2),
-      displayState = _useState18[0],
-      setDisplayState = _useState18[1];
-
-  var _useState19 = (0, _react.useState)(null),
-      _useState20 = _slicedToArray(_useState19, 2),
-      roomStatus = _useState20[0],
-      setRoomStatus = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(null),
-      _useState22 = _slicedToArray(_useState21, 2),
-      someoneSharing = _useState22[0],
-      setSomeoneSharing = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(false),
-      _useState24 = _slicedToArray(_useState23, 2),
-      sideBarOpen = _useState24[0],
-      setSideBarOpen = _useState24[1];
-
-  var _useState25 = (0, _react.useState)(''),
-      _useState26 = _slicedToArray(_useState25, 2),
-      sideBarTab = _useState26[0],
-      setSideBarTab = _useState26[1];
-
-  var _useState27 = (0, _react.useState)(false),
-      _useState28 = _slicedToArray(_useState27, 2),
-      allUserParticipantsLeft = _useState28[0],
-      setAllUserParticipantsLeft = _useState28[1];
-
-  var _useState29 = (0, _react.useState)([]),
-      _useState30 = _slicedToArray(_useState29, 2),
-      lobbyWaitingList = _useState30[0],
-      setLobbyWaitingList = _useState30[1];
-
-  var _useState31 = (0, _react.useState)(false),
-      _useState32 = _slicedToArray(_useState31, 2),
-      isHost = _useState32[0],
-      setIsHost = _useState32[1];
-
-  var _useState33 = (0, _react.useState)('DEFAULT'),
-      _useState34 = _slicedToArray(_useState33, 2),
-      meetingParticipantGridMode = _useState34[0],
-      setMeetingParticipantGridMode = _useState34[1];
-
-  var _useState35 = (0, _react.useState)(!props.calendarEvent.askToJoin),
-      _useState36 = _slicedToArray(_useState35, 2),
-      autoPermit = _useState36[0],
-      setAutoPermit = _useState36[1];
-
-  var _useState37 = (0, _react.useState)(null),
-      _useState38 = _slicedToArray(_useState37, 2),
-      rtpCapabilities = _useState38[0],
-      setRtpCapabilities = _useState38[1];
-
-  var _useState39 = (0, _react.useState)(null),
-      _useState40 = _slicedToArray(_useState39, 2),
-      activityMessage = _useState40[0],
-      setActivityMessage = _useState40[1];
-
-  var _useState41 = (0, _react.useState)(null),
-      _useState42 = _slicedToArray(_useState41, 2),
-      onloadScreenShareData = _useState42[0],
-      setOnloadScreenShareData = _useState42[1];
-
-  var _useState43 = (0, _react.useState)(null),
-      _useState44 = _slicedToArray(_useState43, 2),
-      chatMessage = _useState44[0],
-      setChatMessage = _useState44[1];
-
-  var _useState45 = (0, _react.useState)(null),
-      _useState46 = _slicedToArray(_useState45, 2),
-      chatSender = _useState46[0],
-      setChatSender = _useState46[1];
-
-  var _useState47 = (0, _react.useState)(null),
-      _useState48 = _slicedToArray(_useState47, 2),
-      currentUserFullName = _useState48[0],
-      setCurrentUserFullName = _useState48[1];
-
-  var _useState49 = (0, _react.useState)({}),
-      _useState50 = _slicedToArray(_useState49, 1),
-      eventHandler = _useState50[0];
-
-  var _useState51 = (0, _react.useState)(null),
-      _useState52 = _slicedToArray(_useState51, 2),
-      meetingChat = _useState52[0],
-      setMeetingChat = _useState52[1];
-
-  var _React$useState = _react.default.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      screenShared = _React$useState2[0],
-      setScreenShared = _React$useState2[1];
-
-  var _React$useState3 = _react.default.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      startScreenSharing = _React$useState4[0],
-      setStartScreenSharing = _React$useState4[1];
-
-  var _useState53 = (0, _react.useState)([]),
-      _useState54 = _slicedToArray(_useState53, 2),
-      raisedHands = _useState54[0],
-      setRaisedHands = _useState54[1];
-
-  var handler = function handler() {
+const location = window.location.protocol + '//' + window.location.hostname;
+const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const recordRef = (0, _react.useRef)();
+  const [hasUnreadChats, setHasUnreadChats] = (0, _react.useState)(null);
+  const [participants, setParticipants] = (0, _react.useState)([]);
+  const [handRaised, setHandRaised] = (0, _react.useState)(false);
+  const [isRecording, setIsRecording] = (0, _react.useState)(false);
+  const [videoDisabled] = (0, _react.useState)(props.videoDisabled);
+  const [audioDisabled, setAudioDisabled] = (0, _react.useState)(props.audioDisabled);
+  const [videoMuted, setVideoMuted] = (0, _react.useState)(true);
+  const [audioMuted, setAudioMuted] = (0, _react.useState)(true);
+  const [displayState, setDisplayState] = (0, _react.useState)(null);
+  const [roomStatus, setRoomStatus] = (0, _react.useState)(null);
+  const [someoneSharing, setSomeoneSharing] = (0, _react.useState)(null);
+  const [sideBarOpen, setSideBarOpen] = (0, _react.useState)(false);
+  const [sideBarTab, setSideBarTab] = (0, _react.useState)('');
+  const [allUserParticipantsLeft, setAllUserParticipantsLeft] = (0, _react.useState)(false);
+  const [lobbyWaitingList, setLobbyWaitingList] = (0, _react.useState)([]);
+  const [isHost, setIsHost] = (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);
+  const [activityMessage, setActivityMessage] = (0, _react.useState)(null);
+  const [onloadScreenShareData, setOnloadScreenShareData] = (0, _react.useState)(null);
+  const [chatMessage, setChatMessage] = (0, _react.useState)(null);
+  const [chatSender, setChatSender] = (0, _react.useState)(null);
+  const [currentUserFullName, setCurrentUserFullName] = (0, _react.useState)(null);
+  const [eventHandler] = (0, _react.useState)({});
+  const [meetingChat, setMeetingChat] = (0, _react.useState)(null);
+  const [screenShared, setScreenShared] = _react.default.useState(null);
+  const [startScreenSharing, setStartScreenSharing] = _react.default.useState(false);
+  const [raisedHands, setRaisedHands] = (0, _react.useState)([]);
+  const handler = () => {
     return {
       get id() {
         return 'meeting-room-' + props.calendarEvent.id;
       },
-
       get participants() {
         return participants;
       },
-
-      on: function on(eventType, be) {
+      on: (eventType, be) => {
         switch (eventType) {
           case _VCEventType.VCEventType.REQUEST_TO_JOIN_MEETING:
             break;
-
           case _VCEventType.VCEventType.USER_JOINED:
             addUser(be.payload);
             break;
-
           case _VCEventType.VCEventType.USER_LEFT_MEETING:
             removeUser(be.payload);
             break;
-
           case _VCEventType.VCEventType.AUDIO_VISUAL_SETTINGS_CHANGED:
-            onAVSettingsChange(be === null || be === void 0 ? void 0 : be.payload);
+            onAVSettingsChange(be?.payload);
             break;
-
           case _VCEventType.VCEventType.SYSTEM_EVENT:
             break;
-
           case _VCEventType.VCEventType.RAISE_HAND:
             onRaiseHand(be.payload);
             break;
-
           case _VCEventType.VCEventType.LOWER_HAND:
             onLowerHand(be.payload);
             break;
-
           case _VCEventType.VCEventType.END_SESSION:
             hangUp();
             break;
-
           case _VCEventType.VCEventType.SHARING_STOPPED:
             setScreenShared(false);
             setStartScreenSharing(false);
             break;
-
           case _VCEventType.VCEventType.CONSUMER_TRANSPORT_FAILED:
             hangUp();
             alert('Connection error - Please check your network connection and re-join the meeting');
@@ -274,118 +109,93 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
       }
     };
   };
-
-  var onRaiseHand = function onRaiseHand(payload) {
+  const onRaiseHand = payload => {
     raisedHands.push(payload.userId);
     setRaisedHands([].concat(raisedHands));
   };
-
-  var onLowerHand = function onLowerHand(payload) {
+  const onLowerHand = payload => {
     if (raisedHands.length > 0) {
-      var index = raisedHands.findIndex(function (p) {
-        return p === payload.userId;
-      });
-
+      let index = raisedHands.findIndex(p => p === payload.userId);
       if (index > -1) {
         raisedHands.splice(index, 1);
       }
     }
-
     setRaisedHands([].concat(raisedHands));
   };
-
-  var fetchChats = function fetchChats() {
-    (0, _RestUtils.sendRequest)("".concat(location, "/api/v1/chat/fetchMeetingChat/").concat(props.calendarEvent.id), function (response) {
+  const fetchChats = () => {
+    (0, _RestUtils.sendRequest)(`${location}/api/v1/chat/fetchMeetingChat/${props.calendarEvent.id}`, response => {
       if (response && response.id) {
         setMeetingChat(response);
       }
-    }, function (e) {}, true, false);
+    }, e => {}, true, false);
   };
-
-  var onAVSettingsChange = function onAVSettingsChange(payload) {
+  const onAVSettingsChange = payload => {
     if (payload) {
-      var participant = participants.find(function (p) {
-        return p.userId === payload.userId;
-      });
-
+      let participant = participants.find(p => p.userId === payload.userId);
       if (participant) {
         participant.audioMuted = payload.audioMuted;
         participant.videoMuted = payload.videoMuted;
       }
-
       _VCEventManager.default.fireEvent(_VCEventType.VCEventType.AUDIO_VISUAL_SETTINGS_CHANGED, payload);
     }
   };
-
   function emitAVSettingsChange() {
     _SocketManager.default.emitEvent(_VCEventType.VCEventType.AUDIO_VISUAL_SETTINGS_CHANGED, {
       meetingId: props.calendarEvent.id,
       userId: sessionStorage.getItem('username'),
       audioMuted: audioMuted,
       videoMuted: videoMuted
-    }).catch(function (error) {});
+    }).catch(error => {});
   }
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (audioMuted !== null) {
       onAVSettingsChange({
         userId: sessionStorage.getItem('username'),
-        videoMuted: videoMuted,
-        audioMuted: audioMuted
+        videoMuted,
+        audioMuted
       });
       emitAVSettingsChange();
     }
   }, [audioMuted]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (videoMuted !== null) {
       onAVSettingsChange({
         userId: sessionStorage.getItem('username'),
-        videoMuted: videoMuted,
-        audioMuted: audioMuted
+        videoMuted,
+        audioMuted
       });
       emitAVSettingsChange();
     }
   }, [videoMuted]);
-
-  var handleMessageArrived = function handleMessageArrived(event) {
+  const handleMessageArrived = event => {
     if (roomStatus === Status.SESSION && event.message && event.message.length > 0) {
       setActivityMessage(event.message);
-      var messageTimeout = setTimeout(function () {
+      const messageTimeout = setTimeout(() => {
         setActivityMessage(null);
         clearTimeout(messageTimeout);
       }, 4000);
     }
   };
-
-  var addUser = function addUser(payload) {
+  const addUser = payload => {
     console.log('ADD USER : ', payload);
     addUserToParticipants(payload.user);
     setAllUserParticipantsLeft(false);
-
     if (roomStatus === Status.LOBBY) {
       setRoomStatus(Status.SESSION);
       setSideBarTab('People');
       setSideBarOpen(true);
     }
-
     handleMessageArrived({
       message: payload.user.name + ' has joined'
     });
   };
-
-  var removeUser = function removeUser(payload) {
+  const removeUser = payload => {
     if (props.calendarEvent.id === payload.meetingId) {
-      var userId = payload.userId;
-      var find = participants.find(function (p) {
-        return p.userId === userId;
-      });
-
+      const userId = payload.userId;
+      const find = participants.find(p => p.userId === userId);
       if (find) {
-        var newParticipants = participants.filter(function (p) {
-          return p.userId !== userId;
-        });
+        const newParticipants = participants.filter(p => p.userId !== userId);
         setParticipants(newParticipants);
-
         if (newParticipants.length === 0) {
           setAllUserParticipantsLeft(true);
           setRoomStatus(Status.LOBBY);
@@ -393,126 +203,99 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
       }
     }
   };
-
-  var handleSidebarToggle = function handleSidebarToggle(e) {
-    var paper = document.getElementById('meetingDialogPaper');
-
+  const handleSidebarToggle = e => {
+    let paper = document.getElementById('meetingDialogPaper');
     if (e.detail.open) {
       paper.style.margin = '54px 0 0 136px';
     } else {
       paper.style.margin = '54px 0 0 0';
     }
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     eventHandler.api = handler();
   });
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (props.settings) {
       setAudioMuted(!props.settings.audioOn);
       setVideoMuted(!props.settings.videoOn);
     }
   }, [props.settings]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!_Utils.default.isNull(handRaised)) {
       if (handRaised) {
         _SocketManager.default.emitEvent(_VCEventType.VCEventType.RAISE_HAND, {
           roomId: props.calendarEvent.id,
           userId: sessionStorage.getItem('username')
-        }).catch(function (error) {});
+        }).catch(error => {});
       } else {
         _SocketManager.default.emitEvent(_VCEventType.VCEventType.LOWER_HAND, {
           roomId: props.calendarEvent.id,
           userId: sessionStorage.getItem('username')
-        }).catch(function (error) {});
+        }).catch(error => {});
       }
     }
   }, [handRaised]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     _VCEventManager.default.removeSubscriptions(eventHandler);
-
     _ApplicationManager.default.addApplicationContextSubscription({
       handler: {
         get id() {
           return 'training-room';
         },
-
-        onContextChange: function onContextChange(context, newValues) {
-          if (Object.keys(newValues).find(function (key) {
-            return key === 'windowDisplayState';
-          })) {
+        onContextChange: (context, newValues) => {
+          if (Object.keys(newValues).find(key => key === 'windowDisplayState')) {
             setDisplayState(newValues.windowDisplayState);
           }
         }
       }
-    }).then(function (initialContext) {
+    }).then(initialContext => {
       setDisplayState(initialContext ? initialContext.windowDisplayState : 'MAXIMIZED');
     });
-
     _VCEventManager.default.addSubscriptions(eventHandler, _VCEventType.VCEventType.REQUEST_TO_JOIN_MEETING, _VCEventType.VCEventType.USER_JOINED, _VCEventType.VCEventType.USER_LEFT_MEETING, _VCEventType.VCEventType.SYSTEM_EVENT, _VCEventType.VCEventType.SOCKET_CONNECT, _VCEventType.VCEventType.SOCKET_DISCONNECT, _VCEventType.VCEventType.RAISE_HAND, _VCEventType.VCEventType.LOWER_HAND, _VCEventType.VCEventType.PEER_DISCONNECT, _VCEventType.VCEventType.CONSUMER_TRANSPORT_FAILED, _VCEventType.VCEventType.CREATE_TRANSPORT_FAILED, _VCEventType.VCEventType.SHARING_STOPPED, _VCEventType.VCEventType.END_SESSION, _VCEventType.VCEventType.AUDIO_VISUAL_SETTINGS_CHANGED);
-
     document.addEventListener('sideBarToggleEvent', handleSidebarToggle);
-
     _ApplicationManager.default.setHasActiveMeeting(true);
-
-    return function () {
+    return () => {
       _VCEventManager.default.removeSubscriptions(eventHandler);
-
       _Observable.default.removeApplicationContextSubscriptions('training-room');
-
       document.removeEventListener('sideBarToggleEvent', handleSidebarToggle);
-
       if (_ApplicationManager.default.hasActiveMeeting()) {
         _SocketManager.default.leaveMeeting(props.calendarEvent.id);
-
         _ApplicationManager.default.setHasActiveMeeting(false);
       }
     };
   }, []);
-
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     _ApplicationManager.default.setHasActiveMeeting(true);
-
-    var userFullName;
-
+    let userFullName;
     if (props.calendarEvent.host.username === sessionStorage.getItem('username')) {
       userFullName = props.calendarEvent.host.name;
     } else {
-      userFullName = props.calendarEvent.attendees.find(function (a) {
-        return a.username === sessionStorage.getItem('username');
-      }).name;
+      userFullName = props.calendarEvent.attendees.find(a => a.username === sessionStorage.getItem('username')).name;
     }
-
     setCurrentUserFullName(userFullName);
     setIsHost(props.calendarEvent.host.username === sessionStorage.getItem('username'));
-
     try {
-      _Media.default.joinMeeting(props.calendarEvent, props.settings, userFullName).then(function (response) {
+      _Media.default.joinMeeting(props.calendarEvent, props.settings, userFullName).then(response => {
         console.log('JOIN RESPONSE : ', response);
         createParticipants(response.participants);
         setRtpCapabilities(response.rtpCapabilities);
         setOnloadScreenShareData(response.shareScreenProducerData);
         setRoomStatus(participants.length > 0 ? Status.SESSION : Status.LOBBY);
-      }).catch(function (e) {
+      }).catch(e => {
         setRoomStatus(Status.SYSTEM_ERROR);
       });
     } catch (e) {
       setRoomStatus(Status.SYSTEM_ERROR);
     }
-
-    return function () {
+    return () => {
       _ApplicationManager.default.setHasActiveMeeting(false);
     };
   }, []);
-
   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);
-    var participant = participants.find(function (u) {
-      return u.userId === user.userId;
-    });
-
+    let participant = participants.find(u => u.userId === user.userId);
     if (participant) {
       console.log('FOUND EXISTING PARTICIPANT : ', participant);
       participant.name = user.name;
@@ -534,17 +317,14 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
       setParticipants([].concat(participants));
     }
   }
-
-  var changeOtherParticipantAVSettings = function changeOtherParticipantAVSettings(userId, audioMuted, videoMuted) {};
-
-  var createParticipants = function createParticipants(users) {
+  const changeOtherParticipantAVSettings = (userId, audioMuted, videoMuted) => {};
+  const createParticipants = users => {
     console.log('ALL USERS received and creating participants : ', users);
-    users.forEach(function (user) {
+    users.forEach(user => {
       console.log('ADDING ITEM TO PARTICIPANTS : ', user);
       addUserToParticipants(user);
     });
     setAllUserParticipantsLeft(false);
-
     if (participants.length > 0) {
       if (roomStatus === Status.LOBBY) {
         setRoomStatus(Status.SESSION);
@@ -552,91 +332,62 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
       }
     }
   };
-
-  var hangUp = function hangUp() {
+  const hangUp = () => {
     _SocketManager.default.leaveMeeting(props.calendarEvent.id);
-
     _ApplicationManager.default.setHasActiveMeeting(false);
-
     _ApplicationManager.default.removeLoadedGraph(false);
-
     setSideBarOpen(false);
     setSideBarTab('');
   };
-
-  var _endSession = function endSession() {
-    _ApplicationManager.default.openConfirmDialog("Are you sure you want to end the current session?", function (result) {
+  const endSession = () => {
+    _ApplicationManager.default.openConfirmDialog("Are you sure you want to end the current session?", result => {
       if (result === true) {
         _SocketManager.default.endSession(props.calendarEvent.id);
-
         _ApplicationManager.default.setHasActiveMeeting(false);
-
         _ApplicationManager.default.removeLoadedGraph(false);
-
         setSideBarOpen(false);
         setSideBarTab('');
       }
     });
   };
-
-  var emitSystemEvent = function emitSystemEvent(eventType, data) {
-    var toParticipantIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var participantIds = [];
-
+  const emitSystemEvent = function (eventType, data) {
+    let toParticipantIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let participantIds = [];
     if (!toParticipantIds) {
-      var _iterator = _createForOfIteratorHelper(participants),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var participant = _step.value;
-
-          if (participant.userId !== sessionStorage.getItem('username')) {
-            participantIds.push(participant.userId);
-          }
+      for (const participant of participants) {
+        if (participant.userId !== sessionStorage.getItem('username')) {
+          participantIds.push(participant.userId);
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
     } else {
       participantIds = participantIds.concat(toParticipantIds);
     }
-
     _SocketManager.default.emitEvent(_VCEventType.VCEventType.SYSTEM_EVENT, {
       systemEventType: eventType,
       recipients: participantIds,
       data: data
-    }).catch(function (error) {});
+    }).catch(error => {});
   };
-
-  var _recordMeeting = function recordMeeting() {
+  const recordMeeting = () => {
     _VCRoomRecorder.default.init(props.calendarEvent.id, props.calendarEvent.title);
-
     setIsRecording(true);
     emitSystemEvent('MEETING_RECORDING', {
       recording: true,
       userId: sessionStorage.getItem('username')
     });
-
     _VCRoomRecorder.default.recordMeeting();
   };
-
-  var stopRecordingMeeting = function stopRecordingMeeting() {
-    var publish = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const stopRecordingMeeting = function () {
+    let publish = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     setIsRecording(false);
-
     if (publish) {
       emitSystemEvent('MEETING_RECORDING', {
         recording: false,
         userId: sessionStorage.getItem('username')
       });
     }
-
     _VCRoomRecorder.default.stopRecordingMeeting();
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       width: '100%',
@@ -661,42 +412,42 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
     }
   }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
     eventHandler: {
-      onMuteVideo: function onMuteVideo(muted) {
+      onMuteVideo: muted => {
         setVideoMuted(muted);
       },
-      onMuteAudio: function onMuteAudio(muted) {
+      onMuteAudio: muted => {
         setAudioMuted(muted);
       },
-      endCall: function endCall() {
+      endCall: () => {
         hangUp();
       },
-      endSession: function endSession() {
-        _endSession();
+      endSession: () => {
+        endSession();
       },
-      showChat: function showChat() {
+      showChat: () => {
         fetchChats();
       },
-      showPeople: function showPeople() {
+      showPeople: () => {
         setSideBarTab('People');
         setSideBarOpen(true);
       },
-      shareScreen: function shareScreen() {
+      shareScreen: () => {
         setStartScreenSharing(true);
       },
-      stopShareScreen: function stopShareScreen() {
+      stopShareScreen: () => {
         setScreenShared(false);
         setStartScreenSharing(false);
       },
-      recordMeeting: function recordMeeting() {
-        _recordMeeting();
+      recordMeeting: () => {
+        recordMeeting();
       },
-      stopRecording: function stopRecording() {
+      stopRecording: () => {
         stopRecordingMeeting();
       },
-      raiseHand: function raiseHand() {
+      raiseHand: () => {
         setHandRaised(true);
       },
-      lowerHand: function lowerHand() {
+      lowerHand: () => {
         setHandRaised(false);
       }
     },
@@ -744,21 +495,19 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
     meetingTitle: props.calendarEvent.title,
     meetingId: props.calendarEvent.id,
     currentUserFullName: currentUserFullName,
-    onGridSetup: function onGridSetup() {
+    onGridSetup: () => {
       setSideBarTab('People');
     },
     sideBarTab: sideBarTab,
     roomStatus: roomStatus,
     isHost: isHost,
     startScreenSharing: startScreenSharing,
-    sharingHandler: function sharingHandler(someoneSharing) {
-      return setSomeoneSharing(someoneSharing);
-    },
-    onStopSharing: function onStopSharing() {
+    sharingHandler: someoneSharing => setSomeoneSharing(someoneSharing),
+    onStopSharing: () => {
       setScreenShared(false);
       setStartScreenSharing(false);
     },
-    onStartSharing: function onStartSharing() {
+    onStartSharing: () => {
       setScreenShared(true);
       setStartScreenSharing(false);
     },
@@ -768,19 +517,19 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
     displayState: displayState,
     onloadScreenShareData: onloadScreenShareData,
     allUserParticipantsLeft: allUserParticipantsLeft,
-    onAudioDeviceChange: function onAudioDeviceChange(device) {
+    onAudioDeviceChange: device => {
       setAudioDisabled(_Utils.default.isNull(device));
     },
-    onHostAudioMute: function onHostAudioMute(participant) {
+    onHostAudioMute: participant => {
       changeOtherParticipantAVSettings(participant.userId, true, participant.videoMuted);
     },
-    onHostVideoMute: function onHostVideoMute(participant) {
+    onHostVideoMute: participant => {
       changeOtherParticipantAVSettings(participant.userId, participant.audioMuted, true);
     }
   }))), sideBarOpen && sideBarTab && displayState === 'MAXIMIZED' && roomStatus === Status.SESSION && /*#__PURE__*/_react.default.createElement("div", {
     className: 'closable-panel-container'
   }, /*#__PURE__*/_react.default.createElement(_ClosablePanel.default, {
-    closeHandler: function closeHandler(e) {
+    closeHandler: e => {
       setSideBarOpen(false);
       setSideBarTab(null);
     },
@@ -791,10 +540,10 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
     tab: sideBarTab,
     meetingId: props.calendarEvent.id,
     participants: participants,
-    onHostAudioMute: function onHostAudioMute(participant) {
+    onHostAudioMute: participant => {
       changeOtherParticipantAVSettings(participant.userId, true, participant.videoMuted);
     },
-    onHostVideoMute: function onHostVideoMute(participant) {
+    onHostVideoMute: participant => {
       changeOtherParticipantAVSettings(participant.userId, participant.audioMuted, true);
     }
   })))), /*#__PURE__*/_react.default.createElement("div", {
@@ -860,6 +609,4 @@ var TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default
     }
   }))));
 }));
-
-var _default = TrainingRoom;
-exports.default = _default;
+var _default = exports.default = TrainingRoom;