npm - stream-chat-react-native-core - Versions diffs - 3.10.2 → 4.0.0-beta.1 - Mend

stream-chat-react-native-core 3.10.2 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (623) hide show

package/lib/commonjs/components/Message/MessageSimple/MessagePinnedHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["MessagePinnedHeader.tsx"],"names":["styles","StyleSheet","create","container","display","flexDirection","marginBottom","marginLeft","marginTop","label","MessagePinnedHeaderWithContext","props","alignment","message","theme","grey","colors","pinnedHeader","messageSimple","t","client","justifyContent","color","pinned_by","id","user","name","areEqual","prevProps","nextProps","prevMessage","nextMessage","messageEqual","deleted_at","status","type","text","pinned","MemoizedMessagePinnedHeader","React","memo","MessagePinnedHeader","lastGroupMessage","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { PinHeader } from '../../../icons';\n\nimport {\n MessageContextValue,\n useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n container: {\n display: 'flex',\n flexDirection: 'row',\n marginBottom: 8,\n marginLeft: 30,\n marginTop: 5,\n },\n label: {},\n});\n\nimport type {\n DefaultAttachmentType,\n DefaultChannelType,\n DefaultCommandType,\n DefaultEventType,\n DefaultMessageType,\n DefaultReactionType,\n DefaultUserType,\n UnknownType,\n} from '../../../types/types';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\n\nexport type MessagePinnedHeaderPropsWithContext<\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<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'message'>;\n\nconst MessagePinnedHeaderWithContext = <\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: MessagePinnedHeaderPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { alignment, message } = props;\n const {\n theme: {\n colors: { grey },\n messageSimple: { pinnedHeader },\n },\n } = useTheme();\n const { container, label } = pinnedHeader;\n const { t } = useTranslationContext();\n const { client } = useChatContext();\n return (\n <View\n style={[\n styles.container,\n {\n justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',\n },\n container,\n ]}\n testID='message-pinned'\n >\n <PinHeader pathFill={grey} />\n <Text style={[{ color: grey }, styles.label, label]}>\n Pinned by{' '}\n {message?.pinned_by?.id === client?.user?.id ? t('You') : message?.pinned_by?.name}\n </Text>\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: MessagePinnedHeaderPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n nextProps: MessagePinnedHeaderPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { message: prevMessage } = prevProps;\n const { message: nextMessage } = nextProps;\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 prevMessage.pinned === nextMessage.pinned;\n if (!messageEqual) return false;\n return true;\n};\n\nconst MemoizedMessagePinnedHeader = React.memo(\n MessagePinnedHeaderWithContext,\n areEqual,\n) as typeof MessagePinnedHeaderWithContext;\n\nexport type MessagePinnedHeaderProps<\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<MessagePinnedHeaderPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessagePinnedHeader = <\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: MessagePinnedHeaderProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const { alignment, lastGroupMessage, message } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n return (\n <MemoizedMessagePinnedHeader\n {...{\n alignment,\n lastGroupMessage,\n message,\n }}\n {...props}\n />\n );\n};\n\nMessagePinnedHeader.displayName = 'MessagePinnedHeader{messageSimple{pinned}}';\n"]}

package/lib/commonjs/components/Message/MessageSimple/MessageReplies.js CHANGED Viewed

@@ -202,10 +202,12 @@ var MessageRepliesWithContext = function MessageRepliesWithContext(props) {
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevMessage = prevProps.message,
       prevNoBorder = prevProps.noBorder,
+      prevOnOpenThread = prevProps.onOpenThread,
       prevT = prevProps.t,
       prevThreadList = prevProps.threadList;
   var nextMessage = nextProps.message,
       nextNoBorder = nextProps.noBorder,
+      nextOnOpenThread = nextProps.onOpenThread,
       nextT = nextProps.t,
       nextThreadList = nextProps.threadList;
   var threadListEqual = prevThreadList === nextThreadList;
@@ -216,6 +218,8 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!noBorderEqual) return false;
   var tEqual = prevT === nextT;
   if (!tEqual) return false;
+  var onOpenThreadEqual = prevOnOpenThread === nextOnOpenThread;
+  if (!onOpenThreadEqual) return false;
   return true;
 };
@@ -253,7 +257,7 @@ var MessageReplies = function MessageReplies(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 293,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/Message/MessageSimple/MessageReplies.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageReplies.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","marginTop","curveContainer","leftMessageRepliesCurve","borderBottomLeftRadius","borderRightColor","Platform","select","android","borderRightWidth","messageRepliesCurve","borderTopColor","borderTopWidth","borderWidth","height","width","messageRepliesText","fontSize","fontWeight","paddingBottom","paddingLeft","rightMessageRepliesCurve","borderBottomRightRadius","borderLeftColor","borderLeftWidth","MessageRepliesWithContext","props","alignment","message","MessageRepliesAvatars","noBorder","onLongPress","onOpenThread","onPress","onPressIn","preventPress","repliesCurveColor","t","threadList","theme","accent_blue","colors","messageSimple","replies","leftCurve","rightCurve","reply_count","borderColor","event","emitter","defaultHandler","color","replyCount","areEqual","prevProps","nextProps","prevMessage","prevNoBorder","prevT","prevThreadList","nextMessage","nextNoBorder","nextT","nextThreadList","threadListEqual","messageReplyCountEqual","noBorderEqual","tEqual","MemoizedMessageReplies","React","memo","MessageReplies","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ColorValue, Platform, StyleSheet, Text, TouchableOpacity, 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';\nimport {\n TranslationContextValue,\n useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\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: 'center',\n flexDirection: 'row',\n marginTop: 8,\n },\n curveContainer: {\n flexDirection: 'row',\n },\n leftMessageRepliesCurve: {\n borderBottomLeftRadius: 16,\n borderRightColor: 'transparent',\n ...Platform.select({\n android: {\n borderRightWidth: 0,\n },\n }),\n },\n messageRepliesCurve: {\n borderTopColor: 'transparent',\n borderTopWidth: 0,\n borderWidth: 1,\n height: 16,\n width: 16,\n },\n messageRepliesText: {\n fontSize: 12,\n fontWeight: '700',\n paddingBottom: 5,\n paddingLeft: 8,\n },\n rightMessageRepliesCurve: {\n borderBottomRightRadius: 16,\n borderLeftColor: 'transparent',\n ...Platform.select({\n android: {\n borderLeftWidth: 0,\n },\n }),\n },\n});\n\nexport type MessageRepliesPropsWithContext<\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'\n \| 'message'\n \| 'onLongPress'\n \| 'onPress'\n \| 'onPressIn'\n \| 'onOpenThread'\n \| 'preventPress'\n \| 'threadList'\n> &\n Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageRepliesAvatars'> &\n Pick<TranslationContextValue, 't'> & {\n noBorder?: boolean;\n repliesCurveColor?: ColorValue;\n };\n\nconst MessageRepliesWithContext = <\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: MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n alignment,\n message,\n MessageRepliesAvatars,\n noBorder,\n onLongPress,\n onOpenThread,\n onPress,\n onPressIn,\n preventPress,\n repliesCurveColor,\n t,\n threadList,\n } = props;\n\n const {\n theme: {\n colors: { accent_blue },\n messageSimple: {\n replies: { container, leftCurve, messageRepliesText, rightCurve },\n },\n },\n } = useTheme();\n\n if (threadList \|\| !message.reply_count) return null;\n\n return (\n <View style={styles.curveContainer}>\n {alignment === 'left' && (\n <View testID='message-replies-left'>\n {!noBorder && (\n <View\n style={[\n { borderColor: repliesCurveColor },\n styles.messageRepliesCurve,\n styles.leftMessageRepliesCurve,\n leftCurve,\n ]}\n />\n )}\n <MessageRepliesAvatars alignment={alignment} message={message} />\n </View>\n )}\n <TouchableOpacity\n disabled={preventPress}\n onLongPress={(event) => {\n if (onLongPress) {\n onLongPress({\n emitter: 'messageReplies',\n event,\n });\n }\n }}\n onPress={(event) => {\n if (onPress) {\n onPress({\n defaultHandler: onOpenThread,\n emitter: 'messageReplies',\n event,\n });\n }\n }}\n onPressIn={(event) => {\n if (onPressIn) {\n onPressIn({\n defaultHandler: onOpenThread,\n emitter: 'messageReplies',\n event,\n });\n }\n }}\n style={[styles.container, container]}\n testID='message-replies'\n >\n <Text style={[styles.messageRepliesText, { color: accent_blue }, messageRepliesText]}>\n {message.reply_count === 1\n ? t('1 Thread Reply')\n : t('{{ replyCount }} Thread Replies', {\n replyCount: message.reply_count,\n })}\n </Text>\n </TouchableOpacity>\n {alignment === 'right' && (\n <View testID='message-replies-right'>\n <MessageRepliesAvatars alignment={alignment} message={message} />\n {!noBorder && (\n <View\n style={[\n { borderColor: repliesCurveColor },\n styles.messageRepliesCurve,\n styles.rightMessageRepliesCurve,\n rightCurve,\n ]}\n />\n )}\n </View>\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: MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n nextProps: MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n message: prevMessage,\n noBorder: prevNoBorder,\n t: prevT,\n threadList: prevThreadList,\n } = prevProps;\n const {\n message: nextMessage,\n noBorder: nextNoBorder,\n t: nextT,\n threadList: nextThreadList,\n } = nextProps;\n\n const threadListEqual = prevThreadList === nextThreadList;\n if (!threadListEqual) return false;\n\n const messageReplyCountEqual = prevMessage.reply_count === nextMessage.reply_count;\n if (!messageReplyCountEqual) return false;\n\n const noBorderEqual = prevNoBorder === nextNoBorder;\n if (!noBorderEqual) return false;\n\n const tEqual = prevT === nextT;\n if (!tEqual) return false;\n\n return true;\n};\n\nconst MemoizedMessageReplies = React.memo(\n MessageRepliesWithContext,\n areEqual,\n) as typeof MessageRepliesWithContext;\n\nexport type MessageRepliesProps<\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<MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageReplies = <\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: MessageRepliesProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n alignment,\n message,\n onLongPress,\n onOpenThread,\n onPress,\n onPressIn,\n preventPress,\n threadList,\n } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n const { MessageRepliesAvatars } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n const { t } = useTranslationContext();\n\n return (\n <MemoizedMessageReplies\n {...{\n alignment,\n message,\n MessageRepliesAvatars,\n onLongPress,\n onOpenThread,\n onPress,\n onPressIn,\n preventPress,\n t,\n threadList,\n }}\n {...props}\n />\n );\n};\n\nMessageReplies.displayName = 'MessageReplies{messageSimple{replies}}';\n"]}
1	+ {"version":3,"sources":["MessageReplies.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","marginTop","curveContainer","leftMessageRepliesCurve","borderBottomLeftRadius","borderRightColor","Platform","select","android","borderRightWidth","messageRepliesCurve","borderTopColor","borderTopWidth","borderWidth","height","width","messageRepliesText","fontSize","fontWeight","paddingBottom","paddingLeft","rightMessageRepliesCurve","borderBottomRightRadius","borderLeftColor","borderLeftWidth","MessageRepliesWithContext","props","alignment","message","MessageRepliesAvatars","noBorder","onLongPress","onOpenThread","onPress","onPressIn","preventPress","repliesCurveColor","t","threadList","theme","accent_blue","colors","messageSimple","replies","leftCurve","rightCurve","reply_count","borderColor","event","emitter","defaultHandler","color","replyCount","areEqual","prevProps","nextProps","prevMessage","prevNoBorder","prevOnOpenThread","prevT","prevThreadList","nextMessage","nextNoBorder","nextOnOpenThread","nextT","nextThreadList","threadListEqual","messageReplyCountEqual","noBorderEqual","tEqual","onOpenThreadEqual","MemoizedMessageReplies","React","memo","MessageReplies","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ColorValue, Platform, StyleSheet, Text, TouchableOpacity, 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';\nimport {\n TranslationContextValue,\n useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\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: 'center',\n flexDirection: 'row',\n marginTop: 8,\n },\n curveContainer: {\n flexDirection: 'row',\n },\n leftMessageRepliesCurve: {\n borderBottomLeftRadius: 16,\n borderRightColor: 'transparent',\n ...Platform.select({\n android: {\n borderRightWidth: 0,\n },\n }),\n },\n messageRepliesCurve: {\n borderTopColor: 'transparent',\n borderTopWidth: 0,\n borderWidth: 1,\n height: 16,\n width: 16,\n },\n messageRepliesText: {\n fontSize: 12,\n fontWeight: '700',\n paddingBottom: 5,\n paddingLeft: 8,\n },\n rightMessageRepliesCurve: {\n borderBottomRightRadius: 16,\n borderLeftColor: 'transparent',\n ...Platform.select({\n android: {\n borderLeftWidth: 0,\n },\n }),\n },\n});\n\nexport type MessageRepliesPropsWithContext<\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'\n \| 'message'\n \| 'onLongPress'\n \| 'onPress'\n \| 'onPressIn'\n \| 'onOpenThread'\n \| 'preventPress'\n \| 'threadList'\n> &\n Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageRepliesAvatars'> &\n Pick<TranslationContextValue, 't'> & {\n noBorder?: boolean;\n repliesCurveColor?: ColorValue;\n };\n\nconst MessageRepliesWithContext = <\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: MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n alignment,\n message,\n MessageRepliesAvatars,\n noBorder,\n onLongPress,\n onOpenThread,\n onPress,\n onPressIn,\n preventPress,\n repliesCurveColor,\n t,\n threadList,\n } = props;\n\n const {\n theme: {\n colors: { accent_blue },\n messageSimple: {\n replies: { container, leftCurve, messageRepliesText, rightCurve },\n },\n },\n } = useTheme();\n\n if (threadList \|\| !message.reply_count) return null;\n\n return (\n <View style={styles.curveContainer}>\n {alignment === 'left' && (\n <View testID='message-replies-left'>\n {!noBorder && (\n <View\n style={[\n { borderColor: repliesCurveColor },\n styles.messageRepliesCurve,\n styles.leftMessageRepliesCurve,\n leftCurve,\n ]}\n />\n )}\n <MessageRepliesAvatars alignment={alignment} message={message} />\n </View>\n )}\n <TouchableOpacity\n disabled={preventPress}\n onLongPress={(event) => {\n if (onLongPress) {\n onLongPress({\n emitter: 'messageReplies',\n event,\n });\n }\n }}\n onPress={(event) => {\n if (onPress) {\n onPress({\n defaultHandler: onOpenThread,\n emitter: 'messageReplies',\n event,\n });\n }\n }}\n onPressIn={(event) => {\n if (onPressIn) {\n onPressIn({\n defaultHandler: onOpenThread,\n emitter: 'messageReplies',\n event,\n });\n }\n }}\n style={[styles.container, container]}\n testID='message-replies'\n >\n <Text style={[styles.messageRepliesText, { color: accent_blue }, messageRepliesText]}>\n {message.reply_count === 1\n ? t('1 Thread Reply')\n : t('{{ replyCount }} Thread Replies', {\n replyCount: message.reply_count,\n })}\n </Text>\n </TouchableOpacity>\n {alignment === 'right' && (\n <View testID='message-replies-right'>\n <MessageRepliesAvatars alignment={alignment} message={message} />\n {!noBorder && (\n <View\n style={[\n { borderColor: repliesCurveColor },\n styles.messageRepliesCurve,\n styles.rightMessageRepliesCurve,\n rightCurve,\n ]}\n />\n )}\n </View>\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: MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n nextProps: MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n message: prevMessage,\n noBorder: prevNoBorder,\n onOpenThread: prevOnOpenThread,\n t: prevT,\n threadList: prevThreadList,\n } = prevProps;\n const {\n message: nextMessage,\n noBorder: nextNoBorder,\n onOpenThread: nextOnOpenThread,\n t: nextT,\n threadList: nextThreadList,\n } = nextProps;\n\n const threadListEqual = prevThreadList === nextThreadList;\n if (!threadListEqual) return false;\n\n const messageReplyCountEqual = prevMessage.reply_count === nextMessage.reply_count;\n if (!messageReplyCountEqual) return false;\n\n const noBorderEqual = prevNoBorder === nextNoBorder;\n if (!noBorderEqual) return false;\n\n const tEqual = prevT === nextT;\n if (!tEqual) return false;\n\n const onOpenThreadEqual = prevOnOpenThread === nextOnOpenThread;\n if (!onOpenThreadEqual) return false;\n\n return true;\n};\n\nconst MemoizedMessageReplies = React.memo(\n MessageRepliesWithContext,\n areEqual,\n) as typeof MessageRepliesWithContext;\n\nexport type MessageRepliesProps<\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<MessageRepliesPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageReplies = <\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: MessageRepliesProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n const {\n alignment,\n message,\n onLongPress,\n onOpenThread,\n onPress,\n onPressIn,\n preventPress,\n threadList,\n } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n const { MessageRepliesAvatars } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n const { t } = useTranslationContext();\n\n return (\n <MemoizedMessageReplies\n {...{\n alignment,\n message,\n MessageRepliesAvatars,\n onLongPress,\n onOpenThread,\n onPress,\n onPressIn,\n preventPress,\n t,\n threadList,\n }}\n {...props}\n />\n );\n};\n\nMessageReplies.displayName = 'MessageReplies{messageSimple{replies}}';\n"]}

package/lib/commonjs/components/Message/MessageSimple/MessageSimple.js CHANGED Viewed

@@ -46,6 +46,7 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
       message = props.message,
       MessageAvatar = props.MessageAvatar,
       MessageContent = props.MessageContent,
+      MessagePinnedHeader = props.MessagePinnedHeader,
       ReactionList = props.ReactionList;
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -59,7 +60,14 @@ 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: 94,
+      columnNumber: 26
+    }
+  }), _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
       marginBottom: hasMarginBottom ? isVeryLastMessage && enableMessageGroupingByUser ? 30 : 8 : 0,
@@ -69,33 +77,33 @@ var MessageSimpleWithContext = function MessageSimpleWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
-      columnNumber: 5
+      lineNumber: 95,
+      columnNumber: 7
     }
   }, alignment === 'left' && _react["default"].createElement(MessageAvatar, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
-      columnNumber: 32
+      lineNumber: 111,
+      columnNumber: 34
     }
   }), _react["default"].createElement(MessageContent, {
     setMessageContentWidth: setMessageContentWidth,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
-      columnNumber: 7
+      lineNumber: 112,
+      columnNumber: 9
     }
   }), showReactions && _react["default"].createElement(ReactionList, {
     messageContentWidth: messageContentWidth,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
-      columnNumber: 25
+      lineNumber: 113,
+      columnNumber: 27
     }
-  }));
+  })));
 };
 var areEqual = function areEqual(prevProps, nextProps) {
@@ -115,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;
@@ -151,6 +163,7 @@ var MessageSimple = function MessageSimple(props) {
       enableMessageGroupingByUser = _useMessagesContext.enableMessageGroupingByUser,
       MessageAvatar = _useMessagesContext.MessageAvatar,
       MessageContent = _useMessagesContext.MessageContent,
+      MessagePinnedHeader = _useMessagesContext.MessagePinnedHeader,
       ReactionList = _useMessagesContext.ReactionList;
   return _react["default"].createElement(MemoizedMessageSimple, (0, _extends2["default"])({
@@ -162,12 +175,13 @@ var MessageSimple = function MessageSimple(props) {
     message: message,
     MessageAvatar: MessageAvatar,
     MessageContent: MessageContent,
+    MessagePinnedHeader: MessagePinnedHeader,
     ReactionList: ReactionList
   }, props, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 243,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/Message/MessageSimple/MessageSimple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageSimple.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","MessageSimpleWithContext","props","alignment","channel","enableMessageGroupingByUser","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":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AAIA;;;;;;;;;AAaA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,UADH;AAETC,IAAAA,aAAa,EAAE;AAFN;AADoB,CAAlB,CAAf;;AAwBA,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAS/BC,KAT+B,EAU5B;AAAA;;AACH,MACEC,SADF,GAUID,KAVJ,CACEC,SADF;AAAA,MAEEC,OAFF,GAUIF,KAVJ,CAEEE,OAFF;AAAA,MAGEC,2BAHF,GAUIH,KAVJ,CAGEG,2BAHF;AAAA,MAIEC,WAJF,GAUIJ,KAVJ,CAIEI,WAJF;AAAA,MAKEC,YALF,GAUIL,KAVJ,CAKEK,YALF;AAAA,MAMEC,OANF,GAUIN,KAVJ,CAMEM,OANF;AAAA,MAOEC,aAPF,GAUIP,KAVJ,CAOEO,aAPF;AAAA,MAQEC,cARF,GAUIR,KAVJ,CAQEQ,cARF;AAAA,MASEC,YATF,GAUIT,KAVJ,CASES,YATF;;AAYA,kBAII,6BAJJ;AAAA,MAEqBb,SAFrB,aACEc,KADF,CAEIC,aAFJ,CAEqBf,SAFrB;;AAMA,kBAAsD,qBAAS,CAAT,CAAtD;AAAA;AAAA,MAAOgB,mBAAP;AAAA,MAA4BC,sBAA5B;;AAEA,MAAMC,iBAAiB,GACrB,CAAAZ,OAAO,QAAP,qCAAAA,OAAO,CAAEa,KAAT,CAAeC,QAAf,CAAwB,CAAAd,OAAO,QAAP,YAAAA,OAAO,CAAEa,KAAT,CAAeC,QAAf,CAAwBC,MAAxB,IAAiC,CAAzD,4CAA6DC,EAA7D,MAAoEZ,OAAO,CAACY,EAD9E;AAGA,MAAMC,eAAe,GAAGf,WAAW,CAACgB,QAAZ,CAAqB,QAArB,KAAkChB,WAAW,CAACgB,QAAZ,CAAqB,QAArB,CAA1D;AAEA,MAAMC,aAAa,GAAGhB,YAAY,IAAII,YAAtC;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLhB,MAAM,CAACG,SADF,EAEL;AACE0B,MAAAA,cAAc,EAAErB,SAAS,KAAK,MAAd,GAAuB,YAAvB,GAAsC,UADxD;AAEEsB,MAAAA,YAAY,EAAEJ,eAAe,GACzBL,iBAAiB,IAAIX,2BAArB,GACE,EADF,GAEE,CAHuB,GAIzB,CANN;AAOEqB,MAAAA,SAAS,EAAEH,aAAa,GAAG,CAAH,GAAO;AAPjC,KAFK,EAWLzB,SAXK,CADT;AAcE,IAAA,MAAM,EAAC,wBAdT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAgBGK,SAAS,KAAK,MAAd,IAAwB,gCAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAhB3B,EAiBE,gCAAC,cAAD;AAAgB,IAAA,sBAAsB,EAAEY,sBAAxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAjBF,EAkBGQ,aAAa,IAAI,gCAAC,YAAD;AAAc,IAAA,mBAAmB,EAAET,mBAAnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAlBpB,CADF;AAsBD,CA5DD;;AA8DA,IAAMa,QAAQ,GAAG,SAAXA,QAAW,CASfC,SATe,EAUfC,SAVe,EAWZ;AAAA;;AACH,MACWC,WADX,GAKIF,SALJ,CACExB,OADF;AAAA,MAEe2B,eAFf,GAKIH,SALJ,CAEEtB,WAFF;AAAA,MAGgB0B,gBAHhB,GAKIJ,SALJ,CAGErB,YAHF;AAAA,MAIW0B,WAJX,GAKIL,SALJ,CAIEpB,OAJF;AAMA,MACW0B,WADX,GAKIL,SALJ,CACEzB,OADF;AAAA,MAEe+B,eAFf,GAKIN,SALJ,CAEEvB,WAFF;AAAA,MAGgB8B,gBAHhB,GAKIP,SALJ,CAGEtB,YAHF;AAAA,MAIW8B,WAJX,GAKIR,SALJ,CAIErB,OAJF;AAOA,MAAM8B,iBAAiB,GAAGN,gBAAgB,KAAKI,gBAA/C;AACA,MAAI,CAACE,iBAAL,EAAwB,OAAO,KAAP;AAExB,MAAMC,YAAY,GAAGN,WAAW,CAACO,WAAZ,KAA4BH,WAAW,CAACG,WAA7D;AACA,MAAI,CAACD,YAAL,EAAmB,OAAO,KAAP;AAEnB,MAAME,gBAAgB,GAAGC,IAAI,CAACC,SAAL,CAAeZ,eAAf,MAAoCW,IAAI,CAACC,SAAL,CAAeR,eAAf,CAA7D;AACA,MAAI,CAACM,gBAAL,EAAuB,OAAO,KAAP;AAEvB,MAAMG,YAAY,GAChBX,WAAW,CAACY,UAAZ,KAA2BR,WAAW,CAACQ,UAAvC,IACAZ,WAAW,CAACa,MAAZ,KAAuBT,WAAW,CAACS,MADnC,IAEAb,WAAW,CAACc,IAAZ,KAAqBV,WAAW,CAACU,IAFjC,IAGAd,WAAW,CAACe,IAAZ,KAAqBX,WAAW,CAACW,IAJnC;AAKA,MAAI,CAACJ,YAAL,EAAmB,OAAO,KAAP;AAEnB,MAAMK,kBAAkB,GACtB,0BAAAhB,WAAW,CAACiB,cAAZ,2CAA4B9B,EAA5B,gCAAmCiB,WAAW,CAACa,cAA/C,qBAAmC,sBAA4B9B,EAA/D,KACA,2BAAAa,WAAW,CAACiB,cAAZ,4CAA4BL,UAA5B,iCAA2CR,WAAW,CAACa,cAAvD,qBAA2C,uBAA4BL,UAAvE,CAFF;AAIA,MAAI,CAACI,kBAAL,EAAyB,OAAO,KAAP;AAEzB,MAAME,YAAY,GAAG,CAAArB,WAAW,QAAX,YAAAA,WAAW,CAAEb,KAAb,CAAmBC,QAAnB,CAA4BC,MAA5B,OAAuCe,WAAvC,oBAAuCA,WAAW,CAAEjB,KAAb,CAAmBC,QAAnB,CAA4BC,MAAnE,CAArB;AACA,MAAI,CAACgC,YAAL,EAAmB,OAAO,KAAP;AAEnB,MAAMC,eAAe,GAAGnB,WAAW,CAACoB,WAApC;AACA,MAAMC,eAAe,GAAGjB,WAAW,CAACgB,WAApC;AACA,MAAME,gBAAgB,GACpBC,KAAK,CAACC,OAAN,CAAcL,eAAd,KAAkCI,KAAK,CAACC,OAAN,CAAcH,eAAd,CAAlC,GACIF,eAAe,CAACjC,MAAhB,KAA2BmC,eAAe,CAACnC,MAA3C,IACAiC,eAAe,CAACM,KAAhB,CACE,UAACC,UAAD,EAAaC,KAAb;AAAA,WACED,UAAU,CAACE,SAAX,KAAyBP,eAAe,CAACM,KAAD,CAAf,CAAuBC,SAAhD,IACAF,UAAU,CAACG,aAAX,KAA6BR,eAAe,CAACM,KAAD,CAAf,CAAuBE,aADpD,IAEAH,UAAU,CAACI,SAAX,KAAyBT,eAAe,CAACM,KAAD,CAAf,CAAuBG,SAHlD;AAAA,GADF,CAFJ,GAQIX,eAAe,KAAKE,eAT1B;AAUA,MAAI,CAACC,gBAAL,EAAuB,OAAO,KAAP;AAEvB,MAAMS,oBAAoB,GACxBR,KAAK,CAACC,OAAN,CAAcxB,WAAW,CAACgC,gBAA1B,KAA+CT,KAAK,CAACC,OAAN,CAAcpB,WAAW,CAAC4B,gBAA1B,CAA/C,GACIhC,WAAW,CAACgC,gBAAZ,CAA6B9C,MAA7B,KAAwCkB,WAAW,CAAC4B,gBAAZ,CAA6B9C,MAArE,IACAc,WAAW,CAACgC,gBAAZ,CAA6BP,KAA7B,CACE,gBAAWE,KAAX;AAAA;;AAAA,QAAGb,IAAH,QAAGA,IAAH;AAAA,WAAqBA,IAAI,+BAAKV,WAAW,CAAC4B,gBAAjB,qBAAK,sBAA+BL,KAA/B,EAAsCb,IAA3C,CAAzB;AAAA,GADF,CAFJ,GAKId,WAAW,CAACgC,gBAAZ,KAAiC5B,WAAW,CAAC4B,gBANnD;AAOA,MAAI,CAACD,oBAAL,EAA2B,OAAO,KAAP;AAE3B,SAAO,IAAP;AACD,CA1ED;;AA4EA,IAAME,qBAAqB,GAAGC,kBAAMC,IAAN,CAC5BnE,wBAD4B,EAE5B0B,QAF4B,CAA9B;;AAmBO,IAAM0C,aAAa,GAAG,SAAhBA,aAAgB,CAS3BnE,KAT2B,EAUxB;AACH,2BACE,wCADF;AAAA,MAAQC,SAAR,sBAAQA,SAAR;AAAA,MAAmBC,OAAnB,sBAAmBA,OAAnB;AAAA,MAA4BE,WAA5B,sBAA4BA,WAA5B;AAAA,MAAyCC,YAAzC,sBAAyCA,YAAzC;AAAA,MAAuDC,OAAvD,sBAAuDA,OAAvD;;AAEA,4BACE,0CADF;AAAA,MAAQH,2BAAR,uBAAQA,2BAAR;AAAA,MAAqCI,aAArC,uBAAqCA,aAArC;AAAA,MAAoDC,cAApD,uBAAoDA,cAApD;AAAA,MAAoEC,YAApE,uBAAoEA,YAApE;;AAGA,SACE,gCAAC,qBAAD;AAEIR,IAAAA,SAAS,EAATA,SAFJ;AAGIC,IAAAA,OAAO,EAAPA,OAHJ;AAIIC,IAAAA,2BAA2B,EAA3BA,2BAJJ;AAKIC,IAAAA,WAAW,EAAXA,WALJ;AAMIC,IAAAA,YAAY,EAAZA,YANJ;AAOIC,IAAAA,OAAO,EAAPA,OAPJ;AAQIC,IAAAA,aAAa,EAAbA,aARJ;AASIC,IAAAA,cAAc,EAAdA,cATJ;AAUIC,IAAAA,YAAY,EAAZA;AAVJ,KAYMT,KAZN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAgBD,CAhCM;;;AAkCPmE,aAAa,CAACC,WAAd,GAA4B,yCAA5B","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 'enableMessageGroupingByUser' \| '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 enableMessageGroupingByUser,\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\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\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 { enableMessageGroupingByUser, 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 enableMessageGroupingByUser,\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"]}
1	+ {"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 {\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 \| 'enableMessageGroupingByUser'\n \| 'MessageAvatar'\n \| 'MessageContent'\n \| 'MessagePinnedHeader'\n \| '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 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 = <\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 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 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 {\n enableMessageGroupingByUser,\n MessageAvatar,\n MessageContent,\n MessagePinnedHeader,\n 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 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/commonjs/components/Message/MessageSimple/MessageStatus.js CHANGED Viewed

@@ -42,12 +42,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,
@@ -62,26 +63,26 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 77,
+        lineNumber: 74,
         columnNumber: 7
       }
     }, _react["default"].createElement(_Time.Time, (0, _extends2["default"])({}, timeIcon, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 75,
         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: 82,
         columnNumber: 7
       }
     }, typeof message.readBy === 'number' ? _react["default"].createElement(_reactNative.Text, {
@@ -92,7 +93,7 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 84,
         columnNumber: 11
       }
     }, message.readBy) : null, typeof message.readBy === 'number' || message.readBy === true ? _react["default"].createElement(_CheckAll.CheckAll, (0, _extends2["default"])({
@@ -101,14 +102,16 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99,
+        lineNumber: 92,
         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: 101,
+        lineNumber: 94,
         columnNumber: 11
       }
     })));
@@ -121,14 +124,16 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 102,
         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: 110,
+        lineNumber: 103,
         columnNumber: 9
       }
     })));
@@ -139,15 +144,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;
@@ -158,18 +159,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: 186,
+      lineNumber: 167,
       columnNumber: 10
     }
   }));

package/lib/commonjs/components/Message/MessageSimple/MessageStatus.js.map CHANGED Viewed

	@@ -1 +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]} testID='sending-container'>\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\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 {...checkIcon} />\n )}\n </View>\n );\n }\n\n if (message.status === 'received' && message.type !== 'ephemeral' && !threadList) {\n return (\n <View style={[styles.statusContainer, statusContainer]} testID='delivered-container'>\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"]}
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","readBy","color","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 { 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<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'message' \| 'threadList'>;\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, 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 === '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 (message.status === 'received' && message.type !== 'ephemeral' && !threadList) {\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 = <\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 { 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 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, threadList } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n return <MemoizedMessageStatus {...{ message, threadList }} {...props} />;\n};\n\nMessageStatus.displayName = 'MessageStatus{messageSimple{status}}';\n"]}

package/lib/commonjs/components/Message/MessageSimple/MessageTextContainer.js CHANGED Viewed

@@ -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: 110,
       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: 115,
       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: 201,
       columnNumber: 5
     }
   }));

package/lib/commonjs/components/Message/MessageSimple/MessageTextContainer.js.map CHANGED Viewed

	@@ -1 +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"]}
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","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 messageTextNumberOfLines?: number;\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 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<At, Ch, Co, Ev, Me, Re, Us>({\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 = <\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 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"]}