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

package/index.modern.js

@@ -1,5 +1,5 @@
 import React__default, { createElement as createElement$1, useRef, useEffect, useLayoutEffect, useState, useMemo, useCallback, memo, createRef } from 'react';
-import { useSelector, useDispatch, shallowEqual, Provider } from 'react-redux';
+import { createSelectorHook, createDispatchHook, createStoreHook, shallowEqual, Provider } from 'react-redux';
 import log from 'loglevel';
 import createSagaMiddleware, { eventChannel } from 'redux-saga';
 import FileSaver from 'file-saver';
@@ -11093,12 +11093,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
     }
   };
 };
@@ -11264,11 +11265,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
     }
   };
 };
@@ -11500,6 +11505,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';
@@ -11608,6 +11614,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;
@@ -14740,13 +14756,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) {
@@ -14873,7 +14889,7 @@ function createChannel(action) {
         _context.n = 14;
         return put(switchChannelActionAC(JSON.parse(JSON.stringify(_extends({}, createdChannel, {
           isLinkedChannel: dontCreateIfNotExists
-        })))));
+        }))), !callback));
       case 14:
         if (dontCreateIfNotExists) {
           if (!channelIsExistOnAllChannels) {
@@ -14903,19 +14919,27 @@ function createChannel(action) {
             addChannelToAllChannels(createdChannel);
           }
         }
-        _context.n = 15;
-        return 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 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;
@@ -15667,15 +15691,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;
         }
@@ -15723,6 +15747,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 call(setUnreadScrollTo, true);
@@ -17114,16 +17142,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) {
@@ -17710,7 +17739,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 put(updateMessageAC(messageToSend.tid, messageUpdateData));
@@ -18737,23 +18767,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 call(getChannelFromMap, channelId);
+      case 1:
+        channel = _context0.v;
+        _context0.n = 2;
+        return call(channel.getMessagesById, [messageId]);
+      case 2:
+        messages = _context0.v;
+        _context0.n = 3;
+        return put(updateMessageAC(messageId, messages[0]));
+      case 3:
+        updateMessageOnMap(channel.id, {
+          messageId: messageId,
+          params: messages[0]
+        });
+        updateMessageOnAllMessages(messageId, messages[0]);
+        _context0.n = 4;
+        return 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 call(messageQueryBuilder.build);
       case 1:
-        messageQuery = _context0.v;
+        messageQuery = _context1.v;
         messageQuery.limit = limit || 5;
-        _context0.n = 2;
+        _context1.n = 2;
         return put(setMessagesLoadingStateAC(LOADING_STATE.LOADING));
       case 2:
         result = {
@@ -18761,116 +18829,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 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 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 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 put(setMessagesHasNextAC(result.hasNext));
       case 9:
-        _context0.n = 10;
+        _context1.n = 10;
         return 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 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 put(addMessagesAC([], direction));
       case 13:
-        _context0.n = 14;
+        _context1.n = 14;
         return 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 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 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 = {
@@ -18878,100 +18946,100 @@ function addReaction(action) {
           lastReactedMessage: _message2,
           newReactions: [reaction]
         };
-        _context1.n = 3;
+        _context10.n = 3;
         return put(updateChannelDataAC(channel.id, channelUpdateParam));
       case 3:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
       case 4:
-        _context1.n = 5;
+        _context10.n = 5;
         return put(addChannelAC(JSON.parse(JSON.stringify(channel))));
       case 5:
-        _context1.n = 6;
+        _context10.n = 6;
         return put(addReactionToListAC(reaction));
       case 6:
-        _context1.n = 7;
+        _context10.n = 7;
         return 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 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 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 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 put(deleteReactionFromListAC(reaction));
       case 5:
-        _context10.n = 6;
+        _context11.n = 6;
         return 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 put(setReactionsLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         reactionQueryBuilder = new SceytChatClient.ReactionListQueryBuilder(messageId);
@@ -18979,74 +19047,74 @@ function getReactions(action) {
         if (key) {
           reactionQueryBuilder.setKey(key);
         }
-        _context11.n = 2;
+        _context12.n = 2;
         return call(reactionQueryBuilder.build);
       case 2:
-        reactionQuery = _context11.v;
-        _context11.n = 3;
+        reactionQuery = _context12.v;
+        _context12.n = 3;
         return call(reactionQuery.loadNext);
       case 3:
-        result = _context11.v;
+        result = _context12.v;
         query.ReactionsQuery = reactionQuery;
-        _context11.n = 4;
+        _context12.n = 4;
         return put(setReactionsListAC(result.reactions, result.hasNext));
       case 4:
-        _context11.n = 5;
+        _context12.n = 5;
         return 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 put(setReactionsLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         ReactionQuery = query.ReactionsQuery;
         if (limit) {
           ReactionQuery.limit = limit;
         }
-        _context12.n = 2;
+        _context13.n = 2;
         return call(ReactionQuery.loadNext);
       case 2:
-        result = _context12.v;
-        _context12.n = 3;
+        result = _context13.v;
+        _context13.n = 3;
         return put(addReactionsToListAC(result.reactions, result.hasNext));
       case 3:
-        _context12.n = 4;
+        _context13.n = 4;
         return 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];
@@ -19061,240 +19129,243 @@ function getMessageAttachments(action) {
         }
         AttachmentByTypeQueryBuilder = new SceytChatClient.AttachmentListQueryBuilder(channelId, typeList);
         AttachmentByTypeQueryBuilder.limit(limit || 34);
-        _context13.n = 1;
+        _context14.n = 1;
         return 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 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 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 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 put(setAttachmentsForPopupAC(JSON.parse(JSON.stringify(result.attachments))));
       case 8:
-        _context13.n = 9;
+        _context14.n = 9;
         return 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 put(setAttachmentsCompleteAC(result.hasNext));
       case 11:
-        _context13.n = 12;
+        _context14.n = 12;
         return 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 put(setMessagesLoadingStateAC(LOADING_STATE.LOADING));
       case 1:
         AttachmentQuery.limit = limit;
-        _context14.n = 2;
+        _context15.n = 2;
         return 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 put(addAttachmentsForPopupAC(attachments, direction));
       case 3:
-        _context14.n = 7;
+        _context15.n = 7;
         break;
       case 4:
-        _context14.n = 5;
+        _context15.n = 5;
         return put(setAttachmentsCompleteAC(hasNext));
       case 5:
-        _context14.n = 6;
+        _context15.n = 6;
         return put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
       case 6:
-        _context14.n = 7;
+        _context15.n = 7;
         return 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 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 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 takeEvery(SEND_MESSAGE, sendMessage);
       case 1:
-        _context17.n = 2;
+        _context18.n = 2;
         return takeEvery(SEND_TEXT_MESSAGE, sendTextMessage);
       case 2:
-        _context17.n = 3;
+        _context18.n = 3;
         return takeEvery(FORWARD_MESSAGE, forwardMessage);
       case 3:
-        _context17.n = 4;
+        _context18.n = 4;
         return takeEvery(RESEND_MESSAGE, resendMessage);
       case 4:
-        _context17.n = 5;
+        _context18.n = 5;
         return takeLatest(EDIT_MESSAGE, editMessage);
       case 5:
-        _context17.n = 6;
+        _context18.n = 6;
         return takeEvery(DELETE_MESSAGE, deleteMessage);
       case 6:
-        _context17.n = 7;
+        _context18.n = 7;
         return takeLatest(GET_MESSAGES, getMessagesQuery);
       case 7:
-        _context17.n = 8;
-        return takeLatest(GET_MESSAGES_ATTACHMENTS, getMessageAttachments);
+        _context18.n = 8;
+        return takeLatest(GET_MESSAGE, getMessageQuery);
       case 8:
-        _context17.n = 9;
-        return takeLatest(LOAD_MORE_MESSAGES_ATTACHMENTS, loadMoreMessageAttachments);
+        _context18.n = 9;
+        return takeLatest(GET_MESSAGES_ATTACHMENTS, getMessageAttachments);
       case 9:
-        _context17.n = 10;
-        return takeLatest(ADD_REACTION, addReaction);
+        _context18.n = 10;
+        return takeLatest(LOAD_MORE_MESSAGES_ATTACHMENTS, loadMoreMessageAttachments);
       case 10:
-        _context17.n = 11;
-        return takeLatest(DELETE_REACTION, deleteReaction);
+        _context18.n = 11;
+        return takeLatest(ADD_REACTION, addReaction);
       case 11:
-        _context17.n = 12;
-        return takeEvery(LOAD_MORE_MESSAGES, loadMoreMessages);
+        _context18.n = 12;
+        return takeLatest(DELETE_REACTION, deleteReaction);
       case 12:
-        _context17.n = 13;
-        return takeEvery(GET_REACTIONS, getReactions);
+        _context18.n = 13;
+        return takeEvery(LOAD_MORE_MESSAGES, loadMoreMessages);
       case 13:
-        _context17.n = 14;
-        return takeEvery(LOAD_MORE_REACTIONS, loadMoreReactions);
+        _context18.n = 14;
+        return takeEvery(GET_REACTIONS, getReactions);
       case 14:
-        _context17.n = 15;
-        return takeEvery(PAUSE_ATTACHMENT_UPLOADING, pauseAttachmentUploading);
+        _context18.n = 15;
+        return takeEvery(LOAD_MORE_REACTIONS, loadMoreReactions);
       case 15:
-        _context17.n = 16;
-        return takeEvery(RESUME_ATTACHMENT_UPLOADING, resumeAttachmentUploading);
+        _context18.n = 16;
+        return takeEvery(PAUSE_ATTACHMENT_UPLOADING, pauseAttachmentUploading);
       case 16:
-        return _context17.a(2);
+        _context18.n = 17;
+        return takeEvery(RESUME_ATTACHMENT_UPLOADING, resumeAttachmentUploading);
+      case 17:
+        return _context18.a(2);
     }
-  }, _marked15$1);
+  }, _marked16$1);
 }
 
 var _marked$4 = /*#__PURE__*/_regenerator().m(getMembers),
@@ -20062,6 +20133,12 @@ var store = configureStore({
 });
 sagaMiddleware.run(rootSaga);
 
+var SceytReduxContext = /*#__PURE__*/React__default.createContext(null);
+
+var useSelector = createSelectorHook(SceytReduxContext);
+var useDispatch = createDispatchHook(SceytReduxContext);
+var useStore = createStoreHook(SceytReduxContext);
+
 var channelsSelector = function channelsSelector(store) {
   return store.ChannelReducer.channels;
 };
@@ -20545,7 +20622,8 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
     log.setLevel(logLevel);
   }, []);
   return /*#__PURE__*/React__default.createElement(Provider, {
-    store: store
+    store: store,
+    context: SceytReduxContext
   }, /*#__PURE__*/React__default.createElement(SceytChat, {
     client: client,
     theme: theme,
@@ -21002,7 +21080,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,
@@ -21047,7 +21125,7 @@ var Channel = function Channel(_ref3) {
   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;
   });
@@ -21189,7 +21267,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,
@@ -32038,6 +32116,7 @@ var Message$1 = function Message(_ref) {
   };
   useEffect(function () {
     if (isVisible) {
+      var _channel$lastMessage;
       if (setLastVisibleMessageId) {
         setLastVisibleMessageId(message.id);
       }
@@ -32045,7 +32124,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));
       }
@@ -32382,7 +32461,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.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.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) {
@@ -39254,7 +39333,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);
@@ -40092,7 +40171,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,
@@ -40250,9 +40329,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) {
@@ -40361,7 +40440,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
@@ -41082,5 +41161,36 @@ var UnreadCount$2 = styled.span(_templateObject2$Q || (_templateObject2$Q = _tag
   return props.textColor || '#fff';
 });
 
-export { Attachment$1 as Attachment, Avatar, Channel, ChannelDetailsContainer as ChannelDetails, ChannelList, ChannelSearch, Chat, ChatHeader, CreateChannel, DropDown, EmojisPopup, FrequentlyEmojis, MessagesContainer as MessageList, MessageStatusIcon, MessageTextFormat, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, OGMetadata, SceytChatContainer as SceytChat, SendMessageInput as SendMessage, THEME_COLORS };
+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));
+};
+
+export { Attachment$1 as Attachment, Avatar, Channel, ChannelDetailsContainer as ChannelDetails, ChannelList, ChannelSearch, Chat, ChatHeader, CreateChannel, DropDown, EmojisPopup, FrequentlyEmojis, MessagesContainer as MessageList, MessageStatusIcon, MessageTextFormat, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, OGMetadata, SceytChatContainer as SceytChat, SendMessageInput as SendMessage, THEME_COLORS, createOrGetDirectChannel, handleGetMessage, handleSendMessage, switchChannelActiveChannel };
 //# sourceMappingURL=index.modern.js.map