@agilemotion/oui-react-js 1.6.0 → 1.6.2

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

@@ -1,5 +1,7 @@
 "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
 });
@@ -63,39 +65,116 @@ var _PollContainer = _interopRequireDefault(require("./PollContainer"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { 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; }
-
-const {
-  electron
-} = window;
-
-const ChatRoom = props => {
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const [refresher, setRefresher] = (0, _react.useState)(false);
-  const [currentUser, setCurrentUser] = (0, _react.useState)(_AppManager.default.getUserDetails());
-  const [message, setMessage] = (0, _react.useState)('');
-  const [selectedChat, setSelectedChat] = (0, _react.useState)(props.selectedChat);
-  const [documents, setDocuments] = (0, _react.useState)(null);
-  const [messages, setMessages] = (0, _react.useState)([]);
-  const [newParticipants, setNewParticipants] = (0, _react.useState)([]);
-  const [confirm, setImgUploadConfirm] = (0, _react.useState)('');
-  const messagesEndRef = (0, _react.useRef)(null);
-  const [loading, setLoading] = (0, _react.useState)(true);
-  const [mode, setMode] = (0, _react.useState)('CHAT');
-  const [currentVote, setCurrentVote] = (0, _react.useState)([]);
-  const [clearUploadedFileSwitch, setClearUploadedFileSwitch] = (0, _react.useState)(false);
-  const [openAddPeople, setOpenAddPeople] = (0, _react.useState)(false);
-  const [socketEventHandler] = (0, _react.useState)({});
-
-  const socketEventHandlerApi = () => {
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 _window = window,
+    electron = _window.electron;
+
+var ChatRoom = function ChatRoom(props) {
+  var navigate = (0, _reactRouterDom.useNavigate)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      refresher = _useState2[0],
+      setRefresher = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(_AppManager.default.getUserDetails()),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentUser = _useState4[0],
+      setCurrentUser = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      message = _useState6[0],
+      setMessage = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(props.selectedChat),
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectedChat = _useState8[0],
+      setSelectedChat = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(null),
+      _useState10 = _slicedToArray(_useState9, 2),
+      documents = _useState10[0],
+      setDocuments = _useState10[1];
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      messages = _useState12[0],
+      setMessages = _useState12[1];
+
+  var _useState13 = (0, _react.useState)([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      newParticipants = _useState14[0],
+      setNewParticipants = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(''),
+      _useState16 = _slicedToArray(_useState15, 2),
+      confirm = _useState16[0],
+      setImgUploadConfirm = _useState16[1];
+
+  var messagesEndRef = (0, _react.useRef)(null);
+
+  var _useState17 = (0, _react.useState)(true),
+      _useState18 = _slicedToArray(_useState17, 2),
+      loading = _useState18[0],
+      setLoading = _useState18[1];
+
+  var _useState19 = (0, _react.useState)('CHAT'),
+      _useState20 = _slicedToArray(_useState19, 2),
+      mode = _useState20[0],
+      setMode = _useState20[1];
+
+  var _useState21 = (0, _react.useState)([]),
+      _useState22 = _slicedToArray(_useState21, 2),
+      currentVote = _useState22[0],
+      setCurrentVote = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(false),
+      _useState24 = _slicedToArray(_useState23, 2),
+      clearUploadedFileSwitch = _useState24[0],
+      setClearUploadedFileSwitch = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(false),
+      _useState26 = _slicedToArray(_useState25, 2),
+      openAddPeople = _useState26[0],
+      setOpenAddPeople = _useState26[1];
+
+  var _useState27 = (0, _react.useState)({}),
+      _useState28 = _slicedToArray(_useState27, 1),
+      socketEventHandler = _useState28[0];
+
+  var socketEventHandlerApi = function socketEventHandlerApi() {
     return {
       get id() {
         return 'chat-room-122991829';
       },
 
-      on: (eventType, be) => {
+      on: function on(eventType, be) {
         switch (eventType) {
           case _types.MessageType.CHAT_MESSAGE:
             onMessage(be.payload);
@@ -113,16 +192,16 @@ const ChatRoom = props => {
     };
   };
 
-  const fetchChat = () => {
-    (0, _RestService.get)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/fetchMeetingChat/").concat(selectedChat.meetingId), response => {
+  var fetchChat = function fetchChat() {
+    (0, _RestService.get)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/fetchMeetingChat/").concat(selectedChat.meetingId), function (response) {
       if (response && response.id) {
         setSelectedChat(response);
       }
-    }, e => {}, '', false);
+    }, function (e) {}, '', false);
   };
 
-  const closePollHandler = (e, poll) => {
-    (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/poll/close"), response => {
+  var _closePollHandler = function closePollHandler(e, poll) {
+    (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/poll/close"), function (response) {
       sendMessage(e, "Poll: ".concat(poll.question, " has been closed."));
 
       if (props.chatTab) {
@@ -130,37 +209,41 @@ const ChatRoom = props => {
       } else {
         props.addedPeopleHandler();
       }
-    }, e => {}, {
+    }, function (e) {}, {
       id: poll.id
     });
   };
 
-  const submitPollVoteHandler = poll => {
-    let chatParticipant = selectedChat.participants.find(p => p.userId === currentUser.userId);
-    const data = {
+  var _submitPollVoteHandler = function submitPollVoteHandler(poll) {
+    var chatParticipant = selectedChat.participants.find(function (p) {
+      return p.userId === currentUser.userId;
+    });
+    var data = {
       pollId: poll.id,
       optionId: poll.selectedOption,
       chatParticipant: chatParticipant
     };
-    (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/poll/vote"), response => {
+    (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/poll/vote"), function (response) {
       if (!props.chatTab) {
         props.addedPeopleHandler();
       }
-    }, e => {}, data);
+    }, function (e) {}, data);
   };
 
-  const onSystemEvent = payload => {
+  var onSystemEvent = function onSystemEvent(payload) {
     console.log(messages);
 
     if (payload.systemEventType === "NEW_POLL_VOTE") {
-      let find = messages.find(msg => msg.poll && msg.poll.id === payload.data.pollId);
+      var find = messages.find(function (msg) {
+        return msg.poll && msg.poll.id === payload.data.pollId;
+      });
 
       if (find) {//find.totalVotes++;
       }
     }
   };
 
-  const onMessage = payload => {
+  var onMessage = function onMessage(payload) {
     if (selectedChat && selectedChat.id === payload.roomId) {
       if (props.onMessage) {
         props.onMessage(payload.chatMessage, selectedChat);
@@ -179,8 +262,10 @@ const ChatRoom = props => {
     }
   };
 
-  const onDeleteMessage = payload => {
-    let msg = messages.find(m => m.id === payload.messageId);
+  var onDeleteMessage = function onDeleteMessage(payload) {
+    var msg = messages.find(function (m) {
+      return m.id === payload.messageId;
+    });
 
     if (msg) {
       msg.active = false;
@@ -188,15 +273,15 @@ const ChatRoom = props => {
     }
   };
 
-  const onDownload = document => {
-    let documentFileUrl = '';
+  var onDownload = function onDownload(document) {
+    var documentFileUrl = '';
 
-    let accessToken = _AppManager.default.get("accessToken");
+    var accessToken = _AppManager.default.get("accessToken");
 
     if (document.id) {
       documentFileUrl = "".concat(_AppManager.default.getAPIHost(), "/api/v1/document/download/").concat(document.id, "?access_token=").concat(accessToken);
     } else {
-      const encodedDocumentLocation = encodeURIComponent(document.location);
+      var encodedDocumentLocation = encodeURIComponent(document.location);
       documentFileUrl = "".concat(_AppManager.default.getAPIHost(), "/api/v1/document/download/location?documentLocation=").concat(encodedDocumentLocation, "&access_token=").concat(accessToken);
     }
 
@@ -207,31 +292,35 @@ const ChatRoom = props => {
     });
   };
 
-  const loadMessages = () => {
+  var loadMessages = function loadMessages() {
     scrollToBottom();
 
     if (selectedChat) {
-      const newMessages = [].concat(selectedChat.messages); // TODO. @Nsovo. This code is very unreliable. it breaks randomly. Please check if a user exists in the chat. If not call the back end to add them and then filter their messages from he current date
+      var newMessages = [].concat(selectedChat.messages); // TODO. @Nsovo. This code is very unreliable. it breaks randomly. Please check if a user exists in the chat. If not call the back end to add them and then filter their messages from he current date
       // NB : @Amu has change the code to first find a user and do a null check so that it does not break
 
-      let find = selectedChat.participants.find(p => p.userId === currentUser.userId);
+      var find = selectedChat.participants.find(function (p) {
+        return p.userId === currentUser.userId;
+      });
 
       if (_Utils.default.isNull(find)) {
-        (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/addParticipants"), response => {}, e => {}, {
+        (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/addParticipants"), function (response) {}, function (e) {}, {
           chatId: selectedChat.id,
           participants: [_AppManager.default.getUserDetails()]
         });
       }
 
-      const dateAddedToChat = find ? find.dateAddedToChat : new Date();
-      const filteredMessages = newMessages.filter(txt => dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate));
+      var dateAddedToChat = find ? find.dateAddedToChat : new Date();
+      var filteredMessages = newMessages.filter(function (txt) {
+        return dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate);
+      });
       setMessages(filteredMessages);
     }
 
     setLoading(false);
   };
 
-  const getChatRoomTitle = () => {
+  var getChatRoomTitle = function getChatRoomTitle() {
     if (selectedChat.type === 'CALENDAR_MEETING' || selectedChat.title) {
       return selectedChat.title;
     }
@@ -239,32 +328,32 @@ const ChatRoom = props => {
     return _Utils.default.getChatMeetingTitle(selectedChat.participants, currentUser.userId, 58);
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setSelectedChat(props.selectedChat);
   }, [props.selectedChat]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     scrollToBottom();
   }, [messages]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setMessage('');
     setDocuments(null);
     loadMessages();
   }, [selectedChat]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setCurrentUser(_AppManager.default.getUserDetails());
 
     _SocketManager.default.addSubscriptions(socketEventHandler, _types.MessageType.DELETE_CHAT_MESSAGE, _types.MessageType.CHAT_MESSAGE, _types.MessageType.SYSTEM_EVENT);
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     socketEventHandler.api = socketEventHandlerApi();
   });
-  (0, _react.useEffect)(() => {
-    return () => {
+  (0, _react.useEffect)(function () {
+    return function () {
       _SocketManager.default.removeSubscriptions(socketEventHandler);
     };
   }, []);
 
-  const scrollToBottom = () => {
+  var scrollToBottom = function scrollToBottom() {
     var _messagesEndRef$curre;
 
     (_messagesEndRef$curre = messagesEndRef.current) === null || _messagesEndRef$curre === void 0 ? void 0 : _messagesEndRef$curre.scrollIntoView({
@@ -272,27 +361,44 @@ const ChatRoom = props => {
     });
   };
 
-  const handleChange = e => {
+  var handleChange = function handleChange(e) {
     setMessage(e.target.value);
   };
 
-  const participantsUserIds = () => {
-    return selectedChat.participants.filter(user => user.userId !== currentUser.userId).map(user => user.userId);
+  var participantsUserIds = function participantsUserIds() {
+    return selectedChat.participants.filter(function (user) {
+      return user.userId !== currentUser.userId;
+    }).map(function (user) {
+      return user.userId;
+    });
   };
 
-  const sendMessage = (e, finalMessage = null, poll = null) => {
+  var sendMessage = function sendMessage(e) {
+    var finalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var poll = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
     if (e) {
       e.preventDefault();
     }
 
     if (message || documents || finalMessage || poll) {
-      let mType = 'TEXT';
+      var mType = 'TEXT';
 
       if (documents && documents.length > 0) {
-        let combinedSize = 0;
+        var combinedSize = 0;
 
-        for (const doc of documents) {
-          combinedSize = combinedSize + parseInt(doc.size);
+        var _iterator = _createForOfIteratorHelper(documents),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var doc = _step.value;
+            combinedSize = combinedSize + parseInt(doc.size);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
 
         if (combinedSize > 7500000) {
@@ -310,7 +416,7 @@ const ChatRoom = props => {
         mType = 'EVENT';
       }
 
-      const msg = {
+      var msg = {
         createdDate: new Date(),
         type: mType,
         active: true,
@@ -328,24 +434,26 @@ const ChatRoom = props => {
       }
 
       msg.participant.active = true;
-      const participantsToSignalIds = participantsUserIds();
+      var participantsToSignalIds = participantsUserIds();
 
       _SocketManager.default.emitEvent(_types.MessageType.CHAT_MESSAGE, {
         roomId: selectedChat.id,
         chatMessage: msg,
-        participantsToSignalIds,
+        participantsToSignalIds: participantsToSignalIds,
         skipAlert: props.chatTab || finalMessage,
         newChat: selectedChat.messages.length === 0,
         meetingId: props.meetingId ? props.meetingId : null
-      }).then(data => {
+      }).then(function (data) {
         msg.id = data.id;
-        setMessages(oldMsgs => [...oldMsgs, msg]);
+        setMessages(function (oldMsgs) {
+          return [].concat(_toConsumableArray(oldMsgs), [msg]);
+        });
         selectedChat.messages.push(msg);
 
         if (props.onMessage && selectedChat) {
           props.onMessage(msg, selectedChat);
         }
-      }).catch(error => {});
+      }).catch(function (error) {});
     }
 
     setMessage('');
@@ -353,21 +461,21 @@ const ChatRoom = props => {
     setDocuments(null);
   };
 
-  const callNow = e => {
+  var callNow = function callNow(e) {
     e.preventDefault();
     sendMessage(e, "".concat(currentUser.name, " has started a call."));
-    (0, _RestService.get)("".concat(_AppManager.default.getAPIHost(), "/api/v1/meeting/generateId"), response => {
-      const directCallRoom = {
+    (0, _RestService.get)("".concat(_AppManager.default.getAPIHost(), "/api/v1/meeting/generateId"), function (response) {
+      var directCallRoom = {
         id: response
       };
-      const participantsToSignalIds = participantsUserIds();
+      var participantsToSignalIds = participantsUserIds();
 
       _SocketManager.default.emitEvent(_types.MessageType.CALL_MULTIPLE_USER, {
         room: directCallRoom.id,
         usersToCall: participantsToSignalIds,
         callerId: _SocketManager.default.socket.id,
         name: currentUser.name
-      }).catch(error => {});
+      }).catch(function (error) {});
 
       navigate("/view/meetingRoom", {
         state: {
@@ -380,41 +488,39 @@ const ChatRoom = props => {
           usersToCall: participantsToSignalIds
         }
       });
-    }, e => {}, '', true);
+    }, function (e) {}, '', true);
   };
 
-  const addPeople = e => {
+  var addPeople = function addPeople(e) {
     if (newParticipants.length > 0) {
-      newParticipants.forEach(participant => {
+      newParticipants.forEach(function (participant) {
         selectedChat.participants.push(participant);
       });
-      (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/addParticipants"), response => {
+      (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/addParticipants"), function (response) {
         sendMessage(e, newParticipants[0].name + ' has join the conversation.');
         setNewParticipants([]);
         setOpenAddPeople(false);
         props.addedPeopleHandler();
-      }, e => {}, {
+      }, function (e) {}, {
         chatId: selectedChat.id,
         participants: newParticipants
       });
     }
   };
 
-  const handleClose = e => {
+  var handleClose = function handleClose(e) {
     setNewParticipants([]);
     setOpenAddPeople(false);
   };
 
-  const openAddPeopleDialog = e => {
+  var openAddPeopleDialog = function openAddPeopleDialog(e) {
     setOpenAddPeople(true);
   };
 
-  const renderFileThumbnail = message => {
-    const {
-      documents
-    } = message;
-    const thumbnails = [];
-    documents.forEach((doc, index) => {
+  var renderFileThumbnail = function renderFileThumbnail(message) {
+    var documents = message.documents;
+    var thumbnails = [];
+    documents.forEach(function (doc, index) {
       if (doc.type.includes('image')) {
         return thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
           style: {
@@ -433,7 +539,7 @@ const ChatRoom = props => {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: () => {
+          onClick: function onClick() {
             onDownload(documents[index]);
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -459,7 +565,9 @@ const ChatRoom = props => {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: () => onDownload(documents[index])
+          onClick: function onClick() {
+            return onDownload(documents[index]);
+          }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -481,7 +589,9 @@ const ChatRoom = props => {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: () => onDownload(documents[index])
+          onClick: function onClick() {
+            return onDownload(documents[index]);
+          }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -503,7 +613,9 @@ const ChatRoom = props => {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: () => onDownload(documents[index])
+          onClick: function onClick() {
+            return onDownload(documents[index]);
+          }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -525,7 +637,9 @@ const ChatRoom = props => {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: () => onDownload(documents[index])
+          onClick: function onClick() {
+            return onDownload(documents[index]);
+          }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -553,7 +667,9 @@ const ChatRoom = props => {
           }
         }, documents[index].name)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: () => onDownload(documents[index])
+          onClick: function onClick() {
+            return onDownload(documents[index]);
+          }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -562,33 +678,30 @@ const ChatRoom = props => {
     return thumbnails;
   };
 
-  const renderLink = ({
-    attributes,
-    content
-  }) => {
-    const {
-      href
-    } = attributes;
+  var renderLink = function renderLink(_ref) {
+    var attributes = _ref.attributes,
+        content = _ref.content;
+    var href = attributes.href;
     return /*#__PURE__*/_react.default.createElement("a", {
-      onClick: () => {
+      onClick: function onClick() {
         window.open(href);
       }
     }, content);
   };
 
-  const deleteChatMessage = message => {
-    const participantsToSignalIds = participantsUserIds();
+  var deleteChatMessage = function deleteChatMessage(message) {
+    var participantsToSignalIds = participantsUserIds();
 
     _SocketManager.default.emitEvent(_types.MessageType.DELETE_CHAT_MESSAGE, {
       messageId: message.id,
-      participantsToSignalIds
-    }).then(data => {
+      participantsToSignalIds: participantsToSignalIds
+    }).then(function (data) {
       message.active = false;
       setRefresher(!refresher);
-    }).catch(error => {});
+    }).catch(function (error) {});
   };
 
-  const renderMessages = (message, index) => {
+  var renderMessages = function renderMessages(message, index) {
     if (!message.active) {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
@@ -635,7 +748,7 @@ const ChatRoom = props => {
             className: 'col chat-time'
           }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
             component: "span",
-            onClick: () => {
+            onClick: function onClick() {
               deleteChatMessage(message);
             }
           }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -671,7 +784,7 @@ const ChatRoom = props => {
             className: 'col chat-time'
           }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
             component: "span",
-            onClick: () => {
+            onClick: function onClick() {
               deleteChatMessage(message);
             }
           }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -686,7 +799,7 @@ const ChatRoom = props => {
             style: {
               marginBottom: '4px'
             }
-          }, message.content.split('\n').map((token, index) => {
+          }, message.content.split('\n').map(function (token, index) {
             return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, token, /*#__PURE__*/_react.default.createElement("br", null));
           })))));
         }
@@ -708,7 +821,7 @@ const ChatRoom = props => {
           style: {
             marginBottom: '4px'
           }
-        }, message.content.split('\n').map((token, index) => {
+        }, message.content.split('\n').map(function (token, index) {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, token, /*#__PURE__*/_react.default.createElement("br", null));
         }))))));
       } else if (message.type === 'EVENT') {
@@ -734,10 +847,16 @@ const ChatRoom = props => {
           chatTab: props.chatTab,
           pollCreator: message.participant,
           createdDate: message.createdDate,
-          submitPollVoteHandler: poll => submitPollVoteHandler(poll),
-          pollParticipantIDs: selectedChat.participants.map(p => p.userId),
+          submitPollVoteHandler: function submitPollVoteHandler(poll) {
+            return _submitPollVoteHandler(poll);
+          },
+          pollParticipantIDs: selectedChat.participants.map(function (p) {
+            return p.userId;
+          }),
           currentUser: currentUser,
-          closePollHandler: (e, poll) => closePollHandler(e, poll),
+          closePollHandler: function closePollHandler(e, poll) {
+            return _closePollHandler(e, poll);
+          },
           numberOfPollParticipants: selectedChat.participants.length
         });
       }
@@ -780,7 +899,7 @@ const ChatRoom = props => {
       showImages: true,
       searchAttribute: 'name',
       validationRegex: /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/,
-      valueChangeHandler: (value, id) => {
+      valueChangeHandler: function valueChangeHandler(value, id) {
         setNewParticipants(value);
       },
       optionsUrl: "".concat(_AppManager.default.getAPIHost(), "/api/v1/auth/search"),
@@ -802,18 +921,20 @@ const ChatRoom = props => {
       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.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("h5", null, getChatRoomTitle())), /*#__PURE__*/_react.default.createElement("div", {
+    }, selectedChat.type === 'CALENDAR_MEETING' || selectedChat.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(selectedChat.participants.find(function (p) {
+      return p.userId !== currentUser.userId;
+    }).name))), /*#__PURE__*/_react.default.createElement("h5", null, getChatRoomTitle())), /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom__headerright"
     }, !props.chatTab && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: "Add People"
     }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-      onClick: e => {
+      onClick: function onClick(e) {
         openAddPeopleDialog(e);
       }
     }, /*#__PURE__*/_react.default.createElement(_icons.GroupAdd, null)))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: "Poll"
     }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-      onClick: e => {
+      onClick: function onClick(e) {
         setMode('POLL');
       }
     }, /*#__PURE__*/_react.default.createElement(_icons.Poll, {
@@ -824,17 +945,19 @@ const ChatRoom = props => {
     }))))), mode === 'POLL' ? /*#__PURE__*/_react.default.createElement(_ChatPoll.default, {
       chatTab: props.chatTab,
       participants: selectedChat.participants,
-      createPollHandler: pollData => {
+      createPollHandler: function createPollHandler(pollData) {
         sendMessage(null, null, pollData);
         setMode('CHAT');
       },
-      cancelPollHandler: () => {
+      cancelPollHandler: function cancelPollHandler() {
         setMode('CHAT');
       }
     }) : /*#__PURE__*/_react.default.createElement("div", {
       id: "messages",
       className: "chatroom__body"
-    }, (_messages$sort = messages.sort((a, b) => new Date(a.createdDate) - new Date(b.createdDate))) === null || _messages$sort === void 0 ? void 0 : _messages$sort.map(renderMessages), /*#__PURE__*/_react.default.createElement("div", {
+    }, (_messages$sort = messages.sort(function (a, b) {
+      return new Date(a.createdDate) - new Date(b.createdDate);
+    })) === null || _messages$sort === void 0 ? void 0 : _messages$sort.map(renderMessages), /*#__PURE__*/_react.default.createElement("div", {
       ref: messagesEndRef
     }, "\xA0")), mode === 'CHAT' && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("form", {
       className: "chatroom__sendMessage"
@@ -860,7 +983,7 @@ const ChatRoom = props => {
       iconColor: props.chatTab ? 'white' : null,
       value: documents,
       clearUploadedFileSwitch: clearUploadedFileSwitch,
-      valueChangeHandler: (value, id) => {
+      valueChangeHandler: function valueChangeHandler(value, id) {
         setDocuments(value);
       }
     })), /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
@@ -883,7 +1006,7 @@ const ChatRoom = props => {
         }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           style: _LoginStyle.default.inputAdornmentIcon,
           type: "submit",
-          onClick: e => {
+          onClick: function onClick(e) {
             sendMessage(e);
           }
         }, /*#__PURE__*/_react.default.createElement(_Send.default, {
@@ -893,7 +1016,7 @@ const ChatRoom = props => {
           }
         }))),
         value: message,
-        onChange: e => {
+        onChange: function onChange(e) {
           handleChange(e);
         }
       }