sceyt-chat-react-uikit 1.8.5-beta.10 → 1.8.5-beta.12

package/index.js

@@ -21167,40 +21167,41 @@ var _marked$3 = /*#__PURE__*/_regenerator().m(setMessageListLoading),
   _marked17$1 = /*#__PURE__*/_regenerator().m(loadAroundMessageFromServer),
   _marked18$1 = /*#__PURE__*/_regenerator().m(backgroundRefreshRestoreWindow),
   _marked19$1 = /*#__PURE__*/_regenerator().m(loadAroundMessageWorker),
-  _marked20$1 = /*#__PURE__*/_regenerator().m(loadAroundMessage),
-  _marked21$1 = /*#__PURE__*/_regenerator().m(loadNearUnread),
-  _marked22$1 = /*#__PURE__*/_regenerator().m(loadDefaultMessages),
-  _marked23$1 = /*#__PURE__*/_regenerator().m(getMessagesQuery),
-  _marked24$1 = /*#__PURE__*/_regenerator().m(getMessageQuery),
-  _marked25$1 = /*#__PURE__*/_regenerator().m(prefetchMessages),
-  _marked26$1 = /*#__PURE__*/_regenerator().m(loadMoreMessages),
-  _marked27$1 = /*#__PURE__*/_regenerator().m(addReaction),
-  _marked28$1 = /*#__PURE__*/_regenerator().m(deleteReaction),
-  _marked29$1 = /*#__PURE__*/_regenerator().m(getReactions),
-  _marked30$1 = /*#__PURE__*/_regenerator().m(loadMoreReactions),
-  _marked31$1 = /*#__PURE__*/_regenerator().m(getMessageAttachments),
-  _marked32$1 = /*#__PURE__*/_regenerator().m(loadMoreMessageAttachments),
-  _marked33$1 = /*#__PURE__*/_regenerator().m(pauseAttachmentUploading),
-  _marked34$1 = /*#__PURE__*/_regenerator().m(resumeAttachmentUploading),
-  _marked35$1 = /*#__PURE__*/_regenerator().m(getMessageMarkers),
-  _marked36$1 = /*#__PURE__*/_regenerator().m(executeAddPollVote),
-  _marked37$1 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForAddPollVote),
-  _marked38$1 = /*#__PURE__*/_regenerator().m(addPollVote),
-  _marked39$1 = /*#__PURE__*/_regenerator().m(executeDeletePollVote),
-  _marked40$1 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForDeletePollVote),
-  _marked41$1 = /*#__PURE__*/_regenerator().m(deletePollVote),
-  _marked42 = /*#__PURE__*/_regenerator().m(executeClosePoll),
-  _marked43 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForClosePoll),
-  _marked44 = /*#__PURE__*/_regenerator().m(closePoll),
-  _marked45 = /*#__PURE__*/_regenerator().m(executeRetractPollVote),
-  _marked46 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForRetractPollVote),
-  _marked47 = /*#__PURE__*/_regenerator().m(retractPollVote),
-  _marked48 = /*#__PURE__*/_regenerator().m(resendPendingPollActions),
-  _marked49 = /*#__PURE__*/_regenerator().m(resendPendingMessageMutations),
-  _marked50 = /*#__PURE__*/_regenerator().m(getPollVotes),
-  _marked51 = /*#__PURE__*/_regenerator().m(loadMorePollVotes),
-  _marked52 = /*#__PURE__*/_regenerator().m(refreshCacheAroundMessage),
-  _marked53 = /*#__PURE__*/_regenerator().m(MessageSaga);
+  _marked20$1 = /*#__PURE__*/_regenerator().m(backgroundCacheAroundMessage),
+  _marked21$1 = /*#__PURE__*/_regenerator().m(loadAroundMessage),
+  _marked22$1 = /*#__PURE__*/_regenerator().m(loadNearUnread),
+  _marked23$1 = /*#__PURE__*/_regenerator().m(loadDefaultMessages),
+  _marked24$1 = /*#__PURE__*/_regenerator().m(getMessagesQuery),
+  _marked25$1 = /*#__PURE__*/_regenerator().m(getMessageQuery),
+  _marked26$1 = /*#__PURE__*/_regenerator().m(prefetchMessages),
+  _marked27$1 = /*#__PURE__*/_regenerator().m(loadMoreMessages),
+  _marked28$1 = /*#__PURE__*/_regenerator().m(addReaction),
+  _marked29$1 = /*#__PURE__*/_regenerator().m(deleteReaction),
+  _marked30$1 = /*#__PURE__*/_regenerator().m(getReactions),
+  _marked31$1 = /*#__PURE__*/_regenerator().m(loadMoreReactions),
+  _marked32$1 = /*#__PURE__*/_regenerator().m(getMessageAttachments),
+  _marked33$1 = /*#__PURE__*/_regenerator().m(loadMoreMessageAttachments),
+  _marked34$1 = /*#__PURE__*/_regenerator().m(pauseAttachmentUploading),
+  _marked35$1 = /*#__PURE__*/_regenerator().m(resumeAttachmentUploading),
+  _marked36$1 = /*#__PURE__*/_regenerator().m(getMessageMarkers),
+  _marked37$1 = /*#__PURE__*/_regenerator().m(executeAddPollVote),
+  _marked38$1 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForAddPollVote),
+  _marked39$1 = /*#__PURE__*/_regenerator().m(addPollVote),
+  _marked40$1 = /*#__PURE__*/_regenerator().m(executeDeletePollVote),
+  _marked41$1 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForDeletePollVote),
+  _marked42 = /*#__PURE__*/_regenerator().m(deletePollVote),
+  _marked43 = /*#__PURE__*/_regenerator().m(executeClosePoll),
+  _marked44 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForClosePoll),
+  _marked45 = /*#__PURE__*/_regenerator().m(closePoll),
+  _marked46 = /*#__PURE__*/_regenerator().m(executeRetractPollVote),
+  _marked47 = /*#__PURE__*/_regenerator().m(updateMessageOptimisticallyForRetractPollVote),
+  _marked48 = /*#__PURE__*/_regenerator().m(retractPollVote),
+  _marked49 = /*#__PURE__*/_regenerator().m(resendPendingPollActions),
+  _marked50 = /*#__PURE__*/_regenerator().m(resendPendingMessageMutations),
+  _marked51 = /*#__PURE__*/_regenerator().m(getPollVotes),
+  _marked52 = /*#__PURE__*/_regenerator().m(loadMorePollVotes),
+  _marked53 = /*#__PURE__*/_regenerator().m(refreshCacheAroundMessage),
+  _marked54 = /*#__PURE__*/_regenerator().m(MessageSaga);
 var loadMoreMessagesInFlight = new Set();
 var prefetchInFlight = new Set();
 var queuedPrefetchRequests = new Map();
@@ -23084,6 +23085,36 @@ var getCachedMessagesForResult = function getCachedMessagesForResult(channelId,
   var cachedMessages = getCachedMessagesInRange(channelId, firstConfirmedMessageId, lastConfirmedMessageId);
   return cachedMessages.length > 0 ? cachedMessages : messages;
 };
+var getCachedAroundMessageWindow = function getCachedAroundMessageWindow(channel, messageId) {
+  var _channel$lastMessage4;
+  var targetMessage = getMessageFromMap(channel.id, messageId);
+  if (!(targetMessage !== null && targetMessage !== void 0 && targetMessage.id)) {
+    return null;
+  }
+  var targetInterval = getCachedWindowInterval(channel.id, targetMessage.id, targetMessage.id);
+  if (!targetInterval.isFullyCached) {
+    return null;
+  }
+  var halfWindowSize = MESSAGES_MAX_PAGE_COUNT / 2;
+  var previousMessages = getContiguousPrevMessages(channel.id, targetMessage, halfWindowSize);
+  var nextMessages = getContiguousNextMessages(channel.id, targetMessage, halfWindowSize);
+  var messages = [].concat(previousMessages, [targetMessage], nextMessages);
+  var firstConfirmedMessageId = getFirstConfirmedMessageId(messages);
+  var lastConfirmedMessageId = getLastConfirmedMessageId(messages);
+  if (!firstConfirmedMessageId || !lastConfirmedMessageId) {
+    return null;
+  }
+  var cachedWindowInterval = getCachedWindowInterval(channel.id, firstConfirmedMessageId, lastConfirmedMessageId);
+  if (!cachedWindowInterval.isFullyCached) {
+    return null;
+  }
+  var hasNewerChannelMessage = !!((_channel$lastMessage4 = channel.lastMessage) !== null && _channel$lastMessage4 !== void 0 && _channel$lastMessage4.id) && !!lastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, lastConfirmedMessageId) > 0;
+  return {
+    messages: messages,
+    hasPrevMessages: cachedWindowInterval.hasPrevMessages,
+    hasNextMessages: cachedWindowInterval.hasNextMessages || hasNewerChannelMessage
+  };
+};
 function patchActiveMessagesFromCacheRange(channelId, startId, endId) {
   var activeMessages, activeConfirmedMessages, activeStartId, activeEndId, overlapStartId, overlapEndId, cachedMessages, changedMessages;
   return _regenerator().w(function (_context17) {
@@ -23828,7 +23859,7 @@ function backgroundRefreshRestoreWindow(channel, restoreWindow, cachedMessages)
   }, _marked18$1, null, [[0, 19]]);
 }
 function loadAroundMessageWorker(action) {
-  var _action$payload4, channel, messageId, networkChanged, restoreWindow, connectionState, messages, cachedWindow, _filteredPendingMessages, SceytChatClient, messageQueryBuilder, messageQuery, loadNextMessageId, loadPreviousMessageId, nextLoadLimit, previousLoadLimit, centerMessageIndex, firstResult, secondResult, resultMessages, result, firstConfirmedMessageId, lastConfirmedMessageId, appliedMessages, filteredPendingMessages, waitToSendPendingMessages, _t20, _t21, _t22, _t23;
+  var _action$payload4, channel, messageId, networkChanged, restoreWindow, connectionState, messages, cachedWindow, _filteredPendingMessages, cachedAroundWindow, _firstConfirmedMessageId, _lastConfirmedMessageId, _filteredPendingMessages2, _waitToSendPendingMessages, SceytChatClient, messageQueryBuilder, messageQuery, loadNextMessageId, loadPreviousMessageId, nextLoadLimit, previousLoadLimit, centerMessageIndex, firstResult, secondResult, resultMessages, result, firstConfirmedMessageId, lastConfirmedMessageId, appliedMessages, filteredPendingMessages, waitToSendPendingMessages, _t20, _t21, _t22;
   return _regenerator().w(function (_context25) {
     while (1) switch (_context25.p = _context25.n) {
       case 0:
@@ -23837,7 +23868,7 @@ function loadAroundMessageWorker(action) {
         connectionState = store.getState().UserReducer.connectionStatus;
         messages = store.getState().MessageReducer.activeChannelMessages;
         if (!(channel !== null && channel !== void 0 && channel.id && !(channel !== null && channel !== void 0 && channel.isMockChannel))) {
-          _context25.n = 30;
+          _context25.n = 38;
           break;
         }
         if (!(restoreWindow !== null && restoreWindow !== void 0 && restoreWindow.preferCache)) {
@@ -23888,27 +23919,67 @@ function loadAroundMessageWorker(action) {
       case 10:
         return _context25.a(2);
       case 11:
+        cachedAroundWindow = messageId && !networkChanged ? getCachedAroundMessageWindow(channel, messageId) : null;
+        if (!cachedAroundWindow) {
+          _context25.n = 20;
+          break;
+        }
+        _firstConfirmedMessageId = getFirstConfirmedMessageId(cachedAroundWindow.messages);
+        _lastConfirmedMessageId = getLastConfirmedMessageId(cachedAroundWindow.messages);
+        if (_firstConfirmedMessageId && _lastConfirmedMessageId) {
+          setActiveSegment(channel.id, _firstConfirmedMessageId, _lastConfirmedMessageId);
+        }
         _context25.n = 12;
-        return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADING);
+        return effects.put(setMessagesHasPrevAC(cachedAroundWindow.hasPrevMessages));
       case 12:
+        _context25.n = 13;
+        return effects.put(setMessagesHasNextAC(cachedAroundWindow.hasNextMessages));
+      case 13:
+        _context25.n = 14;
+        return effects.call(loadOGMetadataForLinkMessages, cachedAroundWindow.messages, true, false, false);
+      case 14:
+        _context25.n = 15;
+        return effects.put(setMessagesAC(JSON.parse(JSON.stringify(cachedAroundWindow.messages)), channel.id));
+      case 15:
+        _filteredPendingMessages2 = getFilteredPendingMessages(channel, cachedAroundWindow.messages, {
+          hasNext: cachedAroundWindow.hasNextMessages
+        });
+        _context25.n = 16;
+        return effects.put(addMessagesAC(_filteredPendingMessages2, MESSAGE_LOAD_DIRECTION.NEXT));
+      case 16:
+        _context25.n = 17;
+        return effects.call(loadOGMetadataForLinkMessages, _filteredPendingMessages2, true, false, false);
+      case 17:
+        _waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
+        if (!(connectionState === CONNECTION_STATUS.CONNECTED && _waitToSendPendingMessages)) {
+          _context25.n = 19;
+          break;
+        }
+        _context25.n = 18;
+        return effects.put(setWaitToSendPendingMessagesAC(false));
+      case 18:
+        _context25.n = 19;
+        return effects.spawn(sendPendingMessages, connectionState);
+      case 19:
+        return _context25.a(2);
+      case 20:
+        if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
+          _context25.n = 21;
+          break;
+        }
+        return _context25.a(2);
+      case 21:
+        _context25.n = 22;
+        return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADING);
+      case 22:
         SceytChatClient = getClient();
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channel.id);
         messageQueryBuilder.limit(MESSAGES_MAX_LENGTH);
         messageQueryBuilder.reverse(true);
-        if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context25.n = 14;
-          break;
-        }
-        _context25.n = 13;
+        _context25.n = 23;
         return effects.call(messageQueryBuilder.build);
-      case 13:
-        _t20 = _context25.v;
-        _context25.n = 15;
-        break;
-      case 14:
-        _t20 = null;
-      case 15:
-        messageQuery = _t20;
+      case 23:
+        messageQuery = _context25.v;
         query.messageQuery = messageQuery;
         loadNextMessageId = '';
         loadPreviousMessageId = '';
@@ -23925,22 +23996,22 @@ function loadAroundMessageWorker(action) {
         }
         messageQuery.limit = previousLoadLimit;
         if (!(loadPreviousMessageId && connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context25.n = 17;
+          _context25.n = 25;
           break;
         }
-        _context25.n = 16;
+        _context25.n = 24;
         return effects.call(messageQuery.loadPreviousMessageId, loadPreviousMessageId);
-      case 16:
-        _t21 = _context25.v;
-        _context25.n = 18;
+      case 24:
+        _t20 = _context25.v;
+        _context25.n = 26;
         break;
-      case 17:
-        _t21 = {
+      case 25:
+        _t20 = {
           messages: [],
           hasNext: false
         };
-      case 18:
-        firstResult = _t21;
+      case 26:
+        firstResult = _t20;
         if (!loadNextMessageId && firstResult.messages.length > 0) {
           loadNextMessageId = getLastConfirmedMessageId(firstResult.messages);
         } else if (!networkChanged && !loadNextMessageId && !firstResult.messages.length) {
@@ -23949,22 +24020,22 @@ function loadAroundMessageWorker(action) {
         messageQuery.reverse = false;
         messageQuery.limit = nextLoadLimit;
         if (!(loadNextMessageId && connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context25.n = 20;
+          _context25.n = 28;
           break;
         }
-        _context25.n = 19;
+        _context25.n = 27;
         return effects.call(messageQuery.loadNextMessageId, loadNextMessageId);
-      case 19:
-        _t22 = _context25.v;
-        _context25.n = 21;
+      case 27:
+        _t21 = _context25.v;
+        _context25.n = 29;
         break;
-      case 20:
-        _t22 = {
+      case 28:
+        _t21 = {
           messages: [],
           hasNext: false
         };
-      case 21:
-        secondResult = _t22;
+      case 29:
+        secondResult = _t21;
         resultMessages = networkChanged && !firstResult.messages.length && !secondResult.messages.length ? messages : [].concat(firstResult.messages, secondResult.messages);
         result = {
           messages: resultMessages,
@@ -23973,164 +24044,243 @@ function loadAroundMessageWorker(action) {
         firstConfirmedMessageId = getFirstConfirmedMessageId(result.messages);
         lastConfirmedMessageId = getLastConfirmedMessageId(result.messages);
         if (!(firstConfirmedMessageId && lastConfirmedMessageId)) {
-          _context25.n = 23;
+          _context25.n = 31;
           break;
         }
         setMessagesToMap(channel.id, result.messages, firstConfirmedMessageId, lastConfirmedMessageId);
         setActiveSegment(channel.id, firstConfirmedMessageId, lastConfirmedMessageId);
-        _context25.n = 22;
+        _context25.n = 30;
         return effects.spawn(prefetchMessages, channel.id, firstConfirmedMessageId, MESSAGE_LOAD_DIRECTION.PREV, 2);
-      case 22:
-        _context25.n = 23;
+      case 30:
+        _context25.n = 31;
         return effects.spawn(prefetchMessages, channel.id, lastConfirmedMessageId, MESSAGE_LOAD_DIRECTION.NEXT, 2);
-      case 23:
+      case 31:
         appliedMessages = getCachedMessagesForResult(channel.id, result.messages);
-        _context25.n = 24;
+        _context25.n = 32;
         return effects.call(loadOGMetadataForLinkMessages, appliedMessages, true, false, false);
-      case 24:
-        _context25.n = 25;
+      case 32:
+        _context25.n = 33;
         return effects.put(setMessagesAC(JSON.parse(JSON.stringify(appliedMessages)), channel.id));
-      case 25:
-        _context25.n = 26;
+      case 33:
+        _context25.n = 34;
         return effects.put(setMessagesHasNextAC(true));
-      case 26:
+      case 34:
         filteredPendingMessages = getFilteredPendingMessages(channel, appliedMessages);
-        _context25.n = 27;
+        _context25.n = 35;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
-      case 27:
-        _context25.n = 28;
+      case 35:
+        _context25.n = 36;
         return effects.call(loadOGMetadataForLinkMessages, filteredPendingMessages, true, false, false);
-      case 28:
+      case 36:
         waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
         if (!(connectionState === CONNECTION_STATUS.CONNECTED && waitToSendPendingMessages)) {
-          _context25.n = 30;
+          _context25.n = 38;
           break;
         }
-        _context25.n = 29;
+        _context25.n = 37;
         return effects.put(setWaitToSendPendingMessagesAC(false));
-      case 29:
-        _context25.n = 30;
+      case 37:
+        _context25.n = 38;
         return effects.spawn(sendPendingMessages, connectionState);
-      case 30:
-        _context25.n = 32;
+      case 38:
+        _context25.n = 40;
         break;
-      case 31:
-        _context25.p = 31;
-        _t23 = _context25.v;
-        log.error('error in loadAroundMessage', _t23);
-      case 32:
-        _context25.p = 32;
-        _context25.n = 33;
+      case 39:
+        _context25.p = 39;
+        _t22 = _context25.v;
+        log.error('error in loadAroundMessage', _t22);
+      case 40:
+        _context25.p = 40;
+        _context25.n = 41;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADED);
-      case 33:
-        return _context25.f(32);
-      case 34:
+      case 41:
+        return _context25.f(40);
+      case 42:
         return _context25.a(2);
     }
-  }, _marked19$1, null, [[0, 31, 32, 34]]);
+  }, _marked19$1, null, [[0, 39, 40, 42]]);
 }
-function loadAroundMessage(action) {
+function backgroundCacheAroundMessage(action) {
+  var _action$payload5, channel, messageId, waited, SceytChatClient, messageQueryBuilder, messageQuery, firstResult, loadNextMessageId, secondResult, resultMessages, firstConfirmedMessageId, lastConfirmedMessageId, _t23;
   return _regenerator().w(function (_context26) {
-    while (1) switch (_context26.n) {
+    while (1) switch (_context26.p = _context26.n) {
       case 0:
-        _context26.n = 1;
+        _context26.p = 0;
+        _action$payload5 = action.payload, channel = _action$payload5.channel, messageId = _action$payload5.messageId;
+        if (!(!(channel !== null && channel !== void 0 && channel.id) || !messageId)) {
+          _context26.n = 1;
+          break;
+        }
+        return _context26.a(2);
+      case 1:
+        waited = 0;
+      case 2:
+        if (!(store.getState().UserReducer.connectionStatus !== CONNECTION_STATUS.CONNECTED)) {
+          _context26.n = 5;
+          break;
+        }
+        if (!(waited >= 60000)) {
+          _context26.n = 3;
+          break;
+        }
+        return _context26.a(2);
+      case 3:
+        _context26.n = 4;
+        return effects.call(effects.delay, 2000);
+      case 4:
+        waited += 2000;
+        _context26.n = 2;
+        break;
+      case 5:
+        SceytChatClient = getClient();
+        messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channel.id);
+        messageQueryBuilder.limit(MESSAGES_MAX_LENGTH);
+        messageQueryBuilder.reverse(true);
+        _context26.n = 6;
+        return effects.call(messageQueryBuilder.build);
+      case 6:
+        messageQuery = _context26.v;
+        messageQuery.limit = MESSAGES_MAX_PAGE_COUNT / 2;
+        _context26.n = 7;
+        return effects.call(messageQuery.loadPreviousMessageId, messageId);
+      case 7:
+        firstResult = _context26.v;
+        loadNextMessageId = firstResult.messages.length > 0 ? getLastConfirmedMessageId(firstResult.messages) : '0';
+        messageQuery.reverse = false;
+        messageQuery.limit = MESSAGES_MAX_PAGE_COUNT / 2;
+        _context26.n = 8;
+        return effects.call(messageQuery.loadNextMessageId, loadNextMessageId);
+      case 8:
+        secondResult = _context26.v;
+        resultMessages = [].concat(firstResult.messages, secondResult.messages);
+        firstConfirmedMessageId = getFirstConfirmedMessageId(resultMessages);
+        lastConfirmedMessageId = getLastConfirmedMessageId(resultMessages);
+        if (firstConfirmedMessageId && lastConfirmedMessageId) {
+          setMessagesToMap(channel.id, resultMessages, firstConfirmedMessageId, lastConfirmedMessageId);
+          setActiveSegment(channel.id, firstConfirmedMessageId, lastConfirmedMessageId);
+        }
+        _context26.n = 10;
+        break;
+      case 9:
+        _context26.p = 9;
+        _t23 = _context26.v;
+        log.error('error in backgroundCacheAroundMessage', _t23);
+      case 10:
+        return _context26.a(2);
+    }
+  }, _marked20$1, null, [[0, 9]]);
+}
+function loadAroundMessage(action) {
+  var result;
+  return _regenerator().w(function (_context27) {
+    while (1) switch (_context27.n) {
+      case 0:
+        _context27.n = 1;
         return effects.race({
           load: effects.call(loadAroundMessageWorker, action),
           cancel: effects.take(CANCEL_WINDOW_LOAD)
         });
       case 1:
-        return _context26.a(2);
+        result = _context27.v;
+        if (!result.cancel) {
+          _context27.n = 2;
+          break;
+        }
+        _context27.n = 2;
+        return effects.spawn(backgroundCacheAroundMessage, action);
+      case 2:
+        return _context27.a(2);
     }
-  }, _marked20$1);
+  }, _marked21$1);
 }
 function loadNearUnread(action) {
-  var channel, connectionState, _channel$lastMessage4, _channel$lastMessage5, _channel$lastMessage6, cachedNearWindow, cacheWasShown, cachedLastConfirmedMessageId, cachedHasPrevMessages, cachedHasNextMessages, filteredPendingMessages, SceytChatClient, messageQueryBuilder, messageQuery, result, firstConfirmedMessageId, lastConfirmedMessageId, refreshedCachedNearWindow, lastAppliedWindow, appliedMessages, hasPrevMessages, refreshedLastConfirmedMessageId, hasNextMessages, changedMessages, _filteredPendingMessages2, waitToSendPendingMessages, _t24;
-  return _regenerator().w(function (_context27) {
-    while (1) switch (_context27.p = _context27.n) {
+  var channel, connectionState, _channel$lastMessage5, _channel$lastMessage6, _channel$lastMessage7, cachedNearWindow, cacheWasShown, cachedLastConfirmedMessageId, cachedHasPrevMessages, cachedHasNextMessages, filteredPendingMessages, SceytChatClient, messageQueryBuilder, messageQuery, result, firstConfirmedMessageId, lastConfirmedMessageId, refreshedCachedNearWindow, lastAppliedWindow, appliedMessages, hasPrevMessages, refreshedLastConfirmedMessageId, hasNextMessages, changedMessages, _filteredPendingMessages3, waitToSendPendingMessages, _t24;
+  return _regenerator().w(function (_context28) {
+    while (1) switch (_context28.p = _context28.n) {
       case 0:
-        _context27.p = 0;
+        _context28.p = 0;
         channel = action.payload.channel;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(channel !== null && channel !== void 0 && channel.id && !(channel !== null && channel !== void 0 && channel.isMockChannel))) {
-          _context27.n = 30;
+          _context28.n = 30;
           break;
         }
         cachedNearWindow = getCachedNearMessages(channel.id, channel.lastDisplayedMessageId, MESSAGES_MAX_LENGTH);
         cacheWasShown = cachedNearWindow.hasEnoughCache && cachedNearWindow.messages.length > 0;
         cachedLastConfirmedMessageId = getLastConfirmedMessageId(cachedNearWindow.messages);
         cachedHasPrevMessages = !!channel.lastDisplayedMessageId || cachedNearWindow.hasPrevMessages;
-        cachedHasNextMessages = cachedNearWindow.hasNextMessages || !!((_channel$lastMessage4 = channel.lastMessage) !== null && _channel$lastMessage4 !== void 0 && _channel$lastMessage4.id) && !!cachedLastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, cachedLastConfirmedMessageId) > 0;
+        cachedHasNextMessages = cachedNearWindow.hasNextMessages || !!((_channel$lastMessage5 = channel.lastMessage) !== null && _channel$lastMessage5 !== void 0 && _channel$lastMessage5.id) && !!cachedLastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, cachedLastConfirmedMessageId) > 0;
         if (!cacheWasShown) {
-          _context27.n = 10;
+          _context28.n = 10;
           break;
         }
-        _context27.n = 1;
+        _context28.n = 1;
         return effects.put(setUnreadMessageIdAC(channel.lastDisplayedMessageId));
       case 1:
-        _context27.n = 2;
+        _context28.n = 2;
         return effects.put(setMessagesHasPrevAC(cachedHasPrevMessages));
       case 2:
-        _context27.n = 3;
+        _context28.n = 3;
         return effects.put(setMessagesHasNextAC(cachedHasNextMessages));
       case 3:
-        _context27.n = 4;
+        _context28.n = 4;
         return effects.call(loadOGMetadataForLinkMessages, cachedNearWindow.messages, true, false, false);
       case 4:
-        _context27.n = 5;
+        _context28.n = 5;
         return effects.put(setMessagesAC(cachedNearWindow.messages, channel.id));
       case 5:
-        _context27.n = 6;
+        _context28.n = 6;
         return effects.put(scrollToNewMessageAC(false));
       case 6:
-        _context27.n = 7;
+        _context28.n = 7;
         return effects.put(setUnreadScrollToAC(true));
       case 7:
         filteredPendingMessages = getFilteredPendingMessages(channel, cachedNearWindow.messages, {
           hasNext: cachedHasNextMessages
         });
-        _context27.n = 8;
+        _context28.n = 8;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 8:
-        _context27.n = 9;
+        _context28.n = 9;
         return effects.call(loadOGMetadataForLinkMessages, filteredPendingMessages, true, false, false);
       case 9:
-        _context27.n = 11;
+        _context28.n = 11;
         break;
       case 10:
-        _context27.n = 11;
+        _context28.n = 11;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADING);
       case 11:
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context27.n = 12;
+          _context28.n = 12;
           break;
         }
-        return _context27.a(2);
+        return _context28.a(2);
       case 12:
         SceytChatClient = getClient();
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channel.id);
         messageQueryBuilder.limit(MESSAGES_MAX_LENGTH);
         messageQueryBuilder.reverse(true);
-        _context27.n = 13;
+        _context28.n = 13;
         return effects.call(messageQueryBuilder.build);
       case 13:
-        messageQuery = _context27.v;
+        messageQuery = _context28.v;
         query.messageQuery = messageQuery;
         messageQuery.limit = MESSAGES_MAX_LENGTH;
         if (!Number(channel.lastDisplayedMessageId)) {
-          _context27.n = 15;
+          _context28.n = 15;
           break;
         }
-        _context27.n = 14;
+        _context28.n = 14;
         return effects.call(messageQuery.loadNearMessageId, channel.lastDisplayedMessageId);
       case 14:
-        result = _context27.v;
-        _context27.n = 17;
+        result = _context28.v;
+        _context28.n = 17;
         break;
       case 15:
-        _context27.n = 16;
+        _context28.n = 16;
         return effects.call(messageQuery.loadPrevious);
       case 16:
-        result = _context27.v;
+        result = _context28.v;
       case 17:
         firstConfirmedMessageId = getFirstConfirmedMessageId(result.messages);
         lastConfirmedMessageId = getLastConfirmedMessageId(result.messages);
@@ -24145,90 +24295,90 @@ function loadNearUnread(action) {
         appliedMessages = refreshedCachedNearWindow.hasEnoughCache && refreshedCachedNearWindow.messages.length ? refreshedCachedNearWindow.messages : getCachedMessagesForResult(channel.id, result.messages);
         hasPrevMessages = refreshedCachedNearWindow.hasEnoughCache && refreshedCachedNearWindow.messages.length ? !!channel.lastDisplayedMessageId || refreshedCachedNearWindow.hasPrevMessages : true;
         refreshedLastConfirmedMessageId = getLastConfirmedMessageId(appliedMessages);
-        hasNextMessages = refreshedCachedNearWindow.hasEnoughCache && refreshedCachedNearWindow.messages.length ? refreshedCachedNearWindow.hasNextMessages || !!((_channel$lastMessage5 = channel.lastMessage) !== null && _channel$lastMessage5 !== void 0 && _channel$lastMessage5.id) && !!refreshedLastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, refreshedLastConfirmedMessageId) > 0 : !!((_channel$lastMessage6 = channel.lastMessage) !== null && _channel$lastMessage6 !== void 0 && _channel$lastMessage6.id) && !!refreshedLastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, refreshedLastConfirmedMessageId) > 0;
-        _context27.n = 18;
+        hasNextMessages = refreshedCachedNearWindow.hasEnoughCache && refreshedCachedNearWindow.messages.length ? refreshedCachedNearWindow.hasNextMessages || !!((_channel$lastMessage6 = channel.lastMessage) !== null && _channel$lastMessage6 !== void 0 && _channel$lastMessage6.id) && !!refreshedLastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, refreshedLastConfirmedMessageId) > 0 : !!((_channel$lastMessage7 = channel.lastMessage) !== null && _channel$lastMessage7 !== void 0 && _channel$lastMessage7.id) && !!refreshedLastConfirmedMessageId && compareMessageIds(channel.lastMessage.id, refreshedLastConfirmedMessageId) > 0;
+        _context28.n = 18;
         return effects.put(setMessagesHasPrevAC(hasPrevMessages));
       case 18:
-        _context27.n = 19;
+        _context28.n = 19;
         return effects.put(setMessagesHasNextAC(hasNextMessages));
       case 19:
-        _context27.n = 20;
+        _context28.n = 20;
         return effects.put(setUnreadMessageIdAC(channel.lastDisplayedMessageId));
       case 20:
-        _context27.n = 21;
+        _context28.n = 21;
         return effects.call(loadOGMetadataForLinkMessages, appliedMessages, true, false, false);
       case 21:
         if (!(cacheWasShown && sameConfirmedWindow(lastAppliedWindow, appliedMessages))) {
-          _context27.n = 23;
+          _context28.n = 23;
           break;
         }
         changedMessages = getChangedActiveMessages(lastAppliedWindow, appliedMessages);
         if (!(changedMessages.length > 0)) {
-          _context27.n = 22;
+          _context28.n = 22;
           break;
         }
-        _context27.n = 22;
+        _context28.n = 22;
         return effects.put(patchMessagesAC(changedMessages));
       case 22:
-        _context27.n = 28;
+        _context28.n = 28;
         break;
       case 23:
-        _context27.n = 24;
+        _context28.n = 24;
         return effects.put(setMessagesAC(appliedMessages, channel.id));
       case 24:
-        _context27.n = 25;
+        _context28.n = 25;
         return effects.put(scrollToNewMessageAC(false));
       case 25:
-        _context27.n = 26;
+        _context28.n = 26;
         return effects.put(setUnreadScrollToAC(true));
       case 26:
-        _filteredPendingMessages2 = getFilteredPendingMessages(channel, appliedMessages, {
+        _filteredPendingMessages3 = getFilteredPendingMessages(channel, appliedMessages, {
           hasNext: hasNextMessages
         });
-        _context27.n = 27;
-        return effects.put(addMessagesAC(_filteredPendingMessages2, MESSAGE_LOAD_DIRECTION.NEXT));
+        _context28.n = 27;
+        return effects.put(addMessagesAC(_filteredPendingMessages3, MESSAGE_LOAD_DIRECTION.NEXT));
       case 27:
-        _context27.n = 28;
-        return effects.call(loadOGMetadataForLinkMessages, _filteredPendingMessages2, true, false, false);
+        _context28.n = 28;
+        return effects.call(loadOGMetadataForLinkMessages, _filteredPendingMessages3, true, false, false);
       case 28:
         waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
         if (!waitToSendPendingMessages) {
-          _context27.n = 30;
+          _context28.n = 30;
           break;
         }
-        _context27.n = 29;
+        _context28.n = 29;
         return effects.put(setWaitToSendPendingMessagesAC(false));
       case 29:
-        _context27.n = 30;
+        _context28.n = 30;
         return effects.spawn(sendPendingMessages, connectionState);
       case 30:
-        _context27.n = 32;
+        _context28.n = 32;
         break;
       case 31:
-        _context27.p = 31;
-        _t24 = _context27.v;
+        _context28.p = 31;
+        _t24 = _context28.v;
         log.error('error in loadNearUnread', _t24);
       case 32:
-        _context27.p = 32;
-        _context27.n = 33;
+        _context28.p = 32;
+        _context28.n = 33;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADED);
       case 33:
-        return _context27.f(32);
+        return _context28.f(32);
       case 34:
-        return _context27.a(2);
+        return _context28.a(2);
     }
-  }, _marked21$1, null, [[0, 31, 32, 34]]);
+  }, _marked22$1, null, [[0, 31, 32, 34]]);
 }
 function loadDefaultMessages(action) {
-  var channel, connectionState, _channel$lastMessage7, _channel$lastMessage8, _channel$lastMessage9, _result$messages, SceytChatClient, messageQueryBuilder, messageQuery, cachedMessages, messages, _filteredPendingMessages3, result, updatedMessages, appliedMessages, messageIdForLoad, firstConfirmedMessageId, lastConfirmedMessageId, changedMessages, _iterator3, _step3, message, filteredPendingMessages, waitToSendPendingMessages, _t25, _t26, _t27, _t28;
-  return _regenerator().w(function (_context28) {
-    while (1) switch (_context28.p = _context28.n) {
+  var channel, connectionState, _channel$lastMessage8, _channel$lastMessage9, _channel$lastMessage0, _result$messages, SceytChatClient, messageQueryBuilder, messageQuery, cachedMessages, messages, _filteredPendingMessages4, result, updatedMessages, appliedMessages, messageIdForLoad, firstConfirmedMessageId, lastConfirmedMessageId, changedMessages, _iterator3, _step3, message, filteredPendingMessages, waitToSendPendingMessages, _t25, _t26, _t27, _t28;
+  return _regenerator().w(function (_context29) {
+    while (1) switch (_context29.p = _context29.n) {
       case 0:
-        _context28.p = 0;
+        _context29.p = 0;
         channel = action.payload.channel;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(channel !== null && channel !== void 0 && channel.id && !(channel !== null && channel !== void 0 && channel.isMockChannel))) {
-          _context28.n = 32;
+          _context29.n = 32;
           break;
         }
         SceytChatClient = getClient();
@@ -24236,14 +24386,14 @@ function loadDefaultMessages(action) {
         messageQueryBuilder.limit(MESSAGES_MAX_LENGTH);
         messageQueryBuilder.reverse(true);
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context28.n = 2;
+          _context29.n = 2;
           break;
         }
-        _context28.n = 1;
+        _context29.n = 1;
         return effects.call(messageQueryBuilder.build);
       case 1:
-        _t25 = _context28.v;
-        _context28.n = 3;
+        _t25 = _context29.v;
+        _context29.n = 3;
         break;
       case 2:
         _t25 = null;
@@ -24252,48 +24402,48 @@ function loadDefaultMessages(action) {
         query.messageQuery = messageQuery;
         cachedMessages = getLatestMessagesFromMap(channel.id, MESSAGES_MAX_PAGE_COUNT);
         if (!(cachedMessages && cachedMessages.length)) {
-          _context28.n = 8;
+          _context29.n = 8;
           break;
         }
         messages = cachedMessages;
-        _context28.n = 4;
+        _context29.n = 4;
         return effects.call(loadOGMetadataForLinkMessages, messages, true, false, false);
       case 4:
-        _context28.n = 5;
+        _context29.n = 5;
         return effects.put(setMessagesAC(messages, channel.id));
       case 5:
-        _filteredPendingMessages3 = getFilteredPendingMessages(channel, messages, {
+        _filteredPendingMessages4 = getFilteredPendingMessages(channel, messages, {
           isLatestWindow: true
         });
-        _context28.n = 6;
-        return effects.put(addMessagesAC(_filteredPendingMessages3, MESSAGE_LOAD_DIRECTION.NEXT));
+        _context29.n = 6;
+        return effects.put(addMessagesAC(_filteredPendingMessages4, MESSAGE_LOAD_DIRECTION.NEXT));
       case 6:
-        _context28.n = 7;
-        return effects.call(loadOGMetadataForLinkMessages, _filteredPendingMessages3, true, false, false);
+        _context29.n = 7;
+        return effects.call(loadOGMetadataForLinkMessages, _filteredPendingMessages4, true, false, false);
       case 7:
-        _context28.n = 9;
+        _context29.n = 9;
         break;
       case 8:
-        _context28.n = 9;
+        _context29.n = 9;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADING);
       case 9:
         result = {
           messages: [],
           hasNext: false
         };
-        if (!(compareMessageIds(channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId, channel === null || channel === void 0 ? void 0 : (_channel$lastMessage7 = channel.lastMessage) === null || _channel$lastMessage7 === void 0 ? void 0 : _channel$lastMessage7.id) > 0)) {
-          _context28.n = 13;
+        if (!(compareMessageIds(channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId, channel === null || channel === void 0 ? void 0 : (_channel$lastMessage8 = channel.lastMessage) === null || _channel$lastMessage8 === void 0 ? void 0 : _channel$lastMessage8.id) > 0)) {
+          _context29.n = 13;
           break;
         }
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context28.n = 11;
+          _context29.n = 11;
           break;
         }
-        _context28.n = 10;
+        _context29.n = 10;
         return effects.call(messageQuery.loadPreviousMessageId, channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId);
       case 10:
-        _t26 = _context28.v;
-        _context28.n = 12;
+        _t26 = _context29.v;
+        _context29.n = 12;
         break;
       case 11:
         _t26 = {
@@ -24302,18 +24452,18 @@ function loadDefaultMessages(action) {
         };
       case 12:
         result = _t26;
-        _context28.n = 17;
+        _context29.n = 17;
         break;
       case 13:
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context28.n = 15;
+          _context29.n = 15;
           break;
         }
-        _context28.n = 14;
+        _context29.n = 14;
         return effects.call(messageQuery.loadPrevious);
       case 14:
-        _t27 = _context28.v;
-        _context28.n = 16;
+        _t27 = _context29.v;
+        _context29.n = 16;
         break;
       case 15:
         _t27 = {
@@ -24332,143 +24482,143 @@ function loadDefaultMessages(action) {
           updatedMessages.push(updatedMessage || msg);
         });
         appliedMessages = updatedMessages;
-        messageIdForLoad = compareMessageIds(channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId, channel === null || channel === void 0 ? void 0 : (_channel$lastMessage8 = channel.lastMessage) === null || _channel$lastMessage8 === void 0 ? void 0 : _channel$lastMessage8.id) > 0 ? (channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId) || '0' : (channel === null || channel === void 0 ? void 0 : (_channel$lastMessage9 = channel.lastMessage) === null || _channel$lastMessage9 === void 0 ? void 0 : _channel$lastMessage9.id) || '0';
+        messageIdForLoad = compareMessageIds(channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId, channel === null || channel === void 0 ? void 0 : (_channel$lastMessage9 = channel.lastMessage) === null || _channel$lastMessage9 === void 0 ? void 0 : _channel$lastMessage9.id) > 0 ? (channel === null || channel === void 0 ? void 0 : channel.lastDisplayedMessageId) || '0' : (channel === null || channel === void 0 ? void 0 : (_channel$lastMessage0 = channel.lastMessage) === null || _channel$lastMessage0 === void 0 ? void 0 : _channel$lastMessage0.id) || '0';
         if (!updatedMessages.length) {
-          _context28.n = 27;
+          _context29.n = 27;
           break;
         }
         firstConfirmedMessageId = getFirstConfirmedMessageId(updatedMessages);
         lastConfirmedMessageId = getLastConfirmedMessageId(updatedMessages);
         setMessagesToMap(channel.id, updatedMessages, firstConfirmedMessageId || '0', messageIdForLoad);
         if (!(firstConfirmedMessageId && lastConfirmedMessageId)) {
-          _context28.n = 18;
+          _context29.n = 18;
           break;
         }
         setActiveSegment(channel.id, firstConfirmedMessageId, lastConfirmedMessageId);
-        _context28.n = 18;
+        _context29.n = 18;
         return effects.spawn(prefetchMessages, channel.id, firstConfirmedMessageId, MESSAGE_LOAD_DIRECTION.PREV, 2);
       case 18:
         appliedMessages = getCachedMessagesForResult(channel.id, updatedMessages);
-        _context28.n = 19;
+        _context29.n = 19;
         return effects.call(loadOGMetadataForLinkMessages, appliedMessages, true, false, false);
       case 19:
-        _context28.n = 20;
+        _context29.n = 20;
         return effects.put(setMessagesHasPrevAC(true));
       case 20:
-        _context28.n = 21;
+        _context29.n = 21;
         return effects.put(setMessagesHasNextAC(false));
       case 21:
         if (!(cachedMessages !== null && cachedMessages !== void 0 && cachedMessages.length && sameConfirmedWindow(cachedMessages, appliedMessages))) {
-          _context28.n = 25;
+          _context29.n = 25;
           break;
         }
         changedMessages = getChangedActiveMessages(cachedMessages, appliedMessages);
         _iterator3 = _createForOfIteratorHelperLoose(changedMessages);
       case 22:
         if ((_step3 = _iterator3()).done) {
-          _context28.n = 24;
+          _context29.n = 24;
           break;
         }
         message = _step3.value;
-        _context28.n = 23;
+        _context29.n = 23;
         return effects.put(updateMessageAC(message.id, message));
       case 23:
-        _context28.n = 22;
+        _context29.n = 22;
         break;
       case 24:
-        _context28.n = 26;
+        _context29.n = 26;
         break;
       case 25:
-        _context28.n = 26;
+        _context29.n = 26;
         return effects.put(setMessagesAC(JSON.parse(JSON.stringify(appliedMessages))));
       case 26:
-        _context28.n = 28;
+        _context29.n = 28;
         break;
       case 27:
         if (!(!(cachedMessages !== null && cachedMessages !== void 0 && cachedMessages.length) && !((_result$messages = result.messages) !== null && _result$messages !== void 0 && _result$messages.length))) {
-          _context28.n = 28;
+          _context29.n = 28;
           break;
         }
-        _context28.n = 28;
+        _context29.n = 28;
         return effects.put(setMessagesAC([]));
       case 28:
         filteredPendingMessages = getFilteredPendingMessages(channel, appliedMessages, {
           isLatestWindow: true
         });
-        _context28.n = 29;
+        _context29.n = 29;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 29:
-        _context28.n = 30;
+        _context29.n = 30;
         return effects.call(loadOGMetadataForLinkMessages, filteredPendingMessages, true, false, false);
       case 30:
         waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
         if (!(connectionState === CONNECTION_STATUS.CONNECTED && waitToSendPendingMessages)) {
-          _context28.n = 32;
+          _context29.n = 32;
           break;
         }
-        _context28.n = 31;
+        _context29.n = 31;
         return effects.put(setWaitToSendPendingMessagesAC(false));
       case 31:
-        _context28.n = 32;
+        _context29.n = 32;
         return effects.spawn(sendPendingMessages, connectionState);
       case 32:
-        _context28.n = 34;
+        _context29.n = 34;
         break;
       case 33:
-        _context28.p = 33;
-        _t28 = _context28.v;
+        _context29.p = 33;
+        _t28 = _context29.v;
         log.error('error in loadDefaultMessages', _t28);
       case 34:
-        _context28.p = 34;
-        _context28.n = 35;
+        _context29.p = 34;
+        _context29.n = 35;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADED);
       case 35:
-        return _context28.f(34);
+        return _context29.f(34);
       case 36:
-        return _context28.a(2);
+        return _context29.a(2);
     }
-  }, _marked22$1, null, [[0, 33, 34, 36]]);
+  }, _marked23$1, null, [[0, 33, 34, 36]]);
 }
 function getMessagesQuery(action) {
-  var _action$payload5, channel, limit, networkChanged, _action$payload5$appl, applyVisibleWindow, channelNewMessageCount, connectionState, SceytChatClient, messageQueryBuilder, messageQuery, result, appliedMessages, firstConfirmedMessageId, lastConfirmedMessageId, _channel$lastMessage0, cachedMessages, cacheIsCurrent, _firstConfirmedMessageId, _lastConfirmedMessageId, activeMessages, activeConfirmedMessages, sameVisibleWindow, filteredPendingMessages, activeById, changedMessages, waitToSendPendingMessages, _t29, _t30, _t31, _t32;
-  return _regenerator().w(function (_context29) {
-    while (1) switch (_context29.p = _context29.n) {
+  var _action$payload6, channel, limit, networkChanged, _action$payload6$appl, applyVisibleWindow, channelNewMessageCount, connectionState, SceytChatClient, messageQueryBuilder, messageQuery, result, appliedMessages, firstConfirmedMessageId, lastConfirmedMessageId, _channel$lastMessage1, cachedMessages, cacheIsCurrent, _firstConfirmedMessageId2, _lastConfirmedMessageId2, activeMessages, activeConfirmedMessages, sameVisibleWindow, filteredPendingMessages, activeById, changedMessages, waitToSendPendingMessages, _t29, _t30, _t31, _t32;
+  return _regenerator().w(function (_context30) {
+    while (1) switch (_context30.p = _context30.n) {
       case 0:
-        _context29.p = 0;
-        _context29.n = 1;
+        _context30.p = 0;
+        _context30.n = 1;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADING);
       case 1:
-        _action$payload5 = action.payload, channel = _action$payload5.channel, limit = _action$payload5.limit, networkChanged = _action$payload5.networkChanged, _action$payload5$appl = _action$payload5.applyVisibleWindow, applyVisibleWindow = _action$payload5$appl === void 0 ? true : _action$payload5$appl;
+        _action$payload6 = action.payload, channel = _action$payload6.channel, limit = _action$payload6.limit, networkChanged = _action$payload6.networkChanged, _action$payload6$appl = _action$payload6.applyVisibleWindow, applyVisibleWindow = _action$payload6$appl === void 0 ? true : _action$payload6$appl;
         channelNewMessageCount = (channel === null || channel === void 0 ? void 0 : channel.newMessageCount) || 0;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(channel !== null && channel !== void 0 && channel.id && !(channel !== null && channel !== void 0 && channel.isMockChannel))) {
-          _context29.n = 33;
+          _context30.n = 33;
           break;
         }
         SceytChatClient = getClient();
         if (!networkChanged) {
-          _context29.n = 2;
+          _context30.n = 2;
           break;
         }
         if (!channel.newMessageCount) {
-          _context29.n = 2;
+          _context30.n = 2;
           break;
         }
-        _context29.n = 2;
+        _context30.n = 2;
         return effects.put(setUnreadMessageIdAC(channel.lastDisplayedMessageId));
       case 2:
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channel.id);
         messageQueryBuilder.limit(limit || MESSAGES_MAX_LENGTH);
         messageQueryBuilder.reverse(true);
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context29.n = 4;
+          _context30.n = 4;
           break;
         }
-        _context29.n = 3;
+        _context30.n = 3;
         return effects.call(messageQueryBuilder.build);
       case 3:
-        _t29 = _context29.v;
-        _context29.n = 5;
+        _t29 = _context30.v;
+        _context30.n = 5;
         break;
       case 4:
         _t29 = null;
@@ -24481,23 +24631,23 @@ function getMessagesQuery(action) {
         };
         appliedMessages = [];
         if (!(!networkChanged && channelNewMessageCount && channelNewMessageCount > 0)) {
-          _context29.n = 17;
+          _context30.n = 17;
           break;
         }
         messageQuery.limit = MESSAGES_MAX_LENGTH;
         if (!Number(channel.lastDisplayedMessageId)) {
-          _context29.n = 9;
+          _context30.n = 9;
           break;
         }
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context29.n = 7;
+          _context30.n = 7;
           break;
         }
-        _context29.n = 6;
+        _context30.n = 6;
         return effects.call(messageQuery.loadNearMessageId, channel.lastDisplayedMessageId);
       case 6:
-        _t30 = _context29.v;
-        _context29.n = 8;
+        _t30 = _context30.v;
+        _context30.n = 8;
         break;
       case 7:
         _t30 = {
@@ -24506,18 +24656,18 @@ function getMessagesQuery(action) {
         };
       case 8:
         result = _t30;
-        _context29.n = 13;
+        _context30.n = 13;
         break;
       case 9:
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context29.n = 11;
+          _context30.n = 11;
           break;
         }
-        _context29.n = 10;
+        _context30.n = 10;
         return effects.call(messageQuery.loadPrevious);
       case 10:
-        _t31 = _context29.v;
-        _context29.n = 12;
+        _t31 = _context30.v;
+        _context30.n = 12;
         break;
       case 11:
         _t31 = {
@@ -24527,10 +24677,10 @@ function getMessagesQuery(action) {
       case 12:
         result = _t31;
       case 13:
-        _context29.n = 14;
+        _context30.n = 14;
         return effects.call(loadOGMetadataForLinkMessages, result.messages, true, false, false);
       case 14:
-        _context29.n = 15;
+        _context30.n = 15;
         return effects.put(setMessagesAC(JSON.parse(JSON.stringify(result.messages)), channel.id));
       case 15:
         firstConfirmedMessageId = getFirstConfirmedMessageId(result.messages);
@@ -24540,52 +24690,52 @@ function getMessagesQuery(action) {
           setActiveSegment(channel.id, firstConfirmedMessageId, lastConfirmedMessageId);
         }
         appliedMessages = getCachedMessagesForResult(channel.id, result.messages);
-        _context29.n = 16;
+        _context30.n = 16;
         return effects.put(setMessagesHasPrevAC(true));
       case 16:
-        _context29.n = 22;
+        _context30.n = 22;
         break;
       case 17:
         cachedMessages = getLatestMessagesFromMap(channel.id, MESSAGES_MAX_PAGE_COUNT);
-        cacheIsCurrent = cachedMessages.length > 0 && getLastConfirmedMessageId(cachedMessages) === ((_channel$lastMessage0 = channel.lastMessage) === null || _channel$lastMessage0 === void 0 ? void 0 : _channel$lastMessage0.id);
+        cacheIsCurrent = cachedMessages.length > 0 && getLastConfirmedMessageId(cachedMessages) === ((_channel$lastMessage1 = channel.lastMessage) === null || _channel$lastMessage1 === void 0 ? void 0 : _channel$lastMessage1.id);
         if (!cacheIsCurrent) {
-          _context29.n = 18;
+          _context30.n = 18;
           break;
         }
         result.messages = cachedMessages;
-        _context29.n = 21;
+        _context30.n = 21;
         break;
       case 18:
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context29.n = 20;
+          _context30.n = 20;
           break;
         }
         messageQuery.limit = MESSAGES_MAX_LENGTH;
-        _context29.n = 19;
+        _context30.n = 19;
         return effects.call(messageQuery.loadPrevious);
       case 19:
-        result = _context29.v;
+        result = _context30.v;
         if (result.messages.length) {
-          _firstConfirmedMessageId = getFirstConfirmedMessageId(result.messages);
-          _lastConfirmedMessageId = getLastConfirmedMessageId(result.messages);
-          if (_firstConfirmedMessageId && _lastConfirmedMessageId) {
-            setMessagesToMap(channel.id, result.messages, _firstConfirmedMessageId, _lastConfirmedMessageId);
-            setActiveSegment(channel.id, _firstConfirmedMessageId, _lastConfirmedMessageId);
+          _firstConfirmedMessageId2 = getFirstConfirmedMessageId(result.messages);
+          _lastConfirmedMessageId2 = getLastConfirmedMessageId(result.messages);
+          if (_firstConfirmedMessageId2 && _lastConfirmedMessageId2) {
+            setMessagesToMap(channel.id, result.messages, _firstConfirmedMessageId2, _lastConfirmedMessageId2);
+            setActiveSegment(channel.id, _firstConfirmedMessageId2, _lastConfirmedMessageId2);
           }
         }
-        _context29.n = 21;
+        _context30.n = 21;
         break;
       case 20:
         result.messages = cachedMessages;
       case 21:
         appliedMessages = connectionState === CONNECTION_STATUS.CONNECTED ? getCachedMessagesForResult(channel.id, result.messages) : result.messages;
-        _context29.n = 22;
+        _context30.n = 22;
         return effects.put(setMessagesHasPrevAC(true));
       case 22:
         if (!appliedMessages.length) {
           appliedMessages = result.messages;
         }
-        _context29.n = 23;
+        _context30.n = 23;
         return effects.call(loadOGMetadataForLinkMessages, appliedMessages, true, false, false);
       case 23:
         activeMessages = store.getState().MessageReducer.activeChannelMessages || [];
@@ -24594,29 +24744,29 @@ function getMessagesQuery(action) {
         });
         sameVisibleWindow = sameConfirmedWindow(activeConfirmedMessages, appliedMessages);
         if (!applyVisibleWindow) {
-          _context29.n = 28;
+          _context30.n = 28;
           break;
         }
-        _context29.n = 24;
+        _context30.n = 24;
         return effects.put(setMessagesAC(appliedMessages, channel.id));
       case 24:
-        _context29.n = 25;
+        _context30.n = 25;
         return effects.put(setMessagesHasNextAC(false));
       case 25:
         filteredPendingMessages = getFilteredPendingMessages(channel, appliedMessages, {
           hasNext: false
         });
-        _context29.n = 26;
+        _context30.n = 26;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 26:
-        _context29.n = 27;
+        _context30.n = 27;
         return effects.call(loadOGMetadataForLinkMessages, filteredPendingMessages, true, false, false);
       case 27:
-        _context29.n = 30;
+        _context30.n = 30;
         break;
       case 28:
         if (!sameVisibleWindow) {
-          _context29.n = 30;
+          _context30.n = 30;
           break;
         }
         activeById = new Map(activeConfirmedMessages.map(function (currentMessage) {
@@ -24633,82 +24783,82 @@ function getMessagesQuery(action) {
           return JSON.stringify(existingMessage) !== JSON.stringify(loadedMessage);
         });
         if (!(changedMessages.length > 0)) {
-          _context29.n = 29;
+          _context30.n = 29;
           break;
         }
-        _context29.n = 29;
+        _context30.n = 29;
         return effects.put(patchMessagesAC(changedMessages));
       case 29:
-        _context29.n = 30;
+        _context30.n = 30;
         return effects.put(setMessagesHasNextAC(false));
       case 30:
         waitToSendPendingMessages = store.getState().UserReducer.waitToSendPendingMessages;
         if (!(connectionState === CONNECTION_STATUS.CONNECTED && waitToSendPendingMessages)) {
-          _context29.n = 32;
+          _context30.n = 32;
           break;
         }
-        _context29.n = 31;
+        _context30.n = 31;
         return effects.put(setWaitToSendPendingMessagesAC(false));
       case 31:
-        _context29.n = 32;
+        _context30.n = 32;
         return effects.spawn(sendPendingMessages, connectionState);
       case 32:
-        _context29.n = 34;
+        _context30.n = 34;
         break;
       case 33:
         if (!(channel !== null && channel !== void 0 && channel.isMockChannel)) {
-          _context29.n = 34;
+          _context30.n = 34;
           break;
         }
-        _context29.n = 34;
+        _context30.n = 34;
         return effects.put(setMessagesAC([]));
       case 34:
-        _context29.n = 36;
+        _context30.n = 36;
         break;
       case 35:
-        _context29.p = 35;
-        _t32 = _context29.v;
+        _context30.p = 35;
+        _t32 = _context30.v;
         log.error('error in message query', _t32);
       case 36:
-        _context29.p = 36;
-        _context29.n = 37;
+        _context30.p = 36;
+        _context30.n = 37;
         return effects.call(setMessageListLoading, 'both', LOADING_STATE.LOADED);
       case 37:
-        return _context29.f(36);
+        return _context30.f(36);
       case 38:
-        return _context29.a(2);
+        return _context30.a(2);
     }
-  }, _marked23$1, null, [[0, 35, 36, 38]]);
+  }, _marked24$1, null, [[0, 35, 36, 38]]);
 }
 function getMessageQuery(action) {
   var payload, channelId, messageId, channel, connectionState, messages, fetchedMessage, _t33;
-  return _regenerator().w(function (_context30) {
-    while (1) switch (_context30.p = _context30.n) {
+  return _regenerator().w(function (_context31) {
+    while (1) switch (_context31.p = _context31.n) {
       case 0:
-        _context30.p = 0;
+        _context31.p = 0;
         payload = action.payload;
         channelId = payload.channelId, messageId = payload.messageId;
-        _context30.n = 1;
+        _context31.n = 1;
         return effects.call(getChannelFromAllChannels, channelId);
       case 1:
-        channel = _context30.v;
+        channel = _context31.v;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(!channel || connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context30.n = 2;
+          _context31.n = 2;
           break;
         }
-        return _context30.a(2);
+        return _context31.a(2);
       case 2:
-        _context30.n = 3;
+        _context31.n = 3;
         return effects.call(channel.getMessagesById, [messageId]);
       case 3:
-        messages = _context30.v;
+        messages = _context31.v;
         fetchedMessage = messages && messages[0] ? JSON.parse(JSON.stringify(messages[0])) : null;
         if (!fetchedMessage) {
-          _context30.n = 5;
+          _context31.n = 5;
           break;
         }
-        _context30.n = 4;
+        _context31.n = 4;
         return effects.put(updateMessageAC(messageId, fetchedMessage));
       case 4:
         updateMessageOnMap(channel.id, {
@@ -24716,39 +24866,39 @@ function getMessageQuery(action) {
           params: fetchedMessage
         });
         if (!(channel.lastMessage && channel.lastMessage.id === messageId)) {
-          _context30.n = 5;
+          _context31.n = 5;
           break;
         }
         updateChannelLastMessageOnAllChannels(channel.id, fetchedMessage);
-        _context30.n = 5;
+        _context31.n = 5;
         return effects.put(updateChannelLastMessageAC(fetchedMessage, channel));
       case 5:
-        _context30.n = 7;
+        _context31.n = 7;
         break;
       case 6:
-        _context30.p = 6;
-        _t33 = _context30.v;
+        _context31.p = 6;
+        _t33 = _context31.v;
         log.error('error in message query', _t33);
       case 7:
-        return _context30.a(2);
+        return _context31.a(2);
     }
-  }, _marked24$1, null, [[0, 6]]);
+  }, _marked25$1, null, [[0, 6]]);
 }
 function prefetchMessages(channelId, fromMessageId, direction, pages) {
   var key, SceytChatClient, request, currentFromId, i, cached, mqb, mq, result, _cached, _mqb, _mq, _result, _t34;
-  return _regenerator().w(function (_context31) {
-    while (1) switch (_context31.p = _context31.n) {
+  return _regenerator().w(function (_context32) {
+    while (1) switch (_context32.p = _context32.n) {
       case 0:
         key = channelId + ":" + direction;
         if (!prefetchInFlight.has(key)) {
-          _context31.n = 1;
+          _context32.n = 1;
           break;
         }
         queuePrefetchRequest(key, direction, fromMessageId, pages);
-        return _context31.a(2);
+        return _context32.a(2);
       case 1:
         prefetchInFlight.add(key);
-        _context31.p = 2;
+        _context32.p = 2;
         SceytChatClient = getClient();
         request = {
           fromMessageId: fromMessageId,
@@ -24756,170 +24906,170 @@ function prefetchMessages(channelId, fromMessageId, direction, pages) {
         };
       case 3:
         if (!request) {
-          _context31.n = 19;
+          _context32.n = 19;
           break;
         }
         currentFromId = request.fromMessageId;
         i = 0;
       case 4:
         if (!(i < request.pages)) {
-          _context31.n = 18;
+          _context32.n = 18;
           break;
         }
         if (!(direction === MESSAGE_LOAD_DIRECTION.PREV)) {
-          _context31.n = 11;
+          _context32.n = 11;
           break;
         }
         if (!hasPrevContiguousInMap(channelId, {
           id: currentFromId
         })) {
-          _context31.n = 5;
+          _context32.n = 5;
           break;
         }
         cached = getContiguousPrevMessages(channelId, {
           id: currentFromId
         }, LOAD_MAX_MESSAGE_COUNT_PREFETCH);
         if (!(cached.length > 0)) {
-          _context31.n = 5;
+          _context32.n = 5;
           break;
         }
         currentFromId = cached[0].id;
-        return _context31.a(3, 17);
+        return _context32.a(3, 17);
       case 5:
         mqb = new SceytChatClient.MessageListQueryBuilder(channelId);
         mqb.limit(LOAD_MAX_MESSAGE_COUNT_PREFETCH);
         mqb.reverse(true);
-        _context31.n = 6;
+        _context32.n = 6;
         return effects.call(mqb.build);
       case 6:
-        mq = _context31.v;
-        _context31.n = 7;
+        mq = _context32.v;
+        _context32.n = 7;
         return effects.call(mq.loadPreviousMessageId, currentFromId);
       case 7:
-        result = _context31.v;
+        result = _context32.v;
         if (result.messages.length) {
-          _context31.n = 8;
+          _context32.n = 8;
           break;
         }
-        return _context31.a(3, 18);
+        return _context32.a(3, 18);
       case 8:
         setMessagesToMap(channelId, result.messages, result.messages[0].id, result.messages[result.messages.length - 1].id);
         extendActiveSegment(channelId, result.messages[0].id, result.messages[result.messages.length - 1].id, MESSAGE_LOAD_DIRECTION.PREV);
-        _context31.n = 9;
+        _context32.n = 9;
         return effects.call(patchActiveMessagesFromCacheRange, channelId, result.messages[0].id, result.messages[result.messages.length - 1].id);
       case 9:
         currentFromId = result.messages[0].id;
         if (result.hasNext) {
-          _context31.n = 10;
+          _context32.n = 10;
           break;
         }
-        return _context31.a(3, 18);
+        return _context32.a(3, 18);
       case 10:
-        _context31.n = 17;
+        _context32.n = 17;
         break;
       case 11:
         if (!hasNextContiguousInMap(channelId, {
           id: currentFromId
         })) {
-          _context31.n = 12;
+          _context32.n = 12;
           break;
         }
         _cached = getContiguousNextMessages(channelId, {
           id: currentFromId
         }, LOAD_MAX_MESSAGE_COUNT_PREFETCH);
         if (!(_cached.length > 0)) {
-          _context31.n = 12;
+          _context32.n = 12;
           break;
         }
         currentFromId = _cached[_cached.length - 1].id;
-        return _context31.a(3, 17);
+        return _context32.a(3, 17);
       case 12:
         _mqb = new SceytChatClient.MessageListQueryBuilder(channelId);
         _mqb.limit(LOAD_MAX_MESSAGE_COUNT_PREFETCH);
         _mqb.reverse(false);
-        _context31.n = 13;
+        _context32.n = 13;
         return effects.call(_mqb.build);
       case 13:
-        _mq = _context31.v;
-        _context31.n = 14;
+        _mq = _context32.v;
+        _context32.n = 14;
         return effects.call(_mq.loadNextMessageId, currentFromId);
       case 14:
-        _result = _context31.v;
+        _result = _context32.v;
         if (_result.messages.length) {
-          _context31.n = 15;
+          _context32.n = 15;
           break;
         }
-        return _context31.a(3, 18);
+        return _context32.a(3, 18);
       case 15:
         setMessagesToMap(channelId, _result.messages, _result.messages[0].id, _result.messages[_result.messages.length - 1].id);
         extendActiveSegment(channelId, _result.messages[0].id, _result.messages[_result.messages.length - 1].id, MESSAGE_LOAD_DIRECTION.NEXT);
-        _context31.n = 16;
+        _context32.n = 16;
         return effects.call(patchActiveMessagesFromCacheRange, channelId, _result.messages[0].id, _result.messages[_result.messages.length - 1].id);
       case 16:
         currentFromId = _result.messages[_result.messages.length - 1].id;
         if (_result.hasNext) {
-          _context31.n = 17;
+          _context32.n = 17;
           break;
         }
-        return _context31.a(3, 18);
+        return _context32.a(3, 18);
       case 17:
         i++;
-        _context31.n = 4;
+        _context32.n = 4;
         break;
       case 18:
         request = queuedPrefetchRequests.get(key) || null;
         if (request) {
           queuedPrefetchRequests["delete"](key);
         }
-        _context31.n = 3;
+        _context32.n = 3;
         break;
       case 19:
-        _context31.n = 21;
+        _context32.n = 21;
         break;
       case 20:
-        _context31.p = 20;
-        _t34 = _context31.v;
+        _context32.p = 20;
+        _t34 = _context32.v;
         log.error('[PREFETCH] prefetchMessages error:', _t34);
       case 21:
-        _context31.p = 21;
+        _context32.p = 21;
         queuedPrefetchRequests["delete"](key);
         prefetchInFlight["delete"](key);
         notifyPrefetchCompletion(key);
-        return _context31.f(21);
+        return _context32.f(21);
       case 22:
-        return _context31.a(2);
+        return _context32.a(2);
     }
-  }, _marked25$1, null, [[2, 20, 21, 22]]);
+  }, _marked26$1, null, [[2, 20, 21, 22]]);
 }
 function loadMoreMessages(action) {
   var acquiredLock, loadingScope, payload, limit, direction, channelId, messageId, hasNext, requestId, inFlightKey, SceytChatClient, messageQueryBuilder, messageQuery, connectionState, result, reachedLatestConfirmedEdge, nextHasPrevState, nextHasNextState, currentConfirmedMessages, prefetchKey, mapCached, aheadCached, pagesToFetch, fromId, _result$messages$, _result$messages2, nextWindowConfirmedCount, _mapCached, lastConfirmedMsg, lastConfirmedId, _aheadCached, confirmedAheadCount, hasCachedNext, canLoadServerNext, _pagesToFetch, _reverse$find, lastAheadConfirmedId, _fromId, _result$messages$2, _result$messages3, shouldApplyVisibleResult, filteredPendingMessages, _t35;
-  return _regenerator().w(function (_context32) {
-    while (1) switch (_context32.p = _context32.n) {
+  return _regenerator().w(function (_context33) {
+    while (1) switch (_context33.p = _context33.n) {
       case 0:
         acquiredLock = false;
         loadingScope = 'both';
-        _context32.p = 1;
+        _context33.p = 1;
         payload = action.payload;
         limit = payload.limit, direction = payload.direction, channelId = payload.channelId, messageId = payload.messageId, hasNext = payload.hasNext, requestId = payload.requestId;
         inFlightKey = getLoadMoreInFlightKey(channelId, direction);
         if (!loadMoreMessagesInFlight.has(inFlightKey)) {
-          _context32.n = 2;
+          _context33.n = 2;
           break;
         }
-        return _context32.a(2);
+        return _context33.a(2);
       case 2:
         loadMoreMessagesInFlight.add(inFlightKey);
         acquiredLock = true;
         SceytChatClient = getClient();
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channelId);
         messageQueryBuilder.reverse(true);
-        _context32.n = 3;
+        _context33.n = 3;
         return effects.call(messageQueryBuilder.build);
       case 3:
-        messageQuery = _context32.v;
+        messageQuery = _context33.v;
         messageQuery.limit = 20;
         loadingScope = direction === MESSAGE_LOAD_DIRECTION.PREV ? 'previous' : 'next';
-        _context32.n = 4;
+        _context33.n = 4;
         return effects.call(setMessageListLoading, loadingScope, LOADING_STATE.LOADING);
       case 4:
         connectionState = store.getState().UserReducer.connectionStatus;
@@ -24933,17 +25083,17 @@ function loadMoreMessages(action) {
         });
         prefetchKey = channelId + ":" + direction;
         if (!(direction === MESSAGE_LOAD_DIRECTION.PREV)) {
-          _context32.n = 14;
+          _context33.n = 14;
           break;
         }
         mapCached = getContiguousPrevMessages(channelId, {
           id: messageId
         }, limit || 30);
         if (!(!mapCached.length && hasNext && prefetchInFlight.has(prefetchKey))) {
-          _context32.n = 6;
+          _context33.n = 6;
           break;
         }
-        _context32.n = 5;
+        _context33.n = 5;
         return effects.call(waitForPrefetchCompletion, prefetchKey);
       case 5:
         mapCached = getContiguousPrevMessages(channelId, {
@@ -24951,7 +25101,7 @@ function loadMoreMessages(action) {
         }, limit || 30);
       case 6:
         if (!(mapCached.length > 0)) {
-          _context32.n = 8;
+          _context33.n = 8;
           break;
         }
         result.messages = mapCached;
@@ -24959,39 +25109,39 @@ function loadMoreMessages(action) {
         nextHasPrevState = aheadCached.length > 0 || hasNext;
         pagesToFetch = 2 - Math.floor(aheadCached.length / LOAD_MAX_MESSAGE_COUNT_PREFETCH);
         if (!(pagesToFetch > 0 && hasNext)) {
-          _context32.n = 7;
+          _context33.n = 7;
           break;
         }
         fromId = aheadCached.length > 0 ? aheadCached[0].id : mapCached[0].id;
-        _context32.n = 7;
+        _context33.n = 7;
         return effects.spawn(prefetchMessages, channelId, fromId, MESSAGE_LOAD_DIRECTION.PREV, pagesToFetch);
       case 7:
-        _context32.n = 13;
+        _context33.n = 13;
         break;
       case 8:
         if (!hasNext) {
-          _context32.n = 13;
+          _context33.n = 13;
           break;
         }
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context32.n = 9;
+          _context33.n = 9;
           break;
         }
         loadMoreMessagesInFlight["delete"](getLoadMoreInFlightKey(action.payload.channelId, action.payload.direction));
         store.dispatch(setLoadingPrevMessagesStateAC(LOADING_STATE.LOADED));
-        return _context32.a(2);
+        return _context33.a(2);
       case 9:
-        _context32.n = 10;
+        _context33.n = 10;
         return effects.call(messageQuery.loadPreviousMessageId, messageId);
       case 10:
-        result = _context32.v;
+        result = _context33.v;
         if (!result.messages.length) {
-          _context32.n = 12;
+          _context33.n = 12;
           break;
         }
         setMessagesToMap(channelId, result.messages, (_result$messages$ = result.messages[0]) === null || _result$messages$ === void 0 ? void 0 : _result$messages$.id, (_result$messages2 = result.messages[result.messages.length - 1]) === null || _result$messages2 === void 0 ? void 0 : _result$messages2.id);
         extendActiveSegment(channelId, result.messages[0].id, result.messages[result.messages.length - 1].id, MESSAGE_LOAD_DIRECTION.PREV);
-        _context32.n = 11;
+        _context33.n = 11;
         return effects.spawn(prefetchMessages, channelId, result.messages[0].id, MESSAGE_LOAD_DIRECTION.PREV, 2);
       case 11:
         result.messages = getContiguousPrevMessages(channelId, {
@@ -25006,17 +25156,17 @@ function loadMoreMessages(action) {
         if (nextWindowConfirmedCount > MESSAGES_MAX_PAGE_COUNT) {
           nextHasNextState = true;
         }
-        _context32.n = 25;
+        _context33.n = 25;
         break;
       case 14:
         _mapCached = getContiguousNextMessages(channelId, {
           id: messageId
         }, limit || 30);
         if (!(!_mapCached.length && hasNext && prefetchInFlight.has(prefetchKey))) {
-          _context32.n = 16;
+          _context33.n = 16;
           break;
         }
-        _context32.n = 15;
+        _context33.n = 15;
         return effects.call(waitForPrefetchCompletion, prefetchKey);
       case 15:
         _mapCached = getContiguousNextMessages(channelId, {
@@ -25024,7 +25174,7 @@ function loadMoreMessages(action) {
         }, limit || 30);
       case 16:
         if (!(_mapCached.length > 0)) {
-          _context32.n = 18;
+          _context33.n = 18;
           break;
         }
         result.messages = _mapCached;
@@ -25042,7 +25192,7 @@ function loadMoreMessages(action) {
         nextHasNextState = hasCachedNext || canLoadServerNext;
         _pagesToFetch = 2 - Math.floor(confirmedAheadCount / LOAD_MAX_MESSAGE_COUNT_PREFETCH);
         if (!(_pagesToFetch > 0 && hasNext)) {
-          _context32.n = 17;
+          _context33.n = 17;
           break;
         }
         lastAheadConfirmedId = (_reverse$find = [].concat(_aheadCached).reverse().find(function (m) {
@@ -25050,39 +25200,39 @@ function loadMoreMessages(action) {
         })) === null || _reverse$find === void 0 ? void 0 : _reverse$find.id;
         _fromId = lastAheadConfirmedId || lastConfirmedId;
         if (!_fromId) {
-          _context32.n = 17;
+          _context33.n = 17;
           break;
         }
-        _context32.n = 17;
+        _context33.n = 17;
         return effects.spawn(prefetchMessages, channelId, _fromId, MESSAGE_LOAD_DIRECTION.NEXT, _pagesToFetch);
       case 17:
-        _context32.n = 24;
+        _context33.n = 24;
         break;
       case 18:
         if (!hasNext) {
-          _context32.n = 23;
+          _context33.n = 23;
           break;
         }
         messageQuery.reverse = false;
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context32.n = 19;
+          _context33.n = 19;
           break;
         }
         loadMoreMessagesInFlight["delete"](getLoadMoreInFlightKey(action.payload.channelId, action.payload.direction));
         store.dispatch(setLoadingNextMessagesStateAC(LOADING_STATE.LOADED));
-        return _context32.a(2);
+        return _context33.a(2);
       case 19:
-        _context32.n = 20;
+        _context33.n = 20;
         return effects.call(messageQuery.loadNextMessageId, messageId);
       case 20:
-        result = _context32.v;
+        result = _context33.v;
         if (!result.messages.length) {
-          _context32.n = 22;
+          _context33.n = 22;
           break;
         }
         setMessagesToMap(channelId, result.messages, (_result$messages$2 = result.messages[0]) === null || _result$messages$2 === void 0 ? void 0 : _result$messages$2.id, (_result$messages3 = result.messages[result.messages.length - 1]) === null || _result$messages3 === void 0 ? void 0 : _result$messages3.id);
         extendActiveSegment(channelId, result.messages[0].id, result.messages[result.messages.length - 1].id, MESSAGE_LOAD_DIRECTION.NEXT);
-        _context32.n = 21;
+        _context33.n = 21;
         return effects.spawn(prefetchMessages, channelId, result.messages[result.messages.length - 1].id, MESSAGE_LOAD_DIRECTION.NEXT, 2);
       case 21:
         result.messages = getContiguousNextMessages(channelId, {
@@ -25091,7 +25241,7 @@ function loadMoreMessages(action) {
       case 22:
         reachedLatestConfirmedEdge = !result.hasNext;
         nextHasNextState = result.hasNext;
-        _context32.n = 24;
+        _context33.n = 24;
         break;
       case 23:
         reachedLatestConfirmedEdge = true;
@@ -25101,64 +25251,64 @@ function loadMoreMessages(action) {
       case 25:
         shouldApplyVisibleResult = isCurrentPaginationIntent(channelId, direction === MESSAGE_LOAD_DIRECTION.PREV ? 'prev' : 'next', requestId);
         if (!(shouldApplyVisibleResult && nextHasPrevState !== undefined)) {
-          _context32.n = 26;
+          _context33.n = 26;
           break;
         }
-        _context32.n = 26;
+        _context33.n = 26;
         return effects.put(setMessagesHasPrevAC(nextHasPrevState));
       case 26:
         if (!(shouldApplyVisibleResult && nextHasNextState !== undefined)) {
-          _context32.n = 27;
+          _context33.n = 27;
           break;
         }
-        _context32.n = 27;
+        _context33.n = 27;
         return effects.put(setMessagesHasNextAC(nextHasNextState));
       case 27:
         if (!(shouldApplyVisibleResult && result.messages && result.messages.length && result.messages.length > 0)) {
-          _context32.n = 30;
+          _context33.n = 30;
           break;
         }
-        _context32.n = 28;
+        _context33.n = 28;
         return effects.call(loadOGMetadataForLinkMessages, result.messages, true, false, false);
       case 28:
-        _context32.n = 29;
+        _context33.n = 29;
         return effects.put(addMessagesAC(JSON.parse(JSON.stringify(result.messages)), direction));
       case 29:
-        _context32.n = 31;
+        _context33.n = 31;
         break;
       case 30:
         if (!shouldApplyVisibleResult) {
-          _context32.n = 31;
+          _context33.n = 31;
           break;
         }
-        _context32.n = 31;
+        _context33.n = 31;
         return effects.put(addMessagesAC([], direction));
       case 31:
         if (!(shouldApplyVisibleResult && direction === MESSAGE_LOAD_DIRECTION.NEXT && reachedLatestConfirmedEdge)) {
-          _context32.n = 33;
+          _context33.n = 33;
           break;
         }
         filteredPendingMessages = getFilteredPendingMessages(channelId, result.messages, {
           hasNext: false
         });
         if (!filteredPendingMessages.length) {
-          _context32.n = 33;
+          _context33.n = 33;
           break;
         }
-        _context32.n = 32;
+        _context33.n = 32;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 32:
-        _context32.n = 33;
+        _context33.n = 33;
         return effects.call(loadOGMetadataForLinkMessages, filteredPendingMessages, true, false, false);
       case 33:
-        _context32.n = 35;
+        _context33.n = 35;
         break;
       case 34:
-        _context32.p = 34;
-        _t35 = _context32.v;
+        _context33.p = 34;
+        _t35 = _context33.v;
         log.error('[MESSAGE_LIST] loadMoreMessages ERROR:', _t35 === null || _t35 === void 0 ? void 0 : _t35.type);
       case 35:
-        _context32.p = 35;
+        _context33.p = 35;
         if (acquiredLock) {
           loadMoreMessagesInFlight["delete"](getLoadMoreInFlightKey(action.payload.channelId, action.payload.direction));
           if (loadingScope === 'previous') {
@@ -25167,39 +25317,39 @@ function loadMoreMessages(action) {
             store.dispatch(setLoadingNextMessagesStateAC(LOADING_STATE.LOADED));
           }
         }
-        return _context32.f(35);
+        return _context33.f(35);
       case 36:
-        return _context32.a(2);
+        return _context33.a(2);
     }
-  }, _marked26$1, null, [[1, 34, 35, 36]]);
+  }, _marked27$1, null, [[1, 34, 35, 36]]);
 }
 function addReaction(action) {
   var payload, channelId, messageId, key, score, reason, enforceUnique, user, channel, _yield$call, message, reaction, channelUpdateParam, _t36;
-  return _regenerator().w(function (_context33) {
-    while (1) switch (_context33.p = _context33.n) {
+  return _regenerator().w(function (_context34) {
+    while (1) switch (_context34.p = _context34.n) {
       case 0:
-        _context33.p = 0;
+        _context34.p = 0;
         payload = action.payload;
         channelId = payload.channelId, messageId = payload.messageId, key = payload.key, score = payload.score, reason = payload.reason, enforceUnique = payload.enforceUnique;
         user = getClient().user;
-        _context33.n = 1;
+        _context34.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context33.v;
+        channel = _context34.v;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
             setChannelInMap(channel);
           }
         }
-        _context33.n = 2;
+        _context34.n = 2;
         return effects.call(channel.addReaction, messageId, key, score, reason, enforceUnique);
       case 2:
-        _yield$call = _context33.v;
+        _yield$call = _context34.v;
         message = _yield$call.message;
         reaction = _yield$call.reaction;
         if (!(user.id === message.user.id)) {
-          _context33.n = 4;
+          _context34.n = 4;
           break;
         }
         channelUpdateParam = {
@@ -25207,97 +25357,97 @@ function addReaction(action) {
           lastReactedMessage: message,
           newReactions: [reaction]
         };
-        _context33.n = 3;
+        _context34.n = 3;
         return effects.put(updateChannelDataAC(channel.id, channelUpdateParam));
       case 3:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
       case 4:
-        _context33.n = 5;
+        _context34.n = 5;
         return effects.put(addChannelAC(JSON.parse(JSON.stringify(channel))));
       case 5:
-        _context33.n = 6;
+        _context34.n = 6;
         return effects.put(addReactionToListAC(reaction));
       case 6:
-        _context33.n = 7;
+        _context34.n = 7;
         return effects.put(addReactionToMessageAC(message, reaction, true));
       case 7:
         addReactionToMessageOnMap(channelId, message, reaction, true);
-        _context33.n = 9;
+        _context34.n = 9;
         break;
       case 8:
-        _context33.p = 8;
-        _t36 = _context33.v;
+        _context34.p = 8;
+        _t36 = _context34.v;
         log.error('ERROR in add reaction', _t36.message);
       case 9:
-        return _context33.a(2);
+        return _context34.a(2);
     }
-  }, _marked27$1, null, [[0, 8]]);
+  }, _marked28$1, null, [[0, 8]]);
 }
 function deleteReaction(action) {
   var payload, channelId, messageId, key, isLastReaction, channel, _yield$call2, message, reaction, channelUpdateParam, _t37;
-  return _regenerator().w(function (_context34) {
-    while (1) switch (_context34.p = _context34.n) {
+  return _regenerator().w(function (_context35) {
+    while (1) switch (_context35.p = _context35.n) {
       case 0:
-        _context34.p = 0;
+        _context35.p = 0;
         payload = action.payload;
         channelId = payload.channelId, messageId = payload.messageId, key = payload.key, isLastReaction = payload.isLastReaction;
-        _context34.n = 1;
+        _context35.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context34.v;
+        channel = _context35.v;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
             setChannelInMap(channel);
           }
         }
-        _context34.n = 2;
+        _context35.n = 2;
         return effects.call(channel.deleteReaction, messageId, key);
       case 2:
-        _yield$call2 = _context34.v;
+        _yield$call2 = _context35.v;
         message = _yield$call2.message;
         reaction = _yield$call2.reaction;
         if (!isLastReaction) {
-          _context34.n = 4;
+          _context35.n = 4;
           break;
         }
         channelUpdateParam = {
           userMessageReactions: [],
           lastReactedMessage: null
         };
-        _context34.n = 3;
+        _context35.n = 3;
         return effects.put(updateChannelDataAC(channel.id, channelUpdateParam));
       case 3:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
       case 4:
-        _context34.n = 5;
+        _context35.n = 5;
         return effects.put(deleteReactionFromListAC(reaction));
       case 5:
-        _context34.n = 6;
+        _context35.n = 6;
         return effects.put(deleteReactionFromMessageAC(message, reaction, true));
       case 6:
         removeReactionToMessageOnMap(channelId, message, reaction, true);
-        _context34.n = 8;
+        _context35.n = 8;
         break;
       case 7:
-        _context34.p = 7;
-        _t37 = _context34.v;
+        _context35.p = 7;
+        _t37 = _context35.v;
         log.error('ERROR in delete reaction', _t37.message);
       case 8:
-        return _context34.a(2);
+        return _context35.a(2);
     }
-  }, _marked28$1, null, [[0, 7]]);
+  }, _marked29$1, null, [[0, 7]]);
 }
 function getReactions(action) {
   var payload, messageId, key, limit, SceytChatClient, reactionQueryBuilder, reactionQuery, result, _t38;
-  return _regenerator().w(function (_context35) {
-    while (1) switch (_context35.p = _context35.n) {
+  return _regenerator().w(function (_context36) {
+    while (1) switch (_context36.p = _context36.n) {
       case 0:
-        _context35.p = 0;
+        _context36.p = 0;
         payload = action.payload;
         messageId = payload.messageId, key = payload.key, limit = payload.limit;
         SceytChatClient = getClient();
-        _context35.n = 1;
+        _context36.n = 1;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         reactionQueryBuilder = new SceytChatClient.ReactionListQueryBuilder(messageId);
@@ -25305,76 +25455,76 @@ function getReactions(action) {
         if (key) {
           reactionQueryBuilder.setKey(key);
         }
-        _context35.n = 2;
+        _context36.n = 2;
         return effects.call(reactionQueryBuilder.build);
       case 2:
-        reactionQuery = _context35.v;
-        _context35.n = 3;
+        reactionQuery = _context36.v;
+        _context36.n = 3;
         return effects.call(reactionQuery.loadNext);
       case 3:
-        result = _context35.v;
+        result = _context36.v;
         query.ReactionsQuery = reactionQuery;
-        _context35.n = 4;
+        _context36.n = 4;
         return effects.put(setReactionsListAC(result.reactions, result.hasNext));
       case 4:
-        _context35.n = 5;
+        _context36.n = 5;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADED));
       case 5:
-        _context35.n = 7;
+        _context36.n = 7;
         break;
       case 6:
-        _context35.p = 6;
-        _t38 = _context35.v;
+        _context36.p = 6;
+        _t38 = _context36.v;
         log.error('ERROR in get reactions', _t38.message);
       case 7:
-        return _context35.a(2);
+        return _context36.a(2);
     }
-  }, _marked29$1, null, [[0, 6]]);
+  }, _marked30$1, null, [[0, 6]]);
 }
 function loadMoreReactions(action) {
   var payload, limit, ReactionQuery, result, _t39;
-  return _regenerator().w(function (_context36) {
-    while (1) switch (_context36.p = _context36.n) {
+  return _regenerator().w(function (_context37) {
+    while (1) switch (_context37.p = _context37.n) {
       case 0:
-        _context36.p = 0;
+        _context37.p = 0;
         payload = action.payload;
         limit = payload.limit;
-        _context36.n = 1;
+        _context37.n = 1;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         ReactionQuery = query.ReactionsQuery;
         if (limit) {
           ReactionQuery.limit = limit;
         }
-        _context36.n = 2;
+        _context37.n = 2;
         return effects.call(ReactionQuery.loadNext);
       case 2:
-        result = _context36.v;
-        _context36.n = 3;
+        result = _context37.v;
+        _context37.n = 3;
         return effects.put(addReactionsToListAC(result.reactions, result.hasNext));
       case 3:
-        _context36.n = 4;
+        _context37.n = 4;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADED));
       case 4:
-        _context36.n = 6;
+        _context37.n = 6;
         break;
       case 5:
-        _context36.p = 5;
-        _t39 = _context36.v;
+        _context37.p = 5;
+        _t39 = _context37.v;
         log.error('ERROR in load more reactions', _t39.message);
       case 6:
-        return _context36.a(2);
+        return _context37.a(2);
     }
-  }, _marked30$1, null, [[0, 5]]);
+  }, _marked31$1, null, [[0, 5]]);
 }
 function getMessageAttachments(action) {
-  var _action$payload6, channelId, attachmentType, limit, direction, attachmentId, forPopup, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, attachments, attachmentIndex, hasPrev, hasNext, _t40;
-  return _regenerator().w(function (_context37) {
-    while (1) switch (_context37.p = _context37.n) {
+  var _action$payload7, channelId, attachmentType, limit, direction, attachmentId, forPopup, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, attachments, attachmentIndex, hasPrev, hasNext, _t40;
+  return _regenerator().w(function (_context38) {
+    while (1) switch (_context38.p = _context38.n) {
       case 0:
-        _action$payload6 = action.payload, channelId = _action$payload6.channelId, attachmentType = _action$payload6.attachmentType, limit = _action$payload6.limit, direction = _action$payload6.direction, attachmentId = _action$payload6.attachmentId, forPopup = _action$payload6.forPopup;
-        _context37.p = 1;
-        _context37.n = 2;
+        _action$payload7 = action.payload, channelId = _action$payload7.channelId, attachmentType = _action$payload7.attachmentType, limit = _action$payload7.limit, direction = _action$payload7.direction, attachmentId = _action$payload7.attachmentId, forPopup = _action$payload7.forPopup;
+        _context38.p = 1;
+        _context38.n = 2;
         return effects.put(setAttachmentsLoadingStateAC(LOADING_STATE.LOADING, forPopup));
       case 2:
         SceytChatClient = getClient();
@@ -25390,49 +25540,49 @@ function getMessageAttachments(action) {
         }
         AttachmentByTypeQueryBuilder = new SceytChatClient.AttachmentListQueryBuilder(channelId, typeList);
         AttachmentByTypeQueryBuilder.limit(limit || 34);
-        _context37.n = 3;
+        _context38.n = 3;
         return effects.call(AttachmentByTypeQueryBuilder.build);
       case 3:
-        AttachmentByTypeQuery = _context37.v;
+        AttachmentByTypeQuery = _context38.v;
         if (forPopup) {
           AttachmentByTypeQuery.reverse = true;
         }
         if (!(direction === queryDirection.NEXT)) {
-          _context37.n = 5;
+          _context38.n = 5;
           break;
         }
-        _context37.n = 4;
+        _context38.n = 4;
         return effects.call(AttachmentByTypeQuery.loadPrevious);
       case 4:
-        result = _context37.v;
-        _context37.n = 9;
+        result = _context38.v;
+        _context38.n = 9;
         break;
       case 5:
         if (!(direction === queryDirection.NEAR)) {
-          _context37.n = 7;
+          _context38.n = 7;
           break;
         }
-        _context37.n = 6;
+        _context38.n = 6;
         return effects.call(AttachmentByTypeQuery.loadNearMessageId, attachmentId);
       case 6:
-        result = _context37.v;
-        _context37.n = 9;
+        result = _context38.v;
+        _context38.n = 9;
         break;
       case 7:
-        _context37.n = 8;
+        _context38.n = 8;
         return effects.call(AttachmentByTypeQuery.loadPrevious);
       case 8:
-        result = _context37.v;
+        result = _context38.v;
       case 9:
         attachments = result.attachments.sort(function (a, b) {
           return forPopup ? Number(a.id || 0) - Number(b.id || 0) : Number(b.id || 0) - Number(a.id || 0);
         });
         if (!forPopup) {
-          _context37.n = 12;
+          _context38.n = 12;
           break;
         }
         query.AttachmentByTypeQueryForPopup = AttachmentByTypeQuery;
-        _context37.n = 10;
+        _context38.n = 10;
         return effects.put(setAttachmentsForPopupAC(JSON.parse(JSON.stringify(attachments))));
       case 10:
         attachmentIndex = attachments.findIndex(function (attachment) {
@@ -25450,55 +25600,55 @@ function getMessageAttachments(action) {
         } else {
           hasNext = false;
         }
-        _context37.n = 11;
+        _context38.n = 11;
         return effects.put(setAttachmentsCompleteForPopupAC(hasPrev, hasNext));
       case 11:
-        _context37.n = 14;
+        _context38.n = 14;
         break;
       case 12:
         query.AttachmentByTypeQuery = AttachmentByTypeQuery;
-        _context37.n = 13;
+        _context38.n = 13;
         return effects.put(setAttachmentsCompleteAC(result.hasNext));
       case 13:
-        _context37.n = 14;
+        _context38.n = 14;
         return effects.put(setAttachmentsAC(JSON.parse(JSON.stringify(attachments))));
       case 14:
-        _context37.n = 16;
+        _context38.n = 16;
         break;
       case 15:
-        _context37.p = 15;
-        _t40 = _context37.v;
+        _context38.p = 15;
+        _t40 = _context38.v;
         log.error('error in message attachment query', _t40);
       case 16:
-        _context37.p = 16;
-        _context37.n = 17;
+        _context38.p = 16;
+        _context38.n = 17;
         return effects.put(setAttachmentsLoadingStateAC(LOADING_STATE.LOADED, forPopup));
       case 17:
-        return _context37.f(16);
+        return _context38.f(16);
       case 18:
-        return _context37.a(2);
+        return _context38.a(2);
     }
-  }, _marked31$1, null, [[1, 15, 16, 18]]);
+  }, _marked32$1, null, [[1, 15, 16, 18]]);
 }
 function loadMoreMessageAttachments(action) {
-  var _action$payload7, limit, direction, forPopup, attachmentId, AttachmentQuery, result, _result2, attachments, hasNext, _t41;
-  return _regenerator().w(function (_context38) {
-    while (1) switch (_context38.p = _context38.n) {
+  var _action$payload8, limit, direction, forPopup, attachmentId, AttachmentQuery, result, _result2, attachments, hasNext, _t41;
+  return _regenerator().w(function (_context39) {
+    while (1) switch (_context39.p = _context39.n) {
       case 0:
-        _action$payload7 = action.payload, limit = _action$payload7.limit, direction = _action$payload7.direction, forPopup = _action$payload7.forPopup, attachmentId = _action$payload7.attachmentId;
-        _context38.p = 1;
+        _action$payload8 = action.payload, limit = _action$payload8.limit, direction = _action$payload8.direction, forPopup = _action$payload8.forPopup, attachmentId = _action$payload8.attachmentId;
+        _context39.p = 1;
         if (forPopup) {
           AttachmentQuery = query.AttachmentByTypeQueryForPopup;
         } else {
           AttachmentQuery = query.AttachmentByTypeQuery;
         }
         if (AttachmentQuery) {
-          _context38.n = 2;
+          _context39.n = 2;
           break;
         }
-        return _context38.a(2);
+        return _context39.a(2);
       case 2:
-        _context38.n = 3;
+        _context39.n = 3;
         return effects.put(setAttachmentsLoadingStateAC(LOADING_STATE.LOADING, forPopup));
       case 3:
         AttachmentQuery.limit = limit;
@@ -25507,172 +25657,172 @@ function loadMoreMessageAttachments(action) {
           hasNext: false
         };
         if (!attachmentId) {
-          _context38.n = 8;
+          _context39.n = 8;
           break;
         }
         if (!(direction === queryDirection.NEXT)) {
-          _context38.n = 5;
+          _context39.n = 5;
           break;
         }
-        _context38.n = 4;
+        _context39.n = 4;
         return effects.call(AttachmentQuery.loadNextAttachmentId, attachmentId);
       case 4:
-        result = _context38.v;
-        _context38.n = 7;
+        result = _context39.v;
+        _context39.n = 7;
         break;
       case 5:
-        _context38.n = 6;
+        _context39.n = 6;
         return effects.call(AttachmentQuery.loadPreviousAttachmentId, attachmentId);
       case 6:
-        result = _context38.v;
+        result = _context39.v;
       case 7:
-        _context38.n = 12;
+        _context39.n = 12;
         break;
       case 8:
         if (!(direction === queryDirection.NEXT)) {
-          _context38.n = 10;
+          _context39.n = 10;
           break;
         }
-        _context38.n = 9;
+        _context39.n = 9;
         return effects.call(AttachmentQuery.loadNext);
       case 9:
-        result = _context38.v;
-        _context38.n = 12;
+        result = _context39.v;
+        _context39.n = 12;
         break;
       case 10:
-        _context38.n = 11;
+        _context39.n = 11;
         return effects.call(AttachmentQuery.loadPrevious);
       case 11:
-        result = _context38.v;
+        result = _context39.v;
       case 12:
         _result2 = result, attachments = _result2.attachments, hasNext = _result2.hasNext;
         if (!forPopup) {
-          _context38.n = 17;
+          _context39.n = 17;
           break;
         }
-        _context38.n = 13;
+        _context39.n = 13;
         return effects.put(addAttachmentsForPopupAC(attachments, direction));
       case 13:
         if (!(attachmentId && direction === queryDirection.NEXT)) {
-          _context38.n = 15;
+          _context39.n = 15;
           break;
         }
-        _context38.n = 14;
+        _context39.n = 14;
         return effects.put(setAttachmentsCompleteForPopupAC(undefined, result.hasNext));
       case 14:
-        _context38.n = 16;
+        _context39.n = 16;
         break;
       case 15:
         if (!(attachmentId && direction === queryDirection.PREV)) {
-          _context38.n = 16;
+          _context39.n = 16;
           break;
         }
-        _context38.n = 16;
+        _context39.n = 16;
         return effects.put(setAttachmentsCompleteForPopupAC(result.hasNext, undefined));
       case 16:
-        _context38.n = 20;
+        _context39.n = 20;
         break;
       case 17:
-        _context38.n = 18;
+        _context39.n = 18;
         return effects.put(setAttachmentsCompleteAC(hasNext));
       case 18:
-        _context38.n = 19;
+        _context39.n = 19;
         return effects.put(setAttachmentsLoadingStateAC(LOADING_STATE.LOADED, forPopup));
       case 19:
-        _context38.n = 20;
+        _context39.n = 20;
         return effects.put(addAttachmentsAC(attachments));
       case 20:
-        _context38.n = 22;
+        _context39.n = 22;
         break;
       case 21:
-        _context38.p = 21;
-        _t41 = _context38.v;
+        _context39.p = 21;
+        _t41 = _context39.v;
         log.error('error in message attachment query', _t41);
       case 22:
-        _context38.p = 22;
-        _context38.n = 23;
+        _context39.p = 22;
+        _context39.n = 23;
         return effects.put(setAttachmentsLoadingStateAC(LOADING_STATE.LOADED, forPopup));
       case 23:
-        return _context38.f(22);
+        return _context39.f(22);
       case 24:
-        return _context38.a(2);
+        return _context39.a(2);
     }
-  }, _marked32$1, null, [[1, 21, 22, 24]]);
+  }, _marked33$1, null, [[1, 21, 22, 24]]);
 }
 function pauseAttachmentUploading(action) {
   var attachmentId, isPaused, _t42;
-  return _regenerator().w(function (_context39) {
-    while (1) switch (_context39.p = _context39.n) {
+  return _regenerator().w(function (_context40) {
+    while (1) switch (_context40.p = _context40.n) {
       case 0:
-        _context39.p = 0;
+        _context40.p = 0;
         attachmentId = action.payload.attachmentId;
         if (!getCustomUploader()) {
-          _context39.n = 1;
+          _context40.n = 1;
           break;
         }
         isPaused = pauseUpload(attachmentId);
         if (!isPaused) {
-          _context39.n = 1;
+          _context40.n = 1;
           break;
         }
-        _context39.n = 1;
+        _context40.n = 1;
         return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.PAUSED, attachmentId));
       case 1:
-        _context39.n = 3;
+        _context40.n = 3;
         break;
       case 2:
-        _context39.p = 2;
-        _t42 = _context39.v;
+        _context40.p = 2;
+        _t42 = _context40.v;
         log.error('error in pause attachment uploading', _t42);
       case 3:
-        return _context39.a(2);
+        return _context40.a(2);
     }
-  }, _marked33$1, null, [[0, 2]]);
+  }, _marked34$1, null, [[0, 2]]);
 }
 function resumeAttachmentUploading(action) {
   var attachmentId, isResumed, _t43;
-  return _regenerator().w(function (_context40) {
-    while (1) switch (_context40.p = _context40.n) {
+  return _regenerator().w(function (_context41) {
+    while (1) switch (_context41.p = _context41.n) {
       case 0:
-        _context40.p = 0;
+        _context41.p = 0;
         attachmentId = action.payload.attachmentId;
         log.info('resume for attachment ... ', attachmentId);
         if (!getCustomUploader()) {
-          _context40.n = 1;
+          _context41.n = 1;
           break;
         }
         isResumed = resumeUpload(attachmentId);
         if (!isResumed) {
-          _context40.n = 1;
+          _context41.n = 1;
           break;
         }
-        _context40.n = 1;
+        _context41.n = 1;
         return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.UPLOADING, attachmentId));
       case 1:
-        _context40.n = 3;
+        _context41.n = 3;
         break;
       case 2:
-        _context40.p = 2;
-        _t43 = _context40.v;
+        _context41.p = 2;
+        _t43 = _context41.v;
         log.error('error in resume attachment uploading', _t43);
       case 3:
-        return _context40.a(2);
+        return _context41.a(2);
     }
-  }, _marked34$1, null, [[0, 2]]);
+  }, _marked35$1, null, [[0, 2]]);
 }
 function getMessageMarkers(action) {
-  var _action$payload8, messageId, channelId, deliveryStatuses, sceytChatClient, deliveryStatusesArray, messageMarkers, _iterator4, _step4, deliveryStatus, messageMarkerListQueryBuilder, messageMarkerListQuery, messageMarkersResult, _t44;
-  return _regenerator().w(function (_context41) {
-    while (1) switch (_context41.p = _context41.n) {
+  var _action$payload9, messageId, channelId, deliveryStatuses, sceytChatClient, deliveryStatusesArray, messageMarkers, _iterator4, _step4, deliveryStatus, messageMarkerListQueryBuilder, messageMarkerListQuery, messageMarkersResult, _t44;
+  return _regenerator().w(function (_context42) {
+    while (1) switch (_context42.p = _context42.n) {
       case 0:
-        _context41.p = 0;
-        _context41.n = 1;
+        _context42.p = 0;
+        _context42.n = 1;
         return effects.put(setMessagesMarkersLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
-        _action$payload8 = action.payload, messageId = _action$payload8.messageId, channelId = _action$payload8.channelId, deliveryStatuses = _action$payload8.deliveryStatuses;
+        _action$payload9 = action.payload, messageId = _action$payload9.messageId, channelId = _action$payload9.channelId, deliveryStatuses = _action$payload9.deliveryStatuses;
         sceytChatClient = getClient();
         if (!sceytChatClient) {
-          _context41.n = 7;
+          _context42.n = 7;
           break;
         }
         deliveryStatusesArray = deliveryStatuses.split(',');
@@ -25680,98 +25830,98 @@ function getMessageMarkers(action) {
         _iterator4 = _createForOfIteratorHelperLoose(deliveryStatusesArray);
       case 2:
         if ((_step4 = _iterator4()).done) {
-          _context41.n = 6;
+          _context42.n = 6;
           break;
         }
         deliveryStatus = _step4.value;
         messageMarkerListQueryBuilder = new sceytChatClient.MessageMarkerListQueryBuilder(channelId, String(messageId), deliveryStatus);
-        _context41.n = 3;
+        _context42.n = 3;
         return effects.call(messageMarkerListQueryBuilder.build);
       case 3:
-        messageMarkerListQuery = _context41.v;
-        _context41.n = 4;
+        messageMarkerListQuery = _context42.v;
+        _context42.n = 4;
         return effects.call(messageMarkerListQuery.loadNext);
       case 4:
-        messageMarkersResult = _context41.v;
+        messageMarkersResult = _context42.v;
         messageMarkers[deliveryStatus] = messageMarkersResult.markers;
       case 5:
-        _context41.n = 2;
+        _context42.n = 2;
         break;
       case 6:
         if (!(Object.keys(messageMarkers).length > 0)) {
-          _context41.n = 7;
+          _context42.n = 7;
           break;
         }
-        _context41.n = 7;
+        _context42.n = 7;
         return effects.put(setMessageMarkersAC(channelId, messageId, messageMarkers, deliveryStatusesArray));
       case 7:
-        _context41.n = 9;
+        _context42.n = 9;
         break;
       case 8:
-        _context41.p = 8;
-        _t44 = _context41.v;
+        _context42.p = 8;
+        _t44 = _context42.v;
         log.error('error in get message markers', _t44);
       case 9:
-        _context41.p = 9;
-        _context41.n = 10;
+        _context42.p = 9;
+        _context42.n = 10;
         return effects.put(setMessagesMarkersLoadingStateAC(LOADING_STATE.LOADED));
       case 10:
-        return _context41.f(9);
+        return _context42.f(9);
       case 11:
-        return _context41.a(2);
+        return _context42.a(2);
     }
-  }, _marked35$1, null, [[0, 8, 9, 11]]);
+  }, _marked36$1, null, [[0, 8, 9, 11]]);
 }
 function executeAddPollVote(channelId, pollId, optionId, message) {
   var channel;
-  return _regenerator().w(function (_context42) {
-    while (1) switch (_context42.n) {
+  return _regenerator().w(function (_context43) {
+    while (1) switch (_context43.n) {
       case 0:
-        _context42.n = 1;
+        _context43.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context42.v;
+        channel = _context43.v;
         if (message.pollDetails) {
-          _context42.n = 2;
+          _context43.n = 2;
           break;
         }
-        return _context42.a(2);
+        return _context43.a(2);
       case 2:
         if (!(channel && message.id)) {
-          _context42.n = 4;
+          _context43.n = 4;
           break;
         }
-        _context42.n = 3;
+        _context43.n = 3;
         return effects.call(channel.addVote, message.id, pollId, [optionId]);
       case 3:
-        _context42.n = 4;
+        _context43.n = 4;
         return effects.put(removePendingPollActionAC(message.id, 'ADD_POLL_VOTE', optionId));
       case 4:
-        return _context42.a(2);
+        return _context43.a(2);
     }
-  }, _marked36$1);
+  }, _marked37$1);
 }
 function updateMessageOptimisticallyForAddPollVote(channelId, message, vote) {
   var _message$pollDetails, _message$pollDetails2, _message$pollDetails3, _message$pollDetails4;
   var channel, objs, _message$pollDetails5, _message$pollDetails6, _message$pollDetails7, _i2, _objs, obj;
-  return _regenerator().w(function (_context43) {
-    while (1) switch (_context43.n) {
+  return _regenerator().w(function (_context44) {
+    while (1) switch (_context44.n) {
       case 0:
-        _context43.n = 1;
+        _context44.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context43.v;
+        channel = _context44.v;
         if (channel) {
-          _context43.n = 2;
+          _context44.n = 2;
           break;
         }
-        return _context43.a(2);
+        return _context44.a(2);
       case 2:
         if (message.pollDetails) {
-          _context43.n = 3;
+          _context44.n = 3;
           break;
         }
-        return _context43.a(2);
+        return _context44.a(2);
       case 3:
         objs = [];
         if (!((_message$pollDetails = message.pollDetails) !== null && _message$pollDetails !== void 0 && _message$pollDetails.allowMultipleVotes) && ((_message$pollDetails2 = message.pollDetails) === null || _message$pollDetails2 === void 0 ? void 0 : (_message$pollDetails3 = _message$pollDetails2.voteDetails) === null || _message$pollDetails3 === void 0 ? void 0 : (_message$pollDetails4 = _message$pollDetails3.ownVotes) === null || _message$pollDetails4 === void 0 ? void 0 : _message$pollDetails4.length) > 0) {
@@ -25787,7 +25937,7 @@ function updateMessageOptimisticallyForAddPollVote(channelId, message, vote) {
         _i2 = 0, _objs = objs;
       case 4:
         if (!(_i2 < _objs.length)) {
-          _context43.n = 6;
+          _context44.n = 6;
           break;
         }
         obj = _objs[_i2];
@@ -25795,28 +25945,28 @@ function updateMessageOptimisticallyForAddPollVote(channelId, message, vote) {
           messageId: message.id,
           params: {}
         }, obj);
-        _context43.n = 5;
+        _context44.n = 5;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 5:
         _i2++;
-        _context43.n = 4;
+        _context44.n = 4;
         break;
       case 6:
-        return _context43.a(2);
+        return _context44.a(2);
     }
-  }, _marked37$1);
+  }, _marked38$1);
 }
 function addPollVote(action) {
   var payload, channelId, pollId, optionId, message, isResend, sceytChatClient, _user$presence, user, vote, pendingAction, conflictCheck, channel, _store$getState$Messa2, _currentMessage$pollD, _currentMessage$pollD2, _currentMessage$pollD3, currentMessage, hasNext, obj, _t45;
-  return _regenerator().w(function (_context44) {
-    while (1) switch (_context44.p = _context44.n) {
+  return _regenerator().w(function (_context45) {
+    while (1) switch (_context45.p = _context45.n) {
       case 0:
-        _context44.p = 0;
+        _context45.p = 0;
         payload = action.payload;
         channelId = payload.channelId, pollId = payload.pollId, optionId = payload.optionId, message = payload.message, isResend = payload.isResend;
         sceytChatClient = getClient();
         if (!sceytChatClient) {
-          _context44.n = 6;
+          _context45.n = 6;
           break;
         }
         user = sceytChatClient.user;
@@ -25850,20 +26000,20 @@ function addPollVote(action) {
         };
         conflictCheck = checkPendingPollActionConflict(pendingAction);
         if (!(conflictCheck.hasConflict && !conflictCheck.shouldSkip)) {
-          _context44.n = 4;
+          _context45.n = 4;
           break;
         }
-        _context44.n = 1;
+        _context45.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context44.v;
+        channel = _context45.v;
         if (!channel) {
-          _context44.n = 3;
+          _context45.n = 3;
           break;
         }
         currentMessage = getMessageFromMap(channelId, message.id) || message;
         hasNext = ((_store$getState$Messa2 = store.getState().MessageReducer.pollVotesHasMore) === null || _store$getState$Messa2 === void 0 ? void 0 : _store$getState$Messa2[pollId]) || false;
-        _context44.n = 2;
+        _context45.n = 2;
         return effects.put(addPollVotesToListAC(pollId, optionId, [(_currentMessage$pollD = currentMessage.pollDetails) === null || _currentMessage$pollD === void 0 ? void 0 : (_currentMessage$pollD2 = _currentMessage$pollD.voteDetails) === null || _currentMessage$pollD2 === void 0 ? void 0 : (_currentMessage$pollD3 = _currentMessage$pollD2.ownVotes) === null || _currentMessage$pollD3 === void 0 ? void 0 : _currentMessage$pollD3[0]], hasNext, message.id));
       case 2:
         obj = {
@@ -25874,95 +26024,95 @@ function addPollVote(action) {
           messageId: message.id,
           params: {}
         }, obj);
-        _context44.n = 3;
+        _context45.n = 3;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 3:
-        _context44.n = 5;
+        _context45.n = 5;
         break;
       case 4:
         if (conflictCheck.shouldSkip) {
-          _context44.n = 5;
+          _context45.n = 5;
           break;
         }
-        _context44.n = 5;
+        _context45.n = 5;
         return effects.call(updateMessageOptimisticallyForAddPollVote, channelId, message, vote);
       case 5:
         if (!conflictCheck.shouldSkip && !isResend) {
           setPendingPollAction(pendingAction);
         }
-        _context44.n = 6;
+        _context45.n = 6;
         return effects.call(executeAddPollVote, channelId, pollId, optionId, message);
       case 6:
-        _context44.n = 8;
+        _context45.n = 8;
         break;
       case 7:
-        _context44.p = 7;
-        _t45 = _context44.v;
+        _context45.p = 7;
+        _t45 = _context45.v;
         log.error('error in add poll vote', _t45);
       case 8:
-        return _context44.a(2);
+        return _context45.a(2);
     }
-  }, _marked38$1, null, [[0, 7]]);
+  }, _marked39$1, null, [[0, 7]]);
 }
 function executeDeletePollVote(channelId, pollId, optionId, message) {
   var _message$pollDetails8, _message$pollDetails9, _message$pollDetails0;
   var channel, vote;
-  return _regenerator().w(function (_context45) {
-    while (1) switch (_context45.n) {
+  return _regenerator().w(function (_context46) {
+    while (1) switch (_context46.n) {
       case 0:
-        _context45.n = 1;
+        _context46.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context45.v;
+        channel = _context46.v;
         if (message.pollDetails) {
-          _context45.n = 2;
+          _context46.n = 2;
           break;
         }
-        return _context45.a(2);
+        return _context46.a(2);
       case 2:
         vote = (_message$pollDetails8 = message.pollDetails) === null || _message$pollDetails8 === void 0 ? void 0 : (_message$pollDetails9 = _message$pollDetails8.voteDetails) === null || _message$pollDetails9 === void 0 ? void 0 : (_message$pollDetails0 = _message$pollDetails9.ownVotes) === null || _message$pollDetails0 === void 0 ? void 0 : _message$pollDetails0.find(function (vote) {
           return vote.optionId === optionId;
         });
         if (vote) {
-          _context45.n = 3;
+          _context46.n = 3;
           break;
         }
-        return _context45.a(2);
+        return _context46.a(2);
       case 3:
         if (!(channel && message.id)) {
-          _context45.n = 5;
+          _context46.n = 5;
           break;
         }
-        _context45.n = 4;
+        _context46.n = 4;
         return effects.call(channel.deleteVote, message.id, pollId, [optionId]);
       case 4:
-        _context45.n = 5;
+        _context46.n = 5;
         return effects.put(removePendingPollActionAC(message.id, 'DELETE_POLL_VOTE', optionId));
       case 5:
-        return _context45.a(2);
+        return _context46.a(2);
     }
-  }, _marked39$1);
+  }, _marked40$1);
 }
 function updateMessageOptimisticallyForDeletePollVote(channelId, message, vote) {
   var channel, obj;
-  return _regenerator().w(function (_context46) {
-    while (1) switch (_context46.n) {
+  return _regenerator().w(function (_context47) {
+    while (1) switch (_context47.n) {
       case 0:
-        _context46.n = 1;
+        _context47.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context46.v;
+        channel = _context47.v;
         if (channel) {
-          _context46.n = 2;
+          _context47.n = 2;
           break;
         }
-        return _context46.a(2);
+        return _context47.a(2);
       case 2:
         if (message.pollDetails) {
-          _context46.n = 3;
+          _context47.n = 3;
           break;
         }
-        return _context46.a(2);
+        return _context47.a(2);
       case 3:
         obj = {
           type: 'deleteOwn',
@@ -25972,34 +26122,34 @@ function updateMessageOptimisticallyForDeletePollVote(channelId, message, vote)
           messageId: message.id,
           params: {}
         }, obj);
-        _context46.n = 4;
+        _context47.n = 4;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 4:
-        return _context46.a(2);
+        return _context47.a(2);
     }
-  }, _marked40$1);
+  }, _marked41$1);
 }
 function deletePollVote(action) {
   var payload, channelId, pollId, optionId, message, isResend, sceytChatClient, _message$pollDetails1, _message$pollDetails10, _message$pollDetails11, vote, pendingAction, conflictCheck, channel, _currentMessage$pollD4, _currentMessage$pollD5, _currentMessage$pollD6, currentMessage, obj, _t46;
-  return _regenerator().w(function (_context47) {
-    while (1) switch (_context47.p = _context47.n) {
+  return _regenerator().w(function (_context48) {
+    while (1) switch (_context48.p = _context48.n) {
       case 0:
-        _context47.p = 0;
+        _context48.p = 0;
         payload = action.payload;
         channelId = payload.channelId, pollId = payload.pollId, optionId = payload.optionId, message = payload.message, isResend = payload.isResend;
         sceytChatClient = getClient();
         if (!sceytChatClient) {
-          _context47.n = 7;
+          _context48.n = 7;
           break;
         }
         vote = (_message$pollDetails1 = message.pollDetails) === null || _message$pollDetails1 === void 0 ? void 0 : (_message$pollDetails10 = _message$pollDetails1.voteDetails) === null || _message$pollDetails10 === void 0 ? void 0 : (_message$pollDetails11 = _message$pollDetails10.ownVotes) === null || _message$pollDetails11 === void 0 ? void 0 : _message$pollDetails11.find(function (vote) {
           return vote.optionId === optionId;
         });
         if (vote) {
-          _context47.n = 1;
+          _context48.n = 1;
           break;
         }
-        return _context47.a(2);
+        return _context48.a(2);
       case 1:
         pendingAction = {
           type: 'DELETE_POLL_VOTE',
@@ -26010,19 +26160,19 @@ function deletePollVote(action) {
         };
         conflictCheck = checkPendingPollActionConflict(pendingAction);
         if (!(conflictCheck.hasConflict && conflictCheck.shouldSkip)) {
-          _context47.n = 5;
+          _context48.n = 5;
           break;
         }
-        _context47.n = 2;
+        _context48.n = 2;
         return effects.call(getChannelFromMap, channelId);
       case 2:
-        channel = _context47.v;
+        channel = _context48.v;
         if (!channel) {
-          _context47.n = 4;
+          _context48.n = 4;
           break;
         }
         currentMessage = getMessageFromMap(channelId, message.id) || message;
-        _context47.n = 3;
+        _context48.n = 3;
         return effects.put(deletePollVotesFromListAC(pollId, optionId, [(_currentMessage$pollD4 = currentMessage.pollDetails) === null || _currentMessage$pollD4 === void 0 ? void 0 : (_currentMessage$pollD5 = _currentMessage$pollD4.voteDetails) === null || _currentMessage$pollD5 === void 0 ? void 0 : (_currentMessage$pollD6 = _currentMessage$pollD5.ownVotes) === null || _currentMessage$pollD6 === void 0 ? void 0 : _currentMessage$pollD6[0]], message.id));
       case 3:
         obj = {
@@ -26033,45 +26183,45 @@ function deletePollVote(action) {
           messageId: message.id,
           params: {}
         }, obj);
-        _context47.n = 4;
+        _context48.n = 4;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 4:
-        _context47.n = 6;
+        _context48.n = 6;
         break;
       case 5:
         if (conflictCheck.shouldSkip) {
-          _context47.n = 6;
+          _context48.n = 6;
           break;
         }
-        _context47.n = 6;
+        _context48.n = 6;
         return effects.call(updateMessageOptimisticallyForDeletePollVote, channelId, message, vote);
       case 6:
         if (!conflictCheck.shouldSkip && !isResend) {
           setPendingPollAction(pendingAction);
         }
-        _context47.n = 7;
+        _context48.n = 7;
         return effects.call(executeDeletePollVote, channelId, pollId, optionId, message);
       case 7:
-        _context47.n = 9;
+        _context48.n = 9;
         break;
       case 8:
-        _context47.p = 8;
-        _t46 = _context47.v;
+        _context48.p = 8;
+        _t46 = _context48.v;
         log.error('error in delete poll vote', _t46);
       case 9:
-        return _context47.a(2);
+        return _context48.a(2);
     }
-  }, _marked41$1, null, [[0, 8]]);
+  }, _marked42, null, [[0, 8]]);
 }
 function executeClosePoll(channelId, pollId, message) {
   var channel, obj;
-  return _regenerator().w(function (_context48) {
-    while (1) switch (_context48.n) {
+  return _regenerator().w(function (_context49) {
+    while (1) switch (_context49.n) {
       case 0:
-        _context48.n = 1;
+        _context49.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context48.v;
+        channel = _context49.v;
         obj = {
           type: 'close'
         };
@@ -26079,37 +26229,37 @@ function executeClosePoll(channelId, pollId, message) {
           messageId: message.id,
           params: {}
         }, obj);
-        _context48.n = 2;
+        _context49.n = 2;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 2:
         if (!(channel && message.id)) {
-          _context48.n = 4;
+          _context49.n = 4;
           break;
         }
-        _context48.n = 3;
+        _context49.n = 3;
         return effects.call(channel.closePoll, message.id, pollId);
       case 3:
-        _context48.n = 4;
+        _context49.n = 4;
         return effects.put(removePendingPollActionAC(message.id, 'CLOSE_POLL'));
       case 4:
-        return _context48.a(2);
+        return _context49.a(2);
     }
-  }, _marked42);
+  }, _marked43);
 }
 function updateMessageOptimisticallyForClosePoll(channelId, message) {
   var channel, pollDetails;
-  return _regenerator().w(function (_context49) {
-    while (1) switch (_context49.n) {
+  return _regenerator().w(function (_context50) {
+    while (1) switch (_context50.n) {
       case 0:
-        _context49.n = 1;
+        _context50.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context49.v;
+        channel = _context50.v;
         if (channel) {
-          _context49.n = 2;
+          _context50.n = 2;
           break;
         }
-        return _context49.a(2);
+        return _context50.a(2);
       case 2:
         pollDetails = JSON.parse(JSON.stringify(message.pollDetails));
         pollDetails.closed = true;
@@ -26120,34 +26270,34 @@ function updateMessageOptimisticallyForClosePoll(channelId, message) {
             pollDetails: pollDetails
           }
         });
-        _context49.n = 3;
+        _context50.n = 3;
         return effects.put(updateMessageAC(message.id, {
           pollDetails: pollDetails
         }));
       case 3:
-        return _context49.a(2);
+        return _context50.a(2);
     }
-  }, _marked43);
+  }, _marked44);
 }
 function closePoll(action) {
   var payload, channelId, pollId, message, sceytChatClient, connectionState, _t47;
-  return _regenerator().w(function (_context50) {
-    while (1) switch (_context50.p = _context50.n) {
+  return _regenerator().w(function (_context51) {
+    while (1) switch (_context51.p = _context51.n) {
       case 0:
-        _context50.p = 0;
+        _context51.p = 0;
         payload = action.payload;
         channelId = payload.channelId, pollId = payload.pollId, message = payload.message;
         sceytChatClient = getClient();
         if (!sceytChatClient) {
-          _context50.n = 3;
+          _context51.n = 3;
           break;
         }
         connectionState = sceytChatClient.connectionState;
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context50.n = 2;
+          _context51.n = 2;
           break;
         }
-        _context50.n = 1;
+        _context51.n = 1;
         return effects.call(updateMessageOptimisticallyForClosePoll, channelId, message);
       case 1:
         setPendingPollAction({
@@ -26156,39 +26306,39 @@ function closePoll(action) {
           pollId: pollId,
           message: message
         });
-        return _context50.a(2);
+        return _context51.a(2);
       case 2:
-        _context50.n = 3;
+        _context51.n = 3;
         return effects.call(executeClosePoll, channelId, pollId, message);
       case 3:
-        _context50.n = 5;
+        _context51.n = 5;
         break;
       case 4:
-        _context50.p = 4;
-        _t47 = _context50.v;
+        _context51.p = 4;
+        _t47 = _context51.v;
         log.error('error in close poll', _t47);
       case 5:
-        return _context50.a(2);
+        return _context51.a(2);
     }
-  }, _marked44, null, [[0, 4]]);
+  }, _marked45, null, [[0, 4]]);
 }
 function executeRetractPollVote(channelId, pollId, message, objs, isResend) {
   var channel, _iterator5, _step5, obj;
-  return _regenerator().w(function (_context51) {
-    while (1) switch (_context51.n) {
+  return _regenerator().w(function (_context52) {
+    while (1) switch (_context52.n) {
       case 0:
-        _context51.n = 1;
+        _context52.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context51.v;
+        channel = _context52.v;
         if (isResend) {
-          _context51.n = 4;
+          _context52.n = 4;
           break;
         }
         _iterator5 = _createForOfIteratorHelperLoose(objs);
       case 2:
         if ((_step5 = _iterator5()).done) {
-          _context51.n = 4;
+          _context52.n = 4;
           break;
         }
         obj = _step5.value;
@@ -26196,45 +26346,45 @@ function executeRetractPollVote(channelId, pollId, message, objs, isResend) {
           messageId: message.id,
           params: {}
         }, obj);
-        _context51.n = 3;
+        _context52.n = 3;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 3:
-        _context51.n = 2;
+        _context52.n = 2;
         break;
       case 4:
         if (!(channel && message.id)) {
-          _context51.n = 6;
+          _context52.n = 6;
           break;
         }
-        _context51.n = 5;
+        _context52.n = 5;
         return effects.call(channel.retractVote, message.id, pollId);
       case 5:
-        _context51.n = 6;
+        _context52.n = 6;
         return effects.put(removePendingPollActionAC(message.id || '', 'RETRACT_POLL_VOTE'));
       case 6:
-        return _context51.a(2);
+        return _context52.a(2);
     }
-  }, _marked45);
+  }, _marked46);
 }
 function updateMessageOptimisticallyForRetractPollVote(channelId, message, objs) {
   var channel, _iterator6, _step6, obj;
-  return _regenerator().w(function (_context52) {
-    while (1) switch (_context52.n) {
+  return _regenerator().w(function (_context53) {
+    while (1) switch (_context53.n) {
       case 0:
-        _context52.n = 1;
+        _context53.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context52.v;
+        channel = _context53.v;
         if (channel) {
-          _context52.n = 2;
+          _context53.n = 2;
           break;
         }
-        return _context52.a(2);
+        return _context53.a(2);
       case 2:
         _iterator6 = _createForOfIteratorHelperLoose(objs);
       case 3:
         if ((_step6 = _iterator6()).done) {
-          _context52.n = 5;
+          _context53.n = 5;
           break;
         }
         obj = _step6.value;
@@ -26242,27 +26392,27 @@ function updateMessageOptimisticallyForRetractPollVote(channelId, message, objs)
           messageId: message.id,
           params: {}
         });
-        _context52.n = 4;
+        _context53.n = 4;
         return effects.put(updateMessageAC(message.id, {}, undefined, obj));
       case 4:
-        _context52.n = 3;
+        _context53.n = 3;
         break;
       case 5:
-        return _context52.a(2);
+        return _context53.a(2);
     }
-  }, _marked46);
+  }, _marked47);
 }
 function retractPollVote(action) {
   var payload, channelId, pollId, message, isResend, sceytChatClient, connectionState, objs, _iterator7, _step7, _message$pollDetails12, _message$pollDetails13, vote, _t48;
-  return _regenerator().w(function (_context53) {
-    while (1) switch (_context53.p = _context53.n) {
+  return _regenerator().w(function (_context54) {
+    while (1) switch (_context54.p = _context54.n) {
       case 0:
-        _context53.p = 0;
+        _context54.p = 0;
         payload = action.payload;
         channelId = payload.channelId, pollId = payload.pollId, message = payload.message, isResend = payload.isResend;
         sceytChatClient = getClient();
         if (!sceytChatClient) {
-          _context53.n = 3;
+          _context54.n = 3;
           break;
         }
         connectionState = sceytChatClient.connectionState;
@@ -26275,10 +26425,10 @@ function retractPollVote(action) {
           });
         }
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context53.n = 2;
+          _context54.n = 2;
           break;
         }
-        _context53.n = 1;
+        _context54.n = 1;
         return effects.call(updateMessageOptimisticallyForRetractPollVote, channelId, message, objs);
       case 1:
         setPendingPollAction({
@@ -26287,36 +26437,36 @@ function retractPollVote(action) {
           pollId: pollId,
           message: message
         });
-        return _context53.a(2);
+        return _context54.a(2);
       case 2:
-        _context53.n = 3;
+        _context54.n = 3;
         return effects.call(executeRetractPollVote, channelId, pollId, message, objs, isResend);
       case 3:
-        _context53.n = 5;
+        _context54.n = 5;
         break;
       case 4:
-        _context53.p = 4;
-        _t48 = _context53.v;
+        _context54.p = 4;
+        _t48 = _context54.v;
         log.error('error in retract poll vote', _t48);
       case 5:
-        return _context53.a(2);
+        return _context54.a(2);
     }
-  }, _marked47, null, [[0, 4]]);
+  }, _marked48, null, [[0, 4]]);
 }
 function resendPendingPollActions(action) {
   var payload, connectionState, sceytChatClient, pendingPollActionsMap, pendingPollActionsMapCopy, _t49;
-  return _regenerator().w(function (_context54) {
-    while (1) switch (_context54.p = _context54.n) {
+  return _regenerator().w(function (_context55) {
+    while (1) switch (_context55.p = _context55.n) {
       case 0:
-        _context54.p = 0;
+        _context55.p = 0;
         payload = action.payload;
         connectionState = payload.connectionState;
         sceytChatClient = getClient();
         if (!(!sceytChatClient || connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context54.n = 1;
+          _context55.n = 1;
           break;
         }
-        return _context54.a(2);
+        return _context55.a(2);
       case 1:
         pendingPollActionsMap = store.getState().MessageReducer.pendingPollActions;
         pendingPollActionsMapCopy = JSON.parse(JSON.stringify(pendingPollActionsMap));
@@ -26349,30 +26499,30 @@ function resendPendingPollActions(action) {
             }
           });
         });
-        _context54.n = 3;
+        _context55.n = 3;
         break;
       case 2:
-        _context54.p = 2;
-        _t49 = _context54.v;
+        _context55.p = 2;
+        _t49 = _context55.v;
         log.error('error in resend pending poll actions', _t49);
       case 3:
-        return _context54.a(2);
+        return _context55.a(2);
     }
-  }, _marked48, null, [[0, 2]]);
+  }, _marked49, null, [[0, 2]]);
 }
 function resendPendingMessageMutations(action) {
   var payload, connectionState, pendingMutations, _iterator8, _step8, mutation, currentMutation, channel, _t50, _t51;
-  return _regenerator().w(function (_context55) {
-    while (1) switch (_context55.p = _context55.n) {
+  return _regenerator().w(function (_context56) {
+    while (1) switch (_context56.p = _context56.n) {
       case 0:
-        _context55.p = 0;
+        _context56.p = 0;
         payload = action.payload;
         connectionState = payload.connectionState;
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED || !isMessageMutationConnected())) {
-          _context55.n = 1;
+          _context56.n = 1;
           break;
         }
-        return _context55.a(2);
+        return _context56.a(2);
       case 1:
         pendingMutations = Object.values(getPendingMessageMutations()).sort(function (left, right) {
           return left.queuedAt - right.queuedAt;
@@ -26380,98 +26530,98 @@ function resendPendingMessageMutations(action) {
         _iterator8 = _createForOfIteratorHelperLoose(pendingMutations);
       case 2:
         if ((_step8 = _iterator8()).done) {
-          _context55.n = 16;
+          _context56.n = 16;
           break;
         }
         mutation = _step8.value;
         currentMutation = getPendingMessageMutations()[mutation.messageId];
         if (!(!currentMutation || currentMutation.queuedAt !== mutation.queuedAt || currentMutation.type !== mutation.type)) {
-          _context55.n = 3;
+          _context56.n = 3;
           break;
         }
-        return _context55.a(3, 15);
+        return _context56.a(3, 15);
       case 3:
         if (isMessageMutationConnected()) {
-          _context55.n = 4;
+          _context56.n = 4;
           break;
         }
-        return _context55.a(2);
+        return _context56.a(2);
       case 4:
-        _context55.n = 5;
+        _context56.n = 5;
         return effects.call(getChannelForMessageMutation, mutation.channelId);
       case 5:
-        channel = _context55.v;
+        channel = _context56.v;
         if (channel) {
-          _context55.n = 7;
+          _context56.n = 7;
           break;
         }
-        _context55.n = 6;
+        _context56.n = 6;
         return effects.put(removePendingMessageMutationAC(mutation.messageId));
       case 6:
-        return _context55.a(3, 15);
+        return _context56.a(3, 15);
       case 7:
-        _context55.p = 7;
+        _context56.p = 7;
         if (!(mutation.type === 'DELETE_MESSAGE')) {
-          _context55.n = 9;
+          _context56.n = 9;
           break;
         }
-        _context55.n = 8;
+        _context56.n = 8;
         return effects.call(executeDeleteMessageMutation, channel, mutation.messageId, mutation.deleteOption);
       case 8:
-        _context55.n = 10;
+        _context56.n = 10;
         break;
       case 9:
-        _context55.n = 10;
+        _context56.n = 10;
         return effects.call(executeEditMessageMutation, channel, mutation.message);
       case 10:
-        _context55.n = 15;
+        _context56.n = 15;
         break;
       case 11:
-        _context55.p = 11;
-        _t50 = _context55.v;
+        _context56.p = 11;
+        _t50 = _context56.v;
         if (isMessageMutationConnected()) {
-          _context55.n = 12;
+          _context56.n = 12;
           break;
         }
-        return _context55.a(2);
+        return _context56.a(2);
       case 12:
-        _context55.n = 13;
+        _context56.n = 13;
         return effects.call(applyLocalMessageUpdate, mutation.channelId, mutation.messageId, cloneSerializable(mutation.originalMessage));
       case 13:
-        _context55.n = 14;
+        _context56.n = 14;
         return effects.put(removePendingMessageMutationAC(mutation.messageId));
       case 14:
         log.error('error in resend pending message mutations', _t50);
       case 15:
-        _context55.n = 2;
+        _context56.n = 2;
         break;
       case 16:
-        _context55.n = 18;
+        _context56.n = 18;
         break;
       case 17:
-        _context55.p = 17;
-        _t51 = _context55.v;
+        _context56.p = 17;
+        _t51 = _context56.v;
         log.error('error in resend pending message mutations', _t51);
       case 18:
-        return _context55.a(2);
+        return _context56.a(2);
     }
-  }, _marked49, null, [[7, 11], [0, 17]]);
+  }, _marked50, null, [[7, 11], [0, 17]]);
 }
 function getPollVotes(action) {
   var payload, messageId, pollId, optionId, limit, key, SceytChatClient, queryBuilder, pollVotesQuery, result, formattedVotes, _t52;
-  return _regenerator().w(function (_context56) {
-    while (1) switch (_context56.p = _context56.n) {
+  return _regenerator().w(function (_context57) {
+    while (1) switch (_context57.p = _context57.n) {
       case 0:
-        _context56.p = 0;
+        _context57.p = 0;
         payload = action.payload;
         messageId = payload.messageId, pollId = payload.pollId, optionId = payload.optionId, limit = payload.limit;
         key = pollId + "_" + optionId;
-        _context56.n = 1;
+        _context57.n = 1;
         return effects.put(setPollVotesLoadingStateAC(pollId, optionId, LOADING_STATE.LOADING));
       case 1:
         SceytChatClient = getClient();
         if (!(!SceytChatClient || !SceytChatClient.PollVotesQueryBuilder)) {
-          _context56.n = 2;
+          _context57.n = 2;
           break;
         }
         throw new Error('SceytChatClient or PollVotesQueryBuilder not available');
@@ -26479,14 +26629,14 @@ function getPollVotes(action) {
         queryBuilder = new SceytChatClient.PollVotesQueryBuilder(messageId, pollId);
         queryBuilder.setOptionId(optionId);
         queryBuilder.limit(limit || 20);
-        _context56.n = 3;
+        _context57.n = 3;
         return effects.call(queryBuilder.build);
       case 3:
-        pollVotesQuery = _context56.v;
-        _context56.n = 4;
+        pollVotesQuery = _context57.v;
+        _context57.n = 4;
         return effects.call(pollVotesQuery.loadNext);
       case 4:
-        result = _context56.v;
+        result = _context57.v;
         if (!query.PollVotesQueries) {
           query.PollVotesQueries = {};
         }
@@ -26514,39 +26664,39 @@ function getPollVotes(action) {
             }
           };
         });
-        _context56.n = 5;
+        _context57.n = 5;
         return effects.put(setPollVotesListAC(pollId, optionId, formattedVotes, result.hasNext || false));
       case 5:
-        _context56.n = 6;
+        _context57.n = 6;
         return effects.put(setPollVotesLoadingStateAC(pollId, optionId, LOADING_STATE.LOADED));
       case 6:
-        _context56.n = 8;
+        _context57.n = 8;
         break;
       case 7:
-        _context56.p = 7;
-        _t52 = _context56.v;
+        _context57.p = 7;
+        _t52 = _context57.v;
         log.error('ERROR in get poll votes', _t52);
-        _context56.n = 8;
+        _context57.n = 8;
         return effects.put(setPollVotesLoadingStateAC(action.payload.pollId, action.payload.optionId, LOADING_STATE.LOADED));
       case 8:
-        return _context56.a(2);
+        return _context57.a(2);
     }
-  }, _marked50, null, [[0, 7]]);
+  }, _marked51, null, [[0, 7]]);
 }
 function loadMorePollVotes(action) {
   var payload, pollId, optionId, limit, key, pollVotesQuery, result, formattedVotes, _t53;
-  return _regenerator().w(function (_context57) {
-    while (1) switch (_context57.p = _context57.n) {
+  return _regenerator().w(function (_context58) {
+    while (1) switch (_context58.p = _context58.n) {
       case 0:
-        _context57.p = 0;
+        _context58.p = 0;
         payload = action.payload;
         pollId = payload.pollId, optionId = payload.optionId, limit = payload.limit;
         key = pollId + "_" + optionId;
-        _context57.n = 1;
+        _context58.n = 1;
         return effects.put(setPollVotesLoadingStateAC(pollId, optionId, LOADING_STATE.LOADING));
       case 1:
         if (!(!query.PollVotesQueries || !query.PollVotesQueries[key])) {
-          _context57.n = 2;
+          _context58.n = 2;
           break;
         }
         throw new Error('Poll votes query not found');
@@ -26555,10 +26705,10 @@ function loadMorePollVotes(action) {
         if (limit && pollVotesQuery.limit < limit) {
           pollVotesQuery.limit = limit;
         }
-        _context57.n = 3;
+        _context58.n = 3;
         return effects.call(pollVotesQuery.loadNext);
       case 3:
-        result = _context57.v;
+        result = _context58.v;
         formattedVotes = (result.votes || []).map(function (vote) {
           return {
             optionId: vote.optionId || optionId,
@@ -26582,64 +26732,64 @@ function loadMorePollVotes(action) {
             }
           };
         });
-        _context57.n = 4;
+        _context58.n = 4;
         return effects.put(addPollVotesToListAC(pollId, optionId, formattedVotes, result.hasNext || false));
       case 4:
-        _context57.n = 5;
+        _context58.n = 5;
         return effects.put(setPollVotesLoadingStateAC(pollId, optionId, LOADING_STATE.LOADED));
       case 5:
-        _context57.n = 7;
+        _context58.n = 7;
         break;
       case 6:
-        _context57.p = 6;
-        _t53 = _context57.v;
+        _context58.p = 6;
+        _t53 = _context58.v;
         log.error('ERROR in load more poll votes', _t53);
-        _context57.n = 7;
+        _context58.n = 7;
         return effects.put(setPollVotesLoadingStateAC(action.payload.pollId, action.payload.optionId, LOADING_STATE.LOADED));
       case 7:
-        return _context57.a(2);
+        return _context58.a(2);
     }
-  }, _marked51, null, [[0, 6]]);
+  }, _marked52, null, [[0, 6]]);
 }
 var REFRESH_WINDOW_HALF = 30;
 function refreshCacheAroundMessage(action) {
-  var _action$payload9, channelId, messageId, _action$payload9$appl, applyVisibleWindow, connectionState, activeChannelId, activeMessages, activeConfirmedMessages, centerMessageIndex, refreshAnchorId, previousLimit, nextLimit, SceytChatClient, messageQueryBuilder, messageQuery, prevResult, pivotId, nextResult, loadedMessages, firstId, lastId, activeById, changed, filteredPendingMessages, _t54, _t55, _t56;
-  return _regenerator().w(function (_context58) {
-    while (1) switch (_context58.p = _context58.n) {
+  var _action$payload0, channelId, messageId, _action$payload0$appl, applyVisibleWindow, connectionState, activeChannelId, activeMessages, activeConfirmedMessages, centerMessageIndex, refreshAnchorId, previousLimit, nextLimit, SceytChatClient, messageQueryBuilder, messageQuery, prevResult, pivotId, nextResult, loadedMessages, firstId, lastId, activeById, changed, filteredPendingMessages, _t54, _t55, _t56;
+  return _regenerator().w(function (_context59) {
+    while (1) switch (_context59.p = _context59.n) {
       case 0:
-        _context58.p = 0;
-        _action$payload9 = action.payload, channelId = _action$payload9.channelId, messageId = _action$payload9.messageId, _action$payload9$appl = _action$payload9.applyVisibleWindow, applyVisibleWindow = _action$payload9$appl === void 0 ? true : _action$payload9$appl;
+        _context59.p = 0;
+        _action$payload0 = action.payload, channelId = _action$payload0.channelId, messageId = _action$payload0.messageId, _action$payload0$appl = _action$payload0.applyVisibleWindow, applyVisibleWindow = _action$payload0$appl === void 0 ? true : _action$payload0$appl;
         connectionState = store.getState().UserReducer.connectionStatus;
         if (!(connectionState !== CONNECTION_STATUS.CONNECTED)) {
-          _context58.n = 1;
+          _context59.n = 1;
           break;
         }
-        return _context58.a(2);
+        return _context59.a(2);
       case 1:
         activeChannelId = getActiveChannelId();
         if (!(activeChannelId !== channelId)) {
-          _context58.n = 2;
+          _context59.n = 2;
           break;
         }
-        return _context58.a(2);
+        return _context59.a(2);
       case 2:
         activeMessages = store.getState().MessageReducer.activeChannelMessages || [];
         activeConfirmedMessages = activeMessages.filter(function (message) {
           return !!message.id;
         });
         if (activeConfirmedMessages.length) {
-          _context58.n = 3;
+          _context59.n = 3;
           break;
         }
-        return _context58.a(2);
+        return _context59.a(2);
       case 3:
         centerMessageIndex = getCenterTwoMessages(activeConfirmedMessages);
         refreshAnchorId = centerMessageIndex.mid2.messageId || messageId;
         if (refreshAnchorId) {
-          _context58.n = 4;
+          _context59.n = 4;
           break;
         }
-        return _context58.a(2);
+        return _context59.a(2);
       case 4:
         previousLimit = activeConfirmedMessages.length === 1 ? 1 : Math.min(REFRESH_WINDOW_HALF, centerMessageIndex.mid2.index);
         nextLimit = Math.min(REFRESH_WINDOW_HALF, Math.max(0, activeConfirmedMessages.length - centerMessageIndex.mid1.index - 1));
@@ -26647,20 +26797,20 @@ function refreshCacheAroundMessage(action) {
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channelId);
         messageQueryBuilder.limit(REFRESH_WINDOW_HALF);
         messageQueryBuilder.reverse(true);
-        _context58.n = 5;
+        _context59.n = 5;
         return effects.call(messageQueryBuilder.build);
       case 5:
-        messageQuery = _context58.v;
+        messageQuery = _context59.v;
         messageQuery.limit = previousLimit;
         if (!(previousLimit > 0)) {
-          _context58.n = 7;
+          _context59.n = 7;
           break;
         }
-        _context58.n = 6;
+        _context59.n = 6;
         return effects.call(messageQuery.loadPreviousMessageId, refreshAnchorId);
       case 6:
-        _t54 = _context58.v;
-        _context58.n = 8;
+        _t54 = _context59.v;
+        _context59.n = 8;
         break;
       case 7:
         _t54 = {
@@ -26673,14 +26823,14 @@ function refreshCacheAroundMessage(action) {
         messageQuery.reverse = false;
         messageQuery.limit = nextLimit;
         if (!(nextLimit > 0 && pivotId)) {
-          _context58.n = 10;
+          _context59.n = 10;
           break;
         }
-        _context58.n = 9;
+        _context59.n = 9;
         return effects.call(messageQuery.loadNextMessageId, pivotId);
       case 9:
-        _t55 = _context58.v;
-        _context58.n = 11;
+        _t55 = _context59.v;
+        _context59.n = 11;
         break;
       case 10:
         _t55 = {
@@ -26691,10 +26841,10 @@ function refreshCacheAroundMessage(action) {
         nextResult = _t55;
         loadedMessages = [].concat(prevResult.messages, nextResult.messages);
         if (!(loadedMessages.length === 0)) {
-          _context58.n = 12;
+          _context59.n = 12;
           break;
         }
-        return _context58.a(2);
+        return _context59.a(2);
       case 12:
         firstId = getFirstConfirmedMessageId(loadedMessages);
         lastId = getLastConfirmedMessageId(loadedMessages);
@@ -26702,11 +26852,11 @@ function refreshCacheAroundMessage(action) {
           setMessagesToMap(channelId, loadedMessages, firstId, lastId);
           setActiveSegment(channelId, firstId, lastId);
         }
-        _context58.n = 13;
+        _context59.n = 13;
         return effects.call(loadOGMetadataForLinkMessages, loadedMessages, true, false, false);
       case 13:
         if (!sameConfirmedWindow(activeConfirmedMessages, loadedMessages)) {
-          _context58.n = 15;
+          _context59.n = 15;
           break;
         }
         activeById = new Map(activeConfirmedMessages.map(function (currentMessage) {
@@ -26719,151 +26869,151 @@ function refreshCacheAroundMessage(action) {
           return JSON.stringify(existing) !== JSON.stringify(loaded);
         });
         if (!(changed.length > 0)) {
-          _context58.n = 14;
+          _context59.n = 14;
           break;
         }
-        _context58.n = 14;
+        _context59.n = 14;
         return effects.put(patchMessagesAC(changed));
       case 14:
-        return _context58.a(2);
+        return _context59.a(2);
       case 15:
         if (applyVisibleWindow) {
-          _context58.n = 16;
+          _context59.n = 16;
           break;
         }
-        return _context58.a(2);
+        return _context59.a(2);
       case 16:
-        _context58.n = 17;
+        _context59.n = 17;
         return effects.put(setMessagesAC(JSON.parse(JSON.stringify(loadedMessages)), channelId));
       case 17:
         filteredPendingMessages = getFilteredPendingMessages(channelId, loadedMessages);
         if (!(filteredPendingMessages.length > 0)) {
-          _context58.n = 19;
+          _context59.n = 19;
           break;
         }
-        _context58.n = 18;
+        _context59.n = 18;
         return effects.put(addMessagesAC(filteredPendingMessages, MESSAGE_LOAD_DIRECTION.NEXT));
       case 18:
-        _context58.n = 19;
+        _context59.n = 19;
         return effects.call(loadOGMetadataForLinkMessages, filteredPendingMessages, true, false, false);
       case 19:
-        _context58.n = 21;
+        _context59.n = 21;
         break;
       case 20:
-        _context58.p = 20;
-        _t56 = _context58.v;
+        _context59.p = 20;
+        _t56 = _context59.v;
         log.error('error in refreshCacheAroundMessage', _t56);
       case 21:
-        return _context58.a(2);
+        return _context59.a(2);
     }
-  }, _marked52, null, [[0, 20]]);
+  }, _marked53, null, [[0, 20]]);
 }
 function MessageSaga() {
-  return _regenerator().w(function (_context59) {
-    while (1) switch (_context59.n) {
+  return _regenerator().w(function (_context60) {
+    while (1) switch (_context60.n) {
       case 0:
-        _context59.n = 1;
+        _context60.n = 1;
         return effects.takeEvery(SEND_MESSAGE, sendMessage);
       case 1:
-        _context59.n = 2;
+        _context60.n = 2;
         return effects.takeEvery(SEND_TEXT_MESSAGE, sendTextMessage);
       case 2:
-        _context59.n = 3;
+        _context60.n = 3;
         return effects.takeEvery(FORWARD_MESSAGE, forwardMessage);
       case 3:
-        _context59.n = 4;
+        _context60.n = 4;
         return effects.takeEvery(RESEND_MESSAGE, resendMessage);
       case 4:
-        _context59.n = 5;
+        _context60.n = 5;
         return effects.takeLatest(EDIT_MESSAGE, editMessage);
       case 5:
-        _context59.n = 6;
+        _context60.n = 6;
         return effects.takeEvery(DELETE_MESSAGE, deleteMessage);
       case 6:
-        _context59.n = 7;
+        _context60.n = 7;
         return effects.takeLatest(RELOAD_ACTIVE_CHANNEL_AFTER_RECONNECT, reloadActiveChannelAfterReconnect);
       case 7:
-        _context59.n = 8;
+        _context60.n = 8;
         return effects.takeLatest(LOAD_LATEST_MESSAGES, getMessagesQuery);
       case 8:
-        _context59.n = 9;
+        _context60.n = 9;
         return effects.takeLatest(LOAD_AROUND_MESSAGE, loadAroundMessage);
       case 9:
-        _context59.n = 10;
+        _context60.n = 10;
         return effects.takeLatest(REFRESH_CACHE_AROUND_MESSAGE, refreshCacheAroundMessage);
       case 10:
-        _context59.n = 11;
+        _context60.n = 11;
         return effects.takeLatest(LOAD_NEAR_UNREAD, loadNearUnread);
       case 11:
-        _context59.n = 12;
+        _context60.n = 12;
         return effects.takeLatest(LOAD_DEFAULT_MESSAGES, loadDefaultMessages);
       case 12:
-        _context59.n = 13;
+        _context60.n = 13;
         return effects.takeEvery(GET_MESSAGE, getMessageQuery);
       case 13:
-        _context59.n = 14;
+        _context60.n = 14;
         return effects.takeLatest(GET_MESSAGE_MARKERS, getMessageMarkers);
       case 14:
-        _context59.n = 15;
+        _context60.n = 15;
         return effects.takeLatest(GET_MESSAGES_ATTACHMENTS, getMessageAttachments);
       case 15:
-        _context59.n = 16;
+        _context60.n = 16;
         return effects.takeLatest(LOAD_MORE_MESSAGES_ATTACHMENTS, loadMoreMessageAttachments);
       case 16:
-        _context59.n = 17;
+        _context60.n = 17;
         return effects.takeLatest(ADD_REACTION, addReaction);
       case 17:
-        _context59.n = 18;
+        _context60.n = 18;
         return effects.takeLatest(DELETE_REACTION, deleteReaction);
       case 18:
-        _context59.n = 19;
+        _context60.n = 19;
         return effects.takeEvery(LOAD_MORE_MESSAGES, loadMoreMessages);
       case 19:
-        _context59.n = 20;
+        _context60.n = 20;
         return effects.takeEvery(GET_REACTIONS, getReactions);
       case 20:
-        _context59.n = 21;
+        _context60.n = 21;
         return effects.takeEvery(LOAD_MORE_REACTIONS, loadMoreReactions);
       case 21:
-        _context59.n = 22;
+        _context60.n = 22;
         return effects.takeEvery(PAUSE_ATTACHMENT_UPLOADING, pauseAttachmentUploading);
       case 22:
-        _context59.n = 23;
+        _context60.n = 23;
         return effects.takeEvery(RESUME_ATTACHMENT_UPLOADING, resumeAttachmentUploading);
       case 23:
-        _context59.n = 24;
+        _context60.n = 24;
         return effects.takeEvery(ADD_POLL_VOTE, addPollVote);
       case 24:
-        _context59.n = 25;
+        _context60.n = 25;
         return effects.takeEvery(DELETE_POLL_VOTE, deletePollVote);
       case 25:
-        _context59.n = 26;
+        _context60.n = 26;
         return effects.takeEvery(CLOSE_POLL, closePoll);
       case 26:
-        _context59.n = 27;
+        _context60.n = 27;
         return effects.takeEvery(RETRACT_POLL_VOTE, retractPollVote);
       case 27:
-        _context59.n = 28;
+        _context60.n = 28;
         return effects.takeEvery(GET_POLL_VOTES, getPollVotes);
       case 28:
-        _context59.n = 29;
+        _context60.n = 29;
         return effects.takeEvery(LOAD_MORE_POLL_VOTES, loadMorePollVotes);
       case 29:
-        _context59.n = 30;
+        _context60.n = 30;
         return effects.takeEvery(RESEND_PENDING_POLL_ACTIONS, resendPendingPollActions);
       case 30:
-        _context59.n = 31;
+        _context60.n = 31;
         return effects.takeLatest(RESEND_PENDING_MESSAGE_MUTATIONS, resendPendingMessageMutations);
       case 31:
-        _context59.n = 32;
+        _context60.n = 32;
         return effects.takeEvery(LOAD_OG_METADATA_FOR_LINK, loadOGMetadataForLinkSaga);
       case 32:
-        _context59.n = 33;
+        _context60.n = 33;
         return effects.takeEvery(FETCH_OG_METADATA, fetchOGMetadata);
       case 33:
-        return _context59.a(2);
+        return _context60.a(2);
     }
-  }, _marked53);
+  }, _marked54);
 }
 
 var _marked$4 = /*#__PURE__*/_regenerator().m(getMembers),
@@ -32031,76 +32181,102 @@ var UserNumber = styled__default.h4(_templateObject6$5 || (_templateObject6$5 =
   return props.color;
 });
 
-var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
-var ChannelList = function ChannelList(_ref) {
+var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3, _templateObject1$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2;
+var ChannelSkeletonList = function ChannelSkeletonList(_ref) {
+  var color = _ref.color,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 12 : _ref$count;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
+    length: count
+  }, function (_, i) {
+    return /*#__PURE__*/React__default.createElement(SkeletonItem, {
+      key: i
+    }, /*#__PURE__*/React__default.createElement(SkeletonAvatar, {
+      color: color,
+      size: 50
+    }), /*#__PURE__*/React__default.createElement(SkeletonRight, null, /*#__PURE__*/React__default.createElement(SkeletonTopRow, null, /*#__PURE__*/React__default.createElement(SkeletonLine, {
+      color: color,
+      width: '55%'
+    }), /*#__PURE__*/React__default.createElement(SkeletonLine, {
+      color: color,
+      width: '36px',
+      height: '10px'
+    })), /*#__PURE__*/React__default.createElement(SkeletonLine, {
+      color: color,
+      width: '72%',
+      height: '12px'
+    })));
+  }));
+};
+var ChannelList = function ChannelList(_ref2) {
   var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
-  var className = _ref.className,
-    selectedChannelBackground = _ref.selectedChannelBackground,
-    selectedChannelLeftBorder = _ref.selectedChannelLeftBorder,
-    backgroundColor = _ref.backgroundColor,
-    searchInputBackgroundColor = _ref.searchInputBackgroundColor,
-    searchInputTextColor = _ref.searchInputTextColor,
-    _ref$searchChannelsPo = _ref.searchChannelsPosition,
-    searchChannelsPosition = _ref$searchChannelsPo === void 0 ? 'bottom' : _ref$searchChannelsPo,
-    channelSearchWidth = _ref.channelSearchWidth,
-    searchInputBorderRadius = _ref.searchInputBorderRadius,
-    selectedChannelBorderRadius = _ref.selectedChannelBorderRadius,
-    selectedChannelPaddings = _ref.selectedChannelPaddings,
-    channelsPaddings = _ref.channelsPaddings,
-    channelsMargin = _ref.channelsMargin,
-    List = _ref.List,
-    ListItem = _ref.ListItem,
-    getSelectedChannel = _ref.getSelectedChannel,
-    Profile = _ref.Profile,
-    CreateChannel = _ref.CreateChannel,
-    ChannelsTitle = _ref.ChannelsTitle,
-    filter = _ref.filter,
-    limit = _ref.limit,
-    sort = _ref.sort,
-    _ref$showAvatar = _ref.showAvatar,
-    showAvatar = _ref$showAvatar === void 0 ? true : _ref$showAvatar,
-    avatarBorderRadius = _ref.avatarBorderRadius,
-    _ref$showSearch = _ref.showSearch,
-    showSearch = _ref$showSearch === void 0 ? true : _ref$showSearch,
-    _ref$showCreateChanne = _ref.showCreateChannelIcon,
-    showCreateChannelIcon = _ref$showCreateChanne === void 0 ? true : _ref$showCreateChanne,
-    uriPrefixOnCreateChannel = _ref.uriPrefixOnCreateChannel,
-    onChannelDeleted = _ref.onChannelDeleted,
-    onChannelCreated = _ref.onChannelCreated,
-    onChannelHidden = _ref.onChannelHidden,
-    onChannelVisible = _ref.onChannelVisible,
-    onAddedToChannel = _ref.onAddedToChannel,
-    notificationsIsMutedIcon = _ref.notificationsIsMutedIcon,
-    notificationsIsMutedIconColor = _ref.notificationsIsMutedIconColor,
-    pinedIcon = _ref.pinedIcon,
-    createChannelIcon = _ref.createChannelIcon,
-    newChannelIcon = _ref.newChannelIcon,
-    newGroupIcon = _ref.newGroupIcon,
-    newChatIcon = _ref.newChatIcon,
-    uploadPhotoIcon = _ref.uploadPhotoIcon,
-    channelHoverBackground = _ref.channelHoverBackground,
-    channelSubjectFontSize = _ref.channelSubjectFontSize,
-    channelSubjectLineHeight = _ref.channelSubjectLineHeight,
-    channelSubjectColor = _ref.channelSubjectColor,
-    channelLastMessageFontSize = _ref.channelLastMessageFontSize,
-    channelLastMessageHeight = _ref.channelLastMessageHeight,
-    channelLastMessageTimeFontSize = _ref.channelLastMessageTimeFontSize,
-    channelAvatarSize = _ref.channelAvatarSize,
-    channelAvatarTextSize = _ref.channelAvatarTextSize,
-    searchChannelInputFontSize = _ref.searchChannelInputFontSize,
-    searchedChannelsTitleFontSize = _ref.searchedChannelsTitleFontSize,
-    searchChannelsPadding = _ref.searchChannelsPadding,
-    getCustomLatestMessage = _ref.getCustomLatestMessage,
-    _ref$doNotShowMessage = _ref.doNotShowMessageDeliveryTypes,
-    doNotShowMessageDeliveryTypes = _ref$doNotShowMessage === void 0 ? ['system'] : _ref$doNotShowMessage,
-    _ref$showPhoneNumber = _ref.showPhoneNumber,
-    showPhoneNumber = _ref$showPhoneNumber === void 0 ? false : _ref$showPhoneNumber;
+  var className = _ref2.className,
+    selectedChannelBackground = _ref2.selectedChannelBackground,
+    selectedChannelLeftBorder = _ref2.selectedChannelLeftBorder,
+    backgroundColor = _ref2.backgroundColor,
+    searchInputBackgroundColor = _ref2.searchInputBackgroundColor,
+    searchInputTextColor = _ref2.searchInputTextColor,
+    _ref2$searchChannelsP = _ref2.searchChannelsPosition,
+    searchChannelsPosition = _ref2$searchChannelsP === void 0 ? 'bottom' : _ref2$searchChannelsP,
+    channelSearchWidth = _ref2.channelSearchWidth,
+    searchInputBorderRadius = _ref2.searchInputBorderRadius,
+    selectedChannelBorderRadius = _ref2.selectedChannelBorderRadius,
+    selectedChannelPaddings = _ref2.selectedChannelPaddings,
+    channelsPaddings = _ref2.channelsPaddings,
+    channelsMargin = _ref2.channelsMargin,
+    List = _ref2.List,
+    ListItem = _ref2.ListItem,
+    getSelectedChannel = _ref2.getSelectedChannel,
+    Profile = _ref2.Profile,
+    CreateChannel = _ref2.CreateChannel,
+    ChannelsTitle = _ref2.ChannelsTitle,
+    filter = _ref2.filter,
+    limit = _ref2.limit,
+    sort = _ref2.sort,
+    _ref2$showAvatar = _ref2.showAvatar,
+    showAvatar = _ref2$showAvatar === void 0 ? true : _ref2$showAvatar,
+    avatarBorderRadius = _ref2.avatarBorderRadius,
+    _ref2$showSearch = _ref2.showSearch,
+    showSearch = _ref2$showSearch === void 0 ? true : _ref2$showSearch,
+    _ref2$showCreateChann = _ref2.showCreateChannelIcon,
+    showCreateChannelIcon = _ref2$showCreateChann === void 0 ? true : _ref2$showCreateChann,
+    uriPrefixOnCreateChannel = _ref2.uriPrefixOnCreateChannel,
+    onChannelDeleted = _ref2.onChannelDeleted,
+    onChannelCreated = _ref2.onChannelCreated,
+    onChannelHidden = _ref2.onChannelHidden,
+    onChannelVisible = _ref2.onChannelVisible,
+    onAddedToChannel = _ref2.onAddedToChannel,
+    notificationsIsMutedIcon = _ref2.notificationsIsMutedIcon,
+    notificationsIsMutedIconColor = _ref2.notificationsIsMutedIconColor,
+    pinedIcon = _ref2.pinedIcon,
+    createChannelIcon = _ref2.createChannelIcon,
+    newChannelIcon = _ref2.newChannelIcon,
+    newGroupIcon = _ref2.newGroupIcon,
+    newChatIcon = _ref2.newChatIcon,
+    uploadPhotoIcon = _ref2.uploadPhotoIcon,
+    channelHoverBackground = _ref2.channelHoverBackground,
+    channelSubjectFontSize = _ref2.channelSubjectFontSize,
+    channelSubjectLineHeight = _ref2.channelSubjectLineHeight,
+    channelSubjectColor = _ref2.channelSubjectColor,
+    channelLastMessageFontSize = _ref2.channelLastMessageFontSize,
+    channelLastMessageHeight = _ref2.channelLastMessageHeight,
+    channelLastMessageTimeFontSize = _ref2.channelLastMessageTimeFontSize,
+    channelAvatarSize = _ref2.channelAvatarSize,
+    channelAvatarTextSize = _ref2.channelAvatarTextSize,
+    searchChannelInputFontSize = _ref2.searchChannelInputFontSize,
+    searchedChannelsTitleFontSize = _ref2.searchedChannelsTitleFontSize,
+    searchChannelsPadding = _ref2.searchChannelsPadding,
+    getCustomLatestMessage = _ref2.getCustomLatestMessage,
+    _ref2$doNotShowMessag = _ref2.doNotShowMessageDeliveryTypes,
+    doNotShowMessageDeliveryTypes = _ref2$doNotShowMessag === void 0 ? ['system'] : _ref2$doNotShowMessag,
+    _ref2$showPhoneNumber = _ref2.showPhoneNumber,
+    showPhoneNumber = _ref2$showPhoneNumber === void 0 ? false : _ref2$showPhoneNumber;
   var _useColor = useColors(),
     background = _useColor[THEME_COLORS.BACKGROUND],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
     textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
-    textFootnote = _useColor[THEME_COLORS.TEXT_FOOTNOTE],
     borderColor = _useColor[THEME_COLORS.BORDER],
+    surface1 = _useColor[THEME_COLORS.SURFACE_1],
     surface2 = _useColor[THEME_COLORS.SURFACE_2];
   var dispatch = useDispatch();
   var getFromContacts = getShowOnlyContactUsers();
@@ -32385,7 +32561,7 @@ var ChannelList = function ChannelList(_ref) {
     setSelectedChannel: setSelectedChannel,
     loadMoreChannels: handleLoadMoreChannels,
     searchValue: searchValue
-  }, !searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channels.map(function (channel) {
+  }, !searchValue && (channelsLoading === LOADING_STATE.LOADED || channels.length > 0) ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channels.map(function (channel) {
     return !getPendingDeleteChannel(channel.id) && (ListItem ? (/*#__PURE__*/React__default.createElement(ListItem, {
       channel: channel,
       setSelectedChannel: setSelectedChannel,
@@ -32419,7 +32595,10 @@ var ChannelList = function ChannelList(_ref) {
       doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
       showPhoneNumber: showPhoneNumber
     })));
-  }))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
+  }), channelsLoading === LOADING_STATE.LOADING && channelsHasNext && (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
+    color: surface1,
+    count: 1
+  })))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
     color: textSecondary,
     fontSize: searchedChannelsTitleFontSize
   }, "Chats & Groups"), searchedChannels.chats_groups.map(function (channel) {
@@ -32527,9 +32706,9 @@ var ChannelList = function ChannelList(_ref) {
   }))))) : (/*#__PURE__*/React__default.createElement(NoData, {
     color: textSecondary,
     fontSize: searchedChannelsTitleFontSize
-  }, "No channels found")))) : (/*#__PURE__*/React__default.createElement(LoadingWrapper, null, /*#__PURE__*/React__default.createElement(UploadingIcon, {
-    color: textFootnote
-  }))))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !searchValue && (/*#__PURE__*/React__default.createElement(ChannelsList, {
+  }, "No channels found")))) : (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
+    color: surface1
+  })))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !searchValue && (channelsLoading === LOADING_STATE.LOADED || channels.length > 0 ? (/*#__PURE__*/React__default.createElement(ChannelsList, {
     ref: channelsScrollRef,
     onScroll: handleAllChannelsListScroll,
     onMouseEnter: function onMouseEnter() {
@@ -32574,6 +32753,11 @@ var ChannelList = function ChannelList(_ref) {
       doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
       showPhoneNumber: showPhoneNumber
     }));
+  }), channelsLoading === LOADING_STATE.LOADING && channelsHasNext && (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
+    color: surface1,
+    count: 1
+  })))) : (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
+    color: surface1
   }))), !!searchValue && (channelsLoading === LOADING_STATE.LOADED ? !((_searchedChannels$cha4 = searchedChannels.chats_groups) !== null && _searchedChannels$cha4 !== void 0 && _searchedChannels$cha4.length) && !((_searchedChannels$cha5 = searchedChannels.chats_groups) !== null && _searchedChannels$cha5 !== void 0 && _searchedChannels$cha5.length) && !((_searchedChannels$cha6 = searchedChannels.channels) !== null && _searchedChannels$cha6 !== void 0 && _searchedChannels$cha6.length) ? (/*#__PURE__*/React__default.createElement(NoData, {
     color: textSecondary,
     fontSize: searchedChannelsTitleFontSize
@@ -32651,9 +32835,9 @@ var ChannelList = function ChannelList(_ref) {
       doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
       showPhoneNumber: showPhoneNumber
     }));
-  }))))) : (/*#__PURE__*/React__default.createElement(LoadingWrapper, null, /*#__PURE__*/React__default.createElement(UploadingIcon, {
-    color: textFootnote
-  })))))), profileIsOpen && /*#__PURE__*/React__default.createElement(ProfileSettings, {
+  }))))) : (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
+    color: surface1
+  }))))), profileIsOpen && /*#__PURE__*/React__default.createElement(ProfileSettings, {
     handleCloseProfile: handleOpenProfile
   }));
 };
@@ -32687,8 +32871,28 @@ var NoData = styled__default.div(_templateObject8$5 || (_templateObject8$5 = _ta
 }, function (props) {
   return props.color;
 });
-var LoadingWrapper = styled__default.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: calc(50% - 20px);\n  top: calc(50% - 20px);\n"])));
-var ChannelListHeader = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: space-between;\n  max-width: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n  padding-left: ", ";\n  border-right: ", ";\n"])), function (props) {
+var shimmer = styled.keyframes(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n  0% { background-position: -400px 0; }\n  100% { background-position: 400px 0; }\n"])));
+var SkeletonBlock = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n  background-image: linear-gradient(\n    90deg,\n    ", " 0px,\n    rgba(255, 255, 255, 0.35) 80px,\n    ", " 160px\n  );\n  background-size: 400px 100%;\n  background-repeat: no-repeat;\n  animation: ", " 1.4s ease infinite;\n"])), function (p) {
+  return p.color;
+}, function (p) {
+  return p.color;
+}, function (p) {
+  return p.color;
+}, shimmer);
+var SkeletonAvatar = styled__default(SkeletonBlock)(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteralLoose(["\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  flex-shrink: 0;\n"])), function (p) {
+  return p.size;
+}, function (p) {
+  return p.size;
+});
+var SkeletonLine = styled__default(SkeletonBlock)(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n  border-radius: 7px;\n"])), function (p) {
+  return p.width;
+}, function (p) {
+  return p.height || '14px';
+});
+var SkeletonRight = styled__default.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  margin-left: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
+var SkeletonTopRow = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+var SkeletonItem = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  margin: 0 8px;\n"])));
+var ChannelListHeader = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: space-between;\n  max-width: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n  padding-left: ", ";\n  border-right: ", ";\n"])), function (props) {
   return props.maxWidth ? "" + props.maxWidth : 'inherit';
 }, function (props) {
   return props.padding || '12px';
@@ -32877,7 +33081,7 @@ function SvgSearchMessages(props) {
   })));
 }
 
-var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4, _templateObject1$3;
+var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4, _templateObject1$4;
 function ChatHeader(_ref) {
   var infoIcon = _ref.infoIcon,
     backgroundColor = _ref.backgroundColor,
@@ -33051,7 +33255,7 @@ var MobileBackButtonWrapper = styled__default.span(_templateObject8$6 || (_templ
 });
 var DefaultInfoIcon = styled__default(SvgInfo)(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose([""])));
 var WrapArrowLeftIcon = styled__default(SvgArrowLeft)(_templateObject0$4 || (_templateObject0$4 = _taggedTemplateLiteralLoose([""])));
-var SearchMessagesButton = styled__default.span(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  cursor: pointer;\n  margin-left: 16px;\n  border-radius: 50%;\n  transition: background-color 0.15s;\n  order: ", ";\n"])), function (p) {
+var SearchMessagesButton = styled__default.span(_templateObject1$4 || (_templateObject1$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  cursor: pointer;\n  margin-left: 16px;\n  border-radius: 50%;\n  transition: background-color 0.15s;\n  order: ", ";\n"])), function (p) {
   return p.order;
 });
 
@@ -33802,7 +34006,7 @@ function SvgFullscreenExit(props) {
   })));
 }
 
-var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$4;
+var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$5;
 var VideoPlayer = function VideoPlayer(_ref) {
   var src = _ref.src,
     videoFileId = _ref.videoFileId,
@@ -34123,9 +34327,9 @@ var VolumeController = styled__default.div(_templateObject7$7 || (_templateObjec
 var VolumeIconWrapper = styled__default.span(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  cursor: pointer;\n  @media (max-width: 768px) {\n    & > svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n  @media (max-width: 768px) {\n    & > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])));
 var VolumeSlide = styled__default.input(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n  -webkit-appearance: none;\n  margin-left: 8px;\n  width: 60px;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.6);\n  border-radius: 5px;\n  background-image: linear-gradient(#fff, #fff);\n  //background-size: 70% 100%;\n  background-repeat: no-repeat;\n  cursor: pointer;\n\n  &::-webkit-slider-thumb {\n    visibility: hidden;\n    -webkit-appearance: none;\n    height: 1px;\n    width: 1px;\n    background: #fff;\n    cursor: pointer;\n    box-shadow: 0 0 2px 0 #555;\n    transition: all 0.3s ease-in-out;\n  }\n  &::-moz-range-thumb {\n    visibility: hidden;\n    -webkit-appearance: none;\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n    background: #fff;\n    cursor: pointer;\n    box-shadow: 0 0 2px 0 #555;\n    transition: all 0.3s ease-in-out;\n  }\n\n  &::-ms-thumb {\n    visibility: hidden;\n    -webkit-appearance: none;\n    height: 1px;\n    width: 1px;\n    border-radius: 50%;\n    background: #fff;\n    cursor: pointer;\n    box-shadow: 0 0 2px 0 #555;\n    transition: all 0.3s ease-in-out;\n  }\n  &::-webkit-slider-runnable-track {\n    -webkit-appearance: none;\n    box-shadow: none;\n    border: none;\n    background: transparent;\n    transition: all 0.3s ease-in-out;\n  }\n\n  &::-moz-range-track {\n    -webkit-appearance: none;\n    box-shadow: none;\n    border: none;\n    background: transparent;\n    transition: all 0.3s ease-in-out;\n  }\n  &::-ms-track {\n    -webkit-appearance: none;\n    box-shadow: none;\n    border: none;\n    background: transparent;\n    transition: all 0.3s ease-in-out;\n  }\n\n  @media (max-width: 768px) {\n    width: 50px;\n  }\n"])));
 var Progress = styled__default.input(_templateObject0$5 || (_templateObject0$5 = _taggedTemplateLiteralLoose(["\n  -webkit-appearance: none;\n  margin-right: 15px;\n  width: 100%;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.6);\n  border-radius: 5px;\n  background-image: linear-gradient(#fff, #fff);\n  //background-size: 70% 100%;\n  background-repeat: no-repeat;\n  cursor: pointer;\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n    background: #fff;\n    cursor: pointer;\n    box-shadow: 0 0 2px 0 #555;\n    transition: all 0.3s ease-in-out;\n  }\n  &::-moz-range-thumb {\n    -webkit-appearance: none;\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n    background: #fff;\n    cursor: pointer;\n    box-shadow: 0 0 2px 0 #555;\n    transition: all 0.3s ease-in-out;\n  }\n\n  &::-ms-thumb {\n    -webkit-appearance: none;\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n    background: #fff;\n    cursor: pointer;\n    box-shadow: 0 0 2px 0 #555;\n    transition: all 0.3s ease-in-out;\n  }\n\n  &::-webkit-slider-thumb:hover {\n    background: #fff;\n  }\n  &::-moz-range-thumb:hover {\n    background: #fff;\n  }\n  &::-ms-thumb:hover {\n    background: #fff;\n  }\n\n  &::-webkit-slider-runnable-track {\n    -webkit-appearance: none;\n    box-shadow: none;\n    border: none;\n    background: transparent;\n    transition: all 0.3s ease-in-out;\n  }\n\n  &::-moz-range-track {\n    -webkit-appearance: none;\n    box-shadow: none;\n    border: none;\n    background: transparent;\n    transition: all 0.3s ease-in-out;\n  }\n  &::-ms-track {\n    -webkit-appearance: none;\n    box-shadow: none;\n    border: none;\n    background: transparent;\n    transition: all 0.3s ease-in-out;\n  }\n"])));
-var FullScreenWrapper = styled__default.div(_templateObject1$4 || (_templateObject1$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin-left: 16px;\n  cursor: pointer;\n  @media (max-width: 768px) {\n    margin-left: 12px;\n    & > svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n  @media (max-width: 480px) {\n    margin-left: auto;\n    & > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])));
+var FullScreenWrapper = styled__default.div(_templateObject1$5 || (_templateObject1$5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin-left: 16px;\n  cursor: pointer;\n  @media (max-width: 768px) {\n    margin-left: 12px;\n    & > svg {\n      width: 18px;\n      height: 18px;\n    }\n  }\n  @media (max-width: 480px) {\n    margin-left: auto;\n    & > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])));
 
-var _templateObject$o, _templateObject2$l, _templateObject3$i, _templateObject4$f, _templateObject5$c, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$5, _templateObject10$3, _templateObject11$2;
+var _templateObject$o, _templateObject2$l, _templateObject3$i, _templateObject4$f, _templateObject5$c, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$6, _templateObject10$4, _templateObject11$3;
 var ChannelMembersItem = function ChannelMembersItem(_ref) {
   var channel = _ref.channel,
     directChannelUser = _ref.directChannelUser,
@@ -34527,11 +34731,11 @@ var SelectedChannelName = styled__default.span(_templateObject9$7 || (_templateO
   return props.color;
 });
 var StyledSubtractSvg$1 = styled__default(SvgCross)(_templateObject0$6 || (_templateObject0$6 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  margin-left: 4px;\n  transform: translate(2px, 0);\n"])));
-var NoResults$1 = styled__default.div(_templateObject1$5 || (_templateObject1$5 = _taggedTemplateLiteralLoose(["\n  font-size: 15px;\n  line-height: 16px;\n  font-weight: 500;\n  text-align: center;\n  margin-top: 20px;\n  color: ", ";\n"])), function (props) {
+var NoResults$1 = styled__default.div(_templateObject1$6 || (_templateObject1$6 = _taggedTemplateLiteralLoose(["\n  font-size: 15px;\n  line-height: 16px;\n  font-weight: 500;\n  text-align: center;\n  margin-top: 20px;\n  color: ", ";\n"])), function (props) {
   return props.color;
 });
-var ChannelItemWrapper = styled__default.div(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-var WarningTooltip = styled__default.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  background: ", ";\n  color: ", ";\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  padding: 10px 14px;\n  border-radius: 8px;\n  text-align: center;\n  margin-top: 8px;\n  pointer-events: none;\n  z-index: 10;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -7px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    border-top: 8px solid ", ";\n  }\n"])), function (props) {
+var ChannelItemWrapper = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var WarningTooltip = styled__default.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: calc(100% + 8px);\n  left: 50%;\n  transform: translateX(-50%);\n  background: ", ";\n  color: ", ";\n  font-size: 13px;\n  line-height: 18px;\n  font-weight: 400;\n  padding: 10px 14px;\n  border-radius: 8px;\n  text-align: center;\n  margin-top: 8px;\n  pointer-events: none;\n  z-index: 10;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -7px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 0;\n    height: 0;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    border-top: 8px solid ", ";\n  }\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.color;
@@ -34715,7 +34919,7 @@ var DeleteOptionItem = styled__default.div(_templateObject2$n || (_templateObjec
   return props.color;
 });
 
-var _templateObject$r, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$a, _templateObject7$9, _templateObject8$9, _templateObject9$8, _templateObject0$7, _templateObject1$6, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2;
+var _templateObject$r, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$a, _templateObject7$9, _templateObject8$9, _templateObject9$8, _templateObject0$7, _templateObject1$7, _templateObject10$5, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$3;
 var SliderPopup = function SliderPopup(_ref) {
   var channel = _ref.channel,
     setIsSliderOpen = _ref.setIsSliderOpen,
@@ -35339,18 +35543,18 @@ var FileSize = styled__default.span(_templateObject9$8 || (_templateObject9$8 =
 var UserName = styled__default.h4(_templateObject0$7 || (_templateObject0$7 = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  color: ", ";\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n"])), function (props) {
   return props.color;
 });
-var ActionsWrapper = styled__default.div(_templateObject1$6 || (_templateObject1$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
-var IconWrapper = styled__default.span(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  cursor: pointer;\n  color: ", ";\n  margin: ", ";\n\n  & > svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  ", "\n"])), function (props) {
+var ActionsWrapper = styled__default.div(_templateObject1$7 || (_templateObject1$7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var IconWrapper = styled__default.span(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  cursor: pointer;\n  color: ", ";\n  margin: ", ";\n\n  & > svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  ", "\n"])), function (props) {
   return props.color;
 }, function (props) {
   return props.margin;
 }, function (props) {
   return props.hideInMobile && "\n    @media (max-width: 550px) {\n      display: none;\n    }\n  ";
 });
-var CarouselItem$1 = styled__default.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  max-width: calc(100% - 200px);\n  z-index: 2;\n\n  img,\n  video {\n    min-width: 280px;\n    max-width: 100%;\n    margin: auto;\n    object-fit: contain;\n    max-height: calc(100vh - 200px);\n    @media (max-width: 480px) {\n      min-width: inherit;\n    }\n  }\n  @media (max-width: 480px) {\n    max-width: calc(100% - 100px);\n  }\n\n  img {\n    min-width: inherit;\n  }\n"])));
-var UploadCont$1 = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n  left: calc((100vw - 100%) / -2);\n  top: calc((100vh - 100%) / -2);\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 1;\n"])));
-var ItemLoadingCont = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: calc((100vw - 100%) / -2);\n  top: calc((100vh - 100% + 60px) / -2);\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n"])));
-var ArrowButton = styled__default.button(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteralLoose(["\n  min-width: 60px;\n  max-width: 60px;\n  height: 60px;\n  margin-right: ", ";\n  margin-left: ", ";\n  border: none;\n  color: ", ";\n  background: transparent;\n  box-sizing: border-box;\n  border-radius: 50%;\n  line-height: 1px;\n  align-self: center;\n  outline: none;\n  cursor: pointer;\n  visibility: ", ";\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: ", ";\n  right: ", ";\n  & > svg {\n    width: 40px;\n    height: 40px;\n  }\n  @media (max-width: 768px) {\n    min-width: 36px;\n    max-width: 36px;\n    height: 36px;\n    margin-right: ", ";\n    margin-left: ", ";\n\n    & > svg {\n      width: 22px;\n      height: 22px;\n    }\n  }\n  @media (max-width: 450px) {\n    min-width: 32px;\n    max-width: 32px;\n    height: 32px;\n\n    & > svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n"])), function (props) {
+var CarouselItem$1 = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  max-width: calc(100% - 200px);\n  z-index: 2;\n\n  img,\n  video {\n    min-width: 280px;\n    max-width: 100%;\n    margin: auto;\n    object-fit: contain;\n    max-height: calc(100vh - 200px);\n    @media (max-width: 480px) {\n      min-width: inherit;\n    }\n  }\n  @media (max-width: 480px) {\n    max-width: calc(100% - 100px);\n  }\n\n  img {\n    min-width: inherit;\n  }\n"])));
+var UploadCont$1 = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n  left: calc((100vw - 100%) / -2);\n  top: calc((100vh - 100%) / -2);\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 1;\n"])));
+var ItemLoadingCont = styled__default.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: calc((100vw - 100%) / -2);\n  top: calc((100vh - 100% + 60px) / -2);\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n"])));
+var ArrowButton = styled__default.button(_templateObject14$3 || (_templateObject14$3 = _taggedTemplateLiteralLoose(["\n  min-width: 60px;\n  max-width: 60px;\n  height: 60px;\n  margin-right: ", ";\n  margin-left: ", ";\n  border: none;\n  color: ", ";\n  background: transparent;\n  box-sizing: border-box;\n  border-radius: 50%;\n  line-height: 1px;\n  align-self: center;\n  outline: none;\n  cursor: pointer;\n  visibility: ", ";\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: ", ";\n  right: ", ";\n  & > svg {\n    width: 40px;\n    height: 40px;\n  }\n  @media (max-width: 768px) {\n    min-width: 36px;\n    max-width: 36px;\n    height: 36px;\n    margin-right: ", ";\n    margin-left: ", ";\n\n    & > svg {\n      width: 22px;\n      height: 22px;\n    }\n  }\n  @media (max-width: 450px) {\n    min-width: 32px;\n    max-width: 32px;\n    height: 32px;\n\n    & > svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n"])), function (props) {
   return !props.leftButton && '24px';
 }, function (props) {
   return props.leftButton && '24px';
@@ -37308,7 +37512,7 @@ var VideoIcon = styled__default.div(_templateObject8$a || (_templateObject8$a =
   return bg;
 });
 
-var _templateObject$z, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$e, _templateObject7$d, _templateObject8$b, _templateObject9$9, _templateObject0$8, _templateObject1$7, _templateObject10$5, _templateObject11$4;
+var _templateObject$z, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$e, _templateObject7$d, _templateObject8$b, _templateObject9$9, _templateObject0$8, _templateObject1$8, _templateObject10$6, _templateObject11$5;
 var Attachment = function Attachment(_ref) {
   var attachment = _ref.attachment,
     _ref$isPreview = _ref.isPreview,
@@ -38250,10 +38454,10 @@ var AttachmentSize = styled__default.span(_templateObject0$8 || (_templateObject
 }, function (props) {
   return props.errorColor;
 });
-var AttachmentFileInfo = styled__default.div(_templateObject1$7 || (_templateObject1$7 = _taggedTemplateLiteralLoose(["\n  margin-left: 12px;\n  ", "\n"])), function (props) {
+var AttachmentFileInfo = styled__default.div(_templateObject1$8 || (_templateObject1$8 = _taggedTemplateLiteralLoose(["\n  margin-left: 12px;\n  ", "\n"])), function (props) {
   return props.isPreview && "line-height: 14px;\n      max-width: calc(100% - 44px);\n  ";
 });
-var AttachmentImg = styled__default.img(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n  position: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n  width: ", ";\n  height: ", ";\n  object-fit: cover;\n  visibility: ", ";\n  z-index: 2;\n  opacity: ", ";\n  transition: opacity 0.3s ease-in-out;\n"])), function (props) {
+var AttachmentImg = styled__default.img(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n  position: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n  width: ", ";\n  height: ", ";\n  object-fit: cover;\n  visibility: ", ";\n  z-index: 2;\n  opacity: ", ";\n  transition: opacity 0.3s ease-in-out;\n"])), function (props) {
   return props.absolute && 'absolute';
 }, function (props) {
   return props.isRepliedMessage ? '4px' : props.borderRadius || '6px';
@@ -38268,7 +38472,7 @@ var AttachmentImg = styled__default.img(_templateObject10$5 || (_templateObject1
 }, function (props) {
   return props.$shouldAnimate && !props.$isLoaded ? 0 : 1;
 });
-var VideoCont = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  cursor: pointer;\n  height: ", ";\n"])), function (props) {
+var VideoCont = styled__default.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  cursor: pointer;\n  height: ", ";\n"])), function (props) {
   return props.isDetailsView && '100%';
 });
 
@@ -39273,7 +39477,7 @@ var OpenMoreEmojis = styled__default.span(_templateObject3$s || (_templateObject
   return props.iconHoverColor;
 });
 
-var _templateObject$E, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$j, _templateObject6$g, _templateObject7$f, _templateObject8$d, _templateObject9$a, _templateObject0$9, _templateObject1$8, _templateObject10$6;
+var _templateObject$E, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$j, _templateObject6$g, _templateObject7$f, _templateObject8$d, _templateObject9$a, _templateObject0$9, _templateObject1$9, _templateObject10$7;
 var POLL_VOTES_LIMIT = 20;
 var AllVotesPopup = function AllVotesPopup(_ref) {
   var _pollVotesHasMore$key, _poll$voteDetails, _poll$voteDetails$vot, _poll$voteDetails3;
@@ -39423,14 +39627,14 @@ var VotesContainer = styled__default.div(_templateObject9$a || (_templateObject9
 var VotesCount = styled__default.div(_templateObject0$9 || (_templateObject0$9 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 20px;\n  letter-spacing: -0.4px;\n  padding: 12px 0;\n"])), function (p) {
   return p.color;
 });
-var LoaderContainer = styled__default.div(_templateObject1$8 || (_templateObject1$8 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 0;\n  min-height: 100px;\n"])));
-var Loader = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n  width: 40px;\n  height: 40px;\n  border: 3px solid ", "20;\n  border-top-color: ", ";\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (p) {
+var LoaderContainer = styled__default.div(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 0;\n  min-height: 100px;\n"])));
+var Loader = styled__default.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n  width: 40px;\n  height: 40px;\n  border: 3px solid ", "20;\n  border-top-color: ", ";\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (p) {
   return p.color;
 }, function (p) {
   return p.color;
 });
 
-var _templateObject$F, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$g, _templateObject8$e, _templateObject9$b, _templateObject0$a, _templateObject1$9, _templateObject10$7;
+var _templateObject$F, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$g, _templateObject8$e, _templateObject9$b, _templateObject0$a, _templateObject1$a, _templateObject10$8;
 var VotesResultsPopup = function VotesResultsPopup(_ref) {
   var _poll$voteDetails3, _poll$voteDetails4, _poll$options$find;
   var onClose = _ref.onClose,
@@ -39608,10 +39812,10 @@ var VoterName$1 = styled__default.div(_templateObject9$b || (_templateObject9$b
 var VotedAt$1 = styled__default.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 20px;\n  letter-spacing: -0.2px;\n"])), function (p) {
   return p.color;
 });
-var TitleWrapper$1 = styled__default.div(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n  margin: 0 auto;\n  border-radius: 10px;\n  padding: 16px;\n  background: ", ";\n  margin-bottom: 16px;\n"])), function (p) {
+var TitleWrapper$1 = styled__default.div(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n  margin: 0 auto;\n  border-radius: 10px;\n  padding: 16px;\n  background: ", ";\n  margin-bottom: 16px;\n"])), function (p) {
   return p.backgroundColor;
 });
-var Question = styled__default.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.4px;\n  overflow-wrap: anywhere;\n"])), function (p) {
+var Question = styled__default.div(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.4px;\n  overflow-wrap: anywhere;\n"])), function (p) {
   return p.color;
 });
 
@@ -39637,7 +39841,7 @@ function SvgFilledCheckbox(props) {
   })));
 }
 
-var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f, _templateObject9$c, _templateObject0$b, _templateObject1$a, _templateObject10$8, _templateObject11$5, _templateObject12$3;
+var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f, _templateObject9$c, _templateObject0$b, _templateObject1$b, _templateObject10$9, _templateObject11$6, _templateObject12$4;
 var PollMessage = function PollMessage(_ref) {
   var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
   var message = _ref.message,
@@ -39817,22 +40021,22 @@ var StyledCheck = styled__default(SvgFilledCheckbox)(_templateObject9$c || (_tem
 var Title$2 = styled__default.div(_templateObject0$b || (_templateObject0$b = _taggedTemplateLiteralLoose(["\n  flex: 1 1 auto;\n  color: ", ";\n  margin-right: auto;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: -0.2px;\n  max-width: calc(100% - 80px);\n  word-break: break-word;\n"])), function (p) {
   return p.color;
 });
-var Votes = styled__default.span(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: -0.2px;\n  margin-left: 4px;\n  cursor: ", ";\n"])), function (p) {
+var Votes = styled__default.span(_templateObject1$b || (_templateObject1$b = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: -0.2px;\n  margin-left: 4px;\n  cursor: ", ";\n"])), function (p) {
   return p.color;
 }, function (p) {
   return p.cursor;
 });
-var Bar = styled__default.div(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: 6px;\n  border-radius: 6px;\n  background: ", ";\n  overflow: hidden;\n  margin-left: auto;\n"])), function (p) {
+var Bar = styled__default.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: 6px;\n  border-radius: 6px;\n  background: ", ";\n  overflow: hidden;\n  margin-left: auto;\n"])), function (p) {
   return p.closed ? '100%' : "calc(100% - 28px)";
 }, function (p) {
   return p.track;
 });
-var Fill = styled__default.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  border-radius: 6px;\n  transition: width 0.3s ease-in-out;\n"])));
-var UsersContainer = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  padding-left: 16px;\n  height: max-content;\n  cursor: ", ";\n"])), function (p) {
+var Fill = styled__default.div(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n  height: 100%;\n  border-radius: 6px;\n  transition: width 0.3s ease-in-out;\n"])));
+var UsersContainer = styled__default.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  padding-left: 16px;\n  height: max-content;\n  cursor: ", ";\n"])), function (p) {
   return p.cursor;
 });
 
-var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$d, _templateObject0$c, _templateObject1$b;
+var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$d, _templateObject0$c, _templateObject1$c;
 var OG_IMAGE_CACHE = 'og-images-v1';
 var loadFromMetadata$1 = function loadFromMetadata(firstAttachment) {
   if (!firstAttachment) {
@@ -40248,7 +40452,7 @@ var Img = styled__default.img(_templateObject7$i || (_templateObject7$i = _tagge
 var OGRow = styled__default.div(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding: 0;\n"])));
 var OGTextWrapper = styled__default.div(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n  flex: 1 1 auto;\n"])));
 var FaviconContainer = styled__default.div(_templateObject0$c || (_templateObject0$c = _taggedTemplateLiteralLoose(["\n  width: 52px;\n  height: 52px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px;\n  flex: 0 0 52px;\n"])));
-var FaviconImg = styled__default.img(_templateObject1$b || (_templateObject1$b = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n"])));
+var FaviconImg = styled__default.img(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n"])));
 
 var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$j, _templateObject8$h, _templateObject9$e, _templateObject0$d;
 var MessageBody = function MessageBody(_ref) {
@@ -41430,7 +41634,7 @@ function SvgCircleDashed(props) {
   })));
 }
 
-var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$9, _templateObject11$6, _templateObject12$4, _templateObject13$3;
+var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject0$f, _templateObject1$d, _templateObject10$a, _templateObject11$7, _templateObject12$5, _templateObject13$4;
 var defaultFormatDate = function defaultFormatDate(date) {
   var m = moment(date);
   if (m.isSame(moment(), 'day')) {
@@ -42048,15 +42252,15 @@ var Panel = styled__default.div(_templateObject0$f || (_templateObject0$f = _tag
 }, function (p) {
   return p.minWidth || '340px';
 });
-var Content = styled__default.div(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n"])), function (p) {
+var Content = styled__default.div(_templateObject1$d || (_templateObject1$d = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  height: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n"])), function (p) {
   return p.padding || '16px 12px';
 });
-var P2PStatusList = styled__default.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
-var P2PStatusRow = styled__default.div(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 4px;\n  height: 48px;\n"])));
-var P2PStatusLabel = styled__default.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-family: Inter;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n"])), function (p) {
+var P2PStatusList = styled__default.div(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var P2PStatusRow = styled__default.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 4px;\n  height: 48px;\n"])));
+var P2PStatusLabel = styled__default.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-family: Inter;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n"])), function (p) {
   return p.color;
 });
-var P2PStatusDate = styled__default.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  min-width: max-content;\n  font-family: Inter;\n  font-weight: 400;\n  font-size: 13px;\n  line-height: 16px;\n  letter-spacing: 0px;\n"])), function (p) {
+var P2PStatusDate = styled__default.div(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  min-width: max-content;\n  font-family: Inter;\n  font-weight: 400;\n  font-size: 13px;\n  line-height: 16px;\n  letter-spacing: 0px;\n"])), function (p) {
   return p.color;
 });
 
@@ -43292,6 +43496,11 @@ var DEFAULT_UNREAD_VISIBILITY_THRESHOLD = 0.5;
 var JUMP_SCROLL_LOCK_MS = 1800;
 var PRESERVE_ANCHOR_SCROLL_EPSILON_PX = 1;
 var SCROLL_IDLE_MS = 800;
+var delay = function delay(ms) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, ms);
+  });
+};
 var channelRestoreWindowMap = new Map();
 var formatMessageDateLabel = function formatMessageDateLabel(message) {
   var current = new Date(message.createdAt);
@@ -44083,15 +44292,33 @@ function useChatController(_ref3) {
           jumpTargetIdRef.current = itemId;
           setIsJumpingToItem(true);
           return Promise.resolve(_finallyRethrows(function () {
-            return Promise.resolve(beginWindowPagedRequest(function () {
-              dispatch(loadAroundMessageAC(channelRef.current, itemId));
-            })).then(function () {
-              if (jumpId !== currentJumpIdRef.current) {
-                clearJumpBlur();
-                return;
-              }
-              windowLoadScopeRef.current = null;
-              setHighlight(itemId);
+            return Promise.resolve(delay(20)).then(function () {
+              var timeout = setTimeout(function () {
+                if (pendingWindowLoadRef.current) {
+                  dispatch(cancelWindowLoadAC());
+                  pendingWindowLoadRef.current.resolve({
+                    items: []
+                  });
+                  pendingWindowLoadRef.current = null;
+                  windowLoadScopeRef.current = null;
+                  setIsJumpingToItem(false);
+                }
+              }, 7000);
+              return Promise.resolve(beginWindowPagedRequest(function () {
+                dispatch(loadAroundMessageAC(channelRef.current, itemId));
+              }, {
+                allowNoLoading: true
+              })).then(function () {
+                clearTimeout(timeout);
+                if (jumpId !== currentJumpIdRef.current) {
+                  setIsJumpingToItem(false);
+                  windowLoadScopeRef.current = null;
+                  clearJumpBlur();
+                  return;
+                }
+                windowLoadScopeRef.current = null;
+                setHighlight(itemId);
+              });
             });
           }, function (_wasThrown, _result) {
             if (jumpId === currentJumpIdRef.current) {
@@ -45267,7 +45494,7 @@ var createMessageMarkerBatcher = function createMessageMarkerBatcher(_ref) {
   };
 };
 
-var _templateObject$P, _templateObject2$K, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$h, _templateObject0$g, _templateObject1$d, _templateObject10$a, _templateObject11$7;
+var _templateObject$P, _templateObject2$K, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$h, _templateObject0$g, _templateObject1$e, _templateObject10$b, _templateObject11$8;
 var MessageList = function MessageList(_ref) {
   var _scrollRef$current, _scrollRef$current2;
   var fontFamily = _ref.fontFamily,
@@ -46013,13 +46240,18 @@ var MessageList = function MessageList(_ref) {
       isHighlighted: timelineItem.isHighlighted,
       ifLatestAndHasNotPreview: timelineItem.ifLatestAndHasNotPreview
     }));
-  }))) : loadingPrevMessages === LOADING_STATE.LOADED && loadingNextMessages === LOADING_STATE.LOADED && (/*#__PURE__*/React__default.createElement(NoMessagesContainer, {
+  }))) : loadingPrevMessages === LOADING_STATE.LOADED && loadingNextMessages === LOADING_STATE.LOADED ? (/*#__PURE__*/React__default.createElement(NoMessagesContainer, {
     color: textPrimary
   }, /*#__PURE__*/React__default.createElement(SvgNoMessagesIcon, null), /*#__PURE__*/React__default.createElement(NoMessagesTitle, {
     color: textPrimary
   }, "No Messages yet"), /*#__PURE__*/React__default.createElement(NoMessagesText, {
     color: textSecondary
-  }, "No messages yet, start the chat"))), (attachmentsPreview === null || attachmentsPreview === void 0 ? void 0 : attachmentsPreview.show) && mediaFile && (/*#__PURE__*/React__default.createElement(SliderPopup, {
+  }, "No messages yet, start the chat"))) : (/*#__PURE__*/React__default.createElement(NoMessagesContainer, {
+    color: textPrimary
+  }, /*#__PURE__*/React__default.createElement(JumpSpinner, {
+    "$color": iconInactive,
+    "$size": 32
+  }))), (attachmentsPreview === null || attachmentsPreview === void 0 ? void 0 : attachmentsPreview.show) && mediaFile && (/*#__PURE__*/React__default.createElement(SliderPopup, {
     channel: channel,
     setIsSliderOpen: setMediaFile,
     currentMediaFile: mediaFile,
@@ -46054,7 +46286,11 @@ var Container$j = styled__default.div(_templateObject$P || (_templateObject$P =
   return props.thumbColor;
 });
 var JumpOverlay = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n"])));
-var JumpSpinner = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n  width: 26px;\n  height: 26px;\n  border: 2.5px solid transparent;\n  border-top-color: ", ";\n  border-radius: 50%;\n  animation: spin 0.7s linear infinite;\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (props) {
+var JumpSpinner = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n  width: ", "px;\n  height: ", "px;\n  border: 2.5px solid transparent;\n  border-top-color: ", ";\n  border-radius: 50%;\n  animation: spin 0.7s linear infinite;\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n"])), function (props) {
+  return props.$size || 26;
+}, function (props) {
+  return props.$size || 26;
+}, function (props) {
   return props.$color || '#9EA6B0';
 });
 var MessagesBox = styled__default.div(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n  display: flex;\n  padding-top: 5px;\n  flex-direction: column;\n  padding-bottom: 6px;\n  width: 100%;\n  transform: scaleY(-1);\n  backface-visibility: hidden;\n  filter: ", ";\n  transition: filter 0.2s ease;\n"])), function (props) {
@@ -46098,13 +46334,13 @@ var DropAttachmentArea = styled__default.div(_templateObject9$h || (_templateObj
 var MessageWrapper = styled__default.div(_templateObject0$g || (_templateObject0$g = _taggedTemplateLiteralLoose(["\n  &.highlight {\n    & .message_item {\n      background-color: ", ";\n    }\n  }\n"])), function (props) {
   return props.highlightBg || '#d5d5d5';
 });
-var NoMessagesContainer = styled__default.div(_templateObject1$d || (_templateObject1$d = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  transform: scaleY(-1);\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ", ";\n"])), function (props) {
+var NoMessagesContainer = styled__default.div(_templateObject1$e || (_templateObject1$e = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  transform: scaleY(-1);\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ", ";\n"])), function (props) {
   return props.color;
 });
-var NoMessagesTitle = styled__default.h4(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n  margin: 12px 0 8px;\n  font-family: Inter, sans-serif;\n  text-align: center;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  color: ", ";\n"])), function (props) {
+var NoMessagesTitle = styled__default.h4(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n  margin: 12px 0 8px;\n  font-family: Inter, sans-serif;\n  text-align: center;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n  color: ", ";\n"])), function (props) {
   return props.color;
 });
-var NoMessagesText = styled__default.p(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  text-align: center;\n  font-feature-settings:\n    'clig' off,\n    'liga' off;\n  font-family: Inter, sans-serif;\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  color: ", ";\n"])), function (props) {
+var NoMessagesText = styled__default.p(_templateObject11$8 || (_templateObject11$8 = _taggedTemplateLiteralLoose(["\n  margin: 0;\n  text-align: center;\n  font-feature-settings:\n    'clig' off,\n    'liga' off;\n  font-family: Inter, sans-serif;\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  color: ", ";\n"])), function (props) {
   return props.color;
 });
 
@@ -49528,7 +49764,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
   return props.color;
 });
 
-var _templateObject$W, _templateObject2$R, _templateObject3$I, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$q, _templateObject8$n, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$b, _templateObject11$8, _templateObject12$5, _templateObject13$4, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1, _templateObject35$1, _templateObject36$1, _templateObject37$1, _templateObject38$1, _templateObject39$1, _templateObject40$1, _templateObject41$1, _templateObject42, _templateObject43, _templateObject44, _templateObject45;
+var _templateObject$W, _templateObject2$R, _templateObject3$I, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$q, _templateObject8$n, _templateObject9$j, _templateObject0$h, _templateObject1$f, _templateObject10$c, _templateObject11$9, _templateObject12$6, _templateObject13$5, _templateObject14$4, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1, _templateObject35$1, _templateObject36$1, _templateObject37$1, _templateObject38$1, _templateObject39$1, _templateObject40$1, _templateObject41$1, _templateObject42, _templateObject43, _templateObject44, _templateObject45;
 function AutoFocusPlugin(_ref) {
   var messageForReply = _ref.messageForReply;
   var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
@@ -51516,10 +51752,10 @@ var UserName$1 = styled__default.span(_templateObject9$j || (_templateObject9$j
 var ReplyMessageBody$1 = styled__default.div(_templateObject0$h || (_templateObject0$h = _taggedTemplateLiteralLoose(["\n  word-break: break-word;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  a {\n    color: ", ";\n  }\n"])), function (props) {
   return props.linkColor;
 });
-var EditReplyMessageHeader = styled__default.h4(_templateObject1$e || (_templateObject1$e = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin: 0 0 2px;\n  font-weight: 400;\n  font-size: 13px;\n  line-height: 16px;\n  color: ", ";\n\n  > svg {\n    margin-right: 4px;\n    width: 16px;\n    height: 16px;\n  }\n"])), function (props) {
+var EditReplyMessageHeader = styled__default.h4(_templateObject1$f || (_templateObject1$f = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin: 0 0 2px;\n  font-weight: 400;\n  font-size: 13px;\n  line-height: 16px;\n  color: ", ";\n\n  > svg {\n    margin-right: 4px;\n    width: 16px;\n    height: 16px;\n  }\n"])), function (props) {
   return props.color;
 });
-var AddAttachmentIcon = styled__default.span(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n  display: flex;\n  height: ", ";\n  align-items: center;\n  margin: 0 8px;\n  cursor: pointer;\n  line-height: 13px;\n  z-index: 2;\n  order: ", ";\n\n  > svg {\n    ", ";\n    width: 24px;\n  }\n\n  &:hover > svg {\n    color: ", ";\n  }\n"])), function (props) {
+var AddAttachmentIcon = styled__default.span(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  height: ", ";\n  align-items: center;\n  margin: 0 8px;\n  cursor: pointer;\n  line-height: 13px;\n  z-index: 2;\n  order: ", ";\n\n  > svg {\n    ", ";\n    width: 24px;\n  }\n\n  &:hover > svg {\n    color: ", ";\n  }\n"])), function (props) {
   return props.height ? props.height + "px" : '36px';
 }, function (props) {
   return props.order === 0 || props.order ? props.order : 1;
@@ -51528,21 +51764,21 @@ var AddAttachmentIcon = styled__default.span(_templateObject10$b || (_templateOb
 }, function (props) {
   return props.hoverColor;
 });
-var SendMessageInputContainer = styled__default.div(_templateObject11$8 || (_templateObject11$8 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  position: relative;\n  min-height: ", ";\n  box-sizing: border-box;\n  border-radius: ", ";\n\n  & .dropdown-trigger.open {\n    color: #ccc;\n\n    & ", " {\n      & > svg {\n        color: ", ";\n      }\n    ;\n    }\n  }\n}\n"])), function (props) {
+var SendMessageInputContainer = styled__default.div(_templateObject11$9 || (_templateObject11$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  position: relative;\n  min-height: ", ";\n  box-sizing: border-box;\n  border-radius: ", ";\n\n  & .dropdown-trigger.open {\n    color: #ccc;\n\n    & ", " {\n      & > svg {\n        color: ", ";\n      }\n    ;\n    }\n  }\n}\n"])), function (props) {
   return props.minHeight || '36px';
 }, function (props) {
   return props.messageForReply ? '0 0 4px 4px' : '4px';
 }, AddAttachmentIcon, function (props) {
   return props.iconColor;
 });
-var MessageInputWrapper = styled__default.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  max-width: calc(100% - 50px);\n  //max-width: ", ";\n  //max-width: calc(100% - 110px);\n  background-color: ", ";\n  border-radius: ", ";\n  position: relative;\n"])), function (props) {
+var MessageInputWrapper = styled__default.div(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  max-width: calc(100% - 50px);\n  //max-width: ", ";\n  //max-width: calc(100% - 110px);\n  background-color: ", ";\n  border-radius: ", ";\n  position: relative;\n"])), function (props) {
   return props.channelDetailsIsOpen ? "calc(100% - " + (props.channelDetailsIsOpen ? 362 : 0) + "px)" : '';
 }, function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.borderRadius || '18px';
 });
-var LexicalWrapper = styled__default.div(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n\n  & .rich_text_editor {\n    width: 100%;\n    max-height: 80px;\n    min-height: 20px;\n    display: block;\n    border: none;\n    box-sizing: border-box;\n    outline: none !important;\n    border-radius: ", ";\n    background-color: ", ";\n    padding: ", ";\n    color: ", ";\n    order: ", ";\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    &::-webkit-scrollbar {\n      width: 8px;\n      background: transparent;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: transparent;\n    }\n\n    &.show-scrollbar::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: 4px;\n    }\n    &.show-scrollbar::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    & p {\n      font-size: 15px;\n      line-height: 20px;\n      color: ", ";\n    }\n\n    &::selection {\n      background-color: ", ";\n    }\n\n    & *::selection {\n      background-color: ", ";\n    }\n\n    & span::selection {\n      background-color: ", ";\n    }\n\n    &:empty:before {\n      content: attr(data-placeholder);\n    }\n\n    & .content_editable_input {\n      border: none !important;\n      outline: none !important;\n    }\n\n    & .mention {\n      color: ", ";\n      background-color: inherit !important;\n      user-modify: read-only;\n    }\n\n    & span.bold {\n      font-weight: bold;\n    }\n\n    & .editor_paragraph {\n      margin: 0;\n    }\n\n    & .text_bold {\n      font-weight: 600;\n    }\n\n    & .text_italic {\n      font-style: italic;\n    }\n\n    & .text_underline {\n      text-decoration: underline;\n    }\n\n    & .text_strikethrough {\n      text-decoration: line-through;\n    }\n\n    & .text_underlineStrikethrough {\n      text-decoration: underline line-through;\n    }\n\n    & code {\n      font-family: inherit;\n      letter-spacing: 4px;\n    }\n  }\n"])), function (props) {
+var LexicalWrapper = styled__default.div(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n\n  & .rich_text_editor {\n    width: 100%;\n    max-height: 80px;\n    min-height: 20px;\n    display: block;\n    border: none;\n    box-sizing: border-box;\n    outline: none !important;\n    border-radius: ", ";\n    background-color: ", ";\n    padding: ", ";\n    color: ", ";\n    order: ", ";\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    &::-webkit-scrollbar {\n      width: 8px;\n      background: transparent;\n    }\n    &::-webkit-scrollbar-thumb {\n      background: transparent;\n    }\n\n    &.show-scrollbar::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: 4px;\n    }\n    &.show-scrollbar::-webkit-scrollbar-track {\n      background: transparent;\n    }\n\n    & p {\n      font-size: 15px;\n      line-height: 20px;\n      color: ", ";\n    }\n\n    &::selection {\n      background-color: ", ";\n    }\n\n    & *::selection {\n      background-color: ", ";\n    }\n\n    & span::selection {\n      background-color: ", ";\n    }\n\n    &:empty:before {\n      content: attr(data-placeholder);\n    }\n\n    & .content_editable_input {\n      border: none !important;\n      outline: none !important;\n    }\n\n    & .mention {\n      color: ", ";\n      background-color: inherit !important;\n      user-modify: read-only;\n    }\n\n    & span.bold {\n      font-weight: bold;\n    }\n\n    & .editor_paragraph {\n      margin: 0;\n    }\n\n    & .text_bold {\n      font-weight: 600;\n    }\n\n    & .text_italic {\n      font-style: italic;\n    }\n\n    & .text_underline {\n      text-decoration: underline;\n    }\n\n    & .text_strikethrough {\n      text-decoration: line-through;\n    }\n\n    & .text_underlineStrikethrough {\n      text-decoration: underline line-through;\n    }\n\n    & code {\n      font-family: inherit;\n      letter-spacing: 4px;\n    }\n  }\n"])), function (props) {
   return props.borderRadius;
 }, function (props) {
   return props.backgroundColor;
@@ -51565,7 +51801,7 @@ var LexicalWrapper = styled__default.div(_templateObject13$4 || (_templateObject
 }, function (props) {
   return props.mentionColor;
 });
-var Placeholder = styled__default.span(_templateObject14$3 || (_templateObject14$3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  color: ", ";\n  padding: ", ";\n  line-height: 20px;\n\n  @media (max-width: 768px) {\n    font-size: 13px;\n  }\n"])), function (props) {
+var Placeholder = styled__default.span(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  color: ", ";\n  padding: ", ";\n  line-height: 20px;\n\n  @media (max-width: 768px) {\n    font-size: 13px;\n  }\n"])), function (props) {
   return props.color;
 }, function (props) {
   return props.paddings || '8px 6px';
@@ -52410,7 +52646,7 @@ var EmptyText = styled__default.div(_templateObject7$s || (_templateObject7$s =
 });
 var ChevronRightIconWrapper = styled__default.span(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  & > svg {\n    width: 16px;\n    height: 16px;\n    transform: rotate(-90deg);\n  }\n"])));
 
-var _templateObject$_, _templateObject2$V, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$w, _templateObject7$t, _templateObject8$q, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$c, _templateObject11$9, _templateObject12$6, _templateObject13$5, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
+var _templateObject$_, _templateObject2$V, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$w, _templateObject7$t, _templateObject8$q, _templateObject9$k, _templateObject0$i, _templateObject1$g, _templateObject10$d, _templateObject11$a, _templateObject12$7, _templateObject13$6, _templateObject14$5, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
 var Actions = function Actions(_ref) {
   var _getDisappearingSetti;
   var setActionsHeight = _ref.setActionsHeight,
@@ -52944,12 +53180,12 @@ var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$t || (_templateO
 var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$q || (_templateObject8$q = _taggedTemplateLiteralLoose([""])));
 var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
 var DefaultMarkAsRead = styled__default(SvgMarkAsRead)(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose([""])));
-var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnRead)(_templateObject1$f || (_templateObject1$f = _taggedTemplateLiteralLoose([""])));
-var DefaultBlockIcon = styled__default(SvgBlockChannel)(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose([""])));
-var DefaultReportIcon = styled__default(SvgReport)(_templateObject11$9 || (_templateObject11$9 = _taggedTemplateLiteralLoose([""])));
-var DefaultClearIcon = styled__default(SvgClear)(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose([""])));
-var DefaultDeleteChannelIcon = styled__default(SvgDeleteChannel)(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose([""])));
-var DefaultBottomIcon = styled__default(SvgBottom)(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteralLoose([""])));
+var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnRead)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
+var DefaultBlockIcon = styled__default(SvgBlockChannel)(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose([""])));
+var DefaultReportIcon = styled__default(SvgReport)(_templateObject11$a || (_templateObject11$a = _taggedTemplateLiteralLoose([""])));
+var DefaultClearIcon = styled__default(SvgClear)(_templateObject12$7 || (_templateObject12$7 = _taggedTemplateLiteralLoose([""])));
+var DefaultDeleteChannelIcon = styled__default(SvgDeleteChannel)(_templateObject13$6 || (_templateObject13$6 = _taggedTemplateLiteralLoose([""])));
+var DefaultBottomIcon = styled__default(SvgBottom)(_templateObject14$5 || (_templateObject14$5 = _taggedTemplateLiteralLoose([""])));
 var DefaultMarkAsReadIcon = styled__default(SvgLeave)(_templateObject15$3 || (_templateObject15$3 = _taggedTemplateLiteralLoose([""])));
 var DefaultWatchIcon = styled__default(SvgWatch)(_templateObject16$3 || (_templateObject16$3 = _taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n\n  path.watch-ticks,\n  path:nth-child(2) {\n    fill: ", " !important;\n  }\n"])), function (props) {
   return props.$isLightMode ? '#FFFFFF' : '#000000';
@@ -53884,7 +54120,7 @@ function ResetLinkConfirmModal(_ref) {
   });
 }
 
-var _templateObject$16, _templateObject2$11, _templateObject3$U, _templateObject4$K, _templateObject5$F, _templateObject6$z, _templateObject7$w, _templateObject8$t, _templateObject9$m, _templateObject0$k, _templateObject1$g, _templateObject10$d, _templateObject11$a, _templateObject12$7, _templateObject13$6;
+var _templateObject$16, _templateObject2$11, _templateObject3$U, _templateObject4$K, _templateObject5$F, _templateObject6$z, _templateObject7$w, _templateObject8$t, _templateObject9$m, _templateObject0$k, _templateObject1$h, _templateObject10$e, _templateObject11$b, _templateObject12$8, _templateObject13$7;
 function loadImage$1(src) {
   return new Promise(function (resolve, reject) {
     var img = document.createElement('img');
@@ -54494,19 +54730,19 @@ var CopyButtonWrapper = styled__default.div(_templateObject9$m || (_templateObje
 var SectionTitle = styled__default.h4(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose(["\n  margin: 16px 0 8px;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 16px;\n  color: ", ";\n"])), function (p) {
   return p.color;
 });
-var HistoryRow = styled__default.div(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n"])));
-var Switch = styled__default.div(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose(["\n  width: 44px;\n  height: 26px;\n  border-radius: 13px;\n  background: ", ";\n  position: relative;\n  cursor: pointer;\n  transition: background 0.2s ease;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    left: ", ";\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 50%;\n    transition: left 0.2s ease;\n  }\n"])), function (p) {
+var HistoryRow = styled__default.div(_templateObject1$h || (_templateObject1$h = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n"])));
+var Switch = styled__default.div(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose(["\n  width: 44px;\n  height: 26px;\n  border-radius: 13px;\n  background: ", ";\n  position: relative;\n  cursor: pointer;\n  transition: background 0.2s ease;\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 3px;\n    left: ", ";\n    width: 20px;\n    height: 20px;\n    background: #fff;\n    border-radius: 50%;\n    transition: left 0.2s ease;\n  }\n"])), function (p) {
   return p.active ? p.accent : 'rgba(226,226,226,1)';
 }, function (p) {
   return p.active ? '22px' : '3px';
 });
-var ResetLink = styled__default.button(_templateObject11$a || (_templateObject11$a = _taggedTemplateLiteralLoose(["\n  margin-top: 12px;\n  border: none;\n  background: transparent;\n  color: #ff4d4f;\n  cursor: pointer;\n"])));
-var QRCodeBox = styled__default.div(_templateObject12$7 || (_templateObject12$7 = _taggedTemplateLiteralLoose(["\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  display: flex;\n  width: max-content;\n  padding: 13.5px;\n  margin: auto;\n  position: relative;\n"])), function (p) {
+var ResetLink = styled__default.button(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose(["\n  margin-top: 12px;\n  border: none;\n  background: transparent;\n  color: #ff4d4f;\n  cursor: pointer;\n"])));
+var QRCodeBox = styled__default.div(_templateObject12$8 || (_templateObject12$8 = _taggedTemplateLiteralLoose(["\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  display: flex;\n  width: max-content;\n  padding: 13.5px;\n  margin: auto;\n  position: relative;\n"])), function (p) {
   return p.borderColor;
 }, function (p) {
   return p.backgroundColor;
 });
-var QrHint = styled__default.p(_templateObject13$6 || (_templateObject13$6 = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 16px;\n  color: ", ";\n  margin: 12px 0 0;\n"])), function (p) {
+var QrHint = styled__default.p(_templateObject13$7 || (_templateObject13$7 = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 16px;\n  color: ", ";\n  margin: 12px 0 0;\n"])), function (p) {
   return p.color;
 });
 
@@ -55276,7 +55512,7 @@ var EditChannel = function EditChannel(_ref) {
   })));
 };
 
-var _templateObject$1a, _templateObject2$15, _templateObject3$X, _templateObject4$N, _templateObject5$H, _templateObject6$B, _templateObject7$y, _templateObject8$v, _templateObject9$o, _templateObject0$l, _templateObject1$h, _templateObject10$e, _templateObject11$b;
+var _templateObject$1a, _templateObject2$15, _templateObject3$X, _templateObject4$N, _templateObject5$H, _templateObject6$B, _templateObject7$y, _templateObject8$v, _templateObject9$o, _templateObject0$l, _templateObject1$i, _templateObject10$f, _templateObject11$c;
 var Details = function Details(_ref) {
   var _activeChannel$member;
   var detailsTitleText = _ref.detailsTitleText,
@@ -55770,9 +56006,9 @@ var ChannelName$1 = styled__default(SectionHeader)(_templateObject0$l || (_templ
 }, function (props) {
   return props.uppercase && 'uppercase';
 });
-var ChannelNameWrapper = styled__default.div(_templateObject1$h || (_templateObject1$h = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n"])));
-var EditButton = styled__default.span(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose(["\n  margin-left: 6px;\n  cursor: pointer;\n  color: #b2b6be;\n"])));
-var PhoneNumberContainer = styled__default.span(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: text;\n"])));
+var ChannelNameWrapper = styled__default.div(_templateObject1$i || (_templateObject1$i = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n"])));
+var EditButton = styled__default.span(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n  margin-left: 6px;\n  cursor: pointer;\n  color: #b2b6be;\n"])));
+var PhoneNumberContainer = styled__default.span(_templateObject11$c || (_templateObject11$c = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: text;\n"])));
 
 var _path$1M;
 function _extends$1Q() {
@@ -55818,7 +56054,7 @@ function SvgChevronDownSearch(props) {
   })));
 }
 
-var _templateObject$1b, _templateObject2$16, _templateObject3$Y, _templateObject4$O, _templateObject5$I, _templateObject6$C, _templateObject7$z, _templateObject8$w, _templateObject9$p, _templateObject0$m, _templateObject1$i, _templateObject10$f, _templateObject11$c, _templateObject12$8, _templateObject13$7, _templateObject14$5, _templateObject15$4, _templateObject16$4, _templateObject17$4, _templateObject18$4, _templateObject19$4, _templateObject20$4, _templateObject21$3, _templateObject22$2, _templateObject23$2, _templateObject24$2, _templateObject25$2;
+var _templateObject$1b, _templateObject2$16, _templateObject3$Y, _templateObject4$O, _templateObject5$I, _templateObject6$C, _templateObject7$z, _templateObject8$w, _templateObject9$p, _templateObject0$m, _templateObject1$j, _templateObject10$g, _templateObject11$d, _templateObject12$9, _templateObject13$8, _templateObject14$6, _templateObject15$4, _templateObject16$4, _templateObject17$4, _templateObject18$4, _templateObject19$4, _templateObject20$4, _templateObject21$3, _templateObject22$2, _templateObject23$2, _templateObject24$2, _templateObject25$2;
 var SEARCH_DEBOUNCE_MS = 400;
 function formatMessageDate(date) {
   if (!date) return '';
@@ -56276,22 +56512,22 @@ var NavButton = styled__default.button(_templateObject0$m || (_templateObject0$m
 }, function (p) {
   return p.iconColor;
 });
-var ClearButton = styled__default.button(_templateObject1$i || (_templateObject1$i = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 2px;\n  border-radius: 50%;\n  &:hover {\n    background-color: ", ";\n  }\n\n  & > svg {\n    width: 11px;\n    height: 11px;\n  }\n"])), function (p) {
+var ClearButton = styled__default.button(_templateObject1$j || (_templateObject1$j = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 2px;\n  border-radius: 50%;\n  &:hover {\n    background-color: ", ";\n  }\n\n  & > svg {\n    width: 11px;\n    height: 11px;\n  }\n"])), function (p) {
   return p.hoverBackground;
 });
-var ResultsList = styled__default.div(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 8px 8px 8px;\n"])));
-var StatusText$1 = styled__default.p(_templateObject11$c || (_templateObject11$c = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  color: ", ";\n  ", "\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 20px;\n  margin: 0;\n"])), function (p) {
+var ResultsList = styled__default.div(_templateObject10$g || (_templateObject10$g = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 8px 8px 8px;\n"])));
+var StatusText$1 = styled__default.p(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  color: ", ";\n  ", "\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 20px;\n  margin: 0;\n"])), function (p) {
   return p.color;
 }, function (props) {
   return props.full ? 'height: 100%;' : '';
 });
-var GroupSection = styled__default.div(_templateObject12$8 || (_templateObject12$8 = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-var GroupLabel = styled__default.div(_templateObject13$7 || (_templateObject13$7 = _taggedTemplateLiteralLoose(["\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background-color: ", ";\n  text-transform: capitalize;\n  letter-spacing: 0.5px;\n  color: ", ";\n  padding: 12px 16px 4px;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 16px;\n  user-select: none;\n"])), function (p) {
+var GroupSection = styled__default.div(_templateObject12$9 || (_templateObject12$9 = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var GroupLabel = styled__default.div(_templateObject13$8 || (_templateObject13$8 = _taggedTemplateLiteralLoose(["\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background-color: ", ";\n  text-transform: capitalize;\n  letter-spacing: 0.5px;\n  color: ", ";\n  padding: 12px 16px 4px;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 16px;\n  user-select: none;\n"])), function (p) {
   return p.backgroundColor;
 }, function (p) {
   return p.color;
 });
-var ResultItem = styled__default.div(_templateObject14$5 || (_templateObject14$5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 7px 8px;\n  cursor: pointer;\n  transition: background-color 0.1s;\n  border-radius: 12px;\n  background-color: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (p) {
+var ResultItem = styled__default.div(_templateObject14$6 || (_templateObject14$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 7px 8px;\n  cursor: pointer;\n  transition: background-color 0.1s;\n  border-radius: 12px;\n  background-color: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (p) {
   return p.isActive ? p.hoverBackground : 'transparent';
 }, function (p) {
   return p.hoverBackground;