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

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

@@ -1,31 +1,19 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageDeleted = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _MessageTextContainer = require("./MessageTextContainer");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageDeleted.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageDeleted.tsx";
 var styles = _reactNative.StyleSheet.create({
   containerInner: {
     borderTopLeftRadius: 16,
@@ -40,30 +28,27 @@ var styles = _reactNative.StyleSheet.create({
     alignItems: 'flex-end'
   }
 });
-
 var MessageDeletedWithContext = function MessageDeletedWithContext(props) {
   var alignment = props.alignment,
-      formattedDate = props.formattedDate,
-      groupStyle = props.groupStyle,
-      message = props.message,
-      MessageFooter = props.MessageFooter,
-      noBorder = props.noBorder,
-      onLayout = props.onLayout,
-      t = props.t;
-
+    formattedDate = props.formattedDate,
+    groupStyle = props.groupStyle,
+    message = props.message,
+    MessageFooter = props.MessageFooter,
+    noBorder = props.noBorder,
+    onLayout = props.onLayout,
+    t = props.t;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      grey = _useTheme$theme$color.grey,
-      grey_whisper = _useTheme$theme$color.grey_whisper,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple.content,
-      _useTheme$theme$messa2 = _useTheme$theme$messa.container,
-      borderRadiusL = _useTheme$theme$messa2.borderRadiusL,
-      borderRadiusS = _useTheme$theme$messa2.borderRadiusS,
-      deletedContainer = _useTheme$theme$messa.deletedContainer,
-      deletedContainerInner = _useTheme$theme$messa.deletedContainerInner,
-      deletedText = _useTheme$theme$messa.deletedText;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    grey = _useTheme$theme$color.grey,
+    grey_whisper = _useTheme$theme$color.grey_whisper,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple.content,
+    _useTheme$theme$messa2 = _useTheme$theme$messa.container,
+    borderRadiusL = _useTheme$theme$messa2.borderRadiusL,
+    borderRadiusS = _useTheme$theme$messa2.borderRadiusS,
+    deletedContainer = _useTheme$theme$messa.deletedContainer,
+    deletedContainerInner = _useTheme$theme$messa.deletedContainerInner,
+    deletedText = _useTheme$theme$messa.deletedText;
   return _react["default"].createElement(_reactNative.View, {
     onLayout: onLayout,
     style: [alignment === 'left' ? styles.leftAlignItems : styles.rightAlignItems, deletedContainer],
@@ -115,14 +100,13 @@ var MessageDeletedWithContext = function MessageDeletedWithContext(props) {
     }
   }));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevAlignment = prevProps.alignment,
-      prevFormattedDate = prevProps.formattedDate,
-      prevMessage = prevProps.message;
+    prevFormattedDate = prevProps.formattedDate,
+    prevMessage = prevProps.message;
   var nextAlignment = nextProps.alignment,
-      nextFormattedDate = nextProps.formattedDate,
-      nextMessage = nextProps.message;
+    nextFormattedDate = nextProps.formattedDate,
+    nextMessage = nextProps.message;
   var alignmentEqual = prevAlignment === nextAlignment;
   if (!alignmentEqual) return false;
   var isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
@@ -133,20 +117,15 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!formattedDateEqual) return false;
   return true;
 };
-
 var MemoizedMessageDeleted = _react["default"].memo(MessageDeletedWithContext, areEqual);
-
 var MessageDeleted = function MessageDeleted(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      alignment = _useMessageContext.alignment,
-      message = _useMessageContext.message;
-
+    alignment = _useMessageContext.alignment,
+    message = _useMessageContext.message;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      MessageFooter = _useMessagesContext.MessageFooter;
-
+    MessageFooter = _useMessagesContext.MessageFooter;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   return _react["default"].createElement(MemoizedMessageDeleted, (0, _extends2["default"])({
     alignment: alignment,
     message: message,
@@ -161,7 +140,6 @@ var MessageDeleted = function MessageDeleted(props) {
     }
   }));
 };
-
 exports.MessageDeleted = MessageDeleted;
 MessageDeleted.displayName = 'MessageDeleted{messageSimple{content}}';
 //# sourceMappingURL=MessageDeleted.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageDeleted.tsx"],"names":["styles","StyleSheet","create","containerInner","borderTopLeftRadius","borderTopRightRadius","borderWidth","overflow","leftAlignItems","alignItems","rightAlignItems","MessageDeletedWithContext","props","alignment","formattedDate","groupStyle","message","MessageFooter","noBorder","onLayout","t","theme","colors","grey","grey_whisper","messageSimple","content","container","borderRadiusL","borderRadiusS","deletedContainer","deletedContainerInner","deletedText","backgroundColor","borderBottomLeftRadius","borderBottomRightRadius","borderColor","em","color","text","areEqual","prevProps","nextProps","prevAlignment","prevFormattedDate","prevMessage","nextAlignment","nextFormattedDate","nextMessage","alignmentEqual","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","reply_count","status","pinned","formattedDateEqual","MemoizedMessageDeleted","React","memo","MessageDeleted","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, StyleSheet, View } from 'react-native';\n\nimport merge from 'lodash/merge';\n\nimport type { MessageFooterProps } from './MessageFooter';\nimport { MessageTextContainer } from './MessageTextContainer';\n\nimport {\n  Alignment,\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 { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { MessageType } from '../../MessageList/hooks/useMessageList';\n\nconst styles = StyleSheet.create({\n  containerInner: {\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    borderWidth: 1,\n    overflow: 'hidden',\n  },\n  leftAlignItems: {\n    alignItems: 'flex-start',\n  },\n  rightAlignItems: {\n    alignItems: 'flex-end',\n  },\n});\n\ntype MessageDeletedComponentProps = {\n  formattedDate: string | Date;\n  groupStyle: string;\n  noBorder: boolean;\n  onLayout: (event: LayoutChangeEvent) => void;\n};\n\ntype MessageDeletedPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageFooter'> &\n  Pick<TranslationContextValue, 't'> &\n  MessageDeletedComponentProps;\n\nconst MessageDeletedWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageDeletedPropsWithContext<StreamChatGenerics>,\n) => {\n  const { alignment, formattedDate, groupStyle, message, MessageFooter, noBorder, onLayout, t } =\n    props;\n\n  const {\n    theme: {\n      colors: { grey, grey_whisper },\n      messageSimple: {\n        content: {\n          container: { borderRadiusL, borderRadiusS },\n          deletedContainer,\n          deletedContainerInner,\n          deletedText,\n        },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      onLayout={onLayout}\n      style={[\n        alignment === 'left' ? styles.leftAlignItems : styles.rightAlignItems,\n        deletedContainer,\n      ]}\n    >\n      <View\n        style={[\n          styles.containerInner,\n          {\n            backgroundColor: grey_whisper,\n            borderBottomLeftRadius:\n              groupStyle === 'left_bottom' || groupStyle === 'left_single'\n                ? borderRadiusS\n                : borderRadiusL,\n            borderBottomRightRadius:\n              groupStyle === 'right_bottom' || groupStyle === 'right_single'\n                ? borderRadiusS\n                : borderRadiusL,\n            borderColor: grey_whisper,\n          },\n          noBorder ? { borderWidth: 0 } : {},\n          deletedContainerInner,\n        ]}\n        testID='message-content-wrapper'\n      >\n        <MessageTextContainer<StreamChatGenerics>\n          markdownStyles={merge({ em: { color: grey } }, deletedText)}\n          message={{ ...message, text: `_${t('Message deleted')}_` }}\n        />\n      </View>\n      <MessageFooter formattedDate={formattedDate} isDeleted />\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageDeletedPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageDeletedPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment: prevAlignment,\n    formattedDate: prevFormattedDate,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    alignment: nextAlignment,\n    formattedDate: nextFormattedDate,\n    message: nextMessage,\n  } = nextProps;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.reply_count === nextMessage.reply_count &&\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 formattedDateEqual = prevFormattedDate === nextFormattedDate;\n  if (!formattedDateEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageDeleted = React.memo(\n  MessageDeletedWithContext,\n  areEqual,\n) as typeof MessageDeletedWithContext;\n\nexport type MessageDeletedProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageDeletedComponentProps & {\n  alignment?: Alignment;\n  message?: MessageType<StreamChatGenerics>;\n  MessageFooter?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n};\n\nexport const MessageDeleted = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageDeletedProps<StreamChatGenerics>,\n) => {\n  const { alignment, message } = useMessageContext<StreamChatGenerics>();\n\n  const { MessageFooter } = useMessagesContext<StreamChatGenerics>();\n\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedMessageDeleted\n      {...{\n        alignment,\n        message,\n        MessageFooter,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageDeleted.displayName = 'MessageDeleted{messageSimple{content}}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","containerInner","borderTopLeftRadius","borderTopRightRadius","borderWidth","overflow","leftAlignItems","alignItems","rightAlignItems","MessageDeletedWithContext","props","alignment","formattedDate","groupStyle","message","MessageFooter","noBorder","onLayout","t","useTheme","theme","colors","grey","grey_whisper","messageSimple","content","container","borderRadiusL","borderRadiusS","deletedContainer","deletedContainerInner","deletedText","backgroundColor","borderBottomLeftRadius","borderBottomRightRadius","borderColor","merge","em","color","text","areEqual","prevProps","nextProps","prevAlignment","prevFormattedDate","prevMessage","nextAlignment","nextFormattedDate","nextMessage","alignmentEqual","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","reply_count","status","pinned","formattedDateEqual","MemoizedMessageDeleted","React","memo","MessageDeleted","useMessageContext","useMessagesContext","useTranslationContext","displayName"],"sources":["MessageDeleted.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, StyleSheet, View } from 'react-native';\n\nimport merge from 'lodash/merge';\n\nimport type { MessageFooterProps } from './MessageFooter';\nimport { MessageTextContainer } from './MessageTextContainer';\n\nimport {\n  Alignment,\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 { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { MessageType } from '../../MessageList/hooks/useMessageList';\n\nconst styles = StyleSheet.create({\n  containerInner: {\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    borderWidth: 1,\n    overflow: 'hidden',\n  },\n  leftAlignItems: {\n    alignItems: 'flex-start',\n  },\n  rightAlignItems: {\n    alignItems: 'flex-end',\n  },\n});\n\ntype MessageDeletedComponentProps = {\n  formattedDate: string | Date;\n  groupStyle: string;\n  noBorder: boolean;\n  onLayout: (event: LayoutChangeEvent) => void;\n};\n\ntype MessageDeletedPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'> &\n  Pick<MessagesContextValue<StreamChatGenerics>, 'MessageFooter'> &\n  Pick<TranslationContextValue, 't'> &\n  MessageDeletedComponentProps;\n\nconst MessageDeletedWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageDeletedPropsWithContext<StreamChatGenerics>,\n) => {\n  const { alignment, formattedDate, groupStyle, message, MessageFooter, noBorder, onLayout, t } =\n    props;\n\n  const {\n    theme: {\n      colors: { grey, grey_whisper },\n      messageSimple: {\n        content: {\n          container: { borderRadiusL, borderRadiusS },\n          deletedContainer,\n          deletedContainerInner,\n          deletedText,\n        },\n      },\n    },\n  } = useTheme();\n\n  return (\n    <View\n      onLayout={onLayout}\n      style={[\n        alignment === 'left' ? styles.leftAlignItems : styles.rightAlignItems,\n        deletedContainer,\n      ]}\n    >\n      <View\n        style={[\n          styles.containerInner,\n          {\n            backgroundColor: grey_whisper,\n            borderBottomLeftRadius:\n              groupStyle === 'left_bottom' || groupStyle === 'left_single'\n                ? borderRadiusS\n                : borderRadiusL,\n            borderBottomRightRadius:\n              groupStyle === 'right_bottom' || groupStyle === 'right_single'\n                ? borderRadiusS\n                : borderRadiusL,\n            borderColor: grey_whisper,\n          },\n          noBorder ? { borderWidth: 0 } : {},\n          deletedContainerInner,\n        ]}\n        testID='message-content-wrapper'\n      >\n        <MessageTextContainer<StreamChatGenerics>\n          markdownStyles={merge({ em: { color: grey } }, deletedText)}\n          message={{ ...message, text: `_${t('Message deleted')}_` }}\n        />\n      </View>\n      <MessageFooter formattedDate={formattedDate} isDeleted />\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageDeletedPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageDeletedPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment: prevAlignment,\n    formattedDate: prevFormattedDate,\n    message: prevMessage,\n  } = prevProps;\n  const {\n    alignment: nextAlignment,\n    formattedDate: nextFormattedDate,\n    message: nextMessage,\n  } = nextProps;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.reply_count === nextMessage.reply_count &&\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 formattedDateEqual = prevFormattedDate === nextFormattedDate;\n  if (!formattedDateEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageDeleted = React.memo(\n  MessageDeletedWithContext,\n  areEqual,\n) as typeof MessageDeletedWithContext;\n\nexport type MessageDeletedProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageDeletedComponentProps & {\n  alignment?: Alignment;\n  message?: MessageType<StreamChatGenerics>;\n  MessageFooter?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n};\n\nexport const MessageDeleted = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageDeletedProps<StreamChatGenerics>,\n) => {\n  const { alignment, message } = useMessageContext<StreamChatGenerics>();\n\n  const { MessageFooter } = useMessagesContext<StreamChatGenerics>();\n\n  const { t } = useTranslationContext();\n\n  return (\n    <MemoizedMessageDeleted\n      {...{\n        alignment,\n        message,\n        MessageFooter,\n        t,\n      }}\n      {...props}\n    />\n  );\n};\n\nMessageDeleted.displayName = 'MessageDeleted{messageSimple{content}}';\n"],"mappings":"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"}

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

@@ -1,60 +1,44 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageFooter = 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 _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _icons = require("../../../icons");
-
 var _utils = require("../../../utils/utils");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageFooter.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageFooter.tsx";
 var MessageFooterWithContext = function MessageFooterWithContext(props) {
   var _message$user;
-
   var alignment = props.alignment,
-      deletedMessagesVisibilityType = props.deletedMessagesVisibilityType,
-      formattedDate = props.formattedDate,
-      isDeleted = props.isDeleted,
-      lastGroupMessage = props.lastGroupMessage,
-      members = props.members,
-      message = props.message,
-      MessageStatus = props.MessageStatus,
-      otherAttachments = props.otherAttachments,
-      showMessageStatus = props.showMessageStatus;
-
+    deletedMessagesVisibilityType = props.deletedMessagesVisibilityType,
+    formattedDate = props.formattedDate,
+    isDeleted = props.isDeleted,
+    lastGroupMessage = props.lastGroupMessage,
+    members = props.members,
+    message = props.message,
+    MessageStatus = props.MessageStatus,
+    otherAttachments = props.otherAttachments,
+    showMessageStatus = props.showMessageStatus;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      grey = _useTheme$theme$color.grey,
-      grey_dark = _useTheme$theme$color.grey_dark,
-      _useTheme$theme$messa = _useTheme$theme.messageSimple.content,
-      deletedMetaText = _useTheme$theme$messa.deletedMetaText,
-      eyeIcon = _useTheme$theme$messa.eyeIcon,
-      messageUser = _useTheme$theme$messa.messageUser,
-      metaContainer = _useTheme$theme$messa.metaContainer,
-      metaText = _useTheme$theme$messa.metaText;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    grey = _useTheme$theme$color.grey,
+    grey_dark = _useTheme$theme$color.grey_dark,
+    _useTheme$theme$messa = _useTheme$theme.messageSimple.content,
+    deletedMetaText = _useTheme$theme$messa.deletedMetaText,
+    eyeIcon = _useTheme$theme$messa.eyeIcon,
+    messageUser = _useTheme$theme$messa.messageUser,
+    metaContainer = _useTheme$theme$messa.metaContainer,
+    metaText = _useTheme$theme$messa.metaText;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   if (isDeleted) {
     return _react["default"].createElement(_reactNative.View, {
       style: metaContainer,
@@ -65,7 +49,13 @@ var MessageFooterWithContext = function MessageFooterWithContext(props) {
         lineNumber: 79,
         columnNumber: 7
       }
-    }, deletedMessagesVisibilityType === 'sender' && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_icons.Eye, (0, _extends2["default"])({
+    }, deletedMessagesVisibilityType === 'sender' && _react["default"].createElement(_react["default"].Fragment, {
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 81,
+        columnNumber: 11
+      }
+    }, _react["default"].createElement(_icons.Eye, (0, _extends2["default"])({
       pathFill: grey_dark
     }, eyeIcon, {
       __self: _this,
@@ -99,11 +89,9 @@ var MessageFooterWithContext = function MessageFooterWithContext(props) {
       }
     }, formattedDate));
   }
-
   if (lastGroupMessage === false && message.status === _utils.MessageStatusTypes.RECEIVED) {
     return null;
   }
-
   return _react["default"].createElement(_reactNative.View, {
     style: metaContainer,
     testID: "message-status-time",
@@ -113,7 +101,13 @@ var MessageFooterWithContext = function MessageFooterWithContext(props) {
       lineNumber: 118,
       columnNumber: 5
     }
-  }, otherAttachments.length && otherAttachments[0].actions ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_icons.Eye, (0, _extends2["default"])({
+  }, otherAttachments.length && otherAttachments[0].actions ? _react["default"].createElement(_react["default"].Fragment, {
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 9
+    }
+  }, _react["default"].createElement(_icons.Eye, (0, _extends2["default"])({
     pathFill: grey_dark
   }, eyeIcon, {
     __self: _this,
@@ -163,24 +157,22 @@ var MessageFooterWithContext = function MessageFooterWithContext(props) {
     }
   }, formattedDate));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevOtherAttachments, _prevOtherAttachments2, _nextOtherAttachments, _nextOtherAttachments2;
-
   var prevAlignment = prevProps.alignment,
-      prevFormattedDate = prevProps.formattedDate,
-      prevLastGroupMessage = prevProps.lastGroupMessage,
-      prevMembers = prevProps.members,
-      prevMessage = prevProps.message,
-      prevOtherAttachments = prevProps.otherAttachments,
-      prevShowMessageStatus = prevProps.showMessageStatus;
+    prevFormattedDate = prevProps.formattedDate,
+    prevLastGroupMessage = prevProps.lastGroupMessage,
+    prevMembers = prevProps.members,
+    prevMessage = prevProps.message,
+    prevOtherAttachments = prevProps.otherAttachments,
+    prevShowMessageStatus = prevProps.showMessageStatus;
   var nextAlignment = nextProps.alignment,
-      nextFormattedDate = nextProps.formattedDate,
-      nextLastGroupMessage = nextProps.lastGroupMessage,
-      nextMembers = nextProps.members,
-      nextMessage = nextProps.message,
-      nextOtherAttachments = nextProps.otherAttachments,
-      nextShowMessageStatus = nextProps.showMessageStatus;
+    nextFormattedDate = nextProps.formattedDate,
+    nextLastGroupMessage = nextProps.lastGroupMessage,
+    nextMembers = nextProps.members,
+    nextMessage = nextProps.message,
+    nextOtherAttachments = nextProps.otherAttachments,
+    nextShowMessageStatus = nextProps.showMessageStatus;
   var alignmentEqual = prevAlignment === nextAlignment;
   if (!alignmentEqual) return false;
   var membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
@@ -201,22 +193,18 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!formattedDateEqual) return false;
   return true;
 };
-
 var MemoizedMessageFooter = _react["default"].memo(MessageFooterWithContext, areEqual);
-
 var MessageFooter = function MessageFooter(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      alignment = _useMessageContext.alignment,
-      lastGroupMessage = _useMessageContext.lastGroupMessage,
-      members = _useMessageContext.members,
-      message = _useMessageContext.message,
-      otherAttachments = _useMessageContext.otherAttachments,
-      showMessageStatus = _useMessageContext.showMessageStatus;
-
+    alignment = _useMessageContext.alignment,
+    lastGroupMessage = _useMessageContext.lastGroupMessage,
+    members = _useMessageContext.members,
+    message = _useMessageContext.message,
+    otherAttachments = _useMessageContext.otherAttachments,
+    showMessageStatus = _useMessageContext.showMessageStatus;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      deletedMessagesVisibilityType = _useMessagesContext.deletedMessagesVisibilityType,
-      MessageStatus = _useMessagesContext.MessageStatus;
-
+    deletedMessagesVisibilityType = _useMessagesContext.deletedMessagesVisibilityType,
+    MessageStatus = _useMessagesContext.MessageStatus;
   return _react["default"].createElement(MemoizedMessageFooter, (0, _extends2["default"])({
     alignment: alignment,
     deletedMessagesVisibilityType: deletedMessagesVisibilityType,
@@ -235,6 +223,5 @@ var MessageFooter = function MessageFooter(props) {
     }
   }));
 };
-
 exports.MessageFooter = MessageFooter;
 //# sourceMappingURL=MessageFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["MessageFooter.tsx"],"names":["MessageFooterWithContext","props","alignment","deletedMessagesVisibilityType","formattedDate","isDeleted","lastGroupMessage","members","message","MessageStatus","otherAttachments","showMessageStatus","theme","colors","grey","grey_dark","messageSimple","content","deletedMetaText","eyeIcon","messageUser","metaContainer","metaText","t","color","textAlign","status","MessageStatusTypes","RECEIVED","length","actions","Object","keys","user","name","areEqual","prevProps","nextProps","prevAlignment","prevFormattedDate","prevLastGroupMessage","prevMembers","prevMessage","prevOtherAttachments","prevShowMessageStatus","nextAlignment","nextFormattedDate","nextLastGroupMessage","nextMembers","nextMessage","nextOtherAttachments","nextShowMessageStatus","alignmentEqual","membersEqual","lastGroupMessageEqual","deletedMessagesVisibilityTypeEqual","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","reply_count","text","pinned","otherAttachmentsEqual","showMessageStatusEqual","formattedDateEqual","MemoizedMessageFooter","React","memo","MessageFooter"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { MessageStatusProps } from './MessageStatus';\n\nimport type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport {\n  Alignment,\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Eye } from '../../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\nimport type { MessageType } from '../../MessageList/hooks/useMessageList';\n\ntype MessageFooterComponentProps = {\n  formattedDate: string | Date;\n  isDeleted?: boolean;\n};\n\ntype MessageFooterPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  | 'alignment'\n  | 'members'\n  | 'message'\n  | 'otherAttachments'\n  | 'showMessageStatus'\n  | 'lastGroupMessage'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    'deletedMessagesVisibilityType' | 'MessageStatus'\n  > &\n  MessageFooterComponentProps;\n\nconst MessageFooterWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageFooterPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    deletedMessagesVisibilityType,\n    formattedDate,\n    isDeleted,\n    lastGroupMessage,\n    members,\n    message,\n    MessageStatus,\n    otherAttachments,\n    showMessageStatus,\n  } = props;\n\n  const {\n    theme: {\n      colors: { grey, grey_dark },\n      messageSimple: {\n        content: { deletedMetaText, eyeIcon, messageUser, metaContainer, metaText },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  if (isDeleted) {\n    return (\n      <View style={metaContainer} testID='message-deleted'>\n        {deletedMessagesVisibilityType === 'sender' && (\n          <>\n            <Eye pathFill={grey_dark} {...eyeIcon} />\n            <Text\n              style={[\n                {\n                  color: grey_dark,\n                  textAlign: alignment,\n                },\n                metaText,\n                deletedMetaText,\n              ]}\n              testID='only-visible-to-you'\n            >\n              {t('Only visible to you')}\n            </Text>\n          </>\n        )}\n        <Text\n          style={[\n            {\n              color: grey,\n              textAlign: alignment,\n            },\n            metaText,\n          ]}\n        >\n          {formattedDate}\n        </Text>\n      </View>\n    );\n  }\n\n  if (lastGroupMessage === false && message.status === MessageStatusTypes.RECEIVED) {\n    return null;\n  }\n\n  return (\n    <View style={metaContainer} testID='message-status-time'>\n      {otherAttachments.length && otherAttachments[0].actions ? (\n        <>\n          <Eye pathFill={grey_dark} {...eyeIcon} />\n          <Text\n            style={[\n              {\n                color: grey_dark,\n                textAlign: alignment,\n              },\n              metaText,\n              deletedMetaText,\n            ]}\n          >\n            {t('Only visible to you')}\n          </Text>\n        </>\n      ) : null}\n      {Object.keys(members).length > 2 && alignment === 'left' && message.user?.name ? (\n        <Text style={[{ color: grey }, messageUser]}>{message.user.name}</Text>\n      ) : null}\n      {showMessageStatus && <MessageStatus />}\n      <Text style={[{ color: grey, textAlign: alignment }, metaText]}>{formattedDate}</Text>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageFooterPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageFooterPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment: prevAlignment,\n    formattedDate: prevFormattedDate,\n    lastGroupMessage: prevLastGroupMessage,\n    members: prevMembers,\n    message: prevMessage,\n    otherAttachments: prevOtherAttachments,\n    showMessageStatus: prevShowMessageStatus,\n  } = prevProps;\n  const {\n    alignment: nextAlignment,\n    formattedDate: nextFormattedDate,\n    lastGroupMessage: nextLastGroupMessage,\n    members: nextMembers,\n    message: nextMessage,\n    otherAttachments: nextOtherAttachments,\n    showMessageStatus: nextShowMessageStatus,\n  } = nextProps;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;\n  if (!membersEqual) return false;\n\n  const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;\n  if (!lastGroupMessageEqual) return false;\n\n  const deletedMessagesVisibilityTypeEqual =\n    prevProps.deletedMessagesVisibilityType === nextProps.deletedMessagesVisibilityType;\n  if (!deletedMessagesVisibilityTypeEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.reply_count === nextMessage.reply_count &&\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 otherAttachmentsEqual =\n    prevOtherAttachments.length === nextOtherAttachments.length &&\n    prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;\n  if (!otherAttachmentsEqual) return false;\n\n  const showMessageStatusEqual = prevShowMessageStatus === nextShowMessageStatus;\n  if (!showMessageStatusEqual) return false;\n\n  const formattedDateEqual = prevFormattedDate === nextFormattedDate;\n  if (!formattedDateEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageFooter = React.memo(\n  MessageFooterWithContext,\n  areEqual,\n) as typeof MessageFooterWithContext;\n\nexport type MessageFooterProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'members'>> &\n  MessageFooterComponentProps & {\n    alignment?: Alignment;\n    lastGroupMessage?: boolean;\n    message?: MessageType<StreamChatGenerics>;\n    MessageStatus?: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;\n    otherAttachments?: Attachment<StreamChatGenerics>[];\n    showMessageStatus?: boolean;\n  };\n\nexport const MessageFooter = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageFooterProps<StreamChatGenerics>,\n) => {\n  const { alignment, lastGroupMessage, members, message, otherAttachments, showMessageStatus } =\n    useMessageContext<StreamChatGenerics>();\n\n  const { deletedMessagesVisibilityType, MessageStatus } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedMessageFooter\n      {...{\n        alignment,\n        deletedMessagesVisibilityType,\n        lastGroupMessage,\n        members,\n        message,\n        MessageStatus,\n        otherAttachments,\n        showMessageStatus,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"names":["MessageFooterWithContext","props","alignment","deletedMessagesVisibilityType","formattedDate","isDeleted","lastGroupMessage","members","message","MessageStatus","otherAttachments","showMessageStatus","useTheme","theme","colors","grey","grey_dark","messageSimple","content","deletedMetaText","eyeIcon","messageUser","metaContainer","metaText","useTranslationContext","t","color","textAlign","status","MessageStatusTypes","RECEIVED","length","actions","Object","keys","user","name","areEqual","prevProps","nextProps","prevAlignment","prevFormattedDate","prevLastGroupMessage","prevMembers","prevMessage","prevOtherAttachments","prevShowMessageStatus","nextAlignment","nextFormattedDate","nextLastGroupMessage","nextMembers","nextMessage","nextOtherAttachments","nextShowMessageStatus","alignmentEqual","membersEqual","lastGroupMessageEqual","deletedMessagesVisibilityTypeEqual","isPrevMessageTypeDeleted","type","isNextMessageTypeDeleted","messageEqual","reply_count","text","pinned","otherAttachmentsEqual","showMessageStatusEqual","formattedDateEqual","MemoizedMessageFooter","React","memo","MessageFooter","useMessageContext","useMessagesContext"],"sources":["MessageFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { MessageStatusProps } from './MessageStatus';\n\nimport type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport {\n  Alignment,\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Eye } from '../../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\nimport type { MessageType } from '../../MessageList/hooks/useMessageList';\n\ntype MessageFooterComponentProps = {\n  formattedDate: string | Date;\n  isDeleted?: boolean;\n};\n\ntype MessageFooterPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessageContextValue<StreamChatGenerics>,\n  | 'alignment'\n  | 'members'\n  | 'message'\n  | 'otherAttachments'\n  | 'showMessageStatus'\n  | 'lastGroupMessage'\n> &\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    'deletedMessagesVisibilityType' | 'MessageStatus'\n  > &\n  MessageFooterComponentProps;\n\nconst MessageFooterWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageFooterPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    deletedMessagesVisibilityType,\n    formattedDate,\n    isDeleted,\n    lastGroupMessage,\n    members,\n    message,\n    MessageStatus,\n    otherAttachments,\n    showMessageStatus,\n  } = props;\n\n  const {\n    theme: {\n      colors: { grey, grey_dark },\n      messageSimple: {\n        content: { deletedMetaText, eyeIcon, messageUser, metaContainer, metaText },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  if (isDeleted) {\n    return (\n      <View style={metaContainer} testID='message-deleted'>\n        {deletedMessagesVisibilityType === 'sender' && (\n          <>\n            <Eye pathFill={grey_dark} {...eyeIcon} />\n            <Text\n              style={[\n                {\n                  color: grey_dark,\n                  textAlign: alignment,\n                },\n                metaText,\n                deletedMetaText,\n              ]}\n              testID='only-visible-to-you'\n            >\n              {t('Only visible to you')}\n            </Text>\n          </>\n        )}\n        <Text\n          style={[\n            {\n              color: grey,\n              textAlign: alignment,\n            },\n            metaText,\n          ]}\n        >\n          {formattedDate}\n        </Text>\n      </View>\n    );\n  }\n\n  if (lastGroupMessage === false && message.status === MessageStatusTypes.RECEIVED) {\n    return null;\n  }\n\n  return (\n    <View style={metaContainer} testID='message-status-time'>\n      {otherAttachments.length && otherAttachments[0].actions ? (\n        <>\n          <Eye pathFill={grey_dark} {...eyeIcon} />\n          <Text\n            style={[\n              {\n                color: grey_dark,\n                textAlign: alignment,\n              },\n              metaText,\n              deletedMetaText,\n            ]}\n          >\n            {t('Only visible to you')}\n          </Text>\n        </>\n      ) : null}\n      {Object.keys(members).length > 2 && alignment === 'left' && message.user?.name ? (\n        <Text style={[{ color: grey }, messageUser]}>{message.user.name}</Text>\n      ) : null}\n      {showMessageStatus && <MessageStatus />}\n      <Text style={[{ color: grey, textAlign: alignment }, metaText]}>{formattedDate}</Text>\n    </View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageFooterPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageFooterPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment: prevAlignment,\n    formattedDate: prevFormattedDate,\n    lastGroupMessage: prevLastGroupMessage,\n    members: prevMembers,\n    message: prevMessage,\n    otherAttachments: prevOtherAttachments,\n    showMessageStatus: prevShowMessageStatus,\n  } = prevProps;\n  const {\n    alignment: nextAlignment,\n    formattedDate: nextFormattedDate,\n    lastGroupMessage: nextLastGroupMessage,\n    members: nextMembers,\n    message: nextMessage,\n    otherAttachments: nextOtherAttachments,\n    showMessageStatus: nextShowMessageStatus,\n  } = nextProps;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;\n  if (!membersEqual) return false;\n\n  const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;\n  if (!lastGroupMessageEqual) return false;\n\n  const deletedMessagesVisibilityTypeEqual =\n    prevProps.deletedMessagesVisibilityType === nextProps.deletedMessagesVisibilityType;\n  if (!deletedMessagesVisibilityTypeEqual) return false;\n\n  const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';\n  const isNextMessageTypeDeleted = nextMessage.type === 'deleted';\n\n  const messageEqual =\n    isPrevMessageTypeDeleted === isNextMessageTypeDeleted &&\n    prevMessage.reply_count === nextMessage.reply_count &&\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 otherAttachmentsEqual =\n    prevOtherAttachments.length === nextOtherAttachments.length &&\n    prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;\n  if (!otherAttachmentsEqual) return false;\n\n  const showMessageStatusEqual = prevShowMessageStatus === nextShowMessageStatus;\n  if (!showMessageStatusEqual) return false;\n\n  const formattedDateEqual = prevFormattedDate === nextFormattedDate;\n  if (!formattedDateEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageFooter = React.memo(\n  MessageFooterWithContext,\n  areEqual,\n) as typeof MessageFooterWithContext;\n\nexport type MessageFooterProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'members'>> &\n  MessageFooterComponentProps & {\n    alignment?: Alignment;\n    lastGroupMessage?: boolean;\n    message?: MessageType<StreamChatGenerics>;\n    MessageStatus?: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;\n    otherAttachments?: Attachment<StreamChatGenerics>[];\n    showMessageStatus?: boolean;\n  };\n\nexport const MessageFooter = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageFooterProps<StreamChatGenerics>,\n) => {\n  const { alignment, lastGroupMessage, members, message, otherAttachments, showMessageStatus } =\n    useMessageContext<StreamChatGenerics>();\n\n  const { deletedMessagesVisibilityType, MessageStatus } = useMessagesContext<StreamChatGenerics>();\n\n  return (\n    <MemoizedMessageFooter\n      {...{\n        alignment,\n        deletedMessagesVisibilityType,\n        lastGroupMessage,\n        members,\n        message,\n        MessageStatus,\n        otherAttachments,\n        showMessageStatus,\n      }}\n      {...props}\n    />\n  );\n};\n"],"mappings":"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"}

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

@@ -1,29 +1,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessagePinnedHeader = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
-
 var _icons = require("../../../icons");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessagePinnedHeader.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessagePinnedHeader.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     display: 'flex',
@@ -34,27 +23,20 @@ var styles = _reactNative.StyleSheet.create({
   },
   label: {}
 });
-
 var MessagePinnedHeaderWithContext = function MessagePinnedHeaderWithContext(props) {
   var _message$pinned_by, _client$user, _message$pinned_by2;
-
   var alignment = props.alignment,
-      message = props.message;
-
+    message = props.message;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      grey = _useTheme$theme.colors.grey,
-      pinnedHeader = _useTheme$theme.messageSimple.pinnedHeader;
-
+    _useTheme$theme = _useTheme.theme,
+    grey = _useTheme$theme.colors.grey,
+    pinnedHeader = _useTheme$theme.messageSimple.pinnedHeader;
   var container = pinnedHeader.container,
-      label = pinnedHeader.label;
-
+    label = pinnedHeader.label;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end'
@@ -86,7 +68,6 @@ var MessagePinnedHeaderWithContext = function MessagePinnedHeaderWithContext(pro
     }
   }, "Pinned by", ' ', (message == null ? void 0 : (_message$pinned_by = message.pinned_by) == null ? void 0 : _message$pinned_by.id) === (client == null ? void 0 : (_client$user = client.user) == null ? void 0 : _client$user.id) ? t('You') : message == null ? void 0 : (_message$pinned_by2 = message.pinned_by) == null ? void 0 : _message$pinned_by2.name));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevMessage = prevProps.message;
   var nextMessage = nextProps.message;
@@ -94,15 +75,12 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!messageEqual) return false;
   return true;
 };
-
 var MemoizedMessagePinnedHeader = _react["default"].memo(MessagePinnedHeaderWithContext, areEqual);
-
 var MessagePinnedHeader = function MessagePinnedHeader(props) {
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
-      alignment = _useMessageContext.alignment,
-      lastGroupMessage = _useMessageContext.lastGroupMessage,
-      message = _useMessageContext.message;
-
+    alignment = _useMessageContext.alignment,
+    lastGroupMessage = _useMessageContext.lastGroupMessage,
+    message = _useMessageContext.message;
   return _react["default"].createElement(MemoizedMessagePinnedHeader, (0, _extends2["default"])({
     alignment: alignment,
     lastGroupMessage: lastGroupMessage,
@@ -116,7 +94,6 @@ var MessagePinnedHeader = function MessagePinnedHeader(props) {
     }
   }));
 };
-
 exports.MessagePinnedHeader = MessagePinnedHeader;
 MessagePinnedHeader.displayName = 'MessagePinnedHeader{messageSimple{pinned}}';
 //# sourceMappingURL=MessagePinnedHeader.js.map

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

@@ -1 +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":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,aAAa,EAAE,KAFN;AAGTC,IAAAA,YAAY,EAAE,CAHL;AAITC,IAAAA,UAAU,EAAE,EAJH;AAKTC,IAAAA,SAAS,EAAE;AALF,GADoB;AAQ/BC,EAAAA,KAAK,EAAE;AARwB,CAAlB,CAAf;;AAiBA,IAAMC,8BAA8B,GAAG,SAAjCA,8BAAiC,CAGrCC,KAHqC,EAIlC;AAAA;;AACH,MAAQC,SAAR,GAA+BD,KAA/B,CAAQC,SAAR;AAAA,MAAmBC,OAAnB,GAA+BF,KAA/B,CAAmBE,OAAnB;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,IAFd,mBAEIC,MAFJ,CAEcD,IAFd;AAAA,MAGqBE,YAHrB,mBAGIC,aAHJ,CAGqBD,YAHrB;;AAMA,MAAQd,SAAR,GAA6Bc,YAA7B,CAAQd,SAAR;AAAA,MAAmBM,KAAnB,GAA6BQ,YAA7B,CAAmBR,KAAnB;;AACA,8BAAc,gDAAd;AAAA,MAAQU,CAAR,yBAAQA,CAAR;;AACA,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AACA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLpB,MAAM,CAACG,SADF,EAEL;AACEkB,MAAAA,cAAc,EAAET,SAAS,KAAK,MAAd,GAAuB,YAAvB,GAAsC;AADxD,KAFK,EAKLT,SALK,CADT;AAQE,IAAA,MAAM,EAAC,gBART;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAUE,gCAAC,gBAAD;AAAW,IAAA,QAAQ,EAAEY,IAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAVF,EAWE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAEO,MAAAA,KAAK,EAAEP;AAAT,KAAD,EAAkBf,MAAM,CAACS,KAAzB,EAAgCA,KAAhC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACY,GADZ,EAEG,CAAAI,OAAO,QAAP,kCAAAA,OAAO,CAAEU,SAAT,wCAAoBC,EAApB,OAA2BJ,MAA3B,oCAA2BA,MAAM,CAAEK,IAAnC,qBAA2B,aAAcD,EAAzC,IAA8CL,CAAC,CAAC,KAAD,CAA/C,GAAyDN,OAAzD,2CAAyDA,OAAO,CAAEU,SAAlE,qBAAyD,oBAAoBG,IAFhF,CAXF,CADF;AAkBD,CAjCD;;AAmCA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CACfC,SADe,EAEfC,SAFe,EAGZ;AACH,MAAiBC,WAAjB,GAAiCF,SAAjC,CAAQf,OAAR;AACA,MAAiBkB,WAAjB,GAAiCF,SAAjC,CAAQhB,OAAR;AACA,MAAMmB,YAAY,GAChBF,WAAW,CAACG,UAAZ,KAA2BF,WAAW,CAACE,UAAvC,IACAH,WAAW,CAACI,MAAZ,KAAuBH,WAAW,CAACG,MADnC,IAEAJ,WAAW,CAACK,IAAZ,KAAqBJ,WAAW,CAACI,IAFjC,IAGAL,WAAW,CAACM,IAAZ,KAAqBL,WAAW,CAACK,IAHjC,IAIAN,WAAW,CAACO,MAAZ,KAAuBN,WAAW,CAACM,MALrC;AAMA,MAAI,CAACL,YAAL,EAAmB,OAAO,KAAP;AACnB,SAAO,IAAP;AACD,CAdD;;AAgBA,IAAMM,2BAA2B,GAAGC,kBAAMC,IAAN,CAClC9B,8BADkC,EAElCiB,QAFkC,CAApC;;AASO,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAsB,CAGjC9B,KAHiC,EAI9B;AACH,2BAAiD,wCAAjD;AAAA,MAAQC,SAAR,sBAAQA,SAAR;AAAA,MAAmB8B,gBAAnB,sBAAmBA,gBAAnB;AAAA,MAAqC7B,OAArC,sBAAqCA,OAArC;;AAEA,SACE,gCAAC,2BAAD;AAEID,IAAAA,SAAS,EAATA,SAFJ;AAGI8B,IAAAA,gBAAgB,EAAhBA,gBAHJ;AAII7B,IAAAA,OAAO,EAAPA;AAJJ,KAMMF,KANN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAUD,CAjBM;;;AAmBP8B,mBAAmB,CAACE,WAApB,GAAkC,4CAAlC","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { PinHeader } from '../../../icons';\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 { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport type MessagePinnedHeaderPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;\n\nconst MessagePinnedHeaderWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessagePinnedHeaderPropsWithContext<StreamChatGenerics>,\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 = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessagePinnedHeaderPropsWithContext<StreamChatGenerics>,\n  nextProps: MessagePinnedHeaderPropsWithContext<StreamChatGenerics>,\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessagePinnedHeaderPropsWithContext<StreamChatGenerics>>;\n\nexport const MessagePinnedHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessagePinnedHeaderProps<StreamChatGenerics>,\n) => {\n  const { alignment, lastGroupMessage, message } = useMessageContext<StreamChatGenerics>();\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"]}
+{"version":3,"names":["styles","StyleSheet","create","container","display","flexDirection","marginBottom","marginLeft","marginTop","label","MessagePinnedHeaderWithContext","props","alignment","message","useTheme","theme","grey","colors","pinnedHeader","messageSimple","useTranslationContext","t","useChatContext","client","justifyContent","color","pinned_by","id","user","name","areEqual","prevProps","nextProps","prevMessage","nextMessage","messageEqual","deleted_at","status","type","text","pinned","MemoizedMessagePinnedHeader","React","memo","MessagePinnedHeader","useMessageContext","lastGroupMessage","displayName"],"sources":["MessagePinnedHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { PinHeader } from '../../../icons';\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 { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport type MessagePinnedHeaderPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'message'>;\n\nconst MessagePinnedHeaderWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessagePinnedHeaderPropsWithContext<StreamChatGenerics>,\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 = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessagePinnedHeaderPropsWithContext<StreamChatGenerics>,\n  nextProps: MessagePinnedHeaderPropsWithContext<StreamChatGenerics>,\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  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<MessagePinnedHeaderPropsWithContext<StreamChatGenerics>>;\n\nexport const MessagePinnedHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessagePinnedHeaderProps<StreamChatGenerics>,\n) => {\n  const { alignment, lastGroupMessage, message } = useMessageContext<StreamChatGenerics>();\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"],"mappings":"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"}