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

package/components/ChannelList/index.d.ts

@@ -32,6 +32,8 @@ interface IChannelListProps {
     searchInputBorderRadius?: string;
     searchChannelsPadding?: string;
     getSelectedChannel?: (channel: IChannel) => void;
+    /** Called whenever the raw channel-search input changes, including clear. */
+    onSearchValueChange?: (value: string) => void;
     filter?: {
         channelType?: string;
     };

package/index.js

@@ -11139,7 +11139,7 @@ var compressAndCacheImage = function compressAndCacheImage(url, cacheKey, maxWid
 
 var bytesToSize = function bytesToSize(bytes, decimals) {
   if (decimals === void 0) {
-    decimals = 2;
+    decimals = 1;
   }
   if (bytes === 0) return '0 Bytes';
   var k = 1000;
@@ -36535,6 +36535,7 @@ var ChannelList = function ChannelList(_ref2) {
     List = _ref2.List,
     ListItem = _ref2.ListItem,
     getSelectedChannel = _ref2.getSelectedChannel,
+    onSearchValueChange = _ref2.onSearchValueChange,
     Profile = _ref2.Profile,
     CreateChannel = _ref2.CreateChannel,
     ChannelsTitle = _ref2.ChannelsTitle,
@@ -36663,10 +36664,13 @@ var ChannelList = function ChannelList(_ref2) {
     getMyChannels();
   };
   var handleSearchValueChange = function handleSearchValueChange(e) {
-    setSearchValue(e.target.value);
+    var value = e.target.value;
+    setSearchValue(value);
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange(value);
   };
   var getMyChannels = function getMyChannels() {
     setSearchValue('');
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange('');
   };
   var handleOpenProfile = function handleOpenProfile() {
     setProfileIsOpen(!profileIsOpen);
@@ -41206,7 +41210,7 @@ var Attachment = function Attachment(_ref) {
   }, _formatLargeText(isPreview ? attachment.data.name : attachment.name, fileAttachmentWidth ? fileAttachmentWidth / 12.5 : isPreview ? 18 : 30)), /*#__PURE__*/React__default.createElement(AttachmentSize, {
     color: selectedFileAttachmentsSizeColor || textSecondary,
     errorColor: errorColor
-  }, (isInUploadingState || downloadingFile) && sizeProgress ? bytesToSize(sizeProgress.loaded, 1) + " \u2022 " + bytesToSize(sizeProgress.total, 1) : (attachment.data && attachment.data.size || attachment.size) && bytesToSize(isPreview ? attachment.data.size : +attachment.size)))), isPreview && (/*#__PURE__*/React__default.createElement(RemoveChosenFile, {
+  }, (isInUploadingState || downloadingFile) && sizeProgress ? bytesToSize(sizeProgress.loaded, 1) + " \u2022 " + bytesToSize(sizeProgress.total, 1) : (attachment.data && attachment.data.size || attachment.size) && bytesToSize(isPreview ? attachment.data.size : +attachment.size, 1)))), isPreview && (/*#__PURE__*/React__default.createElement(RemoveChosenFile, {
     "$backgroundColor": background,
     color: iconPrimary,
     onClick: function onClick() {
@@ -50788,9 +50792,10 @@ var MESSAGE_ACTIONS_HOVER_DELAY = 450;
 var MESSAGE_ACTIONS_FLIP_THRESHOLD = 110;
 var MAX_SELECTED_MESSAGES = 30;
 var EMOJI_POPUP_THRESHOLD = 300;
+var PIN_TYPE_PERSONAL$1 = 1;
 var lastMediaItemClickTime = 0;
 var Message$1 = function Message(_ref) {
-  var _tabIsActiveRef$curre, _message$pinDetails, _message$reactionTota;
+  var _tabIsActiveRef$curre, _message$pinDetails, _channel$members, _message$reactionTota;
   var message = _ref.message,
     channel = _ref.channel,
     MessageActionsMenu = _ref.MessageActionsMenu,
@@ -51021,6 +51026,8 @@ var Message$1 = function Message(_ref) {
   }, [pins, message.id, message.tid]);
   var isPinned = !!((_message$pinDetails = message.pinDetails) !== null && _message$pinDetails !== void 0 && _message$pinDetails.pinned) || !!pinnedMessage;
   var canPinForAll = checkActionPermission('pinMessage');
+  var user = getClient().user;
+  var isSelfChannel = (channel === null || channel === void 0 ? void 0 : channel.type) === DEFAULT_CHANNEL_TYPE.DIRECT && (channel === null || channel === void 0 ? void 0 : channel.memberCount) === 1 && (channel === null || channel === void 0 ? void 0 : (_channel$members = channel.members) === null || _channel$members === void 0 ? void 0 : _channel$members.length) > 0 && (channel === null || channel === void 0 ? void 0 : channel.members[0].id) === (user === null || user === void 0 ? void 0 : user.id);
   var messageItemRef = React.useRef(null);
   var isVisible = useOnScreen(messageItemRef);
   var _useState = React.useState(false),
@@ -51045,7 +51052,7 @@ var Message$1 = function Message(_ref) {
   var nextMessageFirstInInterval = !nextMessage || nextDay !== null && nextDay.diff(current, 'days') !== 0 || nextMessage.type === exports.MESSAGE_TYPE.SYSTEM || nextMessageStartsUnreadSection;
   var messageTimeVisible = showMessageTime && (showMessageTimeForEachMessage || !nextMessage);
   var messageStatusVisible = !message.incoming && showMessageStatus && message.state !== MESSAGE_STATUS.DELETE && (showMessageStatusForEachMessage || !nextMessage);
-  var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
+  var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
   var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
   var isSelectedMessage = selectedMessagesMap && selectedMessagesMap.get(message.id || message.tid);
   var tooManySelected = selectedMessagesMap && selectedMessagesMap.size >= MAX_SELECTED_MESSAGES;
@@ -51098,11 +51105,16 @@ var Message$1 = function Message(_ref) {
     setMessageActionsShow(false);
   }, [channel.id, isPinnedMessagesList, message.id, message.tid, setInfoPopupOpen, setMessageActionsShow]);
   var handleTogglePinMessagePopup = React.useCallback(function () {
+    if (isSelfChannel) {
+      dispatch(pinMessageAC(channel.id, message, PIN_TYPE_PERSONAL$1));
+      setMessageActionsShow(false);
+      return;
+    }
     setPinPopupOpen(function (prev) {
       return !prev;
     });
     setMessageActionsShow(false);
-  }, [setPinPopupOpen, setMessageActionsShow]);
+  }, [channel.id, dispatch, isSelfChannel, message, setMessageActionsShow, setPinPopupOpen]);
   var handlePinMessage = React.useCallback(function (scope) {
     dispatch(pinMessageAC(channel.id, message, scope));
     setPinPopupOpen(false);
@@ -51296,6 +51308,7 @@ var Message$1 = function Message(_ref) {
     }
   }, [dispatch, selectionIsActive]);
   React.useEffect(function () {
+    if (isPinnedMessagesList) return;
     if (isVisible) {
       if (setLastVisibleMessageId) {
         setLastVisibleMessageId(message);
@@ -51308,12 +51321,13 @@ var Message$1 = function Message(_ref) {
     } else {
       dispatch(removeVisibleMessageAC(message));
     }
-  }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
+  }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive, isPinnedMessagesList]);
   React.useEffect(function () {
+    if (isPinnedMessagesList) return undefined;
     return function () {
       dispatch(removeVisibleMessageAC(message));
     };
-  }, [dispatch, message]);
+  }, [dispatch, isPinnedMessagesList, message]);
   React.useEffect(function () {
     if (!isPinnedMessagesList && !isVisible && infoPopupOpen) {
       setInfoPopupOpen(false);
@@ -51457,7 +51471,7 @@ var Message$1 = function Message(_ref) {
     selectionIsActive: selectionIsActive,
     messageWidthPercent: messageWidthPercent,
     rtl: ownMessageOnRightSide && !message.incoming,
-    withAvatar: !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
+    withAvatar: !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
     className: 'messageContent'
   }, message.state === MESSAGE_STATUS.FAILED && (/*#__PURE__*/React__default.createElement(FailedMessageIcon, {
     rtl: ownMessageOnRightSide && !message.incoming,
@@ -52906,7 +52920,7 @@ var MessageList = function MessageList(_ref) {
         isUnreadMessage: false,
         nextMessageStartsUnreadSection: false,
         isHighlighted: false,
-        ifLatestAndHasNotPreview: false,
+        ifLatestAndHasNotPreview: channel.type !== DEFAULT_CHANNEL_TYPE.DIRECT,
         registerInMessagesIndex: false,
         isPinnedMessagesList: true
       });
@@ -55026,10 +55040,10 @@ var Emoji$1 = styled__default.li(_templateObject8$m || (_templateObject8$m = _ta
   return props.hoverBackgroundColor;
 });
 
-var waitForImageAttachmentPreparation = function waitForImageAttachmentPreparation(attachments, preparations) {
+var waitForMediaAttachmentPreparation = function waitForMediaAttachmentPreparation(attachments, preparations) {
   try {
     return Promise.resolve(Promise.all(attachments.filter(function (attachment) {
-      return attachment.type === attachmentTypes.image;
+      return attachment.type === attachmentTypes.image || getOutgoingAttachmentType(attachment) === attachmentTypes.video;
     }).map(function (attachment) {
       return attachment.tid ? preparations.get(attachment.tid) : undefined;
     }))).then(function () {});
@@ -57083,7 +57097,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
                   }
                   var _temp = function () {
                     if (attachments.length) {
-                      return Promise.resolve(waitForImageAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
+                      return Promise.resolve(waitForMediaAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
                         var sendAsSeparateMessage = getSendAttachmentsAsSeparateMessages();
                         messageToSend.attachments = mergePreparedAttachmentPatches(attachments, preparedAttachmentPatchesRef.current).map(function (preparedAttachment) {
                           return {
@@ -57672,7 +57686,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           }
         }, 0);
       });
-      if (fileType === 'image') {
+      if (fileType === 'image' || fileType === 'video') {
         attachmentPreparationPromisesRef.current.set(tid, preparationPromise);
       }
       return Promise.resolve();
@@ -60474,7 +60488,7 @@ var Files = function Files(_ref) {
         fontSize: fileSizeFontSize,
         lineHeight: fileSizeLineHeight,
         color: filePreviewSizeColor || textSecondary
-      }, file.size ? bytesToSize(file.size) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
+      }, file.size ? bytesToSize(file.size, 1) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
         visible: !!downloadingFilesMap[file.id],
         iconColor: accentColor,
         onClick: function onClick() {
@@ -64278,7 +64292,10 @@ var UnreadCount$2 = styled__default.span(_templateObject2$1c || (_templateObject
   return props.textColor || '#fff';
 });
 
-var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback) {
+var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback, dontCreateIfNotExists) {
+  if (dontCreateIfNotExists === void 0) {
+    dontCreateIfNotExists = false;
+  }
   try {
     if (user) {
       store.dispatch(createChannelAC({
@@ -64287,7 +64304,7 @@ var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback)
         members: [_extends({}, user, {
           role: 'owner'
         })]
-      }, false, callback));
+      }, dontCreateIfNotExists, callback));
     }
     return Promise.resolve();
   } catch (e) {

package/index.modern.js

@@ -11119,7 +11119,7 @@ var compressAndCacheImage = function compressAndCacheImage(url, cacheKey, maxWid
 
 var bytesToSize = function bytesToSize(bytes, decimals) {
   if (decimals === void 0) {
-    decimals = 2;
+    decimals = 1;
   }
   if (bytes === 0) return '0 Bytes';
   var k = 1000;
@@ -36515,6 +36515,7 @@ var ChannelList = function ChannelList(_ref2) {
     List = _ref2.List,
     ListItem = _ref2.ListItem,
     getSelectedChannel = _ref2.getSelectedChannel,
+    onSearchValueChange = _ref2.onSearchValueChange,
     Profile = _ref2.Profile,
     CreateChannel = _ref2.CreateChannel,
     ChannelsTitle = _ref2.ChannelsTitle,
@@ -36643,10 +36644,13 @@ var ChannelList = function ChannelList(_ref2) {
     getMyChannels();
   };
   var handleSearchValueChange = function handleSearchValueChange(e) {
-    setSearchValue(e.target.value);
+    var value = e.target.value;
+    setSearchValue(value);
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange(value);
   };
   var getMyChannels = function getMyChannels() {
     setSearchValue('');
+    onSearchValueChange === null || onSearchValueChange === void 0 ? void 0 : onSearchValueChange('');
   };
   var handleOpenProfile = function handleOpenProfile() {
     setProfileIsOpen(!profileIsOpen);
@@ -41186,7 +41190,7 @@ var Attachment = function Attachment(_ref) {
   }, _formatLargeText(isPreview ? attachment.data.name : attachment.name, fileAttachmentWidth ? fileAttachmentWidth / 12.5 : isPreview ? 18 : 30)), /*#__PURE__*/React__default.createElement(AttachmentSize, {
     color: selectedFileAttachmentsSizeColor || textSecondary,
     errorColor: errorColor
-  }, (isInUploadingState || downloadingFile) && sizeProgress ? bytesToSize(sizeProgress.loaded, 1) + " \u2022 " + bytesToSize(sizeProgress.total, 1) : (attachment.data && attachment.data.size || attachment.size) && bytesToSize(isPreview ? attachment.data.size : +attachment.size)))), isPreview && (/*#__PURE__*/React__default.createElement(RemoveChosenFile, {
+  }, (isInUploadingState || downloadingFile) && sizeProgress ? bytesToSize(sizeProgress.loaded, 1) + " \u2022 " + bytesToSize(sizeProgress.total, 1) : (attachment.data && attachment.data.size || attachment.size) && bytesToSize(isPreview ? attachment.data.size : +attachment.size, 1)))), isPreview && (/*#__PURE__*/React__default.createElement(RemoveChosenFile, {
     "$backgroundColor": background,
     color: iconPrimary,
     onClick: function onClick() {
@@ -50768,9 +50772,10 @@ var MESSAGE_ACTIONS_HOVER_DELAY = 450;
 var MESSAGE_ACTIONS_FLIP_THRESHOLD = 110;
 var MAX_SELECTED_MESSAGES = 30;
 var EMOJI_POPUP_THRESHOLD = 300;
+var PIN_TYPE_PERSONAL$1 = 1;
 var lastMediaItemClickTime = 0;
 var Message$1 = function Message(_ref) {
-  var _tabIsActiveRef$curre, _message$pinDetails, _message$reactionTota;
+  var _tabIsActiveRef$curre, _message$pinDetails, _channel$members, _message$reactionTota;
   var message = _ref.message,
     channel = _ref.channel,
     MessageActionsMenu = _ref.MessageActionsMenu,
@@ -51001,6 +51006,8 @@ var Message$1 = function Message(_ref) {
   }, [pins, message.id, message.tid]);
   var isPinned = !!((_message$pinDetails = message.pinDetails) !== null && _message$pinDetails !== void 0 && _message$pinDetails.pinned) || !!pinnedMessage;
   var canPinForAll = checkActionPermission('pinMessage');
+  var user = getClient().user;
+  var isSelfChannel = (channel === null || channel === void 0 ? void 0 : channel.type) === DEFAULT_CHANNEL_TYPE.DIRECT && (channel === null || channel === void 0 ? void 0 : channel.memberCount) === 1 && (channel === null || channel === void 0 ? void 0 : (_channel$members = channel.members) === null || _channel$members === void 0 ? void 0 : _channel$members.length) > 0 && (channel === null || channel === void 0 ? void 0 : channel.members[0].id) === (user === null || user === void 0 ? void 0 : user.id);
   var messageItemRef = useRef(null);
   var isVisible = useOnScreen(messageItemRef);
   var _useState = useState(false),
@@ -51025,7 +51032,7 @@ var Message$1 = function Message(_ref) {
   var nextMessageFirstInInterval = !nextMessage || nextDay !== null && nextDay.diff(current, 'days') !== 0 || nextMessage.type === MESSAGE_TYPE.SYSTEM || nextMessageStartsUnreadSection;
   var messageTimeVisible = showMessageTime && (showMessageTimeForEachMessage || !nextMessage);
   var messageStatusVisible = !message.incoming && showMessageStatus && message.state !== MESSAGE_STATUS.DELETE && (showMessageStatusForEachMessage || !nextMessage);
-  var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
+  var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
   var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
   var isSelectedMessage = selectedMessagesMap && selectedMessagesMap.get(message.id || message.tid);
   var tooManySelected = selectedMessagesMap && selectedMessagesMap.size >= MAX_SELECTED_MESSAGES;
@@ -51078,11 +51085,16 @@ var Message$1 = function Message(_ref) {
     setMessageActionsShow(false);
   }, [channel.id, isPinnedMessagesList, message.id, message.tid, setInfoPopupOpen, setMessageActionsShow]);
   var handleTogglePinMessagePopup = useCallback(function () {
+    if (isSelfChannel) {
+      dispatch(pinMessageAC(channel.id, message, PIN_TYPE_PERSONAL$1));
+      setMessageActionsShow(false);
+      return;
+    }
     setPinPopupOpen(function (prev) {
       return !prev;
     });
     setMessageActionsShow(false);
-  }, [setPinPopupOpen, setMessageActionsShow]);
+  }, [channel.id, dispatch, isSelfChannel, message, setMessageActionsShow, setPinPopupOpen]);
   var handlePinMessage = useCallback(function (scope) {
     dispatch(pinMessageAC(channel.id, message, scope));
     setPinPopupOpen(false);
@@ -51276,6 +51288,7 @@ var Message$1 = function Message(_ref) {
     }
   }, [dispatch, selectionIsActive]);
   useEffect(function () {
+    if (isPinnedMessagesList) return;
     if (isVisible) {
       if (setLastVisibleMessageId) {
         setLastVisibleMessageId(message);
@@ -51288,12 +51301,13 @@ var Message$1 = function Message(_ref) {
     } else {
       dispatch(removeVisibleMessageAC(message));
     }
-  }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
+  }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive, isPinnedMessagesList]);
   useEffect(function () {
+    if (isPinnedMessagesList) return undefined;
     return function () {
       dispatch(removeVisibleMessageAC(message));
     };
-  }, [dispatch, message]);
+  }, [dispatch, isPinnedMessagesList, message]);
   useEffect(function () {
     if (!isPinnedMessagesList && !isVisible && infoPopupOpen) {
       setInfoPopupOpen(false);
@@ -51437,7 +51451,7 @@ var Message$1 = function Message(_ref) {
     selectionIsActive: selectionIsActive,
     messageWidthPercent: messageWidthPercent,
     rtl: ownMessageOnRightSide && !message.incoming,
-    withAvatar: !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
+    withAvatar: !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
     className: 'messageContent'
   }, message.state === MESSAGE_STATUS.FAILED && (/*#__PURE__*/React__default.createElement(FailedMessageIcon, {
     rtl: ownMessageOnRightSide && !message.incoming,
@@ -52886,7 +52900,7 @@ var MessageList = function MessageList(_ref) {
         isUnreadMessage: false,
         nextMessageStartsUnreadSection: false,
         isHighlighted: false,
-        ifLatestAndHasNotPreview: false,
+        ifLatestAndHasNotPreview: channel.type !== DEFAULT_CHANNEL_TYPE.DIRECT,
         registerInMessagesIndex: false,
         isPinnedMessagesList: true
       });
@@ -55006,10 +55020,10 @@ var Emoji$1 = styled.li(_templateObject8$m || (_templateObject8$m = _taggedTempl
   return props.hoverBackgroundColor;
 });
 
-var waitForImageAttachmentPreparation = function waitForImageAttachmentPreparation(attachments, preparations) {
+var waitForMediaAttachmentPreparation = function waitForMediaAttachmentPreparation(attachments, preparations) {
   try {
     return Promise.resolve(Promise.all(attachments.filter(function (attachment) {
-      return attachment.type === attachmentTypes.image;
+      return attachment.type === attachmentTypes.image || getOutgoingAttachmentType(attachment) === attachmentTypes.video;
     }).map(function (attachment) {
       return attachment.tid ? preparations.get(attachment.tid) : undefined;
     }))).then(function () {});
@@ -57063,7 +57077,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
                   }
                   var _temp = function () {
                     if (attachments.length) {
-                      return Promise.resolve(waitForImageAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
+                      return Promise.resolve(waitForMediaAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
                         var sendAsSeparateMessage = getSendAttachmentsAsSeparateMessages();
                         messageToSend.attachments = mergePreparedAttachmentPatches(attachments, preparedAttachmentPatchesRef.current).map(function (preparedAttachment) {
                           return {
@@ -57652,7 +57666,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           }
         }, 0);
       });
-      if (fileType === 'image') {
+      if (fileType === 'image' || fileType === 'video') {
         attachmentPreparationPromisesRef.current.set(tid, preparationPromise);
       }
       return Promise.resolve();
@@ -60454,7 +60468,7 @@ var Files = function Files(_ref) {
         fontSize: fileSizeFontSize,
         lineHeight: fileSizeLineHeight,
         color: filePreviewSizeColor || textSecondary
-      }, file.size ? bytesToSize(file.size) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
+      }, file.size ? bytesToSize(file.size, 1) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
         visible: !!downloadingFilesMap[file.id],
         iconColor: accentColor,
         onClick: function onClick() {
@@ -64258,7 +64272,10 @@ var UnreadCount$2 = styled.span(_templateObject2$1c || (_templateObject2$1c = _t
   return props.textColor || '#fff';
 });
 
-var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback) {
+var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback, dontCreateIfNotExists) {
+  if (dontCreateIfNotExists === void 0) {
+    dontCreateIfNotExists = false;
+  }
   try {
     if (user) {
       store.dispatch(createChannelAC({
@@ -64267,7 +64284,7 @@ var createOrGetDirectChannel = function createOrGetDirectChannel(user, callback)
         members: [_extends({}, user, {
           role: 'owner'
         })]
-      }, false, callback));
+      }, dontCreateIfNotExists, callback));
     }
     return Promise.resolve();
   } catch (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.9.0-beta.10",
+  "version": "1.9.0-beta.12",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",