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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +24 -14
  2. package/index.modern.js +24 -14
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -11139,7 +11139,7 @@ var compressAndCacheImage = function compressAndCacheImage(url, cacheKey, maxWid
11139
11139
 
11140
11140
  var bytesToSize = function bytesToSize(bytes, decimals) {
11141
11141
  if (decimals === void 0) {
11142
- decimals = 2;
11142
+ decimals = 1;
11143
11143
  }
11144
11144
  if (bytes === 0) return '0 Bytes';
11145
11145
  var k = 1000;
@@ -41210,7 +41210,7 @@ var Attachment = function Attachment(_ref) {
41210
41210
  }, _formatLargeText(isPreview ? attachment.data.name : attachment.name, fileAttachmentWidth ? fileAttachmentWidth / 12.5 : isPreview ? 18 : 30)), /*#__PURE__*/React__default.createElement(AttachmentSize, {
41211
41211
  color: selectedFileAttachmentsSizeColor || textSecondary,
41212
41212
  errorColor: errorColor
41213
- }, (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, {
41213
+ }, (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, {
41214
41214
  "$backgroundColor": background,
41215
41215
  color: iconPrimary,
41216
41216
  onClick: function onClick() {
@@ -50792,9 +50792,10 @@ var MESSAGE_ACTIONS_HOVER_DELAY = 450;
50792
50792
  var MESSAGE_ACTIONS_FLIP_THRESHOLD = 110;
50793
50793
  var MAX_SELECTED_MESSAGES = 30;
50794
50794
  var EMOJI_POPUP_THRESHOLD = 300;
50795
+ var PIN_TYPE_PERSONAL$1 = 1;
50795
50796
  var lastMediaItemClickTime = 0;
50796
50797
  var Message$1 = function Message(_ref) {
50797
- var _tabIsActiveRef$curre, _message$pinDetails, _message$reactionTota;
50798
+ var _tabIsActiveRef$curre, _message$pinDetails, _channel$members, _message$reactionTota;
50798
50799
  var message = _ref.message,
50799
50800
  channel = _ref.channel,
50800
50801
  MessageActionsMenu = _ref.MessageActionsMenu,
@@ -51025,6 +51026,8 @@ var Message$1 = function Message(_ref) {
51025
51026
  }, [pins, message.id, message.tid]);
51026
51027
  var isPinned = !!((_message$pinDetails = message.pinDetails) !== null && _message$pinDetails !== void 0 && _message$pinDetails.pinned) || !!pinnedMessage;
51027
51028
  var canPinForAll = checkActionPermission('pinMessage');
51029
+ var user = getClient().user;
51030
+ 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);
51028
51031
  var messageItemRef = React.useRef(null);
51029
51032
  var isVisible = useOnScreen(messageItemRef);
51030
51033
  var _useState = React.useState(false),
@@ -51049,7 +51052,7 @@ var Message$1 = function Message(_ref) {
51049
51052
  var nextMessageFirstInInterval = !nextMessage || nextDay !== null && nextDay.diff(current, 'days') !== 0 || nextMessage.type === exports.MESSAGE_TYPE.SYSTEM || nextMessageStartsUnreadSection;
51050
51053
  var messageTimeVisible = showMessageTime && (showMessageTimeForEachMessage || !nextMessage);
51051
51054
  var messageStatusVisible = !message.incoming && showMessageStatus && message.state !== MESSAGE_STATUS.DELETE && (showMessageStatusForEachMessage || !nextMessage);
51052
- var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
51055
+ var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
51053
51056
  var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
51054
51057
  var isSelectedMessage = selectedMessagesMap && selectedMessagesMap.get(message.id || message.tid);
51055
51058
  var tooManySelected = selectedMessagesMap && selectedMessagesMap.size >= MAX_SELECTED_MESSAGES;
@@ -51102,11 +51105,16 @@ var Message$1 = function Message(_ref) {
51102
51105
  setMessageActionsShow(false);
51103
51106
  }, [channel.id, isPinnedMessagesList, message.id, message.tid, setInfoPopupOpen, setMessageActionsShow]);
51104
51107
  var handleTogglePinMessagePopup = React.useCallback(function () {
51108
+ if (isSelfChannel) {
51109
+ dispatch(pinMessageAC(channel.id, message, PIN_TYPE_PERSONAL$1));
51110
+ setMessageActionsShow(false);
51111
+ return;
51112
+ }
51105
51113
  setPinPopupOpen(function (prev) {
51106
51114
  return !prev;
51107
51115
  });
51108
51116
  setMessageActionsShow(false);
51109
- }, [setPinPopupOpen, setMessageActionsShow]);
51117
+ }, [channel.id, dispatch, isSelfChannel, message, setMessageActionsShow, setPinPopupOpen]);
51110
51118
  var handlePinMessage = React.useCallback(function (scope) {
51111
51119
  dispatch(pinMessageAC(channel.id, message, scope));
51112
51120
  setPinPopupOpen(false);
@@ -51300,6 +51308,7 @@ var Message$1 = function Message(_ref) {
51300
51308
  }
51301
51309
  }, [dispatch, selectionIsActive]);
51302
51310
  React.useEffect(function () {
51311
+ if (isPinnedMessagesList) return;
51303
51312
  if (isVisible) {
51304
51313
  if (setLastVisibleMessageId) {
51305
51314
  setLastVisibleMessageId(message);
@@ -51312,12 +51321,13 @@ var Message$1 = function Message(_ref) {
51312
51321
  } else {
51313
51322
  dispatch(removeVisibleMessageAC(message));
51314
51323
  }
51315
- }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
51324
+ }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive, isPinnedMessagesList]);
51316
51325
  React.useEffect(function () {
51326
+ if (isPinnedMessagesList) return undefined;
51317
51327
  return function () {
51318
51328
  dispatch(removeVisibleMessageAC(message));
51319
51329
  };
51320
- }, [dispatch, message]);
51330
+ }, [dispatch, isPinnedMessagesList, message]);
51321
51331
  React.useEffect(function () {
51322
51332
  if (!isPinnedMessagesList && !isVisible && infoPopupOpen) {
51323
51333
  setInfoPopupOpen(false);
@@ -51461,7 +51471,7 @@ var Message$1 = function Message(_ref) {
51461
51471
  selectionIsActive: selectionIsActive,
51462
51472
  messageWidthPercent: messageWidthPercent,
51463
51473
  rtl: ownMessageOnRightSide && !message.incoming,
51464
- withAvatar: !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
51474
+ withAvatar: !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
51465
51475
  className: 'messageContent'
51466
51476
  }, message.state === MESSAGE_STATUS.FAILED && (/*#__PURE__*/React__default.createElement(FailedMessageIcon, {
51467
51477
  rtl: ownMessageOnRightSide && !message.incoming,
@@ -52910,7 +52920,7 @@ var MessageList = function MessageList(_ref) {
52910
52920
  isUnreadMessage: false,
52911
52921
  nextMessageStartsUnreadSection: false,
52912
52922
  isHighlighted: false,
52913
- ifLatestAndHasNotPreview: false,
52923
+ ifLatestAndHasNotPreview: channel.type !== DEFAULT_CHANNEL_TYPE.DIRECT,
52914
52924
  registerInMessagesIndex: false,
52915
52925
  isPinnedMessagesList: true
52916
52926
  });
@@ -55030,10 +55040,10 @@ var Emoji$1 = styled__default.li(_templateObject8$m || (_templateObject8$m = _ta
55030
55040
  return props.hoverBackgroundColor;
55031
55041
  });
55032
55042
 
55033
- var waitForImageAttachmentPreparation = function waitForImageAttachmentPreparation(attachments, preparations) {
55043
+ var waitForMediaAttachmentPreparation = function waitForMediaAttachmentPreparation(attachments, preparations) {
55034
55044
  try {
55035
55045
  return Promise.resolve(Promise.all(attachments.filter(function (attachment) {
55036
- return attachment.type === attachmentTypes.image;
55046
+ return attachment.type === attachmentTypes.image || getOutgoingAttachmentType(attachment) === attachmentTypes.video;
55037
55047
  }).map(function (attachment) {
55038
55048
  return attachment.tid ? preparations.get(attachment.tid) : undefined;
55039
55049
  }))).then(function () {});
@@ -57087,7 +57097,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
57087
57097
  }
57088
57098
  var _temp = function () {
57089
57099
  if (attachments.length) {
57090
- return Promise.resolve(waitForImageAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
57100
+ return Promise.resolve(waitForMediaAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
57091
57101
  var sendAsSeparateMessage = getSendAttachmentsAsSeparateMessages();
57092
57102
  messageToSend.attachments = mergePreparedAttachmentPatches(attachments, preparedAttachmentPatchesRef.current).map(function (preparedAttachment) {
57093
57103
  return {
@@ -57676,7 +57686,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
57676
57686
  }
57677
57687
  }, 0);
57678
57688
  });
57679
- if (fileType === 'image') {
57689
+ if (fileType === 'image' || fileType === 'video') {
57680
57690
  attachmentPreparationPromisesRef.current.set(tid, preparationPromise);
57681
57691
  }
57682
57692
  return Promise.resolve();
@@ -60478,7 +60488,7 @@ var Files = function Files(_ref) {
60478
60488
  fontSize: fileSizeFontSize,
60479
60489
  lineHeight: fileSizeLineHeight,
60480
60490
  color: filePreviewSizeColor || textSecondary
60481
- }, file.size ? bytesToSize(file.size) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
60491
+ }, file.size ? bytesToSize(file.size, 1) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
60482
60492
  visible: !!downloadingFilesMap[file.id],
60483
60493
  iconColor: accentColor,
60484
60494
  onClick: function onClick() {
package/index.modern.js CHANGED
@@ -11119,7 +11119,7 @@ var compressAndCacheImage = function compressAndCacheImage(url, cacheKey, maxWid
11119
11119
 
11120
11120
  var bytesToSize = function bytesToSize(bytes, decimals) {
11121
11121
  if (decimals === void 0) {
11122
- decimals = 2;
11122
+ decimals = 1;
11123
11123
  }
11124
11124
  if (bytes === 0) return '0 Bytes';
11125
11125
  var k = 1000;
@@ -41190,7 +41190,7 @@ var Attachment = function Attachment(_ref) {
41190
41190
  }, _formatLargeText(isPreview ? attachment.data.name : attachment.name, fileAttachmentWidth ? fileAttachmentWidth / 12.5 : isPreview ? 18 : 30)), /*#__PURE__*/React__default.createElement(AttachmentSize, {
41191
41191
  color: selectedFileAttachmentsSizeColor || textSecondary,
41192
41192
  errorColor: errorColor
41193
- }, (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, {
41193
+ }, (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, {
41194
41194
  "$backgroundColor": background,
41195
41195
  color: iconPrimary,
41196
41196
  onClick: function onClick() {
@@ -50772,9 +50772,10 @@ var MESSAGE_ACTIONS_HOVER_DELAY = 450;
50772
50772
  var MESSAGE_ACTIONS_FLIP_THRESHOLD = 110;
50773
50773
  var MAX_SELECTED_MESSAGES = 30;
50774
50774
  var EMOJI_POPUP_THRESHOLD = 300;
50775
+ var PIN_TYPE_PERSONAL$1 = 1;
50775
50776
  var lastMediaItemClickTime = 0;
50776
50777
  var Message$1 = function Message(_ref) {
50777
- var _tabIsActiveRef$curre, _message$pinDetails, _message$reactionTota;
50778
+ var _tabIsActiveRef$curre, _message$pinDetails, _channel$members, _message$reactionTota;
50778
50779
  var message = _ref.message,
50779
50780
  channel = _ref.channel,
50780
50781
  MessageActionsMenu = _ref.MessageActionsMenu,
@@ -51005,6 +51006,8 @@ var Message$1 = function Message(_ref) {
51005
51006
  }, [pins, message.id, message.tid]);
51006
51007
  var isPinned = !!((_message$pinDetails = message.pinDetails) !== null && _message$pinDetails !== void 0 && _message$pinDetails.pinned) || !!pinnedMessage;
51007
51008
  var canPinForAll = checkActionPermission('pinMessage');
51009
+ var user = getClient().user;
51010
+ 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);
51008
51011
  var messageItemRef = useRef(null);
51009
51012
  var isVisible = useOnScreen(messageItemRef);
51010
51013
  var _useState = useState(false),
@@ -51029,7 +51032,7 @@ var Message$1 = function Message(_ref) {
51029
51032
  var nextMessageFirstInInterval = !nextMessage || nextDay !== null && nextDay.diff(current, 'days') !== 0 || nextMessage.type === MESSAGE_TYPE.SYSTEM || nextMessageStartsUnreadSection;
51030
51033
  var messageTimeVisible = showMessageTime && (showMessageTimeForEachMessage || !nextMessage);
51031
51034
  var messageStatusVisible = !message.incoming && showMessageStatus && message.state !== MESSAGE_STATUS.DELETE && (showMessageStatusForEachMessage || !nextMessage);
51032
- var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
51035
+ var renderAvatar = (!!prevMessageUserID || ifLatestAndHasNotPreview) && (prevMessageUserID !== messageUserID || firstMessageInInterval) && !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar);
51033
51036
  var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
51034
51037
  var isSelectedMessage = selectedMessagesMap && selectedMessagesMap.get(message.id || message.tid);
51035
51038
  var tooManySelected = selectedMessagesMap && selectedMessagesMap.size >= MAX_SELECTED_MESSAGES;
@@ -51082,11 +51085,16 @@ var Message$1 = function Message(_ref) {
51082
51085
  setMessageActionsShow(false);
51083
51086
  }, [channel.id, isPinnedMessagesList, message.id, message.tid, setInfoPopupOpen, setMessageActionsShow]);
51084
51087
  var handleTogglePinMessagePopup = useCallback(function () {
51088
+ if (isSelfChannel) {
51089
+ dispatch(pinMessageAC(channel.id, message, PIN_TYPE_PERSONAL$1));
51090
+ setMessageActionsShow(false);
51091
+ return;
51092
+ }
51085
51093
  setPinPopupOpen(function (prev) {
51086
51094
  return !prev;
51087
51095
  });
51088
51096
  setMessageActionsShow(false);
51089
- }, [setPinPopupOpen, setMessageActionsShow]);
51097
+ }, [channel.id, dispatch, isSelfChannel, message, setMessageActionsShow, setPinPopupOpen]);
51090
51098
  var handlePinMessage = useCallback(function (scope) {
51091
51099
  dispatch(pinMessageAC(channel.id, message, scope));
51092
51100
  setPinPopupOpen(false);
@@ -51280,6 +51288,7 @@ var Message$1 = function Message(_ref) {
51280
51288
  }
51281
51289
  }, [dispatch, selectionIsActive]);
51282
51290
  useEffect(function () {
51291
+ if (isPinnedMessagesList) return;
51283
51292
  if (isVisible) {
51284
51293
  if (setLastVisibleMessageId) {
51285
51294
  setLastVisibleMessageId(message);
@@ -51292,12 +51301,13 @@ var Message$1 = function Message(_ref) {
51292
51301
  } else {
51293
51302
  dispatch(removeVisibleMessageAC(message));
51294
51303
  }
51295
- }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
51304
+ }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive, isPinnedMessagesList]);
51296
51305
  useEffect(function () {
51306
+ if (isPinnedMessagesList) return undefined;
51297
51307
  return function () {
51298
51308
  dispatch(removeVisibleMessageAC(message));
51299
51309
  };
51300
- }, [dispatch, message]);
51310
+ }, [dispatch, isPinnedMessagesList, message]);
51301
51311
  useEffect(function () {
51302
51312
  if (!isPinnedMessagesList && !isVisible && infoPopupOpen) {
51303
51313
  setInfoPopupOpen(false);
@@ -51441,7 +51451,7 @@ var Message$1 = function Message(_ref) {
51441
51451
  selectionIsActive: selectionIsActive,
51442
51452
  messageWidthPercent: messageWidthPercent,
51443
51453
  rtl: ownMessageOnRightSide && !message.incoming,
51444
- withAvatar: !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
51454
+ withAvatar: !(isPinnedMessagesList && channel.type === DEFAULT_CHANNEL_TYPE.DIRECT) && !(channel.type === DEFAULT_CHANNEL_TYPE.DIRECT && !showSenderNameOnDirectChannel) && !(!message.incoming && !showOwnAvatar),
51445
51455
  className: 'messageContent'
51446
51456
  }, message.state === MESSAGE_STATUS.FAILED && (/*#__PURE__*/React__default.createElement(FailedMessageIcon, {
51447
51457
  rtl: ownMessageOnRightSide && !message.incoming,
@@ -52890,7 +52900,7 @@ var MessageList = function MessageList(_ref) {
52890
52900
  isUnreadMessage: false,
52891
52901
  nextMessageStartsUnreadSection: false,
52892
52902
  isHighlighted: false,
52893
- ifLatestAndHasNotPreview: false,
52903
+ ifLatestAndHasNotPreview: channel.type !== DEFAULT_CHANNEL_TYPE.DIRECT,
52894
52904
  registerInMessagesIndex: false,
52895
52905
  isPinnedMessagesList: true
52896
52906
  });
@@ -55010,10 +55020,10 @@ var Emoji$1 = styled.li(_templateObject8$m || (_templateObject8$m = _taggedTempl
55010
55020
  return props.hoverBackgroundColor;
55011
55021
  });
55012
55022
 
55013
- var waitForImageAttachmentPreparation = function waitForImageAttachmentPreparation(attachments, preparations) {
55023
+ var waitForMediaAttachmentPreparation = function waitForMediaAttachmentPreparation(attachments, preparations) {
55014
55024
  try {
55015
55025
  return Promise.resolve(Promise.all(attachments.filter(function (attachment) {
55016
- return attachment.type === attachmentTypes.image;
55026
+ return attachment.type === attachmentTypes.image || getOutgoingAttachmentType(attachment) === attachmentTypes.video;
55017
55027
  }).map(function (attachment) {
55018
55028
  return attachment.tid ? preparations.get(attachment.tid) : undefined;
55019
55029
  }))).then(function () {});
@@ -57067,7 +57077,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
57067
57077
  }
57068
57078
  var _temp = function () {
57069
57079
  if (attachments.length) {
57070
- return Promise.resolve(waitForImageAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
57080
+ return Promise.resolve(waitForMediaAttachmentPreparation(attachments, attachmentPreparationPromisesRef.current)).then(function () {
57071
57081
  var sendAsSeparateMessage = getSendAttachmentsAsSeparateMessages();
57072
57082
  messageToSend.attachments = mergePreparedAttachmentPatches(attachments, preparedAttachmentPatchesRef.current).map(function (preparedAttachment) {
57073
57083
  return {
@@ -57656,7 +57666,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
57656
57666
  }
57657
57667
  }, 0);
57658
57668
  });
57659
- if (fileType === 'image') {
57669
+ if (fileType === 'image' || fileType === 'video') {
57660
57670
  attachmentPreparationPromisesRef.current.set(tid, preparationPromise);
57661
57671
  }
57662
57672
  return Promise.resolve();
@@ -60458,7 +60468,7 @@ var Files = function Files(_ref) {
60458
60468
  fontSize: fileSizeFontSize,
60459
60469
  lineHeight: fileSizeLineHeight,
60460
60470
  color: filePreviewSizeColor || textSecondary
60461
- }, file.size ? bytesToSize(file.size) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
60471
+ }, file.size ? bytesToSize(file.size, 1) + " \u2022 " + formatChannelDetailsDate(file.createdAt) : formatChannelDetailsDate(file.createdAt))), /*#__PURE__*/React__default.createElement(DownloadWrapper, {
60462
60472
  visible: !!downloadingFilesMap[file.id],
60463
60473
  iconColor: accentColor,
60464
60474
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.9.0-beta.11",
3
+ "version": "1.9.0-beta.12",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",