stream-chat-react-native-core 3.9.0-next.1 → 3.9.0-next.2

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;;AAEA;;;;;;;;;AA4jBO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAS9BC,QAT8B,QAS9BA,QAT8B;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;AAAA,SAc9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd8B;AAAA,CAAzB;;;;AAmBA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAQ3B,uBAAWN,eAAX,CAR2B;AAAA,CAA3B;;;;AAeA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAUjCC,SAViC,EAW6C;AAC9E,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,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport type { Alignment } from '../messageContext/MessageContext';\nimport type { MessageAction } from '../messageOverlayContext/MessageOverlayContext';\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';\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';\nimport type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';\nimport type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';\nimport type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';\nimport type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';\nimport type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';\nimport type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';\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 { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';\nimport type { MessageSystemProps } from '../../components/MessageList/MessageSystem';\nimport type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';\nimport type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';\nimport type { ReplyProps } from '../../components/Reply/Reply';\nimport type { FlatList } from '../../native';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport type { ReactionData } from '../../utils/utils';\n\nexport type MessagesConfig = {\n  mutesEnabled?: boolean;\n  quotedRepliesEnabled?: boolean;\n  reactionsEnabled?: boolean;\n  threadRepliesEnabled?: boolean;\n};\n\nexport type MessageContentType = 'attachments' | 'files' | 'gallery' | 'quoted_reply' | 'text';\n\nexport type MessagesContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = MessagesConfig & {\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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  /** Should keyboard be dismissed when messaged is touched */\n  dismissKeyboardOnMessageTouch: boolean;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom message footer component\n   */\n  MessageFooter: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  MessageList: React.ComponentType<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;\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  MessageReplies: React.ComponentType<MessageRepliesProps<At, Ch, Co, Ev, Me, Re, Us>>;\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<\n    MessageRepliesAvatarsProps<At, Ch, Co, Ev, Me, Re, Us>\n  >;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * UI component for OverlayReactionList\n   */\n  OverlayReactionList: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Override the api request for retry message functionality.\n   */\n  retrySendMessage: (message: MessageResponse<At, Ch, Co, Me, Re, Us>) => 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<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  setQuotedMessageState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => 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<At, Ch, Co, Me, Re, Us>,\n    extraState?: {\n      commands?: SuggestionCommand<Co>[];\n      messageInput?: string;\n      threadMessages?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['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<At, Ch, Co, Ev, Me, Re, Us>>;\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   * When false, pop-out animation will be disabled for message bubble, onLongPress\n   */\n  animatedLongPress?: boolean;\n  /**\n   * Full override of the block user 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  blockUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Full override of the copy 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  copyMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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  deleteMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  disableTypingIndicator?: boolean;\n  /**\n   * Full override of the edit 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  editMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  /**\n   * Full override of the flag 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  flagMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a copy message action is invoked */\n  handleCopy?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a delete message action is invoked */\n  handleDelete?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when an edit message action is invoked */\n  handleEdit?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /** Handler to access when a flag message action is invoked */\n  handleFlag?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a mute user action is invoked */\n  handleMute?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a quoted reply action is invoked */\n  handleQuotedReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to process a reaction */\n  handleReaction?: (\n    message: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n    reactionType: string,\n  ) => Promise<void>;\n  /** Handler to access when a retry action is invoked */\n  handleRetry?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a thread reply action is invoked */\n  handleThreadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\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?:\n    | (MessageAction | null)[]\n    | (({\n        blockUser,\n        canModifyMessage,\n        copyMessage,\n        deleteMessage,\n        dismissOverlay,\n        editMessage,\n        error,\n        flagMessage,\n        isMyMessage,\n        isThreadMessage,\n        message,\n        messageReactions,\n        muteUser,\n        quotedRepliesEnabled,\n        quotedReply,\n        retry,\n        threadRepliesEnabled,\n        threadReply,\n      }: {\n        blockUser: MessageAction | null;\n        canModifyMessage: boolean;\n        copyMessage: MessageAction | null;\n        deleteMessage: MessageAction | null;\n        dismissOverlay: () => void;\n        editMessage: MessageAction | null;\n        error: boolean;\n        flagMessage: MessageAction | null;\n        isMyMessage: boolean;\n        isThreadMessage: boolean;\n        message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n        messageReactions: boolean;\n        muteUser: MessageAction | null;\n        quotedReply: MessageAction | null;\n        retry: MessageAction | null;\n        threadReply: MessageAction | null;\n        quotedRepliesEnabled?: boolean;\n        threadRepliesEnabled?: boolean;\n      }) => (MessageAction | null)[] | undefined);\n  /**\n   * Custom message header component\n   */\n  MessageHeader?: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /** Custom UI component for message text */\n  MessageText?: React.ComponentType<MessageTextProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Full override of the mute user 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  muteUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  /**\n   * Theme provided only to messages that are the current users\n   */\n  myMessageTheme?: DeepPartial<Theme>;\n  /**\n   * Add double tap handler for message.\n   *\n   * ```\n   * <Channel\n   *  onDoubleTapMessage={({\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   *    message // message object on which longPress occured\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onDoubleTapMessage?: (\n    payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\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?: (\n    payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => 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<At, Ch, Co, Ev, Me, Re, Us>) => 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<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Full override of the quoted reply 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  quotedReply?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  /**\n   * Full override of the resend 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  retry?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => (reactionType: string) => Promise<void>;\n  /**\n   * Full override of the thread reply 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  threadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction;\n};\n\nexport const MessagesContext = React.createContext({} as MessagesContextValue);\n\nexport const MessagesProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <MessagesContext.Provider value={value as unknown as MessagesContextValue}>\n    {children}\n  </MessagesContext.Provider>\n);\n\nexport const useMessagesContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(MessagesContext) as unknown as MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;\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  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithMessagesContextComponent = (\n    props: Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const messagesContext = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\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;;AAEA;;;;;;;;;AA8jBO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAS9BC,QAT8B,QAS9BA,QAT8B;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;AAAA,SAc9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd8B;AAAA,CAAzB;;;;AAmBA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAQ3B,uBAAWN,eAAX,CAR2B;AAAA,CAA3B;;;;AAeA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAUjCC,SAViC,EAW6C;AAC9E,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,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { TouchableOpacityProps } from 'react-native';\n\nimport type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport type { Alignment } from '../messageContext/MessageContext';\nimport type { MessageAction } from '../messageOverlayContext/MessageOverlayContext';\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';\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';\nimport type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';\nimport type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';\nimport type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';\nimport type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';\nimport type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';\nimport type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';\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 { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';\nimport type { MessageSystemProps } from '../../components/MessageList/MessageSystem';\nimport type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';\nimport type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';\nimport type { ReplyProps } from '../../components/Reply/Reply';\nimport type { FlatList } from '../../native';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport type { ReactionData } from '../../utils/utils';\n\nexport type MessagesConfig = {\n  mutesEnabled?: boolean;\n  quotedRepliesEnabled?: boolean;\n  reactionsEnabled?: boolean;\n  threadRepliesEnabled?: boolean;\n};\n\nexport type MessageContentType = 'attachments' | 'files' | 'gallery' | 'quoted_reply' | 'text';\n\nexport type MessagesContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = MessagesConfig & {\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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  /** Should keyboard be dismissed when messaged is touched */\n  dismissKeyboardOnMessageTouch: boolean;\n  enableMessageGroupingByUser: boolean;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom message footer component\n   */\n  MessageFooter: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  MessageList: React.ComponentType<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;\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  MessageReplies: React.ComponentType<MessageRepliesProps<At, Ch, Co, Ev, Me, Re, Us>>;\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<\n    MessageRepliesAvatarsProps<At, Ch, Co, Ev, Me, Re, Us>\n  >;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * UI component for OverlayReactionList\n   */\n  OverlayReactionList: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Override the api request for retry message functionality.\n   */\n  retrySendMessage: (message: MessageResponse<At, Ch, Co, Me, Re, Us>) => 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<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  setQuotedMessageState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => 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<At, Ch, Co, Me, Re, Us>,\n    extraState?: {\n      commands?: SuggestionCommand<Co>[];\n      messageInput?: string;\n      threadMessages?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['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<At, Ch, Co, Ev, Me, Re, Us>>;\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   * When false, pop-out animation will be disabled for message bubble, onLongPress\n   */\n  animatedLongPress?: boolean;\n  /**\n   * Full override of the block user 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  blockUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\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<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Full override of the copy 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  copyMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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  deleteMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  disableTypingIndicator?: boolean;\n  /**\n   * Full override of the edit 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  editMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  /**\n   * Full override of the flag 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  flagMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a copy message action is invoked */\n  handleCopy?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a delete message action is invoked */\n  handleDelete?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when an edit message action is invoked */\n  handleEdit?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /** Handler to access when a flag message action is invoked */\n  handleFlag?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a mute user action is invoked */\n  handleMute?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a quoted reply action is invoked */\n  handleQuotedReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to process a reaction */\n  handleReaction?: (\n    message: MessageType<At, Ch, Co, Ev, Me, Re, Us>,\n    reactionType: string,\n  ) => Promise<void>;\n  /** Handler to access when a retry action is invoked */\n  handleRetry?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;\n  /** Handler to access when a thread reply action is invoked */\n  handleThreadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => 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?:\n    | (MessageAction | null)[]\n    | (({\n        blockUser,\n        canModifyMessage,\n        copyMessage,\n        deleteMessage,\n        dismissOverlay,\n        editMessage,\n        error,\n        flagMessage,\n        isMyMessage,\n        isThreadMessage,\n        message,\n        messageReactions,\n        muteUser,\n        quotedRepliesEnabled,\n        quotedReply,\n        retry,\n        threadRepliesEnabled,\n        threadReply,\n      }: {\n        blockUser: MessageAction | null;\n        canModifyMessage: boolean;\n        copyMessage: MessageAction | null;\n        deleteMessage: MessageAction | null;\n        dismissOverlay: () => void;\n        editMessage: MessageAction | null;\n        error: boolean;\n        flagMessage: MessageAction | null;\n        isMyMessage: boolean;\n        isThreadMessage: boolean;\n        message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n        messageReactions: boolean;\n        muteUser: MessageAction | null;\n        quotedReply: MessageAction | null;\n        retry: MessageAction | null;\n        threadReply: MessageAction | null;\n        quotedRepliesEnabled?: boolean;\n        threadRepliesEnabled?: boolean;\n      }) => (MessageAction | null)[] | undefined);\n  /**\n   * Custom message header component\n   */\n  MessageHeader?: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /** Custom UI component for message text */\n  MessageText?: React.ComponentType<MessageTextProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Full override of the mute user 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  muteUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  /**\n   * Theme provided only to messages that are the current users\n   */\n  myMessageTheme?: DeepPartial<Theme>;\n  /**\n   * Add double tap handler for message.\n   *\n   * ```\n   * <Channel\n   *  onDoubleTapMessage={({\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   *    message // message object on which longPress occured\n   *  }) => {\n   *    // Your custom action\n   *  }}\n   * />\n   * ```\n   */\n  onDoubleTapMessage?: (\n    payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\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?: (\n    payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => 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<At, Ch, Co, Ev, Me, Re, Us>) => 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<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Full override of the quoted reply 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  quotedReply?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\n  /**\n   * Full override of the resend 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  retry?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;\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<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => (reactionType: string) => Promise<void>;\n  /**\n   * Full override of the thread reply 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  threadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction;\n};\n\nexport const MessagesContext = React.createContext({} as MessagesContextValue);\n\nexport const MessagesProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <MessagesContext.Provider value={value as unknown as MessagesContextValue}>\n    {children}\n  </MessagesContext.Provider>\n);\n\nexport const useMessagesContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(MessagesContext) as unknown as MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;\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  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithMessagesContextComponent = (\n    props: Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const messagesContext = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\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": "3.9.0-next.1"
+  "version": "3.9.0-next.2"
 }

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

@@ -3,7 +3,7 @@ import { MessageContextValue } from '../../contexts/messageContext/MessageContex
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { OverlayContextValue } from '../../contexts/overlayContext/OverlayContext';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type GalleryPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<ImageGalleryContextValue, 'setImage'> & Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'groupStyles' | 'images' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress' | 'threadList'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'> & Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {
+export declare type GalleryPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<ImageGalleryContextValue, 'setImage' | 'setImages'> & Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'groupStyles' | 'images' | 'message' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress' | 'threadList'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'> & Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {
     hasThreadReplies?: boolean;
     messageId?: string;
     messageText?: string;

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

@@ -13,7 +13,7 @@ import { TranslationContextValue } from '../../contexts/translationContext/Trans
 import { ReactionData } from '../../utils/utils';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
 export declare const reactionData: ReactionData[];
-export declare type ChannelPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Partial<Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'EmptyStateIndicator' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> & Partial<Omit<InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<SuggestionsContextValue<Co, Us>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & Partial<Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps' | 'animatedLongPress' | 'Attachment' | 'AttachmentActions' | 'blockUser' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'copyMessage' | 'DateHeader' | 'deleteMessage' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'editMessage' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'flagMessage' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'muteUser' | 'myMessageTheme' | 'onDoubleTapMessage' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'quotedReply' | 'ReactionList' | 'Reply' | 'retry' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'threadReply' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'allowThreadMessagesInChannel' | 'thread'>> & {
+export declare type ChannelPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Partial<Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> & Partial<Omit<InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<SuggestionsContextValue<Co, Us>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & Partial<Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps' | 'animatedLongPress' | 'Attachment' | 'AttachmentActions' | 'blockUser' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'copyMessage' | 'DateHeader' | 'deleteMessage' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'editMessage' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'flagMessage' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'muteUser' | 'myMessageTheme' | 'onDoubleTapMessage' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'quotedReply' | 'ReactionList' | 'Reply' | 'retry' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'threadReply' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'allowThreadMessagesInChannel' | 'thread'>> & {
     /**
      * Additional props passed to keyboard avoiding view
      */
@@ -79,6 +79,7 @@ export declare type ChannelPropsWithContext<At extends UnknownType = DefaultAtta
      */
     KeyboardCompatibleView?: React.ComponentType<KeyboardAvoidingViewProps>;
     keyboardVerticalOffset?: number;
+    legacyImageViewerSwipeBehaviour?: boolean;
     /**
      * Custom loading error indicator to override the Stream default
      */

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

@@ -1,3 +1,3 @@
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const useCreateChannelContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ channel, disabled, EmptyStateIndicator, enforceUniqueReaction, error, giphyEnabled, hideDateSeparators, isAdmin, isModerator, isOwner, lastRead, loadChannelAtMessage, loading, LoadingIndicator, markRead, maxTimeBetweenGroupedMessages, members, NetworkDownIndicator, read, readEventsEnabled, reloadChannel, scrollToFirstUnreadThreshold, setLastRead, setTargetedMessage, StickyHeader, targetedMessage, typingEventsEnabled, watcherCount, watchers, }: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>) => ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useCreateChannelContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ channel, disabled, EmptyStateIndicator, enableMessageGroupingByUser, enforceUniqueReaction, error, giphyEnabled, hideDateSeparators, hideStickyDateHeader, isAdmin, isModerator, isOwner, lastRead, loadChannelAtMessage, loading, LoadingIndicator, markRead, maxTimeBetweenGroupedMessages, members, NetworkDownIndicator, read, readEventsEnabled, reloadChannel, scrollToFirstUnreadThreshold, setLastRead, setTargetedMessage, StickyHeader, targetedMessage, typingEventsEnabled, watcherCount, watchers, }: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>) => ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const useCreateMessagesContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ additionalTouchableProps, animatedLongPress, Attachment, AttachmentActions, blockUser, Card, CardCover, CardFooter, CardHeader, channelId, copyMessage, DateHeader, deleteMessage, disableTypingIndicator, dismissKeyboardOnMessageTouch, editMessage, FileAttachment, FileAttachmentGroup, FileAttachmentIcon, flagMessage, FlatList, forceAlignMessages, formatDate, Gallery, Giphy, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handleQuotedReply, handleReaction, handleRetry, handleThreadReply, initialScrollToFirstUnreadMessage, InlineDateSeparator, InlineUnreadIndicator, markdownRules, Message, messageActions, MessageAvatar, MessageContent, messageContentOrder, MessageDeleted, MessageFooter, MessageHeader, MessageList, MessageReplies, MessageRepliesAvatars, MessageSimple, MessageStatus, MessageSystem, MessageText, mutesEnabled, muteUser, myMessageTheme, onDoubleTapMessage, onLongPressMessage, onPressInMessage, onPressMessage, OverlayReactionList, quotedRepliesEnabled, quotedReply, ReactionList, reactionsEnabled, removeMessage, Reply, retry, retrySendMessage, ScrollToBottomButton, selectReaction, setEditingState, setQuotedMessageState, supportedReactions, threadRepliesEnabled, threadReply, TypingIndicator, TypingIndicatorContainer, updateMessage, UrlPreview, }: import("../../../contexts/messagesContext/MessagesContext").MessagesConfig & {
+export declare const useCreateMessagesContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ additionalTouchableProps, animatedLongPress, Attachment, AttachmentActions, blockUser, Card, CardCover, CardFooter, CardHeader, channelId, copyMessage, DateHeader, deleteMessage, disableTypingIndicator, dismissKeyboardOnMessageTouch, editMessage, enableMessageGroupingByUser, FileAttachment, FileAttachmentGroup, FileAttachmentIcon, flagMessage, FlatList, forceAlignMessages, formatDate, Gallery, Giphy, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handleQuotedReply, handleReaction, handleRetry, handleThreadReply, initialScrollToFirstUnreadMessage, InlineDateSeparator, InlineUnreadIndicator, legacyImageViewerSwipeBehaviour, markdownRules, Message, messageActions, MessageAvatar, MessageContent, messageContentOrder, MessageDeleted, MessageFooter, MessageHeader, MessageList, MessageReplies, MessageRepliesAvatars, MessageSimple, MessageStatus, MessageSystem, MessageText, mutesEnabled, muteUser, myMessageTheme, onDoubleTapMessage, onLongPressMessage, onPressInMessage, onPressMessage, OverlayReactionList, quotedRepliesEnabled, quotedReply, ReactionList, reactionsEnabled, removeMessage, Reply, retry, retrySendMessage, ScrollToBottomButton, selectReaction, setEditingState, setQuotedMessageState, supportedReactions, threadRepliesEnabled, threadReply, TypingIndicator, TypingIndicatorContainer, updateMessage, UrlPreview, }: import("../../../contexts/messagesContext/MessagesContext").MessagesConfig & {
     Attachment: import("react").ComponentType<import("../..").AttachmentProps<At, Ch, Co, Ev, Me, Re, Us>>;
     AttachmentActions: import("react").ComponentType<import("../..").AttachmentActionsProps<At, Ch, Co, Ev, Me, Re, Us>>;
     Card: import("react").ComponentType<import("../..").CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
     DateHeader: import("react").ComponentType<import("../..").DateHeaderProps>;
     dismissKeyboardOnMessageTouch: boolean;
+    enableMessageGroupingByUser: boolean;
     FileAttachment: import("react").ComponentType<import("../..").FileAttachmentProps<At, Ch, Co, Ev, Me, Re, Us>>;
     FileAttachmentGroup: import("react").ComponentType<import("../..").FileAttachmentGroupProps<At, Ch, Co, Ev, Me, Re, Us>>;
     FileAttachmentIcon: import("react").ComponentType<import("../..").FileIconProps>;
@@ -22,7 +23,7 @@ export declare const useCreateMessagesContext: <At extends UnknownType = Default
     messageContentOrder: import("../../../contexts/messagesContext/MessagesContext").MessageContentType[];
     MessageDeleted: import("react").ComponentType<import("../..").MessageDeletedProps<At, Ch, Co, Ev, Me, Re, Us>>;
     MessageFooter: import("react").ComponentType<import("../..").MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;
-    MessageList: import("react").ComponentType<Partial<Pick<import("../../..").AttachmentPickerContextValue, "selectedPicker" | "closePicker" | "setSelectedPicker"> & Pick<import("../../..").ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, "channel" | "disabled" | "EmptyStateIndicator" | "loadChannelAtMessage" | "loading" | "LoadingIndicator" | "markRead" | "NetworkDownIndicator" | "reloadChannel" | "scrollToFirstUnreadThreshold" | "setTargetedMessage" | "StickyHeader" | "targetedMessage" | "typingEventsEnabled"> & Pick<import("../../..").ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, "client"> & Pick<import("../../..").ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>, "setImages"> & Pick<import("../../..").PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, "loadMore" | "loadMoreRecent"> & Pick<import("../../..").OverlayContextValue, "overlay"> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, "DateHeader" | "FlatList" | "initialScrollToFirstUnreadMessage" | "InlineDateSeparator" | "InlineUnreadIndicator" | "Message" | "MessageSystem" | "ScrollToBottomButton" | "TypingIndicator" | "TypingIndicatorContainer" | "disableTypingIndicator" | "myMessageTheme"> & Pick<import("../../..").ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, "loadMoreThread" | "thread"> & Pick<import("../../..").TranslationContextValue, "t" | "tDateTimeParser"> & {
+    MessageList: import("react").ComponentType<Partial<Pick<import("../../..").AttachmentPickerContextValue, "selectedPicker" | "closePicker" | "setSelectedPicker"> & Pick<import("../../..").ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, "channel" | "disabled" | "EmptyStateIndicator" | "hideStickyDateHeader" | "loadChannelAtMessage" | "loading" | "LoadingIndicator" | "markRead" | "NetworkDownIndicator" | "reloadChannel" | "scrollToFirstUnreadThreshold" | "setTargetedMessage" | "StickyHeader" | "targetedMessage" | "typingEventsEnabled"> & Pick<import("../../..").ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, "client"> & Pick<import("../../..").ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>, "setImages"> & Pick<import("../../..").PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, "loadMore" | "loadMoreRecent"> & Pick<import("../../..").OverlayContextValue, "overlay"> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, "DateHeader" | "FlatList" | "initialScrollToFirstUnreadMessage" | "InlineDateSeparator" | "InlineUnreadIndicator" | "Message" | "MessageSystem" | "ScrollToBottomButton" | "TypingIndicator" | "TypingIndicatorContainer" | "disableTypingIndicator" | "legacyImageViewerSwipeBehaviour" | "myMessageTheme"> & Pick<import("../../..").ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, "loadMoreThread" | "thread"> & Pick<import("../../..").TranslationContextValue, "t" | "tDateTimeParser"> & {
         additionalFlatListProps?: Partial<import("react-native").FlatListProps<import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>>> | undefined;
         FooterComponent?: import("react").ComponentType<{}> | undefined;
         HeaderComponent?: import("react").ComponentType<{}> | undefined;
@@ -90,6 +91,7 @@ export declare const useCreateMessagesContext: <At extends UnknownType = Default
     handleReaction?: ((message: import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>, reactionType: string) => Promise<void>) | undefined;
     handleRetry?: ((message: import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>) | undefined;
     handleThreadReply?: ((message: import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>) | undefined;
+    legacyImageViewerSwipeBehaviour?: boolean | undefined;
     markdownRules?: Partial<import("simple-markdown").DefaultRules> | undefined;
     messageActions?: (import("../../..").MessageAction | null)[] | (({ blockUser, canModifyMessage, copyMessage, deleteMessage, dismissOverlay, editMessage, error, flagMessage, isMyMessage, isThreadMessage, message, messageReactions, muteUser, quotedRepliesEnabled, quotedReply, retry, threadRepliesEnabled, threadReply, }: {
         blockUser: import("../../..").MessageAction | null;

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

@@ -1,7 +1,7 @@
 import { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare type MessageSimplePropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageAvatar' | 'MessageContent' | 'ReactionList'>;
+export declare type MessageSimplePropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'channel' | 'groupStyles' | 'hasReactions' | 'message'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'enableMessageGroupingByUser' | 'MessageAvatar' | 'MessageContent' | 'ReactionList'>;
 export declare type MessageSimpleProps<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Partial<MessageSimplePropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
 /**
  *

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

@@ -11,7 +11,7 @@ import { PaginatedMessageListContextValue } from '../../contexts/paginatedMessag
 import { ThreadContextValue } from '../../contexts/threadContext/ThreadContext';
 import { TranslationContextValue } from '../../contexts/translationContext/TranslationContext';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-declare type MessageListPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<AttachmentPickerContextValue, 'closePicker' | 'selectedPicker' | 'setSelectedPicker'> & Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'disabled' | 'EmptyStateIndicator' | 'loadChannelAtMessage' | 'loading' | 'LoadingIndicator' | 'markRead' | 'NetworkDownIndicator' | 'reloadChannel' | 'scrollToFirstUnreadThreshold' | 'setTargetedMessage' | 'StickyHeader' | 'targetedMessage' | 'typingEventsEnabled'> & Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> & Pick<ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'setImages'> & Pick<PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'loadMore' | 'loadMoreRecent'> & Pick<OverlayContextValue, 'overlay'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'DateHeader' | 'disableTypingIndicator' | 'FlatList' | 'initialScrollToFirstUnreadMessage' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'Message' | 'ScrollToBottomButton' | 'MessageSystem' | 'myMessageTheme' | 'TypingIndicator' | 'TypingIndicatorContainer'> & Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'loadMoreThread' | 'thread'> & Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {
+declare type MessageListPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<AttachmentPickerContextValue, 'closePicker' | 'selectedPicker' | 'setSelectedPicker'> & Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'disabled' | 'EmptyStateIndicator' | 'hideStickyDateHeader' | 'loadChannelAtMessage' | 'loading' | 'LoadingIndicator' | 'markRead' | 'NetworkDownIndicator' | 'reloadChannel' | 'scrollToFirstUnreadThreshold' | 'setTargetedMessage' | 'StickyHeader' | 'targetedMessage' | 'typingEventsEnabled'> & Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> & Pick<ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'setImages'> & Pick<PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'loadMore' | 'loadMoreRecent'> & Pick<OverlayContextValue, 'overlay'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'DateHeader' | 'disableTypingIndicator' | 'FlatList' | 'initialScrollToFirstUnreadMessage' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'legacyImageViewerSwipeBehaviour' | 'Message' | 'ScrollToBottomButton' | 'MessageSystem' | 'myMessageTheme' | 'TypingIndicator' | 'TypingIndicatorContainer'> & Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'loadMoreThread' | 'thread'> & Pick<TranslationContextValue, 't' | 'tDateTimeParser'> & {
     /**
      * Besides existing (default) UX behavior of underlying FlatList of MessageList component, if you want
      * to attach some additional props to underlying FlatList, you can add it to following prop.

package/lib/typescript/contexts/channelContext/ChannelContext.d.ts

@@ -30,6 +30,7 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      * Hide inline date separators on channel
      */
     hideDateSeparators: boolean;
+    hideStickyDateHeader: boolean;
     /**
      * Returns true if the current user has admin privileges
      */
@@ -137,6 +138,7 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      */
     channel?: Channel<At, Ch, Co, Ev, Me, Re, Us>;
     disabled?: boolean;
+    enableMessageGroupingByUser?: boolean;
     lastRead?: Date;
     /**
      * Maximum time in milliseconds that should occur between messages
@@ -168,4 +170,4 @@ export declare const useChannelContext: <At extends UnknownType = DefaultAttachm
  * typing is desired while using the HOC withChannelContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withChannelContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, "error" | "channel" | "hideDateSeparators" | "maxTimeBetweenGroupedMessages" | "read" | "disabled" | "members" | "watchers" | "EmptyStateIndicator" | "enforceUniqueReaction" | "giphyEnabled" | "isAdmin" | "isModerator" | "isOwner" | "loadChannelAtMessage" | "loading" | "LoadingIndicator" | "markRead" | "NetworkDownIndicator" | "reloadChannel" | "scrollToFirstUnreadThreshold" | "setLastRead" | "setTargetedMessage" | "lastRead" | "StickyHeader" | "targetedMessage" | "watcherCount" | keyof ChannelConfig>>;
+export declare const withChannelContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, "error" | "channel" | "hideDateSeparators" | "maxTimeBetweenGroupedMessages" | "read" | "disabled" | "members" | "watchers" | "EmptyStateIndicator" | "enforceUniqueReaction" | "giphyEnabled" | "hideStickyDateHeader" | "isAdmin" | "isModerator" | "isOwner" | "loadChannelAtMessage" | "loading" | "LoadingIndicator" | "markRead" | "NetworkDownIndicator" | "reloadChannel" | "scrollToFirstUnreadThreshold" | "setLastRead" | "setTargetedMessage" | "enableMessageGroupingByUser" | "lastRead" | "StickyHeader" | "targetedMessage" | "watcherCount" | keyof ChannelConfig>>;

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

@@ -68,6 +68,7 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
     DateHeader: React.ComponentType<DateHeaderProps>;
     /** Should keyboard be dismissed when messaged is touched */
     dismissKeyboardOnMessageTouch: boolean;
+    enableMessageGroupingByUser: boolean;
     /**
      * UI component to display File type attachment.
      * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachment.tsx)
@@ -292,6 +293,7 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
     handleRetry?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
     /** Handler to access when a thread reply action is invoked */
     handleThreadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    legacyImageViewerSwipeBehaviour?: boolean;
     /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */
     markdownRules?: MarkdownRules;
     /**
@@ -520,4 +522,4 @@ export declare const useMessagesContext: <At extends UnknownType = DefaultAttach
  * typing is desired while using the HOC withMessagesContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessagesContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, "editMessage" | "setQuotedMessageState" | "updateMessage" | "FileAttachmentIcon" | "Reply" | "retry" | "messageActions" | "handleReaction" | "OverlayReactionList" | "supportedReactions" | keyof MessagesConfig | "Attachment" | "AttachmentActions" | "Card" | "DateHeader" | "dismissKeyboardOnMessageTouch" | "FileAttachment" | "FileAttachmentGroup" | "FlatList" | "Gallery" | "Giphy" | "initialScrollToFirstUnreadMessage" | "InlineDateSeparator" | "InlineUnreadIndicator" | "Message" | "MessageAvatar" | "MessageContent" | "messageContentOrder" | "MessageDeleted" | "MessageFooter" | "MessageList" | "MessageReplies" | "MessageRepliesAvatars" | "MessageSimple" | "MessageStatus" | "MessageSystem" | "ReactionList" | "removeMessage" | "retrySendMessage" | "ScrollToBottomButton" | "setEditingState" | "TypingIndicator" | "TypingIndicatorContainer" | "UrlPreview" | "additionalTouchableProps" | "animatedLongPress" | "blockUser" | "CardCover" | "CardFooter" | "CardHeader" | "copyMessage" | "deleteMessage" | "disableTypingIndicator" | "flagMessage" | "forceAlignMessages" | "formatDate" | "handleBlock" | "handleCopy" | "handleDelete" | "handleEdit" | "handleFlag" | "handleMute" | "handleQuotedReply" | "handleRetry" | "handleThreadReply" | "markdownRules" | "MessageHeader" | "MessageText" | "muteUser" | "myMessageTheme" | "onDoubleTapMessage" | "onLongPressMessage" | "onPressInMessage" | "onPressMessage" | "quotedReply" | "selectReaction" | "threadReply">>;
+export declare const withMessagesContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, "editMessage" | "setQuotedMessageState" | "updateMessage" | "FileAttachmentIcon" | "Reply" | "enableMessageGroupingByUser" | "retry" | "messageActions" | "handleReaction" | "OverlayReactionList" | "supportedReactions" | keyof MessagesConfig | "Attachment" | "AttachmentActions" | "Card" | "DateHeader" | "dismissKeyboardOnMessageTouch" | "FileAttachment" | "FileAttachmentGroup" | "FlatList" | "Gallery" | "Giphy" | "initialScrollToFirstUnreadMessage" | "InlineDateSeparator" | "InlineUnreadIndicator" | "Message" | "MessageAvatar" | "MessageContent" | "messageContentOrder" | "MessageDeleted" | "MessageFooter" | "MessageList" | "MessageReplies" | "MessageRepliesAvatars" | "MessageSimple" | "MessageStatus" | "MessageSystem" | "ReactionList" | "removeMessage" | "retrySendMessage" | "ScrollToBottomButton" | "setEditingState" | "TypingIndicator" | "TypingIndicatorContainer" | "UrlPreview" | "additionalTouchableProps" | "animatedLongPress" | "blockUser" | "CardCover" | "CardFooter" | "CardHeader" | "copyMessage" | "deleteMessage" | "disableTypingIndicator" | "flagMessage" | "forceAlignMessages" | "formatDate" | "handleBlock" | "handleCopy" | "handleDelete" | "handleEdit" | "handleFlag" | "handleMute" | "handleQuotedReply" | "handleRetry" | "handleThreadReply" | "legacyImageViewerSwipeBehaviour" | "markdownRules" | "MessageHeader" | "MessageText" | "muteUser" | "myMessageTheme" | "onDoubleTapMessage" | "onLongPressMessage" | "onPressInMessage" | "onPressMessage" | "quotedReply" | "selectReaction" | "threadReply">>;

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": "3.9.0-next.1",
+  "version": "3.9.0-next.2",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/Gallery.tsx

@@ -98,19 +98,23 @@ export type GalleryPropsWithContext<
   Me extends UnknownType = DefaultMessageType,
   Re extends UnknownType = DefaultReactionType,
   Us extends UnknownType = DefaultUserType,
-> = Pick<ImageGalleryContextValue, 'setImage'> &
+> = Pick<ImageGalleryContextValue, 'setImage' | 'setImages'> &
   Pick<
     MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,
     | 'alignment'
     | 'groupStyles'
     | 'images'
+    | 'message'
     | 'onLongPress'
     | 'onPress'
     | 'onPressIn'
     | 'preventPress'
     | 'threadList'
   > &
-  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'> &
+  Pick<
+    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,
+    'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'
+  > &
   Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {
     hasThreadReplies?: boolean;
     messageId?: string;
@@ -134,6 +138,8 @@ const GalleryWithContext = <
     groupStyles,
     hasThreadReplies,
     images,
+    legacyImageViewerSwipeBehaviour,
+    message,
     messageId,
     messageText,
     onLongPress,
@@ -142,6 +148,7 @@ const GalleryWithContext = <
     preventPress,
     setBlurType,
     setImage,
+    setImages,
     setOverlay,
     threadList,
   } = props;
@@ -217,6 +224,9 @@ const GalleryWithContext = <
         >
           {column.map(({ height, url }, rowIndex) => {
             const defaultOnPress = () => {
+              if (!legacyImageViewerSwipeBehaviour) {
+                setImages([message]);
+              }
               setImage({ messageId, url });
               setBlurType(blurType);
               setOverlay('gallery');
@@ -413,7 +423,7 @@ export const Gallery = <
     threadList: propThreadList,
   } = props;
 
-  const { setImage: contextSetImage } = useImageGalleryContext();
+  const { setImage: contextSetImage, setImages } = useImageGalleryContext();
   const {
     alignment: contextAlignment,
     groupStyles: contextGroupStyles,
@@ -425,8 +435,10 @@ export const Gallery = <
     preventPress: contextPreventPress,
     threadList: contextThreadList,
   } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();
-  const { additionalTouchableProps: contextAdditionalTouchableProps } =
-    useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();
+  const {
+    additionalTouchableProps: contextAdditionalTouchableProps,
+    legacyImageViewerSwipeBehaviour,
+  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();
   const { setBlurType: contextSetBlurType, setOverlay: contextSetOverlay } = useOverlayContext();
 
   const images = propImages || contextImages;
@@ -454,6 +466,8 @@ export const Gallery = <
         groupStyles,
         hasThreadReplies: hasThreadReplies || !!message?.reply_count,
         images,
+        legacyImageViewerSwipeBehaviour,
+        message,
         messageId: messageId || message?.id,
         messageText: messageText || message?.text,
         onLongPress,
@@ -462,6 +476,7 @@ export const Gallery = <
         preventPress,
         setBlurType,
         setImage,
+        setImages,
         setOverlay,
         threadList,
       }}

package/src/components/Channel/Channel.tsx

@@ -187,8 +187,10 @@ export type ChannelPropsWithContext<
     ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>,
     | 'channel'
     | 'EmptyStateIndicator'
+    | 'enableMessageGroupingByUser'
     | 'enforceUniqueReaction'
     | 'giphyEnabled'
+    | 'hideStickyDateHeader'
     | 'hideDateSeparators'
     | 'LoadingIndicator'
     | 'maxTimeBetweenGroupedMessages'
@@ -360,6 +362,7 @@ export type ChannelPropsWithContext<
      */
     KeyboardCompatibleView?: React.ComponentType<KeyboardAvoidingViewProps>;
     keyboardVerticalOffset?: number;
+    legacyImageViewerSwipeBehaviour?: boolean;
     /**
      * Custom loading error indicator to override the Stream default
      */
@@ -423,6 +426,7 @@ const ChannelWithContext = <
     doUpdateMessageRequest,
     editMessage: editMessageProp,
     EmptyStateIndicator = EmptyStateIndicatorDefault,
+    enableMessageGroupingByUser = true,
     enforceUniqueReaction = false,
     FileAttachment = FileAttachmentDefault,
     FileAttachmentIcon = FileIconDefault,
@@ -450,6 +454,7 @@ const ChannelWithContext = <
     hasFilePicker = true,
     hasImagePicker = true,
     hideDateSeparators = false,
+    hideStickyDateHeader = false,
     ImageUploadPreview = ImageUploadPreviewDefault,
     initialScrollToFirstUnreadMessage = false,
     initialValue,
@@ -460,6 +465,7 @@ const ChannelWithContext = <
     keyboardBehavior,
     KeyboardCompatibleView = KeyboardCompatibleViewDefault,
     keyboardVerticalOffset,
+    legacyImageViewerSwipeBehaviour = true,
     LoadingErrorIndicator = LoadingErrorIndicatorDefault,
     LoadingIndicator = LoadingIndicatorDefault,
     loadingMore: loadingMoreProp,
@@ -1569,12 +1575,14 @@ const ChannelWithContext = <
     channel,
     disabled: !!channel?.data?.frozen && disableIfFrozenChannel,
     EmptyStateIndicator,
+    enableMessageGroupingByUser,
     enforceUniqueReaction,
     error,
     giphyEnabled:
       giphyEnabled ??
       !!(channel?.getConfig?.()?.commands || [])?.some((command) => command.name === 'giphy'),
     hideDateSeparators,
+    hideStickyDateHeader,
     isAdmin,
     isModerator,
     isOwner,
@@ -1667,6 +1675,7 @@ const ChannelWithContext = <
     disableTypingIndicator,
     dismissKeyboardOnMessageTouch,
     editMessage: editMessageProp,
+    enableMessageGroupingByUser,
     FileAttachment,
     FileAttachmentGroup,
     FileAttachmentIcon,
@@ -1689,6 +1698,7 @@ const ChannelWithContext = <
     initialScrollToFirstUnreadMessage,
     InlineDateSeparator,
     InlineUnreadIndicator,
+    legacyImageViewerSwipeBehaviour,
     markdownRules,
     Message,
     messageActions,

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

@@ -24,10 +24,12 @@ export const useCreateChannelContext = <
   channel,
   disabled,
   EmptyStateIndicator,
+  enableMessageGroupingByUser,
   enforceUniqueReaction,
   error,
   giphyEnabled,
   hideDateSeparators,
+  hideStickyDateHeader,
   isAdmin,
   isModerator,
   isOwner,
@@ -64,10 +66,12 @@ export const useCreateChannelContext = <
       channel,
       disabled,
       EmptyStateIndicator,
+      enableMessageGroupingByUser,
       enforceUniqueReaction,
       error,
       giphyEnabled,
       hideDateSeparators,
+      hideStickyDateHeader,
       isAdmin,
       isModerator,
       isOwner,

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

@@ -37,6 +37,7 @@ export const useCreateMessagesContext = <
   disableTypingIndicator,
   dismissKeyboardOnMessageTouch,
   editMessage,
+  enableMessageGroupingByUser,
   FileAttachment,
   FileAttachmentGroup,
   FileAttachmentIcon,
@@ -59,6 +60,7 @@ export const useCreateMessagesContext = <
   initialScrollToFirstUnreadMessage,
   InlineDateSeparator,
   InlineUnreadIndicator,
+  legacyImageViewerSwipeBehaviour,
   markdownRules,
   Message,
   messageActions,
@@ -130,6 +132,7 @@ export const useCreateMessagesContext = <
       disableTypingIndicator,
       dismissKeyboardOnMessageTouch,
       editMessage,
+      enableMessageGroupingByUser,
       FileAttachment,
       FileAttachmentGroup,
       FileAttachmentIcon,
@@ -152,6 +155,7 @@ export const useCreateMessagesContext = <
       initialScrollToFirstUnreadMessage,
       InlineDateSeparator,
       InlineUnreadIndicator,
+      legacyImageViewerSwipeBehaviour,
       markdownRules,
       Message,
       messageActions,