stream-chat-react-native-core 4.1.4-beta.1 → 4.2.0-beta.2

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

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

package/lib/module/contexts/themeContext/utils/theme.js

@@ -25,6 +25,7 @@ var Colors = {
   grey_gainsboro: '#DBDBDB',
   grey_whisper: '#ECEBEB',
   icon_background: '#FFFFFF',
+  label_bg_transparent: '#00000033',
   modal_shadow: '#00000099',
   overlay: '#000000CC',
   shadow_icon: '#00000040',

package/lib/module/contexts/themeContext/utils/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["theme.ts"],"names":["DEFAULT_STATUS_ICON_SIZE","Colors","accent_blue","accent_green","accent_red","bg_gradient_end","bg_gradient_start","black","blue_alice","border","grey","grey_dark","grey_gainsboro","grey_whisper","icon_background","modal_shadow","overlay","shadow_icon","targetedMessageBackground","transparent","white","white_smoke","white_snow","defaultTheme","attachmentPicker","bottomSheetContentContainer","errorButtonText","errorContainer","errorText","image","imageOverlay","imageOverlaySelectedComponent","check","attachmentSelectionBar","container","icon","avatar","BASE_AVATAR_SIZE","borderRadius","height","width","presenceIndicator","cx","cy","r","strokeWidth","presenceIndicatorContainer","channel","selectChannel","channelListFooterLoadingIndicator","channelListHeaderErrorIndicator","channelListLoadingIndicator","channelListMessenger","flatList","flatListContent","channelListSkeleton","animationTime","background","gradientStart","stopOpacity","gradientStop","channelPreview","checkAllIcon","checkIcon","contentContainer","date","message","fontWeight","mutedStatus","iconStyle","row","title","unreadContainer","unreadText","colors","dateHeader","text","emptyStateIndicator","channelContainer","channelDetails","channelTitle","groupAvatar","resizeMode","iconBadge","iconInner","unreadCount","iconSquare","imageGallery","footer","centerContainer","imageCountText","innerContainer","leftContainer","rightContainer","grid","gridAvatar","gridAvatarWrapper","gridImage","handle","handleText","header","dateText","usernameText","inlineDateSeparator","loadingDots","loadingDot","spacing","loadingErrorIndicator","retryText","loadingIndicator","loadingText","messageInput","attachButton","attachButtonContainer","autoCompleteInputContainer","commandsButton","commandsButtonContainer","composerContainer","cooldownTimer","editingBoxContainer","editingBoxHeader","editingBoxHeaderTitle","fileUploadPreview","dismiss","fileContainer","fileContentContainer","filenameText","fileSizeText","fileTextContainer","giphyContainer","giphyText","imageUploadPreview","itemContainer","upload","inputBox","inputBoxContainer","moreOptionsButton","optionsContainer","replyContainer","sendButton","sendButtonContainer","sendMessageDisallowedIndicator","showThreadMessageInChannelButton","checkBoxActive","checkBoxInactive","suggestions","command","args","iconContainer","maxHeight","emoji","item","mention","avatarSize","column","name","tag","suggestionsListContainer","flatlist","uploadProgressIndicator","messageList","errorNotification","errorNotificationText","inlineUnreadIndicator","listContainer","messageSystem","line","textContainer","scrollToBottomButton","touchable","unreadCountNotificationContainer","unreadCountNotificationText","wrapper","typingIndicatorContainer","messageSimple","actions","button","buttonText","avatarWrapper","leftAlign","marginRight","rightAlign","marginLeft","spacer","card","authorName","authorNameContainer","authorNameFooter","authorNameFooterContainer","authorNameMask","cover","description","noURI","borderLeftWidth","paddingLeft","content","borderRadiusL","borderRadiusS","containerInner","deletedContainer","deletedContainerInner","deletedMetaText","paddingHorizontal","deletedText","em","fontSize","fontStyle","paddingRight","paddingTop","errorIcon","errorIconContainer","bottom","position","right","eyeIcon","markdown","messageUser","metaContainer","flexDirection","marginTop","metaText","replyBorder","onlyEmojiMarkdown","file","details","fileSize","fileAttachmentGroup","gallery","galleryContainer","galleryItemColumn","gridHeight","gridWidth","imageContainer","maxWidth","minHeight","minWidth","moreImagesContainer","moreImagesText","giphy","buttonContainer","cancel","giphyHeaderText","giphyHeaderTitle","giphyMask","giphyMaskText","selectionContainer","send","shuffle","pinnedHeader","label","reactionList","middleIcon","radius","reactionBubble","reactionBubbleBackground","reactionSize","strokeSize","replies","avatarContainerMultiple","avatarContainerSingle","leftAvatarsContainer","leftCurve","messageRepliesText","rightAvatarsContainer","rightCurve","status","readByCount","statusContainer","timeIcon","targetedMessageUnderlay","messageActions","actionContainer","padding","reactions","avatarContainer","avatarName","flatListContainer","reactionsList","reaction","reply","fileAttachmentContainer","imageAttachment","markdownStyles","messageContainer","screenPadding","spinner","thread","newThread","typingIndicator"],"mappings":"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","sourcesContent":["import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\nimport type { CircleProps, Color, StopProps } from 'react-native-svg';\n\nimport type { IconProps } from '../../../icons/utils/base';\nimport { vh } from '../../../utils/utils';\n\nexport const DEFAULT_STATUS_ICON_SIZE = 16;\n\nexport const Colors = {\n  accent_blue: '#005FFF',\n  accent_green: '#20E070',\n  accent_red: '#FF3742',\n  bg_gradient_end: '#F7F7F7',\n  bg_gradient_start: '#FCFCFC',\n  black: '#000000',\n  blue_alice: '#E9F2FF',\n  border: '#00000014', // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1\n  grey: '#7A7A7A',\n  grey_dark: '#72767E',\n  grey_gainsboro: '#DBDBDB',\n  grey_whisper: '#ECEBEB',\n  icon_background: '#FFFFFF',\n  modal_shadow: '#00000099', // 99 = 60% opacity; x=0, y= 1, radius=4\n  overlay: '#000000CC', // CC = 80% opacity\n  shadow_icon: '#00000040', // 40 = 25% opacity; x=0, y=0, radius=4\n  targetedMessageBackground: '#FBF4DD', // dark mode = #302D22\n  transparent: 'transparent',\n  white: '#FFFFFF',\n  white_smoke: '#F2F2F2',\n  white_snow: '#FCFCFC',\n};\n\nexport type MarkdownStyle = Partial<{\n  autolink: TextStyle;\n  blockQuoteBar: ViewStyle;\n  blockQuoteSection: ViewStyle;\n  blockQuoteSectionBar: ViewStyle;\n  blockQuoteText: TextStyle | ViewStyle;\n  br: TextStyle;\n  codeBlock: TextStyle;\n  del: TextStyle;\n  em: TextStyle;\n  heading: TextStyle;\n  heading1: TextStyle;\n  heading2: TextStyle;\n  heading3: TextStyle;\n  heading4: TextStyle;\n  heading5: TextStyle;\n  heading6: TextStyle;\n  hr: ViewStyle;\n  image: ImageStyle;\n  inlineCode: TextStyle;\n  list: ViewStyle;\n  listItem: ViewStyle;\n  listItemBullet: TextStyle;\n  listItemNumber: TextStyle;\n  listItemText: TextStyle;\n  listRow: ViewStyle;\n  mailTo: TextStyle;\n  mentions: TextStyle;\n  newline: TextStyle;\n  noMargin: TextStyle;\n  paragraph: TextStyle;\n  paragraphCenter: TextStyle;\n  paragraphWithImage: ViewStyle;\n  strong: TextStyle;\n  sublist: ViewStyle;\n  table: ViewStyle;\n  tableHeader: ViewStyle;\n  tableHeaderCell: TextStyle;\n  tableRow: ViewStyle;\n  tableRowCell: ViewStyle;\n  tableRowLast: ViewStyle;\n  text: TextStyle;\n  u: TextStyle;\n  view: ViewStyle;\n}>;\n\nexport type Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: ViewStyle;\n    errorButtonText: TextStyle;\n    errorContainer: ViewStyle;\n    errorText: TextStyle;\n    image: ViewStyle;\n    imageOverlay: ViewStyle;\n    imageOverlaySelectedComponent: {\n      check: ViewStyle;\n    };\n  };\n  attachmentSelectionBar: {\n    container: ViewStyle;\n    icon: ViewStyle;\n  };\n  avatar: {\n    BASE_AVATAR_SIZE: number;\n    container: ViewStyle;\n    image: ImageStyle;\n    presenceIndicator: CircleProps;\n    presenceIndicatorContainer: ViewStyle;\n  };\n  channel: {\n    selectChannel: TextStyle;\n  };\n  channelListFooterLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListHeaderErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n  };\n  channelListLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListMessenger: {\n    flatList: ViewStyle;\n    flatListContent: ViewStyle;\n  };\n  channelListSkeleton: {\n    animationTime: number;\n    background: ViewStyle;\n    container: ViewStyle;\n    gradientStart: StopProps;\n    gradientStop: StopProps;\n    height: number;\n    maskFillColor?: Color;\n  };\n  channelPreview: {\n    checkAllIcon: IconProps;\n    checkIcon: IconProps;\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    date: TextStyle;\n    message: TextStyle & {\n      fontWeight: TextStyle['fontWeight'];\n    };\n    mutedStatus: {\n      height: number;\n      iconStyle: ViewStyle;\n      width: number;\n    };\n    row: ViewStyle;\n    title: TextStyle;\n    unreadContainer: ViewStyle;\n    unreadText: TextStyle;\n  };\n  colors: typeof Colors & { [key: string]: string };\n  dateHeader: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  emptyStateIndicator: {\n    channelContainer: ViewStyle;\n    channelDetails: TextStyle;\n    channelTitle: TextStyle;\n  };\n  groupAvatar: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  iconBadge: {\n    icon: ViewStyle;\n    iconInner: ViewStyle;\n    unreadCount: TextStyle;\n  };\n  iconSquare: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  imageGallery: {\n    footer: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      imageCountText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n    };\n    grid: {\n      contentContainer: ViewStyle;\n      gridAvatar: ImageStyle;\n      gridAvatarWrapper: ViewStyle;\n      gridImage: ViewStyle;\n      handle: ViewStyle;\n      handleText: TextStyle;\n      overlay: ViewStyle;\n    };\n    header: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      dateText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n      usernameText: TextStyle;\n    };\n    backgroundColor?: string;\n    pager?: ViewStyle;\n    slide?: ImageStyle;\n  };\n  inlineDateSeparator: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  loadingDots: {\n    container: ViewStyle;\n    loadingDot: ViewStyle;\n    spacing: number;\n  };\n  loadingErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n    retryText: TextStyle;\n  };\n  loadingIndicator: {\n    container: ViewStyle;\n    loadingText: TextStyle;\n  };\n  messageInput: {\n    attachButton: ViewStyle;\n    attachButtonContainer: ViewStyle;\n    attachmentSelectionBar: ViewStyle;\n    autoCompleteInputContainer: ViewStyle;\n    commandsButton: ViewStyle;\n    commandsButtonContainer: ViewStyle;\n    composerContainer: ViewStyle;\n    container: ViewStyle;\n    cooldownTimer: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    editingBoxContainer: ViewStyle;\n    editingBoxHeader: ViewStyle;\n    editingBoxHeaderTitle: TextStyle;\n    fileUploadPreview: {\n      dismiss: ViewStyle;\n      fileContainer: ViewStyle;\n      fileContentContainer: ViewStyle;\n      filenameText: TextStyle;\n      fileSizeText: TextStyle;\n      fileTextContainer: ViewStyle;\n      flatList: ViewStyle;\n    };\n    giphyContainer: ViewStyle;\n    giphyText: TextStyle;\n    imageUploadPreview: {\n      dismiss: ViewStyle;\n      flatList: ViewStyle;\n      itemContainer: ViewStyle;\n      upload: ImageStyle;\n    };\n    inputBox: TextStyle;\n    inputBoxContainer: ViewStyle;\n    moreOptionsButton: ViewStyle;\n    optionsContainer: ViewStyle;\n    replyContainer: ViewStyle;\n    sendButton: ViewStyle;\n    sendButtonContainer: ViewStyle;\n    sendMessageDisallowedIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    showThreadMessageInChannelButton: {\n      check: IconProps;\n      checkBoxActive: ViewStyle;\n      checkBoxInactive: ViewStyle;\n      container: ViewStyle;\n      innerContainer: ViewStyle;\n      text: TextStyle;\n    };\n    suggestions: {\n      command: {\n        args: TextStyle;\n        container: ViewStyle;\n        iconContainer: ViewStyle;\n        title: TextStyle;\n      };\n      container: ViewStyle & {\n        maxHeight: number;\n      };\n      emoji: {\n        container: ViewStyle;\n        text: TextStyle;\n      };\n      header: {\n        container: ViewStyle;\n        title: TextStyle;\n      };\n      item: ViewStyle;\n      mention: {\n        avatarSize: number;\n        column: ViewStyle;\n        container: ViewStyle;\n        name: TextStyle;\n        tag: TextStyle;\n      };\n    };\n    suggestionsListContainer: {\n      container: ViewStyle;\n      flatlist: ViewStyle;\n    };\n    uploadProgressIndicator: {\n      container: ViewStyle;\n      overlay: ViewStyle;\n    };\n  };\n  messageList: {\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    errorNotification: ViewStyle;\n    errorNotificationText: TextStyle;\n    inlineUnreadIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    listContainer: ViewStyle;\n    messageSystem: {\n      container: ViewStyle;\n      dateText: TextStyle;\n      line: ViewStyle;\n      text: TextStyle;\n      textContainer: ViewStyle;\n    };\n    scrollToBottomButton: {\n      container: ViewStyle;\n      touchable: ViewStyle;\n      unreadCountNotificationContainer: ViewStyle;\n      unreadCountNotificationText: TextStyle;\n      wrapper: ViewStyle;\n    };\n    typingIndicatorContainer: ViewStyle;\n  };\n  messageSimple: {\n    actions: {\n      button: ViewStyle & {\n        defaultBackgroundColor?: ViewStyle['backgroundColor'];\n        defaultBorderColor?: ViewStyle['borderColor'];\n        primaryBackgroundColor?: ViewStyle['backgroundColor'];\n        primaryBorderColor?: ViewStyle['borderColor'];\n      };\n      buttonText: TextStyle & {\n        defaultColor?: TextStyle['color'];\n        primaryColor?: TextStyle['color'];\n      };\n      container: ViewStyle;\n    };\n    avatarWrapper: {\n      container: ViewStyle;\n      leftAlign: ViewStyle;\n      rightAlign: ViewStyle;\n      spacer: ViewStyle;\n    };\n    card: {\n      authorName: TextStyle;\n      authorNameContainer: ViewStyle;\n      authorNameFooter: TextStyle;\n      authorNameFooterContainer: ViewStyle;\n      authorNameMask: ViewStyle;\n      container: ViewStyle;\n      cover: ImageStyle;\n      footer: ViewStyle & {\n        description: TextStyle;\n        title: TextStyle;\n      };\n      noURI: ViewStyle;\n    };\n    container: ViewStyle;\n    content: {\n      container: ViewStyle & {\n        borderRadiusL: ViewStyle['borderBottomLeftRadius' | 'borderTopLeftRadius'];\n        borderRadiusS: ViewStyle['borderBottomRightRadius' | 'borderTopRightRadius'];\n      };\n      containerInner: ViewStyle;\n      deletedContainer: ViewStyle;\n      deletedContainerInner: ViewStyle;\n      deletedMetaText: TextStyle;\n      deletedText: MarkdownStyle;\n      errorContainer: ViewStyle;\n      errorIcon: IconProps;\n      errorIconContainer: ViewStyle;\n      eyeIcon: IconProps;\n      /**\n       * Available options for styling text:\n       * https://github.com/andangrd/react-native-markdown-package/blob/master/styles.js\n       */\n      markdown: MarkdownStyle;\n      messageUser: TextStyle;\n      metaContainer: ViewStyle;\n      metaText: TextStyle;\n      replyBorder: ViewStyle;\n      replyContainer: ViewStyle;\n      textContainer: ViewStyle & {\n        onlyEmojiMarkdown: MarkdownStyle;\n      };\n      wrapper: ViewStyle;\n    };\n    file: {\n      container: ViewStyle;\n      details: ViewStyle;\n      fileSize: TextStyle;\n      icon: IconProps;\n      title: TextStyle;\n    };\n    fileAttachmentGroup: {\n      container: ViewStyle;\n    };\n    gallery: {\n      galleryContainer: ViewStyle;\n      galleryItemColumn: ViewStyle;\n      gridHeight: number;\n      gridWidth: number;\n      image: ImageStyle;\n      imageContainer: ViewStyle;\n      maxHeight: number;\n      maxWidth: number;\n      minHeight: number;\n      minWidth: number;\n      moreImagesContainer: ViewStyle;\n      moreImagesText: TextStyle;\n    };\n    giphy: {\n      buttonContainer: ViewStyle;\n      cancel: TextStyle;\n      container: ViewStyle;\n      giphy: ImageStyle;\n      giphyContainer: ViewStyle;\n      giphyHeaderText: TextStyle;\n      giphyHeaderTitle: TextStyle;\n      giphyMask: ViewStyle;\n      giphyMaskText: TextStyle;\n      header: ViewStyle;\n      selectionContainer: ViewStyle;\n      send: TextStyle;\n      shuffle: TextStyle;\n      title: TextStyle;\n    };\n    pinnedHeader: {\n      container: ViewStyle;\n      label: TextStyle;\n    };\n    reactionList: {\n      container: ViewStyle;\n      middleIcon: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      reactionSize: number;\n      strokeSize: number;\n    };\n    replies: {\n      avatar: ViewStyle;\n      avatarContainerMultiple: ViewStyle;\n      avatarContainerSingle: ViewStyle;\n      container: ViewStyle;\n      leftAvatarsContainer: ViewStyle;\n      leftCurve: ViewStyle;\n      messageRepliesText: TextStyle;\n      rightAvatarsContainer: ViewStyle;\n      rightCurve: ViewStyle;\n      avatarSize?: number;\n    };\n    status: {\n      checkAllIcon: IconProps;\n      checkIcon: IconProps;\n      readByCount: TextStyle;\n      statusContainer: ViewStyle;\n      timeIcon: IconProps;\n    };\n    targetedMessageUnderlay: ViewStyle;\n  };\n  overlay: {\n    container: ViewStyle;\n    messageActions: {\n      actionContainer: ViewStyle;\n      icon: ViewStyle;\n      title: TextStyle;\n    };\n    padding: number;\n    reactions: {\n      avatarContainer: ViewStyle;\n      avatarName: TextStyle;\n      avatarSize: number;\n      container: ViewStyle;\n      flatListContainer: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      title: TextStyle;\n    };\n    reactionsList: {\n      radius: number;\n      reaction: ViewStyle;\n      reactionList: ViewStyle;\n      reactionSize: number;\n    };\n  };\n  reply: {\n    container: ViewStyle;\n    fileAttachmentContainer: ViewStyle;\n    imageAttachment: ImageStyle;\n    markdownStyles: MarkdownStyle;\n    messageContainer: ViewStyle;\n    textContainer: ViewStyle;\n  };\n  screenPadding: number;\n  spinner: ViewStyle;\n  thread: {\n    newThread: ViewStyle & {\n      text: TextStyle;\n      backgroundGradientStart?: string;\n      backgroundGradientStop?: string;\n    };\n  };\n  typingIndicator: {\n    container: ViewStyle;\n    text: TextStyle & {\n      fontSize: TextStyle['fontSize'];\n    };\n  };\n};\n\nexport const defaultTheme: Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: {},\n    errorButtonText: {},\n    errorContainer: {},\n    errorText: {},\n    image: {},\n    imageOverlay: {},\n    imageOverlaySelectedComponent: {\n      check: {},\n    },\n  },\n  attachmentSelectionBar: {\n    container: {},\n    icon: {},\n  },\n  avatar: {\n    BASE_AVATAR_SIZE: 32,\n    container: {},\n    image: {\n      borderRadius: 16,\n      height: 32,\n      width: 32,\n    },\n    presenceIndicator: {\n      cx: 6,\n      cy: 6,\n      r: 5,\n      strokeWidth: 2,\n    },\n    presenceIndicatorContainer: {},\n  },\n  channel: {\n    selectChannel: {},\n  },\n  channelListFooterLoadingIndicator: {\n    container: {},\n  },\n  channelListHeaderErrorIndicator: {\n    container: {},\n    errorText: {},\n  },\n  channelListLoadingIndicator: {\n    container: {},\n  },\n  channelListMessenger: {\n    flatList: {},\n    flatListContent: {},\n  },\n  channelListSkeleton: {\n    animationTime: 1800, // in milliseconds\n    background: {},\n    container: {},\n    gradientStart: {\n      stopOpacity: 0,\n    },\n    gradientStop: {\n      stopOpacity: 0.5,\n    },\n    height: 64,\n  },\n  channelPreview: {\n    checkAllIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    checkIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    container: {},\n    contentContainer: {},\n    date: {},\n    message: {\n      fontWeight: '400',\n    },\n    mutedStatus: {\n      height: 20,\n      iconStyle: {},\n      width: 20,\n    },\n    row: {},\n    title: {},\n    unreadContainer: {},\n    unreadText: {},\n  },\n  colors: {\n    ...Colors,\n  },\n  dateHeader: {\n    container: {},\n    text: {},\n  },\n  emptyStateIndicator: {\n    channelContainer: {},\n    channelDetails: {},\n    channelTitle: {},\n  },\n  groupAvatar: {\n    container: {},\n    image: {\n      resizeMode: 'cover',\n    },\n  },\n  iconBadge: {\n    icon: {},\n    iconInner: {},\n    unreadCount: {},\n  },\n  iconSquare: {\n    container: {},\n    image: {},\n  },\n  imageGallery: {\n    footer: {\n      centerContainer: {},\n      container: {},\n      imageCountText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n    },\n    grid: {\n      contentContainer: {},\n      gridAvatar: {},\n      gridAvatarWrapper: {},\n      gridImage: {},\n      handle: {},\n      handleText: {},\n      overlay: {},\n    },\n    header: {\n      centerContainer: {},\n      container: {},\n      dateText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n      usernameText: {},\n    },\n  },\n  inlineDateSeparator: {\n    container: {},\n    text: {},\n  },\n  loadingDots: {\n    container: {},\n    loadingDot: {},\n    spacing: 4,\n  },\n  loadingErrorIndicator: {\n    container: {},\n    errorText: {},\n    retryText: {},\n  },\n  loadingIndicator: {\n    container: {},\n    loadingText: {},\n  },\n  messageInput: {\n    attachButton: {},\n    attachButtonContainer: {},\n    attachmentSelectionBar: {},\n    autoCompleteInputContainer: {},\n    commandsButton: {},\n    commandsButtonContainer: {},\n    composerContainer: {},\n    container: {},\n    cooldownTimer: {\n      container: {},\n      text: {},\n    },\n    editingBoxContainer: {},\n    editingBoxHeader: {},\n    editingBoxHeaderTitle: {},\n    fileUploadPreview: {\n      dismiss: {},\n      fileContainer: {},\n      fileContentContainer: {},\n      filenameText: {},\n      fileSizeText: {},\n      fileTextContainer: {},\n      flatList: {},\n    },\n    giphyContainer: {},\n    giphyText: {},\n    imageUploadPreview: {\n      dismiss: {},\n      flatList: {},\n      itemContainer: {},\n      upload: {},\n    },\n    inputBox: {},\n    inputBoxContainer: {},\n    moreOptionsButton: {},\n    optionsContainer: {},\n    replyContainer: {},\n    sendButton: {},\n    sendButtonContainer: {},\n    sendMessageDisallowedIndicator: {\n      container: {},\n      text: {},\n    },\n    showThreadMessageInChannelButton: {\n      check: {},\n      checkBoxActive: {},\n      checkBoxInactive: {},\n      container: {},\n      innerContainer: {},\n      text: {},\n    },\n    suggestions: {\n      command: {\n        args: {},\n        container: {},\n        iconContainer: {},\n        title: {},\n      },\n      container: {\n        maxHeight: vh(25),\n      },\n      emoji: {\n        container: {},\n        text: {},\n      },\n      header: {\n        container: {},\n        title: {},\n      },\n      item: {},\n      mention: {\n        avatarSize: 40,\n        column: {},\n        container: {},\n        name: {},\n        tag: {},\n      },\n    },\n    suggestionsListContainer: {\n      container: {},\n      flatlist: {},\n    },\n    uploadProgressIndicator: {\n      container: {},\n      overlay: {},\n    },\n  },\n  messageList: {\n    container: {},\n    contentContainer: {},\n    errorNotification: {},\n    errorNotificationText: {},\n    inlineUnreadIndicator: {\n      container: {},\n      text: {},\n    },\n    listContainer: {},\n    messageSystem: {\n      container: {},\n      dateText: {},\n      line: {},\n      text: {},\n      textContainer: {},\n    },\n    scrollToBottomButton: {\n      container: {},\n      touchable: {},\n      unreadCountNotificationContainer: {},\n      unreadCountNotificationText: {},\n      wrapper: {},\n    },\n    typingIndicatorContainer: {},\n  },\n  messageSimple: {\n    actions: {\n      button: {},\n      buttonText: {},\n      container: {},\n    },\n    avatarWrapper: {\n      container: {},\n      leftAlign: {\n        marginRight: 8,\n      },\n      rightAlign: {\n        marginLeft: 8,\n      },\n      spacer: {\n        height: 28,\n        width: 32, // same as BASE_AVATAR_SIZE\n      },\n    },\n    card: {\n      authorName: {},\n      authorNameContainer: {},\n      authorNameFooter: {},\n      authorNameFooterContainer: {},\n      authorNameMask: {},\n      container: {},\n      cover: {},\n      footer: {\n        description: {},\n        title: {\n          fontWeight: '700',\n        },\n      },\n      noURI: {\n        borderLeftWidth: 2,\n        paddingLeft: 8,\n      },\n    },\n    container: {},\n    content: {\n      container: {\n        borderRadiusL: 16,\n        borderRadiusS: 0,\n      },\n      containerInner: {},\n      deletedContainer: {},\n      deletedContainerInner: {},\n      deletedMetaText: {\n        paddingHorizontal: 5,\n      },\n      deletedText: {\n        em: {\n          fontSize: 15,\n          fontStyle: 'italic',\n          fontWeight: '400',\n        },\n      },\n      errorContainer: {\n        paddingRight: 12,\n        paddingTop: 0,\n      },\n      errorIcon: {\n        height: 20,\n        width: 20,\n      },\n      errorIconContainer: {\n        bottom: -2,\n        position: 'absolute',\n        right: -12,\n      },\n      eyeIcon: {\n        height: 16,\n        width: 16,\n      },\n      markdown: {},\n      messageUser: {\n        fontSize: 12,\n        fontWeight: '700',\n        paddingRight: 6,\n      },\n      metaContainer: {\n        flexDirection: 'row',\n        marginTop: 4,\n      },\n      metaText: {\n        fontSize: 12,\n      },\n      replyBorder: {},\n      replyContainer: {},\n      textContainer: {\n        onlyEmojiMarkdown: { text: { fontSize: 50 } },\n      },\n      wrapper: {},\n    },\n    file: {\n      container: {},\n      details: {},\n      fileSize: {},\n      icon: {},\n      title: {},\n    },\n    fileAttachmentGroup: {\n      container: {},\n    },\n    gallery: {\n      galleryContainer: {},\n      galleryItemColumn: {},\n      gridHeight: 195,\n      gridWidth: 256,\n      image: {},\n      imageContainer: {},\n      maxHeight: 300,\n      maxWidth: 256,\n      minHeight: 100,\n      minWidth: 170,\n      moreImagesContainer: {},\n      moreImagesText: {},\n    },\n    giphy: {\n      buttonContainer: {},\n      cancel: {},\n      container: {},\n      giphy: {},\n      giphyContainer: {},\n      giphyHeaderText: {},\n      giphyHeaderTitle: {},\n      giphyMask: {},\n      giphyMaskText: {},\n      header: {},\n      selectionContainer: {},\n      send: {},\n      shuffle: {},\n      title: {},\n    },\n    pinnedHeader: {\n      container: {},\n      label: {},\n    },\n    reactionList: {\n      container: {},\n      middleIcon: {},\n      radius: 2, // not recommended to change this\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      reactionSize: 24,\n      strokeSize: 1, // not recommended to change this\n    },\n    replies: {\n      avatar: {},\n      avatarContainerMultiple: {},\n      avatarContainerSingle: {},\n      container: {},\n      leftAvatarsContainer: {},\n      leftCurve: {},\n      messageRepliesText: {},\n      rightAvatarsContainer: {},\n      rightCurve: {},\n    },\n    status: {\n      checkAllIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      checkIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      readByCount: {},\n      statusContainer: {},\n      timeIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n    },\n    targetedMessageUnderlay: {},\n  },\n  overlay: {\n    container: {},\n    messageActions: {\n      actionContainer: {},\n      icon: {},\n      title: {},\n    },\n    padding: 8,\n    reactions: {\n      avatarContainer: {},\n      avatarName: {},\n      avatarSize: 64,\n      container: {},\n      flatListContainer: {},\n      radius: 2,\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      title: {},\n    },\n    reactionsList: {\n      radius: 2.5,\n      reaction: {},\n      reactionList: {},\n      reactionSize: 24,\n    },\n  },\n  reply: {\n    container: {},\n    fileAttachmentContainer: {},\n    imageAttachment: {},\n    markdownStyles: {},\n    messageContainer: {},\n    textContainer: {},\n  },\n  screenPadding: 8,\n  spinner: {},\n  thread: {\n    newThread: {\n      text: {},\n    },\n  },\n  typingIndicator: {\n    container: {},\n    text: {\n      fontSize: 14,\n    },\n  },\n};\n"]}
+{"version":3,"sources":["theme.ts"],"names":["DEFAULT_STATUS_ICON_SIZE","Colors","accent_blue","accent_green","accent_red","bg_gradient_end","bg_gradient_start","black","blue_alice","border","grey","grey_dark","grey_gainsboro","grey_whisper","icon_background","label_bg_transparent","modal_shadow","overlay","shadow_icon","targetedMessageBackground","transparent","white","white_smoke","white_snow","defaultTheme","attachmentPicker","bottomSheetContentContainer","errorButtonText","errorContainer","errorText","image","imageOverlay","imageOverlaySelectedComponent","check","attachmentSelectionBar","container","icon","avatar","BASE_AVATAR_SIZE","borderRadius","height","width","presenceIndicator","cx","cy","r","strokeWidth","presenceIndicatorContainer","channel","selectChannel","channelListFooterLoadingIndicator","channelListHeaderErrorIndicator","channelListLoadingIndicator","channelListMessenger","flatList","flatListContent","channelListSkeleton","animationTime","background","gradientStart","stopOpacity","gradientStop","channelPreview","checkAllIcon","checkIcon","contentContainer","date","message","fontWeight","mutedStatus","iconStyle","row","title","unreadContainer","unreadText","colors","dateHeader","text","emptyStateIndicator","channelContainer","channelDetails","channelTitle","groupAvatar","resizeMode","iconBadge","iconInner","unreadCount","iconSquare","imageGallery","footer","centerContainer","imageCountText","innerContainer","leftContainer","rightContainer","grid","gridAvatar","gridAvatarWrapper","gridImage","handle","handleText","header","dateText","usernameText","inlineDateSeparator","loadingDots","loadingDot","spacing","loadingErrorIndicator","retryText","loadingIndicator","loadingText","messageInput","attachButton","attachButtonContainer","autoCompleteInputContainer","commandsButton","commandsButtonContainer","composerContainer","cooldownTimer","editingBoxContainer","editingBoxHeader","editingBoxHeaderTitle","fileUploadPreview","dismiss","fileContainer","fileContentContainer","filenameText","fileSizeText","fileTextContainer","giphyContainer","giphyText","imageUploadPreview","itemContainer","upload","inputBox","inputBoxContainer","moreOptionsButton","optionsContainer","replyContainer","sendButton","sendButtonContainer","sendMessageDisallowedIndicator","showThreadMessageInChannelButton","checkBoxActive","checkBoxInactive","suggestions","command","args","iconContainer","maxHeight","emoji","item","mention","avatarSize","column","name","tag","suggestionsListContainer","flatlist","uploadProgressIndicator","messageList","errorNotification","errorNotificationText","inlineUnreadIndicator","listContainer","messageSystem","line","textContainer","scrollToBottomButton","touchable","unreadCountNotificationContainer","unreadCountNotificationText","wrapper","typingIndicatorContainer","messageSimple","actions","button","buttonText","avatarWrapper","leftAlign","marginRight","rightAlign","marginLeft","spacer","card","authorName","authorNameContainer","authorNameFooter","authorNameFooterContainer","authorNameMask","cover","description","noURI","borderLeftWidth","paddingLeft","content","borderRadiusL","borderRadiusS","containerInner","deletedContainer","deletedContainerInner","deletedMetaText","paddingHorizontal","deletedText","em","fontSize","fontStyle","paddingRight","paddingTop","errorIcon","errorIconContainer","bottom","position","right","eyeIcon","markdown","messageUser","metaContainer","flexDirection","marginTop","metaText","replyBorder","onlyEmojiMarkdown","file","details","fileSize","fileAttachmentGroup","gallery","galleryContainer","galleryItemColumn","gridHeight","gridWidth","imageContainer","maxWidth","minHeight","minWidth","moreImagesContainer","moreImagesText","giphy","buttonContainer","cancel","giphyHeaderText","giphyHeaderTitle","giphyMask","giphyMaskText","selectionContainer","send","shuffle","pinnedHeader","label","reactionList","middleIcon","radius","reactionBubble","reactionBubbleBackground","reactionSize","strokeSize","replies","avatarContainerMultiple","avatarContainerSingle","leftAvatarsContainer","leftCurve","messageRepliesText","rightAvatarsContainer","rightCurve","status","readByCount","statusContainer","timeIcon","targetedMessageUnderlay","messageActions","actionContainer","padding","reactions","avatarContainer","avatarName","flatListContainer","reactionsList","reaction","reply","fileAttachmentContainer","imageAttachment","markdownStyles","messageContainer","screenPadding","spinner","thread","newThread","typingIndicator"],"mappings":"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","sourcesContent":["import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\nimport type { CircleProps, Color, StopProps } from 'react-native-svg';\n\nimport type { IconProps } from '../../../icons/utils/base';\nimport { vh } from '../../../utils/utils';\n\nexport const DEFAULT_STATUS_ICON_SIZE = 16;\n\nexport const Colors = {\n  accent_blue: '#005FFF',\n  accent_green: '#20E070',\n  accent_red: '#FF3742',\n  bg_gradient_end: '#F7F7F7',\n  bg_gradient_start: '#FCFCFC',\n  black: '#000000',\n  blue_alice: '#E9F2FF',\n  border: '#00000014', // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1\n  grey: '#7A7A7A',\n  grey_dark: '#72767E',\n  grey_gainsboro: '#DBDBDB',\n  grey_whisper: '#ECEBEB',\n  icon_background: '#FFFFFF',\n  label_bg_transparent: '#00000033', // 33 = 20% opacity\n  modal_shadow: '#00000099', // 99 = 60% opacity; x=0, y= 1, radius=4\n  overlay: '#000000CC', // CC = 80% opacity\n  shadow_icon: '#00000040', // 40 = 25% opacity; x=0, y=0, radius=4\n  targetedMessageBackground: '#FBF4DD', // dark mode = #302D22\n  transparent: 'transparent',\n  white: '#FFFFFF',\n  white_smoke: '#F2F2F2',\n  white_snow: '#FCFCFC',\n};\n\nexport type MarkdownStyle = Partial<{\n  autolink: TextStyle;\n  blockQuoteBar: ViewStyle;\n  blockQuoteSection: ViewStyle;\n  blockQuoteSectionBar: ViewStyle;\n  blockQuoteText: TextStyle | ViewStyle;\n  br: TextStyle;\n  codeBlock: TextStyle;\n  del: TextStyle;\n  em: TextStyle;\n  heading: TextStyle;\n  heading1: TextStyle;\n  heading2: TextStyle;\n  heading3: TextStyle;\n  heading4: TextStyle;\n  heading5: TextStyle;\n  heading6: TextStyle;\n  hr: ViewStyle;\n  image: ImageStyle;\n  inlineCode: TextStyle;\n  list: ViewStyle;\n  listItem: ViewStyle;\n  listItemBullet: TextStyle;\n  listItemNumber: TextStyle;\n  listItemText: TextStyle;\n  listRow: ViewStyle;\n  mailTo: TextStyle;\n  mentions: TextStyle;\n  newline: TextStyle;\n  noMargin: TextStyle;\n  paragraph: TextStyle;\n  paragraphCenter: TextStyle;\n  paragraphWithImage: ViewStyle;\n  strong: TextStyle;\n  sublist: ViewStyle;\n  table: ViewStyle;\n  tableHeader: ViewStyle;\n  tableHeaderCell: TextStyle;\n  tableRow: ViewStyle;\n  tableRowCell: ViewStyle;\n  tableRowLast: ViewStyle;\n  text: TextStyle;\n  u: TextStyle;\n  view: ViewStyle;\n}>;\n\nexport type Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: ViewStyle;\n    errorButtonText: TextStyle;\n    errorContainer: ViewStyle;\n    errorText: TextStyle;\n    image: ViewStyle;\n    imageOverlay: ViewStyle;\n    imageOverlaySelectedComponent: {\n      check: ViewStyle;\n    };\n  };\n  attachmentSelectionBar: {\n    container: ViewStyle;\n    icon: ViewStyle;\n  };\n  avatar: {\n    BASE_AVATAR_SIZE: number;\n    container: ViewStyle;\n    image: ImageStyle;\n    presenceIndicator: CircleProps;\n    presenceIndicatorContainer: ViewStyle;\n  };\n  channel: {\n    selectChannel: TextStyle;\n  };\n  channelListFooterLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListHeaderErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n  };\n  channelListLoadingIndicator: {\n    container: ViewStyle;\n  };\n  channelListMessenger: {\n    flatList: ViewStyle;\n    flatListContent: ViewStyle;\n  };\n  channelListSkeleton: {\n    animationTime: number;\n    background: ViewStyle;\n    container: ViewStyle;\n    gradientStart: StopProps;\n    gradientStop: StopProps;\n    height: number;\n    maskFillColor?: Color;\n  };\n  channelPreview: {\n    checkAllIcon: IconProps;\n    checkIcon: IconProps;\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    date: TextStyle;\n    message: TextStyle & {\n      fontWeight: TextStyle['fontWeight'];\n    };\n    mutedStatus: {\n      height: number;\n      iconStyle: ViewStyle;\n      width: number;\n    };\n    row: ViewStyle;\n    title: TextStyle;\n    unreadContainer: ViewStyle;\n    unreadText: TextStyle;\n  };\n  colors: typeof Colors & { [key: string]: string };\n  dateHeader: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  emptyStateIndicator: {\n    channelContainer: ViewStyle;\n    channelDetails: TextStyle;\n    channelTitle: TextStyle;\n  };\n  groupAvatar: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  iconBadge: {\n    icon: ViewStyle;\n    iconInner: ViewStyle;\n    unreadCount: TextStyle;\n  };\n  iconSquare: {\n    container: ViewStyle;\n    image: ImageStyle;\n  };\n  imageGallery: {\n    footer: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      imageCountText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n    };\n    grid: {\n      contentContainer: ViewStyle;\n      gridAvatar: ImageStyle;\n      gridAvatarWrapper: ViewStyle;\n      gridImage: ViewStyle;\n      handle: ViewStyle;\n      handleText: TextStyle;\n      overlay: ViewStyle;\n    };\n    header: {\n      centerContainer: ViewStyle;\n      container: ViewStyle;\n      dateText: TextStyle;\n      innerContainer: ViewStyle;\n      leftContainer: ViewStyle;\n      rightContainer: ViewStyle;\n      usernameText: TextStyle;\n    };\n    backgroundColor?: string;\n    pager?: ViewStyle;\n    slide?: ImageStyle;\n  };\n  inlineDateSeparator: {\n    container: ViewStyle;\n    text: TextStyle;\n  };\n  loadingDots: {\n    container: ViewStyle;\n    loadingDot: ViewStyle;\n    spacing: number;\n  };\n  loadingErrorIndicator: {\n    container: ViewStyle;\n    errorText: TextStyle;\n    retryText: TextStyle;\n  };\n  loadingIndicator: {\n    container: ViewStyle;\n    loadingText: TextStyle;\n  };\n  messageInput: {\n    attachButton: ViewStyle;\n    attachButtonContainer: ViewStyle;\n    attachmentSelectionBar: ViewStyle;\n    autoCompleteInputContainer: ViewStyle;\n    commandsButton: ViewStyle;\n    commandsButtonContainer: ViewStyle;\n    composerContainer: ViewStyle;\n    container: ViewStyle;\n    cooldownTimer: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    editingBoxContainer: ViewStyle;\n    editingBoxHeader: ViewStyle;\n    editingBoxHeaderTitle: TextStyle;\n    fileUploadPreview: {\n      dismiss: ViewStyle;\n      fileContainer: ViewStyle;\n      fileContentContainer: ViewStyle;\n      filenameText: TextStyle;\n      fileSizeText: TextStyle;\n      fileTextContainer: ViewStyle;\n      flatList: ViewStyle;\n    };\n    giphyContainer: ViewStyle;\n    giphyText: TextStyle;\n    imageUploadPreview: {\n      dismiss: ViewStyle;\n      flatList: ViewStyle;\n      itemContainer: ViewStyle;\n      upload: ImageStyle;\n    };\n    inputBox: TextStyle;\n    inputBoxContainer: ViewStyle;\n    moreOptionsButton: ViewStyle;\n    optionsContainer: ViewStyle;\n    replyContainer: ViewStyle;\n    sendButton: ViewStyle;\n    sendButtonContainer: ViewStyle;\n    sendMessageDisallowedIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    showThreadMessageInChannelButton: {\n      check: IconProps;\n      checkBoxActive: ViewStyle;\n      checkBoxInactive: ViewStyle;\n      container: ViewStyle;\n      innerContainer: ViewStyle;\n      text: TextStyle;\n    };\n    suggestions: {\n      command: {\n        args: TextStyle;\n        container: ViewStyle;\n        iconContainer: ViewStyle;\n        title: TextStyle;\n      };\n      container: ViewStyle & {\n        maxHeight: number;\n      };\n      emoji: {\n        container: ViewStyle;\n        text: TextStyle;\n      };\n      header: {\n        container: ViewStyle;\n        title: TextStyle;\n      };\n      item: ViewStyle;\n      mention: {\n        avatarSize: number;\n        column: ViewStyle;\n        container: ViewStyle;\n        name: TextStyle;\n        tag: TextStyle;\n      };\n    };\n    suggestionsListContainer: {\n      container: ViewStyle;\n      flatlist: ViewStyle;\n    };\n    uploadProgressIndicator: {\n      container: ViewStyle;\n      overlay: ViewStyle;\n    };\n  };\n  messageList: {\n    container: ViewStyle;\n    contentContainer: ViewStyle;\n    errorNotification: ViewStyle;\n    errorNotificationText: TextStyle;\n    inlineUnreadIndicator: {\n      container: ViewStyle;\n      text: TextStyle;\n    };\n    listContainer: ViewStyle;\n    messageSystem: {\n      container: ViewStyle;\n      dateText: TextStyle;\n      line: ViewStyle;\n      text: TextStyle;\n      textContainer: ViewStyle;\n    };\n    scrollToBottomButton: {\n      container: ViewStyle;\n      touchable: ViewStyle;\n      unreadCountNotificationContainer: ViewStyle;\n      unreadCountNotificationText: TextStyle;\n      wrapper: ViewStyle;\n    };\n    typingIndicatorContainer: ViewStyle;\n  };\n  messageSimple: {\n    actions: {\n      button: ViewStyle & {\n        defaultBackgroundColor?: ViewStyle['backgroundColor'];\n        defaultBorderColor?: ViewStyle['borderColor'];\n        primaryBackgroundColor?: ViewStyle['backgroundColor'];\n        primaryBorderColor?: ViewStyle['borderColor'];\n      };\n      buttonText: TextStyle & {\n        defaultColor?: TextStyle['color'];\n        primaryColor?: TextStyle['color'];\n      };\n      container: ViewStyle;\n    };\n    avatarWrapper: {\n      container: ViewStyle;\n      leftAlign: ViewStyle;\n      rightAlign: ViewStyle;\n      spacer: ViewStyle;\n    };\n    card: {\n      authorName: TextStyle;\n      authorNameContainer: ViewStyle;\n      authorNameFooter: TextStyle;\n      authorNameFooterContainer: ViewStyle;\n      authorNameMask: ViewStyle;\n      container: ViewStyle;\n      cover: ImageStyle;\n      footer: ViewStyle & {\n        description: TextStyle;\n        title: TextStyle;\n      };\n      noURI: ViewStyle;\n    };\n    container: ViewStyle;\n    content: {\n      container: ViewStyle & {\n        borderRadiusL: ViewStyle['borderBottomLeftRadius' | 'borderTopLeftRadius'];\n        borderRadiusS: ViewStyle['borderBottomRightRadius' | 'borderTopRightRadius'];\n      };\n      containerInner: ViewStyle;\n      deletedContainer: ViewStyle;\n      deletedContainerInner: ViewStyle;\n      deletedMetaText: TextStyle;\n      deletedText: MarkdownStyle;\n      errorContainer: ViewStyle;\n      errorIcon: IconProps;\n      errorIconContainer: ViewStyle;\n      eyeIcon: IconProps;\n      /**\n       * Available options for styling text:\n       * https://github.com/andangrd/react-native-markdown-package/blob/master/styles.js\n       */\n      markdown: MarkdownStyle;\n      messageUser: TextStyle;\n      metaContainer: ViewStyle;\n      metaText: TextStyle;\n      replyBorder: ViewStyle;\n      replyContainer: ViewStyle;\n      textContainer: ViewStyle & {\n        onlyEmojiMarkdown: MarkdownStyle;\n      };\n      wrapper: ViewStyle;\n    };\n    file: {\n      container: ViewStyle;\n      details: ViewStyle;\n      fileSize: TextStyle;\n      icon: IconProps;\n      title: TextStyle;\n    };\n    fileAttachmentGroup: {\n      container: ViewStyle;\n    };\n    gallery: {\n      galleryContainer: ViewStyle;\n      galleryItemColumn: ViewStyle;\n      gridHeight: number;\n      gridWidth: number;\n      image: ImageStyle;\n      imageContainer: ViewStyle;\n      maxHeight: number;\n      maxWidth: number;\n      minHeight: number;\n      minWidth: number;\n      moreImagesContainer: ViewStyle;\n      moreImagesText: TextStyle;\n    };\n    giphy: {\n      buttonContainer: ViewStyle;\n      cancel: TextStyle;\n      container: ViewStyle;\n      giphy: ImageStyle;\n      giphyContainer: ViewStyle;\n      giphyHeaderText: TextStyle;\n      giphyHeaderTitle: TextStyle;\n      giphyMask: ViewStyle;\n      giphyMaskText: TextStyle;\n      header: ViewStyle;\n      selectionContainer: ViewStyle;\n      send: TextStyle;\n      shuffle: TextStyle;\n      title: TextStyle;\n    };\n    pinnedHeader: {\n      container: ViewStyle;\n      label: TextStyle;\n    };\n    reactionList: {\n      container: ViewStyle;\n      middleIcon: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      reactionSize: number;\n      strokeSize: number;\n    };\n    replies: {\n      avatar: ViewStyle;\n      avatarContainerMultiple: ViewStyle;\n      avatarContainerSingle: ViewStyle;\n      container: ViewStyle;\n      leftAvatarsContainer: ViewStyle;\n      leftCurve: ViewStyle;\n      messageRepliesText: TextStyle;\n      rightAvatarsContainer: ViewStyle;\n      rightCurve: ViewStyle;\n      avatarSize?: number;\n    };\n    status: {\n      checkAllIcon: IconProps;\n      checkIcon: IconProps;\n      readByCount: TextStyle;\n      statusContainer: ViewStyle;\n      timeIcon: IconProps;\n    };\n    targetedMessageUnderlay: ViewStyle;\n  };\n  overlay: {\n    container: ViewStyle;\n    messageActions: {\n      actionContainer: ViewStyle;\n      icon: ViewStyle;\n      title: TextStyle;\n    };\n    padding: number;\n    reactions: {\n      avatarContainer: ViewStyle;\n      avatarName: TextStyle;\n      avatarSize: number;\n      container: ViewStyle;\n      flatListContainer: ViewStyle;\n      radius: number;\n      reactionBubble: ViewStyle;\n      reactionBubbleBackground: ViewStyle;\n      title: TextStyle;\n    };\n    reactionsList: {\n      radius: number;\n      reaction: ViewStyle;\n      reactionList: ViewStyle;\n      reactionSize: number;\n    };\n  };\n  reply: {\n    container: ViewStyle;\n    fileAttachmentContainer: ViewStyle;\n    imageAttachment: ImageStyle;\n    markdownStyles: MarkdownStyle;\n    messageContainer: ViewStyle;\n    textContainer: ViewStyle;\n  };\n  screenPadding: number;\n  spinner: ViewStyle;\n  thread: {\n    newThread: ViewStyle & {\n      text: TextStyle;\n      backgroundGradientStart?: string;\n      backgroundGradientStop?: string;\n    };\n  };\n  typingIndicator: {\n    container: ViewStyle;\n    text: TextStyle & {\n      fontSize: TextStyle['fontSize'];\n    };\n  };\n};\n\nexport const defaultTheme: Theme = {\n  attachmentPicker: {\n    bottomSheetContentContainer: {},\n    errorButtonText: {},\n    errorContainer: {},\n    errorText: {},\n    image: {},\n    imageOverlay: {},\n    imageOverlaySelectedComponent: {\n      check: {},\n    },\n  },\n  attachmentSelectionBar: {\n    container: {},\n    icon: {},\n  },\n  avatar: {\n    BASE_AVATAR_SIZE: 32,\n    container: {},\n    image: {\n      borderRadius: 16,\n      height: 32,\n      width: 32,\n    },\n    presenceIndicator: {\n      cx: 6,\n      cy: 6,\n      r: 5,\n      strokeWidth: 2,\n    },\n    presenceIndicatorContainer: {},\n  },\n  channel: {\n    selectChannel: {},\n  },\n  channelListFooterLoadingIndicator: {\n    container: {},\n  },\n  channelListHeaderErrorIndicator: {\n    container: {},\n    errorText: {},\n  },\n  channelListLoadingIndicator: {\n    container: {},\n  },\n  channelListMessenger: {\n    flatList: {},\n    flatListContent: {},\n  },\n  channelListSkeleton: {\n    animationTime: 1800, // in milliseconds\n    background: {},\n    container: {},\n    gradientStart: {\n      stopOpacity: 0,\n    },\n    gradientStop: {\n      stopOpacity: 0.5,\n    },\n    height: 64,\n  },\n  channelPreview: {\n    checkAllIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    checkIcon: {\n      height: DEFAULT_STATUS_ICON_SIZE,\n      width: DEFAULT_STATUS_ICON_SIZE,\n    },\n    container: {},\n    contentContainer: {},\n    date: {},\n    message: {\n      fontWeight: '400',\n    },\n    mutedStatus: {\n      height: 20,\n      iconStyle: {},\n      width: 20,\n    },\n    row: {},\n    title: {},\n    unreadContainer: {},\n    unreadText: {},\n  },\n  colors: {\n    ...Colors,\n  },\n  dateHeader: {\n    container: {},\n    text: {},\n  },\n  emptyStateIndicator: {\n    channelContainer: {},\n    channelDetails: {},\n    channelTitle: {},\n  },\n  groupAvatar: {\n    container: {},\n    image: {\n      resizeMode: 'cover',\n    },\n  },\n  iconBadge: {\n    icon: {},\n    iconInner: {},\n    unreadCount: {},\n  },\n  iconSquare: {\n    container: {},\n    image: {},\n  },\n  imageGallery: {\n    footer: {\n      centerContainer: {},\n      container: {},\n      imageCountText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n    },\n    grid: {\n      contentContainer: {},\n      gridAvatar: {},\n      gridAvatarWrapper: {},\n      gridImage: {},\n      handle: {},\n      handleText: {},\n      overlay: {},\n    },\n    header: {\n      centerContainer: {},\n      container: {},\n      dateText: {},\n      innerContainer: {},\n      leftContainer: {},\n      rightContainer: {},\n      usernameText: {},\n    },\n  },\n  inlineDateSeparator: {\n    container: {},\n    text: {},\n  },\n  loadingDots: {\n    container: {},\n    loadingDot: {},\n    spacing: 4,\n  },\n  loadingErrorIndicator: {\n    container: {},\n    errorText: {},\n    retryText: {},\n  },\n  loadingIndicator: {\n    container: {},\n    loadingText: {},\n  },\n  messageInput: {\n    attachButton: {},\n    attachButtonContainer: {},\n    attachmentSelectionBar: {},\n    autoCompleteInputContainer: {},\n    commandsButton: {},\n    commandsButtonContainer: {},\n    composerContainer: {},\n    container: {},\n    cooldownTimer: {\n      container: {},\n      text: {},\n    },\n    editingBoxContainer: {},\n    editingBoxHeader: {},\n    editingBoxHeaderTitle: {},\n    fileUploadPreview: {\n      dismiss: {},\n      fileContainer: {},\n      fileContentContainer: {},\n      filenameText: {},\n      fileSizeText: {},\n      fileTextContainer: {},\n      flatList: {},\n    },\n    giphyContainer: {},\n    giphyText: {},\n    imageUploadPreview: {\n      dismiss: {},\n      flatList: {},\n      itemContainer: {},\n      upload: {},\n    },\n    inputBox: {},\n    inputBoxContainer: {},\n    moreOptionsButton: {},\n    optionsContainer: {},\n    replyContainer: {},\n    sendButton: {},\n    sendButtonContainer: {},\n    sendMessageDisallowedIndicator: {\n      container: {},\n      text: {},\n    },\n    showThreadMessageInChannelButton: {\n      check: {},\n      checkBoxActive: {},\n      checkBoxInactive: {},\n      container: {},\n      innerContainer: {},\n      text: {},\n    },\n    suggestions: {\n      command: {\n        args: {},\n        container: {},\n        iconContainer: {},\n        title: {},\n      },\n      container: {\n        maxHeight: vh(25),\n      },\n      emoji: {\n        container: {},\n        text: {},\n      },\n      header: {\n        container: {},\n        title: {},\n      },\n      item: {},\n      mention: {\n        avatarSize: 40,\n        column: {},\n        container: {},\n        name: {},\n        tag: {},\n      },\n    },\n    suggestionsListContainer: {\n      container: {},\n      flatlist: {},\n    },\n    uploadProgressIndicator: {\n      container: {},\n      overlay: {},\n    },\n  },\n  messageList: {\n    container: {},\n    contentContainer: {},\n    errorNotification: {},\n    errorNotificationText: {},\n    inlineUnreadIndicator: {\n      container: {},\n      text: {},\n    },\n    listContainer: {},\n    messageSystem: {\n      container: {},\n      dateText: {},\n      line: {},\n      text: {},\n      textContainer: {},\n    },\n    scrollToBottomButton: {\n      container: {},\n      touchable: {},\n      unreadCountNotificationContainer: {},\n      unreadCountNotificationText: {},\n      wrapper: {},\n    },\n    typingIndicatorContainer: {},\n  },\n  messageSimple: {\n    actions: {\n      button: {},\n      buttonText: {},\n      container: {},\n    },\n    avatarWrapper: {\n      container: {},\n      leftAlign: {\n        marginRight: 8,\n      },\n      rightAlign: {\n        marginLeft: 8,\n      },\n      spacer: {\n        height: 28,\n        width: 32, // same as BASE_AVATAR_SIZE\n      },\n    },\n    card: {\n      authorName: {},\n      authorNameContainer: {},\n      authorNameFooter: {},\n      authorNameFooterContainer: {},\n      authorNameMask: {},\n      container: {},\n      cover: {},\n      footer: {\n        description: {},\n        title: {\n          fontWeight: '700',\n        },\n      },\n      noURI: {\n        borderLeftWidth: 2,\n        paddingLeft: 8,\n      },\n    },\n    container: {},\n    content: {\n      container: {\n        borderRadiusL: 16,\n        borderRadiusS: 0,\n      },\n      containerInner: {},\n      deletedContainer: {},\n      deletedContainerInner: {},\n      deletedMetaText: {\n        paddingHorizontal: 5,\n      },\n      deletedText: {\n        em: {\n          fontSize: 15,\n          fontStyle: 'italic',\n          fontWeight: '400',\n        },\n      },\n      errorContainer: {\n        paddingRight: 12,\n        paddingTop: 0,\n      },\n      errorIcon: {\n        height: 20,\n        width: 20,\n      },\n      errorIconContainer: {\n        bottom: -2,\n        position: 'absolute',\n        right: -12,\n      },\n      eyeIcon: {\n        height: 16,\n        width: 16,\n      },\n      markdown: {},\n      messageUser: {\n        fontSize: 12,\n        fontWeight: '700',\n        paddingRight: 6,\n      },\n      metaContainer: {\n        flexDirection: 'row',\n        marginTop: 4,\n      },\n      metaText: {\n        fontSize: 12,\n      },\n      replyBorder: {},\n      replyContainer: {},\n      textContainer: {\n        onlyEmojiMarkdown: { text: { fontSize: 50 } },\n      },\n      wrapper: {},\n    },\n    file: {\n      container: {},\n      details: {},\n      fileSize: {},\n      icon: {},\n      title: {},\n    },\n    fileAttachmentGroup: {\n      container: {},\n    },\n    gallery: {\n      galleryContainer: {},\n      galleryItemColumn: {},\n      gridHeight: 195,\n      gridWidth: 256,\n      image: {},\n      imageContainer: {},\n      maxHeight: 300,\n      maxWidth: 256,\n      minHeight: 100,\n      minWidth: 170,\n      moreImagesContainer: {},\n      moreImagesText: {},\n    },\n    giphy: {\n      buttonContainer: {},\n      cancel: {},\n      container: {},\n      giphy: {},\n      giphyContainer: {},\n      giphyHeaderText: {},\n      giphyHeaderTitle: {},\n      giphyMask: {},\n      giphyMaskText: {},\n      header: {},\n      selectionContainer: {},\n      send: {},\n      shuffle: {},\n      title: {},\n    },\n    pinnedHeader: {\n      container: {},\n      label: {},\n    },\n    reactionList: {\n      container: {},\n      middleIcon: {},\n      radius: 2, // not recommended to change this\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      reactionSize: 24,\n      strokeSize: 1, // not recommended to change this\n    },\n    replies: {\n      avatar: {},\n      avatarContainerMultiple: {},\n      avatarContainerSingle: {},\n      container: {},\n      leftAvatarsContainer: {},\n      leftCurve: {},\n      messageRepliesText: {},\n      rightAvatarsContainer: {},\n      rightCurve: {},\n    },\n    status: {\n      checkAllIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      checkIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n      readByCount: {},\n      statusContainer: {},\n      timeIcon: {\n        height: DEFAULT_STATUS_ICON_SIZE,\n        width: DEFAULT_STATUS_ICON_SIZE,\n      },\n    },\n    targetedMessageUnderlay: {},\n  },\n  overlay: {\n    container: {},\n    messageActions: {\n      actionContainer: {},\n      icon: {},\n      title: {},\n    },\n    padding: 8,\n    reactions: {\n      avatarContainer: {},\n      avatarName: {},\n      avatarSize: 64,\n      container: {},\n      flatListContainer: {},\n      radius: 2,\n      reactionBubble: {},\n      reactionBubbleBackground: {},\n      title: {},\n    },\n    reactionsList: {\n      radius: 2.5,\n      reaction: {},\n      reactionList: {},\n      reactionSize: 24,\n    },\n  },\n  reply: {\n    container: {},\n    fileAttachmentContainer: {},\n    imageAttachment: {},\n    markdownStyles: {},\n    messageContainer: {},\n    textContainer: {},\n  },\n  screenPadding: 8,\n  spinner: {},\n  thread: {\n    newThread: {\n      text: {},\n    },\n  },\n  typingIndicator: {\n    container: {},\n    text: {\n      fontSize: 14,\n    },\n  },\n};\n"]}

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.1.4-beta.1"
+  "version": "4.2.0-beta.2"
 }

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

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

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

@@ -2,10 +2,10 @@ import type { Attachment } from 'stream-chat';
 import { MessageContextValue } from '../../contexts/messageContext/MessageContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare type GiphyPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageContextValue<StreamChatGenerics>, 'handleAction' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps'> & {
+export declare type GiphyPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageContextValue<StreamChatGenerics>, 'handleAction' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'> & Pick<MessagesContextValue<StreamChatGenerics>, 'giphyVersion' | 'additionalTouchableProps'> & {
     attachment: Attachment<StreamChatGenerics>;
 };
-export declare type GiphyProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPressIn'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps'>> & {
+export declare type GiphyProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'isMyMessage' | 'onLongPress' | 'onPressIn'> & Pick<MessagesContextValue<StreamChatGenerics>, 'giphyVersion' | 'additionalTouchableProps'>> & {
     attachment: Attachment<StreamChatGenerics>;
 };
 /**

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

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

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

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

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

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import type { TouchableOpacityProps } from 'react-native';
 import type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';
-import type { ChannelState, MessageResponse } from 'stream-chat';
+import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
 import type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';
 import type { CardProps } from '../../components/Attachment/Card';
@@ -91,6 +91,10 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
      * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)
      */
     Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;
+    /**
+     * The giphy version to render - check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values. Uses 'fixed_height' by default
+     * */
+    giphyVersion: keyof NonNullable<Attachment['giphy']>;
     /**
      * When true, messageList will be scrolled at first unread message, when opened.
      */

package/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -16,6 +16,7 @@ export declare const Colors: {
     grey_gainsboro: string;
     grey_whisper: string;
     icon_background: string;
+    label_bg_transparent: string;
     modal_shadow: string;
     overlay: string;
     shadow_icon: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.1.4-beta.1",
+  "version": "4.2.0-beta.2",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -79,7 +79,7 @@
     "react-art": "^17.0.2",
     "react-native-markdown-package": "1.8.1",
     "react-native-url-polyfill": "^1.3.0",
-    "stream-chat": "6.0.0"
+    "stream-chat": "6.2.0"
   },
   "peerDependencies": {
     "react-native-svg": "^12.1.0"
@@ -132,7 +132,7 @@
     "react-native": "0.64.1",
     "react-native-builder-bob": "0.18.1",
     "react-native-fs": "2.18.0",
-    "react-native-gesture-handler": "1.10.3",
+    "react-native-gesture-handler": "2.3.1",
     "react-native-reanimated": "2.1.0",
     "react-native-svg": "12.1.1",
     "react-native-typescript-transformer": "1.2.13",

package/src/components/Attachment/Attachment.tsx

@@ -20,7 +20,13 @@ export type AttachmentPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<
   MessagesContextValue<StreamChatGenerics>,
-  'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'UrlPreview'
+  | 'AttachmentActions'
+  | 'Card'
+  | 'FileAttachment'
+  | 'Gallery'
+  | 'giphyVersion'
+  | 'Giphy'
+  | 'UrlPreview'
 > & {
   /**
    * The attachment to render
@@ -33,12 +39,21 @@ const AttachmentWithContext = <
 >(
   props: AttachmentPropsWithContext<StreamChatGenerics>,
 ) => {
-  const { attachment, AttachmentActions, Card, FileAttachment, Gallery, Giphy, UrlPreview } = props;
+  const {
+    attachment,
+    AttachmentActions,
+    Card,
+    FileAttachment,
+    Gallery,
+    Giphy,
+    giphyVersion,
+    UrlPreview,
+  } = props;
 
   const hasAttachmentActions = !!attachment.actions?.length;
 
   if (attachment.type === 'giphy' || attachment.type === 'imgur') {
-    return <Giphy attachment={attachment} />;
+    return <Giphy attachment={attachment} giphyVersion={giphyVersion} />;
   }
 
   if (
@@ -107,7 +122,13 @@ export type AttachmentProps<
 > = Partial<
   Pick<
     MessagesContextValue<StreamChatGenerics>,
-    'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'UrlPreview'
+    | 'AttachmentActions'
+    | 'Card'
+    | 'FileAttachment'
+    | 'Gallery'
+    | 'Giphy'
+    | 'giphyVersion'
+    | 'UrlPreview'
   >
 > &
   Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;
@@ -127,6 +148,7 @@ export const Attachment = <
     FileAttachment: PropFileAttachment,
     Gallery: PropGallery,
     Giphy: PropGiphy,
+    giphyVersion: PropGiphyVersion,
     UrlPreview: PropUrlPreview,
   } = props;
 
@@ -136,6 +158,7 @@ export const Attachment = <
     FileAttachment: ContextFileAttachment,
     Gallery: ContextGallery,
     Giphy: ContextGiphy,
+    giphyVersion: ContextGiphyVersion,
     UrlPreview: ContextUrlPreview,
   } = useMessagesContext<StreamChatGenerics>();
 
@@ -150,6 +173,7 @@ export const Attachment = <
   const Gallery = PropGallery || ContextGallery || GalleryDefault;
   const Giphy = PropGiphy || ContextGiphy || GiphyDefault;
   const UrlPreview = PropUrlPreview || ContextUrlPreview || CardDefault;
+  const giphyVersion = PropGiphyVersion || ContextGiphyVersion;
 
   return (
     <MemoizedAttachment
@@ -160,6 +184,7 @@ export const Attachment = <
         FileAttachment,
         Gallery,
         Giphy,
+        giphyVersion,
         UrlPreview,
       }}
     />