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

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

@@ -1 +1 @@
-{"version":3,"sources":["MessagesContext.tsx"],"names":["MessagesContext","React","createContext","MessagesProvider","children","value","useMessagesContext","withMessagesContext","Component","WithMessagesContextComponent","props","messagesContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;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/commonjs/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/commonjs/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/commonjs/version.json

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

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

@@ -33,16 +33,18 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       FileAttachment = props.FileAttachment,
       Gallery = props.Gallery,
       Giphy = props.Giphy,
+      giphyVersion = props.giphyVersion,
       UrlPreview = props.UrlPreview;
   var hasAttachmentActions = !!((_attachment$actions = attachment.actions) != null && _attachment$actions.length);
 
   if (attachment.type === 'giphy' || attachment.type === 'imgur') {
     return _react["default"].createElement(Giphy, {
       attachment: attachment,
+      giphyVersion: giphyVersion,
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 56,
         columnNumber: 12
       }
     });
@@ -53,7 +55,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 63,
         columnNumber: 12
       }
     }));
@@ -65,7 +67,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 69,
         columnNumber: 9
       }
     }), hasAttachmentActions && _react["default"].createElement(AttachmentActions, (0, _extends2["default"])({
@@ -74,7 +76,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 71,
         columnNumber: 11
       }
     })));
@@ -86,7 +88,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 78,
         columnNumber: 12
       }
     });
@@ -98,7 +100,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 69,
+        lineNumber: 84,
         columnNumber: 7
       }
     });
@@ -109,7 +111,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 91,
         columnNumber: 9
       }
     })), _react["default"].createElement(AttachmentActions, (0, _extends2["default"])({
@@ -118,7 +120,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 77,
+        lineNumber: 92,
         columnNumber: 9
       }
     })));
@@ -127,7 +129,7 @@ var AttachmentWithContext = function AttachmentWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 96,
         columnNumber: 12
       }
     }));
@@ -152,6 +154,7 @@ var Attachment = function Attachment(props) {
       PropFileAttachment = props.FileAttachment,
       PropGallery = props.Gallery,
       PropGiphy = props.Giphy,
+      PropGiphyVersion = props.giphyVersion,
       PropUrlPreview = props.UrlPreview;
 
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
@@ -160,6 +163,7 @@ var Attachment = function Attachment(props) {
       ContextFileAttachment = _useMessagesContext.FileAttachment,
       ContextGallery = _useMessagesContext.Gallery,
       ContextGiphy = _useMessagesContext.Giphy,
+      ContextGiphyVersion = _useMessagesContext.giphyVersion,
       ContextUrlPreview = _useMessagesContext.UrlPreview;
 
   if (!attachment) {
@@ -172,6 +176,7 @@ var Attachment = function Attachment(props) {
   var Gallery = PropGallery || ContextGallery || _Gallery.Gallery;
   var Giphy = PropGiphy || ContextGiphy || _Giphy.Giphy;
   var UrlPreview = PropUrlPreview || ContextUrlPreview || _Card.Card;
+  var giphyVersion = PropGiphyVersion || ContextGiphyVersion;
   return _react["default"].createElement(MemoizedAttachment, {
     attachment: attachment,
     AttachmentActions: AttachmentActions,
@@ -179,11 +184,12 @@ var Attachment = function Attachment(props) {
     FileAttachment: FileAttachment,
     Gallery: Gallery,
     Giphy: Giphy,
+    giphyVersion: giphyVersion,
     UrlPreview: UrlPreview,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 179,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["Attachment.tsx"],"names":["AttachmentWithContext","props","attachment","AttachmentActions","Card","FileAttachment","Gallery","Giphy","UrlPreview","hasAttachmentActions","actions","length","type","title_link","og_scrape_url","image_url","thumb_url","id","asset_url","areEqual","prevProps","nextProps","prevAttachment","nextAttachment","attachmentEqual","MemoizedAttachment","React","memo","Attachment","PropAttachmentActions","PropCard","PropFileAttachment","PropGallery","PropGiphy","PropUrlPreview","ContextAttachmentActions","ContextCard","ContextFileAttachment","ContextGallery","ContextGiphy","ContextUrlPreview","AttachmentActionsDefault","CardDefault","FileAttachmentDefault","GalleryDefault","GiphyDefault"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { Attachment as AttachmentType } from 'stream-chat';\n\nimport { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';\nimport { Card as CardDefault } from '../../components/Attachment/Card';\nimport { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';\nimport { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';\nimport { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ActionHandler = (name: string, value: string) => void;\n\nexport type AttachmentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessagesContextValue<StreamChatGenerics>,\n  'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'UrlPreview'\n> & {\n  /**\n   * The attachment to render\n   */\n  attachment: AttachmentType<StreamChatGenerics>;\n};\n\nconst AttachmentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { attachment, AttachmentActions, Card, FileAttachment, Gallery, Giphy, UrlPreview } = props;\n\n  const hasAttachmentActions = !!attachment.actions?.length;\n\n  if (attachment.type === 'giphy' || attachment.type === 'imgur') {\n    return <Giphy attachment={attachment} />;\n  }\n\n  if (\n    (attachment.title_link || attachment.og_scrape_url) &&\n    (attachment.image_url || attachment.thumb_url)\n  ) {\n    return <UrlPreview {...attachment} />;\n  }\n\n  if (attachment.type === 'image') {\n    return (\n      <>\n        <Gallery images={[attachment]} />\n        {hasAttachmentActions && (\n          <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n        )}\n      </>\n    );\n  }\n\n  if (attachment.type === 'file' || attachment.type === 'audio') {\n    return <FileAttachment attachment={attachment} />;\n  }\n\n  if (attachment.type === 'video' && attachment.asset_url) {\n    return (\n      // TODO: Put in video component\n      <FileAttachment attachment={attachment} />\n    );\n  }\n\n  if (hasAttachmentActions) {\n    return (\n      <>\n        <Card {...attachment} />\n        <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n      </>\n    );\n  } else {\n    return <Card {...attachment} />;\n  }\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: AttachmentPropsWithContext<StreamChatGenerics>,\n  nextProps: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { attachment: prevAttachment } = prevProps;\n  const { attachment: nextAttachment } = nextProps;\n\n  const attachmentEqual =\n    prevAttachment.actions?.length === nextAttachment.actions?.length &&\n    prevAttachment.image_url === nextAttachment.image_url &&\n    prevAttachment.thumb_url === nextAttachment.thumb_url;\n\n  return attachmentEqual;\n};\n\nconst MemoizedAttachment = React.memo(\n  AttachmentWithContext,\n  areEqual,\n) as typeof AttachmentWithContext;\n\nexport type AttachmentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    'AttachmentActions' | 'Card' | 'FileAttachment' | 'Gallery' | 'Giphy' | 'UrlPreview'\n  >\n> &\n  Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;\n\n/**\n * Attachment - The message attachment\n */\nexport const Attachment = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentProps<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions: PropAttachmentActions,\n    Card: PropCard,\n    FileAttachment: PropFileAttachment,\n    Gallery: PropGallery,\n    Giphy: PropGiphy,\n    UrlPreview: PropUrlPreview,\n  } = props;\n\n  const {\n    AttachmentActions: ContextAttachmentActions,\n    Card: ContextCard,\n    FileAttachment: ContextFileAttachment,\n    Gallery: ContextGallery,\n    Giphy: ContextGiphy,\n    UrlPreview: ContextUrlPreview,\n  } = useMessagesContext<StreamChatGenerics>();\n\n  if (!attachment) {\n    return null;\n  }\n\n  const AttachmentActions =\n    PropAttachmentActions || ContextAttachmentActions || AttachmentActionsDefault;\n  const Card = PropCard || ContextCard || CardDefault;\n  const FileAttachment = PropFileAttachment || ContextFileAttachment || FileAttachmentDefault;\n  const Gallery = PropGallery || ContextGallery || GalleryDefault;\n  const Giphy = PropGiphy || ContextGiphy || GiphyDefault;\n  const UrlPreview = PropUrlPreview || ContextUrlPreview || CardDefault;\n\n  return (\n    <MemoizedAttachment\n      {...{\n        attachment,\n        AttachmentActions,\n        Card,\n        FileAttachment,\n        Gallery,\n        Giphy,\n        UrlPreview,\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["Attachment.tsx"],"names":["AttachmentWithContext","props","attachment","AttachmentActions","Card","FileAttachment","Gallery","Giphy","giphyVersion","UrlPreview","hasAttachmentActions","actions","length","type","title_link","og_scrape_url","image_url","thumb_url","id","asset_url","areEqual","prevProps","nextProps","prevAttachment","nextAttachment","attachmentEqual","MemoizedAttachment","React","memo","Attachment","PropAttachmentActions","PropCard","PropFileAttachment","PropGallery","PropGiphy","PropGiphyVersion","PropUrlPreview","ContextAttachmentActions","ContextCard","ContextFileAttachment","ContextGallery","ContextGiphy","ContextGiphyVersion","ContextUrlPreview","AttachmentActionsDefault","CardDefault","FileAttachmentDefault","GalleryDefault","GiphyDefault"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { Attachment as AttachmentType } from 'stream-chat';\n\nimport { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';\nimport { Card as CardDefault } from '../../components/Attachment/Card';\nimport { FileAttachment as FileAttachmentDefault } from '../../components/Attachment/FileAttachment';\nimport { Gallery as GalleryDefault } from '../../components/Attachment/Gallery';\nimport { Giphy as GiphyDefault } from '../../components/Attachment/Giphy';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../contexts/messagesContext/MessagesContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ActionHandler = (name: string, value: string) => void;\n\nexport type AttachmentPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  MessagesContextValue<StreamChatGenerics>,\n  | 'AttachmentActions'\n  | 'Card'\n  | 'FileAttachment'\n  | 'Gallery'\n  | 'giphyVersion'\n  | 'Giphy'\n  | 'UrlPreview'\n> & {\n  /**\n   * The attachment to render\n   */\n  attachment: AttachmentType<StreamChatGenerics>;\n};\n\nconst AttachmentWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions,\n    Card,\n    FileAttachment,\n    Gallery,\n    Giphy,\n    giphyVersion,\n    UrlPreview,\n  } = props;\n\n  const hasAttachmentActions = !!attachment.actions?.length;\n\n  if (attachment.type === 'giphy' || attachment.type === 'imgur') {\n    return <Giphy attachment={attachment} giphyVersion={giphyVersion} />;\n  }\n\n  if (\n    (attachment.title_link || attachment.og_scrape_url) &&\n    (attachment.image_url || attachment.thumb_url)\n  ) {\n    return <UrlPreview {...attachment} />;\n  }\n\n  if (attachment.type === 'image') {\n    return (\n      <>\n        <Gallery images={[attachment]} />\n        {hasAttachmentActions && (\n          <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n        )}\n      </>\n    );\n  }\n\n  if (attachment.type === 'file' || attachment.type === 'audio') {\n    return <FileAttachment attachment={attachment} />;\n  }\n\n  if (attachment.type === 'video' && attachment.asset_url) {\n    return (\n      // TODO: Put in video component\n      <FileAttachment attachment={attachment} />\n    );\n  }\n\n  if (hasAttachmentActions) {\n    return (\n      <>\n        <Card {...attachment} />\n        <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />\n      </>\n    );\n  } else {\n    return <Card {...attachment} />;\n  }\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: AttachmentPropsWithContext<StreamChatGenerics>,\n  nextProps: AttachmentPropsWithContext<StreamChatGenerics>,\n) => {\n  const { attachment: prevAttachment } = prevProps;\n  const { attachment: nextAttachment } = nextProps;\n\n  const attachmentEqual =\n    prevAttachment.actions?.length === nextAttachment.actions?.length &&\n    prevAttachment.image_url === nextAttachment.image_url &&\n    prevAttachment.thumb_url === nextAttachment.thumb_url;\n\n  return attachmentEqual;\n};\n\nconst MemoizedAttachment = React.memo(\n  AttachmentWithContext,\n  areEqual,\n) as typeof AttachmentWithContext;\n\nexport type AttachmentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Pick<\n    MessagesContextValue<StreamChatGenerics>,\n    | 'AttachmentActions'\n    | 'Card'\n    | 'FileAttachment'\n    | 'Gallery'\n    | 'Giphy'\n    | 'giphyVersion'\n    | 'UrlPreview'\n  >\n> &\n  Pick<AttachmentPropsWithContext<StreamChatGenerics>, 'attachment'>;\n\n/**\n * Attachment - The message attachment\n */\nexport const Attachment = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: AttachmentProps<StreamChatGenerics>,\n) => {\n  const {\n    attachment,\n    AttachmentActions: PropAttachmentActions,\n    Card: PropCard,\n    FileAttachment: PropFileAttachment,\n    Gallery: PropGallery,\n    Giphy: PropGiphy,\n    giphyVersion: PropGiphyVersion,\n    UrlPreview: PropUrlPreview,\n  } = props;\n\n  const {\n    AttachmentActions: ContextAttachmentActions,\n    Card: ContextCard,\n    FileAttachment: ContextFileAttachment,\n    Gallery: ContextGallery,\n    Giphy: ContextGiphy,\n    giphyVersion: ContextGiphyVersion,\n    UrlPreview: ContextUrlPreview,\n  } = useMessagesContext<StreamChatGenerics>();\n\n  if (!attachment) {\n    return null;\n  }\n\n  const AttachmentActions =\n    PropAttachmentActions || ContextAttachmentActions || AttachmentActionsDefault;\n  const Card = PropCard || ContextCard || CardDefault;\n  const FileAttachment = PropFileAttachment || ContextFileAttachment || FileAttachmentDefault;\n  const Gallery = PropGallery || ContextGallery || GalleryDefault;\n  const Giphy = PropGiphy || ContextGiphy || GiphyDefault;\n  const UrlPreview = PropUrlPreview || ContextUrlPreview || CardDefault;\n  const giphyVersion = PropGiphyVersion || ContextGiphyVersion;\n\n  return (\n    <MemoizedAttachment\n      {...{\n        attachment,\n        AttachmentActions,\n        Card,\n        FileAttachment,\n        Gallery,\n        Giphy,\n        giphyVersion,\n        UrlPreview,\n      }}\n    />\n  );\n};\n"]}