sceyt-chat-react-uikit 1.8.3-beta.13 → 1.8.3-beta.14

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.
@@ -221,5 +221,6 @@ export interface IMessageProps {
221
221
  listItemStyles?: IListItemStyles;
222
222
  };
223
223
  collapsedCharacterLimit?: number;
224
+ createChatOnAvatarTap?: boolean;
224
225
  }
225
226
  export {};
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { IMessageProps } from './Message.types';
3
- declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, retractVoteIcon, endVoteIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, infoIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps, collapsedCharacterLimit }: IMessageProps) => React.JSX.Element>;
3
+ declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, retractVoteIcon, endVoteIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, infoIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps, collapsedCharacterLimit, createChatOnAvatarTap }: IMessageProps) => React.JSX.Element>;
4
4
  export default _default;
@@ -205,6 +205,8 @@ interface MessagesProps {
205
205
  };
206
206
  ogMetadataProps?: OGMetadataProps;
207
207
  collapsedCharacterLimit?: number;
208
+ createChatOnAvatarTap?: boolean;
209
+ allowSendAttachment?: boolean;
208
210
  }
209
211
  declare const MessageList: React.FC<MessagesProps>;
210
212
  export default MessageList;
@@ -203,6 +203,8 @@ interface MessagesProps {
203
203
  };
204
204
  ogMetadataProps?: OGMetadataProps;
205
205
  collapsedCharacterLimit?: number;
206
+ createChatOnAvatarTap?: boolean;
207
+ allowSendAttachment?: boolean;
206
208
  }
207
209
  declare const MessagesContainer: React.FC<MessagesProps>;
208
210
  export default MessagesContainer;
package/index.js CHANGED
@@ -39899,7 +39899,9 @@ var Message$1 = function Message(_ref) {
39899
39899
  ogMetadataProps = _ref.ogMetadataProps,
39900
39900
  _ref$showInfoMessageP = _ref.showInfoMessageProps,
39901
39901
  showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
39902
- collapsedCharacterLimit = _ref.collapsedCharacterLimit;
39902
+ collapsedCharacterLimit = _ref.collapsedCharacterLimit,
39903
+ _ref$createChatOnAvat = _ref.createChatOnAvatarTap,
39904
+ createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat;
39903
39905
  var _useColor = useColors(),
39904
39906
  accentColor = _useColor[THEME_COLORS.ACCENT],
39905
39907
  backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
@@ -40270,7 +40272,7 @@ var Message$1 = function Message(_ref) {
40270
40272
  textSize: 14,
40271
40273
  setDefaultAvatar: true,
40272
40274
  handleAvatarClick: function handleAvatarClick() {
40273
- return handleCreateChat(message.user);
40275
+ return createChatOnAvatarTap && handleCreateChat(message.user);
40274
40276
  }
40275
40277
  })), /*#__PURE__*/React__default.createElement(MessageContent, {
40276
40278
  selectionIsActive: selectionIsActive,
@@ -40793,7 +40795,11 @@ var MessageList = function MessageList(_ref2) {
40793
40795
  _ref2$showInfoMessage = _ref2.showInfoMessageProps,
40794
40796
  showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
40795
40797
  ogMetadataProps = _ref2.ogMetadataProps,
40796
- collapsedCharacterLimit = _ref2.collapsedCharacterLimit;
40798
+ collapsedCharacterLimit = _ref2.collapsedCharacterLimit,
40799
+ _ref2$createChatOnAva = _ref2.createChatOnAvatarTap,
40800
+ createChatOnAvatarTap = _ref2$createChatOnAva === void 0 ? true : _ref2$createChatOnAva,
40801
+ _ref2$allowSendAttach = _ref2.allowSendAttachment,
40802
+ allowSendAttachment = _ref2$allowSendAttach === void 0 ? true : _ref2$allowSendAttach;
40797
40803
  var _useColor = useColors(),
40798
40804
  outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
40799
40805
  themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
@@ -41421,7 +41427,7 @@ var MessageList = function MessageList(_ref2) {
41421
41427
  }
41422
41428
  };
41423
41429
  }, []);
41424
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
41430
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, allowSendAttachment && isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
41425
41431
  id: 'draggingContainer',
41426
41432
  draggable: true,
41427
41433
  onDragLeave: handleDragOut,
@@ -41663,7 +41669,8 @@ var MessageList = function MessageList(_ref2) {
41663
41669
  shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
41664
41670
  showInfoMessageProps: showInfoMessageProps,
41665
41671
  ogMetadataProps: ogMetadataProps,
41666
- collapsedCharacterLimit: collapsedCharacterLimit
41672
+ collapsedCharacterLimit: collapsedCharacterLimit,
41673
+ createChatOnAvatarTap: createChatOnAvatarTap
41667
41674
  }))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
41668
41675
  newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
41669
41676
  newMessagesSeparatorFontSize: newMessagesSeparatorFontSize,
@@ -41924,7 +41931,11 @@ var MessagesContainer = function MessagesContainer(_ref) {
41924
41931
  infoPadding: '0 8px',
41925
41932
  isInviteLink: false
41926
41933
  } : _ref$ogMetadataProps,
41927
- collapsedCharacterLimit = _ref.collapsedCharacterLimit;
41934
+ collapsedCharacterLimit = _ref.collapsedCharacterLimit,
41935
+ _ref$createChatOnAvat = _ref.createChatOnAvatarTap,
41936
+ createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat,
41937
+ _ref$allowSendAttachm = _ref.allowSendAttachment,
41938
+ allowSendAttachment = _ref$allowSendAttachm === void 0 ? true : _ref$allowSendAttachm;
41928
41939
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
41929
41940
  fontFamily: fontFamily,
41930
41941
  ownMessageOnRightSide: ownMessageOnRightSide,
@@ -42059,7 +42070,9 @@ var MessagesContainer = function MessagesContainer(_ref) {
42059
42070
  shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
42060
42071
  showInfoMessageProps: showInfoMessageProps,
42061
42072
  ogMetadataProps: ogMetadataProps,
42062
- collapsedCharacterLimit: collapsedCharacterLimit
42073
+ collapsedCharacterLimit: collapsedCharacterLimit,
42074
+ createChatOnAvatarTap: createChatOnAvatarTap,
42075
+ allowSendAttachment: allowSendAttachment
42063
42076
  }));
42064
42077
  };
42065
42078
 
package/index.modern.js CHANGED
@@ -39898,7 +39898,9 @@ var Message$1 = function Message(_ref) {
39898
39898
  ogMetadataProps = _ref.ogMetadataProps,
39899
39899
  _ref$showInfoMessageP = _ref.showInfoMessageProps,
39900
39900
  showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
39901
- collapsedCharacterLimit = _ref.collapsedCharacterLimit;
39901
+ collapsedCharacterLimit = _ref.collapsedCharacterLimit,
39902
+ _ref$createChatOnAvat = _ref.createChatOnAvatarTap,
39903
+ createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat;
39902
39904
  var _useColor = useColors(),
39903
39905
  accentColor = _useColor[THEME_COLORS.ACCENT],
39904
39906
  backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
@@ -40269,7 +40271,7 @@ var Message$1 = function Message(_ref) {
40269
40271
  textSize: 14,
40270
40272
  setDefaultAvatar: true,
40271
40273
  handleAvatarClick: function handleAvatarClick() {
40272
- return handleCreateChat(message.user);
40274
+ return createChatOnAvatarTap && handleCreateChat(message.user);
40273
40275
  }
40274
40276
  })), /*#__PURE__*/React__default.createElement(MessageContent, {
40275
40277
  selectionIsActive: selectionIsActive,
@@ -40792,7 +40794,11 @@ var MessageList = function MessageList(_ref2) {
40792
40794
  _ref2$showInfoMessage = _ref2.showInfoMessageProps,
40793
40795
  showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
40794
40796
  ogMetadataProps = _ref2.ogMetadataProps,
40795
- collapsedCharacterLimit = _ref2.collapsedCharacterLimit;
40797
+ collapsedCharacterLimit = _ref2.collapsedCharacterLimit,
40798
+ _ref2$createChatOnAva = _ref2.createChatOnAvatarTap,
40799
+ createChatOnAvatarTap = _ref2$createChatOnAva === void 0 ? true : _ref2$createChatOnAva,
40800
+ _ref2$allowSendAttach = _ref2.allowSendAttachment,
40801
+ allowSendAttachment = _ref2$allowSendAttach === void 0 ? true : _ref2$allowSendAttach;
40796
40802
  var _useColor = useColors(),
40797
40803
  outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
40798
40804
  themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
@@ -41420,7 +41426,7 @@ var MessageList = function MessageList(_ref2) {
41420
41426
  }
41421
41427
  };
41422
41428
  }, []);
41423
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
41429
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, allowSendAttachment && isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
41424
41430
  id: 'draggingContainer',
41425
41431
  draggable: true,
41426
41432
  onDragLeave: handleDragOut,
@@ -41662,7 +41668,8 @@ var MessageList = function MessageList(_ref2) {
41662
41668
  shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
41663
41669
  showInfoMessageProps: showInfoMessageProps,
41664
41670
  ogMetadataProps: ogMetadataProps,
41665
- collapsedCharacterLimit: collapsedCharacterLimit
41671
+ collapsedCharacterLimit: collapsedCharacterLimit,
41672
+ createChatOnAvatarTap: createChatOnAvatarTap
41666
41673
  }))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
41667
41674
  newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
41668
41675
  newMessagesSeparatorFontSize: newMessagesSeparatorFontSize,
@@ -41923,7 +41930,11 @@ var MessagesContainer = function MessagesContainer(_ref) {
41923
41930
  infoPadding: '0 8px',
41924
41931
  isInviteLink: false
41925
41932
  } : _ref$ogMetadataProps,
41926
- collapsedCharacterLimit = _ref.collapsedCharacterLimit;
41933
+ collapsedCharacterLimit = _ref.collapsedCharacterLimit,
41934
+ _ref$createChatOnAvat = _ref.createChatOnAvatarTap,
41935
+ createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat,
41936
+ _ref$allowSendAttachm = _ref.allowSendAttachment,
41937
+ allowSendAttachment = _ref$allowSendAttachm === void 0 ? true : _ref$allowSendAttachm;
41927
41938
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
41928
41939
  fontFamily: fontFamily,
41929
41940
  ownMessageOnRightSide: ownMessageOnRightSide,
@@ -42058,7 +42069,9 @@ var MessagesContainer = function MessagesContainer(_ref) {
42058
42069
  shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
42059
42070
  showInfoMessageProps: showInfoMessageProps,
42060
42071
  ogMetadataProps: ogMetadataProps,
42061
- collapsedCharacterLimit: collapsedCharacterLimit
42072
+ collapsedCharacterLimit: collapsedCharacterLimit,
42073
+ createChatOnAvatarTap: createChatOnAvatarTap,
42074
+ allowSendAttachment: allowSendAttachment
42062
42075
  }));
42063
42076
  };
42064
42077
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.8.3-beta.13",
3
+ "version": "1.8.3-beta.14",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",