stream-chat-react-native-core 4.3.0-beta.2 → 4.3.0-beta.5

package/lib/module/contexts/messagesContext/MessagesContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessagesContext.tsx"],"names":["MessagesContext","React","createContext","MessagesProvider","children","value","useMessagesContext","withMessagesContext","Component","WithMessagesContextComponent","props","messagesContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAkDA;;;;;;;;;AAuZO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAG9BC,QAH8B,QAG9BA,QAH8B;AAAA,MAI9BC,KAJ8B,QAI9BA,KAJ8B;AAAA,SAQ9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR8B;AAAA,CAAzB;;;;AAaA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAE3B,uBAAWN,eAAX,CAF2B;AAAA,CAA3B;;;;AASA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAIjCC,SAJiC,EAKqC;AACtE,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';\n\nimport type { Attachment, ChannelState, MessageResponse } from 'stream-chat';\n\nimport type { AttachmentProps } from '../../components/Attachment/Attachment';\nimport type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';\nimport type { CardProps } from '../../components/Attachment/Card';\nimport type { FileAttachmentProps } from '../../components/Attachment/FileAttachment';\nimport type { FileAttachmentGroupProps } from '../../components/Attachment/FileAttachmentGroup';\nimport type { FileIconProps } from '../../components/Attachment/FileIcon';\nimport type { GalleryProps } from '../../components/Attachment/Gallery';\nimport type { GiphyProps } from '../../components/Attachment/Giphy';\nimport type {\n  MessageProps,\n  MessageTouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';\nimport type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';\nimport type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';\nimport type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';\n\nimport type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';\nimport type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';\nimport type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';\nimport type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';\nimport type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';\nimport type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';\nimport type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';\nimport type { MessageActionsParams } from '../../components/Message/utils/messageActions';\nimport type { DateHeaderProps } from '../../components/MessageList/DateHeader';\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { InlineDateSeparatorProps } from '../../components/MessageList/InlineDateSeparator';\nimport type { MessageListProps } from '../../components/MessageList/MessageList';\nimport type { MessageSystemProps } from '../../components/MessageList/MessageSystem';\nimport type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';\nimport type { MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';\nimport type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';\nimport type { ReplyProps } from '../../components/Reply/Reply';\nimport type { FlatList } from '../../native';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport type { ReactionData } from '../../utils/utils';\nimport type { Alignment } from '../messageContext/MessageContext';\nimport type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';\nimport type { DeepPartial } from '../themeContext/ThemeContext';\nimport type { Theme } from '../themeContext/utils/theme';\nimport type { TDateTimeParserInput } from '../translationContext/TranslationContext';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type MessageContentType = 'attachments' | 'files' | 'gallery' | 'quoted_reply' | 'text';\n\nexport type MessagesContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * UI component for Attachment.\n   * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Attachment.tsx)\n   */\n  Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;\n  /**\n   * UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy\n   * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/AttachmentActions.tsx)\n   */\n  AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;\n  /**\n   * UI component to display generic media type e.g. giphy, url preview etc\n   * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx)\n   */\n  Card: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * UI component for DateHeader\n   * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/DateHeader.tsx)\n   **/\n  DateHeader: React.ComponentType<DateHeaderProps>;\n\n  /** Should keyboard be dismissed when messaged is touched */\n  dismissKeyboardOnMessageTouch: boolean;\n\n  enableMessageGroupingByUser: boolean;\n\n  /**\n   * UI component to display File type attachment.\n   * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachment.tsx)\n   */\n  FileAttachment: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;\n  /**\n   * UI component to display group of File type attachments or multiple file attachments (in single message).\n   * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachmentGroup.tsx)\n   */\n  FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<StreamChatGenerics>>;\n  /**\n   * UI component for attachment icon for type 'file' attachment.\n   * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileIcon.tsx\n   */\n  FileAttachmentIcon: React.ComponentType<FileIconProps>;\n  FlatList: typeof FlatList;\n  /**\n   * UI component to display image attachments\n   * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Gallery.tsx)\n   */\n  Gallery: React.ComponentType<GalleryProps<StreamChatGenerics>>;\n  /**\n   * UI component for Giphy\n   * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)\n   */\n  Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;\n  /**\n   * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default\n   * */\n  giphyVersion: keyof NonNullable<Attachment['giphy']>;\n  /**\n   * When true, messageList will be scrolled at first unread message, when opened.\n   */\n  initialScrollToFirstUnreadMessage: boolean;\n  /**\n   * UI component for Message Date Separator Component\n   * Defaults to: [InlineDateSeparator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/InlineDateSeparator.tsx)\n   */\n  InlineDateSeparator: React.ComponentType<InlineDateSeparatorProps>;\n  /**\n   * UI component for InlineUnreadIndicator\n   * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)\n   **/\n  InlineUnreadIndicator: React.ComponentType;\n  Message: React.ComponentType<MessageProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageAvatar\n   * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageAvatar.tsx)\n   **/\n  MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageContent\n   * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageContent.tsx)\n   */\n  MessageContent: React.ComponentType<MessageContentProps<StreamChatGenerics>>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * UI component for MessageDeleted\n   * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageDeleted.tsx)\n   */\n  MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;\n  /**\n   * Custom message footer component\n   */\n  MessageFooter: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n  MessageList: React.ComponentType<MessageListProps<StreamChatGenerics>>;\n  /**\n   * Custom message pinned component\n   */\n  MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageReplies\n   * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageReplies.tsx)\n   */\n\n  MessageReplies: React.ComponentType<MessageRepliesProps<StreamChatGenerics>>;\n  /**\n   * UI Component for MessageRepliesAvatars\n   * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageRepliesAvatars.tsx)\n   */\n  MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageSimple\n   * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageSimple.tsx)\n   */\n  MessageSimple: React.ComponentType<MessageSimpleProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageStatus (delivered/read)\n   * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageStatus.tsx)\n   */\n  MessageStatus: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageSystem\n   * Defaults to: [MessageSystem](https://getstream.github.io/stream-chat-react-native/v3/#messagesystem)\n   */\n  MessageSystem: React.ComponentType<MessageSystemProps<StreamChatGenerics>>;\n  /**\n   * UI component for OverlayReactionList\n   */\n  OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;\n  /**\n   * UI component for ReactionList\n   * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Reaction/ReactionList.tsx)\n   */\n  ReactionList: React.ComponentType<ReactionListProps<StreamChatGenerics>>;\n  removeMessage: (message: { id: string; parent_id?: string }) => void;\n  /**\n   * UI component for Reply\n   * Defaults to: [Reply](https://getstream.github.io/stream-chat-react-native/v3/#reply)\n   */\n  Reply: React.ComponentType<ReplyProps<StreamChatGenerics>>;\n  /**\n   * Override the api request for retry message functionality.\n   */\n  retrySendMessage: (message: MessageResponse<StreamChatGenerics>) => Promise<void>;\n  /**\n   * UI component for ScrollToBottomButton\n   * Defaults to: [ScrollToBottomButton](https://getstream.github.io/stream-chat-react-native/v3/#ScrollToBottomButton)\n   */\n  ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;\n  setEditingState: (message: MessageType<StreamChatGenerics>) => void;\n  setQuotedMessageState: (message: MessageType<StreamChatGenerics>) => void;\n  supportedReactions: ReactionData[];\n  /**\n   * UI component for TypingIndicator\n   * Defaults to: [TypingIndicator](https://getstream.github.io/stream-chat-react-native/v3/#typingindicator)\n   */\n  TypingIndicator: React.ComponentType;\n  /**\n   * UI component for TypingIndicatorContainer\n   * Defaults to: [TypingIndicatorContainer](https://getstream.github.io/stream-chat-react-native/v3/#typingindicatorcontainer)\n   */\n  TypingIndicatorContainer: React.ComponentType;\n  updateMessage: (\n    updatedMessage: MessageResponse<StreamChatGenerics>,\n    extraState?: {\n      commands?: SuggestionCommand<StreamChatGenerics>[];\n      messageInput?: string;\n      threadMessages?: ChannelState<StreamChatGenerics>['threads'][string];\n    },\n  ) => void;\n  /**\n   * Custom UI component to display enriched url preview.\n   * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx\n   */\n  UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * Provide any additional props for `TouchableOpacity` which wraps inner MessageContent component here.\n   * Please check docs for TouchableOpacity for supported props - https://reactnative.dev/docs/touchableopacity#props\n   *\n   * @overrideType Object\n   */\n  additionalTouchableProps?: Omit<TouchableOpacityProps, 'style'>;\n  /**\n   * Custom UI component to override default cover (between Header and Footer) of Card component.\n   * Accepts the same props as Card component.\n   */\n  CardCover?: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * Custom UI component to override default Footer of Card component.\n   * Accepts the same props as Card component.\n   */\n  CardFooter?: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * Custom UI component to override default header of Card component.\n   * Accepts the same props as Card component.\n   */\n  CardHeader?: React.ComponentType<CardProps<StreamChatGenerics>>;\n\n  /**\n   * Full override of the delete message button in the Message Actions\n   *\n   * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n   */\n\n  /** Control if the deleted message is visible to both the send and reciever, either of them or none  */\n  deletedMessagesVisibilityType?: 'always' | 'never' | 'receiver' | 'sender';\n\n  disableTypingIndicator?: boolean;\n\n  /**\n   * Whether messages should be aligned to right or left part of screen.\n   * By default, messages will be received messages will be aligned to left and\n   * sent messages will be aligned to right.\n   */\n  forceAlignMessages?: Alignment | boolean;\n  /**\n   * Optional function to custom format the message date\n   */\n  formatDate?: (date: TDateTimeParserInput) => string;\n  handleBlock?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a copy message action is invoked */\n  handleCopy?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a delete message action is invoked */\n  handleDelete?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when an edit message action is invoked */\n  handleEdit?: (message: MessageType<StreamChatGenerics>) => void;\n  /** Handler to access when a flag message action is invoked */\n  handleFlag?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a mute user action is invoked */\n  handleMute?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a pin/unpin user action is invoked*/\n  handlePinMessage?: ((message: MessageType<StreamChatGenerics>) => MessageActionType) | null;\n  /** Handler to access when a quoted reply action is invoked */\n  handleQuotedReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to process a reaction */\n  handleReaction?: (\n    message: MessageType<StreamChatGenerics>,\n    reactionType: string,\n  ) => Promise<void>;\n  /** Handler to access when a retry action is invoked */\n  handleRetry?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a thread reply action is invoked */\n  handleThreadReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  legacyImageViewerSwipeBehaviour?: boolean;\n  /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */\n  markdownRules?: MarkdownRules;\n  /**\n   * Use this prop to override message actions (which pop-up in message overlay).\n   *\n   * You can either completely override the default messageActions object.\n   *\n   * ```\n   * <Channel\n   *   messageActions=[\n   *     {\n   *       action: () => { someAction() };\n   *       title: \"Pin Message\";\n   *       icon: PinIcon;\n   *       titleStyle: {};\n   *     },\n   *     {\n   *       action: () => { someAction() };\n   *       title: \"Delete Message\";\n   *       icon: PinIcon;\n   *       titleStyle: {};\n   *     }\n   *   ]\n   * >\n   * </Channel>\n   * ```\n   *\n   * Or you can selectly keep certain action and remove some:\n   *\n   * e.g. Lets say you only want to keep threadReply and copyMessage actions\n   *\n   * ```\n   * <Channel\n   *   messageActions={({\n   *     blockUser,\n   *     copyMessage,\n   *     deleteMessage,\n   *     editMessage,\n   *     flagMessage,\n   *     muteUser,\n   *     quotedReply,\n   *     retry,\n   *     threadReply,\n   *   }) => ([\n   *     threadReply, copyMessage\n   *   ])}\n   * >\n   *  </Channel>\n   *  ```\n   *\n   * @overrideType Function | Array<Objects>\n   */\n  messageActions?: (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];\n  /**\n   * Custom message header component\n   */\n  MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n  /** Custom UI component for message text */\n  MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;\n\n  /**\n   * Theme provided only to messages that are the current users\n   */\n  myMessageTheme?: DeepPartial<Theme>;\n  /**\n   * Override default handler for onLongPress on message. You have access to payload of that handler as param:\n   *\n   * ```\n   * <Channel\n   *  onLongPressMessage={({\n   *    actionHandlers: {\n   *        deleteMessage, // () => Promise<void>;\n   *        editMessage, // () => void;\n   *        quotedReply, // () => void;\n   *        resendMessage, // () => Promise<void>;\n   *        showMessageOverlay, // () => void;\n   *        toggleBanUser, // () => Promise<void>;\n   *        toggleMuteUser, // () => Promise<void>;\n   *        toggleReaction, // (reactionType: string) => Promise<void>;\n   *    },\n   *    defaultHandler, // () => void\n   *    event, // any event object corresponding to touchable feedback\n   *    emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n   *    message // message object on which longPress occured\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onLongPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n  /**\n   * Add onPressIn handler for attachments. You have access to payload of that handler as param:\n   *\n   * ```\n   * <Channel\n   *  onPressInMessage={({\n   *    actionHandlers: {\n   *        deleteMessage, // () => Promise<void>;\n   *        editMessage, // () => void;\n   *        quotedReply, // () => void;\n   *        resendMessage, // () => Promise<void>;\n   *        showMessageOverlay, // () => void;\n   *        toggleBanUser, // () => Promise<void>;\n   *        toggleMuteUser, // () => Promise<void>;\n   *        toggleReaction, // (reactionType: string) => Promise<void>;\n   *    },\n   *    defaultHandler, // () => void\n   *    event, // any event object corresponding to touchable feedback\n   *    emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n   *    message // message object on which longPress occured\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onPressInMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n  /**\n   * Override onPress handler for message. You have access to payload of that handler as param:\n   *\n   * ```\n   * <Channel\n   *  onPressMessage={({\n   *    actionHandlers: {\n   *        deleteMessage, // () => Promise<void>;\n   *        editMessage, // () => void;\n   *        quotedReply, // () => void;\n   *        resendMessage, // () => Promise<void>;\n   *        showMessageOverlay, // () => void;\n   *        toggleBanUser, // () => Promise<void>;\n   *        toggleMuteUser, // () => Promise<void>;\n   *        toggleReaction, // (reactionType: string) => Promise<void>;\n   *    },\n   *    defaultHandler, // () => void\n   *    event, // any event object corresponding to touchable feedback\n   *    emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n   *    message // message object on which longPress occurred\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n\n  /**\n   * Full override of the reaction function on Message and Message Overlay\n   *\n   * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n   * */\n  selectReaction?: (\n    message: MessageType<StreamChatGenerics>,\n  ) => (reactionType: string) => Promise<void>;\n\n  targetedMessage?: string;\n};\n\nexport const MessagesContext = React.createContext({} as MessagesContextValue);\n\nexport const MessagesProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessagesContextValue<StreamChatGenerics>;\n}>) => (\n  <MessagesContext.Provider value={value as unknown as MessagesContextValue}>\n    {children}\n  </MessagesContext.Provider>\n);\n\nexport const useMessagesContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(MessagesContext) as unknown as MessagesContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if MessagesContext\n * typing is desired while using the HOC withMessagesContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessagesContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessagesContextValue<StreamChatGenerics>>> => {\n  const WithMessagesContextComponent = (\n    props: Omit<P, keyof MessagesContextValue<StreamChatGenerics>>,\n  ) => {\n    const messagesContext = useMessagesContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...messagesContext} />;\n  };\n  WithMessagesContextComponent.displayName = `WithMessagesContext${getDisplayName(Component)}`;\n  return WithMessagesContextComponent;\n};\n"]}
+{"version":3,"sources":["MessagesContext.tsx"],"names":["MessagesContext","React","createContext","MessagesProvider","children","value","useMessagesContext","withMessagesContext","Component","WithMessagesContextComponent","props","messagesContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAkDA;;;;;;;;;AA4ZO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAG9BC,QAH8B,QAG9BA,QAH8B;AAAA,MAI9BC,KAJ8B,QAI9BA,KAJ8B;AAAA,SAQ9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR8B;AAAA,CAAzB;;;;AAaA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAE3B,uBAAWN,eAAX,CAF2B;AAAA,CAA3B;;;;AASA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAIjCC,SAJiC,EAKqC;AACtE,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';\n\nimport type { Attachment, ChannelState, MessageResponse } from 'stream-chat';\n\nimport type { AttachmentProps } from '../../components/Attachment/Attachment';\nimport type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';\nimport type { CardProps } from '../../components/Attachment/Card';\nimport type { FileAttachmentProps } from '../../components/Attachment/FileAttachment';\nimport type { FileAttachmentGroupProps } from '../../components/Attachment/FileAttachmentGroup';\nimport type { FileIconProps } from '../../components/Attachment/FileIcon';\nimport type { GalleryProps } from '../../components/Attachment/Gallery';\nimport type { GiphyProps } from '../../components/Attachment/Giphy';\nimport type {\n  MessageProps,\n  MessageTouchableHandlerPayload,\n} from '../../components/Message/Message';\nimport type { MessageAvatarProps } from '../../components/Message/MessageSimple/MessageAvatar';\nimport type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';\nimport type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';\nimport type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';\n\nimport type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';\nimport type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';\nimport type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';\nimport type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';\nimport type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';\nimport type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';\nimport type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';\nimport type { MessageActionsParams } from '../../components/Message/utils/messageActions';\nimport type { DateHeaderProps } from '../../components/MessageList/DateHeader';\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { InlineDateSeparatorProps } from '../../components/MessageList/InlineDateSeparator';\nimport type { MessageListProps } from '../../components/MessageList/MessageList';\nimport type { MessageSystemProps } from '../../components/MessageList/MessageSystem';\nimport type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';\nimport type { MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';\nimport type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';\nimport type { ReplyProps } from '../../components/Reply/Reply';\nimport type { FlatList } from '../../native';\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport type { ReactionData } from '../../utils/utils';\nimport type { Alignment } from '../messageContext/MessageContext';\nimport type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';\nimport type { DeepPartial } from '../themeContext/ThemeContext';\nimport type { Theme } from '../themeContext/utils/theme';\nimport type { TDateTimeParserInput } from '../translationContext/TranslationContext';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type MessageContentType = 'attachments' | 'files' | 'gallery' | 'quoted_reply' | 'text';\n\nexport type MessagesContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  /**\n   * UI component for Attachment.\n   * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Attachment.tsx)\n   */\n  Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;\n  /**\n   * UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy\n   * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/AttachmentActions.tsx)\n   */\n  AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;\n  /**\n   * UI component to display generic media type e.g. giphy, url preview etc\n   * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx)\n   */\n  Card: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * UI component for DateHeader\n   * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/DateHeader.tsx)\n   **/\n  DateHeader: React.ComponentType<DateHeaderProps>;\n\n  /** Should keyboard be dismissed when messaged is touched */\n  dismissKeyboardOnMessageTouch: boolean;\n\n  enableMessageGroupingByUser: boolean;\n\n  /**\n   * UI component to display File type attachment.\n   * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachment.tsx)\n   */\n  FileAttachment: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;\n  /**\n   * UI component to display group of File type attachments or multiple file attachments (in single message).\n   * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachmentGroup.tsx)\n   */\n  FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<StreamChatGenerics>>;\n  /**\n   * UI component for attachment icon for type 'file' attachment.\n   * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileIcon.tsx\n   */\n  FileAttachmentIcon: React.ComponentType<FileIconProps>;\n  FlatList: typeof FlatList;\n  /**\n   * UI component to display image attachments\n   * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Gallery.tsx)\n   */\n  Gallery: React.ComponentType<GalleryProps<StreamChatGenerics>>;\n  /**\n   * UI component for Giphy\n   * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)\n   */\n  Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;\n  /**\n   * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default\n   * */\n  giphyVersion: keyof NonNullable<Attachment['giphy']>;\n  /**\n   * When true, messageList will be scrolled at first unread message, when opened.\n   */\n  initialScrollToFirstUnreadMessage: boolean;\n  /**\n   * UI component for Message Date Separator Component\n   * Defaults to: [InlineDateSeparator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/InlineDateSeparator.tsx)\n   */\n  InlineDateSeparator: React.ComponentType<InlineDateSeparatorProps>;\n  /**\n   * UI component for InlineUnreadIndicator\n   * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)\n   **/\n  InlineUnreadIndicator: React.ComponentType;\n  Message: React.ComponentType<MessageProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageAvatar\n   * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageAvatar.tsx)\n   **/\n  MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageContent\n   * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageContent.tsx)\n   */\n  MessageContent: React.ComponentType<MessageContentProps<StreamChatGenerics>>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * UI component for MessageDeleted\n   * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageDeleted.tsx)\n   */\n  MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;\n  /**\n   * Custom message footer component\n   */\n  MessageFooter: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n  MessageList: React.ComponentType<MessageListProps<StreamChatGenerics>>;\n  /**\n   * Custom message pinned component\n   */\n  MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageReplies\n   * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageReplies.tsx)\n   */\n\n  MessageReplies: React.ComponentType<MessageRepliesProps<StreamChatGenerics>>;\n  /**\n   * UI Component for MessageRepliesAvatars\n   * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageRepliesAvatars.tsx)\n   */\n  MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageSimple\n   * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageSimple.tsx)\n   */\n  MessageSimple: React.ComponentType<MessageSimpleProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageStatus (delivered/read)\n   * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageStatus.tsx)\n   */\n  MessageStatus: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;\n  /**\n   * UI component for MessageSystem\n   * Defaults to: [MessageSystem](https://getstream.github.io/stream-chat-react-native/v3/#messagesystem)\n   */\n  MessageSystem: React.ComponentType<MessageSystemProps<StreamChatGenerics>>;\n  /**\n   * UI component for OverlayReactionList\n   */\n  OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;\n  /**\n   * UI component for ReactionList\n   * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Reaction/ReactionList.tsx)\n   */\n  ReactionList: React.ComponentType<ReactionListProps<StreamChatGenerics>>;\n  removeMessage: (message: { id: string; parent_id?: string }) => void;\n  /**\n   * UI component for Reply\n   * Defaults to: [Reply](https://getstream.github.io/stream-chat-react-native/v3/#reply)\n   */\n  Reply: React.ComponentType<ReplyProps<StreamChatGenerics>>;\n  /**\n   * Override the api request for retry message functionality.\n   */\n  retrySendMessage: (message: MessageResponse<StreamChatGenerics>) => Promise<void>;\n  /**\n   * UI component for ScrollToBottomButton\n   * Defaults to: [ScrollToBottomButton](https://getstream.github.io/stream-chat-react-native/v3/#ScrollToBottomButton)\n   */\n  ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;\n  setEditingState: (message: MessageType<StreamChatGenerics>) => void;\n  setQuotedMessageState: (message: MessageType<StreamChatGenerics>) => void;\n  supportedReactions: ReactionData[];\n  /**\n   * UI component for TypingIndicator\n   * Defaults to: [TypingIndicator](https://getstream.github.io/stream-chat-react-native/v3/#typingindicator)\n   */\n  TypingIndicator: React.ComponentType;\n  /**\n   * UI component for TypingIndicatorContainer\n   * Defaults to: [TypingIndicatorContainer](https://getstream.github.io/stream-chat-react-native/v3/#typingindicatorcontainer)\n   */\n  TypingIndicatorContainer: React.ComponentType;\n  updateMessage: (\n    updatedMessage: MessageResponse<StreamChatGenerics>,\n    extraState?: {\n      commands?: SuggestionCommand<StreamChatGenerics>[];\n      messageInput?: string;\n      threadMessages?: ChannelState<StreamChatGenerics>['threads'][string];\n    },\n  ) => void;\n  /**\n   * Custom UI component to display enriched url preview.\n   * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx\n   */\n  UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * Provide any additional props for `TouchableOpacity` which wraps inner MessageContent component here.\n   * Please check docs for TouchableOpacity for supported props - https://reactnative.dev/docs/touchableopacity#props\n   *\n   * @overrideType Object\n   */\n  additionalTouchableProps?: Omit<TouchableOpacityProps, 'style'>;\n  /**\n   * Custom UI component to override default cover (between Header and Footer) of Card component.\n   * Accepts the same props as Card component.\n   */\n  CardCover?: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * Custom UI component to override default Footer of Card component.\n   * Accepts the same props as Card component.\n   */\n  CardFooter?: React.ComponentType<CardProps<StreamChatGenerics>>;\n  /**\n   * Custom UI component to override default header of Card component.\n   * Accepts the same props as Card component.\n   */\n  CardHeader?: React.ComponentType<CardProps<StreamChatGenerics>>;\n\n  /**\n   * Full override of the delete message button in the Message Actions\n   *\n   * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n   */\n\n  /** Control if the deleted message is visible to both the send and reciever, either of them or none  */\n  deletedMessagesVisibilityType?: 'always' | 'never' | 'receiver' | 'sender';\n\n  disableTypingIndicator?: boolean;\n\n  /**\n   * Whether messages should be aligned to right or left part of screen.\n   * By default, messages will be received messages will be aligned to left and\n   * sent messages will be aligned to right.\n   */\n  forceAlignMessages?: Alignment | boolean;\n  /**\n   * Optional function to custom format the message date\n   */\n  formatDate?: (date: TDateTimeParserInput) => string;\n  handleBlock?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a copy message action is invoked */\n  handleCopy?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a delete message action is invoked */\n  handleDelete?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when an edit message action is invoked */\n  handleEdit?: (message: MessageType<StreamChatGenerics>) => void;\n  /** Handler to access when a flag message action is invoked */\n  handleFlag?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a mute user action is invoked */\n  handleMute?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a pin/unpin user action is invoked*/\n  handlePinMessage?: ((message: MessageType<StreamChatGenerics>) => MessageActionType) | null;\n  /** Handler to access when a quoted reply action is invoked */\n  handleQuotedReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to process a reaction */\n  handleReaction?: (\n    message: MessageType<StreamChatGenerics>,\n    reactionType: string,\n  ) => Promise<void>;\n  /** Handler to access when a retry action is invoked */\n  handleRetry?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to access when a thread reply action is invoked */\n  handleThreadReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;\n  /** Handler to deal with custom memoization logic of Attachment */\n  isAttachmentEqual?: (\n    prevAttachment: Attachment<StreamChatGenerics>,\n    nextAttachment: Attachment<StreamChatGenerics>,\n  ) => boolean;\n  legacyImageViewerSwipeBehaviour?: boolean;\n  /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */\n  markdownRules?: MarkdownRules;\n  /**\n   * Use this prop to override message actions (which pop-up in message overlay).\n   *\n   * You can either completely override the default messageActions object.\n   *\n   * ```\n   * <Channel\n   *   messageActions=[\n   *     {\n   *       action: () => { someAction() };\n   *       title: \"Pin Message\";\n   *       icon: PinIcon;\n   *       titleStyle: {};\n   *     },\n   *     {\n   *       action: () => { someAction() };\n   *       title: \"Delete Message\";\n   *       icon: PinIcon;\n   *       titleStyle: {};\n   *     }\n   *   ]\n   * >\n   * </Channel>\n   * ```\n   *\n   * Or you can selectly keep certain action and remove some:\n   *\n   * e.g. Lets say you only want to keep threadReply and copyMessage actions\n   *\n   * ```\n   * <Channel\n   *   messageActions={({\n   *     blockUser,\n   *     copyMessage,\n   *     deleteMessage,\n   *     editMessage,\n   *     flagMessage,\n   *     muteUser,\n   *     quotedReply,\n   *     retry,\n   *     threadReply,\n   *   }) => ([\n   *     threadReply, copyMessage\n   *   ])}\n   * >\n   *  </Channel>\n   *  ```\n   *\n   * @overrideType Function | Array<Objects>\n   */\n  messageActions?: (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];\n  /**\n   * Custom message header component\n   */\n  MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;\n  /** Custom UI component for message text */\n  MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;\n\n  /**\n   * Theme provided only to messages that are the current users\n   */\n  myMessageTheme?: DeepPartial<Theme>;\n  /**\n   * Override default handler for onLongPress on message. You have access to payload of that handler as param:\n   *\n   * ```\n   * <Channel\n   *  onLongPressMessage={({\n   *    actionHandlers: {\n   *        deleteMessage, // () => Promise<void>;\n   *        editMessage, // () => void;\n   *        quotedReply, // () => void;\n   *        resendMessage, // () => Promise<void>;\n   *        showMessageOverlay, // () => void;\n   *        toggleBanUser, // () => Promise<void>;\n   *        toggleMuteUser, // () => Promise<void>;\n   *        toggleReaction, // (reactionType: string) => Promise<void>;\n   *    },\n   *    defaultHandler, // () => void\n   *    event, // any event object corresponding to touchable feedback\n   *    emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n   *    message // message object on which longPress occured\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onLongPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n  /**\n   * Add onPressIn handler for attachments. You have access to payload of that handler as param:\n   *\n   * ```\n   * <Channel\n   *  onPressInMessage={({\n   *    actionHandlers: {\n   *        deleteMessage, // () => Promise<void>;\n   *        editMessage, // () => void;\n   *        quotedReply, // () => void;\n   *        resendMessage, // () => Promise<void>;\n   *        showMessageOverlay, // () => void;\n   *        toggleBanUser, // () => Promise<void>;\n   *        toggleMuteUser, // () => Promise<void>;\n   *        toggleReaction, // (reactionType: string) => Promise<void>;\n   *    },\n   *    defaultHandler, // () => void\n   *    event, // any event object corresponding to touchable feedback\n   *    emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n   *    message // message object on which longPress occured\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onPressInMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n  /**\n   * Override onPress handler for message. You have access to payload of that handler as param:\n   *\n   * ```\n   * <Channel\n   *  onPressMessage={({\n   *    actionHandlers: {\n   *        deleteMessage, // () => Promise<void>;\n   *        editMessage, // () => void;\n   *        quotedReply, // () => void;\n   *        resendMessage, // () => Promise<void>;\n   *        showMessageOverlay, // () => void;\n   *        toggleBanUser, // () => Promise<void>;\n   *        toggleMuteUser, // () => Promise<void>;\n   *        toggleReaction, // (reactionType: string) => Promise<void>;\n   *    },\n   *    defaultHandler, // () => void\n   *    event, // any event object corresponding to touchable feedback\n   *    emitter, // which component trigged this touchable feedback e.g. card, fileAttachment, gallery, message ... etc\n   *    message // message object on which longPress occurred\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;\n\n  /**\n   * Full override of the reaction function on Message and Message Overlay\n   *\n   * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.\n   * */\n  selectReaction?: (\n    message: MessageType<StreamChatGenerics>,\n  ) => (reactionType: string) => Promise<void>;\n\n  targetedMessage?: string;\n};\n\nexport const MessagesContext = React.createContext({} as MessagesContextValue);\n\nexport const MessagesProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessagesContextValue<StreamChatGenerics>;\n}>) => (\n  <MessagesContext.Provider value={value as unknown as MessagesContextValue}>\n    {children}\n  </MessagesContext.Provider>\n);\n\nexport const useMessagesContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(MessagesContext) as unknown as MessagesContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if MessagesContext\n * typing is desired while using the HOC withMessagesContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessagesContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessagesContextValue<StreamChatGenerics>>> => {\n  const WithMessagesContextComponent = (\n    props: Omit<P, keyof MessagesContextValue<StreamChatGenerics>>,\n  ) => {\n    const messagesContext = useMessagesContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...messagesContext} />;\n  };\n  WithMessagesContextComponent.displayName = `WithMessagesContext${getDisplayName(Component)}`;\n  return WithMessagesContextComponent;\n};\n"]}

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.3.0-beta.2"
+  "version": "4.3.0-beta.5"
 }

package/lib/typescript/components/Attachment/Attachment.d.ts

@@ -2,13 +2,13 @@ import type { Attachment as AttachmentType } from 'stream-chat';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type ActionHandler = (name: string, value: string) => void;
-export declare type AttachmentPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessagesContextValue<StreamChatGenerics>, 'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'giphyVersion' | 'Giphy' | 'UrlPreview'> & {
+export declare type AttachmentPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessagesContextValue<StreamChatGenerics>, 'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'giphyVersion' | 'Giphy' | 'isAttachmentEqual' | 'UrlPreview'> & {
     /**
      * The attachment to render
      */
     attachment: AttachmentType<StreamChatGenerics>;
 };
-export declare type AttachmentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'giphyVersion' | 'UrlPreview'>> & Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;
+export declare type AttachmentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'giphyVersion' | 'UrlPreview' | 'isAttachmentEqual'>> & Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;
 /**
  * Attachment - The message attachment
  */

package/lib/typescript/components/Channel/Channel.d.ts

@@ -15,7 +15,7 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ReactionData } from '../../utils/utils';
 import { LoadingErrorProps } from '../Indicators/LoadingErrorIndicator';
 export declare const reactionData: ReactionData[];
-export declare type ChannelPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel'> & Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Partial<Omit<InputMessageInputContextValue<StreamChatGenerics>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<Pick<SuggestionsContextValue<StreamChatGenerics>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem' | 'AutoCompleteSuggestionList'>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & UseChannelStateValue<StreamChatGenerics> & Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'AttachmentActions' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'DateHeader' | 'deletedMessagesVisibilityType' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'giphyVersion' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'legacyImageViewerSwipeBehaviour' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessagePinnedHeader' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'myMessageTheme' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'ReactionList' | 'Reply' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel' | 'thread'>> & {
+export declare type ChannelPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel'> & Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Partial<Omit<InputMessageInputContextValue<StreamChatGenerics>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<Pick<SuggestionsContextValue<StreamChatGenerics>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem' | 'AutoCompleteSuggestionList'>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & UseChannelStateValue<StreamChatGenerics> & Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'AttachmentActions' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'DateHeader' | 'deletedMessagesVisibilityType' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'giphyVersion' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'isAttachmentEqual' | 'legacyImageViewerSwipeBehaviour' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessagePinnedHeader' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'myMessageTheme' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'ReactionList' | 'Reply' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel' | 'thread'>> & {
     shouldSyncChannel: boolean;
     /**
      * Additional props passed to keyboard avoiding view

package/lib/typescript/components/Channel/hooks/useCreateMessagesContext.d.ts

@@ -1,6 +1,6 @@
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useCreateMessagesContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTouchableProps, Attachment, AttachmentActions, Card, CardCover, CardFooter, CardHeader, channelId, DateHeader, deletedMessagesVisibilityType, disableTypingIndicator, dismissKeyboardOnMessageTouch, enableMessageGroupingByUser, FileAttachment, FileAttachmentGroup, FileAttachmentIcon, FlatList, forceAlignMessages, formatDate, Gallery, Giphy, giphyVersion, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handlePinMessage, handleQuotedReply, handleReaction, handleRetry, handleThreadReply, initialScrollToFirstUnreadMessage, InlineDateSeparator, InlineUnreadIndicator, legacyImageViewerSwipeBehaviour, markdownRules, Message, messageActions, MessageAvatar, MessageContent, messageContentOrder, MessageDeleted, MessageFooter, MessageHeader, MessageList, MessagePinnedHeader, MessageReplies, MessageRepliesAvatars, MessageSimple, MessageStatus, MessageSystem, MessageText, myMessageTheme, onLongPressMessage, onPressInMessage, onPressMessage, OverlayReactionList, ReactionList, removeMessage, Reply, retrySendMessage, ScrollToBottomButton, selectReaction, setEditingState, setQuotedMessageState, supportedReactions, targetedMessage, TypingIndicator, TypingIndicatorContainer, updateMessage, UrlPreview, }: MessagesContextValue<StreamChatGenerics> & {
+export declare const useCreateMessagesContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTouchableProps, Attachment, AttachmentActions, Card, CardCover, CardFooter, CardHeader, channelId, DateHeader, deletedMessagesVisibilityType, disableTypingIndicator, dismissKeyboardOnMessageTouch, enableMessageGroupingByUser, FileAttachment, FileAttachmentGroup, FileAttachmentIcon, FlatList, forceAlignMessages, formatDate, Gallery, Giphy, giphyVersion, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handlePinMessage, handleQuotedReply, handleReaction, handleRetry, handleThreadReply, initialScrollToFirstUnreadMessage, InlineDateSeparator, InlineUnreadIndicator, isAttachmentEqual, legacyImageViewerSwipeBehaviour, markdownRules, Message, messageActions, MessageAvatar, MessageContent, messageContentOrder, MessageDeleted, MessageFooter, MessageHeader, MessageList, MessagePinnedHeader, MessageReplies, MessageRepliesAvatars, MessageSimple, MessageStatus, MessageSystem, MessageText, myMessageTheme, onLongPressMessage, onPressInMessage, onPressMessage, OverlayReactionList, ReactionList, removeMessage, Reply, retrySendMessage, ScrollToBottomButton, selectReaction, setEditingState, setQuotedMessageState, supportedReactions, targetedMessage, TypingIndicator, TypingIndicatorContainer, updateMessage, UrlPreview, }: MessagesContextValue<StreamChatGenerics> & {
     /**
      * To ensure we allow re-render, when channel is changed
      */

package/lib/typescript/components/Message/Message.d.ts

@@ -30,7 +30,7 @@ export declare type MessageActionHandlers = {
     toggleMuteUser: () => Promise<void>;
     toggleReaction: (reactionType: string) => Promise<void>;
 };
-export declare type MessagePropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'enforceUniqueReaction' | 'members'> & Pick<ChatContextValue<StreamChatGenerics>, 'client' | 'mutedUsers'> & Pick<KeyboardContextValue, 'dismissKeyboard'> & Partial<Omit<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'>> & Pick<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'> & Pick<MessagesContextValue<StreamChatGenerics>, 'dismissKeyboardOnMessageTouch' | 'forceAlignMessages' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleQuotedReply' | 'handleReaction' | 'handleRetry' | 'handleThreadReply' | 'messageActions' | 'messageContentOrder' | 'MessageSimple' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'removeMessage' | 'retrySendMessage' | 'selectReaction' | 'setEditingState' | 'setQuotedMessageState' | 'supportedReactions' | 'updateMessage'> & Pick<MessageOverlayContextValue<StreamChatGenerics>, 'setData'> & Pick<OverlayContextValue, 'setOverlay'> & Pick<ThreadContextValue<StreamChatGenerics>, 'openThread'> & Pick<TranslationContextValue, 't'> & {
+export declare type MessagePropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'enforceUniqueReaction' | 'members'> & Pick<ChatContextValue<StreamChatGenerics>, 'client' | 'mutedUsers'> & Pick<KeyboardContextValue, 'dismissKeyboard'> & Partial<Omit<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'>> & Pick<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'> & Pick<MessagesContextValue<StreamChatGenerics>, 'dismissKeyboardOnMessageTouch' | 'forceAlignMessages' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleQuotedReply' | 'handleReaction' | 'handleRetry' | 'handleThreadReply' | 'isAttachmentEqual' | 'messageActions' | 'messageContentOrder' | 'MessageSimple' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'removeMessage' | 'retrySendMessage' | 'selectReaction' | 'setEditingState' | 'setQuotedMessageState' | 'supportedReactions' | 'updateMessage'> & Pick<MessageOverlayContextValue<StreamChatGenerics>, 'setData'> & Pick<OverlayContextValue, 'setOverlay'> & Pick<ThreadContextValue<StreamChatGenerics>, 'openThread'> & Pick<TranslationContextValue, 't'> & {
     messagesContext: MessagesContextValue<StreamChatGenerics>;
     /**
      * Whether or not users are able to long press messages.

package/lib/typescript/components/Message/MessageSimple/MessageContent.d.ts

@@ -3,7 +3,7 @@ import { MessageContextValue } from '../../../contexts/messageContext/MessageCon
 import { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import { TranslationContextValue } from '../../../contexts/translationContext/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare type MessageContentPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'disabled' | 'goToMessage' | 'groupStyles' | 'hasReactions' | 'isMyMessage' | 'lastGroupMessage' | 'members' | 'message' | 'messageContentOrder' | 'onLongPress' | 'onlyEmojis' | 'onPress' | 'onPressIn' | 'otherAttachments' | 'preventPress' | 'showMessageStatus' | 'threadList'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'FileAttachmentGroup' | 'formatDate' | 'Gallery' | 'MessageFooter' | 'MessageHeader' | 'MessageDeleted' | 'MessageReplies' | 'MessageStatus' | 'onPressInMessage' | 'Reply'> & Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {
+export declare type MessageContentPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'disabled' | 'goToMessage' | 'groupStyles' | 'hasReactions' | 'isMyMessage' | 'lastGroupMessage' | 'members' | 'message' | 'messageContentOrder' | 'onLongPress' | 'onlyEmojis' | 'onPress' | 'onPressIn' | 'otherAttachments' | 'preventPress' | 'showMessageStatus' | 'threadList'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'FileAttachmentGroup' | 'formatDate' | 'Gallery' | 'isAttachmentEqual' | 'MessageFooter' | 'MessageHeader' | 'MessageDeleted' | 'MessageReplies' | 'MessageStatus' | 'onPressInMessage' | 'Reply'> & Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {
     setMessageContentWidth: React.Dispatch<React.SetStateAction<number>>;
 };
 export declare type MessageContentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Omit<MessageContentPropsWithContext<StreamChatGenerics>, 'setMessageContentWidth'>> & Pick<MessageContentPropsWithContext<StreamChatGenerics>, 'setMessageContentWidth'>;

package/lib/typescript/contexts/messagesContext/MessagesContext.d.ts

@@ -272,6 +272,8 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
     handleRetry?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when a thread reply action is invoked */
     handleThreadReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
+    /** Handler to deal with custom memoization logic of Attachment */
+    isAttachmentEqual?: (prevAttachment: Attachment<StreamChatGenerics>, nextAttachment: Attachment<StreamChatGenerics>) => boolean;
     legacyImageViewerSwipeBehaviour?: boolean;
     /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */
     markdownRules?: MarkdownRules;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.3.0-beta.2",
+  "version": "4.3.0-beta.5",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/Attachment.tsx

@@ -26,6 +26,7 @@ export type AttachmentPropsWithContext<
   | 'Gallery'
   | 'giphyVersion'
   | 'Giphy'
+  | 'isAttachmentEqual'
   | 'UrlPreview'
 > & {
   /**
@@ -101,15 +102,20 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   prevProps: AttachmentPropsWithContext<StreamChatGenerics>,
   nextProps: AttachmentPropsWithContext<StreamChatGenerics>,
 ) => {
-  const { attachment: prevAttachment } = prevProps;
+  const { attachment: prevAttachment, isAttachmentEqual } = prevProps;
   const { attachment: nextAttachment } = nextProps;
 
   const attachmentEqual =
     prevAttachment.actions?.length === nextAttachment.actions?.length &&
     prevAttachment.image_url === nextAttachment.image_url &&
     prevAttachment.thumb_url === nextAttachment.thumb_url;
+  if (!attachmentEqual) return false;
 
-  return attachmentEqual;
+  if (isAttachmentEqual) {
+    return isAttachmentEqual(prevAttachment, nextAttachment);
+  }
+
+  return true;
 };
 
 const MemoizedAttachment = React.memo(
@@ -129,6 +135,7 @@ export type AttachmentProps<
     | 'Giphy'
     | 'giphyVersion'
     | 'UrlPreview'
+    | 'isAttachmentEqual'
   >
 > &
   Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;
@@ -159,6 +166,7 @@ export const Attachment = <
     Gallery: ContextGallery,
     Giphy: ContextGiphy,
     giphyVersion: ContextGiphyVersion,
+    isAttachmentEqual,
     UrlPreview: ContextUrlPreview,
   } = useMessagesContext<StreamChatGenerics>();
 
@@ -185,6 +193,7 @@ export const Attachment = <
         Gallery,
         Giphy,
         giphyVersion,
+        isAttachmentEqual,
         UrlPreview,
       }}
     />

package/src/components/Channel/Channel.tsx

@@ -255,6 +255,7 @@ export type ChannelPropsWithContext<
       | 'handleThreadReply'
       | 'InlineDateSeparator'
       | 'InlineUnreadIndicator'
+      | 'isAttachmentEqual'
       | 'legacyImageViewerSwipeBehaviour'
       | 'markdownRules'
       | 'Message'
@@ -458,6 +459,7 @@ const ChannelWithContext = <
     InputEditingStateHeader = InputEditingStateHeaderDefault,
     InputGiphySearch = InputGiphyCommandInputDefault,
     InputReplyStateHeader = InputReplyStateHeaderDefault,
+    isAttachmentEqual,
     keyboardBehavior,
     KeyboardCompatibleView = KeyboardCompatibleViewDefault,
     keyboardVerticalOffset,
@@ -1698,6 +1700,7 @@ const ChannelWithContext = <
     initialScrollToFirstUnreadMessage,
     InlineDateSeparator,
     InlineUnreadIndicator,
+    isAttachmentEqual,
     legacyImageViewerSwipeBehaviour,
     markdownRules,
     Message,

package/src/components/Channel/__tests__/isAttachmentEqualHandler.test.js

@@ -0,0 +1,100 @@
+import React from 'react';
+
+import { Text } from 'react-native';
+
+import { act, cleanup, render, waitFor } from '@testing-library/react-native';
+
+import { OverlayProvider } from '../../../contexts/overlayContext/OverlayProvider';
+import { getOrCreateChannelApi } from '../../../mock-builders/api/getOrCreateChannel';
+
+import { useMockedApis } from '../../../mock-builders/api/useMockedApis';
+import dispatchMessageUpdateEvent from '../../../mock-builders/event/messageUpdated';
+import { generateChannelResponse } from '../../../mock-builders/generator/channel';
+import { generateMember } from '../../../mock-builders/generator/member';
+import { generateMessage } from '../../../mock-builders/generator/message';
+import { generateUser } from '../../../mock-builders/generator/user';
+import { getTestClientWithUser } from '../../../mock-builders/mock';
+import { Channel } from '../../Channel/Channel';
+import { Chat } from '../../Chat/Chat';
+import { MessageList } from '../../MessageList/MessageList';
+
+describe('Message', () => {
+  let channel;
+  let chatClient;
+
+  const user = generateUser({ id: 'id', name: 'name' });
+  const messages = [
+    generateMessage({
+      attachments: [{ customField: 'custom-field', type: 'test' }],
+      user,
+    }),
+  ];
+
+  beforeEach(async () => {
+    const members = [generateMember({ user })];
+    const mockedChannel = generateChannelResponse({
+      members,
+      messages,
+    });
+
+    chatClient = await getTestClientWithUser(user);
+    useMockedApis(chatClient, [getOrCreateChannelApi(mockedChannel)]);
+    channel = chatClient.channel('messaging', mockedChannel.id);
+    await channel.watch();
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+    cleanup();
+  });
+
+  const getMessageWithCustomFields = () => {
+    const isAttachmentEqualHandler = (prevProps, nextProps) => {
+      const propsEqual = prevProps.customField === nextProps.customField;
+      if (!propsEqual) return false;
+      return true;
+    };
+
+    return (
+      <OverlayProvider>
+        <Chat client={chatClient}>
+          <Channel
+            Card={({ customField, type }) => {
+              if (type === 'test') {
+                return <Text testID='attachment-custom-field'>{customField}</Text>;
+              }
+            }}
+            channel={channel}
+            isAttachmentEqual={isAttachmentEqualHandler}
+          >
+            <MessageList />
+          </Channel>
+        </Chat>
+      </OverlayProvider>
+    );
+  };
+
+  it('should render attachment with custom field', async () => {
+    const { getByText } = render(getMessageWithCustomFields());
+
+    await waitFor(() => {
+      expect(getByText('custom-field')).toBeTruthy();
+    });
+
+    act(() => {
+      dispatchMessageUpdateEvent(
+        chatClient,
+        {
+          ...messages[0],
+          attachments: [{ customField: 'custom-field-2', type: 'test' }],
+          updated_at: new Date(),
+        },
+        channel,
+      );
+    });
+
+    await waitFor(() => {
+      expect(getByText('custom-field-2')).toBeTruthy();
+    });
+  });
+});

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -42,6 +42,7 @@ export const useCreateMessagesContext = <
   initialScrollToFirstUnreadMessage,
   InlineDateSeparator,
   InlineUnreadIndicator,
+  isAttachmentEqual,
   legacyImageViewerSwipeBehaviour,
   markdownRules,
   Message,
@@ -127,6 +128,7 @@ export const useCreateMessagesContext = <
       initialScrollToFirstUnreadMessage,
       InlineDateSeparator,
       InlineUnreadIndicator,
+      isAttachmentEqual,
       legacyImageViewerSwipeBehaviour,
       markdownRules,
       Message,

package/src/components/Channel/hooks/useCreateOwnCapabilitiesContext.ts

@@ -21,6 +21,10 @@ export const useCreateOwnCapabilitiesContext = <
   const overrideCapabilitiesStr = overrideCapabilities
     ? JSON.stringify(Object.values(overrideCapabilities))
     : null;
+  const ownCapabilitiesStr = channel?.data?.own_capabilities
+    ? JSON.stringify(Object.values(channel?.data?.own_capabilities as Array<string>))
+    : null;
+
   const ownCapabilitiesContext: OwnCapabilitiesContextValue = useMemo(() => {
     const capabilities = (channel?.data?.own_capabilities || []) as Array<string>;
     const ownCapabilitiesContext = Object.keys(allOwnCapabilities).reduce(
@@ -34,6 +38,7 @@ export const useCreateOwnCapabilitiesContext = <
     );
 
     return ownCapabilitiesContext;
-  }, [channel.id, overrideCapabilitiesStr]);
+  }, [channel.id, overrideCapabilitiesStr, ownCapabilitiesStr]);
+
   return ownCapabilitiesContext;
 };

package/src/components/Channel/hooks/useCreatePaginatedMessageListContext.ts

@@ -23,7 +23,7 @@ export const useCreatePaginatedMessageListContext = <
       ({ deleted_at, latest_reactions, reply_count, status, updated_at }) =>
         `${deleted_at}${
           latest_reactions ? latest_reactions.map(({ type }) => type).join() : ''
-        }${reply_count}${status}${updated_at.toISOString()}`,
+        }${reply_count}${status}${updated_at?.toISOString?.() || updated_at}`,
     )
     .join();
 

package/src/components/Message/Message.tsx

@@ -112,6 +112,7 @@ export type MessagePropsWithContext<
     | 'handleReaction'
     | 'handleRetry'
     | 'handleThreadReply'
+    | 'isAttachmentEqual'
     | 'messageActions'
     | 'messageContentOrder'
     | 'MessageSimple'
@@ -472,6 +473,7 @@ const MessageWithContext = <
     t,
     updateMessage,
   });
+
   const showMessageOverlay = async (messageReactions = false, error = errorOrFailed) => {
     await dismissKeyboard();
 
@@ -680,6 +682,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     goToMessage: prevGoToMessage,
+    isAttachmentEqual,
     isTargetedMessage: prevIsTargetedMessage,
     lastReceivedId: prevLastReceivedId,
     members: prevMembers,
@@ -729,8 +732,8 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.status === nextMessage.status &&
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
-    prevMessage.updated_at === nextMessage.updated_at &&
-    prevMessage.pinned === nextMessage.pinned;
+    prevMessage.pinned === nextMessage.pinned &&
+    prevMessage.updated_at === nextMessage.updated_at;
 
   if (!messageEqual) return false;
 
@@ -752,12 +755,20 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     (Array.isArray(prevMessageAttachments) &&
       Array.isArray(nextMessageAttachments) &&
       prevMessageAttachments.length === nextMessageAttachments.length &&
-      prevMessageAttachments.every((attachment, index) =>
-        attachment.type === 'image'
-          ? attachment.image_url === nextMessageAttachments[index].image_url &&
-            attachment.thumb_url === nextMessageAttachments[index].thumb_url
-          : attachment.type === nextMessageAttachments[index].type,
-      )) ||
+      prevMessageAttachments.every((attachment, index) => {
+        const attachmentKeysEqual =
+          attachment.type === 'image'
+            ? attachment.image_url === nextMessageAttachments[index].image_url &&
+              attachment.thumb_url === nextMessageAttachments[index].thumb_url
+            : attachment.type === nextMessageAttachments[index].type;
+
+        if (isAttachmentEqual)
+          return (
+            attachmentKeysEqual && !!isAttachmentEqual(attachment, nextMessageAttachments[index])
+          );
+
+        return attachmentKeysEqual;
+      })) ||
     prevMessageAttachments === nextMessageAttachments;
   if (!attachmentsEqual) return false;
 

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -84,6 +84,7 @@ export type MessageContentPropsWithContext<
     | 'FileAttachmentGroup'
     | 'formatDate'
     | 'Gallery'
+    | 'isAttachmentEqual'
     | 'MessageFooter'
     | 'MessageHeader'
     | 'MessageDeleted'
@@ -371,6 +372,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     goToMessage: prevGoToMessage,
     groupStyles: prevGroupStyles,
     hasReactions: prevHasReactions,
+    isAttachmentEqual,
     lastGroupMessage: prevLastGroupMessage,
     members: prevMembers,
     message: prevMessage,
@@ -402,7 +404,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
   const goToMessageChangedAndMatters =
     nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;
-
   if (goToMessageChangedAndMatters) return false;
 
   const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;
@@ -431,7 +432,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned;
-
   if (!messageEqual) return false;
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';
@@ -440,21 +440,28 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const quotedMessageEqual =
     prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&
     isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;
-
   if (!quotedMessageEqual) return false;
 
-  const prevAttachments = prevMessage.attachments;
-  const nextAttachments = nextMessage.attachments;
+  const prevMessageAttachments = prevMessage.attachments;
+  const nextMessageAttachments = nextMessage.attachments;
   const attachmentsEqual =
-    Array.isArray(prevAttachments) && Array.isArray(nextAttachments)
-      ? prevAttachments.length === nextAttachments.length &&
-        prevAttachments.every(
-          (attachment, index) =>
-            attachment.image_url === nextAttachments[index].image_url &&
-            attachment.og_scrape_url === nextAttachments[index].og_scrape_url &&
-            attachment.thumb_url === nextAttachments[index].thumb_url,
-        )
-      : prevAttachments === nextAttachments;
+    Array.isArray(prevMessageAttachments) &&
+    Array.isArray(nextMessageAttachments) &&
+    prevMessageAttachments.length === nextMessageAttachments.length &&
+    prevMessageAttachments.every((attachment, index) => {
+      const attachmentKeysEqual =
+        attachment.type === 'image'
+          ? attachment.image_url === nextMessageAttachments[index].image_url &&
+            attachment.thumb_url === nextMessageAttachments[index].thumb_url
+          : attachment.type === nextMessageAttachments[index].type;
+
+      if (isAttachmentEqual)
+        return (
+          attachmentKeysEqual && !!isAttachmentEqual(attachment, nextMessageAttachments[index])
+        );
+
+      return attachmentKeysEqual;
+    });
   if (!attachmentsEqual) return false;
 
   const latestReactionsEqual =
@@ -527,6 +534,7 @@ export const MessageContent = <
     FileAttachmentGroup,
     formatDate,
     Gallery,
+    isAttachmentEqual,
     MessageDeleted,
     MessageFooter,
     MessageHeader,
@@ -549,6 +557,7 @@ export const MessageContent = <
         goToMessage,
         groupStyles,
         hasReactions,
+        isAttachmentEqual,
         isMyMessage,
         lastGroupMessage,
         lastReceivedId,