stream-chat-react-native-core 4.0.0 → 4.1.0

package/lib/module/components/Message/MessageSimple/MessageSimple.js

@@ -22,7 +22,7 @@ var _MessagesContext = require("../../../contexts/messagesContext/MessagesContex
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageSimple.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageSimple.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -40,11 +40,13 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
 
   var alignment = props.alignment,
       channel = props.channel,
+      enableMessageGroupingByUser = props.enableMessageGroupingByUser,
       groupStyles = props.groupStyles,
       hasReactions = props.hasReactions,
       message = props.message,
       MessageAvatar = props.MessageAvatar,
       MessageContent = props.MessageContent,
+      MessagePinnedHeader = props.MessagePinnedHeader,
       ReactionList = props.ReactionList;
 
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -58,43 +60,50 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
   var isVeryLastMessage = (channel == null ? void 0 : (_channel$state$messag = channel.state.messages[(channel == null ? void 0 : channel.state.messages.length) - 1]) == null ? void 0 : _channel$state$messag.id) === message.id;
   var hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');
   var showReactions = hasReactions && ReactionList;
-  return _react["default"].createElement(_reactNative.View, {
+  return _react["default"].createElement(_react["default"].Fragment, null, message.pinned && _react["default"].createElement(MessagePinnedHeader, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 26
+    }
+  }), _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
-      marginBottom: hasMarginBottom ? isVeryLastMessage ? 30 : 8 : 0,
+      marginBottom: hasMarginBottom ? isVeryLastMessage && enableMessageGroupingByUser ? 30 : 8 : 0,
       marginTop: showReactions ? 2 : 0
     }, container],
     testID: "message-simple-wrapper",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
-      columnNumber: 5
+      lineNumber: 74,
+      columnNumber: 7
     }
   }, alignment === 'left' && _react["default"].createElement(MessageAvatar, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
-      columnNumber: 32
+      lineNumber: 90,
+      columnNumber: 34
     }
   }), _react["default"].createElement(MessageContent, {
     setMessageContentWidth: setMessageContentWidth,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
-      columnNumber: 7
+      lineNumber: 91,
+      columnNumber: 9
     }
   }), showReactions && _react["default"].createElement(ReactionList, {
     messageContentWidth: messageContentWidth,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
-      columnNumber: 25
+      lineNumber: 92,
+      columnNumber: 27
     }
-  }));
+  })));
 };
 
 var areEqual = function areEqual(prevProps, nextProps) {
@@ -114,9 +123,13 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!repliesEqual) return false;
   var groupStylesEqual = JSON.stringify(prevGroupStyles) === JSON.stringify(nextGroupStyles);
   if (!groupStylesEqual) return false;
-  var messageEqual = prevMessage.deleted_at === nextMessage.deleted_at && prevMessage.status === nextMessage.status && prevMessage.type === nextMessage.type && prevMessage.text === nextMessage.text;
+  var isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
+  var isNextMessageTypeDeleted = nextMessage.type === 'deleted';
+  var messageEqual = isPrevMessageTypeDeleted === isNextMessageTypeDeleted && prevMessage.status === nextMessage.status && prevMessage.type === nextMessage.type && prevMessage.text === nextMessage.text && prevMessage.pinned === nextMessage.pinned;
   if (!messageEqual) return false;
-  var quotedMessageEqual = ((_prevMessage$quoted_m = prevMessage.quoted_message) == null ? void 0 : _prevMessage$quoted_m.id) === ((_nextMessage$quoted_m = nextMessage.quoted_message) == null ? void 0 : _nextMessage$quoted_m.id) && ((_prevMessage$quoted_m2 = prevMessage.quoted_message) == null ? void 0 : _prevMessage$quoted_m2.deleted_at) === ((_nextMessage$quoted_m2 = nextMessage.quoted_message) == null ? void 0 : _nextMessage$quoted_m2.deleted_at);
+  var isPrevQuotedMessageTypeDeleted = ((_prevMessage$quoted_m = prevMessage.quoted_message) == null ? void 0 : _prevMessage$quoted_m.type) === 'deleted';
+  var isNextQuotedMessageTypeDeleted = ((_nextMessage$quoted_m = nextMessage.quoted_message) == null ? void 0 : _nextMessage$quoted_m.type) === 'deleted';
+  var quotedMessageEqual = ((_prevMessage$quoted_m2 = prevMessage.quoted_message) == null ? void 0 : _prevMessage$quoted_m2.id) === ((_nextMessage$quoted_m2 = nextMessage.quoted_message) == null ? void 0 : _nextMessage$quoted_m2.id) && isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;
   if (!quotedMessageEqual) return false;
   var channelEqual = (prevChannel == null ? void 0 : prevChannel.state.messages.length) === (nextChannel == null ? void 0 : nextChannel.state.messages.length);
   if (!channelEqual) return false;
@@ -147,24 +160,28 @@ var MessageSimple = function MessageSimple(props) {
       message = _useMessageContext.message;
 
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
+      enableMessageGroupingByUser = _useMessagesContext.enableMessageGroupingByUser,
       MessageAvatar = _useMessagesContext.MessageAvatar,
       MessageContent = _useMessagesContext.MessageContent,
+      MessagePinnedHeader = _useMessagesContext.MessagePinnedHeader,
       ReactionList = _useMessagesContext.ReactionList;
 
   return _react["default"].createElement(MemoizedMessageSimple, (0, _extends2["default"])({
     alignment: alignment,
     channel: channel,
+    enableMessageGroupingByUser: enableMessageGroupingByUser,
     groupStyles: groupStyles,
     hasReactions: hasReactions,
     message: message,
     MessageAvatar: MessageAvatar,
     MessageContent: MessageContent,
+    MessagePinnedHeader: MessagePinnedHeader,
     ReactionList: ReactionList
   }, props, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 202,
       columnNumber: 5
     }
   }));

package/lib/module/components/Message/MessageSimple/MessageSimple.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageSimple.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","MessageSimpleWithContext","props","alignment","channel","groupStyles","hasReactions","message","MessageAvatar","MessageContent","ReactionList","theme","messageSimple","messageContentWidth","setMessageContentWidth","isVeryLastMessage","state","messages","length","id","hasMarginBottom","includes","showReactions","justifyContent","marginBottom","marginTop","areEqual","prevProps","nextProps","prevChannel","prevGroupStyles","prevHasReactions","prevMessage","nextChannel","nextGroupStyles","nextHasReactions","nextMessage","hasReactionsEqual","repliesEqual","reply_count","groupStylesEqual","JSON","stringify","messageEqual","deleted_at","status","type","text","quotedMessageEqual","quoted_message","channelEqual","prevAttachments","attachments","nextAttachments","attachmentsEqual","Array","isArray","every","attachment","index","image_url","og_scrape_url","thumb_url","latestReactionsEqual","latest_reactions","MemoizedMessageSimple","React","memo","MessageSimple","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n  },\n});\n\nexport type MessageSimplePropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'\n> &\n  Pick<\n    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'MessageAvatar' | 'MessageContent' | 'ReactionList'\n  >;\n\nconst MessageSimpleWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MessageSimplePropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    channel,\n    groupStyles,\n    hasReactions,\n    message,\n    MessageAvatar,\n    MessageContent,\n    ReactionList,\n  } = props;\n\n  const {\n    theme: {\n      messageSimple: { container },\n    },\n  } = useTheme();\n\n  const [messageContentWidth, setMessageContentWidth] = useState(0);\n\n  const isVeryLastMessage =\n    channel?.state.messages[channel?.state.messages.length - 1]?.id === message.id;\n\n  const hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');\n\n  const showReactions = hasReactions && ReactionList;\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',\n          marginBottom: hasMarginBottom ? (isVeryLastMessage ? 30 : 8) : 0,\n          marginTop: showReactions ? 2 : 0,\n        },\n        container,\n      ]}\n      testID='message-simple-wrapper'\n    >\n      {alignment === 'left' && <MessageAvatar />}\n      <MessageContent setMessageContentWidth={setMessageContentWidth} />\n      {showReactions && <ReactionList messageContentWidth={messageContentWidth} />}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MessageSimplePropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageSimplePropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    channel: prevChannel,\n    groupStyles: prevGroupStyles,\n    hasReactions: prevHasReactions,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    channel: nextChannel,\n    groupStyles: nextGroupStyles,\n    hasReactions: nextHasReactions,\n    message: nextMessage,\n  } = nextProps;\n\n  const hasReactionsEqual = prevHasReactions === nextHasReactions;\n  if (!hasReactionsEqual) return false;\n\n  const repliesEqual = prevMessage.reply_count === nextMessage.reply_count;\n  if (!repliesEqual) return false;\n\n  const groupStylesEqual = JSON.stringify(prevGroupStyles) === JSON.stringify(nextGroupStyles);\n  if (!groupStylesEqual) return false;\n\n  const messageEqual =\n    prevMessage.deleted_at === nextMessage.deleted_at &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.text === nextMessage.text;\n  if (!messageEqual) return false;\n\n  const quotedMessageEqual =\n    prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&\n    prevMessage.quoted_message?.deleted_at === nextMessage.quoted_message?.deleted_at;\n\n  if (!quotedMessageEqual) return false;\n\n  const channelEqual = prevChannel?.state.messages.length === nextChannel?.state.messages.length;\n  if (!channelEqual) return false;\n\n  const prevAttachments = prevMessage.attachments;\n  const nextAttachments = nextMessage.attachments;\n  const attachmentsEqual =\n    Array.isArray(prevAttachments) && Array.isArray(nextAttachments)\n      ? prevAttachments.length === nextAttachments.length &&\n        prevAttachments.every(\n          (attachment, index) =>\n            attachment.image_url === nextAttachments[index].image_url &&\n            attachment.og_scrape_url === nextAttachments[index].og_scrape_url &&\n            attachment.thumb_url === nextAttachments[index].thumb_url,\n        )\n      : prevAttachments === nextAttachments;\n  if (!attachmentsEqual) return false;\n\n  const latestReactionsEqual =\n    Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)\n      ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length &&\n        prevMessage.latest_reactions.every(\n          ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,\n        )\n      : prevMessage.latest_reactions === nextMessage.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageSimple = React.memo(\n  MessageSimpleWithContext,\n  areEqual,\n) as typeof MessageSimpleWithContext;\n\nexport type MessageSimpleProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<MessageSimplePropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n *\n * Message UI component\n */\nexport const MessageSimple = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MessageSimpleProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment, channel, groupStyles, hasReactions, message } =\n    useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { MessageAvatar, MessageContent, ReactionList } =\n    useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedMessageSimple<At, Ch, Co, Ev, Me, Re, Us>\n      {...{\n        alignment,\n        channel,\n        groupStyles,\n        hasReactions,\n        message,\n        MessageAvatar,\n        MessageContent,\n        ReactionList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageSimple.displayName = 'MessageSimple{messageSimple{container}}';\n"]}
+{"version":3,"sources":["MessageSimple.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","MessageSimpleWithContext","props","alignment","channel","enableMessageGroupingByUser","groupStyles","hasReactions","message","MessageAvatar","MessageContent","MessagePinnedHeader","ReactionList","theme","messageSimple","messageContentWidth","setMessageContentWidth","isVeryLastMessage","state","messages","length","id","hasMarginBottom","includes","showReactions","pinned","justifyContent","marginBottom","marginTop","areEqual","prevProps","nextProps","prevChannel","prevGroupStyles","prevHasReactions","prevMessage","nextChannel","nextGroupStyles","nextHasReactions","nextMessage","hasReactionsEqual","repliesEqual","reply_count","groupStylesEqual","JSON","stringify","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","status","text","isPrevQuotedMessageTypeDeleted","quoted_message","isNextQuotedMessageTypeDeleted","quotedMessageEqual","channelEqual","prevAttachments","attachments","nextAttachments","attachmentsEqual","Array","isArray","every","attachment","index","image_url","og_scrape_url","thumb_url","latestReactionsEqual","latest_reactions","MemoizedMessageSimple","React","memo","MessageSimple","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n  },\n});\n\nexport type MessageSimplePropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'enableMessageGroupingByUser'\n    | 'MessageAvatar'\n    | 'MessageContent'\n    | 'MessagePinnedHeader'\n    | 'ReactionList'\n  >;\n\nconst MessageSimpleWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSimplePropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    channel,\n    enableMessageGroupingByUser,\n    groupStyles,\n    hasReactions,\n    message,\n    MessageAvatar,\n    MessageContent,\n    MessagePinnedHeader,\n    ReactionList,\n  } = props;\n\n  const {\n    theme: {\n      messageSimple: { container },\n    },\n  } = useTheme();\n\n  const [messageContentWidth, setMessageContentWidth] = useState(0);\n\n  const isVeryLastMessage =\n    channel?.state.messages[channel?.state.messages.length - 1]?.id === message.id;\n\n  const hasMarginBottom = groupStyles.includes('single') || groupStyles.includes('bottom');\n\n  const showReactions = hasReactions && ReactionList;\n\n  return (\n    <>\n      {message.pinned && <MessagePinnedHeader />}\n      <View\n        style={[\n          styles.container,\n          {\n            justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',\n            marginBottom: hasMarginBottom\n              ? isVeryLastMessage && enableMessageGroupingByUser\n                ? 30\n                : 8\n              : 0,\n            marginTop: showReactions ? 2 : 0,\n          },\n          container,\n        ]}\n        testID='message-simple-wrapper'\n      >\n        {alignment === 'left' && <MessageAvatar />}\n        <MessageContent setMessageContentWidth={setMessageContentWidth} />\n        {showReactions && <ReactionList messageContentWidth={messageContentWidth} />}\n      </View>\n    </>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageSimplePropsWithContext<StreamChatGenerics>,\n  nextProps: MessageSimplePropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    channel: prevChannel,\n    groupStyles: prevGroupStyles,\n    hasReactions: prevHasReactions,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    channel: nextChannel,\n    groupStyles: nextGroupStyles,\n    hasReactions: nextHasReactions,\n    message: nextMessage,\n  } = nextProps;\n\n  const hasReactionsEqual = prevHasReactions === nextHasReactions;\n  if (!hasReactionsEqual) return false;\n\n  const repliesEqual = prevMessage.reply_count === nextMessage.reply_count;\n  if (!repliesEqual) return false;\n\n  const groupStylesEqual = JSON.stringify(prevGroupStyles) === JSON.stringify(nextGroupStyles);\n  if (!groupStylesEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    prevMessage.text === nextMessage.text &&\n    prevMessage.pinned === nextMessage.pinned;\n  if (!messageEqual) return false;\n\n  const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';\n  const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';\n\n  const quotedMessageEqual =\n    prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&\n    isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;\n\n  if (!quotedMessageEqual) return false;\n\n  const channelEqual = prevChannel?.state.messages.length === nextChannel?.state.messages.length;\n  if (!channelEqual) return false;\n\n  const prevAttachments = prevMessage.attachments;\n  const nextAttachments = nextMessage.attachments;\n  const attachmentsEqual =\n    Array.isArray(prevAttachments) && Array.isArray(nextAttachments)\n      ? prevAttachments.length === nextAttachments.length &&\n        prevAttachments.every(\n          (attachment, index) =>\n            attachment.image_url === nextAttachments[index].image_url &&\n            attachment.og_scrape_url === nextAttachments[index].og_scrape_url &&\n            attachment.thumb_url === nextAttachments[index].thumb_url,\n        )\n      : prevAttachments === nextAttachments;\n  if (!attachmentsEqual) return false;\n\n  const latestReactionsEqual =\n    Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)\n      ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length &&\n        prevMessage.latest_reactions.every(\n          ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,\n        )\n      : prevMessage.latest_reactions === nextMessage.latest_reactions;\n  if (!latestReactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageSimple = React.memo(\n  MessageSimpleWithContext,\n  areEqual,\n) as typeof MessageSimpleWithContext;\n\nexport type MessageSimpleProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageSimplePropsWithContext<StreamChatGenerics>>;\n\n/**\n *\n * Message UI component\n */\nexport const MessageSimple = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageSimpleProps<StreamChatGenerics>,\n) => {\n  const { alignment, channel, groupStyles, hasReactions, message } =\n    useMessageContext<StreamChatGenerics>();\n  const {\n    enableMessageGroupingByUser,\n    MessageAvatar,\n    MessageContent,\n    MessagePinnedHeader,\n    ReactionList,\n  } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedMessageSimple<StreamChatGenerics>\n      {...{\n        alignment,\n        channel,\n        enableMessageGroupingByUser,\n        groupStyles,\n        hasReactions,\n        message,\n        MessageAvatar,\n        MessageContent,\n        MessagePinnedHeader,\n        ReactionList,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageSimple.displayName = 'MessageSimple{messageSimple{container}}';\n"]}

package/lib/module/components/Message/MessageSimple/MessageStatus.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _useMessageList = require("../../MessageList/hooks/useMessageList");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
 
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
@@ -23,8 +21,12 @@ var _CheckAll = require("../../../icons/CheckAll");
 
 var _Time = require("../../../icons/Time");
 
+var _utils = require("../../../utils/utils");
+
+var _useMessageList = require("../../MessageList/hooks/useMessageList");
+
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageStatus.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageStatus.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   readByCount: {
@@ -42,12 +44,13 @@ var styles = _reactNative.StyleSheet.create({
 
 var MessageStatusWithContext = function MessageStatusWithContext(props) {
   var message = props.message,
-      readEventsEnabled = props.readEventsEnabled,
       threadList = props.threadList;
 
   var _useTheme = (0, _ThemeContext.useTheme)(),
       _useTheme$theme = _useTheme.theme,
-      accent_blue = _useTheme$theme.colors.accent_blue,
+      _useTheme$theme$color = _useTheme$theme.colors,
+      accent_blue = _useTheme$theme$color.accent_blue,
+      grey_dark = _useTheme$theme$color.grey_dark,
       _useTheme$theme$messa = _useTheme$theme.messageSimple.status,
       checkAllIcon = _useTheme$theme$messa.checkAllIcon,
       checkIcon = _useTheme$theme$messa.checkIcon,
@@ -55,42 +58,44 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       statusContainer = _useTheme$theme$messa.statusContainer,
       timeIcon = _useTheme$theme$messa.timeIcon;
 
-  if (message.status === 'sending') {
+  if (message.status === _utils.MessageStatusTypes.SENDING) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
+      testID: "sending-container",
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 77,
+        lineNumber: 53,
         columnNumber: 7
       }
     }, _react["default"].createElement(_Time.Time, (0, _extends2["default"])({}, timeIcon, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 54,
         columnNumber: 9
       }
     })));
   }
 
-  if ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && !threadList && readEventsEnabled !== false) {
+  if ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && !threadList) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 61,
         columnNumber: 7
       }
     }, typeof message.readBy === 'number' ? _react["default"].createElement(_reactNative.Text, {
       style: [styles.readByCount, {
         color: accent_blue
       }, readByCount],
+      testID: "read-by-container",
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 63,
         columnNumber: 11
       }
     }, message.readBy) : null, typeof message.readBy === 'number' || message.readBy === true ? _react["default"].createElement(_CheckAll.CheckAll, (0, _extends2["default"])({
@@ -99,33 +104,38 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 71,
         columnNumber: 11
       }
-    })) : _react["default"].createElement(_Check.Check, (0, _extends2["default"])({}, checkIcon, {
+    })) : _react["default"].createElement(_Check.Check, (0, _extends2["default"])({
+      pathFill: grey_dark
+    }, checkIcon, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 73,
         columnNumber: 11
       }
     })));
   }
 
-  if (message.status === 'received' && message.type !== 'ephemeral' && !threadList) {
+  if (message.status === _utils.MessageStatusTypes.RECEIVED && message.type !== 'ephemeral' && !threadList) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
+      testID: "delivered-container",
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 85,
         columnNumber: 7
       }
-    }, _react["default"].createElement(_Check.Check, (0, _extends2["default"])({}, checkIcon, {
+    }, _react["default"].createElement(_Check.Check, (0, _extends2["default"])({
+      pathFill: grey_dark
+    }, checkIcon, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 86,
         columnNumber: 9
       }
     })));
@@ -136,15 +146,11 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
 
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevMessage = prevProps.message,
-      prevReadEventsEnabled = prevProps.readEventsEnabled,
       prevThreadList = prevProps.threadList;
   var nextMessage = nextProps.message,
-      nextReadEventsEnabled = nextProps.readEventsEnabled,
       nextThreadList = nextProps.threadList;
   var threadListEqual = prevThreadList === nextThreadList;
   if (!threadListEqual) return false;
-  var readEventsEnabledEqual = prevReadEventsEnabled === nextReadEventsEnabled;
-  if (!readEventsEnabledEqual) return false;
   var messageEqual = prevMessage.status === nextMessage.status && prevMessage.type === nextMessage.type && ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(prevMessage) && prevMessage.readBy) === ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(nextMessage) && nextMessage.readBy);
   if (!messageEqual) return false;
   return true;
@@ -155,18 +161,16 @@ var MemoizedMessageStatus = _react["default"].memo(MessageStatusWithContext, are
 var MessageStatus = function MessageStatus(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
       message = _useMessageContext.message,
-      readEventsEnabled = _useMessageContext.readEventsEnabled,
       threadList = _useMessageContext.threadList;
 
   return _react["default"].createElement(MemoizedMessageStatus, (0, _extends2["default"])({
     message: message,
-    readEventsEnabled: readEventsEnabled,
     threadList: threadList
   }, props, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 130,
       columnNumber: 10
     }
   }));

package/lib/module/components/Message/MessageSimple/MessageStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageStatus.tsx"],"names":["styles","StyleSheet","create","readByCount","fontSize","fontWeight","paddingRight","statusContainer","alignItems","flexDirection","justifyContent","MessageStatusWithContext","props","message","readEventsEnabled","threadList","theme","accent_blue","colors","messageSimple","status","checkAllIcon","checkIcon","timeIcon","readBy","color","type","areEqual","prevProps","nextProps","prevMessage","prevReadEventsEnabled","prevThreadList","nextMessage","nextReadEventsEnabled","nextThreadList","threadListEqual","readEventsEnabledEqual","messageEqual","MemoizedMessageStatus","React","memo","MessageStatus","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { isMessageWithStylesReadByAndDateSeparator } from '../../MessageList/hooks/useMessageList';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Check } from '../../../icons/Check';\nimport { CheckAll } from '../../../icons/CheckAll';\nimport { Time } from '../../../icons/Time';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  readByCount: {\n    fontSize: 11,\n    fontWeight: '700',\n    paddingRight: 3,\n  },\n  statusContainer: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    paddingRight: 3,\n  },\n});\n\nexport type MessageStatusPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Pick<\n  MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'message' | 'readEventsEnabled' | 'threadList'\n>;\n\nconst MessageStatusWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, readEventsEnabled, threadList } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue },\n      messageSimple: {\n        status: { checkAllIcon, checkIcon, readByCount, statusContainer, timeIcon },\n      },\n    },\n  } = useTheme();\n\n  if (message.status === 'sending') {\n    return (\n      <View style={[styles.statusContainer, statusContainer]}>\n        <Time {...timeIcon} />\n      </View>\n    );\n  }\n\n  if (\n    isMessageWithStylesReadByAndDateSeparator(message) &&\n    !threadList &&\n    readEventsEnabled !== false\n  ) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]}>\n        {typeof message.readBy === 'number' ? (\n          <Text style={[styles.readByCount, { color: accent_blue }, readByCount]}>\n            {message.readBy}\n          </Text>\n        ) : null}\n        {typeof message.readBy === 'number' || message.readBy === true ? (\n          <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n        ) : (\n          <Check {...checkIcon} />\n        )}\n      </View>\n    );\n  }\n\n  if (message.status === 'received' && message.type !== 'ephemeral' && !threadList) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]}>\n        <Check {...checkIcon} />\n      </View>\n    );\n  }\n\n  return null;\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    message: prevMessage,\n    readEventsEnabled: prevReadEventsEnabled,\n    threadList: prevThreadList,\n  } = prevProps;\n  const {\n    message: nextMessage,\n    readEventsEnabled: nextReadEventsEnabled,\n    threadList: nextThreadList,\n  } = nextProps;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const readEventsEnabledEqual = prevReadEventsEnabled === nextReadEventsEnabled;\n  if (!readEventsEnabledEqual) return false;\n\n  const messageEqual =\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    (isMessageWithStylesReadByAndDateSeparator(prevMessage) && prevMessage.readBy) ===\n      (isMessageWithStylesReadByAndDateSeparator(nextMessage) && nextMessage.readBy);\n  if (!messageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageStatus = React.memo(\n  MessageStatusWithContext,\n  areEqual,\n) as typeof MessageStatusWithContext;\n\nexport type MessageStatusProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Partial<MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageStatus = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageStatusProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, readEventsEnabled, threadList } =\n    useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedMessageStatus {...{ message, readEventsEnabled, threadList }} {...props} />;\n};\n\nMessageStatus.displayName = 'MessageStatus{messageSimple{status}}';\n"]}
+{"version":3,"sources":["MessageStatus.tsx"],"names":["styles","StyleSheet","create","readByCount","fontSize","fontWeight","paddingRight","statusContainer","alignItems","flexDirection","justifyContent","MessageStatusWithContext","props","message","threadList","theme","colors","accent_blue","grey_dark","messageSimple","status","checkAllIcon","checkIcon","timeIcon","MessageStatusTypes","SENDING","readBy","color","RECEIVED","type","areEqual","prevProps","nextProps","prevMessage","prevThreadList","nextMessage","nextThreadList","threadListEqual","messageEqual","MemoizedMessageStatus","React","memo","MessageStatus","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Check } from '../../../icons/Check';\nimport { CheckAll } from '../../../icons/CheckAll';\nimport { Time } from '../../../icons/Time';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\n\nimport { isMessageWithStylesReadByAndDateSeparator } from '../../MessageList/hooks/useMessageList';\n\nconst styles = StyleSheet.create({\n  readByCount: {\n    fontSize: 11,\n    fontWeight: '700',\n    paddingRight: 3,\n  },\n  statusContainer: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    paddingRight: 3,\n  },\n});\n\nexport type MessageStatusPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'message' | 'threadList'>;\n\nconst MessageStatusWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageStatusPropsWithContext<StreamChatGenerics>,\n) => {\n  const { message, threadList } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, grey_dark },\n      messageSimple: {\n        status: { checkAllIcon, checkIcon, readByCount, statusContainer, timeIcon },\n      },\n    },\n  } = useTheme();\n\n  if (message.status === MessageStatusTypes.SENDING) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]} testID='sending-container'>\n        <Time {...timeIcon} />\n      </View>\n    );\n  }\n\n  if (isMessageWithStylesReadByAndDateSeparator(message) && !threadList) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]}>\n        {typeof message.readBy === 'number' ? (\n          <Text\n            style={[styles.readByCount, { color: accent_blue }, readByCount]}\n            testID='read-by-container'\n          >\n            {message.readBy}\n          </Text>\n        ) : null}\n        {typeof message.readBy === 'number' || message.readBy === true ? (\n          <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n        ) : (\n          <Check pathFill={grey_dark} {...checkIcon} />\n        )}\n      </View>\n    );\n  }\n\n  if (\n    message.status === MessageStatusTypes.RECEIVED &&\n    message.type !== 'ephemeral' &&\n    !threadList\n  ) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]} testID='delivered-container'>\n        <Check pathFill={grey_dark} {...checkIcon} />\n      </View>\n    );\n  }\n\n  return null;\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageStatusPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageStatusPropsWithContext<StreamChatGenerics>,\n) => {\n  const { message: prevMessage, threadList: prevThreadList } = prevProps;\n  const { message: nextMessage, threadList: nextThreadList } = nextProps;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const messageEqual =\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    (isMessageWithStylesReadByAndDateSeparator(prevMessage) && prevMessage.readBy) ===\n      (isMessageWithStylesReadByAndDateSeparator(nextMessage) && nextMessage.readBy);\n  if (!messageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageStatus = React.memo(\n  MessageStatusWithContext,\n  areEqual,\n) as typeof MessageStatusWithContext;\n\nexport type MessageStatusProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageStatusPropsWithContext<StreamChatGenerics>>;\n\nexport const MessageStatus = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageStatusProps<StreamChatGenerics>,\n) => {\n  const { message, threadList } = useMessageContext<StreamChatGenerics>();\n\n  return <MemoizedMessageStatus {...{ message, threadList }} {...props} />;\n};\n\nMessageStatus.displayName = 'MessageStatus{messageSimple{status}}';\n"]}

package/lib/module/components/Message/MessageSimple/MessageTextContainer.js

@@ -24,7 +24,7 @@ var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _excluded = ["onlyEmojiMarkdown"];
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageTextContainer.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageTextContainer.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   textContainer: {
@@ -41,6 +41,7 @@ var MessageTextContainerWithContext = function MessageTextContainerWithContext(p
       message = props.message,
       messageOverlay = props.messageOverlay,
       MessageText = props.MessageText,
+      messageTextNumberOfLines = props.messageTextNumberOfLines,
       onLongPress = props.onLongPress,
       onlyEmojis = props.onlyEmojis,
       onPress = props.onPress,
@@ -62,7 +63,7 @@ var MessageTextContainerWithContext = function MessageTextContainerWithContext(p
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 83,
       columnNumber: 5
     }
   }, MessageText ? _react["default"].createElement(MessageText, (0, _extends2["default"])({}, props, {
@@ -71,7 +72,7 @@ var MessageTextContainerWithContext = function MessageTextContainerWithContext(p
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 88,
       columnNumber: 9
     }
   })) : (0, _renderText.renderText)({
@@ -80,6 +81,7 @@ var MessageTextContainerWithContext = function MessageTextContainerWithContext(p
     markdownStyles: (0, _extends2["default"])({}, markdownStyles, onlyEmojis ? onlyEmojiMarkdown : {}),
     message: message,
     messageOverlay: messageOverlay,
+    messageTextNumberOfLines: messageTextNumberOfLines,
     onLongPress: onLongPress,
     onlyEmojis: onlyEmojis,
     onPress: onPress,
@@ -117,10 +119,12 @@ var MessageTextContainer = function MessageTextContainer(props) {
       markdownRules = _useMessagesContext.markdownRules,
       MessageText = _useMessagesContext.MessageText;
 
+  var messageTextNumberOfLines = props.messageTextNumberOfLines;
   return _react["default"].createElement(MemoizedMessageTextContainer, (0, _extends2["default"])({
     markdownRules: markdownRules,
     message: message,
     MessageText: MessageText,
+    messageTextNumberOfLines: messageTextNumberOfLines,
     onLongPress: onLongPress,
     onlyEmojis: onlyEmojis,
     onPress: onPress,
@@ -129,7 +133,7 @@ var MessageTextContainer = function MessageTextContainer(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 154,
       columnNumber: 5
     }
   }));

package/lib/module/components/Message/MessageSimple/MessageTextContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageTextContainer.tsx"],"names":["styles","StyleSheet","create","textContainer","maxWidth","paddingHorizontal","MessageTextContainerWithContext","props","theme","markdownRules","markdownStyles","markdownStylesProp","message","messageOverlay","MessageText","onLongPress","onlyEmojis","onPress","preventPress","stylesProp","colors","messageSimple","content","markdown","onlyEmojiMarkdown","text","renderText","areEqual","prevProps","nextProps","prevMessage","prevOnlyEmojis","nextMessage","nextOnlyEmojis","messageTextEqual","onlyEmojisEqual","mentionedUsersEqual","mentioned_users","length","name","MemoizedMessageTextContainer","React","memo","MessageTextContainer","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { renderText, RenderTextParams } from './utils/renderText';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { MarkdownStyle, Theme } from '../../../contexts/themeContext/utils/theme';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  textContainer: { maxWidth: 250, paddingHorizontal: 16 },\n});\n\nexport type MessageTextProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = MessageTextContainerProps<At, Ch, Co, Ev, Me, Re, Us> & {\n  renderText: (params: RenderTextParams<At, Ch, Co, Ev, Me, Re, Us>) => JSX.Element | null;\n  theme: { theme: Theme };\n};\n\nexport type MessageTextContainerPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'message' | 'onLongPress' | 'onlyEmojis' | 'onPress' | 'preventPress'\n> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'markdownRules' | 'MessageText'> & {\n    markdownStyles?: MarkdownStyle;\n    messageOverlay?: boolean;\n    styles?: Partial<{\n      textContainer: StyleProp<ViewStyle>;\n    }>;\n  };\n\nconst MessageTextContainerWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MessageTextContainerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const theme = useTheme();\n\n  const {\n    markdownRules,\n    markdownStyles: markdownStylesProp = {},\n    message,\n    messageOverlay,\n    MessageText,\n    onLongPress,\n    onlyEmojis,\n    onPress,\n    preventPress,\n    styles: stylesProp = {},\n  } = props;\n\n  const {\n    theme: {\n      colors,\n      messageSimple: {\n        content: {\n          markdown,\n          textContainer: { onlyEmojiMarkdown, ...textContainer },\n        },\n      },\n    },\n  } = theme;\n\n  if (!message.text) return null;\n\n  const markdownStyles = { ...markdown, ...markdownStylesProp };\n\n  return (\n    <View\n      style={[styles.textContainer, textContainer, stylesProp.textContainer]}\n      testID='message-text-container'\n    >\n      {MessageText ? (\n        <MessageText {...props} renderText={renderText} theme={theme} />\n      ) : (\n        renderText<At, Ch, Co, Ev, Me, Re, Us>({\n          colors,\n          markdownRules,\n          markdownStyles: {\n            ...markdownStyles,\n            ...(onlyEmojis ? onlyEmojiMarkdown : {}),\n          },\n          message,\n          messageOverlay,\n          onLongPress,\n          onlyEmojis,\n          onPress,\n          preventPress,\n        })\n      )}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MessageTextContainerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageTextContainerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message: prevMessage, onlyEmojis: prevOnlyEmojis } = prevProps;\n  const { message: nextMessage, onlyEmojis: nextOnlyEmojis } = nextProps;\n\n  const messageTextEqual = prevMessage.text === nextMessage.text;\n  if (!messageTextEqual) return false;\n\n  const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;\n  if (!onlyEmojisEqual) return false;\n\n  const mentionedUsersEqual =\n    prevMessage.mentioned_users?.length === nextMessage.mentioned_users?.length &&\n    (nextMessage.mentioned_users?.length === 0 ||\n      (prevMessage.mentioned_users?.length &&\n        nextMessage.mentioned_users?.length &&\n        prevMessage.mentioned_users[0].name === nextMessage.mentioned_users[0].name));\n  if (!mentionedUsersEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageTextContainer = React.memo(\n  MessageTextContainerWithContext,\n  areEqual,\n) as typeof MessageTextContainerWithContext;\n\nexport type MessageTextContainerProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<MessageTextContainerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageTextContainer = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: MessageTextContainerProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, onLongPress, onlyEmojis, onPress, preventPress } =\n    useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { markdownRules, MessageText } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedMessageTextContainer\n      {...{\n        markdownRules,\n        message,\n        MessageText,\n        onLongPress,\n        onlyEmojis,\n        onPress,\n        preventPress,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageTextContainer.displayName = 'MessageTextContainer{messageSimple{content}}';\n"]}
+{"version":3,"sources":["MessageTextContainer.tsx"],"names":["styles","StyleSheet","create","textContainer","maxWidth","paddingHorizontal","MessageTextContainerWithContext","props","theme","markdownRules","markdownStyles","markdownStylesProp","message","messageOverlay","MessageText","messageTextNumberOfLines","onLongPress","onlyEmojis","onPress","preventPress","stylesProp","colors","messageSimple","content","markdown","onlyEmojiMarkdown","text","renderText","areEqual","prevProps","nextProps","prevMessage","prevOnlyEmojis","nextMessage","nextOnlyEmojis","messageTextEqual","onlyEmojisEqual","mentionedUsersEqual","mentioned_users","length","name","MemoizedMessageTextContainer","React","memo","MessageTextContainer","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { renderText, RenderTextParams } from './utils/renderText';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { MarkdownStyle, Theme } from '../../../contexts/themeContext/utils/theme';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  textContainer: { maxWidth: 250, paddingHorizontal: 16 },\n});\n\nexport type MessageTextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageTextContainerProps<StreamChatGenerics> & {\n  renderText: (params: RenderTextParams<StreamChatGenerics>) => JSX.Element | null;\n  theme: { theme: Theme };\n};\n\nexport type MessageTextContainerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  'message' | 'onLongPress' | 'onlyEmojis' | 'onPress' | 'preventPress'\n> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'markdownRules' | 'MessageText'> & {\n    markdownStyles?: MarkdownStyle;\n    messageOverlay?: boolean;\n    messageTextNumberOfLines?: number;\n    styles?: Partial<{\n      textContainer: StyleProp<ViewStyle>;\n    }>;\n  };\n\nconst MessageTextContainerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageTextContainerPropsWithContext<StreamChatGenerics>,\n) => {\n  const theme = useTheme();\n\n  const {\n    markdownRules,\n    markdownStyles: markdownStylesProp = {},\n    message,\n    messageOverlay,\n    MessageText,\n    messageTextNumberOfLines,\n    onLongPress,\n    onlyEmojis,\n    onPress,\n    preventPress,\n    styles: stylesProp = {},\n  } = props;\n\n  const {\n    theme: {\n      colors,\n      messageSimple: {\n        content: {\n          markdown,\n          textContainer: { onlyEmojiMarkdown, ...textContainer },\n        },\n      },\n    },\n  } = theme;\n\n  if (!message.text) return null;\n\n  const markdownStyles = { ...markdown, ...markdownStylesProp };\n\n  return (\n    <View\n      style={[styles.textContainer, textContainer, stylesProp.textContainer]}\n      testID='message-text-container'\n    >\n      {MessageText ? (\n        <MessageText {...props} renderText={renderText} theme={theme} />\n      ) : (\n        renderText<StreamChatGenerics>({\n          colors,\n          markdownRules,\n          markdownStyles: {\n            ...markdownStyles,\n            ...(onlyEmojis ? onlyEmojiMarkdown : {}),\n          },\n          message,\n          messageOverlay,\n          messageTextNumberOfLines,\n          onLongPress,\n          onlyEmojis,\n          onPress,\n          preventPress,\n        })\n      )}\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageTextContainerPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageTextContainerPropsWithContext<StreamChatGenerics>,\n) => {\n  const { message: prevMessage, onlyEmojis: prevOnlyEmojis } = prevProps;\n  const { message: nextMessage, onlyEmojis: nextOnlyEmojis } = nextProps;\n\n  const messageTextEqual = prevMessage.text === nextMessage.text;\n  if (!messageTextEqual) return false;\n\n  const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;\n  if (!onlyEmojisEqual) return false;\n\n  const mentionedUsersEqual =\n    prevMessage.mentioned_users?.length === nextMessage.mentioned_users?.length &&\n    (nextMessage.mentioned_users?.length === 0 ||\n      (prevMessage.mentioned_users?.length &&\n        nextMessage.mentioned_users?.length &&\n        prevMessage.mentioned_users[0].name === nextMessage.mentioned_users[0].name));\n  if (!mentionedUsersEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageTextContainer = React.memo(\n  MessageTextContainerWithContext,\n  areEqual,\n) as typeof MessageTextContainerWithContext;\n\nexport type MessageTextContainerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessageTextContainerPropsWithContext<StreamChatGenerics>>;\n\nexport const MessageTextContainer = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageTextContainerProps<StreamChatGenerics>,\n) => {\n  const { message, onLongPress, onlyEmojis, onPress, preventPress } =\n    useMessageContext<StreamChatGenerics>();\n  const { markdownRules, MessageText } = useMessagesContext<StreamChatGenerics>();\n  const { messageTextNumberOfLines } = props;\n\n  return (\n    <MemoizedMessageTextContainer\n      {...{\n        markdownRules,\n        message,\n        MessageText,\n        messageTextNumberOfLines,\n        onLongPress,\n        onlyEmojis,\n        onPress,\n        preventPress,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageTextContainer.displayName = 'MessageTextContainer{messageSimple{content}}';\n"]}