stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

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

@@ -1,33 +1,20 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageStatus = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _Check = require("../../../icons/Check");
-
 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 = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageStatus.tsx";
 var styles = _reactNative.StyleSheet.create({
   readByCount: {
     fontSize: 11,
@@ -41,23 +28,20 @@ var styles = _reactNative.StyleSheet.create({
     paddingRight: 3
   }
 });
-
 var MessageStatusWithContext = function MessageStatusWithContext(props) {
   var message = props.message,
-      threadList = props.threadList;
-
+    threadList = props.threadList;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _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,
-      readByCount = _useTheme$theme$messa.readByCount,
-      statusContainer = _useTheme$theme$messa.statusContainer,
-      timeIcon = _useTheme$theme$messa.timeIcon;
-
+    _useTheme$theme = _useTheme.theme,
+    _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,
+    readByCount = _useTheme$theme$messa.readByCount,
+    statusContainer = _useTheme$theme$messa.statusContainer,
+    timeIcon = _useTheme$theme$messa.timeIcon;
   if (message.status === _utils.MessageStatusTypes.SENDING) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
@@ -77,7 +61,6 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       }
     })));
   }
-
   if ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(message) && !threadList) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
@@ -118,7 +101,6 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       }
     })));
   }
-
   if (message.status === _utils.MessageStatusTypes.RECEIVED && message.type !== 'ephemeral' && !threadList) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
@@ -140,29 +122,24 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       }
     })));
   }
-
   return null;
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevMessage = prevProps.message,
-      prevThreadList = prevProps.threadList;
+    prevThreadList = prevProps.threadList;
   var nextMessage = nextProps.message,
-      nextThreadList = nextProps.threadList;
+    nextThreadList = nextProps.threadList;
   var threadListEqual = prevThreadList === nextThreadList;
   if (!threadListEqual) 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;
 };
-
 var MemoizedMessageStatus = _react["default"].memo(MessageStatusWithContext, areEqual);
-
 var MessageStatus = function MessageStatus(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      message = _useMessageContext.message,
-      threadList = _useMessageContext.threadList;
-
+    message = _useMessageContext.message,
+    threadList = _useMessageContext.threadList;
   return _react["default"].createElement(MemoizedMessageStatus, (0, _extends2["default"])({
     message: message,
     threadList: threadList
@@ -175,7 +152,6 @@ var MessageStatus = function MessageStatus(props) {
     }
   }));
 };
-
 exports.MessageStatus = MessageStatus;
 MessageStatus.displayName = 'MessageStatus{messageSimple{status}}';
 //# sourceMappingURL=MessageStatus.js.map

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","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"]}
+{"version":3,"names":["styles","StyleSheet","create","readByCount","fontSize","fontWeight","paddingRight","statusContainer","alignItems","flexDirection","justifyContent","MessageStatusWithContext","props","message","threadList","useTheme","theme","colors","accent_blue","grey_dark","messageSimple","status","checkAllIcon","checkIcon","timeIcon","MessageStatusTypes","SENDING","isMessageWithStylesReadByAndDateSeparator","readBy","color","RECEIVED","type","areEqual","prevProps","nextProps","prevMessage","prevThreadList","nextMessage","nextThreadList","threadListEqual","messageEqual","MemoizedMessageStatus","React","memo","MessageStatus","useMessageContext","displayName"],"sources":["MessageStatus.tsx"],"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"],"mappings":"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"}

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

@@ -1,62 +1,48 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageTextContainer = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _renderText = require("./utils/renderText");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _useTranslatedMessage = require("../../../hooks/useTranslatedMessage");
-
 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 = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageTextContainer.tsx";
 var styles = _reactNative.StyleSheet.create({
   textContainer: {
     maxWidth: 250,
     paddingHorizontal: 16
   }
 });
-
 var MessageTextContainerWithContext = function MessageTextContainerWithContext(props) {
   var theme = (0, _ThemeContext.useTheme)();
   var markdownRules = props.markdownRules,
-      _props$markdownStyles = props.markdownStyles,
-      markdownStylesProp = _props$markdownStyles === void 0 ? {} : _props$markdownStyles,
-      message = props.message,
-      messageOverlay = props.messageOverlay,
-      MessageText = props.MessageText,
-      messageTextNumberOfLines = props.messageTextNumberOfLines,
-      onLongPress = props.onLongPress,
-      onlyEmojis = props.onlyEmojis,
-      onPress = props.onPress,
-      preventPress = props.preventPress,
-      _props$styles = props.styles,
-      stylesProp = _props$styles === void 0 ? {} : _props$styles;
+    _props$markdownStyles = props.markdownStyles,
+    markdownStylesProp = _props$markdownStyles === void 0 ? {} : _props$markdownStyles,
+    message = props.message,
+    messageOverlay = props.messageOverlay,
+    MessageText = props.MessageText,
+    messageTextNumberOfLines = props.messageTextNumberOfLines,
+    onLongPress = props.onLongPress,
+    onlyEmojis = props.onlyEmojis,
+    onPress = props.onPress,
+    preventPress = props.preventPress,
+    _props$styles = props.styles,
+    stylesProp = _props$styles === void 0 ? {} : _props$styles;
   var _theme$theme = theme.theme,
-      colors = _theme$theme.colors,
-      _theme$theme$messageS = _theme$theme.messageSimple.content,
-      markdown = _theme$theme$messageS.markdown,
-      _theme$theme$messageS2 = _theme$theme$messageS.textContainer,
-      onlyEmojiMarkdown = _theme$theme$messageS2.onlyEmojiMarkdown,
-      textContainer = (0, _objectWithoutProperties2["default"])(_theme$theme$messageS2, _excluded);
+    colors = _theme$theme.colors,
+    _theme$theme$messageS = _theme$theme.messageSimple.content,
+    markdown = _theme$theme$messageS.markdown,
+    _theme$theme$messageS2 = _theme$theme$messageS.textContainer,
+    onlyEmojiMarkdown = _theme$theme$messageS2.onlyEmojiMarkdown,
+    textContainer = (0, _objectWithoutProperties2["default"])(_theme$theme$messageS2, _excluded);
   var translatedMessage = (0, _useTranslatedMessage.useTranslatedMessage)(message);
   if (!message.text) return null;
   var markdownStyles = (0, _extends2["default"])({}, markdown, markdownStylesProp);
@@ -91,16 +77,14 @@ var MessageTextContainerWithContext = function MessageTextContainerWithContext(p
     preventPress: preventPress
   }));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevMessage$mentione, _nextMessage$mentione, _nextMessage$mentione2, _prevMessage$mentione2, _nextMessage$mentione3;
-
   var prevMarkdownStyles = prevProps.markdownStyles,
-      prevMessage = prevProps.message,
-      prevOnlyEmojis = prevProps.onlyEmojis;
+    prevMessage = prevProps.message,
+    prevOnlyEmojis = prevProps.onlyEmojis;
   var nextMarkdownStyles = nextProps.markdownStyles,
-      nextMessage = nextProps.message,
-      nextOnlyEmojis = nextProps.onlyEmojis;
+    nextMessage = nextProps.message,
+    nextOnlyEmojis = nextProps.onlyEmojis;
   var messageTextEqual = prevMessage.text === nextMessage.text;
   if (!messageTextEqual) return false;
   var onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;
@@ -111,21 +95,17 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!markdownStylesEqual) return false;
   return true;
 };
-
 var MemoizedMessageTextContainer = _react["default"].memo(MessageTextContainerWithContext, areEqual);
-
 var MessageTextContainer = function MessageTextContainer(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      message = _useMessageContext.message,
-      onLongPress = _useMessageContext.onLongPress,
-      onlyEmojis = _useMessageContext.onlyEmojis,
-      onPress = _useMessageContext.onPress,
-      preventPress = _useMessageContext.preventPress;
-
+    message = _useMessageContext.message,
+    onLongPress = _useMessageContext.onLongPress,
+    onlyEmojis = _useMessageContext.onlyEmojis,
+    onPress = _useMessageContext.onPress,
+    preventPress = _useMessageContext.preventPress;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      markdownRules = _useMessagesContext.markdownRules,
-      MessageText = _useMessagesContext.MessageText;
-
+    markdownRules = _useMessagesContext.markdownRules,
+    MessageText = _useMessagesContext.MessageText;
   var messageTextNumberOfLines = props.messageTextNumberOfLines;
   return _react["default"].createElement(MemoizedMessageTextContainer, (0, _extends2["default"])({
     markdownRules: markdownRules,
@@ -145,7 +125,6 @@ var MessageTextContainer = function MessageTextContainer(props) {
     }
   }));
 };
-
 exports.MessageTextContainer = MessageTextContainer;
 MessageTextContainer.displayName = 'MessageTextContainer{messageSimple{content}}';
 //# sourceMappingURL=MessageTextContainer.js.map

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","messageTextNumberOfLines","onLongPress","onlyEmojis","onPress","preventPress","stylesProp","colors","messageSimple","content","markdown","onlyEmojiMarkdown","translatedMessage","text","renderText","areEqual","prevProps","nextProps","prevMarkdownStyles","prevMessage","prevOnlyEmojis","nextMarkdownStyles","nextMessage","nextOnlyEmojis","messageTextEqual","onlyEmojisEqual","mentionedUsersEqual","mentioned_users","length","name","markdownStylesEqual","Object","keys","JSON","stringify","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 { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { MessageType } from '../../MessageList/hooks/useMessageList';\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  const translatedMessage = useTranslatedMessage<StreamChatGenerics>(\n    message,\n  ) as MessageType<StreamChatGenerics>;\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: translatedMessage,\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 {\n    markdownStyles: prevMarkdownStyles,\n    message: prevMessage,\n    onlyEmojis: prevOnlyEmojis,\n  } = prevProps;\n  const {\n    markdownStyles: nextMarkdownStyles,\n    message: nextMessage,\n    onlyEmojis: nextOnlyEmojis,\n  } = 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  // stringify could be an expensive operation, so lets rule out the obvious\n  // possibilities first such as different object reference or empty objects etc.\n  // Also keeping markdown equality check at the last to make sure other less\n  // expensive equality checks get executed first and markdown check will be skipped if returned\n  // false from previous checks.\n  const markdownStylesEqual =\n    prevMarkdownStyles === nextMarkdownStyles ||\n    (Object.keys(prevMarkdownStyles || {}).length === 0 &&\n      Object.keys(nextMarkdownStyles || {}).length === 0) ||\n    JSON.stringify(prevMarkdownStyles) === JSON.stringify(nextMarkdownStyles);\n  if (!markdownStylesEqual) 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"]}
+{"version":3,"names":["styles","StyleSheet","create","textContainer","maxWidth","paddingHorizontal","MessageTextContainerWithContext","props","theme","useTheme","markdownRules","markdownStyles","markdownStylesProp","message","messageOverlay","MessageText","messageTextNumberOfLines","onLongPress","onlyEmojis","onPress","preventPress","stylesProp","colors","messageSimple","content","markdown","onlyEmojiMarkdown","translatedMessage","useTranslatedMessage","text","renderText","areEqual","prevProps","nextProps","prevMarkdownStyles","prevMessage","prevOnlyEmojis","nextMarkdownStyles","nextMessage","nextOnlyEmojis","messageTextEqual","onlyEmojisEqual","mentionedUsersEqual","mentioned_users","length","name","markdownStylesEqual","Object","keys","JSON","stringify","MemoizedMessageTextContainer","React","memo","MessageTextContainer","useMessageContext","useMessagesContext","displayName"],"sources":["MessageTextContainer.tsx"],"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 { useTranslatedMessage } from '../../../hooks/useTranslatedMessage';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { MessageType } from '../../MessageList/hooks/useMessageList';\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  const translatedMessage = useTranslatedMessage<StreamChatGenerics>(\n    message,\n  ) as MessageType<StreamChatGenerics>;\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: translatedMessage,\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 {\n    markdownStyles: prevMarkdownStyles,\n    message: prevMessage,\n    onlyEmojis: prevOnlyEmojis,\n  } = prevProps;\n  const {\n    markdownStyles: nextMarkdownStyles,\n    message: nextMessage,\n    onlyEmojis: nextOnlyEmojis,\n  } = 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  // stringify could be an expensive operation, so lets rule out the obvious\n  // possibilities first such as different object reference or empty objects etc.\n  // Also keeping markdown equality check at the last to make sure other less\n  // expensive equality checks get executed first and markdown check will be skipped if returned\n  // false from previous checks.\n  const markdownStylesEqual =\n    prevMarkdownStyles === nextMarkdownStyles ||\n    (Object.keys(prevMarkdownStyles || {}).length === 0 &&\n      Object.keys(nextMarkdownStyles || {}).length === 0) ||\n    JSON.stringify(prevMarkdownStyles) === JSON.stringify(nextMarkdownStyles);\n  if (!markdownStylesEqual) 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"],"mappings":"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"}

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

@@ -1,35 +1,21 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactionList = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _Unknown = require("../../../icons/Unknown");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/ReactionList.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/ReactionList.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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   container: {
     left: 0,
@@ -46,15 +32,13 @@ var styles = _reactNative.StyleSheet.create({
     position: 'absolute'
   }
 });
-
 var Icon = function Icon(_ref) {
   var _supportedReactions$f;
-
   var pathFill = _ref.pathFill,
-      size = _ref.size,
-      style = _ref.style,
-      supportedReactions = _ref.supportedReactions,
-      type = _ref.type;
+    size = _ref.size,
+    style = _ref.style,
+    supportedReactions = _ref.supportedReactions,
+    type = _ref.type;
   var ReactionIcon = ((_supportedReactions$f = supportedReactions.find(function (reaction) {
     return reaction.type === type;
   })) == null ? void 0 : _supportedReactions$f.Icon) || _Unknown.Unknown;
@@ -78,49 +62,46 @@ var Icon = function Icon(_ref) {
     }
   }));
 };
-
 var ReactionListWithContext = function ReactionListWithContext(props) {
   var alignment = props.alignment,
-      propFill = props.fill,
-      message = props.message,
-      messageContentWidth = props.messageContentWidth,
-      _onLongPress = props.onLongPress,
-      _onPress = props.onPress,
-      _onPressIn = props.onPressIn,
-      preventPress = props.preventPress,
-      propRadius = props.radius,
-      reactions = props.reactions,
-      propReactionSize = props.reactionSize,
-      showMessageOverlay = props.showMessageOverlay,
-      propStroke = props.stroke,
-      propStrokeSize = props.strokeSize,
-      supportedReactions = props.supportedReactions,
-      targetedMessage = props.targetedMessage;
-
+    propFill = props.fill,
+    message = props.message,
+    messageContentWidth = props.messageContentWidth,
+    _onLongPress = props.onLongPress,
+    _onPress = props.onPress,
+    _onPressIn = props.onPressIn,
+    preventPress = props.preventPress,
+    propRadius = props.radius,
+    reactions = props.reactions,
+    propReactionSize = props.reactionSize,
+    showMessageOverlay = props.showMessageOverlay,
+    propStroke = props.stroke,
+    propStrokeSize = props.strokeSize,
+    supportedReactions = props.supportedReactions,
+    targetedMessage = props.targetedMessage;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      accent_blue = _useTheme$theme$color.accent_blue,
-      grey = _useTheme$theme$color.grey,
-      grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
-      grey_whisper = _useTheme$theme$color.grey_whisper,
-      targetedMessageBackground = _useTheme$theme$color.targetedMessageBackground,
-      white = _useTheme$theme$color.white,
-      white_snow = _useTheme$theme$color.white_snow,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple,
-      _useTheme$theme$messa2 = _useTheme$theme$messa.avatarWrapper,
-      leftAlign = _useTheme$theme$messa2.leftAlign,
-      spacer = _useTheme$theme$messa2.spacer,
-      _useTheme$theme$messa3 = _useTheme$theme$messa.reactionList,
-      container = _useTheme$theme$messa3.container,
-      middleIcon = _useTheme$theme$messa3.middleIcon,
-      themeRadius = _useTheme$theme$messa3.radius,
-      reactionBubble = _useTheme$theme$messa3.reactionBubble,
-      reactionBubbleBackground = _useTheme$theme$messa3.reactionBubbleBackground,
-      themeReactionSize = _useTheme$theme$messa3.reactionSize,
-      themeStrokeSize = _useTheme$theme$messa3.strokeSize,
-      screenPadding = _useTheme$theme.screenPadding;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey,
+    grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
+    grey_whisper = _useTheme$theme$color.grey_whisper,
+    targetedMessageBackground = _useTheme$theme$color.targetedMessageBackground,
+    white = _useTheme$theme$color.white,
+    white_snow = _useTheme$theme$color.white_snow,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple,
+    _useTheme$theme$messa2 = _useTheme$theme$messa.avatarWrapper,
+    leftAlign = _useTheme$theme$messa2.leftAlign,
+    spacer = _useTheme$theme$messa2.spacer,
+    _useTheme$theme$messa3 = _useTheme$theme$messa.reactionList,
+    container = _useTheme$theme$messa3.container,
+    middleIcon = _useTheme$theme$messa3.middleIcon,
+    themeRadius = _useTheme$theme$messa3.radius,
+    reactionBubble = _useTheme$theme$messa3.reactionBubble,
+    reactionBubbleBackground = _useTheme$theme$messa3.reactionBubbleBackground,
+    themeReactionSize = _useTheme$theme$messa3.reactionSize,
+    themeStrokeSize = _useTheme$theme$messa3.strokeSize,
+    screenPadding = _useTheme$theme.screenPadding;
   var width = (0, _reactNative.useWindowDimensions)().width;
   var supportedReactionTypes = supportedReactions.map(function (supportedReaction) {
     return supportedReaction.type;
@@ -128,11 +109,9 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
   var hasSupportedReactions = reactions.some(function (reaction) {
     return supportedReactionTypes.includes(reaction.type);
   });
-
   if (!hasSupportedReactions || messageContentWidth === 0) {
     return null;
   }
-
   var alignmentLeft = alignment === 'left';
   var fill = propFill || alignmentLeft ? grey_gainsboro : grey_whisper;
   var radius = propRadius || themeRadius;
@@ -345,14 +324,13 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     });
   }))) : null);
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevMessage = prevProps.message,
-      prevMessageContentWidth = prevProps.messageContentWidth,
-      prevTargetedMessage = prevProps.targetedMessage;
+    prevMessageContentWidth = prevProps.messageContentWidth,
+    prevTargetedMessage = prevProps.targetedMessage;
   var nextMessage = nextProps.message,
-      nextMessageContentWidth = nextProps.messageContentWidth,
-      nextTargetedMessage = nextProps.targetedMessage;
+    nextMessageContentWidth = nextProps.messageContentWidth,
+    nextTargetedMessage = nextProps.targetedMessage;
   var messageContentWidthEqual = prevMessageContentWidth === nextMessageContentWidth;
   if (!messageContentWidthEqual) return false;
   var messagePinnedEqual = prevMessage.pinned === nextMessage.pinned;
@@ -361,31 +339,26 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!targetedMessageEqual) return false;
   var latestReactionsEqual = Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions) ? prevMessage.latest_reactions.length === nextMessage.latest_reactions.length && prevMessage.latest_reactions.every(function (_ref2, index) {
     var _nextMessage$latest_r;
-
     var type = _ref2.type;
     return type === ((_nextMessage$latest_r = nextMessage.latest_reactions) == null ? void 0 : _nextMessage$latest_r[index].type);
   }) : prevMessage.latest_reactions === nextMessage.latest_reactions;
   if (!latestReactionsEqual) return false;
   return true;
 };
-
 var MemoizedReactionList = _react["default"].memo(ReactionListWithContext, areEqual);
-
 var ReactionList = function ReactionList(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      alignment = _useMessageContext.alignment,
-      message = _useMessageContext.message,
-      onLongPress = _useMessageContext.onLongPress,
-      onPress = _useMessageContext.onPress,
-      onPressIn = _useMessageContext.onPressIn,
-      preventPress = _useMessageContext.preventPress,
-      reactions = _useMessageContext.reactions,
-      showMessageOverlay = _useMessageContext.showMessageOverlay;
-
+    alignment = _useMessageContext.alignment,
+    message = _useMessageContext.message,
+    onLongPress = _useMessageContext.onLongPress,
+    onPress = _useMessageContext.onPress,
+    onPressIn = _useMessageContext.onPressIn,
+    preventPress = _useMessageContext.preventPress,
+    reactions = _useMessageContext.reactions,
+    showMessageOverlay = _useMessageContext.showMessageOverlay;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      supportedReactions = _useMessagesContext.supportedReactions,
-      targetedMessage = _useMessagesContext.targetedMessage;
-
+    supportedReactions = _useMessagesContext.supportedReactions,
+    targetedMessage = _useMessagesContext.targetedMessage;
   return _react["default"].createElement(MemoizedReactionList, (0, _extends2["default"])({
     alignment: alignment,
     message: message,
@@ -406,6 +379,5 @@ var ReactionList = function ReactionList(props) {
     }
   }));
 };
-
 exports.ReactionList = ReactionList;
 //# sourceMappingURL=ReactionList.js.map