sceyt-chat-react-uikit 1.7.0 → 1.7.1-beta.2

package/index.js

@@ -11114,12 +11114,13 @@ var ThemeReducer = (function (state, _ref) {
   }
 });
 
-var createChannelAC = function createChannelAC(channelData, dontCreateIfNotExists) {
+var createChannelAC = function createChannelAC(channelData, dontCreateIfNotExists, callback) {
   return {
     type: CREATE_CHANNEL,
     payload: {
       channelData: channelData,
-      dontCreateIfNotExists: dontCreateIfNotExists
+      dontCreateIfNotExists: dontCreateIfNotExists,
+      callback: callback
     }
   };
 };
@@ -11285,11 +11286,15 @@ var setActiveChannelAC = function setActiveChannelAC(channel) {
     channel: channel
   });
 };
-var switchChannelActionAC = function switchChannelActionAC(channel) {
+var switchChannelActionAC = function switchChannelActionAC(channel, updateActiveChannel) {
+  if (updateActiveChannel === void 0) {
+    updateActiveChannel = true;
+  }
   return {
     type: SWITCH_CHANNEL,
     payload: {
-      channel: channel
+      channel: channel,
+      updateActiveChannel: updateActiveChannel
     }
   };
 };
@@ -11521,6 +11526,7 @@ var getChannelMentionsAC = function getChannelMentionsAC(channelId) {
 };
 
 var GET_MESSAGES = 'GET_MESSAGES';
+var GET_MESSAGE = 'GET_MESSAGE';
 var LOAD_MORE_MESSAGES = 'LOAD_MORE_MESSAGES';
 var SEND_MESSAGE = 'SEND_MESSAGE';
 var SEND_TEXT_MESSAGE = 'SEND_TEXT_MESSAGE';
@@ -11629,6 +11635,16 @@ function getMessagesAC(channel, loadWithLastMessage, messageId, limit, withDeliv
     }
   };
 }
+function getMessageAC(channelId, messageId, limit) {
+  return {
+    type: GET_MESSAGE,
+    payload: {
+      channelId: channelId,
+      messageId: messageId,
+      limit: limit
+    }
+  };
+}
 function setScrollToMessagesAC(messageId, highlight) {
   if (highlight === void 0) {
     highlight = true;
@@ -14761,13 +14777,13 @@ var _marked$2 = /*#__PURE__*/_regenerator().m(createChannel),
   _marked27 = /*#__PURE__*/_regenerator().m(watchForChannelEvents),
   _marked28 = /*#__PURE__*/_regenerator().m(ChannelsSaga);
 function createChannel(action) {
-  var payload, channelData, dontCreateIfNotExists, SceytChatClient, createChannelData, fileToUpload, isSelfChannel, channelIsExistOnAllChannels, createdChannel, allChannels, memberId, checkChannelExist, messageToSend, _allChannels, _memberId, _t;
+  var payload, channelData, dontCreateIfNotExists, callback, SceytChatClient, createChannelData, fileToUpload, isSelfChannel, channelIsExistOnAllChannels, createdChannel, allChannels, memberId, checkChannelExist, messageToSend, _allChannels, _memberId, _t;
   return _regenerator().w(function (_context) {
     while (1) switch (_context.p = _context.n) {
       case 0:
         _context.p = 0;
         payload = action.payload;
-        channelData = payload.channelData, dontCreateIfNotExists = payload.dontCreateIfNotExists;
+        channelData = payload.channelData, dontCreateIfNotExists = payload.dontCreateIfNotExists, callback = payload.callback;
         SceytChatClient = getClient();
         createChannelData = _extends({}, channelData);
         if (!createChannelData.avatarFile) {
@@ -14894,7 +14910,7 @@ function createChannel(action) {
         _context.n = 14;
         return effects.put(switchChannelActionAC(JSON.parse(JSON.stringify(_extends({}, createdChannel, {
           isLinkedChannel: dontCreateIfNotExists
-        })))));
+        }))), !callback));
       case 14:
         if (dontCreateIfNotExists) {
           if (!channelIsExistOnAllChannels) {
@@ -14924,19 +14940,27 @@ function createChannel(action) {
             addChannelToAllChannels(createdChannel);
           }
         }
-        _context.n = 15;
-        return effects.call(setActiveChannelId, createdChannel.id);
-      case 15:
-        _context.n = 17;
+        if (!callback) {
+          _context.n = 15;
+          break;
+        }
+        callback(createdChannel);
+        _context.n = 16;
         break;
+      case 15:
+        _context.n = 16;
+        return effects.call(setActiveChannelId, createdChannel.id);
       case 16:
-        _context.p = 16;
+        _context.n = 18;
+        break;
+      case 17:
+        _context.p = 17;
         _t = _context.v;
         log.error(_t, 'Error on create channel');
-      case 17:
+      case 18:
         return _context.a(2);
     }
-  }, _marked$2, null, [[0, 16]]);
+  }, _marked$2, null, [[0, 17]]);
 }
 function getChannels(action) {
   var _params$filter, _types, payload, params, SceytChatClient, channelQueryBuilder, channelTypesFilter, types, channelQuery, channelsData, channelList, channelId, activeChannel, _yield$call, mappedChannels, channelsForUpdateLastReactionMessage, channelMessageMap, hiddenList, allChannelsQueryBuilder, allChannelsQuery, hasNext, i, allChannelsData, allChannelList, _t2, _t3, _t4;
@@ -15688,15 +15712,15 @@ function markMessagesDelivered(action) {
   }, _marked0, null, [[1, 4]]);
 }
 function switchChannel(action) {
-  var payload, channel, channelToSwitch, existingChannel, addChannel, SceytChatClient, fetchedChannel, channelFromMap, currentActiveChannel, _t11;
+  var payload, channel, updateActiveChannel, channelToSwitch, existingChannel, addChannel, SceytChatClient, fetchedChannel, channelFromMap, currentActiveChannel, _t11;
   return _regenerator().w(function (_context1) {
     while (1) switch (_context1.p = _context1.n) {
       case 0:
         _context1.p = 0;
         payload = action.payload;
-        channel = payload.channel;
+        channel = payload.channel, updateActiveChannel = payload.updateActiveChannel;
         channelToSwitch = channel;
-        if (channel !== null && channel !== void 0 && channel.id) {
+        if (!(!(channel !== null && channel !== void 0 && channel.id) && updateActiveChannel)) {
           _context1.n = 3;
           break;
         }
@@ -15744,6 +15768,10 @@ function switchChannel(action) {
         channelFromMap = getChannelFromMap(channel.id);
         channelToSwitch = _extends({}, channelToSwitch, channelFromMap);
       case 10:
+        if (!updateActiveChannel) {
+          _context1.n = 13;
+          break;
+        }
         currentActiveChannel = getChannelFromMap(getActiveChannelId());
         _context1.n = 11;
         return effects.call(setUnreadScrollTo, true);
@@ -17135,16 +17163,17 @@ var _marked$3 = /*#__PURE__*/_regenerator().m(sendMessage),
   _marked5$1 = /*#__PURE__*/_regenerator().m(deleteMessage),
   _marked6$1 = /*#__PURE__*/_regenerator().m(editMessage),
   _marked7$1 = /*#__PURE__*/_regenerator().m(getMessagesQuery),
-  _marked8$1 = /*#__PURE__*/_regenerator().m(loadMoreMessages),
-  _marked9$1 = /*#__PURE__*/_regenerator().m(addReaction),
-  _marked0$1 = /*#__PURE__*/_regenerator().m(deleteReaction),
-  _marked1$1 = /*#__PURE__*/_regenerator().m(getReactions),
-  _marked10$1 = /*#__PURE__*/_regenerator().m(loadMoreReactions),
-  _marked11$1 = /*#__PURE__*/_regenerator().m(getMessageAttachments),
-  _marked12$1 = /*#__PURE__*/_regenerator().m(loadMoreMessageAttachments),
-  _marked13$1 = /*#__PURE__*/_regenerator().m(pauseAttachmentUploading),
-  _marked14$1 = /*#__PURE__*/_regenerator().m(resumeAttachmentUploading),
-  _marked15$1 = /*#__PURE__*/_regenerator().m(MessageSaga);
+  _marked8$1 = /*#__PURE__*/_regenerator().m(getMessageQuery),
+  _marked9$1 = /*#__PURE__*/_regenerator().m(loadMoreMessages),
+  _marked0$1 = /*#__PURE__*/_regenerator().m(addReaction),
+  _marked1$1 = /*#__PURE__*/_regenerator().m(deleteReaction),
+  _marked10$1 = /*#__PURE__*/_regenerator().m(getReactions),
+  _marked11$1 = /*#__PURE__*/_regenerator().m(loadMoreReactions),
+  _marked12$1 = /*#__PURE__*/_regenerator().m(getMessageAttachments),
+  _marked13$1 = /*#__PURE__*/_regenerator().m(loadMoreMessageAttachments),
+  _marked14$1 = /*#__PURE__*/_regenerator().m(pauseAttachmentUploading),
+  _marked15$1 = /*#__PURE__*/_regenerator().m(resumeAttachmentUploading),
+  _marked16$1 = /*#__PURE__*/_regenerator().m(MessageSaga);
 var handleUploadAttachments = function handleUploadAttachments(attachments, message, channel) {
   try {
     return Promise.resolve(Promise.all(attachments.map(function (attachment) {
@@ -17731,7 +17760,8 @@ function sendTextMessage(action) {
           metadata: messageResponse.metadata,
           parentMessage: messageResponse.parentMessage,
           repliedInThread: messageResponse.repliedInThread,
-          createdAt: messageResponse.createdAt
+          createdAt: messageResponse.createdAt,
+          channelId: channel.id
         };
         _context4.n = 13;
         return effects.put(updateMessageAC(messageToSend.tid, messageUpdateData));
@@ -18758,23 +18788,61 @@ function getMessagesQuery(action) {
     }
   }, _marked7$1, null, [[0, 49, 50, 52]]);
 }
-function loadMoreMessages(action) {
-  var payload, limit, direction, channelId, messageId, hasNext, SceytChatClient, messageQueryBuilder, messageQuery, result, _t0;
+function getMessageQuery(action) {
+  var payload, channelId, messageId, channel, messages, _t0;
   return _regenerator().w(function (_context0) {
     while (1) switch (_context0.p = _context0.n) {
       case 0:
         _context0.p = 0;
         payload = action.payload;
+        channelId = payload.channelId, messageId = payload.messageId;
+        _context0.n = 1;
+        return effects.call(getChannelFromMap, channelId);
+      case 1:
+        channel = _context0.v;
+        _context0.n = 2;
+        return effects.call(channel.getMessagesById, [messageId]);
+      case 2:
+        messages = _context0.v;
+        _context0.n = 3;
+        return effects.put(updateMessageAC(messageId, messages[0]));
+      case 3:
+        updateMessageOnMap(channel.id, {
+          messageId: messageId,
+          params: messages[0]
+        });
+        updateMessageOnAllMessages(messageId, messages[0]);
+        _context0.n = 4;
+        return effects.put(setScrollToMessagesAC(messageId, false));
+      case 4:
+        _context0.n = 6;
+        break;
+      case 5:
+        _context0.p = 5;
+        _t0 = _context0.v;
+        log.error('error in message query', _t0);
+      case 6:
+        return _context0.a(2);
+    }
+  }, _marked8$1, null, [[0, 5]]);
+}
+function loadMoreMessages(action) {
+  var payload, limit, direction, channelId, messageId, hasNext, SceytChatClient, messageQueryBuilder, messageQuery, result, _t1;
+  return _regenerator().w(function (_context1) {
+    while (1) switch (_context1.p = _context1.n) {
+      case 0:
+        _context1.p = 0;
+        payload = action.payload;
         limit = payload.limit, direction = payload.direction, channelId = payload.channelId, messageId = payload.messageId, hasNext = payload.hasNext;
         SceytChatClient = getClient();
         messageQueryBuilder = new SceytChatClient.MessageListQueryBuilder(channelId);
         messageQueryBuilder.reverse(true);
-        _context0.n = 1;
+        _context1.n = 1;
         return effects.call(messageQueryBuilder.build);
       case 1:
-        messageQuery = _context0.v;
+        messageQuery = _context1.v;
         messageQuery.limit = limit || 5;
-        _context0.n = 2;
+        _context1.n = 2;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADING));
       case 2:
         result = {
@@ -18782,116 +18850,116 @@ function loadMoreMessages(action) {
           hasNext: false
         };
         if (!(direction === MESSAGE_LOAD_DIRECTION.PREV)) {
-          _context0.n = 6;
+          _context1.n = 6;
           break;
         }
         if (!getHasPrevCached()) {
-          _context0.n = 3;
+          _context1.n = 3;
           break;
         }
         result.messages = getFromAllMessagesByMessageId(messageId, MESSAGE_LOAD_DIRECTION.PREV);
-        _context0.n = 5;
+        _context1.n = 5;
         break;
       case 3:
         if (!hasNext) {
-          _context0.n = 5;
+          _context1.n = 5;
           break;
         }
-        _context0.n = 4;
+        _context1.n = 4;
         return effects.call(messageQuery.loadPreviousMessageId, messageId);
       case 4:
-        result = _context0.v;
+        result = _context1.v;
         if (result.messages.length) {
           addAllMessages(result.messages, MESSAGE_LOAD_DIRECTION.PREV);
         }
-        _context0.n = 5;
+        _context1.n = 5;
         return effects.put(setMessagesHasPrevAC(result.hasNext));
       case 5:
-        _context0.n = 10;
+        _context1.n = 10;
         break;
       case 6:
         if (!getHasNextCached()) {
-          _context0.n = 7;
+          _context1.n = 7;
           break;
         }
         result.messages = getFromAllMessagesByMessageId(messageId, MESSAGE_LOAD_DIRECTION.NEXT);
-        _context0.n = 9;
+        _context1.n = 9;
         break;
       case 7:
         if (!hasNext) {
-          _context0.n = 9;
+          _context1.n = 9;
           break;
         }
         log.info('saga load next from server ... ', messageId);
         messageQuery.reverse = false;
-        _context0.n = 8;
+        _context1.n = 8;
         return effects.call(messageQuery.loadNextMessageId, messageId);
       case 8:
-        result = _context0.v;
+        result = _context1.v;
         log.info('result from server next ... ', result);
         if (result.messages.length) {
           addAllMessages(result.messages, MESSAGE_LOAD_DIRECTION.NEXT);
         }
-        _context0.n = 9;
+        _context1.n = 9;
         return effects.put(setMessagesHasNextAC(result.hasNext));
       case 9:
-        _context0.n = 10;
+        _context1.n = 10;
         return effects.put(setMessagesHasPrevAC(true));
       case 10:
         if (!(result.messages && result.messages.length && result.messages.length > 0)) {
-          _context0.n = 12;
+          _context1.n = 12;
           break;
         }
-        _context0.n = 11;
+        _context1.n = 11;
         return effects.put(addMessagesAC(JSON.parse(JSON.stringify(result.messages)), direction));
       case 11:
-        _context0.n = 13;
+        _context1.n = 13;
         break;
       case 12:
-        _context0.n = 13;
+        _context1.n = 13;
         return effects.put(addMessagesAC([], direction));
       case 13:
-        _context0.n = 14;
+        _context1.n = 14;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
       case 14:
-        _context0.n = 16;
+        _context1.n = 16;
         break;
       case 15:
-        _context0.p = 15;
-        _t0 = _context0.v;
-        log.error('error in load more messages', _t0);
+        _context1.p = 15;
+        _t1 = _context1.v;
+        log.error('error in load more messages', _t1);
       case 16:
-        return _context0.a(2);
+        return _context1.a(2);
     }
-  }, _marked8$1, null, [[0, 15]]);
+  }, _marked9$1, null, [[0, 15]]);
 }
 function addReaction(action) {
-  var payload, channelId, messageId, key, score, reason, enforceUnique, user, channel, _yield$call, _message2, reaction, channelUpdateParam, _t1;
-  return _regenerator().w(function (_context1) {
-    while (1) switch (_context1.p = _context1.n) {
+  var payload, channelId, messageId, key, score, reason, enforceUnique, user, channel, _yield$call, _message2, reaction, channelUpdateParam, _t10;
+  return _regenerator().w(function (_context10) {
+    while (1) switch (_context10.p = _context10.n) {
       case 0:
-        _context1.p = 0;
+        _context10.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;
-        _context1.n = 1;
+        _context10.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context1.v;
+        channel = _context10.v;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
             setChannelInMap(channel);
           }
         }
-        _context1.n = 2;
+        _context10.n = 2;
         return effects.call(channel.addReaction, messageId, key, score, reason, enforceUnique);
       case 2:
-        _yield$call = _context1.v;
+        _yield$call = _context10.v;
         _message2 = _yield$call.message;
         reaction = _yield$call.reaction;
         if (!(user.id === _message2.user.id)) {
-          _context1.n = 4;
+          _context10.n = 4;
           break;
         }
         channelUpdateParam = {
@@ -18899,100 +18967,100 @@ function addReaction(action) {
           lastReactedMessage: _message2,
           newReactions: [reaction]
         };
-        _context1.n = 3;
+        _context10.n = 3;
         return effects.put(updateChannelDataAC(channel.id, channelUpdateParam));
       case 3:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
       case 4:
-        _context1.n = 5;
+        _context10.n = 5;
         return effects.put(addChannelAC(JSON.parse(JSON.stringify(channel))));
       case 5:
-        _context1.n = 6;
+        _context10.n = 6;
         return effects.put(addReactionToListAC(reaction));
       case 6:
-        _context1.n = 7;
+        _context10.n = 7;
         return effects.put(addReactionToMessageAC(_message2, reaction, true));
       case 7:
         addReactionToMessageOnMap(channelId, _message2, reaction, true);
         addReactionOnAllMessages(_message2, reaction, true);
-        _context1.n = 9;
+        _context10.n = 9;
         break;
       case 8:
-        _context1.p = 8;
-        _t1 = _context1.v;
-        log.error('ERROR in add reaction', _t1.message);
+        _context10.p = 8;
+        _t10 = _context10.v;
+        log.error('ERROR in add reaction', _t10.message);
       case 9:
-        return _context1.a(2);
+        return _context10.a(2);
     }
-  }, _marked9$1, null, [[0, 8]]);
+  }, _marked0$1, null, [[0, 8]]);
 }
 function deleteReaction(action) {
-  var payload, channelId, messageId, key, isLastReaction, channel, _yield$call2, _message3, reaction, channelUpdateParam, _t10;
-  return _regenerator().w(function (_context10) {
-    while (1) switch (_context10.p = _context10.n) {
+  var payload, channelId, messageId, key, isLastReaction, channel, _yield$call2, _message3, reaction, channelUpdateParam, _t11;
+  return _regenerator().w(function (_context11) {
+    while (1) switch (_context11.p = _context11.n) {
       case 0:
-        _context10.p = 0;
+        _context11.p = 0;
         payload = action.payload;
         channelId = payload.channelId, messageId = payload.messageId, key = payload.key, isLastReaction = payload.isLastReaction;
-        _context10.n = 1;
+        _context11.n = 1;
         return effects.call(getChannelFromMap, channelId);
       case 1:
-        channel = _context10.v;
+        channel = _context11.v;
         if (!channel) {
           channel = getChannelFromAllChannels(channelId);
           if (channel) {
             setChannelInMap(channel);
           }
         }
-        _context10.n = 2;
+        _context11.n = 2;
         return effects.call(channel.deleteReaction, messageId, key);
       case 2:
-        _yield$call2 = _context10.v;
+        _yield$call2 = _context11.v;
         _message3 = _yield$call2.message;
         reaction = _yield$call2.reaction;
         if (!isLastReaction) {
-          _context10.n = 4;
+          _context11.n = 4;
           break;
         }
         channelUpdateParam = {
           userMessageReactions: [],
           lastReactedMessage: null
         };
-        _context10.n = 3;
+        _context11.n = 3;
         return effects.put(updateChannelDataAC(channel.id, channelUpdateParam));
       case 3:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
       case 4:
         log.info('message received. ... ', _message3);
-        _context10.n = 5;
+        _context11.n = 5;
         return effects.put(deleteReactionFromListAC(reaction));
       case 5:
-        _context10.n = 6;
+        _context11.n = 6;
         return effects.put(deleteReactionFromMessageAC(_message3, reaction, true));
       case 6:
         removeReactionToMessageOnMap(channelId, _message3, reaction, true);
         removeReactionOnAllMessages(_message3, reaction, true);
-        _context10.n = 8;
+        _context11.n = 8;
         break;
       case 7:
-        _context10.p = 7;
-        _t10 = _context10.v;
-        log.error('ERROR in delete reaction', _t10.message);
+        _context11.p = 7;
+        _t11 = _context11.v;
+        log.error('ERROR in delete reaction', _t11.message);
       case 8:
-        return _context10.a(2);
+        return _context11.a(2);
     }
-  }, _marked0$1, null, [[0, 7]]);
+  }, _marked1$1, null, [[0, 7]]);
 }
 function getReactions(action) {
-  var payload, messageId, key, limit, SceytChatClient, reactionQueryBuilder, reactionQuery, result, _t11;
-  return _regenerator().w(function (_context11) {
-    while (1) switch (_context11.p = _context11.n) {
+  var payload, messageId, key, limit, SceytChatClient, reactionQueryBuilder, reactionQuery, result, _t12;
+  return _regenerator().w(function (_context12) {
+    while (1) switch (_context12.p = _context12.n) {
       case 0:
-        _context11.p = 0;
+        _context12.p = 0;
         payload = action.payload;
         messageId = payload.messageId, key = payload.key, limit = payload.limit;
         SceytChatClient = getClient();
-        _context11.n = 1;
+        _context12.n = 1;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         reactionQueryBuilder = new SceytChatClient.ReactionListQueryBuilder(messageId);
@@ -19000,74 +19068,74 @@ function getReactions(action) {
         if (key) {
           reactionQueryBuilder.setKey(key);
         }
-        _context11.n = 2;
+        _context12.n = 2;
         return effects.call(reactionQueryBuilder.build);
       case 2:
-        reactionQuery = _context11.v;
-        _context11.n = 3;
+        reactionQuery = _context12.v;
+        _context12.n = 3;
         return effects.call(reactionQuery.loadNext);
       case 3:
-        result = _context11.v;
+        result = _context12.v;
         query.ReactionsQuery = reactionQuery;
-        _context11.n = 4;
+        _context12.n = 4;
         return effects.put(setReactionsListAC(result.reactions, result.hasNext));
       case 4:
-        _context11.n = 5;
+        _context12.n = 5;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADED));
       case 5:
-        _context11.n = 7;
+        _context12.n = 7;
         break;
       case 6:
-        _context11.p = 6;
-        _t11 = _context11.v;
-        log.error('ERROR in get reactions', _t11.message);
+        _context12.p = 6;
+        _t12 = _context12.v;
+        log.error('ERROR in get reactions', _t12.message);
       case 7:
-        return _context11.a(2);
+        return _context12.a(2);
     }
-  }, _marked1$1, null, [[0, 6]]);
+  }, _marked10$1, null, [[0, 6]]);
 }
 function loadMoreReactions(action) {
-  var payload, limit, ReactionQuery, result, _t12;
-  return _regenerator().w(function (_context12) {
-    while (1) switch (_context12.p = _context12.n) {
+  var payload, limit, ReactionQuery, result, _t13;
+  return _regenerator().w(function (_context13) {
+    while (1) switch (_context13.p = _context13.n) {
       case 0:
-        _context12.p = 0;
+        _context13.p = 0;
         payload = action.payload;
         limit = payload.limit;
-        _context12.n = 1;
+        _context13.n = 1;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         ReactionQuery = query.ReactionsQuery;
         if (limit) {
           ReactionQuery.limit = limit;
         }
-        _context12.n = 2;
+        _context13.n = 2;
         return effects.call(ReactionQuery.loadNext);
       case 2:
-        result = _context12.v;
-        _context12.n = 3;
+        result = _context13.v;
+        _context13.n = 3;
         return effects.put(addReactionsToListAC(result.reactions, result.hasNext));
       case 3:
-        _context12.n = 4;
+        _context13.n = 4;
         return effects.put(setReactionsLoadingStateAC(LOADING_STATE.LOADED));
       case 4:
-        _context12.n = 6;
+        _context13.n = 6;
         break;
       case 5:
-        _context12.p = 5;
-        _t12 = _context12.v;
-        log.error('ERROR in load more reactions', _t12.message);
+        _context13.p = 5;
+        _t13 = _context13.v;
+        log.error('ERROR in load more reactions', _t13.message);
       case 6:
-        return _context12.a(2);
+        return _context13.a(2);
     }
-  }, _marked10$1, null, [[0, 5]]);
+  }, _marked11$1, null, [[0, 5]]);
 }
 function getMessageAttachments(action) {
-  var _action$payload2, channelId, attachmentType, limit, direction, attachmentId, forPopup, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, _t13;
-  return _regenerator().w(function (_context13) {
-    while (1) switch (_context13.p = _context13.n) {
+  var _action$payload2, channelId, attachmentType, limit, direction, attachmentId, forPopup, SceytChatClient, typeList, AttachmentByTypeQueryBuilder, AttachmentByTypeQuery, result, _t14;
+  return _regenerator().w(function (_context14) {
+    while (1) switch (_context14.p = _context14.n) {
       case 0:
-        _context13.p = 0;
+        _context14.p = 0;
         _action$payload2 = action.payload, channelId = _action$payload2.channelId, attachmentType = _action$payload2.attachmentType, limit = _action$payload2.limit, direction = _action$payload2.direction, attachmentId = _action$payload2.attachmentId, forPopup = _action$payload2.forPopup;
         SceytChatClient = getClient();
         typeList = [attachmentTypes.video, attachmentTypes.image, attachmentTypes.file, attachmentTypes.link, attachmentTypes.voice];
@@ -19082,240 +19150,243 @@ function getMessageAttachments(action) {
         }
         AttachmentByTypeQueryBuilder = new SceytChatClient.AttachmentListQueryBuilder(channelId, typeList);
         AttachmentByTypeQueryBuilder.limit(limit || 34);
-        _context13.n = 1;
+        _context14.n = 1;
         return effects.call(AttachmentByTypeQueryBuilder.build);
       case 1:
-        AttachmentByTypeQuery = _context13.v;
+        AttachmentByTypeQuery = _context14.v;
         if (forPopup) {
           AttachmentByTypeQuery.reverse = true;
         }
         if (!(direction === queryDirection.NEXT)) {
-          _context13.n = 3;
+          _context14.n = 3;
           break;
         }
-        _context13.n = 2;
+        _context14.n = 2;
         return effects.call(AttachmentByTypeQuery.loadPrevious);
       case 2:
-        result = _context13.v;
-        _context13.n = 7;
+        result = _context14.v;
+        _context14.n = 7;
         break;
       case 3:
         if (!(direction === queryDirection.NEAR)) {
-          _context13.n = 5;
+          _context14.n = 5;
           break;
         }
-        _context13.n = 4;
+        _context14.n = 4;
         return effects.call(AttachmentByTypeQuery.loadNearMessageId, attachmentId);
       case 4:
-        result = _context13.v;
-        _context13.n = 7;
+        result = _context14.v;
+        _context14.n = 7;
         break;
       case 5:
-        _context13.n = 6;
+        _context14.n = 6;
         return effects.call(AttachmentByTypeQuery.loadPrevious);
       case 6:
-        result = _context13.v;
+        result = _context14.v;
       case 7:
         if (!forPopup) {
-          _context13.n = 10;
+          _context14.n = 10;
           break;
         }
         query.AttachmentByTypeQueryForPopup = AttachmentByTypeQuery;
-        _context13.n = 8;
+        _context14.n = 8;
         return effects.put(setAttachmentsForPopupAC(JSON.parse(JSON.stringify(result.attachments))));
       case 8:
-        _context13.n = 9;
+        _context14.n = 9;
         return effects.put(setAttachmentsCompleteForPopupAC(result.hasNext));
       case 9:
-        _context13.n = 12;
+        _context14.n = 12;
         break;
       case 10:
         query.AttachmentByTypeQuery = AttachmentByTypeQuery;
-        _context13.n = 11;
+        _context14.n = 11;
         return effects.put(setAttachmentsCompleteAC(result.hasNext));
       case 11:
-        _context13.n = 12;
+        _context14.n = 12;
         return effects.put(setAttachmentsAC(JSON.parse(JSON.stringify(result.attachments))));
       case 12:
-        _context13.n = 14;
+        _context14.n = 14;
         break;
       case 13:
-        _context13.p = 13;
-        _t13 = _context13.v;
-        log.error('error in message attachment query', _t13);
+        _context14.p = 13;
+        _t14 = _context14.v;
+        log.error('error in message attachment query', _t14);
       case 14:
-        return _context13.a(2);
+        return _context14.a(2);
     }
-  }, _marked11$1, null, [[0, 13]]);
+  }, _marked12$1, null, [[0, 13]]);
 }
 function loadMoreMessageAttachments(action) {
-  var _action$payload3, limit, direction, forPopup, AttachmentQuery, _yield$call3, attachments, hasNext, _t14;
-  return _regenerator().w(function (_context14) {
-    while (1) switch (_context14.p = _context14.n) {
+  var _action$payload3, limit, direction, forPopup, AttachmentQuery, _yield$call3, attachments, hasNext, _t15;
+  return _regenerator().w(function (_context15) {
+    while (1) switch (_context15.p = _context15.n) {
       case 0:
-        _context14.p = 0;
+        _context15.p = 0;
         _action$payload3 = action.payload, limit = _action$payload3.limit, direction = _action$payload3.direction, forPopup = _action$payload3.forPopup;
         if (forPopup) {
           AttachmentQuery = query.AttachmentByTypeQueryForPopup;
         } else {
           AttachmentQuery = query.AttachmentByTypeQuery;
         }
-        _context14.n = 1;
+        _context15.n = 1;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         AttachmentQuery.limit = limit;
-        _context14.n = 2;
+        _context15.n = 2;
         return effects.call(AttachmentQuery.loadPrevious);
       case 2:
-        _yield$call3 = _context14.v;
+        _yield$call3 = _context15.v;
         attachments = _yield$call3.attachments;
         hasNext = _yield$call3.hasNext;
         if (!forPopup) {
-          _context14.n = 4;
+          _context15.n = 4;
           break;
         }
-        _context14.n = 3;
+        _context15.n = 3;
         return effects.put(addAttachmentsForPopupAC(attachments, direction));
       case 3:
-        _context14.n = 7;
+        _context15.n = 7;
         break;
       case 4:
-        _context14.n = 5;
+        _context15.n = 5;
         return effects.put(setAttachmentsCompleteAC(hasNext));
       case 5:
-        _context14.n = 6;
+        _context15.n = 6;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
       case 6:
-        _context14.n = 7;
+        _context15.n = 7;
         return effects.put(addAttachmentsAC(attachments));
       case 7:
-        _context14.n = 9;
+        _context15.n = 9;
         break;
       case 8:
-        _context14.p = 8;
-        _t14 = _context14.v;
-        log.error('error in message attachment query', _t14);
+        _context15.p = 8;
+        _t15 = _context15.v;
+        log.error('error in message attachment query', _t15);
       case 9:
-        return _context14.a(2);
+        return _context15.a(2);
     }
-  }, _marked12$1, null, [[0, 8]]);
+  }, _marked13$1, null, [[0, 8]]);
 }
 function pauseAttachmentUploading(action) {
-  var attachmentId, isPaused, _t15;
-  return _regenerator().w(function (_context15) {
-    while (1) switch (_context15.p = _context15.n) {
+  var attachmentId, isPaused, _t16;
+  return _regenerator().w(function (_context16) {
+    while (1) switch (_context16.p = _context16.n) {
       case 0:
-        _context15.p = 0;
+        _context16.p = 0;
         attachmentId = action.payload.attachmentId;
         if (!getCustomUploader()) {
-          _context15.n = 1;
+          _context16.n = 1;
           break;
         }
         isPaused = pauseUpload(attachmentId);
         if (!isPaused) {
-          _context15.n = 1;
+          _context16.n = 1;
           break;
         }
-        _context15.n = 1;
+        _context16.n = 1;
         return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.PAUSED, attachmentId));
       case 1:
-        _context15.n = 3;
+        _context16.n = 3;
         break;
       case 2:
-        _context15.p = 2;
-        _t15 = _context15.v;
-        log.error('error in pause attachment uploading', _t15);
+        _context16.p = 2;
+        _t16 = _context16.v;
+        log.error('error in pause attachment uploading', _t16);
       case 3:
-        return _context15.a(2);
+        return _context16.a(2);
     }
-  }, _marked13$1, null, [[0, 2]]);
+  }, _marked14$1, null, [[0, 2]]);
 }
 function resumeAttachmentUploading(action) {
-  var attachmentId, isResumed, _t16;
-  return _regenerator().w(function (_context16) {
-    while (1) switch (_context16.p = _context16.n) {
+  var attachmentId, isResumed, _t17;
+  return _regenerator().w(function (_context17) {
+    while (1) switch (_context17.p = _context17.n) {
       case 0:
-        _context16.p = 0;
+        _context17.p = 0;
         attachmentId = action.payload.attachmentId;
         log.info('resume for attachment ... ', attachmentId);
         if (!getCustomUploader()) {
-          _context16.n = 1;
+          _context17.n = 1;
           break;
         }
         isResumed = resumeUpload(attachmentId);
         if (!isResumed) {
-          _context16.n = 1;
+          _context17.n = 1;
           break;
         }
-        _context16.n = 1;
+        _context17.n = 1;
         return effects.put(updateAttachmentUploadingStateAC(UPLOAD_STATE.UPLOADING, attachmentId));
       case 1:
-        _context16.n = 3;
+        _context17.n = 3;
         break;
       case 2:
-        _context16.p = 2;
-        _t16 = _context16.v;
-        log.error('error in resume attachment uploading', _t16);
+        _context17.p = 2;
+        _t17 = _context17.v;
+        log.error('error in resume attachment uploading', _t17);
       case 3:
-        return _context16.a(2);
+        return _context17.a(2);
     }
-  }, _marked14$1, null, [[0, 2]]);
+  }, _marked15$1, null, [[0, 2]]);
 }
 function MessageSaga() {
-  return _regenerator().w(function (_context17) {
-    while (1) switch (_context17.n) {
+  return _regenerator().w(function (_context18) {
+    while (1) switch (_context18.n) {
       case 0:
-        _context17.n = 1;
+        _context18.n = 1;
         return effects.takeEvery(SEND_MESSAGE, sendMessage);
       case 1:
-        _context17.n = 2;
+        _context18.n = 2;
         return effects.takeEvery(SEND_TEXT_MESSAGE, sendTextMessage);
       case 2:
-        _context17.n = 3;
+        _context18.n = 3;
         return effects.takeEvery(FORWARD_MESSAGE, forwardMessage);
       case 3:
-        _context17.n = 4;
+        _context18.n = 4;
         return effects.takeEvery(RESEND_MESSAGE, resendMessage);
       case 4:
-        _context17.n = 5;
+        _context18.n = 5;
         return effects.takeLatest(EDIT_MESSAGE, editMessage);
       case 5:
-        _context17.n = 6;
+        _context18.n = 6;
         return effects.takeEvery(DELETE_MESSAGE, deleteMessage);
       case 6:
-        _context17.n = 7;
+        _context18.n = 7;
         return effects.takeLatest(GET_MESSAGES, getMessagesQuery);
       case 7:
-        _context17.n = 8;
-        return effects.takeLatest(GET_MESSAGES_ATTACHMENTS, getMessageAttachments);
+        _context18.n = 8;
+        return effects.takeLatest(GET_MESSAGE, getMessageQuery);
       case 8:
-        _context17.n = 9;
-        return effects.takeLatest(LOAD_MORE_MESSAGES_ATTACHMENTS, loadMoreMessageAttachments);
+        _context18.n = 9;
+        return effects.takeLatest(GET_MESSAGES_ATTACHMENTS, getMessageAttachments);
       case 9:
-        _context17.n = 10;
-        return effects.takeLatest(ADD_REACTION, addReaction);
+        _context18.n = 10;
+        return effects.takeLatest(LOAD_MORE_MESSAGES_ATTACHMENTS, loadMoreMessageAttachments);
       case 10:
-        _context17.n = 11;
-        return effects.takeLatest(DELETE_REACTION, deleteReaction);
+        _context18.n = 11;
+        return effects.takeLatest(ADD_REACTION, addReaction);
       case 11:
-        _context17.n = 12;
-        return effects.takeEvery(LOAD_MORE_MESSAGES, loadMoreMessages);
+        _context18.n = 12;
+        return effects.takeLatest(DELETE_REACTION, deleteReaction);
       case 12:
-        _context17.n = 13;
-        return effects.takeEvery(GET_REACTIONS, getReactions);
+        _context18.n = 13;
+        return effects.takeEvery(LOAD_MORE_MESSAGES, loadMoreMessages);
       case 13:
-        _context17.n = 14;
-        return effects.takeEvery(LOAD_MORE_REACTIONS, loadMoreReactions);
+        _context18.n = 14;
+        return effects.takeEvery(GET_REACTIONS, getReactions);
       case 14:
-        _context17.n = 15;
-        return effects.takeEvery(PAUSE_ATTACHMENT_UPLOADING, pauseAttachmentUploading);
+        _context18.n = 15;
+        return effects.takeEvery(LOAD_MORE_REACTIONS, loadMoreReactions);
       case 15:
-        _context17.n = 16;
-        return effects.takeEvery(RESUME_ATTACHMENT_UPLOADING, resumeAttachmentUploading);
+        _context18.n = 16;
+        return effects.takeEvery(PAUSE_ATTACHMENT_UPLOADING, pauseAttachmentUploading);
       case 16:
-        return _context17.a(2);
+        _context18.n = 17;
+        return effects.takeEvery(RESUME_ATTACHMENT_UPLOADING, resumeAttachmentUploading);
+      case 17:
+        return _context18.a(2);
     }
-  }, _marked15$1);
+  }, _marked16$1);
 }
 
 var _marked$4 = /*#__PURE__*/_regenerator().m(getMembers),
@@ -20083,6 +20154,12 @@ var store = configureStore({
 });
 sagaMiddleware.run(rootSaga);
 
+var SceytReduxContext = /*#__PURE__*/React__default.createContext(null);
+
+var useSelector = reactRedux.createSelectorHook(SceytReduxContext);
+var useDispatch = reactRedux.createDispatchHook(SceytReduxContext);
+var useStore = reactRedux.createStoreHook(SceytReduxContext);
+
 var channelsSelector = function channelsSelector(store) {
   return store.ChannelReducer.channels;
 };
@@ -20257,7 +20334,7 @@ function useOnScreen(ref, rootElement) {
 }
 
 var useColors = function useColors() {
-  var themeReducer = reactRedux.useSelector(function (state) {
+  var themeReducer = useSelector(function (state) {
     return state.ThemeReducer;
   });
   var currentThemeMode = (themeReducer === null || themeReducer === void 0 ? void 0 : themeReducer.theme) || defaultThemeMode;
@@ -20314,11 +20391,11 @@ var SceytChat = function SceytChat(_ref) {
   var _useColor = useColors(),
     backgroundColor = _useColor[THEME_COLORS.BACKGROUND],
     highlightedBackground = _useColor[THEME_COLORS.HIGHLIGHTED_BACKGROUND];
-  var dispatch = reactRedux.useDispatch();
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
-  var draggingSelector = reactRedux.useSelector(isDraggingSelector, reactRedux.shallowEqual);
-  var channelsListWidth = reactRedux.useSelector(channelListWidthSelector, reactRedux.shallowEqual);
-  var getRolesFail = reactRedux.useSelector(getRolesFailSelector, reactRedux.shallowEqual);
+  var dispatch = useDispatch();
+  var contactsMap = useSelector(contactsMapSelector);
+  var draggingSelector = useSelector(isDraggingSelector, reactRedux.shallowEqual);
+  var channelsListWidth = useSelector(channelListWidthSelector, reactRedux.shallowEqual);
+  var getRolesFail = useSelector(getRolesFailSelector, reactRedux.shallowEqual);
   var _useState = React.useState(null),
     SceytChatClient = _useState[0],
     setSceytChatClient = _useState[1];
@@ -20566,7 +20643,8 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
     log.setLevel(logLevel);
   }, []);
   return /*#__PURE__*/React__default.createElement(reactRedux.Provider, {
-    store: store
+    store: store,
+    context: SceytReduxContext
   }, /*#__PURE__*/React__default.createElement(SceytChat, {
     client: client,
     theme: theme,
@@ -20596,8 +20674,8 @@ var themeSelector = function themeSelector(store) {
 
 var updateInterval;
 function useUpdatePresence(channel, isVisible) {
-  var dispatch = reactRedux.useDispatch();
-  var connectionStatus = reactRedux.useSelector(connectionStatusSelector);
+  var dispatch = useDispatch();
+  var connectionStatus = useSelector(connectionStatusSelector);
   var ChatClient = getClient();
   var user = ChatClient.user;
   var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
@@ -20895,7 +20973,7 @@ var Avatar = function Avatar(_ref) {
     border = _ref.border,
     borderRadius = _ref.borderRadius,
     handleAvatarClick = _ref.handleAvatarClick;
-  var theme = reactRedux.useSelector(themeSelector);
+  var theme = useSelector(themeSelector);
   var _useColor = useColors(),
     iconInactive = _useColor[THEME_COLORS.ICON_INACTIVE];
   var isDeletedUserAvatar = !image && !name;
@@ -21023,7 +21101,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
   }), channel.lastReactedMessage && '"')))));
 };
 var Channel = function Channel(_ref3) {
-  var _channel$metadata, _channel$metadata2;
+  var _channel$metadata;
   var channel = _ref3.channel,
     theme = _ref3.theme,
     _ref3$showAvatar = _ref3.showAvatar,
@@ -21061,18 +21139,18 @@ var Channel = function Channel(_ref3) {
     iconInactive = _useColor[THEME_COLORS.ICON_INACTIVE],
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
     background = _useColor[THEME_COLORS.BACKGROUND];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var ChatClient = getClient();
   var getFromContacts = getShowOnlyContactUsers();
   var user = ChatClient.user;
-  var activeChannel = reactRedux.useSelector(activeChannelSelector) || {};
-  var channelDraftIsRemoved = reactRedux.useSelector(channelMessageDraftIsRemovedSelector);
+  var activeChannel = useSelector(activeChannelSelector) || {};
+  var channelDraftIsRemoved = useSelector(channelMessageDraftIsRemovedSelector);
   var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
-  var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
+  var isSelfChannel = isDirectChannel && (((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s) || channel.members.length === 1 && channel.members[0].id === user.id);
   var directChannelUser = isDirectChannel && channel.members.find(function (member) {
     return member.id !== user.id;
   });
-  var typingOrRecordingIndicator = reactRedux.useSelector(typingOrRecordingIndicatorArraySelector(channel.id));
+  var typingOrRecordingIndicator = useSelector(typingOrRecordingIndicatorArraySelector(channel.id));
   var _useState = React.useState(),
     draftMessageText = _useState[0],
     setDraftMessageText = _useState[1];
@@ -21210,7 +21288,7 @@ var Channel = function Channel(_ref3) {
     subjectLineHeight: channelSubjectLineHeight,
     subjectColor: channelSubjectColor || textPrimary,
     avatarSize: channelAvatarSize
-  }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : (_channel$metadata2 = channel.metadata) !== null && _channel$metadata2 !== void 0 && _channel$metadata2.s ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
+  }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
     color: notificationsIsMutedIconColor || iconInactive
   }, notificationsIsMutedIcon || /*#__PURE__*/React__default.createElement(SvgUnmuteNotifications, null))), (lastMessage || typingOrRecording.items.length > 0 || draftMessageText) && (/*#__PURE__*/React__default.createElement(LastMessage, {
     color: textSecondary,
@@ -21785,15 +21863,15 @@ var UsersPopup = function UsersPopup(_ref) {
     surface1 = _useColor[THEME_COLORS.SURFACE_1],
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
     surface2 = _useColor[THEME_COLORS.SURFACE_2];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var ChatClient = getClient();
   var selfUser = ChatClient.user;
-  var contactList = reactRedux.useSelector(contactListSelector);
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
-  var usersList = reactRedux.useSelector(usersListSelector);
-  var theme = reactRedux.useSelector(themeSelector);
+  var contactList = useSelector(contactListSelector);
+  var contactsMap = useSelector(contactsMapSelector);
+  var usersList = useSelector(usersListSelector);
+  var theme = useSelector(themeSelector);
   var getFromContacts = getShowOnlyContactUsers();
-  var usersLoadingState = reactRedux.useSelector(usersLoadingStateSelector);
+  var usersLoadingState = useSelector(usersLoadingStateSelector);
   var selectedMembersCont = React.useRef('');
   var _useState = React.useState(''),
     userSearchValue = _useState[0],
@@ -22353,11 +22431,11 @@ function CreateChannel(_ref) {
     warningColor = _useColor[THEME_COLORS.WARNING],
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
     background = _useColor[THEME_COLORS.BACKGROUND];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var uriRegexp = /^[A-Za-z0-9]*$/;
   var fileUploader = React.useRef(null);
   var uriPrefixRef = React.useRef(null);
-  var theme = reactRedux.useSelector(themeSelector);
+  var theme = useSelector(themeSelector);
   var _useState = React.useState(false),
     usersPopupVisible = _useState[0],
     setUsersPopupVisible = _useState[1];
@@ -23031,7 +23109,7 @@ var EditProfile = function EditProfile(_ref) {
     textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
     background = _useColor[THEME_COLORS.BACKGROUND],
     surface1 = _useColor[THEME_COLORS.SURFACE_1];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var _useState = React.useState(user.firstName),
     firstName = _useState[0],
     setFirstName = _useState[1];
@@ -23122,7 +23200,7 @@ var ProfileSettings = function ProfileSettings(_ref) {
   var _useState2 = React.useState(''),
     activeSettingPage = _useState2[0],
     setActiveSettingPage = _useState2[1];
-  var user = reactRedux.useSelector(userSelector);
+  var user = useSelector(userSelector);
   var handleOpenEditProfile = function handleOpenEditProfile() {
     setActiveSettingPage(editProfileIsOpen ? '' : settingsPages.profile);
     setEditProfileIsOpen(!editProfileIsOpen);
@@ -23260,27 +23338,27 @@ var ChannelList = function ChannelList(_ref) {
     textFootnote = _useColor[THEME_COLORS.TEXT_FOOTNOTE],
     borderColor = _useColor[THEME_COLORS.BORDER],
     surface2 = _useColor[THEME_COLORS.SURFACE_2];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var getFromContacts = getShowOnlyContactUsers();
-  var theme = reactRedux.useSelector(themeSelector);
+  var theme = useSelector(themeSelector);
   var channelListRef = React.useRef(null);
   var channelsScrollRef = React.useRef(null);
   var _useState = React.useState(''),
     searchValue = _useState[0],
     setSearchValue = _useState[1];
-  var connectionStatus = reactRedux.useSelector(connectionStatusSelector);
-  var channels = reactRedux.useSelector(channelsSelector, reactRedux.shallowEqual) || [];
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
-  var addedChannel = reactRedux.useSelector(addedChannelSelector);
-  var closeSearchChannels = reactRedux.useSelector(closeSearchChannelSelector);
-  var addedToChannel = reactRedux.useSelector(addedToChannelSelector);
-  var deletedChannel = reactRedux.useSelector(deletedChannelSelector);
-  var hiddenChannel = reactRedux.useSelector(hiddenChannelSelector);
-  var visibleChannel = reactRedux.useSelector(visibleChannelSelector);
-  var channelsHasNext = reactRedux.useSelector(channelsHasNextSelector) || false;
-  var searchedChannels = reactRedux.useSelector(searchedChannelsSelector) || [];
-  var channelsLoading = reactRedux.useSelector(channelsLoadingState) || {};
-  var activeChannel = reactRedux.useSelector(activeChannelSelector) || {};
+  var connectionStatus = useSelector(connectionStatusSelector);
+  var channels = useSelector(channelsSelector, reactRedux.shallowEqual) || [];
+  var contactsMap = useSelector(contactsMapSelector);
+  var addedChannel = useSelector(addedChannelSelector);
+  var closeSearchChannels = useSelector(closeSearchChannelSelector);
+  var addedToChannel = useSelector(addedToChannelSelector);
+  var deletedChannel = useSelector(deletedChannelSelector);
+  var hiddenChannel = useSelector(hiddenChannelSelector);
+  var visibleChannel = useSelector(visibleChannelSelector);
+  var channelsHasNext = useSelector(channelsHasNextSelector) || false;
+  var searchedChannels = useSelector(searchedChannelsSelector) || [];
+  var channelsLoading = useSelector(channelsLoadingState) || {};
+  var activeChannel = useSelector(activeChannelSelector) || {};
   var _useState2 = React.useState(false),
     listWidthIsSet = _useState2[0],
     setListWidthIsSet = _useState2[1];
@@ -23863,12 +23941,12 @@ function Chat(_ref) {
     background = _useColor[THEME_COLORS.BACKGROUND],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
     textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY];
-  var dispatch = reactRedux.useDispatch();
-  var channelListWidth = reactRedux.useSelector(channelListWidthSelector, reactRedux.shallowEqual);
-  var channelDetailsIsOpen = reactRedux.useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
-  var addedChannel = reactRedux.useSelector(addedToChannelSelector);
-  var channelCreated = reactRedux.useSelector(addedChannelSelector);
-  var activeChannel = reactRedux.useSelector(activeChannelSelector);
+  var dispatch = useDispatch();
+  var channelListWidth = useSelector(channelListWidthSelector, reactRedux.shallowEqual);
+  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
+  var addedChannel = useSelector(addedToChannelSelector);
+  var channelCreated = useSelector(addedChannelSelector);
+  var activeChannel = useSelector(activeChannelSelector);
   var autoSelectChannel = getAutoSelectFitsChannel();
   var _useState = React.useState(0),
     channelDetailsWidth = _useState[0],
@@ -24007,21 +24085,21 @@ function ChatHeader(_ref) {
     iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
     border = _useColor[THEME_COLORS.BORDER],
     backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var ChatClient = getClient();
   var user = ChatClient.user;
   var getFromContacts = getShowOnlyContactUsers();
-  var activeChannel = reactRedux.useSelector(activeChannelSelector);
-  var theme = reactRedux.useSelector(themeSelector);
+  var activeChannel = useSelector(activeChannelSelector);
+  var theme = useSelector(themeSelector);
   var showChannelDetails = getShowChannelDetails();
-  var channelListHidden = reactRedux.useSelector(channelListHiddenSelector);
-  var channelDetailsIsOpen = reactRedux.useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
+  var channelListHidden = useSelector(channelListHiddenSelector);
+  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
   var isDirectChannel = activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
   var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
   var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
     return member.id !== user.id;
   });
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
+  var contactsMap = useSelector(contactsMapSelector);
   var memberDisplayText = getChannelTypesMemberDisplayTextMap();
   var displayMemberText = memberDisplayText && memberDisplayText[activeChannel.type] ? activeChannel.memberCount > 1 ? memberDisplayText[activeChannel.type] + "s" : memberDisplayText[activeChannel.type] : activeChannel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || activeChannel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? activeChannel.memberCount > 1 ? 'subscribers' : 'subscriber' : activeChannel.memberCount > 1 ? 'members' : 'member';
   var channelDetailsOnOpen = function channelDetailsOnOpen() {
@@ -24862,13 +24940,13 @@ function ForwardMessagePopup(_ref) {
     surface2 = _useColor[THEME_COLORS.SURFACE_2];
   var ChatClient = getClient();
   var user = ChatClient.user;
-  var dispatch = reactRedux.useDispatch();
-  var channels = reactRedux.useSelector(channelsForForwardSelector) || [];
-  var searchedChannels = reactRedux.useSelector(searchedChannelsForForwardSelector) || [];
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
+  var dispatch = useDispatch();
+  var channels = useSelector(channelsForForwardSelector) || [];
+  var searchedChannels = useSelector(searchedChannelsForForwardSelector) || [];
+  var contactsMap = useSelector(contactsMapSelector);
   var getFromContacts = getShowOnlyContactUsers();
-  var channelsLoading = reactRedux.useSelector(channelsLoadingStateForForwardSelector);
-  var channelsHasNext = reactRedux.useSelector(channelsForForwardHasNextSelector);
+  var channelsLoading = useSelector(channelsLoadingStateForForwardSelector);
+  var channelsHasNext = useSelector(channelsForForwardHasNextSelector);
   var _useState = React.useState(''),
     searchValue = _useState[0],
     setSearchValue = _useState[1];
@@ -25225,7 +25303,7 @@ var CustomLabel$1 = styled__default.label(_templateObject$m || (_templateObject$
 var Radio = styled__default.input(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n  display: none;\n"])));
 
 function usePermissions(myRole) {
-  var rolesMap = reactRedux.useSelector(rolesMapSelector, reactRedux.shallowEqual);
+  var rolesMap = useSelector(rolesMapSelector, reactRedux.shallowEqual);
   var myPermissions = myRole && rolesMap && rolesMap[myRole] ? rolesMap[myRole].permissions : [];
   var checkActionPermission = function checkActionPermission(actionName) {
     return myPermissions.includes(actionName);
@@ -25366,9 +25444,9 @@ var SliderPopup = function SliderPopup(_ref) {
   var _useColor = useColors(),
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
     overlayBackground2 = _useColor[THEME_COLORS.OVERLAY_BACKGROUND_2];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var getFromContacts = getShowOnlyContactUsers();
-  var connectionStatus = reactRedux.useSelector(connectionStatusSelector);
+  var connectionStatus = useSelector(connectionStatusSelector);
   var ChatClient = getClient();
   var user = ChatClient.user;
   var _useState = React.useState(_extends({}, currentMediaFile)),
@@ -25405,8 +25483,8 @@ var SliderPopup = function SliderPopup(_ref) {
     messageToDelete = _useState1[0],
     setMessageToDelete = _useState1[1];
   var customDownloader = getCustomDownloader();
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
-  var attachments = reactRedux.useSelector(attachmentsForPopupSelector, reactRedux.shallowEqual) || [];
+  var contactsMap = useSelector(contactsMapSelector);
+  var attachments = useSelector(attachmentsForPopupSelector, reactRedux.shallowEqual) || [];
   var visibilityTimeout = React.useRef();
   var carouselRef = React.useRef(null);
   var attachmentUserName = currentFile ? currentFile.user && makeUsername(contactsMap[currentFile.user.id], currentFile.user, getFromContacts && user.id !== currentFile.user.id) : '';
@@ -25938,7 +26016,7 @@ var Message = function Message(_ref) {
   var _useColor = useColors(),
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY],
     overlayBackground = _useColor[THEME_COLORS.OVERLAY_BACKGROUND];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var ChatClient = getClient();
   var user = ChatClient.user;
   var getFromContacts = getShowOnlyContactUsers();
@@ -26080,11 +26158,11 @@ function ReactionsPopup(_ref) {
     backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED];
   var popupRef = React.useRef(null);
   var scoresRef = React.useRef(null);
-  var reactions = reactRedux.useSelector(reactionsListSelector, reactRedux.shallowEqual);
-  var messageInputHeight = reactRedux.useSelector(sendMessageInputHeightSelector, reactRedux.shallowEqual);
-  var reactionsHasNext = reactRedux.useSelector(reactionsHasNextSelector, reactRedux.shallowEqual);
-  var reactionsLoadingState = reactRedux.useSelector(reactionsLoadingStateSelector, reactRedux.shallowEqual);
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
+  var reactions = useSelector(reactionsListSelector, reactRedux.shallowEqual);
+  var messageInputHeight = useSelector(sendMessageInputHeightSelector, reactRedux.shallowEqual);
+  var reactionsHasNext = useSelector(reactionsHasNextSelector, reactRedux.shallowEqual);
+  var reactionsLoadingState = useSelector(reactionsLoadingStateSelector, reactRedux.shallowEqual);
+  var contactsMap = useSelector(contactsMapSelector);
   var getFromContacts = getShowOnlyContactUsers();
   var _useState = React.useState('all'),
     activeTabKey = _useState[0],
@@ -26111,7 +26189,7 @@ function ReactionsPopup(_ref) {
     });
   }
   var user = getClient().user;
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var _useState7 = React.useState(false),
     isScrolling = _useState7[0],
     setIsScrolling = _useState7[1];
@@ -29035,8 +29113,8 @@ var AudioPlayer = function AudioPlayer(_ref) {
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
     backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS];
-  var dispatch = reactRedux.useDispatch();
-  var playingAudioId = reactRedux.useSelector(playingAudioIdSelector);
+  var dispatch = useDispatch();
+  var playingAudioId = useSelector(playingAudioIdSelector);
   var _useState = React.useState(recordingInitialState),
     recording = _useState[0],
     setRecording = _useState[1];
@@ -29277,11 +29355,11 @@ var Attachment = function Attachment(_ref) {
     iconInactive = _useColor[THEME_COLORS.ICON_INACTIVE],
     borderColor = _useColor[THEME_COLORS.BORDER],
     background = _useColor[THEME_COLORS.BACKGROUND];
-  var dispatch = reactRedux.useDispatch();
-  var attachmentCompilationState = reactRedux.useSelector(attachmentCompilationStateSelector) || {};
-  var attachmentsUploadProgress = reactRedux.useSelector(attachmentsUploadProgressSelector) || {};
-  var connectionStatus = reactRedux.useSelector(connectionStatusSelector);
-  var theme = reactRedux.useSelector(themeSelector);
+  var dispatch = useDispatch();
+  var attachmentCompilationState = useSelector(attachmentCompilationStateSelector) || {};
+  var attachmentsUploadProgress = useSelector(attachmentsUploadProgressSelector) || {};
+  var connectionStatus = useSelector(connectionStatusSelector);
+  var theme = useSelector(themeSelector);
   var imageContRef = React.useRef(null);
   var _useState = React.useState(!attachment.attachmentUrl),
     imageLoading = _useState[0],
@@ -31850,7 +31928,7 @@ var Message$1 = function Message(_ref) {
     border = _useColor[THEME_COLORS.BORDER];
   var bubbleOutgoing = outgoingMessageBackground;
   var bubbleIncoming = incomingMessageBackground;
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var _useState = React.useState(false),
     deletePopupOpen = _useState[0],
     setDeletePopupOpen = _useState[1];
@@ -31884,7 +31962,7 @@ var Message$1 = function Message(_ref) {
     }),
     reactionsPopupHorizontalPosition = _useState0[0],
     setReactionsPopupHorizontalPosition = _useState0[1];
-  var scrollToNewMessage = reactRedux.useSelector(scrollToNewMessageSelector, reactRedux.shallowEqual);
+  var scrollToNewMessage = useSelector(scrollToNewMessageSelector, reactRedux.shallowEqual);
   var messageItemRef = React.useRef();
   var isVisible = useOnScreen(messageItemRef);
   var reactionsCount = message.reactionTotals && message.reactionTotals.reduce(function (prevValue, currentValue) {
@@ -32059,6 +32137,7 @@ var Message$1 = function Message(_ref) {
   };
   React.useEffect(function () {
     if (isVisible) {
+      var _channel$lastMessage;
       if (setLastVisibleMessageId) {
         setLastVisibleMessageId(message.id);
       }
@@ -32066,7 +32145,7 @@ var Message$1 = function Message(_ref) {
       if (!channel.isLinkedChannel) {
         setMessageToVisibleMessagesMap(message);
       }
-      if (scrollToNewMessage.scrollToBottom && (message.id === channel.lastMessage.id || !message.id)) {
+      if (scrollToNewMessage.scrollToBottom && ((message === null || message === void 0 ? void 0 : message.id) === ((_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.id) || !(message !== null && message !== void 0 && message.id))) {
         dispatch(scrollToNewMessageAC(false, false, false));
         dispatch(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
       }
@@ -32403,7 +32482,7 @@ var Message$1 = function Message(_ref) {
   })));
 };
 var Message$2 = /*#__PURE__*/React__default.memo(Message$1, function (prevProps, nextProps) {
-  return prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.prevMessage === nextProps.prevMessage && prevProps.nextMessage === nextProps.nextMessage && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.contactsMap === nextProps.contactsMap && prevProps.connectionStatus === nextProps.connectionStatus && prevProps.openedMessageMenuId === nextProps.openedMessageMenuId && prevProps.theme === nextProps.theme;
+  return prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.metadata === nextProps.message.metadata && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.prevMessage === nextProps.prevMessage && prevProps.nextMessage === nextProps.nextMessage && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.contactsMap === nextProps.contactsMap && prevProps.connectionStatus === nextProps.connectionStatus && prevProps.openedMessageMenuId === nextProps.openedMessageMenuId && prevProps.theme === nextProps.theme;
 });
 var MessageReactionKey = styled__default.span(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  align-items: center;\n  font-family:\n    apple color emoji,\n    segoe ui emoji,\n    noto color emoji,\n    android emoji,\n    emojisymbols,\n    emojione mozilla,\n    twemoji mozilla,\n    segoe ui symbol;\n"])));
 var ReactionItemCount = styled__default.span(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n  margin-left: 2px;\n  font-family: Inter, sans-serif;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 16px;\n  color: ", ";\n"])), function (props) {
@@ -32718,25 +32797,25 @@ var MessageList = function MessageList(_ref2) {
     incomingMessageBackgroundX = _useColor[THEME_COLORS.INCOMING_MESSAGE_BACKGROUND_X];
   var ChatClient = getClient();
   var user = ChatClient.user;
-  var dispatch = reactRedux.useDispatch();
-  var theme = reactRedux.useSelector(themeSelector);
-  var channel = reactRedux.useSelector(activeChannelSelector);
-  var contactsMap = reactRedux.useSelector(contactsMapSelector, reactRedux.shallowEqual);
-  var connectionStatus = reactRedux.useSelector(connectionStatusSelector, reactRedux.shallowEqual);
-  var openedMessageMenuId = reactRedux.useSelector(openedMessageMenuSelector, reactRedux.shallowEqual);
-  var tabIsActive = reactRedux.useSelector(tabIsActiveSelector, reactRedux.shallowEqual);
-  var selectedMessagesMap = reactRedux.useSelector(selectedMessagesMapSelector);
-  var scrollToNewMessage = reactRedux.useSelector(scrollToNewMessageSelector, reactRedux.shallowEqual);
-  var scrollToMentionedMessage = reactRedux.useSelector(scrollToMentionedMessageSelector, reactRedux.shallowEqual);
-  var scrollToRepliedMessage = reactRedux.useSelector(scrollToMessageSelector, reactRedux.shallowEqual);
-  var scrollToMessageHighlight = reactRedux.useSelector(scrollToMessageHighlightSelector, reactRedux.shallowEqual);
-  var browserTabIsActive = reactRedux.useSelector(browserTabIsActiveSelector, reactRedux.shallowEqual);
-  var hasNextMessages = reactRedux.useSelector(messagesHasNextSelector, reactRedux.shallowEqual);
-  var hasPrevMessages = reactRedux.useSelector(messagesHasPrevSelector, reactRedux.shallowEqual);
-  var messagesLoading = reactRedux.useSelector(messagesLoadingState);
-  var draggingSelector = reactRedux.useSelector(isDraggingSelector, reactRedux.shallowEqual);
-  var showScrollToNewMessageButton = reactRedux.useSelector(showScrollToNewMessageButtonSelector, reactRedux.shallowEqual);
-  var messages = reactRedux.useSelector(activeChannelMessagesSelector, reactRedux.shallowEqual) || [];
+  var dispatch = useDispatch();
+  var theme = useSelector(themeSelector);
+  var channel = useSelector(activeChannelSelector);
+  var contactsMap = useSelector(contactsMapSelector, reactRedux.shallowEqual);
+  var connectionStatus = useSelector(connectionStatusSelector, reactRedux.shallowEqual);
+  var openedMessageMenuId = useSelector(openedMessageMenuSelector, reactRedux.shallowEqual);
+  var tabIsActive = useSelector(tabIsActiveSelector, reactRedux.shallowEqual);
+  var selectedMessagesMap = useSelector(selectedMessagesMapSelector);
+  var scrollToNewMessage = useSelector(scrollToNewMessageSelector, reactRedux.shallowEqual);
+  var scrollToMentionedMessage = useSelector(scrollToMentionedMessageSelector, reactRedux.shallowEqual);
+  var scrollToRepliedMessage = useSelector(scrollToMessageSelector, reactRedux.shallowEqual);
+  var scrollToMessageHighlight = useSelector(scrollToMessageHighlightSelector, reactRedux.shallowEqual);
+  var browserTabIsActive = useSelector(browserTabIsActiveSelector, reactRedux.shallowEqual);
+  var hasNextMessages = useSelector(messagesHasNextSelector, reactRedux.shallowEqual);
+  var hasPrevMessages = useSelector(messagesHasPrevSelector, reactRedux.shallowEqual);
+  var messagesLoading = useSelector(messagesLoadingState);
+  var draggingSelector = useSelector(isDraggingSelector, reactRedux.shallowEqual);
+  var showScrollToNewMessageButton = useSelector(showScrollToNewMessageButtonSelector, reactRedux.shallowEqual);
+  var messages = useSelector(activeChannelMessagesSelector, reactRedux.shallowEqual) || [];
   var _useState = React.useState(''),
     unreadMessageId = _useState[0],
     setUnreadMessageId = _useState[1];
@@ -34087,7 +34166,7 @@ function MentionsContainer(_ref2) {
     selectOptionAndCleanUp = _ref2.selectOptionAndCleanUp,
     setHighlightedIndex = _ref2.setHighlightedIndex,
     setMentionsIsOpen = _ref2.setMentionsIsOpen;
-  var theme = reactRedux.useSelector(themeSelector);
+  var theme = useSelector(themeSelector);
   var _useColor2 = useColors(),
     borderColor = _useColor2[THEME_COLORS.BORDER],
     background = _useColor2[THEME_COLORS.BACKGROUND];
@@ -35564,7 +35643,7 @@ var AudioRecord = function AudioRecord(_ref) {
       setRecordedFile(currentRecordedFile);
     }
   }, [currentRecordedFile]);
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var handleStartRecording = function handleStartRecording() {
     dispatch(sendRecordingAC(true, currentChannelId));
     if (sendingInterval) {
@@ -36292,18 +36371,18 @@ var SendMessageInput = function SendMessageInput(_ref3) {
     textFootnote = _useColor[THEME_COLORS.TEXT_FOOTNOTE],
     highlightedBackground = _useColor[THEME_COLORS.HIGHLIGHTED_BACKGROUND],
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var ChatClient = getClient();
   var user = ChatClient.user;
-  var channelDetailsIsOpen = reactRedux.useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
-  var theme = reactRedux.useSelector(themeSelector);
+  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
+  var theme = useSelector(themeSelector);
   var getFromContacts = getShowOnlyContactUsers();
-  var activeChannel = reactRedux.useSelector(activeChannelSelector);
-  var messageToEdit = reactRedux.useSelector(messageToEditSelector);
-  var activeChannelMembers = reactRedux.useSelector(activeChannelMembersSelector, reactRedux.shallowEqual);
-  var messageForReply = reactRedux.useSelector(messageForReplySelector);
-  var draggedAttachments = reactRedux.useSelector(draggedAttachmentsSelector);
-  var selectedMessagesMap = reactRedux.useSelector(selectedMessagesMapSelector);
+  var activeChannel = useSelector(activeChannelSelector);
+  var messageToEdit = useSelector(messageToEditSelector);
+  var activeChannelMembers = useSelector(activeChannelMembersSelector, reactRedux.shallowEqual);
+  var messageForReply = useSelector(messageForReplySelector);
+  var draggedAttachments = useSelector(draggedAttachmentsSelector);
+  var selectedMessagesMap = useSelector(selectedMessagesMapSelector);
   var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
   var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
     return member.id !== user.id;
@@ -36398,9 +36477,9 @@ var SendMessageInput = function SendMessageInput(_ref3) {
   var _useState25 = React.useState(''),
     uploadErrorMessage = _useState25[0],
     setUploadErrorMessage = _useState25[1];
-  var typingOrRecordingIndicator = reactRedux.useSelector(typingOrRecordingIndicatorArraySelector(activeChannel.id));
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
-  var connectionStatus = reactRedux.useSelector(connectionStatusSelector, reactRedux.shallowEqual);
+  var typingOrRecordingIndicator = useSelector(typingOrRecordingIndicatorArraySelector(activeChannel.id));
+  var contactsMap = useSelector(contactsMapSelector);
+  var connectionStatus = useSelector(connectionStatusSelector, reactRedux.shallowEqual);
   var messageContRef = React.useRef(null);
   var fileUploader = React.useRef(null);
   var inputWrapperRef = React.useRef(null);
@@ -38201,7 +38280,7 @@ var Actions = function Actions(_ref) {
   var _useState0 = React.useState(''),
     popupTitle = _useState0[0],
     setPopupTitle = _useState0[1];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var oneHour = 60 * 60 * 1000;
   var twoHours = oneHour * 2;
   var oneDay = oneHour * 24;
@@ -38663,14 +38742,14 @@ var ChangeMemberRole = function ChangeMemberRole(_ref) {
     surface1 = _useColor[THEME_COLORS.SURFACE_1],
     iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
     border = _useColor[THEME_COLORS.BORDER];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var _useState = React.useState(false),
     isChanged = _useState[0],
     setIsChanged = _useState[1];
   var _useState2 = React.useState(),
     selectedRole = _useState2[0],
     setSelectedRole = _useState2[1];
-  var roles = reactRedux.useSelector(rolesSelector, reactRedux.shallowEqual) || [];
+  var roles = useSelector(rolesSelector, reactRedux.shallowEqual) || [];
   React.useEffect(function () {
     dispatch(getRolesAC());
   }, []);
@@ -38780,7 +38859,7 @@ var Members = function Members(_ref) {
     backgroundFocused = _useColor[THEME_COLORS.BACKGROUND_FOCUSED],
     iconInactive = _useColor[THEME_COLORS.ICON_INACTIVE],
     surface1 = _useColor[THEME_COLORS.SURFACE_1];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var getFromContacts = getShowOnlyContactUsers();
   var _useState = React.useState(null),
     selectedMember = _useState[0],
@@ -38806,9 +38885,9 @@ var Members = function Members(_ref) {
   var _useState8 = React.useState(),
     closeMenu = _useState8[0],
     setCloseMenu = _useState8[1];
-  var members = reactRedux.useSelector(activeChannelMembersSelector) || [];
-  var contactsMap = reactRedux.useSelector(contactsMapSelector) || {};
-  var membersLoading = reactRedux.useSelector(membersLoadingStateSelector) || {};
+  var members = useSelector(activeChannelMembersSelector) || [];
+  var contactsMap = useSelector(contactsMapSelector) || {};
+  var membersLoading = useSelector(membersLoadingStateSelector) || {};
   var user = getClient().user;
   var memberDisplayText = getChannelTypesMemberDisplayTextMap();
   var channelTypeRoleMap = getDefaultRolesByChannelTypesMap();
@@ -39088,11 +39167,11 @@ var Media = function Media(_ref) {
   var channel = _ref.channel;
   var _useColor = useColors(),
     background = _useColor[THEME_COLORS.BACKGROUND];
-  var attachments = reactRedux.useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
+  var attachments = useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
   var _useState = React.useState(null),
     mediaFile = _useState[0],
     setMediaFile = _useState[1];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var handleMediaItemClick = function handleMediaItemClick(file) {
     setMediaFile(file);
   };
@@ -39206,11 +39285,11 @@ var Files = function Files(_ref) {
     backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED],
     surface1 = _useColor[THEME_COLORS.SURFACE_1],
     overlayBackground2 = _useColor[THEME_COLORS.OVERLAY_BACKGROUND_2];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var _useState = React.useState({}),
     downloadingFilesMap = _useState[0],
     setDownloadingFilesMap = _useState[1];
-  var attachments = reactRedux.useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
+  var attachments = useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
   var nameSizeNum = fileNameFontSize && Number(fileNameFontSize.slice(0, -2));
   var nameMaxLength = nameSizeNum ? 32 - (nameSizeNum - 15) * (nameSizeNum < 20 ? 2 : 1) : 32;
   var handleCompleteDownload = function handleCompleteDownload(attachmentId) {
@@ -39275,7 +39354,7 @@ var Files = function Files(_ref) {
       lineHeight: fileSizeLineHeight,
       color: filePreviewSizeColor || textSecondary
     }, file.size ? bytesToSize(file.size) : '')), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
-      visible: downloadingFilesMap[file.id],
+      visible: !!downloadingFilesMap[file.id],
       iconColor: accentColor,
       onClick: function onClick() {
         return handleDownloadFile(file);
@@ -39422,8 +39501,8 @@ var Links = function Links(_ref) {
     linkPreviewTitleColor = _ref.linkPreviewTitleColor,
     linkPreviewColor = _ref.linkPreviewColor,
     linkPreviewHoverBackgroundColor = _ref.linkPreviewHoverBackgroundColor;
-  var dispatch = reactRedux.useDispatch();
-  var attachments = reactRedux.useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
+  var dispatch = useDispatch();
+  var attachments = useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
   React.useEffect(function () {
     dispatch(getAttachmentsAC(channelId, channelDetailsTabs.link));
   }, [channelId]);
@@ -39511,8 +39590,8 @@ var VoiceItem = function VoiceItem(_ref) {
     textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
     backgroundHovered = _useColor[THEME_COLORS.BACKGROUND_HOVERED],
     accentColor = _useColor[THEME_COLORS.ACCENT];
-  var dispatch = reactRedux.useDispatch();
-  var playingAudioId = reactRedux.useSelector(playingAudioIdSelector);
+  var dispatch = useDispatch();
+  var playingAudioId = useSelector(playingAudioIdSelector);
   var getFromContacts = getShowOnlyContactUsers();
   var _useState = React.useState(''),
     fileUrl = _useState[0],
@@ -39524,8 +39603,8 @@ var VoiceItem = function VoiceItem(_ref) {
     currentTime = _useState3[0],
     setCurrentTime = _useState3[1];
   var customDownloader = getCustomDownloader();
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
-  var user = reactRedux.useSelector(userSelector);
+  var contactsMap = useSelector(contactsMapSelector);
+  var user = useSelector(userSelector);
   var audioRef = React.useRef();
   var intervalRef = React.useRef(null);
   var handlePlayPause = function handlePlayPause() {
@@ -39655,8 +39734,8 @@ var Voices = function Voices(_ref) {
     voicePreviewTitleColor = _ref.voicePreviewTitleColor,
     voicePreviewDateAndTimeColor = _ref.voicePreviewDateAndTimeColor,
     voicePreviewHoverBackgroundColor = _ref.voicePreviewHoverBackgroundColor;
-  var dispatch = reactRedux.useDispatch();
-  var attachments = reactRedux.useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
+  var dispatch = useDispatch();
+  var attachments = useSelector(activeTabAttachmentsSelector, reactRedux.shallowEqual) || [];
   React.useEffect(function () {
     dispatch(getAttachmentsAC(channelId, channelDetailsTabs.voice));
   }, [channelId]);
@@ -39727,7 +39806,7 @@ var DetailsTab = function DetailsTab(_ref) {
     textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
     border = _useColor[THEME_COLORS.BORDER],
     background = _useColor[THEME_COLORS.BACKGROUND];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
   var showMembers = !isDirectChannel && checkActionPermission('getMembers');
   var memberDisplayText = getChannelTypesMemberDisplayTextMap();
@@ -39879,8 +39958,8 @@ var EditChannel = function EditChannel(_ref) {
     textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY];
   var ChatClient = getClient();
   var user = ChatClient.user;
-  var dispatch = reactRedux.useDispatch();
-  var isEditMode = reactRedux.useSelector(channelEditModeSelector);
+  var dispatch = useDispatch();
+  var isEditMode = useSelector(channelEditModeSelector);
   var _useState = React.useState(false),
     cropPopup = _useState[0],
     setCropPopup = _useState[1];
@@ -40113,7 +40192,7 @@ var EditChannel = function EditChannel(_ref) {
 
 var _templateObject$V, _templateObject2$O, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$g, _templateObject0$e, _templateObject1$b, _templateObject10$7;
 var Details = function Details(_ref) {
-  var _activeChannel$metada;
+  var _activeChannel$metada, _activeChannel$member;
   var detailsTitleText = _ref.detailsTitleText,
     editDetailsTitleText = _ref.editDetailsTitleText,
     detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40236,10 +40315,10 @@ var Details = function Details(_ref) {
     borderThemeColor = _useColor[THEME_COLORS.BORDER],
     textFootnote = _useColor[THEME_COLORS.TEXT_FOOTNOTE],
     surface2 = _useColor[THEME_COLORS.SURFACE_2];
-  var dispatch = reactRedux.useDispatch();
+  var dispatch = useDispatch();
   var ChatClient = getClient();
   var user = ChatClient.user;
-  var theme = reactRedux.useSelector(themeSelector);
+  var theme = useSelector(themeSelector);
   var getFromContacts = getShowOnlyContactUsers();
   var _useState = React.useState(false),
     mounted = _useState[0],
@@ -40253,14 +40332,14 @@ var Details = function Details(_ref) {
   var _useState4 = React.useState(0),
     actionsHeight = _useState4[0],
     setActionsHeight = _useState4[1];
-  var editMode = reactRedux.useSelector(channelEditModeSelector);
-  var activeChannel = reactRedux.useSelector(activeChannelSelector, reactRedux.shallowEqual);
+  var editMode = useSelector(channelEditModeSelector);
+  var activeChannel = useSelector(activeChannelSelector, reactRedux.shallowEqual);
   var _usePermissions = usePermissions(activeChannel ? activeChannel.userRole : ''),
     checkActionPermission = _usePermissions[0];
-  var membersLoading = reactRedux.useSelector(membersLoadingStateSelector);
-  var messagesLoading = reactRedux.useSelector(messagesLoadingState);
-  var attachmentsHasNex = reactRedux.useSelector(activeTabAttachmentsHasNextSelector);
-  var contactsMap = reactRedux.useSelector(contactsMapSelector);
+  var membersLoading = useSelector(membersLoadingStateSelector);
+  var messagesLoading = useSelector(messagesLoadingState);
+  var attachmentsHasNex = useSelector(activeTabAttachmentsHasNextSelector);
+  var contactsMap = useSelector(contactsMapSelector);
   var _useState5 = React.useState(false),
     isScrolling = _useState5[0],
     setIsScrolling = _useState5[1];
@@ -40271,9 +40350,9 @@ var Details = function Details(_ref) {
   var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
   var memberDisplayText = getChannelTypesMemberDisplayTextMap();
   var displayMemberText = memberDisplayText && (memberDisplayText[activeChannel.type] ? activeChannel.memberCount > 1 ? memberDisplayText[activeChannel.type] + "s" : memberDisplayText[activeChannel.type] : activeChannel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || activeChannel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? activeChannel.memberCount > 1 ? 'subscribers' : 'subscriber' : activeChannel.memberCount > 1 ? 'members' : 'member');
-  var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
+  var directChannelUser = isDirectChannel && (activeChannel.members.find(function (member) {
     return member.id !== user.id;
-  });
+  }) || (activeChannel === null || activeChannel === void 0 ? void 0 : (_activeChannel$member = activeChannel.members) === null || _activeChannel$member === void 0 ? void 0 : _activeChannel$member[0]));
   var handleMembersListScroll = function handleMembersListScroll(event) {
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
       if (activeTab === channelDetailsTabs.member) {
@@ -40382,7 +40461,7 @@ var Details = function Details(_ref) {
     color: textSecondary,
     fontSize: channelMembersFontSize,
     lineHeight: channelMembersLineHeight
-  }, showPhoneNumber ? "+" + directChannelUser.id : hideUserPresence && directChannelUser && hideUserPresence(directChannelUser) ? '' : directChannelUser && directChannelUser.presence && (directChannelUser.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : directChannelUser.presence.lastActiveAt && userLastActiveDateFormat(directChannelUser.presence.lastActiveAt)))) : (/*#__PURE__*/React__default.createElement(SubTitle, {
+  }, showPhoneNumber ? "+" + (directChannelUser === null || directChannelUser === void 0 ? void 0 : directChannelUser.id) : hideUserPresence && directChannelUser && hideUserPresence(directChannelUser) ? '' : directChannelUser && directChannelUser.presence && (directChannelUser.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : directChannelUser.presence.lastActiveAt && userLastActiveDateFormat(directChannelUser.presence.lastActiveAt)))) : (/*#__PURE__*/React__default.createElement(SubTitle, {
     color: textSecondary,
     fontSize: channelMembersFontSize,
     lineHeight: channelMembersLineHeight
@@ -40660,7 +40739,7 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
     tabItemsMinWidth = _ref.tabItemsMinWidth,
     bordersColor = _ref.bordersColor,
     showPhoneNumber = _ref.showPhoneNumber;
-  var channelDetailsIsOpen = reactRedux.useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
+  var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
   React.useEffect(function () {
     setShowChannelDetails(true);
   }, []);
@@ -40821,12 +40900,12 @@ var MessagesScrollToBottomButton = function MessagesScrollToBottomButton(_ref) {
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS];
-  var dispatch = reactRedux.useDispatch();
-  var channel = reactRedux.useSelector(activeChannelSelector);
-  var theme = reactRedux.useSelector(themeSelector);
-  var sendMessageInputHeight = reactRedux.useSelector(sendMessageInputHeightSelector);
-  var showScrollToNewMessageButton = reactRedux.useSelector(showScrollToNewMessageButtonSelector);
-  var messages = reactRedux.useSelector(activeChannelMessagesSelector) || [];
+  var dispatch = useDispatch();
+  var channel = useSelector(activeChannelSelector);
+  var theme = useSelector(themeSelector);
+  var sendMessageInputHeight = useSelector(sendMessageInputHeightSelector);
+  var showScrollToNewMessageButton = useSelector(showScrollToNewMessageButtonSelector);
+  var messages = useSelector(activeChannelMessagesSelector) || [];
   var handleScrollToBottom = function handleScrollToBottom() {
     var user = getClient().user;
     if (channel.lastMessage.user.id !== user.id) {
@@ -40958,12 +41037,12 @@ var MessagesScrollToUnreadMentionsButton = function MessagesScrollToUnreadMentio
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS];
-  var dispatch = reactRedux.useDispatch();
-  var channel = reactRedux.useSelector(activeChannelSelector);
-  var theme = reactRedux.useSelector(themeSelector);
-  var sendMessageInputHeight = reactRedux.useSelector(sendMessageInputHeightSelector);
-  var showScrollToNewMessageButton = reactRedux.useSelector(showScrollToNewMessageButtonSelector);
-  var messages = reactRedux.useSelector(activeChannelMessagesSelector) || [];
+  var dispatch = useDispatch();
+  var channel = useSelector(activeChannelSelector);
+  var theme = useSelector(themeSelector);
+  var sendMessageInputHeight = useSelector(sendMessageInputHeightSelector);
+  var showScrollToNewMessageButton = useSelector(showScrollToNewMessageButtonSelector);
+  var messages = useSelector(activeChannelMessagesSelector) || [];
   var isMessageRead = React.useCallback(function (messageId) {
     var _message$userMarkers;
     var message = messages.find(function (msg) {
@@ -41103,6 +41182,37 @@ var UnreadCount$2 = styled__default.span(_templateObject2$Q || (_templateObject2
   return props.textColor || '#fff';
 });
 
+var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback) {
+  try {
+    if (user) {
+      store.dispatch(createChannelAC({
+        metadata: '',
+        type: DEFAULT_CHANNEL_TYPE.DIRECT,
+        members: [_extends({}, user, {
+          role: 'owner'
+        })]
+      }, true, callback));
+    }
+    return Promise.resolve();
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var switchChannelActiveChannel = function switchChannelActiveChannel(channel) {
+  try {
+    store.dispatch(switchChannelActionAC(channel, true));
+    return Promise.resolve();
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var handleSendMessage = function handleSendMessage(message, channelId, connectionState) {
+  return store.dispatch(sendTextMessageAC(message, channelId, connectionState));
+};
+var handleGetMessage = function handleGetMessage(channelId, messageId) {
+  return store.dispatch(getMessageAC(channelId, messageId));
+};
+
 exports.Attachment = Attachment$1;
 exports.Avatar = Avatar;
 exports.Channel = Channel;
@@ -41124,4 +41234,8 @@ exports.OGMetadata = OGMetadata;
 exports.SceytChat = SceytChatContainer;
 exports.SendMessage = SendMessageInput;
 exports.THEME_COLORS = THEME_COLORS;
+exports.createOrGetDirectChannel = createOrGetDirectChannel;
+exports.handleGetMessage = handleGetMessage;
+exports.handleSendMessage = handleSendMessage;
+exports.switchChannelActiveChannel = switchChannelActiveChannel;
 //# sourceMappingURL=index.js.map