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

package/lib/commonjs/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/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "3.9.0-next.1"
+  "version": "3.9.0-next.2"
 }

package/lib/module/components/Attachment/Gallery.js

@@ -108,6 +108,8 @@ var GalleryWithContext = function GalleryWithContext(props) {
       groupStyles = props.groupStyles,
       hasThreadReplies = props.hasThreadReplies,
       images = props.images,
+      legacyImageViewerSwipeBehaviour = props.legacyImageViewerSwipeBehaviour,
+      message = props.message,
       messageId = props.messageId,
       messageText = props.messageText,
       _onLongPress = props.onLongPress,
@@ -116,6 +118,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
       preventPress = props.preventPress,
       setBlurType = props.setBlurType,
       setImage = props.setImage,
+      setImages = props.setImages,
       setOverlay = props.setOverlay,
       threadList = props.threadList;
 
@@ -177,7 +180,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 204,
       columnNumber: 5
     }
   }, galleryImages.map(function (column, colIndex) {
@@ -189,7 +192,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 208,
+        lineNumber: 215,
         columnNumber: 9
       }
     }, column.map(function (_ref, rowIndex) {
@@ -197,6 +200,10 @@ var GalleryWithContext = function GalleryWithContext(props) {
           url = _ref.url;
 
       var defaultOnPress = function defaultOnPress() {
+        if (!legacyImageViewerSwipeBehaviour) {
+          setImages([message]);
+        }
+
         setImage({
           messageId: messageId,
           url: url
@@ -243,7 +250,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 226,
+          lineNumber: 236,
           columnNumber: 15
         }
       }), _react["default"].createElement(MemoizedGalleryImage, {
@@ -259,7 +266,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 266,
+          lineNumber: 276,
           columnNumber: 17
         }
       }), colIndex === 1 && rowIndex === 1 && images.length > 3 ? _react["default"].createElement(_reactNative.View, {
@@ -269,7 +276,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 303,
+          lineNumber: 313,
           columnNumber: 19
         }
       }, _react["default"].createElement(_reactNative.Text, {
@@ -277,7 +284,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 311,
+          lineNumber: 321,
           columnNumber: 21
         }
       }, "+" + (images.length - 3))) : null);
@@ -327,7 +334,8 @@ var Gallery = function Gallery(props) {
       propThreadList = props.threadList;
 
   var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
-      contextSetImage = _useImageGalleryConte.setImage;
+      contextSetImage = _useImageGalleryConte.setImage,
+      setImages = _useImageGalleryConte.setImages;
 
   var _useMessageContext = (0, _MessageContext.useMessageContext)(),
       contextAlignment = _useMessageContext.alignment,
@@ -341,7 +349,8 @@ var Gallery = function Gallery(props) {
       contextThreadList = _useMessageContext.threadList;
 
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      contextAdditionalTouchableProps = _useMessagesContext.additionalTouchableProps;
+      contextAdditionalTouchableProps = _useMessagesContext.additionalTouchableProps,
+      legacyImageViewerSwipeBehaviour = _useMessagesContext.legacyImageViewerSwipeBehaviour;
 
   var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
       contextSetBlurType = _useOverlayContext.setBlurType,
@@ -366,6 +375,8 @@ var Gallery = function Gallery(props) {
     groupStyles: groupStyles,
     hasThreadReplies: hasThreadReplies || !!(message != null && message.reply_count),
     images: images,
+    legacyImageViewerSwipeBehaviour: legacyImageViewerSwipeBehaviour,
+    message: message,
     messageId: messageId || (message == null ? void 0 : message.id),
     messageText: messageText || (message == null ? void 0 : message.text),
     onLongPress: onLongPress,
@@ -374,12 +385,13 @@ var Gallery = function Gallery(props) {
     preventPress: preventPress,
     setBlurType: setBlurType,
     setImage: setImage,
+    setImages: setImages,
     setOverlay: setOverlay,
     threadList: threadList,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 450,
+      lineNumber: 462,
       columnNumber: 5
     }
   });

package/lib/module/components/Attachment/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gallery.tsx"],"names":["GalleryImage","props","height","uri","rest","error","setError","includes","replace","PixelRatio","getPixelSizeForLayoutSize","Number","MemoizedGalleryImage","React","memo","prevProps","nextProps","styles","StyleSheet","create","flex","galleryContainer","borderTopLeftRadius","borderTopRightRadius","flexDirection","flexWrap","overflow","imageContainer","padding","moreImagesContainer","alignItems","justifyContent","margin","moreImagesText","color","fontSize","fontWeight","GalleryWithContext","additionalTouchableProps","alignment","groupStyles","hasThreadReplies","images","messageId","messageText","onLongPress","onPress","onPressIn","preventPress","setBlurType","setImage","setOverlay","threadList","theme","overlay","colors","blurType","imageGallery","messageSimple","gallery","galleryItemColumn","halfSize","image","size","width","length","galleryImages","slice","reduce","returnArray","currentImage","index","attachmentUrl","image_url","thumb_url","url","groupStyle","toLowerCase","map","column","colIndex","rowIndex","defaultOnPress","event","emitter","defaultHandler","borderBottomLeftRadius","borderBottomRightRadius","absoluteFillObject","backgroundColor","areEqual","prevGroupStyles","prevHasThreadReplies","prevImages","prevMessageText","nextGroupStyles","nextHasThreadReplies","nextImages","nextMessageText","messageTextEqual","groupStylesEqual","hasThreadRepliesEqual","imagesEqual","every","MemoizedGallery","Gallery","propAdditionalTouchableProps","propAlignment","propGroupStyles","propImages","propOnLongPress","propOnPress","propOnPressIn","propPreventPress","propSetBlurType","propSetImage","propSetOverlay","propThreadList","contextSetImage","contextAlignment","contextGroupStyles","contextImages","message","contextOnLongPress","contextOnPress","contextOnPressIn","contextPreventPress","contextThreadList","contextAdditionalTouchableProps","contextSetBlurType","contextSetOverlay","reply_count","id","text","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport {\n  Image,\n  ImageProps,\n  PixelRatio,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport {\n  ImageGalleryContextValue,\n  useImageGalleryContext,\n} from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  OverlayContextValue,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst GalleryImage: React.FC<\n  Omit<ImageProps, 'height' | 'source'> & {\n    height: number | string;\n    uri: string;\n  }\n> = (props) => {\n  const { height, uri, ...rest } = props;\n\n  const [error, setError] = useState(false);\n\n  return (\n    <Image\n      key={uri}\n      {...rest}\n      onError={() => setError(true)}\n      source={{\n        uri: uri.includes('&h=%2A')\n          ? error\n            ? uri\n            : uri.replace('h=%2A', `h=${PixelRatio.getPixelSizeForLayoutSize(Number(height))}`)\n          : uri,\n      }}\n      testID='image-attachment-single'\n    />\n  );\n};\n\nconst MemoizedGalleryImage = React.memo(\n  GalleryImage,\n  (prevProps, nextProps) =>\n    prevProps.height === nextProps.height && prevProps.uri === nextProps.uri,\n) as typeof GalleryImage;\n\nconst styles = StyleSheet.create({\n  flex: { flex: 1 },\n  galleryContainer: {\n    borderTopLeftRadius: 13,\n    borderTopRightRadius: 13,\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n  },\n  imageContainer: { flex: 1, padding: 1 },\n  moreImagesContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: 1,\n  },\n  moreImagesText: { color: '#FFFFFF', fontSize: 26, fontWeight: '700' },\n});\n\nexport type GalleryPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ImageGalleryContextValue, 'setImage'> &\n  Pick<\n    MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'alignment'\n    | 'groupStyles'\n    | 'images'\n    | 'onLongPress'\n    | 'onPress'\n    | 'onPressIn'\n    | 'preventPress'\n    | 'threadList'\n  > &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'> &\n  Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {\n    hasThreadReplies?: boolean;\n    messageId?: string;\n    messageText?: string;\n  };\n\nconst GalleryWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps,\n    alignment,\n    groupStyles,\n    hasThreadReplies,\n    images,\n    messageId,\n    messageText,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    setBlurType,\n    setImage,\n    setOverlay,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { overlay },\n      imageGallery: { blurType },\n      messageSimple: {\n        gallery: {\n          galleryContainer,\n          galleryItemColumn,\n          halfSize,\n          image,\n          imageContainer,\n          moreImagesContainer,\n          moreImagesText,\n          size,\n          width,\n        },\n      },\n    },\n  } = useTheme();\n\n  if (!images?.length) return null;\n\n  // [[{ height: number; url: string; }], [{ height: number; url: string; }, { height: number; url: string; }]]\n  const galleryImages = images.slice(0, 4).reduce((returnArray, currentImage, index) => {\n    const attachmentUrl = currentImage.image_url || currentImage.thumb_url;\n    if (attachmentUrl) {\n      const url = makeImageCompatibleUrl(attachmentUrl);\n      if (images.length <= 2) {\n        returnArray[0] = [...(returnArray[0] || []), { height: size || 200, url }];\n      } else if (images.length === 3) {\n        if (index === 0) {\n          returnArray[0] = [{ height: size || 200, url }];\n        } else {\n          returnArray[1] = [...(returnArray[1] || []), { height: halfSize || 100, url }];\n        }\n      } else {\n        returnArray[index % 2] = [\n          ...(returnArray[index % 2] || []),\n          { height: halfSize || 100, url },\n        ];\n      }\n    }\n    return returnArray;\n  }, [] as { height: number | string; url: string }[][]);\n\n  const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;\n\n  return (\n    <View\n      style={[\n        styles.galleryContainer,\n        {\n          width,\n        },\n        galleryContainer,\n      ]}\n      testID='image-multiple-container'\n    >\n      {galleryImages.map((column, colIndex) => (\n        <View\n          key={`gallery-item-column-${colIndex}`}\n          style={[\n            styles.flex,\n            {\n              flexDirection: images.length === 2 ? 'row' : 'column',\n            },\n            galleryItemColumn,\n          ]}\n        >\n          {column.map(({ height, url }, rowIndex) => {\n            const defaultOnPress = () => {\n              setImage({ messageId, url });\n              setBlurType(blurType);\n              setOverlay('gallery');\n            };\n\n            return (\n              <TouchableOpacity\n                activeOpacity={0.8}\n                disabled={preventPress}\n                key={`gallery-item-${url}/${rowIndex}/${images.length}`}\n                onLongPress={(event) => {\n                  if (onLongPress) {\n                    onLongPress({\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                onPress={(event) => {\n                  if (onPress) {\n                    onPress({\n                      defaultHandler: defaultOnPress,\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                onPressIn={(event) => {\n                  if (onPressIn) {\n                    onPressIn({\n                      defaultHandler: defaultOnPress,\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                style={[\n                  styles.imageContainer,\n                  {\n                    height,\n                  },\n                  imageContainer,\n                ]}\n                testID='image-multiple'\n                {...additionalTouchableProps}\n              >\n                <MemoizedGalleryImage\n                  height={height}\n                  resizeMode='cover'\n                  style={[\n                    styles.flex,\n                    {\n                      borderBottomLeftRadius:\n                        (images.length === 1 ||\n                          (images.length === 2 && rowIndex === 0) ||\n                          (images.length === 3 && colIndex === 0 && rowIndex === 0) ||\n                          (images.length === 4 && colIndex === 0 && rowIndex === 1)) &&\n                        !messageText &&\n                        ((groupStyle !== 'left_bottom' && groupStyle !== 'left_single') ||\n                          (hasThreadReplies && !threadList))\n                          ? 14\n                          : 0,\n                      borderBottomRightRadius:\n                        (images.length === 1 ||\n                          (colIndex === 1 && (images.length === 2 || rowIndex === 1))) &&\n                        !messageText &&\n                        ((groupStyle !== 'right_bottom' && groupStyle !== 'right_single') ||\n                          (hasThreadReplies && !threadList))\n                          ? 14\n                          : 0,\n                      borderTopLeftRadius: colIndex === 0 && rowIndex === 0 ? 14 : 0,\n                      borderTopRightRadius:\n                        ((colIndex === 1 || images.length === 1) && rowIndex === 0) ||\n                        (images.length === 3 && colIndex === 0 && rowIndex === 1) ||\n                        (images.length === 2 && rowIndex === 1)\n                          ? 14\n                          : 0,\n                    },\n                    image,\n                  ]}\n                  uri={url}\n                />\n                {colIndex === 1 && rowIndex === 1 && images.length > 3 ? (\n                  <View\n                    style={[\n                      StyleSheet.absoluteFillObject,\n                      styles.moreImagesContainer,\n                      { backgroundColor: overlay },\n                      moreImagesContainer,\n                    ]}\n                  >\n                    <Text style={[styles.moreImagesText, moreImagesText]}>\n                      {`+${images.length - 3}`}\n                    </Text>\n                  </View>\n                ) : null}\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    groupStyles: prevGroupStyles,\n    hasThreadReplies: prevHasThreadReplies,\n    images: prevImages,\n    messageText: prevMessageText,\n  } = prevProps;\n  const {\n    groupStyles: nextGroupStyles,\n    hasThreadReplies: nextHasThreadReplies,\n    images: nextImages,\n    messageText: nextMessageText,\n  } = nextProps;\n\n  const messageTextEqual = prevMessageText === nextMessageText;\n  if (!messageTextEqual) return false;\n\n  const groupStylesEqual =\n    prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];\n  if (!groupStylesEqual) return false;\n\n  const hasThreadRepliesEqual = prevHasThreadReplies === nextHasThreadReplies;\n  if (!hasThreadRepliesEqual) return false;\n\n  const imagesEqual =\n    prevImages.length === nextImages.length &&\n    prevImages.every(\n      (image, index) =>\n        image.image_url === nextImages[index].image_url &&\n        image.thumb_url === nextImages[index].thumb_url,\n    );\n  if (!imagesEqual) return false;\n\n  return true;\n};\n\nconst MemoizedGallery = React.memo(GalleryWithContext, areEqual) as typeof GalleryWithContext;\n\nexport type GalleryProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI component for card in attachments.\n */\nexport const Gallery = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps: propAdditionalTouchableProps,\n    alignment: propAlignment,\n    groupStyles: propGroupStyles,\n    hasThreadReplies,\n    images: propImages,\n    messageId,\n    messageText,\n    onLongPress: propOnLongPress,\n    onPress: propOnPress,\n    onPressIn: propOnPressIn,\n    preventPress: propPreventPress,\n    setBlurType: propSetBlurType,\n    setImage: propSetImage,\n    setOverlay: propSetOverlay,\n    threadList: propThreadList,\n  } = props;\n\n  const { setImage: contextSetImage } = useImageGalleryContext();\n  const {\n    alignment: contextAlignment,\n    groupStyles: contextGroupStyles,\n    images: contextImages,\n    message,\n    onLongPress: contextOnLongPress,\n    onPress: contextOnPress,\n    onPressIn: contextOnPressIn,\n    preventPress: contextPreventPress,\n    threadList: contextThreadList,\n  } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { additionalTouchableProps: contextAdditionalTouchableProps } =\n    useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { setBlurType: contextSetBlurType, setOverlay: contextSetOverlay } = useOverlayContext();\n\n  const images = propImages || contextImages;\n\n  if (!images.length) return null;\n\n  const additionalTouchableProps = propAdditionalTouchableProps || contextAdditionalTouchableProps;\n  const alignment = propAlignment || contextAlignment;\n  const groupStyles = propGroupStyles || contextGroupStyles;\n  const onLongPress = propOnLongPress || contextOnLongPress;\n  const onPressIn = propOnPressIn || contextOnPressIn;\n  const onPress = propOnPress || contextOnPress;\n  const preventPress =\n    typeof propPreventPress === 'boolean' ? propPreventPress : contextPreventPress;\n  const setBlurType = propSetBlurType || contextSetBlurType;\n  const setImage = propSetImage || contextSetImage;\n  const setOverlay = propSetOverlay || contextSetOverlay;\n  const threadList = propThreadList || contextThreadList;\n\n  return (\n    <MemoizedGallery\n      {...{\n        additionalTouchableProps,\n        alignment,\n        groupStyles,\n        hasThreadReplies: hasThreadReplies || !!message?.reply_count,\n        images,\n        messageId: messageId || message?.id,\n        messageText: messageText || message?.text,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n        setBlurType,\n        setImage,\n        setOverlay,\n        threadList,\n      }}\n    />\n  );\n};\n\nGallery.displayName = 'Gallery{messageSimple{gallery}}';\n"]}
+{"version":3,"sources":["Gallery.tsx"],"names":["GalleryImage","props","height","uri","rest","error","setError","includes","replace","PixelRatio","getPixelSizeForLayoutSize","Number","MemoizedGalleryImage","React","memo","prevProps","nextProps","styles","StyleSheet","create","flex","galleryContainer","borderTopLeftRadius","borderTopRightRadius","flexDirection","flexWrap","overflow","imageContainer","padding","moreImagesContainer","alignItems","justifyContent","margin","moreImagesText","color","fontSize","fontWeight","GalleryWithContext","additionalTouchableProps","alignment","groupStyles","hasThreadReplies","images","legacyImageViewerSwipeBehaviour","message","messageId","messageText","onLongPress","onPress","onPressIn","preventPress","setBlurType","setImage","setImages","setOverlay","threadList","theme","overlay","colors","blurType","imageGallery","messageSimple","gallery","galleryItemColumn","halfSize","image","size","width","length","galleryImages","slice","reduce","returnArray","currentImage","index","attachmentUrl","image_url","thumb_url","url","groupStyle","toLowerCase","map","column","colIndex","rowIndex","defaultOnPress","event","emitter","defaultHandler","borderBottomLeftRadius","borderBottomRightRadius","absoluteFillObject","backgroundColor","areEqual","prevGroupStyles","prevHasThreadReplies","prevImages","prevMessageText","nextGroupStyles","nextHasThreadReplies","nextImages","nextMessageText","messageTextEqual","groupStylesEqual","hasThreadRepliesEqual","imagesEqual","every","MemoizedGallery","Gallery","propAdditionalTouchableProps","propAlignment","propGroupStyles","propImages","propOnLongPress","propOnPress","propOnPressIn","propPreventPress","propSetBlurType","propSetImage","propSetOverlay","propThreadList","contextSetImage","contextAlignment","contextGroupStyles","contextImages","contextOnLongPress","contextOnPress","contextOnPressIn","contextPreventPress","contextThreadList","contextAdditionalTouchableProps","contextSetBlurType","contextSetOverlay","reply_count","id","text","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport {\n  Image,\n  ImageProps,\n  PixelRatio,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  View,\n} from 'react-native';\n\nimport {\n  ImageGalleryContextValue,\n  useImageGalleryContext,\n} from '../../contexts/imageGalleryContext/ImageGalleryContext';\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\nimport {\n  OverlayContextValue,\n  useOverlayContext,\n} from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nconst GalleryImage: React.FC<\n  Omit<ImageProps, 'height' | 'source'> & {\n    height: number | string;\n    uri: string;\n  }\n> = (props) => {\n  const { height, uri, ...rest } = props;\n\n  const [error, setError] = useState(false);\n\n  return (\n    <Image\n      key={uri}\n      {...rest}\n      onError={() => setError(true)}\n      source={{\n        uri: uri.includes('&h=%2A')\n          ? error\n            ? uri\n            : uri.replace('h=%2A', `h=${PixelRatio.getPixelSizeForLayoutSize(Number(height))}`)\n          : uri,\n      }}\n      testID='image-attachment-single'\n    />\n  );\n};\n\nconst MemoizedGalleryImage = React.memo(\n  GalleryImage,\n  (prevProps, nextProps) =>\n    prevProps.height === nextProps.height && prevProps.uri === nextProps.uri,\n) as typeof GalleryImage;\n\nconst styles = StyleSheet.create({\n  flex: { flex: 1 },\n  galleryContainer: {\n    borderTopLeftRadius: 13,\n    borderTopRightRadius: 13,\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n  },\n  imageContainer: { flex: 1, padding: 1 },\n  moreImagesContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: 1,\n  },\n  moreImagesText: { color: '#FFFFFF', fontSize: 26, fontWeight: '700' },\n});\n\nexport type GalleryPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<ImageGalleryContextValue, 'setImage' | 'setImages'> &\n  Pick<\n    MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'alignment'\n    | 'groupStyles'\n    | 'images'\n    | 'message'\n    | 'onLongPress'\n    | 'onPress'\n    | 'onPressIn'\n    | 'preventPress'\n    | 'threadList'\n  > &\n  Pick<\n    MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'\n  > &\n  Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {\n    hasThreadReplies?: boolean;\n    messageId?: string;\n    messageText?: string;\n  };\n\nconst GalleryWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps,\n    alignment,\n    groupStyles,\n    hasThreadReplies,\n    images,\n    legacyImageViewerSwipeBehaviour,\n    message,\n    messageId,\n    messageText,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    setBlurType,\n    setImage,\n    setImages,\n    setOverlay,\n    threadList,\n  } = props;\n\n  const {\n    theme: {\n      colors: { overlay },\n      imageGallery: { blurType },\n      messageSimple: {\n        gallery: {\n          galleryContainer,\n          galleryItemColumn,\n          halfSize,\n          image,\n          imageContainer,\n          moreImagesContainer,\n          moreImagesText,\n          size,\n          width,\n        },\n      },\n    },\n  } = useTheme();\n\n  if (!images?.length) return null;\n\n  // [[{ height: number; url: string; }], [{ height: number; url: string; }, { height: number; url: string; }]]\n  const galleryImages = images.slice(0, 4).reduce((returnArray, currentImage, index) => {\n    const attachmentUrl = currentImage.image_url || currentImage.thumb_url;\n    if (attachmentUrl) {\n      const url = makeImageCompatibleUrl(attachmentUrl);\n      if (images.length <= 2) {\n        returnArray[0] = [...(returnArray[0] || []), { height: size || 200, url }];\n      } else if (images.length === 3) {\n        if (index === 0) {\n          returnArray[0] = [{ height: size || 200, url }];\n        } else {\n          returnArray[1] = [...(returnArray[1] || []), { height: halfSize || 100, url }];\n        }\n      } else {\n        returnArray[index % 2] = [\n          ...(returnArray[index % 2] || []),\n          { height: halfSize || 100, url },\n        ];\n      }\n    }\n    return returnArray;\n  }, [] as { height: number | string; url: string }[][]);\n\n  const groupStyle = `${alignment}_${groupStyles?.[0]?.toLowerCase?.()}`;\n\n  return (\n    <View\n      style={[\n        styles.galleryContainer,\n        {\n          width,\n        },\n        galleryContainer,\n      ]}\n      testID='image-multiple-container'\n    >\n      {galleryImages.map((column, colIndex) => (\n        <View\n          key={`gallery-item-column-${colIndex}`}\n          style={[\n            styles.flex,\n            {\n              flexDirection: images.length === 2 ? 'row' : 'column',\n            },\n            galleryItemColumn,\n          ]}\n        >\n          {column.map(({ height, url }, rowIndex) => {\n            const defaultOnPress = () => {\n              if (!legacyImageViewerSwipeBehaviour) {\n                setImages([message]);\n              }\n              setImage({ messageId, url });\n              setBlurType(blurType);\n              setOverlay('gallery');\n            };\n\n            return (\n              <TouchableOpacity\n                activeOpacity={0.8}\n                disabled={preventPress}\n                key={`gallery-item-${url}/${rowIndex}/${images.length}`}\n                onLongPress={(event) => {\n                  if (onLongPress) {\n                    onLongPress({\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                onPress={(event) => {\n                  if (onPress) {\n                    onPress({\n                      defaultHandler: defaultOnPress,\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                onPressIn={(event) => {\n                  if (onPressIn) {\n                    onPressIn({\n                      defaultHandler: defaultOnPress,\n                      emitter: 'gallery',\n                      event,\n                    });\n                  }\n                }}\n                style={[\n                  styles.imageContainer,\n                  {\n                    height,\n                  },\n                  imageContainer,\n                ]}\n                testID='image-multiple'\n                {...additionalTouchableProps}\n              >\n                <MemoizedGalleryImage\n                  height={height}\n                  resizeMode='cover'\n                  style={[\n                    styles.flex,\n                    {\n                      borderBottomLeftRadius:\n                        (images.length === 1 ||\n                          (images.length === 2 && rowIndex === 0) ||\n                          (images.length === 3 && colIndex === 0 && rowIndex === 0) ||\n                          (images.length === 4 && colIndex === 0 && rowIndex === 1)) &&\n                        !messageText &&\n                        ((groupStyle !== 'left_bottom' && groupStyle !== 'left_single') ||\n                          (hasThreadReplies && !threadList))\n                          ? 14\n                          : 0,\n                      borderBottomRightRadius:\n                        (images.length === 1 ||\n                          (colIndex === 1 && (images.length === 2 || rowIndex === 1))) &&\n                        !messageText &&\n                        ((groupStyle !== 'right_bottom' && groupStyle !== 'right_single') ||\n                          (hasThreadReplies && !threadList))\n                          ? 14\n                          : 0,\n                      borderTopLeftRadius: colIndex === 0 && rowIndex === 0 ? 14 : 0,\n                      borderTopRightRadius:\n                        ((colIndex === 1 || images.length === 1) && rowIndex === 0) ||\n                        (images.length === 3 && colIndex === 0 && rowIndex === 1) ||\n                        (images.length === 2 && rowIndex === 1)\n                          ? 14\n                          : 0,\n                    },\n                    image,\n                  ]}\n                  uri={url}\n                />\n                {colIndex === 1 && rowIndex === 1 && images.length > 3 ? (\n                  <View\n                    style={[\n                      StyleSheet.absoluteFillObject,\n                      styles.moreImagesContainer,\n                      { backgroundColor: overlay },\n                      moreImagesContainer,\n                    ]}\n                  >\n                    <Text style={[styles.moreImagesText, moreImagesText]}>\n                      {`+${images.length - 3}`}\n                    </Text>\n                  </View>\n                ) : null}\n              </TouchableOpacity>\n            );\n          })}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    groupStyles: prevGroupStyles,\n    hasThreadReplies: prevHasThreadReplies,\n    images: prevImages,\n    messageText: prevMessageText,\n  } = prevProps;\n  const {\n    groupStyles: nextGroupStyles,\n    hasThreadReplies: nextHasThreadReplies,\n    images: nextImages,\n    messageText: nextMessageText,\n  } = nextProps;\n\n  const messageTextEqual = prevMessageText === nextMessageText;\n  if (!messageTextEqual) return false;\n\n  const groupStylesEqual =\n    prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];\n  if (!groupStylesEqual) return false;\n\n  const hasThreadRepliesEqual = prevHasThreadReplies === nextHasThreadReplies;\n  if (!hasThreadRepliesEqual) return false;\n\n  const imagesEqual =\n    prevImages.length === nextImages.length &&\n    prevImages.every(\n      (image, index) =>\n        image.image_url === nextImages[index].image_url &&\n        image.thumb_url === nextImages[index].thumb_url,\n    );\n  if (!imagesEqual) return false;\n\n  return true;\n};\n\nconst MemoizedGallery = React.memo(GalleryWithContext, areEqual) as typeof GalleryWithContext;\n\nexport type GalleryProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * UI component for card in attachments.\n */\nexport const Gallery = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: GalleryProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalTouchableProps: propAdditionalTouchableProps,\n    alignment: propAlignment,\n    groupStyles: propGroupStyles,\n    hasThreadReplies,\n    images: propImages,\n    messageId,\n    messageText,\n    onLongPress: propOnLongPress,\n    onPress: propOnPress,\n    onPressIn: propOnPressIn,\n    preventPress: propPreventPress,\n    setBlurType: propSetBlurType,\n    setImage: propSetImage,\n    setOverlay: propSetOverlay,\n    threadList: propThreadList,\n  } = props;\n\n  const { setImage: contextSetImage, setImages } = useImageGalleryContext();\n  const {\n    alignment: contextAlignment,\n    groupStyles: contextGroupStyles,\n    images: contextImages,\n    message,\n    onLongPress: contextOnLongPress,\n    onPress: contextOnPress,\n    onPressIn: contextOnPressIn,\n    preventPress: contextPreventPress,\n    threadList: contextThreadList,\n  } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const {\n    additionalTouchableProps: contextAdditionalTouchableProps,\n    legacyImageViewerSwipeBehaviour,\n  } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { setBlurType: contextSetBlurType, setOverlay: contextSetOverlay } = useOverlayContext();\n\n  const images = propImages || contextImages;\n\n  if (!images.length) return null;\n\n  const additionalTouchableProps = propAdditionalTouchableProps || contextAdditionalTouchableProps;\n  const alignment = propAlignment || contextAlignment;\n  const groupStyles = propGroupStyles || contextGroupStyles;\n  const onLongPress = propOnLongPress || contextOnLongPress;\n  const onPressIn = propOnPressIn || contextOnPressIn;\n  const onPress = propOnPress || contextOnPress;\n  const preventPress =\n    typeof propPreventPress === 'boolean' ? propPreventPress : contextPreventPress;\n  const setBlurType = propSetBlurType || contextSetBlurType;\n  const setImage = propSetImage || contextSetImage;\n  const setOverlay = propSetOverlay || contextSetOverlay;\n  const threadList = propThreadList || contextThreadList;\n\n  return (\n    <MemoizedGallery\n      {...{\n        additionalTouchableProps,\n        alignment,\n        groupStyles,\n        hasThreadReplies: hasThreadReplies || !!message?.reply_count,\n        images,\n        legacyImageViewerSwipeBehaviour,\n        message,\n        messageId: messageId || message?.id,\n        messageText: messageText || message?.text,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n        setBlurType,\n        setImage,\n        setImages,\n        setOverlay,\n        threadList,\n      }}\n    />\n  );\n};\n\nGallery.displayName = 'Gallery{messageSimple{gallery}}';\n"]}

package/lib/module/components/Channel/Channel.js

@@ -251,6 +251,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       editMessageProp = props.editMessage,
       _props$EmptyStateIndi = props.EmptyStateIndicator,
       EmptyStateIndicator = _props$EmptyStateIndi === void 0 ? _EmptyStateIndicator.EmptyStateIndicator : _props$EmptyStateIndi,
+      _props$enableMessageG = props.enableMessageGroupingByUser,
+      enableMessageGroupingByUser = _props$enableMessageG === void 0 ? true : _props$enableMessageG,
       _props$enforceUniqueR = props.enforceUniqueReaction,
       enforceUniqueReaction = _props$enforceUniqueR === void 0 ? false : _props$enforceUniqueR,
       _props$FileAttachment = props.FileAttachment,
@@ -291,6 +293,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       hasImagePicker = _props$hasImagePicker === void 0 ? true : _props$hasImagePicker,
       _props$hideDateSepara = props.hideDateSeparators,
       hideDateSeparators = _props$hideDateSepara === void 0 ? false : _props$hideDateSepara,
+      _props$hideStickyDate = props.hideStickyDateHeader,
+      hideStickyDateHeader = _props$hideStickyDate === void 0 ? false : _props$hideStickyDate,
       _props$ImageUploadPre = props.ImageUploadPreview,
       ImageUploadPreview = _props$ImageUploadPre === void 0 ? _ImageUploadPreview.ImageUploadPreview : _props$ImageUploadPre,
       _props$initialScrollT = props.initialScrollToFirstUnreadMessage,
@@ -307,6 +311,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       _props$KeyboardCompat = props.KeyboardCompatibleView,
       KeyboardCompatibleView = _props$KeyboardCompat === void 0 ? _KeyboardCompatibleView.KeyboardCompatibleView : _props$KeyboardCompat,
       keyboardVerticalOffset = props.keyboardVerticalOffset,
+      _props$legacyImageVie = props.legacyImageViewerSwipeBehaviour,
+      legacyImageViewerSwipeBehaviour = _props$legacyImageVie === void 0 ? true : _props$legacyImageVie,
       _props$LoadingErrorIn = props.LoadingErrorIndicator,
       LoadingErrorIndicator = _props$LoadingErrorIn === void 0 ? _LoadingErrorIndicator.LoadingErrorIndicator : _props$LoadingErrorIn,
       _props$LoadingIndicat = props.LoadingIndicator,
@@ -1754,12 +1760,14 @@ var ChannelWithContext = function ChannelWithContext(props) {
     channel: channel,
     disabled: !!(channel != null && (_channel$data = channel.data) != null && _channel$data.frozen) && disableIfFrozenChannel,
     EmptyStateIndicator: EmptyStateIndicator,
+    enableMessageGroupingByUser: enableMessageGroupingByUser,
     enforceUniqueReaction: enforceUniqueReaction,
     error: error,
     giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref28 = (channel == null ? void 0 : channel.getConfig == null ? void 0 : (_channel$getConfig2 = channel.getConfig()) == null ? void 0 : _channel$getConfig2.commands) || []) != null && _ref28.some(function (command) {
       return command.name === 'giphy';
     })),
     hideDateSeparators: hideDateSeparators,
+    hideStickyDateHeader: hideStickyDateHeader,
     isAdmin: isAdmin,
     isModerator: isModerator,
     isOwner: isOwner,
@@ -1846,6 +1854,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     disableTypingIndicator: disableTypingIndicator,
     dismissKeyboardOnMessageTouch: dismissKeyboardOnMessageTouch,
     editMessage: editMessageProp,
+    enableMessageGroupingByUser: enableMessageGroupingByUser,
     FileAttachment: FileAttachment,
     FileAttachmentGroup: FileAttachmentGroup,
     FileAttachmentIcon: FileAttachmentIcon,
@@ -1868,6 +1877,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     initialScrollToFirstUnreadMessage: initialScrollToFirstUnreadMessage,
     InlineDateSeparator: InlineDateSeparator,
     InlineUnreadIndicator: InlineUnreadIndicator,
+    legacyImageViewerSwipeBehaviour: legacyImageViewerSwipeBehaviour,
     markdownRules: markdownRules,
     Message: Message,
     messageActions: messageActions,
@@ -1937,7 +1947,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1757,
+        lineNumber: 1767,
         columnNumber: 12
       }
     });
@@ -1952,7 +1962,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1762,
+        lineNumber: 1772,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -1966,7 +1976,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1769,
+      lineNumber: 1779,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -1974,7 +1984,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1775,
+      lineNumber: 1785,
       columnNumber: 7
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -1982,7 +1992,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1776,
+      lineNumber: 1786,
       columnNumber: 9
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -1990,7 +2000,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1777,
+      lineNumber: 1787,
       columnNumber: 11
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -1998,7 +2008,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1778,
+      lineNumber: 1788,
       columnNumber: 13
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2006,7 +2016,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1779,
+      lineNumber: 1789,
       columnNumber: 15
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2014,7 +2024,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1780,
+      lineNumber: 1790,
       columnNumber: 17
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2022,7 +2032,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1781,
+      lineNumber: 1791,
       columnNumber: 19
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2032,7 +2042,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1782,
+      lineNumber: 1792,
       columnNumber: 21
     }
   }, children)))))))));
@@ -2052,7 +2062,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1827,
+      lineNumber: 1837,
       columnNumber: 5
     }
   }));