sceyt-chat-react-uikit 1.6.8-beta.8 → 1.6.8-beta.9

package/index.js

@@ -1053,6 +1053,7 @@ var UPDATE_USER_STATUS_ON_CHANNEL = 'UPDATE_USER_STATUS_ON_CHANNEL';
 var SET_CHANNEL_LIST_WIDTH = 'SET_CHANNEL_LIST_WIDTH';
 var CLEAR_HISTORY = 'CLEAR_HISTORY';
 var DELETE_ALL_MESSAGES = 'DELETE_ALL_MESSAGES';
+var GET_CHANNEL_MENTIONS = 'GET_CHANNEL_MENTIONS';
 var DESTROY_SESSION = 'DESTROY_SESSION';
 var SET_TAB_IS_ACTIVE = 'SET_TAB_IS_ACTIVE';
 var SET_HIDE_CHANNEL_LIST = 'SET_HIDE_CHANNEL_LIST';
@@ -9757,6 +9758,14 @@ function destroySession() {
     type: DESTROY_SESSION
   };
 }
+function getChannelMentionsAC(channelId) {
+  return {
+    type: GET_CHANNEL_MENTIONS,
+    payload: {
+      channelId: channelId
+    }
+  };
+}
 
 function sendMessageAC(message, channelId, connectionState, sendAttachmentsAsSeparateMessage, isResend) {
   return {
@@ -13063,29 +13072,30 @@ var _marked$2 = /*#__PURE__*/_regeneratorRuntime().mark(createChannel),
   _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(getChannelsForForward),
   _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(searchChannelsForForward),
   _marked6 = /*#__PURE__*/_regeneratorRuntime().mark(channelsLoadMore),
-  _marked7 = /*#__PURE__*/_regeneratorRuntime().mark(channelsForForwardLoadMore),
-  _marked8 = /*#__PURE__*/_regeneratorRuntime().mark(markMessagesRead),
-  _marked9 = /*#__PURE__*/_regeneratorRuntime().mark(markMessagesDelivered),
-  _marked0 = /*#__PURE__*/_regeneratorRuntime().mark(switchChannel),
-  _marked1 = /*#__PURE__*/_regeneratorRuntime().mark(notificationsTurnOff),
-  _marked10 = /*#__PURE__*/_regeneratorRuntime().mark(notificationsTurnOn),
-  _marked11 = /*#__PURE__*/_regeneratorRuntime().mark(markChannelAsRead),
-  _marked12 = /*#__PURE__*/_regeneratorRuntime().mark(markChannelAsUnRead),
-  _marked13 = /*#__PURE__*/_regeneratorRuntime().mark(pinChannel),
-  _marked14 = /*#__PURE__*/_regeneratorRuntime().mark(unpinChannel),
-  _marked15 = /*#__PURE__*/_regeneratorRuntime().mark(removeChannelCaches),
-  _marked16 = /*#__PURE__*/_regeneratorRuntime().mark(leaveChannel),
-  _marked17 = /*#__PURE__*/_regeneratorRuntime().mark(deleteChannel),
-  _marked18 = /*#__PURE__*/_regeneratorRuntime().mark(blockChannel),
-  _marked19 = /*#__PURE__*/_regeneratorRuntime().mark(updateChannel),
-  _marked20 = /*#__PURE__*/_regeneratorRuntime().mark(checkUsersStatus),
-  _marked21 = /*#__PURE__*/_regeneratorRuntime().mark(sendTyping),
-  _marked22 = /*#__PURE__*/_regeneratorRuntime().mark(sendRecording),
-  _marked23 = /*#__PURE__*/_regeneratorRuntime().mark(clearHistory),
-  _marked24 = /*#__PURE__*/_regeneratorRuntime().mark(deleteAllMessages),
-  _marked25 = /*#__PURE__*/_regeneratorRuntime().mark(joinChannel),
-  _marked26 = /*#__PURE__*/_regeneratorRuntime().mark(watchForChannelEvents),
-  _marked27 = /*#__PURE__*/_regeneratorRuntime().mark(ChannelsSaga);
+  _marked7 = /*#__PURE__*/_regeneratorRuntime().mark(getChannelMentions),
+  _marked8 = /*#__PURE__*/_regeneratorRuntime().mark(channelsForForwardLoadMore),
+  _marked9 = /*#__PURE__*/_regeneratorRuntime().mark(markMessagesRead),
+  _marked0 = /*#__PURE__*/_regeneratorRuntime().mark(markMessagesDelivered),
+  _marked1 = /*#__PURE__*/_regeneratorRuntime().mark(switchChannel),
+  _marked10 = /*#__PURE__*/_regeneratorRuntime().mark(notificationsTurnOff),
+  _marked11 = /*#__PURE__*/_regeneratorRuntime().mark(notificationsTurnOn),
+  _marked12 = /*#__PURE__*/_regeneratorRuntime().mark(markChannelAsRead),
+  _marked13 = /*#__PURE__*/_regeneratorRuntime().mark(markChannelAsUnRead),
+  _marked14 = /*#__PURE__*/_regeneratorRuntime().mark(pinChannel),
+  _marked15 = /*#__PURE__*/_regeneratorRuntime().mark(unpinChannel),
+  _marked16 = /*#__PURE__*/_regeneratorRuntime().mark(removeChannelCaches),
+  _marked17 = /*#__PURE__*/_regeneratorRuntime().mark(leaveChannel),
+  _marked18 = /*#__PURE__*/_regeneratorRuntime().mark(deleteChannel),
+  _marked19 = /*#__PURE__*/_regeneratorRuntime().mark(blockChannel),
+  _marked20 = /*#__PURE__*/_regeneratorRuntime().mark(updateChannel),
+  _marked21 = /*#__PURE__*/_regeneratorRuntime().mark(checkUsersStatus),
+  _marked22 = /*#__PURE__*/_regeneratorRuntime().mark(sendTyping),
+  _marked23 = /*#__PURE__*/_regeneratorRuntime().mark(sendRecording),
+  _marked24 = /*#__PURE__*/_regeneratorRuntime().mark(clearHistory),
+  _marked25 = /*#__PURE__*/_regeneratorRuntime().mark(deleteAllMessages),
+  _marked26 = /*#__PURE__*/_regeneratorRuntime().mark(joinChannel),
+  _marked27 = /*#__PURE__*/_regeneratorRuntime().mark(watchForChannelEvents),
+  _marked28 = /*#__PURE__*/_regeneratorRuntime().mark(ChannelsSaga);
 function createChannel(action) {
   var payload, channelData, dontCreateIfNotExists, SceytChatClient, createChannelData, fileToUpload, isSelfChannel, channelIsExistOnAllChannels, createdChannel, allChannels, memberId, checkChannelExist, messageToSend, _allChannels, _memberId;
   return _regeneratorRuntime().wrap(function createChannel$(_context) {
@@ -13825,27 +13835,64 @@ function channelsLoadMore(action) {
     }
   }, _marked6, null, [[0, 28]]);
 }
-function channelsForForwardLoadMore(action) {
-  var payload, limit, SceytChatClient, channelQueryForward, channelsData, channelsToAdd, _yield$call4, mappedChannels;
-  return _regeneratorRuntime().wrap(function channelsForForwardLoadMore$(_context7) {
+function getChannelMentions(action) {
+  var payload, channelId, SceytChatClient, mentionsQueryBuilder, mentionsQuery, mentions;
+  return _regeneratorRuntime().wrap(function getChannelMentions$(_context7) {
     while (1) switch (_context7.prev = _context7.next) {
       case 0:
         _context7.prev = 0;
         payload = action.payload;
+        channelId = payload.channelId;
+        SceytChatClient = getClient();
+        mentionsQueryBuilder = new SceytChatClient.MentionsListQueryBuilder();
+        mentionsQueryBuilder.setChannelId(channelId);
+        mentionsQueryBuilder.limit(10);
+        _context7.next = 9;
+        return effects.call(mentionsQueryBuilder.build);
+      case 9:
+        mentionsQuery = _context7.sent;
+        _context7.next = 12;
+        return effects.call(mentionsQuery.loadNext);
+      case 12:
+        mentions = _context7.sent;
+        _context7.next = 15;
+        return effects.put(updateChannelDataAC(channelId, {
+          mentionsIds: mentions.mentions
+        }));
+      case 15:
+        _context7.next = 20;
+        break;
+      case 17:
+        _context7.prev = 17;
+        _context7.t0 = _context7["catch"](0);
+        log.error(_context7.t0, 'Error in get channel mentions');
+      case 20:
+      case "end":
+        return _context7.stop();
+    }
+  }, _marked7, null, [[0, 17]]);
+}
+function channelsForForwardLoadMore(action) {
+  var payload, limit, SceytChatClient, channelQueryForward, channelsData, channelsToAdd, _yield$call4, mappedChannels;
+  return _regeneratorRuntime().wrap(function channelsForForwardLoadMore$(_context8) {
+    while (1) switch (_context8.prev = _context8.next) {
+      case 0:
+        _context8.prev = 0;
+        payload = action.payload;
         limit = payload.limit;
         SceytChatClient = getClient();
         channelQueryForward = query.channelQueryForward;
         if (limit) {
           channelQueryForward.limit = limit;
         }
-        _context7.next = 8;
+        _context8.next = 8;
         return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADING));
       case 8:
-        _context7.next = 10;
+        _context8.next = 10;
         return effects.call(channelQueryForward.loadNextPage);
       case 10:
-        channelsData = _context7.sent;
-        _context7.next = 13;
+        channelsData = _context8.sent;
+        _context8.next = 13;
         return effects.put(channelHasNextAC(channelsData.hasNext, true));
       case 13:
         channelsToAdd = channelsData.channels.filter(function (channel) {
@@ -13853,41 +13900,41 @@ function channelsForForwardLoadMore(action) {
             return member.id && member.id !== SceytChatClient.user.id;
           }) : true;
         });
-        _context7.next = 16;
+        _context8.next = 16;
         return effects.call(setChannelsInMap, channelsToAdd);
       case 16:
-        _yield$call4 = _context7.sent;
+        _yield$call4 = _context8.sent;
         mappedChannels = _yield$call4.channels;
-        _context7.next = 20;
+        _context8.next = 20;
         return effects.put(addChannelsForForwardAC(mappedChannels));
       case 20:
-        _context7.next = 22;
+        _context8.next = 22;
         return effects.put(setChannelsLoadingStateAC(LOADING_STATE.LOADED));
       case 22:
-        _context7.next = 27;
+        _context8.next = 27;
         break;
       case 24:
-        _context7.prev = 24;
-        _context7.t0 = _context7["catch"](0);
-        log.error(_context7.t0, 'Error in load more channels for forward');
+        _context8.prev = 24;
+        _context8.t0 = _context8["catch"](0);
+        log.error(_context8.t0, 'Error in load more channels for forward');
       case 27:
       case "end":
-        return _context7.stop();
+        return _context8.stop();
     }
-  }, _marked7, null, [[0, 24]]);
+  }, _marked8, null, [[0, 24]]);
 }
 function markMessagesRead(action) {
   var payload, channelId, messageIds, channel, messageListMarker, _iterator, _step, messageId, updateParams;
-  return _regeneratorRuntime().wrap(function markMessagesRead$(_context8) {
-    while (1) switch (_context8.prev = _context8.next) {
+  return _regeneratorRuntime().wrap(function markMessagesRead$(_context9) {
+    while (1) switch (_context9.prev = _context9.next) {
       case 0:
         payload = action.payload;
         channelId = payload.channelId, messageIds = payload.messageIds;
-        _context8.next = 4;
+        _context9.next = 4;
         return effects.call(getChannelFromMap, channelId);
       case 4:
-        channel = _context8.sent;
-        _context8.prev = 5;
+        channel = _context9.sent;
+        _context9.prev = 5;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
@@ -13895,14 +13942,14 @@ function markMessagesRead(action) {
           }
         }
         if (!channel) {
-          _context8.next = 24;
+          _context9.next = 24;
           break;
         }
-        _context8.next = 10;
+        _context9.next = 10;
         return effects.call(channel.markMessagesAsDisplayed, messageIds);
       case 10:
-        messageListMarker = _context8.sent;
-        _context8.next = 13;
+        messageListMarker = _context9.sent;
+        _context9.next = 13;
         return effects.put(updateChannelDataAC(channel.id, {
           lastReadMessageId: channel.lastDisplayedMessageId
         }));
@@ -13913,7 +13960,7 @@ function markMessagesRead(action) {
         _iterator = _createForOfIteratorHelperLoose(messageListMarker.messageIds);
       case 15:
         if ((_step = _iterator()).done) {
-          _context8.next = 24;
+          _context9.next = 24;
           break;
         }
         messageId = _step.value;
@@ -13926,7 +13973,7 @@ function markMessagesRead(action) {
             name: MESSAGE_DELIVERY_STATUS.READ
           }]
         };
-        _context8.next = 20;
+        _context9.next = 20;
         return effects.put(updateMessageAC(messageId, updateParams));
       case 20:
         updateMessageOnMap(channel.id, {
@@ -13935,33 +13982,33 @@ function markMessagesRead(action) {
         });
         updateMessageOnAllMessages(messageId, updateParams);
       case 22:
-        _context8.next = 15;
+        _context9.next = 15;
         break;
       case 24:
-        _context8.next = 29;
+        _context9.next = 29;
         break;
       case 26:
-        _context8.prev = 26;
-        _context8.t0 = _context8["catch"](5);
-        log.error(_context8.t0, 'Error on mark messages read');
+        _context9.prev = 26;
+        _context9.t0 = _context9["catch"](5);
+        log.error(_context9.t0, 'Error on mark messages read');
       case 29:
       case "end":
-        return _context8.stop();
+        return _context9.stop();
     }
-  }, _marked8, null, [[5, 26]]);
+  }, _marked9, null, [[5, 26]]);
 }
 function markMessagesDelivered(action) {
   var payload, channelId, messageIds, channel;
-  return _regeneratorRuntime().wrap(function markMessagesDelivered$(_context9) {
-    while (1) switch (_context9.prev = _context9.next) {
+  return _regeneratorRuntime().wrap(function markMessagesDelivered$(_context0) {
+    while (1) switch (_context0.prev = _context0.next) {
       case 0:
         payload = action.payload;
         channelId = payload.channelId, messageIds = payload.messageIds;
-        _context9.prev = 2;
-        _context9.next = 5;
+        _context0.prev = 2;
+        _context0.next = 5;
         return effects.call(getChannelFromMap, channelId);
       case 5:
-        channel = _context9.sent;
+        channel = _context0.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
@@ -13969,203 +14016,203 @@ function markMessagesDelivered(action) {
           }
         }
         if (!channel) {
-          _context9.next = 11;
+          _context0.next = 11;
           break;
         }
         log.info('send delivered marker ', messageIds);
-        _context9.next = 11;
+        _context0.next = 11;
         return effects.call(channel.markMessagesAsReceived, messageIds);
       case 11:
-        _context9.next = 16;
+        _context0.next = 16;
         break;
       case 13:
-        _context9.prev = 13;
-        _context9.t0 = _context9["catch"](2);
-        log.error(_context9.t0, 'Error on mark messages delivered');
+        _context0.prev = 13;
+        _context0.t0 = _context0["catch"](2);
+        log.error(_context0.t0, 'Error on mark messages delivered');
       case 16:
       case "end":
-        return _context9.stop();
+        return _context0.stop();
     }
-  }, _marked9, null, [[2, 13]]);
+  }, _marked0, null, [[2, 13]]);
 }
 function switchChannel(action) {
   var payload, channel, channelToSwitch, existingChannel, addChannel, SceytChatClient, fetchedChannel, channelFromMap, currentActiveChannel;
-  return _regeneratorRuntime().wrap(function switchChannel$(_context0) {
-    while (1) switch (_context0.prev = _context0.next) {
+  return _regeneratorRuntime().wrap(function switchChannel$(_context1) {
+    while (1) switch (_context1.prev = _context1.next) {
       case 0:
-        _context0.prev = 0;
+        _context1.prev = 0;
         payload = action.payload;
         channel = payload.channel;
         channelToSwitch = channel;
         if (channel !== null && channel !== void 0 && channel.id) {
-          _context0.next = 10;
+          _context1.next = 10;
           break;
         }
-        _context0.next = 7;
+        _context1.next = 7;
         return effects.call(setActiveChannelId, '');
       case 7:
-        _context0.next = 9;
+        _context1.next = 9;
         return effects.put(setActiveChannelAC({}));
       case 9:
-        return _context0.abrupt("return");
+        return _context1.abrupt("return");
       case 10:
         existingChannel = checkChannelExists(channel.id);
         if (existingChannel) {
-          _context0.next = 31;
+          _context1.next = 31;
           break;
         }
         addChannel = getChannelFromAllChannels(channel.id);
         if (!addChannel) {
-          _context0.next = 20;
+          _context1.next = 20;
           break;
         }
         setChannelInMap(addChannel);
-        _context0.next = 17;
+        _context1.next = 17;
         return effects.put(addChannelAC(JSON.parse(JSON.stringify(addChannel))));
       case 17:
         channelToSwitch = _extends({}, channelToSwitch, addChannel);
-        _context0.next = 29;
+        _context1.next = 29;
         break;
       case 20:
         SceytChatClient = getClient();
-        _context0.next = 23;
+        _context1.next = 23;
         return effects.call(SceytChatClient.getChannel, channel.id);
       case 23:
-        fetchedChannel = _context0.sent;
+        fetchedChannel = _context1.sent;
         addChannelToAllChannels(fetchedChannel);
         setChannelInMap(fetchedChannel);
-        _context0.next = 28;
+        _context1.next = 28;
         return effects.put(addChannelAC(JSON.parse(JSON.stringify(fetchedChannel))));
       case 28:
         channelToSwitch = _extends({}, channelToSwitch, fetchedChannel);
       case 29:
-        _context0.next = 33;
+        _context1.next = 33;
         break;
       case 31:
         channelFromMap = getChannelFromMap(channel.id);
         channelToSwitch = _extends({}, channelToSwitch, channelFromMap);
       case 33:
         currentActiveChannel = getChannelFromMap(getActiveChannelId());
-        _context0.next = 36;
+        _context1.next = 36;
         return effects.call(setUnreadScrollTo, true);
       case 36:
-        _context0.next = 38;
+        _context1.next = 38;
         return effects.call(setActiveChannelId, channel && channel.id);
       case 38:
         if (channel.isLinkedChannel) {
           channelToSwitch.linkedFrom = currentActiveChannel;
         }
-        _context0.next = 41;
+        _context1.next = 41;
         return effects.put(setActiveChannelAC(_extends({}, channelToSwitch)));
       case 41:
-        _context0.next = 47;
+        _context1.next = 47;
         break;
       case 44:
-        _context0.prev = 44;
-        _context0.t0 = _context0["catch"](0);
-        log.error('error in switch channel', _context0.t0);
+        _context1.prev = 44;
+        _context1.t0 = _context1["catch"](0);
+        log.error('error in switch channel', _context1.t0);
       case 47:
       case "end":
-        return _context0.stop();
+        return _context1.stop();
     }
-  }, _marked0, null, [[0, 44]]);
+  }, _marked1, null, [[0, 44]]);
 }
 function notificationsTurnOff(action) {
   var expireTime, activeChannelId, channel, updatedChannel;
-  return _regeneratorRuntime().wrap(function notificationsTurnOff$(_context1) {
-    while (1) switch (_context1.prev = _context1.next) {
+  return _regeneratorRuntime().wrap(function notificationsTurnOff$(_context10) {
+    while (1) switch (_context10.prev = _context10.next) {
       case 0:
         expireTime = action.payload.expireTime;
-        _context1.next = 3;
+        _context10.next = 3;
         return effects.call(getActiveChannelId);
       case 3:
-        activeChannelId = _context1.sent;
-        _context1.next = 6;
+        activeChannelId = _context10.sent;
+        _context10.next = 6;
         return effects.call(getChannelFromMap, activeChannelId);
       case 6:
-        channel = _context1.sent;
-        _context1.prev = 7;
-        _context1.next = 10;
+        channel = _context10.sent;
+        _context10.prev = 7;
+        _context10.next = 10;
         return effects.call(channel.mute, expireTime);
       case 10:
-        updatedChannel = _context1.sent;
+        updatedChannel = _context10.sent;
         updateChannelOnAllChannels(channel.id, {
           muted: updatedChannel.muted,
           mutedTill: updatedChannel.mutedTill
         });
-        _context1.next = 14;
+        _context10.next = 14;
         return effects.put(updateChannelDataAC(updatedChannel.id, {
           muted: updatedChannel.muted,
           mutedTill: updatedChannel.mutedTill
         }));
       case 14:
-        _context1.next = 19;
+        _context10.next = 19;
         break;
       case 16:
-        _context1.prev = 16;
-        _context1.t0 = _context1["catch"](7);
-        log.error('ERROR turn off notifications', _context1.t0.message);
+        _context10.prev = 16;
+        _context10.t0 = _context10["catch"](7);
+        log.error('ERROR turn off notifications', _context10.t0.message);
       case 19:
       case "end":
-        return _context1.stop();
+        return _context10.stop();
     }
-  }, _marked1, null, [[7, 16]]);
+  }, _marked10, null, [[7, 16]]);
 }
 function notificationsTurnOn() {
   var activeChannelId, channel, updatedChannel;
-  return _regeneratorRuntime().wrap(function notificationsTurnOn$(_context10) {
-    while (1) switch (_context10.prev = _context10.next) {
+  return _regeneratorRuntime().wrap(function notificationsTurnOn$(_context11) {
+    while (1) switch (_context11.prev = _context11.next) {
       case 0:
-        _context10.next = 2;
+        _context11.next = 2;
         return effects.call(getActiveChannelId);
       case 2:
-        activeChannelId = _context10.sent;
-        _context10.next = 5;
+        activeChannelId = _context11.sent;
+        _context11.next = 5;
         return effects.call(getChannelFromMap, activeChannelId);
       case 5:
-        channel = _context10.sent;
-        _context10.prev = 6;
-        _context10.next = 9;
+        channel = _context11.sent;
+        _context11.prev = 6;
+        _context11.next = 9;
         return effects.call(channel.unmute);
       case 9:
-        updatedChannel = _context10.sent;
+        updatedChannel = _context11.sent;
         updateChannelOnAllChannels(channel.id, {
           muted: updatedChannel.muted,
           mutedTill: updatedChannel.mutedTill
         });
-        _context10.next = 13;
+        _context11.next = 13;
         return effects.put(updateChannelDataAC(updatedChannel.id, {
           muted: updatedChannel.muted,
           mutedTill: updatedChannel.mutedTill
         }));
       case 13:
-        _context10.next = 18;
+        _context11.next = 18;
         break;
       case 15:
-        _context10.prev = 15;
-        _context10.t0 = _context10["catch"](6);
-        log.error('ERROR turn on notifications: ', _context10.t0.message);
+        _context11.prev = 15;
+        _context11.t0 = _context11["catch"](6);
+        log.error('ERROR turn on notifications: ', _context11.t0.message);
       case 18:
       case "end":
-        return _context10.stop();
+        return _context11.stop();
     }
-  }, _marked10, null, [[6, 15]]);
+  }, _marked11, null, [[6, 15]]);
 }
 function markChannelAsRead(action) {
   var channelId, channel, updateData;
-  return _regeneratorRuntime().wrap(function markChannelAsRead$(_context11) {
-    while (1) switch (_context11.prev = _context11.next) {
+  return _regeneratorRuntime().wrap(function markChannelAsRead$(_context12) {
+    while (1) switch (_context12.prev = _context12.next) {
       case 0:
-        _context11.prev = 0;
+        _context12.prev = 0;
         channelId = action.payload.channelId;
-        _context11.next = 4;
+        _context12.next = 4;
         return effects.call(getChannelFromMap, channelId);
       case 4:
-        channel = _context11.sent;
+        channel = _context12.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
-        _context11.next = 8;
+        _context12.next = 8;
         return effects.call(channel.markAsRead);
       case 8:
         updateData = {
@@ -14174,316 +14221,316 @@ function markChannelAsRead(action) {
           newMentionCount: 0
         };
         updateChannelOnAllChannels(channel.id, updateData);
-        _context11.next = 12;
+        _context12.next = 12;
         return effects.put(updateChannelDataAC(channel.id, updateData));
       case 12:
-        _context11.next = 17;
+        _context12.next = 17;
         break;
       case 14:
-        _context11.prev = 14;
-        _context11.t0 = _context11["catch"](0);
-        log.error(_context11.t0, 'Error in set channel unread');
+        _context12.prev = 14;
+        _context12.t0 = _context12["catch"](0);
+        log.error(_context12.t0, 'Error in set channel unread');
       case 17:
       case "end":
-        return _context11.stop();
+        return _context12.stop();
     }
-  }, _marked11, null, [[0, 14]]);
+  }, _marked12, null, [[0, 14]]);
 }
 function markChannelAsUnRead(action) {
   var channelId, channel;
-  return _regeneratorRuntime().wrap(function markChannelAsUnRead$(_context12) {
-    while (1) switch (_context12.prev = _context12.next) {
+  return _regeneratorRuntime().wrap(function markChannelAsUnRead$(_context13) {
+    while (1) switch (_context13.prev = _context13.next) {
       case 0:
-        _context12.prev = 0;
+        _context13.prev = 0;
         channelId = action.payload.channelId;
-        _context12.next = 4;
+        _context13.next = 4;
         return effects.call(getChannelFromMap, channelId);
       case 4:
-        channel = _context12.sent;
+        channel = _context13.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
-        _context12.next = 8;
+        _context13.next = 8;
         return effects.call(channel.markAsUnRead);
       case 8:
         updateChannelOnAllChannels(channel.id, {
           unread: true
         });
-        _context12.next = 11;
+        _context13.next = 11;
         return effects.put(updateChannelDataAC(channel.id, {
           unread: true
         }));
       case 11:
-        _context12.next = 16;
+        _context13.next = 16;
         break;
       case 13:
-        _context12.prev = 13;
-        _context12.t0 = _context12["catch"](0);
-        log.error(_context12.t0, 'Error in set channel unread');
+        _context13.prev = 13;
+        _context13.t0 = _context13["catch"](0);
+        log.error(_context13.t0, 'Error in set channel unread');
       case 16:
       case "end":
-        return _context12.stop();
+        return _context13.stop();
     }
-  }, _marked12, null, [[0, 13]]);
+  }, _marked13, null, [[0, 13]]);
 }
 function pinChannel(action) {
   var channelId, channel, updatedChannel;
-  return _regeneratorRuntime().wrap(function pinChannel$(_context13) {
-    while (1) switch (_context13.prev = _context13.next) {
+  return _regeneratorRuntime().wrap(function pinChannel$(_context14) {
+    while (1) switch (_context14.prev = _context14.next) {
       case 0:
-        _context13.prev = 0;
+        _context14.prev = 0;
         channelId = action.payload.channelId;
-        _context13.next = 4;
+        _context14.next = 4;
         return effects.call(getChannelFromMap, channelId);
       case 4:
-        channel = _context13.sent;
+        channel = _context14.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
-        _context13.next = 8;
+        _context14.next = 8;
         return effects.call(channel.pin);
       case 8:
-        updatedChannel = _context13.sent;
+        updatedChannel = _context14.sent;
         updateChannelOnAllChannels(channel.id, {
           pinnedAt: updatedChannel.pinnedAt
         });
-        _context13.next = 12;
+        _context14.next = 12;
         return effects.put(updateChannelDataAC(updatedChannel.id, {
           pinnedAt: updatedChannel.pinnedAt
         }, true));
       case 12:
-        _context13.next = 17;
+        _context14.next = 17;
         break;
       case 14:
-        _context13.prev = 14;
-        _context13.t0 = _context13["catch"](0);
-        log.error(_context13.t0, 'Error in pinChannel');
+        _context14.prev = 14;
+        _context14.t0 = _context14["catch"](0);
+        log.error(_context14.t0, 'Error in pinChannel');
       case 17:
       case "end":
-        return _context13.stop();
+        return _context14.stop();
     }
-  }, _marked13, null, [[0, 14]]);
+  }, _marked14, null, [[0, 14]]);
 }
 function unpinChannel(action) {
   var channelId, channel, updatedChannel;
-  return _regeneratorRuntime().wrap(function unpinChannel$(_context14) {
-    while (1) switch (_context14.prev = _context14.next) {
+  return _regeneratorRuntime().wrap(function unpinChannel$(_context15) {
+    while (1) switch (_context15.prev = _context15.next) {
       case 0:
-        _context14.prev = 0;
+        _context15.prev = 0;
         channelId = action.payload.channelId;
-        _context14.next = 4;
+        _context15.next = 4;
         return effects.call(getChannelFromMap, channelId);
       case 4:
-        channel = _context14.sent;
+        channel = _context15.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
-        _context14.next = 8;
+        _context15.next = 8;
         return effects.call(channel.unpin);
       case 8:
-        updatedChannel = _context14.sent;
+        updatedChannel = _context15.sent;
         updateChannelOnAllChannels(channel.id, {
           pinnedAt: updatedChannel.pinnedAt
         });
-        _context14.next = 12;
+        _context15.next = 12;
         return effects.put(updateChannelDataAC(updatedChannel.id, {
           pinnedAt: updatedChannel.pinnedAt
         }, false, true));
       case 12:
-        _context14.next = 17;
+        _context15.next = 17;
         break;
       case 14:
-        _context14.prev = 14;
-        _context14.t0 = _context14["catch"](0);
-        log.error(_context14.t0, 'Error in unpinChannel');
+        _context15.prev = 14;
+        _context15.t0 = _context15["catch"](0);
+        log.error(_context15.t0, 'Error in unpinChannel');
       case 17:
       case "end":
-        return _context14.stop();
+        return _context15.stop();
     }
-  }, _marked14, null, [[0, 14]]);
+  }, _marked15, null, [[0, 14]]);
 }
 function removeChannelCaches(action) {
   var payload, channelId, activeChannelId, activeChannel;
-  return _regeneratorRuntime().wrap(function removeChannelCaches$(_context15) {
-    while (1) switch (_context15.prev = _context15.next) {
+  return _regeneratorRuntime().wrap(function removeChannelCaches$(_context16) {
+    while (1) switch (_context16.prev = _context16.next) {
       case 0:
         payload = action.payload;
         channelId = payload.channelId;
-        _context15.next = 4;
+        _context16.next = 4;
         return effects.call(getActiveChannelId);
       case 4:
-        activeChannelId = _context15.sent;
+        activeChannelId = _context16.sent;
         removeChannelFromMap(channelId);
         removeMessagesFromMap(channelId);
         if (!(activeChannelId === channelId)) {
-          _context15.next = 14;
+          _context16.next = 14;
           break;
         }
-        _context15.next = 10;
+        _context16.next = 10;
         return effects.call(getLastChannelFromMap);
       case 10:
-        activeChannel = _context15.sent;
+        activeChannel = _context16.sent;
         if (!activeChannel) {
-          _context15.next = 14;
+          _context16.next = 14;
           break;
         }
-        _context15.next = 14;
+        _context16.next = 14;
         return effects.put(switchChannelActionAC(JSON.parse(JSON.stringify(activeChannel))));
       case 14:
       case "end":
-        return _context15.stop();
+        return _context16.stop();
     }
-  }, _marked15);
+  }, _marked16);
 }
 function leaveChannel(action) {
   var payload, channelId, channel, messageBuilder, messageToSend;
-  return _regeneratorRuntime().wrap(function leaveChannel$(_context16) {
-    while (1) switch (_context16.prev = _context16.next) {
+  return _regeneratorRuntime().wrap(function leaveChannel$(_context17) {
+    while (1) switch (_context17.prev = _context17.next) {
       case 0:
-        _context16.prev = 0;
+        _context17.prev = 0;
         payload = action.payload;
         channelId = payload.channelId;
-        _context16.next = 5;
+        _context17.next = 5;
         return effects.call(getChannelFromMap, channelId);
       case 5:
-        channel = _context16.sent;
+        channel = _context17.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
         if (!channel) {
-          _context16.next = 24;
+          _context17.next = 24;
           break;
         }
         if (!(channel.type === DEFAULT_CHANNEL_TYPE.GROUP || channel.type === DEFAULT_CHANNEL_TYPE.PRIVATE)) {
-          _context16.next = 16;
+          _context17.next = 16;
           break;
         }
         messageBuilder = channel.createMessageBuilder();
         messageBuilder.setBody('LG').setType('system').setDisplayCount(0).setSilent(true);
         messageToSend = messageBuilder.create();
         log.info('send message for left');
-        _context16.next = 16;
+        _context17.next = 16;
         return effects.call(channel.sendMessage, messageToSend);
       case 16:
         log.info('leave');
-        _context16.next = 19;
+        _context17.next = 19;
         return effects.call(channel.leave);
       case 19:
-        _context16.next = 21;
+        _context17.next = 21;
         return effects.put(removeChannelAC(channelId));
       case 21:
         deleteChannelFromAllChannels(channelId);
-        _context16.next = 24;
+        _context17.next = 24;
         return effects.put(removeChannelCachesAC(channelId));
       case 24:
-        _context16.next = 29;
+        _context17.next = 29;
         break;
       case 26:
-        _context16.prev = 26;
-        _context16.t0 = _context16["catch"](0);
-        log.error('ERROR in leave channel - ', _context16.t0.message);
+        _context17.prev = 26;
+        _context17.t0 = _context17["catch"](0);
+        log.error('ERROR in leave channel - ', _context17.t0.message);
       case 29:
       case "end":
-        return _context16.stop();
+        return _context17.stop();
     }
-  }, _marked16, null, [[0, 26]]);
+  }, _marked17, null, [[0, 26]]);
 }
 function deleteChannel(action) {
   var payload, channelId, channel;
-  return _regeneratorRuntime().wrap(function deleteChannel$(_context17) {
-    while (1) switch (_context17.prev = _context17.next) {
+  return _regeneratorRuntime().wrap(function deleteChannel$(_context18) {
+    while (1) switch (_context18.prev = _context18.next) {
       case 0:
-        _context17.prev = 0;
+        _context18.prev = 0;
         payload = action.payload;
         channelId = payload.channelId;
-        _context17.next = 5;
+        _context18.next = 5;
         return effects.call(getChannelFromMap, channelId);
       case 5:
-        channel = _context17.sent;
+        channel = _context18.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
         if (!channel) {
-          _context17.next = 16;
+          _context18.next = 16;
           break;
         }
-        _context17.next = 10;
+        _context18.next = 10;
         return effects.call(channel["delete"]);
       case 10:
-        _context17.next = 12;
+        _context18.next = 12;
         return effects.put(setChannelToRemoveAC(channel));
       case 12:
-        _context17.next = 14;
+        _context18.next = 14;
         return effects.put(removeChannelAC(channelId));
       case 14:
-        _context17.next = 16;
+        _context18.next = 16;
         return effects.put(removeChannelCachesAC(channelId));
       case 16:
-        _context17.next = 21;
+        _context18.next = 21;
         break;
       case 18:
-        _context17.prev = 18;
-        _context17.t0 = _context17["catch"](0);
-        log.error('ERROR in delete channel', _context17.t0);
+        _context18.prev = 18;
+        _context18.t0 = _context18["catch"](0);
+        log.error('ERROR in delete channel', _context18.t0);
       case 21:
       case "end":
-        return _context17.stop();
+        return _context18.stop();
     }
-  }, _marked17, null, [[0, 18]]);
+  }, _marked18, null, [[0, 18]]);
 }
 function blockChannel(action) {
   var payload, channelId, channel;
-  return _regeneratorRuntime().wrap(function blockChannel$(_context18) {
-    while (1) switch (_context18.prev = _context18.next) {
+  return _regeneratorRuntime().wrap(function blockChannel$(_context19) {
+    while (1) switch (_context19.prev = _context19.next) {
       case 0:
-        _context18.prev = 0;
+        _context19.prev = 0;
         payload = action.payload;
         channelId = payload.channelId;
-        _context18.next = 5;
+        _context19.next = 5;
         return effects.call(getChannelFromMap, channelId);
       case 5:
-        channel = _context18.sent;
+        channel = _context19.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
         if (!channel) {
-          _context18.next = 14;
+          _context19.next = 14;
           break;
         }
-        _context18.next = 10;
+        _context19.next = 10;
         return effects.call(channel.block);
       case 10:
-        _context18.next = 12;
+        _context19.next = 12;
         return effects.put(removeChannelAC(channelId));
       case 12:
-        _context18.next = 14;
+        _context19.next = 14;
         return effects.put(removeChannelCachesAC(channelId));
       case 14:
-        _context18.next = 19;
+        _context19.next = 19;
         break;
       case 16:
-        _context18.prev = 16;
-        _context18.t0 = _context18["catch"](0);
-        log.error('ERROR in block channel - ', _context18.t0.message);
+        _context19.prev = 16;
+        _context19.t0 = _context19["catch"](0);
+        log.error('ERROR in block channel - ', _context19.t0.message);
       case 19:
       case "end":
-        return _context18.stop();
+        return _context19.stop();
     }
-  }, _marked18, null, [[0, 16]]);
+  }, _marked19, null, [[0, 16]]);
 }
 function updateChannel(action) {
   var payload, channelId, config, SceytChatClient, channel, paramsToUpdate, fileToUpload, _yield$call5, subject, avatarUrl, metadata;
-  return _regeneratorRuntime().wrap(function updateChannel$(_context19) {
-    while (1) switch (_context19.prev = _context19.next) {
+  return _regeneratorRuntime().wrap(function updateChannel$(_context20) {
+    while (1) switch (_context20.prev = _context20.next) {
       case 0:
-        _context19.prev = 0;
+        _context20.prev = 0;
         payload = action.payload;
         channelId = payload.channelId, config = payload.config;
         SceytChatClient = getClient();
-        _context19.next = 6;
+        _context20.next = 6;
         return effects.call(getChannelFromMap, channelId);
       case 6:
-        channel = _context19.sent;
+        channel = _context20.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
@@ -14494,7 +14541,7 @@ function updateChannel(action) {
           avatarUrl: channel.avatarUrl
         };
         if (!config.avatar) {
-          _context19.next = 14;
+          _context20.next = 14;
           break;
         }
         fileToUpload = {
@@ -14503,10 +14550,10 @@ function updateChannel(action) {
             log.info('upload percent - ', progressPercent);
           }
         };
-        _context19.next = 13;
+        _context20.next = 13;
         return effects.call(SceytChatClient.uploadFile, fileToUpload);
       case 13:
-        paramsToUpdate.avatarUrl = _context19.sent;
+        paramsToUpdate.avatarUrl = _context20.sent;
       case 14:
         if (config.subject) {
           paramsToUpdate.subject = config.subject;
@@ -14517,14 +14564,14 @@ function updateChannel(action) {
         if (config.avatarUrl === '') {
           paramsToUpdate.avatarUrl = '';
         }
-        _context19.next = 19;
+        _context20.next = 19;
         return effects.call(channel.update, paramsToUpdate);
       case 19:
-        _yield$call5 = _context19.sent;
+        _yield$call5 = _context20.sent;
         subject = _yield$call5.subject;
         avatarUrl = _yield$call5.avatarUrl;
         metadata = _yield$call5.metadata;
-        _context19.next = 25;
+        _context20.next = 25;
         return effects.put(updateChannelDataAC(channelId, {
           subject: subject,
           avatarUrl: avatarUrl,
@@ -14536,30 +14583,30 @@ function updateChannel(action) {
           avatarUrl: avatarUrl,
           metadata: isJSON(metadata) ? JSON.parse(metadata) : metadata
         });
-        _context19.next = 31;
+        _context20.next = 31;
         break;
       case 28:
-        _context19.prev = 28;
-        _context19.t0 = _context19["catch"](0);
-        log.error('ERROR in update channel', _context19.t0.message);
+        _context20.prev = 28;
+        _context20.t0 = _context20["catch"](0);
+        log.error('ERROR in update channel', _context20.t0.message);
       case 31:
       case "end":
-        return _context19.stop();
+        return _context20.stop();
     }
-  }, _marked19, null, [[0, 28]]);
+  }, _marked20, null, [[0, 28]]);
 }
 function checkUsersStatus() {
   var SceytChatClient, usersForUpdate, updatedUsers, usersToUpdateMap, update, updateData;
-  return _regeneratorRuntime().wrap(function checkUsersStatus$(_context20) {
-    while (1) switch (_context20.prev = _context20.next) {
+  return _regeneratorRuntime().wrap(function checkUsersStatus$(_context21) {
+    while (1) switch (_context21.prev = _context21.next) {
       case 0:
-        _context20.prev = 0;
+        _context21.prev = 0;
         SceytChatClient = getClient();
         usersForUpdate = Object.keys(usersMap);
-        _context20.next = 5;
+        _context21.next = 5;
         return effects.call(SceytChatClient.getUsers, usersForUpdate);
       case 5:
-        updatedUsers = _context20.sent;
+        updatedUsers = _context21.sent;
         usersToUpdateMap = {};
         update = false;
         updatedUsers.forEach(function (updatedUser) {
@@ -14571,156 +14618,156 @@ function checkUsersStatus() {
           }
         });
         if (!update) {
-          _context20.next = 17;
+          _context21.next = 17;
           break;
         }
         updateData = JSON.parse(JSON.stringify(usersToUpdateMap));
-        _context20.next = 13;
+        _context21.next = 13;
         return effects.put(updateMembersPresenceAC(updateData));
       case 13:
-        _context20.next = 15;
+        _context21.next = 15;
         return effects.put(updateUserStatusOnMapAC(updateData));
       case 15:
-        _context20.next = 17;
+        _context21.next = 17;
         return effects.put(updateUserStatusOnChannelAC(updateData));
       case 17:
-        _context20.next = 22;
+        _context21.next = 22;
         break;
       case 19:
-        _context20.prev = 19;
-        _context20.t0 = _context20["catch"](0);
-        log.error('ERROR in check user status : ', _context20.t0.message);
+        _context21.prev = 19;
+        _context21.t0 = _context21["catch"](0);
+        log.error('ERROR in check user status : ', _context21.t0.message);
       case 22:
       case "end":
-        return _context20.stop();
+        return _context21.stop();
     }
-  }, _marked20, null, [[0, 19]]);
+  }, _marked21, null, [[0, 19]]);
 }
 function sendTyping(action) {
   var state, activeChannelId, channel;
-  return _regeneratorRuntime().wrap(function sendTyping$(_context21) {
-    while (1) switch (_context21.prev = _context21.next) {
+  return _regeneratorRuntime().wrap(function sendTyping$(_context22) {
+    while (1) switch (_context22.prev = _context22.next) {
       case 0:
         state = action.payload.state;
-        _context21.next = 3;
+        _context22.next = 3;
         return effects.call(getActiveChannelId);
       case 3:
-        activeChannelId = _context21.sent;
-        _context21.next = 6;
+        activeChannelId = _context22.sent;
+        _context22.next = 6;
         return effects.call(getChannelFromMap, activeChannelId);
       case 6:
-        channel = _context21.sent;
-        _context21.prev = 7;
+        channel = _context22.sent;
+        _context22.prev = 7;
         if (!channel) {
-          _context21.next = 16;
+          _context22.next = 16;
           break;
         }
         if (!state) {
-          _context21.next = 14;
+          _context22.next = 14;
           break;
         }
-        _context21.next = 12;
+        _context22.next = 12;
         return effects.call(channel.startTyping);
       case 12:
-        _context21.next = 16;
+        _context22.next = 16;
         break;
       case 14:
-        _context21.next = 16;
+        _context22.next = 16;
         return effects.call(channel.stopTyping);
       case 16:
-        _context21.next = 21;
+        _context22.next = 21;
         break;
       case 18:
-        _context21.prev = 18;
-        _context21.t0 = _context21["catch"](7);
-        log.error('ERROR in send typing', _context21.t0);
+        _context22.prev = 18;
+        _context22.t0 = _context22["catch"](7);
+        log.error('ERROR in send typing', _context22.t0);
       case 21:
       case "end":
-        return _context21.stop();
+        return _context22.stop();
     }
-  }, _marked21, null, [[7, 18]]);
+  }, _marked22, null, [[7, 18]]);
 }
 function sendRecording(action) {
   var state, activeChannelId, channel;
-  return _regeneratorRuntime().wrap(function sendRecording$(_context22) {
-    while (1) switch (_context22.prev = _context22.next) {
+  return _regeneratorRuntime().wrap(function sendRecording$(_context23) {
+    while (1) switch (_context23.prev = _context23.next) {
       case 0:
         state = action.payload.state;
-        _context22.next = 3;
+        _context23.next = 3;
         return effects.call(getActiveChannelId);
       case 3:
-        activeChannelId = _context22.sent;
-        _context22.next = 6;
+        activeChannelId = _context23.sent;
+        _context23.next = 6;
         return effects.call(getChannelFromMap, activeChannelId);
       case 6:
-        channel = _context22.sent;
-        _context22.prev = 7;
+        channel = _context23.sent;
+        _context23.prev = 7;
         if (!channel) {
-          _context22.next = 16;
+          _context23.next = 16;
           break;
         }
         if (!state) {
-          _context22.next = 14;
+          _context23.next = 14;
           break;
         }
-        _context22.next = 12;
+        _context23.next = 12;
         return effects.call(channel.startRecording);
       case 12:
-        _context22.next = 16;
+        _context23.next = 16;
         break;
       case 14:
-        _context22.next = 16;
+        _context23.next = 16;
         return effects.call(channel.stopRecording);
       case 16:
-        _context22.next = 21;
+        _context23.next = 21;
         break;
       case 18:
-        _context22.prev = 18;
-        _context22.t0 = _context22["catch"](7);
-        log.error('ERROR in send recording', _context22.t0);
+        _context23.prev = 18;
+        _context23.t0 = _context23["catch"](7);
+        log.error('ERROR in send recording', _context23.t0);
       case 21:
       case "end":
-        return _context22.stop();
+        return _context23.stop();
     }
-  }, _marked22, null, [[7, 18]]);
+  }, _marked23, null, [[7, 18]]);
 }
 function clearHistory(action) {
   var payload, channelId, channel, activeChannelId, groupName;
-  return _regeneratorRuntime().wrap(function clearHistory$(_context23) {
-    while (1) switch (_context23.prev = _context23.next) {
+  return _regeneratorRuntime().wrap(function clearHistory$(_context24) {
+    while (1) switch (_context24.prev = _context24.next) {
       case 0:
-        _context23.prev = 0;
+        _context24.prev = 0;
         payload = action.payload;
         channelId = payload.channelId;
-        _context23.next = 5;
+        _context24.next = 5;
         return effects.call(getChannelFromMap, channelId);
       case 5:
-        channel = _context23.sent;
+        channel = _context24.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
-        _context23.next = 9;
+        _context24.next = 9;
         return effects.call(getActiveChannelId);
       case 9:
-        activeChannelId = _context23.sent;
+        activeChannelId = _context24.sent;
         if (!channel) {
-          _context23.next = 25;
+          _context24.next = 25;
           break;
         }
-        _context23.next = 13;
+        _context24.next = 13;
         return effects.call(channel.deleteAllMessages);
       case 13:
-        _context23.next = 15;
+        _context24.next = 15;
         return effects.put(clearMessagesAC());
       case 15:
         removeMessagesFromMap(channelId);
         if (channelId === activeChannelId) {
           removeAllMessages();
         }
-        _context23.next = 19;
+        _context24.next = 19;
         return effects.put(clearSelectedMessagesAC());
       case 19:
-        _context23.next = 21;
+        _context24.next = 21;
         return effects.put(updateChannelDataAC(channel.id, {
           lastMessage: null,
           newMessageCount: 0,
@@ -14733,65 +14780,65 @@ function clearHistory(action) {
           newMentionCount: 0
         });
         groupName = getChannelGroupName(channel);
-        _context23.next = 25;
+        _context24.next = 25;
         return effects.put(updateSearchedChannelDataAC(channel.id, {
           lastMessage: null,
           newMessageCount: 0,
           newMentionCount: 0
         }, groupName));
       case 25:
-        _context23.next = 30;
+        _context24.next = 30;
         break;
       case 27:
-        _context23.prev = 27;
-        _context23.t0 = _context23["catch"](0);
-        log.error('ERROR in clear history', _context23.t0);
+        _context24.prev = 27;
+        _context24.t0 = _context24["catch"](0);
+        log.error('ERROR in clear history', _context24.t0);
       case 30:
       case "end":
-        return _context23.stop();
+        return _context24.stop();
     }
-  }, _marked23, null, [[0, 27]]);
+  }, _marked24, null, [[0, 27]]);
 }
 function deleteAllMessages(action) {
   var payload, channelId, channel, activeChannelId, groupName;
-  return _regeneratorRuntime().wrap(function deleteAllMessages$(_context24) {
-    while (1) switch (_context24.prev = _context24.next) {
+  return _regeneratorRuntime().wrap(function deleteAllMessages$(_context25) {
+    while (1) switch (_context25.prev = _context25.next) {
       case 0:
-        _context24.prev = 0;
+        _context25.prev = 0;
         payload = action.payload;
         channelId = payload.channelId;
-        _context24.next = 5;
+        _context25.next = 5;
         return effects.call(getChannelFromMap, channelId);
       case 5:
-        channel = _context24.sent;
+        channel = _context25.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
-        _context24.next = 9;
+        _context25.next = 9;
         return effects.call(getActiveChannelId);
       case 9:
-        activeChannelId = _context24.sent;
+        activeChannelId = _context25.sent;
         if (!channel) {
-          _context24.next = 26;
+          _context25.next = 26;
           break;
         }
-        _context24.next = 13;
+        _context25.next = 13;
         return effects.call(channel.deleteAllMessages, true);
       case 13:
         removeMessagesFromMap(channelId);
         if (!(channelId === activeChannelId)) {
-          _context24.next = 18;
+          _context25.next = 18;
           break;
         }
-        _context24.next = 17;
+        _context25.next = 17;
         return effects.put(clearMessagesAC());
       case 17:
         removeAllMessages();
       case 18:
-        _context24.next = 20;
+        _context25.next = 20;
         return effects.put(clearSelectedMessagesAC());
       case 20:
-        _context24.next = 22;
+        _context25.next = 22;
         return effects.put(updateChannelDataAC(channel.id, {
           lastMessage: null,
           newMessageCount: 0,
@@ -14804,183 +14851,186 @@ function deleteAllMessages(action) {
           newMentionCount: 0
         });
         groupName = getChannelGroupName(channel);
-        _context24.next = 26;
+        _context25.next = 26;
         return effects.put(updateSearchedChannelDataAC(channel.id, {
           lastMessage: null,
           newMessageCount: 0,
           newMentionCount: 0
         }, groupName));
       case 26:
-        _context24.next = 31;
+        _context25.next = 31;
         break;
       case 28:
-        _context24.prev = 28;
-        _context24.t0 = _context24["catch"](0);
-        log.error('ERROR in clear history', _context24.t0);
+        _context25.prev = 28;
+        _context25.t0 = _context25["catch"](0);
+        log.error('ERROR in clear history', _context25.t0);
       case 31:
       case "end":
-        return _context24.stop();
+        return _context25.stop();
     }
-  }, _marked24, null, [[0, 28]]);
+  }, _marked25, null, [[0, 28]]);
 }
 function joinChannel(action) {
   var payload, channelId, SceytChatClient, channel, joinedChannel;
-  return _regeneratorRuntime().wrap(function joinChannel$(_context25) {
-    while (1) switch (_context25.prev = _context25.next) {
+  return _regeneratorRuntime().wrap(function joinChannel$(_context26) {
+    while (1) switch (_context26.prev = _context26.next) {
       case 0:
-        _context25.prev = 0;
+        _context26.prev = 0;
         payload = action.payload;
         channelId = payload.channelId;
         SceytChatClient = getClient();
-        _context25.next = 6;
+        _context26.next = 6;
         return effects.call(getChannelFromMap, channelId);
       case 6:
-        channel = _context25.sent;
+        channel = _context26.sent;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
         }
         if (channel) {
-          _context25.next = 12;
+          _context26.next = 12;
           break;
         }
-        _context25.next = 11;
+        _context26.next = 11;
         return effects.call(SceytChatClient.getChannel, channelId);
       case 11:
-        channel = _context25.sent;
+        channel = _context26.sent;
       case 12:
-        _context25.next = 14;
+        _context26.next = 14;
         return effects.call(channel.join);
       case 14:
-        joinedChannel = _context25.sent;
-        _context25.next = 17;
+        joinedChannel = _context26.sent;
+        _context26.next = 17;
         return effects.put(setCloseSearchChannelsAC(true));
       case 17:
-        _context25.next = 19;
+        _context26.next = 19;
         return effects.put(setChannelToAddAC(JSON.parse(JSON.stringify(joinedChannel))));
       case 19:
-        _context25.next = 21;
+        _context26.next = 21;
         return effects.put(switchChannelActionAC(JSON.parse(JSON.stringify(joinedChannel))));
       case 21:
         addChannelToAllChannels(joinedChannel);
-        _context25.next = 24;
+        _context26.next = 24;
         return effects.call(setActiveChannelId, joinedChannel.id);
       case 24:
-        _context25.next = 29;
+        _context26.next = 29;
         break;
       case 26:
-        _context25.prev = 26;
-        _context25.t0 = _context25["catch"](0);
-        log.error(_context25.t0, 'Error in join to channel');
+        _context26.prev = 26;
+        _context26.t0 = _context26["catch"](0);
+        log.error(_context26.t0, 'Error in join to channel');
       case 29:
       case "end":
-        return _context25.stop();
+        return _context26.stop();
     }
-  }, _marked25, null, [[0, 26]]);
+  }, _marked26, null, [[0, 26]]);
 }
 function watchForChannelEvents() {
-  return _regeneratorRuntime().wrap(function watchForChannelEvents$(_context26) {
-    while (1) switch (_context26.prev = _context26.next) {
+  return _regeneratorRuntime().wrap(function watchForChannelEvents$(_context27) {
+    while (1) switch (_context27.prev = _context27.next) {
       case 0:
-        _context26.next = 2;
+        _context27.next = 2;
         return effects.call(watchForEvents);
       case 2:
       case "end":
-        return _context26.stop();
+        return _context27.stop();
     }
-  }, _marked26);
+  }, _marked27);
 }
 function ChannelsSaga() {
-  return _regeneratorRuntime().wrap(function ChannelsSaga$(_context27) {
-    while (1) switch (_context27.prev = _context27.next) {
+  return _regeneratorRuntime().wrap(function ChannelsSaga$(_context28) {
+    while (1) switch (_context28.prev = _context28.next) {
       case 0:
-        _context27.next = 2;
+        _context28.next = 2;
         return effects.takeLatest(CREATE_CHANNEL, createChannel);
       case 2:
-        _context27.next = 4;
+        _context28.next = 4;
         return effects.takeLatest(GET_CHANNELS, getChannels);
       case 4:
-        _context27.next = 6;
+        _context28.next = 6;
         return effects.takeLatest(SEARCH_CHANNELS, searchChannels);
       case 6:
-        _context27.next = 8;
+        _context28.next = 8;
         return effects.takeLatest(GET_CHANNELS_FOR_FORWARD, getChannelsForForward);
       case 8:
-        _context27.next = 10;
+        _context28.next = 10;
         return effects.takeLatest(SEARCH_CHANNELS_FOR_FORWARD, searchChannelsForForward);
       case 10:
-        _context27.next = 12;
+        _context28.next = 12;
         return effects.takeLatest(LOAD_MORE_CHANNEL, channelsLoadMore);
       case 12:
-        _context27.next = 14;
+        _context28.next = 14;
         return effects.takeLatest(LOAD_MORE_CHANNELS_FOR_FORWARD, channelsForForwardLoadMore);
       case 14:
-        _context27.next = 16;
+        _context28.next = 16;
         return effects.takeEvery(SWITCH_CHANNEL, switchChannel);
       case 16:
-        _context27.next = 18;
+        _context28.next = 18;
         return effects.takeLatest(LEAVE_CHANNEL, leaveChannel);
       case 18:
-        _context27.next = 20;
+        _context28.next = 20;
         return effects.takeLatest(DELETE_CHANNEL, deleteChannel);
       case 20:
-        _context27.next = 22;
+        _context28.next = 22;
         return effects.takeLatest(BLOCK_CHANNEL, blockChannel);
       case 22:
-        _context27.next = 24;
+        _context28.next = 24;
         return effects.takeLatest(UPDATE_CHANNEL, updateChannel);
       case 24:
-        _context27.next = 26;
+        _context28.next = 26;
         return effects.takeEvery(MARK_MESSAGES_AS_READ, markMessagesRead);
       case 26:
-        _context27.next = 28;
+        _context28.next = 28;
         return effects.takeLatest(MARK_MESSAGES_AS_DELIVERED, markMessagesDelivered);
       case 28:
-        _context27.next = 30;
+        _context28.next = 30;
         return effects.takeLatest(WATCH_FOR_EVENTS, watchForChannelEvents);
       case 30:
-        _context27.next = 32;
+        _context28.next = 32;
         return effects.takeLatest(TURN_OFF_NOTIFICATION, notificationsTurnOff);
       case 32:
-        _context27.next = 34;
+        _context28.next = 34;
         return effects.takeLatest(TURN_ON_NOTIFICATION, notificationsTurnOn);
       case 34:
-        _context27.next = 36;
+        _context28.next = 36;
         return effects.takeLatest(MARK_CHANNEL_AS_READ, markChannelAsRead);
       case 36:
-        _context27.next = 38;
+        _context28.next = 38;
         return effects.takeLatest(MARK_CHANNEL_AS_UNREAD, markChannelAsUnRead);
       case 38:
-        _context27.next = 40;
+        _context28.next = 40;
         return effects.takeLatest(CHECK_USER_STATUS, checkUsersStatus);
       case 40:
-        _context27.next = 42;
+        _context28.next = 42;
         return effects.takeLatest(SEND_TYPING, sendTyping);
       case 42:
-        _context27.next = 44;
+        _context28.next = 44;
         return effects.takeLatest(SEND_RECORDING, sendRecording);
       case 44:
-        _context27.next = 46;
+        _context28.next = 46;
         return effects.takeLatest(PIN_CHANNEL, pinChannel);
       case 46:
-        _context27.next = 48;
+        _context28.next = 48;
         return effects.takeLatest(UNPIN_CHANNEL, unpinChannel);
       case 48:
-        _context27.next = 50;
+        _context28.next = 50;
         return effects.takeLatest(CLEAR_HISTORY, clearHistory);
       case 50:
-        _context27.next = 52;
+        _context28.next = 52;
         return effects.takeLatest(JOIN_TO_CHANNEL, joinChannel);
       case 52:
-        _context27.next = 54;
+        _context28.next = 54;
         return effects.takeLatest(DELETE_ALL_MESSAGES, deleteAllMessages);
       case 54:
-        _context27.next = 56;
+        _context28.next = 56;
         return effects.takeLatest(REMOVE_CHANNEL_CACHES, removeChannelCaches);
       case 56:
+        _context28.next = 58;
+        return effects.takeLatest(GET_CHANNEL_MENTIONS, getChannelMentions);
+      case 58:
       case "end":
-        return _context27.stop();
+        return _context28.stop();
     }
-  }, _marked27);
+  }, _marked28);
 }
 
 function rgbaToThumbHash(w, h, rgba) {
@@ -21861,6 +21911,7 @@ var ChannelList = function ChannelList(_ref) {
   }, [searchValue]);
   useDidUpdate(function () {
     if (getSelectedChannel) {
+      dispatch(getChannelMentionsAC(activeChannel.id));
       getSelectedChannel(activeChannel);
     }
   }, [activeChannel && activeChannel.members && activeChannel.members.length]);
@@ -38671,8 +38722,34 @@ var MessagesScrollToBottomButton = function MessagesScrollToBottomButton(_ref) {
   var theme = reactRedux.useSelector(themeSelector);
   var sendMessageInputHeight = reactRedux.useSelector(sendMessageInputHeightSelector);
   var showScrollToNewMessageButton = reactRedux.useSelector(showScrollToNewMessageButtonSelector);
+  var messages = reactRedux.useSelector(activeChannelMessagesSelector) || [];
   var handleScrollToBottom = function handleScrollToBottom() {
-    dispatch(scrollToNewMessageAC(true, true));
+    dispatch(markMessagesAsReadAC(channel.id, [channel.lastMessage.id]));
+    handleScrollToRepliedMessage(channel.lastMessage.id);
+  };
+  var handleScrollToRepliedMessage = function handleScrollToRepliedMessage(messageId) {
+    try {
+      if (messages.findIndex(function (msg) {
+        return msg.id === messageId;
+      }) >= 10) {
+        var repliedMessage = document.getElementById(messageId);
+        if (repliedMessage) {
+          var scrollRef = document.getElementById('scrollableDiv');
+          if (scrollRef) {
+            scrollRef.scrollTop = repliedMessage.offsetTop - scrollRef.offsetHeight / 2;
+          }
+          repliedMessage.classList.add('highlight');
+          setTimeout(function () {
+            repliedMessage.classList.remove('highlight');
+          }, 1000);
+        }
+      } else {
+        dispatch(getMessagesAC(channel, undefined, messageId));
+      }
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showScrollToNewMessageButton && (/*#__PURE__*/React__default.createElement(BottomButton, {
     theme: theme,
@@ -38715,6 +38792,145 @@ var UnreadCount$1 = styled__default.span(_templateObject2$O || (_templateObject2
   return props.textColor || '#fff';
 });
 
+var _path$1t, _path2$9;
+function _extends$1x() {
+  return _extends$1x = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends$1x.apply(null, arguments);
+}
+function SvgMention(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1x({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
+    d: "M12 15.6a3.6 3.6 0 100-7.2 3.6 3.6 0 000 7.2z",
+    stroke: "currentColor",
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
+    d: "M15.6 8.4v4.5a2.7 2.7 0 005.4 0V12a9 9 0 10-3.528 7.145",
+    stroke: "currentColor",
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+
+var _templateObject$X, _templateObject2$P;
+var MessagesScrollToUnreadMentionsButton = function MessagesScrollToUnreadMentionsButton(_ref) {
+  var buttonIcon = _ref.buttonIcon,
+    buttonWidth = _ref.buttonWidth,
+    buttonHeight = _ref.buttonHeight,
+    bottomPosition = _ref.bottomPosition,
+    rightPosition = _ref.rightPosition,
+    buttonBorder = _ref.buttonBorder,
+    buttonBackgroundColor = _ref.buttonBackgroundColor,
+    buttonHoverBackgroundColor = _ref.buttonHoverBackgroundColor,
+    buttonBorderRadius = _ref.buttonBorderRadius,
+    buttonShadow = _ref.buttonShadow,
+    unreadCountWidth = _ref.unreadCountWidth,
+    unreadCountHeight = _ref.unreadCountHeight,
+    unreadCountFontSize = _ref.unreadCountFontSize,
+    unreadCountTextColor = _ref.unreadCountTextColor;
+  var _useColor = useColors(),
+    accentColor = _useColor[THEME_COLORS.ACCENT],
+    backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS];
+  var dispatch = reactRedux.useDispatch();
+  var channel = reactRedux.useSelector(activeChannelSelector);
+  var theme = reactRedux.useSelector(themeSelector);
+  var sendMessageInputHeight = reactRedux.useSelector(sendMessageInputHeightSelector);
+  var showScrollToNewMessageButton = reactRedux.useSelector(showScrollToNewMessageButtonSelector);
+  var messages = reactRedux.useSelector(activeChannelMessagesSelector) || [];
+  var handleScrollToBottom = function handleScrollToBottom() {
+    if (channel.newMentionCount >= 3 && (!channel.mentionsIds || channel.mentionsIds.length < 3)) {
+      dispatch(getChannelMentionsAC(channel.id));
+    }
+    if (channel.mentionsIds && channel.mentionsIds.length) {
+      handleScrollToRepliedMessage(channel.mentionsIds[0]);
+      dispatch(markMessagesAsReadAC(channel.id, [channel.mentionsIds[0]]));
+      dispatch(updateChannelDataAC(channel.id, {
+        mentionsIds: channel.mentionsIds.slice(1)
+      }));
+    }
+  };
+  var handleScrollToRepliedMessage = function handleScrollToRepliedMessage(messageId) {
+    try {
+      if (messages.findIndex(function (msg) {
+        return msg.id === messageId;
+      }) >= 10) {
+        var repliedMessage = document.getElementById(messageId);
+        if (repliedMessage) {
+          var scrollRef = document.getElementById('scrollableDiv');
+          if (scrollRef) {
+            scrollRef.scrollTop = repliedMessage.offsetTop - scrollRef.offsetHeight / 2;
+          }
+          repliedMessage.classList.add('highlight');
+          setTimeout(function () {
+            repliedMessage.classList.remove('highlight');
+          }, 1000);
+        }
+      } else {
+        dispatch(getMessagesAC(channel, undefined, messageId));
+      }
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    if (channel.newMentionCount && (!channel.mentionsIds || channel.mentionsIds.length < 3)) {
+      dispatch(getChannelMentionsAC(channel.id));
+    }
+  }, [channel.newMentionCount]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, channel.newMentionCount ? (/*#__PURE__*/React__default.createElement(BottomButton$1, {
+    theme: theme,
+    width: buttonWidth,
+    height: buttonHeight,
+    border: buttonBorder,
+    borderRadius: buttonBorderRadius,
+    backgroundColor: buttonBackgroundColor || backgroundSections,
+    hoverBackgroundColor: buttonHoverBackgroundColor,
+    shadow: buttonShadow,
+    onClick: handleScrollToBottom,
+    bottomOffset: sendMessageInputHeight,
+    bottomPosition: bottomPosition,
+    showsUnreadMentionsButton: !!showScrollToNewMessageButton,
+    rightPosition: rightPosition
+  }, !!(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(UnreadCount$2, {
+    width: unreadCountWidth,
+    height: unreadCountHeight,
+    textColor: unreadCountTextColor,
+    fontSize: unreadCountFontSize,
+    backgroundColor: accentColor,
+    isMuted: channel.muted
+  }, channel.newMentionCount ? channel.newMentionCount > 99 ? '99+' : channel.newMentionCount : '')), buttonIcon || /*#__PURE__*/React__default.createElement(SvgMention, null))) : null);
+};
+var BottomButton$1 = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: ", ";\n  right: ", ";\n  margin-right: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border: 0.5px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50px;\n  width: 48px;\n  height: 48px;\n  cursor: pointer;\n  z-index: 14;\n\n  & > svg {\n    color: rgba(129, 140, 153, 1);\n  }\n\n  & > span {\n    bottom: 32px;\n    right: 0;\n  }\n"])), function (props) {
+  return props.bottomOffset + (props.bottomPosition === undefined ? 45 : props.bottomPosition) + (props.showsUnreadMentionsButton ? 60 : 0) + "px";
+}, function (props) {
+  return (props.rightPosition === undefined ? 16 : props.rightPosition) + "px";
+}, function (props) {
+  return props.backgroundColor;
+});
+var UnreadCount$2 = styled__default.span(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 11px;\n  right: 16px;\n  flex: 0 0 auto;\n  margin-left: auto;\n  background-color: ", ";\n  padding: 0 4px;\n  font-size: ", ";\n  line-height: 20px;\n  min-width: ", ";\n  height: ", ";\n  text-align: center;\n  font-weight: 500;\n  color: ", ";\n  border-radius: 10px;\n  box-sizing: border-box;\n"])), function (props) {
+  return props.backgroundColor;
+}, function (props) {
+  return props.fontSize || '13px';
+}, function (props) {
+  return props.width || '20px';
+}, function (props) {
+  return props.height || '20px';
+}, function (props) {
+  return props.textColor || '#fff';
+});
+
 exports.Attachment = Attachment$1;
 exports.Avatar = Avatar;
 exports.Channel = Channel;
@@ -38731,6 +38947,7 @@ exports.MessageList = MessagesContainer;
 exports.MessageStatusIcon = MessageStatusIcon;
 exports.MessageTextFormat = MessageTextFormat;
 exports.MessagesScrollToBottomButton = MessagesScrollToBottomButton;
+exports.MessagesScrollToUnreadMentionsButton = MessagesScrollToUnreadMentionsButton;
 exports.SceytChat = SceytChatContainer;
 exports.SendMessage = SendMessageInput;
 exports.THEME_COLORS = THEME_COLORS;