@agilemotion/oui-react-js 1.6.3 → 1.6.5

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

@@ -1,189 +1,73 @@
 "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 _core = require("@material-ui/core");
-
 var _Send = _interopRequireDefault(require("@material-ui/icons/Send"));
-
 var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
 var _reactRouterDom = require("react-router-dom");
-
 require("./ChatRooms.scss");
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
-
 var _LoginStyle = _interopRequireDefault(require("../view/security/LoginStyle"));
-
 var _CustomInput = _interopRequireDefault(require("../customInput/CustomInput"));
-
 var _LottieIcon = _interopRequireDefault(require("../LottieIcon"));
-
 var _reactFeather = require("react-feather");
-
 var _Utils = _interopRequireDefault(require("../../Utils"));
-
 var _SocketManager = _interopRequireDefault(require("../../service/SocketManager"));
-
 var _types = require("../../types");
-
 var _AppManager = _interopRequireDefault(require("../../../common/service/AppManager"));
-
 var _icons = require("@material-ui/icons");
-
 var _AutoComplete = _interopRequireDefault(require("../customInput/AutoComplete"));
-
 var _RestService = require("../../service/RestService");
-
 var _reactstrap = require("reactstrap");
-
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _ChatPoll = _interopRequireDefault(require("./ChatPoll"));
-
 var _linkifyReact = _interopRequireDefault(require("linkify-react"));
-
 var _File = _interopRequireDefault(require("../customInput/File"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 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 _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() {
+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 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 = () => {
     return {
       get id() {
         return 'chat-room-122991829';
       },
-
-      on: function on(eventType, be) {
+      on: (eventType, be) => {
         switch (eventType) {
           case _types.MessageType.CHAT_MESSAGE:
             onMessage(be.payload);
             break;
-
           case _types.MessageType.DELETE_CHAT_MESSAGE:
             onDeleteMessage(be.payload);
             break;
-
           case _types.MessageType.SYSTEM_EVENT:
             onSystemEvent(be.payload);
             break;
@@ -191,64 +75,52 @@ var ChatRoom = function ChatRoom(props) {
       }
     };
   };
-
-  var fetchChat = function fetchChat() {
-    (0, _RestService.get)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/fetchMeetingChat/").concat(selectedChat.meetingId), function (response) {
+  const fetchChat = () => {
+    (0, _RestService.get)(`${_AppManager.default.getAPIHost()}/api/v1/chat/fetchMeetingChat/${selectedChat.meetingId}`, response => {
       if (response && response.id) {
         setSelectedChat(response);
       }
-    }, function (e) {}, '', false);
+    }, e => {}, '', false);
   };
-
-  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."));
-
+  const closePollHandler = (e, poll) => {
+    (0, _RestService.post)(`${_AppManager.default.getAPIHost()}/api/v1/poll/close`, response => {
+      sendMessage(e, `Poll: ${poll.question} has been closed.`);
       if (props.chatTab) {
         fetchChat();
       } else {
         props.addedPeopleHandler();
       }
-    }, function (e) {}, {
+    }, e => {}, {
       id: poll.id
     });
   };
-
-  var _submitPollVoteHandler = function submitPollVoteHandler(poll) {
-    var chatParticipant = selectedChat.participants.find(function (p) {
-      return p.userId === currentUser.userId;
-    });
-    var data = {
+  const submitPollVoteHandler = poll => {
+    let chatParticipant = selectedChat.participants.find(p => p.userId === currentUser.userId);
+    const data = {
       pollId: poll.id,
       optionId: poll.selectedOption,
       chatParticipant: chatParticipant
     };
-    (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/poll/vote"), function (response) {
+    (0, _RestService.post)(`${_AppManager.default.getAPIHost()}/api/v1/poll/vote`, response => {
       if (!props.chatTab) {
         props.addedPeopleHandler();
       }
-    }, function (e) {}, data);
+    }, e => {}, data);
   };
-
-  var onSystemEvent = function onSystemEvent(payload) {
+  const onSystemEvent = payload => {
     console.log(messages);
-
     if (payload.systemEventType === "NEW_POLL_VOTE") {
-      var find = messages.find(function (msg) {
-        return msg.poll && msg.poll.id === payload.data.pollId;
-      });
-
-      if (find) {//find.totalVotes++;
+      let find = messages.find(msg => msg.poll && msg.poll.id === payload.data.pollId);
+      if (find) {
+        //find.totalVotes++;
       }
     }
   };
-
-  var onMessage = function onMessage(payload) {
+  const onMessage = payload => {
     if (selectedChat && selectedChat.id === payload.roomId) {
       if (props.onMessage) {
         props.onMessage(payload.chatMessage, selectedChat);
       }
-
       if (payload.chatMessage.type === 'EVENT') {
         if (props.chatTab) {
           fetchChat();
@@ -256,227 +128,167 @@ var ChatRoom = function ChatRoom(props) {
           props.addedPeopleHandler();
         }
       }
-
       selectedChat.messages.push(payload.chatMessage);
       loadMessages();
     }
   };
-
-  var onDeleteMessage = function onDeleteMessage(payload) {
-    var msg = messages.find(function (m) {
-      return m.id === payload.messageId;
-    });
-
+  const onDeleteMessage = payload => {
+    let msg = messages.find(m => m.id === payload.messageId);
     if (msg) {
       msg.active = false;
       setRefresher(!refresher);
     }
   };
-
-  var onDownload = function onDownload(document) {
-    var documentFileUrl = '';
-
-    var accessToken = _AppManager.default.get("accessToken");
-
+  const onDownload = document => {
+    let documentFileUrl = '';
+    let accessToken = _AppManager.default.get("accessToken");
     if (document.id) {
-      documentFileUrl = "".concat(_AppManager.default.getAPIHost(), "/api/v1/document/download/").concat(document.id, "?access_token=").concat(accessToken);
+      documentFileUrl = `${_AppManager.default.getAPIHost()}/api/v1/document/download/${document.id}?access_token=${accessToken}`;
     } else {
-      var encodedDocumentLocation = encodeURIComponent(document.location);
-      documentFileUrl = "".concat(_AppManager.default.getAPIHost(), "/api/v1/document/download/location?documentLocation=").concat(encodedDocumentLocation, "&access_token=").concat(accessToken);
+      const encodedDocumentLocation = encodeURIComponent(document.location);
+      documentFileUrl = `${_AppManager.default.getAPIHost()}/api/v1/document/download/location?documentLocation=${encodedDocumentLocation}&access_token=${accessToken}`;
     }
-
     electron.ipcRenderer.sendMessage('downloadFile', {
       payload: {
         fileURL: documentFileUrl
       }
     });
   };
-
-  var loadMessages = function loadMessages() {
+  const loadMessages = () => {
     scrollToBottom();
-
     if (selectedChat) {
-      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
-
-      var find = selectedChat.participants.find(function (p) {
-        return p.userId === currentUser.userId;
-      });
+      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
+      // 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);
       if (_Utils.default.isNull(find)) {
-        (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/addParticipants"), function (response) {}, function (e) {}, {
+        (0, _RestService.post)(`${_AppManager.default.getAPIHost()}/api/v1/chat/addParticipants`, response => {}, e => {}, {
           chatId: selectedChat.id,
           participants: [_AppManager.default.getUserDetails()]
         });
       }
-
-      var dateAddedToChat = find ? find.dateAddedToChat : new Date();
-      var filteredMessages = newMessages.filter(function (txt) {
-        return dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate);
-      });
+      const dateAddedToChat = find ? find.dateAddedToChat : new Date();
+      const filteredMessages = newMessages.filter(txt => dateAddedToChat === null || new Date(dateAddedToChat) < new Date(txt.createdDate));
       setMessages(filteredMessages);
     }
-
     setLoading(false);
   };
-
-  var getChatRoomTitle = function getChatRoomTitle() {
+  const getChatRoomTitle = () => {
     if (selectedChat.type === 'CALENDAR_MEETING' || selectedChat.title) {
       return selectedChat.title;
     }
-
     return _Utils.default.getChatMeetingTitle(selectedChat.participants, currentUser.userId, 58);
   };
-
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setSelectedChat(props.selectedChat);
   }, [props.selectedChat]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     scrollToBottom();
   }, [messages]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setMessage('');
     setDocuments(null);
     loadMessages();
   }, [selectedChat]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setCurrentUser(_AppManager.default.getUserDetails());
-
     _SocketManager.default.addSubscriptions(socketEventHandler, _types.MessageType.DELETE_CHAT_MESSAGE, _types.MessageType.CHAT_MESSAGE, _types.MessageType.SYSTEM_EVENT);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     socketEventHandler.api = socketEventHandlerApi();
   });
-  (0, _react.useEffect)(function () {
-    return function () {
+  (0, _react.useEffect)(() => {
+    return () => {
       _SocketManager.default.removeSubscriptions(socketEventHandler);
     };
   }, []);
-
-  var scrollToBottom = function scrollToBottom() {
-    var _messagesEndRef$curre;
-
-    (_messagesEndRef$curre = messagesEndRef.current) === null || _messagesEndRef$curre === void 0 ? void 0 : _messagesEndRef$curre.scrollIntoView({
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({
       behavior: 'smooth'
     });
   };
-
-  var handleChange = function handleChange(e) {
+  const handleChange = e => {
     setMessage(e.target.value);
   };
-
-  var participantsUserIds = function participantsUserIds() {
-    return selectedChat.participants.filter(function (user) {
-      return user.userId !== currentUser.userId;
-    }).map(function (user) {
-      return user.userId;
-    });
+  const participantsUserIds = () => {
+    return selectedChat.participants.filter(user => user.userId !== currentUser.userId).map(user => user.userId);
   };
-
-  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;
-
+  const sendMessage = function (e) {
+    let finalMessage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let poll = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     if (e) {
       e.preventDefault();
     }
-
     if (message || documents || finalMessage || poll) {
-      var mType = 'TEXT';
-
+      let mType = 'TEXT';
       if (documents && documents.length > 0) {
-        var combinedSize = 0;
-
-        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();
+        let combinedSize = 0;
+        for (const doc of documents) {
+          combinedSize = combinedSize + parseInt(doc.size);
         }
-
         if (combinedSize > 7500000) {
           _AppManager.default.fireEvent(_types.SystemEventType.API_ERROR, {
             message: 'Attachment should be not more than 7.5MB.'
           });
-
           return;
         }
-
         mType = 'FILE';
       } else if (poll) {
         mType = 'POLL';
       } else if (finalMessage) {
         mType = 'EVENT';
       }
-
-      var msg = {
+      const msg = {
         createdDate: new Date(),
         type: mType,
         active: true,
         content: finalMessage ? finalMessage : message,
         participant: currentUser
       };
-
       if (documents && documents.length > 0) {
         msg.documents = documents;
         setClearUploadedFileSwitch(!clearUploadedFileSwitch);
       }
-
       if (poll) {
         msg.poll = poll;
       }
-
       msg.participant.active = true;
-      var participantsToSignalIds = participantsUserIds();
-
+      const 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(function (data) {
+      }).then(data => {
         msg.id = data.id;
-        setMessages(function (oldMsgs) {
-          return [].concat(_toConsumableArray(oldMsgs), [msg]);
-        });
+        setMessages(oldMsgs => [...oldMsgs, msg]);
         selectedChat.messages.push(msg);
-
         if (props.onMessage && selectedChat) {
           props.onMessage(msg, selectedChat);
         }
-      }).catch(function (error) {});
+      }).catch(error => {});
     }
-
     setMessage('');
     setImgUploadConfirm('');
     setDocuments(null);
   };
-
-  var callNow = function callNow(e) {
+  const callNow = e => {
     e.preventDefault();
-    sendMessage(e, "".concat(currentUser.name, " has started a call."));
-    (0, _RestService.get)("".concat(_AppManager.default.getAPIHost(), "/api/v1/meeting/generateId"), function (response) {
-      var directCallRoom = {
+    sendMessage(e, `${currentUser.name} has started a call.`);
+    (0, _RestService.get)(`${_AppManager.default.getAPIHost()}/api/v1/meeting/generateId`, response => {
+      const directCallRoom = {
         id: response
       };
-      var participantsToSignalIds = participantsUserIds();
-
+      const participantsToSignalIds = participantsUserIds();
       _SocketManager.default.emitEvent(_types.MessageType.CALL_MULTIPLE_USER, {
         room: directCallRoom.id,
         usersToCall: participantsToSignalIds,
         callerId: _SocketManager.default.socket.id,
         name: currentUser.name
-      }).catch(function (error) {});
-
+      }).catch(error => {});
       navigate("/view/meetingRoom", {
         state: {
           displayMode: 'window',
@@ -488,39 +300,37 @@ var ChatRoom = function ChatRoom(props) {
           usersToCall: participantsToSignalIds
         }
       });
-    }, function (e) {}, '', true);
+    }, e => {}, '', true);
   };
-
-  var addPeople = function addPeople(e) {
+  const addPeople = e => {
     if (newParticipants.length > 0) {
-      newParticipants.forEach(function (participant) {
+      newParticipants.forEach(participant => {
         selectedChat.participants.push(participant);
       });
-      (0, _RestService.post)("".concat(_AppManager.default.getAPIHost(), "/api/v1/chat/addParticipants"), function (response) {
+      (0, _RestService.post)(`${_AppManager.default.getAPIHost()}/api/v1/chat/addParticipants`, response => {
         sendMessage(e, newParticipants[0].name + ' has join the conversation.');
         setNewParticipants([]);
         setOpenAddPeople(false);
         props.addedPeopleHandler();
-      }, function (e) {}, {
+      }, e => {}, {
         chatId: selectedChat.id,
         participants: newParticipants
       });
     }
   };
-
-  var handleClose = function handleClose(e) {
+  const handleClose = e => {
     setNewParticipants([]);
     setOpenAddPeople(false);
   };
-
-  var openAddPeopleDialog = function openAddPeopleDialog(e) {
+  const openAddPeopleDialog = e => {
     setOpenAddPeople(true);
   };
-
-  var renderFileThumbnail = function renderFileThumbnail(message) {
-    var documents = message.documents;
-    var thumbnails = [];
-    documents.forEach(function (doc, index) {
+  const renderFileThumbnail = message => {
+    const {
+      documents
+    } = message;
+    const thumbnails = [];
+    documents.forEach((doc, index) => {
       if (doc.type.includes('image')) {
         return thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
           style: {
@@ -539,14 +349,13 @@ var ChatRoom = function ChatRoom(props) {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: function onClick() {
+          onClick: () => {
             onDownload(documents[index]);
           }
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
       }
-
       if (doc.type.includes('pdf')) {
         thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
           key: index,
@@ -565,9 +374,7 @@ var ChatRoom = function ChatRoom(props) {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: function onClick() {
-            return onDownload(documents[index]);
-          }
+          onClick: () => onDownload(documents[index])
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -589,9 +396,7 @@ var ChatRoom = function ChatRoom(props) {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: function onClick() {
-            return onDownload(documents[index]);
-          }
+          onClick: () => onDownload(documents[index])
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -613,9 +418,7 @@ var ChatRoom = function ChatRoom(props) {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: function onClick() {
-            return onDownload(documents[index]);
-          }
+          onClick: () => onDownload(documents[index])
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -637,9 +440,7 @@ var ChatRoom = function ChatRoom(props) {
           }
         })), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: function onClick() {
-            return onDownload(documents[index]);
-          }
+          onClick: () => onDownload(documents[index])
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -667,9 +468,7 @@ var ChatRoom = function ChatRoom(props) {
           }
         }, documents[index].name)), /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           component: "span",
-          onClick: function onClick() {
-            return onDownload(documents[index]);
-          }
+          onClick: () => onDownload(documents[index])
         }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
           id: 'DOWNLOAD'
         }))));
@@ -677,31 +476,31 @@ var ChatRoom = function ChatRoom(props) {
     });
     return thumbnails;
   };
-
-  var renderLink = function renderLink(_ref) {
-    var attributes = _ref.attributes,
-        content = _ref.content;
-    var href = attributes.href;
+  const renderLink = _ref => {
+    let {
+      attributes,
+      content
+    } = _ref;
+    const {
+      href
+    } = attributes;
     return /*#__PURE__*/_react.default.createElement("a", {
-      onClick: function onClick() {
+      onClick: () => {
         window.open(href);
       }
     }, content);
   };
-
-  var deleteChatMessage = function deleteChatMessage(message) {
-    var participantsToSignalIds = participantsUserIds();
-
+  const deleteChatMessage = message => {
+    const participantsToSignalIds = participantsUserIds();
     _SocketManager.default.emitEvent(_types.MessageType.DELETE_CHAT_MESSAGE, {
       messageId: message.id,
-      participantsToSignalIds: participantsToSignalIds
-    }).then(function (data) {
+      participantsToSignalIds
+    }).then(data => {
       message.active = false;
       setRefresher(!refresher);
-    }).catch(function (error) {});
+    }).catch(error => {});
   };
-
-  var renderMessages = function renderMessages(message, index) {
+  const renderMessages = (message, index) => {
     if (!message.active) {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
@@ -748,7 +547,7 @@ var ChatRoom = function 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: function onClick() {
+            onClick: () => {
               deleteChatMessage(message);
             }
           }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -757,7 +556,6 @@ var ChatRoom = function ChatRoom(props) {
             key: index
           }, message.content)));
         }
-
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "chatroom__message"
@@ -784,7 +582,7 @@ var ChatRoom = function 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: function onClick() {
+            onClick: () => {
               deleteChatMessage(message);
             }
           }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
@@ -799,11 +597,10 @@ var ChatRoom = function ChatRoom(props) {
             style: {
               marginBottom: '4px'
             }
-          }, message.content.split('\n').map(function (token, index) {
+          }, message.content.split('\n').map((token, index) => {
             return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, token, /*#__PURE__*/_react.default.createElement("br", null));
           })))));
         }
-
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "chatroom__message"
@@ -821,7 +618,7 @@ var ChatRoom = function ChatRoom(props) {
           style: {
             marginBottom: '4px'
           }
-        }, message.content.split('\n').map(function (token, index) {
+        }, message.content.split('\n').map((token, index) => {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, token, /*#__PURE__*/_react.default.createElement("br", null));
         }))))));
       } else if (message.type === 'EVENT') {
@@ -847,25 +644,16 @@ var ChatRoom = function ChatRoom(props) {
           chatTab: props.chatTab,
           pollCreator: message.participant,
           createdDate: message.createdDate,
-          submitPollVoteHandler: function submitPollVoteHandler(poll) {
-            return _submitPollVoteHandler(poll);
-          },
-          pollParticipantIDs: selectedChat.participants.map(function (p) {
-            return p.userId;
-          }),
+          submitPollVoteHandler: poll => submitPollVoteHandler(poll),
+          pollParticipantIDs: selectedChat.participants.map(p => p.userId),
           currentUser: currentUser,
-          closePollHandler: function closePollHandler(e, poll) {
-            return _closePollHandler(e, poll);
-          },
+          closePollHandler: (e, poll) => closePollHandler(e, poll),
           numberOfPollParticipants: selectedChat.participants.length
         });
       }
     }
   };
-
   if (selectedChat && messages) {
-    var _messages$sort;
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "chatroom"
     }, /*#__PURE__*/_react.default.createElement(_Dialog.default, {
@@ -899,10 +687,10 @@ var ChatRoom = function ChatRoom(props) {
       showImages: true,
       searchAttribute: 'name',
       validationRegex: /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/,
-      valueChangeHandler: function valueChangeHandler(value, id) {
+      valueChangeHandler: (value, id) => {
         setNewParticipants(value);
       },
-      optionsUrl: "".concat(_AppManager.default.getAPIHost(), "/api/v1/auth/search"),
+      optionsUrl: `${_AppManager.default.getAPIHost()}/api/v1/auth/search`,
       fullWidth: true
     }))))), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
       onClick: handleClose
@@ -921,20 +709,18 @@ var ChatRoom = function 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(function (p) {
-      return 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(p => 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: function onClick(e) {
+      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: function onClick(e) {
+      onClick: e => {
         setMode('POLL');
       }
     }, /*#__PURE__*/_react.default.createElement(_icons.Poll, {
@@ -945,19 +731,17 @@ var ChatRoom = function ChatRoom(props) {
     }))))), mode === 'POLL' ? /*#__PURE__*/_react.default.createElement(_ChatPoll.default, {
       chatTab: props.chatTab,
       participants: selectedChat.participants,
-      createPollHandler: function createPollHandler(pollData) {
+      createPollHandler: pollData => {
         sendMessage(null, null, pollData);
         setMode('CHAT');
       },
-      cancelPollHandler: function cancelPollHandler() {
+      cancelPollHandler: () => {
         setMode('CHAT');
       }
     }) : /*#__PURE__*/_react.default.createElement("div", {
       id: "messages",
       className: "chatroom__body"
-    }, (_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", {
+    }, messages.sort((a, b) => new Date(a.createdDate) - new Date(b.createdDate))?.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"
@@ -983,7 +767,7 @@ var ChatRoom = function ChatRoom(props) {
       iconColor: props.chatTab ? 'white' : null,
       value: documents,
       clearUploadedFileSwitch: clearUploadedFileSwitch,
-      valueChangeHandler: function valueChangeHandler(value, id) {
+      valueChangeHandler: (value, id) => {
         setDocuments(value);
       }
     })), /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
@@ -1006,7 +790,7 @@ var ChatRoom = function ChatRoom(props) {
         }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
           style: _LoginStyle.default.inputAdornmentIcon,
           type: "submit",
-          onClick: function onClick(e) {
+          onClick: e => {
             sendMessage(e);
           }
         }, /*#__PURE__*/_react.default.createElement(_Send.default, {
@@ -1016,7 +800,7 @@ var ChatRoom = function ChatRoom(props) {
           }
         }))),
         value: message,
-        onChange: function onChange(e) {
+        onChange: e => {
           handleChange(e);
         }
       }
@@ -1044,6 +828,4 @@ var ChatRoom = function ChatRoom(props) {
     return null;
   }
 };
-
-var _default = ChatRoom;
-exports.default = _default;
+var _default = exports.default = ChatRoom;