stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

package/lib/module/contexts/channelsContext/ChannelsContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelsContext.tsx"],"names":["ChannelsContext","React","createContext","ChannelsProvider","children","value","useChannelsContext","withChannelsContext","Component","WithChannelsContextComponent","props","channelsContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AAuNO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAS9BC,QAT8B,QAS9BA,QAT8B;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;AAAA,SAc9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd8B;AAAA,CAAzB;;;;AAmBA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAQ3B,uBAAWN,eAAX,CAR2B;AAAA,CAA3B;;;;AAeA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAUjCC,SAViC,EAW6C;AAC9E,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { FlatListProps } from 'react-native';\nimport type { FlatList } from 'react-native-gesture-handler';\nimport type { Channel } from 'stream-chat';\n\nimport type { HeaderErrorProps } from '../../components/ChannelList/ChannelListHeaderErrorIndicator';\nimport type { ChannelAvatarProps } from '../../components/ChannelPreview/ChannelAvatar';\nimport type { ChannelPreviewMessageProps } from '../../components/ChannelPreview/ChannelPreviewMessage';\nimport type { ChannelPreviewMessengerProps } from '../../components/ChannelPreview/ChannelPreviewMessenger';\nimport type { ChannelPreviewStatusProps } from '../../components/ChannelPreview/ChannelPreviewStatus';\nimport type { ChannelPreviewTitleProps } from '../../components/ChannelPreview/ChannelPreviewTitle';\nimport type { ChannelPreviewUnreadCountProps } from '../../components/ChannelPreview/ChannelPreviewUnreadCount';\nimport type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';\nimport type { LoadingErrorProps } from '../../components/Indicators/LoadingErrorIndicator';\nimport type { LoadingProps } from '../../components/Indicators/LoadingIndicator';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type ChannelsContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /**\n   * Besides the existing default behavior of the ChannelListMessenger component, you can attach\n   * additional props to the underlying React Native FlatList.\n   *\n   * You can find list of all the available FlatList props here - https://facebook.github.io/react-native/docs/flatlist#props\n   *\n   * **EXAMPLE:**\n   *\n   * ```\n   * <ChannelListMessenger\n   *  channels={channels}\n   *  additionalFlatListProps={{ bounces: true }}\n   * />\n   * ```\n   *\n   * **Note:** Don't use `additionalFlatListProps` to access the FlatList ref, use `setFlatListRef`\n   */\n  additionalFlatListProps: Partial<FlatListProps<Channel<At, Ch, Co, Ev, Me, Re, Us>>>;\n  /**\n   * Channels can be either an array of channels or a promise which resolves to an array of channels\n   */\n  channels: Channel<At, Ch, Co, Ev, Me, Re, Us>[];\n  /**\n   * Custom indicator to use when channel list is empty\n   *\n   * Default: [EmptyStateIndicator](https://getstream.github.io/stream-chat-react-native/v3/#emptystateindicator)\n   * */\n  EmptyStateIndicator: React.ComponentType<EmptyStateProps>;\n  /**\n   * Error in channels query, if any\n   */\n  error: boolean;\n  /**\n   * Custom loading indicator to display at bottom of the list, while loading further pages\n   *\n   * Default: [ChannelListFooterLoadingIndicator](https://getstream.github.io/stream-chat-react-native/v3/#ChannelListFooterLoadingIndicator)\n   */\n  FooterLoadingIndicator: React.ComponentType;\n  /**\n   * Incremental number change to force update the FlatList\n   */\n  forceUpdate: number;\n  /**\n   * Whether or not the FlatList has another page to render\n   */\n  hasNextPage: boolean;\n  /**\n   * Custom indicator to display error at top of list, if loading/pagination error occurs\n   *\n   * Default: [ChannelListHeaderErrorIndicator](https://getstream.github.io/stream-chat-react-native/v3/#ChannelListHeaderErrorIndicator)\n   */\n  HeaderErrorIndicator: React.ComponentType<HeaderErrorProps>;\n  /**\n   * Custom indicator to display network-down error at top of list, if there is connectivity issue\n   *\n   * Default: [ChannelListHeaderNetworkDownIndicator](https://getstream.github.io/stream-chat-react-native/v3/#ChannelListHeaderNetworkDownIndicator)\n   */\n  HeaderNetworkDownIndicator: React.ComponentType;\n  /**\n   * Initial channels query loading state, triggers the LoadingIndicator\n   */\n  loadingChannels: boolean;\n  /**\n   * Custom indicator to use when there is error in fetching channels\n   *\n   * Default: [LoadingErrorIndicator](https://getstream.github.io/stream-chat-react-native/v3/#loadingerrorindicator)\n   * */\n  LoadingErrorIndicator: React.ComponentType<LoadingErrorProps>;\n  /**\n   * Custom loading indicator to use on Channel List\n   *\n   * */\n  LoadingIndicator: React.ComponentType<Pick<LoadingProps, 'listType'>>;\n  /**\n   * Whether or not additional channels are being loaded, triggers the FooterLoadingIndicator\n   */\n  loadingNextPage: boolean;\n  /**\n   * The React Native FlatList threshold to fetch more data\n   * @see See loadMoreThreshold [doc](https://facebook.github.io/react-native/docs/flatlist#onendreachedthreshold)\n   * */\n  loadMoreThreshold: number;\n  /**\n   * Loads the next page of `channels`, which is present as a required prop\n   */\n  loadNextPage: ((queryType?: string, retryCount?: number) => Promise<void>) | undefined;\n  /**\n   * Max number to display within notification badge. Default: 255 and it cannot be higher than that for now due to backend limitations\n   */\n  maxUnreadCount: number;\n  /**\n   * Number of skeletons that should show when loading. Default: 6\n   */\n  numberOfSkeletons: number;\n  /**\n   * Custom UI component to display individual channel list items\n   *\n   * Default: [ChannelPreviewMessenger](https://getstream.github.io/stream-chat-react-native/v3/#channelpreviewmessenger)\n   */\n  Preview: React.ComponentType<ChannelPreviewMessengerProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Triggered when the channel list is refreshing, displays a loading spinner at the top of the list\n   */\n  refreshing: boolean;\n  /**\n   * Function to refresh the channel list that is similar to `reloadList`, but it doesn't wipe out existing channels\n   * from UI before loading the new ones\n   */\n  refreshList: () => void | Promise<void>;\n  /**\n   * Removes all the existing channels from UI and loads fresh channels\n   * */\n  reloadList: () => Promise<void>;\n  // /**\n  //  * Function to set the currently active channel, acts as a bridge between ChannelList and Channel components\n  //  *\n  //  * @param channel A channel object\n  //  */\n  // setActiveChannel?: (channel: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Function to gain access to the inner FlatList ref\n   *\n   * **Example:**\n   *\n   * ```\n   * <ChannelListMessenger\n   *  setFlatListRef={(ref) => {\n   *    // Use ref for your own good\n   *  }}\n   * ```\n   */\n  setFlatListRef: (ref: FlatList<Channel<At, Ch, Co, Ev, Me, Re, Us>> | null) => void;\n  /**\n   * Custom UI component to display loading channel skeletons\n   *\n   * Default: [Skeleton](https://getstream.github.io/stream-chat-react-native/v3/#skeleton)\n   */\n  Skeleton: React.ComponentType;\n  ListHeaderComponent?: React.ComponentType;\n  /**\n   * Function to set the currently active channel, acts as a bridge between ChannelList and Channel components\n   *\n   * @param channel A channel object\n   */\n  onSelect?: (channel: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelAvatar.tsx)\n   */\n  PreviewAvatar?: React.ComponentType<ChannelAvatarProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview of latest message on channel.\n   *\n   * **Default** [ChannelPreviewMessage](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewMessage.tsx)\n   */\n  PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelPreviewStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewStatus.tsx)\n   */\n  PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewTitle.tsx)\n   */\n  PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelPreviewUnreadCount](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx)\n   */\n  PreviewUnreadCount?: React.ComponentType<\n    ChannelPreviewUnreadCountProps<At, Ch, Co, Ev, Me, Re, Us>\n  >;\n};\n\nexport const ChannelsContext = React.createContext({} as ChannelsContextValue);\n\nexport const ChannelsProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <ChannelsContext.Provider value={value as unknown as ChannelsContextValue}>\n    {children}\n  </ChannelsContext.Provider>\n);\n\nexport const useChannelsContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(ChannelsContext) as unknown as ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChannelContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChannelsContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithChannelsContextComponent = (\n    props: Omit<P, keyof ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const channelsContext = useChannelsContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...channelsContext} />;\n  };\n  WithChannelsContextComponent.displayName = `WithChannelsContext${getDisplayName(Component)}`;\n  return WithChannelsContextComponent;\n};\n"]}
+{"version":3,"sources":["ChannelsContext.tsx"],"names":["ChannelsContext","React","createContext","ChannelsProvider","children","value","useChannelsContext","withChannelsContext","Component","WithChannelsContextComponent","props","channelsContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AA8BA;;;;;;;;;AAsMO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAxB;;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MAS9BC,QAT8B,QAS9BA,QAT8B;AAAA,MAU9BC,KAV8B,QAU9BA,KAV8B;AAAA,SAc9B,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd8B;AAAA,CAAzB;;;;AAmBA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAQ3B,uBAAWN,eAAX,CAR2B;AAAA,CAA3B;;;;AAeA,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAsB,CAUjCC,SAViC,EAW6C;AAC9E,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACnCC,KADmC,EAEhC;AACH,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { FlatListProps } from 'react-native';\nimport type { FlatList } from 'react-native-gesture-handler';\n\nimport type { ChannelPreviewMutedStatusProps } from 'src/components/ChannelPreview/ChannelPreviewMutedStatus';\n\nimport type { Channel } from 'stream-chat';\n\nimport type { HeaderErrorProps } from '../../components/ChannelList/ChannelListHeaderErrorIndicator';\nimport type { QueryChannels } from '../../components/ChannelList/hooks/usePaginatedChannels';\nimport type { ChannelAvatarProps } from '../../components/ChannelPreview/ChannelAvatar';\nimport type { ChannelPreviewMessageProps } from '../../components/ChannelPreview/ChannelPreviewMessage';\nimport type { ChannelPreviewMessengerProps } from '../../components/ChannelPreview/ChannelPreviewMessenger';\nimport type { ChannelPreviewStatusProps } from '../../components/ChannelPreview/ChannelPreviewStatus';\nimport type { ChannelPreviewTitleProps } from '../../components/ChannelPreview/ChannelPreviewTitle';\nimport type { ChannelPreviewUnreadCountProps } from '../../components/ChannelPreview/ChannelPreviewUnreadCount';\nimport type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';\nimport type { LoadingErrorProps } from '../../components/Indicators/LoadingErrorIndicator';\nimport type { LoadingProps } from '../../components/Indicators/LoadingIndicator';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ChannelsContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /**\n   * Besides the existing default behavior of the ChannelListMessenger component, you can attach\n   * additional props to the underlying React Native FlatList.\n   *\n   * You can find list of all the available FlatList props here - https://facebook.github.io/react-native/docs/flatlist#props\n   *\n   * **EXAMPLE:**\n   *\n   * ```\n   * <ChannelListMessenger\n   *  channels={channels}\n   *  additionalFlatListProps={{ bounces: true }}\n   * />\n   * ```\n   *\n   * **Note:** Don't use `additionalFlatListProps` to access the FlatList ref, use `setFlatListRef`\n   */\n  additionalFlatListProps: Partial<FlatListProps<Channel<At, Ch, Co, Ev, Me, Re, Us>>>;\n  /**\n   * Channels can be either an array of channels or a promise which resolves to an array of channels\n   */\n  channels: Channel<At, Ch, Co, Ev, Me, Re, Us>[];\n  /**\n   * Custom indicator to use when channel list is empty\n   *\n   * Default: [EmptyStateIndicator](https://getstream.github.io/stream-chat-react-native/v3/#emptystateindicator)\n   * */\n  EmptyStateIndicator: React.ComponentType<EmptyStateProps>;\n  /**\n   * Custom loading indicator to display at bottom of the list, while loading further pages\n   *\n   * Default: [ChannelListFooterLoadingIndicator](https://getstream.github.io/stream-chat-react-native/v3/#ChannelListFooterLoadingIndicator)\n   */\n  FooterLoadingIndicator: React.ComponentType;\n  /**\n   * Incremental number change to force update the FlatList\n   */\n  forceUpdate: number;\n  /**\n   * Whether or not the FlatList has another page to render\n   */\n  hasNextPage: boolean;\n  /**\n   * Custom indicator to display error at top of list, if loading/pagination error occurs\n   *\n   * Default: [ChannelListHeaderErrorIndicator](https://getstream.github.io/stream-chat-react-native/v3/#ChannelListHeaderErrorIndicator)\n   */\n  HeaderErrorIndicator: React.ComponentType<HeaderErrorProps>;\n  /**\n   * Custom indicator to display network-down error at top of list, if there is connectivity issue\n   *\n   * Default: [ChannelListHeaderNetworkDownIndicator](https://getstream.github.io/stream-chat-react-native/v3/#ChannelListHeaderNetworkDownIndicator)\n   */\n  HeaderNetworkDownIndicator: React.ComponentType;\n  /**\n   * Initial channels query loading state, triggers the LoadingIndicator\n   */\n  loadingChannels: boolean;\n  /**\n   * Custom indicator to use when there is error in fetching channels\n   *\n   * Default: [LoadingErrorIndicator](https://getstream.github.io/stream-chat-react-native/v3/#loadingerrorindicator)\n   * */\n  LoadingErrorIndicator: React.ComponentType<LoadingErrorProps>;\n  /**\n   * Custom loading indicator to use on Channel List\n   *\n   * */\n  LoadingIndicator: React.ComponentType<Pick<LoadingProps, 'listType'>>;\n  /**\n   * Whether or not additional channels are being loaded, triggers the FooterLoadingIndicator\n   */\n  loadingNextPage: boolean;\n  /**\n   * The React Native FlatList threshold to fetch more data\n   * @see See loadMoreThreshold [doc](https://facebook.github.io/react-native/docs/flatlist#onendreachedthreshold)\n   * */\n  loadMoreThreshold: number;\n  /**\n   * Loads the next page of `channels`, which is present as a required prop\n   */\n  loadNextPage: QueryChannels | undefined;\n  /**\n   * Max number to display within notification badge. Default: 255 and it cannot be higher than that for now due to backend limitations\n   */\n  maxUnreadCount: number;\n  /**\n   * Number of skeletons that should show when loading. Default: 6\n   */\n  numberOfSkeletons: number;\n  /**\n   * Custom UI component to display individual channel list items\n   *\n   * Default: [ChannelPreviewMessenger](https://getstream.github.io/stream-chat-react-native/v3/#channelpreviewmessenger)\n   */\n  Preview: React.ComponentType<ChannelPreviewMessengerProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Triggered when the channel list is refreshing, displays a loading spinner at the top of the list\n   */\n  refreshing: boolean;\n  /**\n   * Function to refresh the channel list that is similar to `reloadList`, but it doesn't wipe out existing channels\n   * from UI before loading the new ones\n   */\n  refreshList: () => void | Promise<void>;\n  /**\n   * Removes all the existing channels from UI and loads fresh channels\n   * */\n  reloadList: () => Promise<void>;\n  // /**\n  //  * Function to set the currently active channel, acts as a bridge between ChannelList and Channel components\n  //  *\n  //  * @param channel A channel object\n  //  */\n  // setActiveChannel?: (channel: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Function to gain access to the inner FlatList ref\n   *\n   * **Example:**\n   *\n   * ```\n   * <ChannelListMessenger\n   *  setFlatListRef={(ref) => {\n   *    // Use ref for your own good\n   *  }}\n   * ```\n   */\n  setFlatListRef: (ref: FlatList<Channel<At, Ch, Co, Ev, Me, Re, Us>> | null) => void;\n  /**\n   * Custom UI component to display loading channel skeletons\n   *\n   * Default: [Skeleton](https://getstream.github.io/stream-chat-react-native/v3/#skeleton)\n   */\n  Skeleton: React.ComponentType;\n  /**\n   * Error in channels query, if any\n   */\n  error?: Error;\n  ListHeaderComponent?: React.ComponentType;\n  /**\n   * Function to set the currently active channel, acts as a bridge between ChannelList and Channel components\n   *\n   * @param channel A channel object\n   */\n  onSelect?: (channel: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelAvatar.tsx)\n   */\n  PreviewAvatar?: React.ComponentType<ChannelAvatarProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview of latest message on channel.\n   *\n   * **Default** [ChannelPreviewMessage](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewMessage.tsx)\n   */\n  PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render muted status.\n   *\n   * **Default** [ChannelMutedStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx)\n   */\n  PreviewMutedStatus?: React.ComponentType<\n    ChannelPreviewMutedStatusProps<At, Ch, Co, Ev, Me, Re, Us>\n  >;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelPreviewStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewStatus.tsx)\n   */\n  PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewTitle.tsx)\n   */\n  PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * Custom UI component to render preview avatar.\n   *\n   * **Default** [ChannelPreviewUnreadCount](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx)\n   */\n  PreviewUnreadCount?: React.ComponentType<\n    ChannelPreviewUnreadCountProps<At, Ch, Co, Ev, Me, Re, Us>\n  >;\n};\n\nexport const ChannelsContext = React.createContext({} as ChannelsContextValue);\n\nexport const ChannelsProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <ChannelsContext.Provider value={value as unknown as ChannelsContextValue}>\n    {children}\n  </ChannelsContext.Provider>\n);\n\nexport const useChannelsContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(ChannelsContext) as unknown as ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChannelContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChannelsContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithChannelsContextComponent = (\n    props: Omit<P, keyof ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const channelsContext = useChannelsContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...channelsContext} />;\n  };\n  WithChannelsContextComponent.displayName = `WithChannelsContext${getDisplayName(Component)}`;\n  return WithChannelsContextComponent;\n};\n"]}

package/lib/module/contexts/channelsStateContext/ChannelsStateContext.js

@@ -0,0 +1,155 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withChannelsStateContext = exports.useChannelsStateContext = exports.ChannelsStateProvider = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ActiveChannelsRefContext = require("../activeChannelsRefContext/ActiveChannelsRefContext");
+
+var _getDisplayName = require("../utils/getDisplayName");
+
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/channelsStateContext/ChannelsStateContext.tsx";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function reducer(state, action) {
+  switch (action.type) {
+    case 'SET_STATE':
+      return (0, _extends6["default"])({}, state, (0, _defineProperty2["default"])({}, action.payload.cid, (0, _extends6["default"])({}, state[action.payload.cid] || {}, (0, _defineProperty2["default"])({}, action.payload.key, action.payload.value))));
+
+    case 'INCREASE_SUBSCRIBER_COUNT':
+      {
+        var _state$action$payload, _state$action$payload2;
+
+        var currentCount = (_state$action$payload = (_state$action$payload2 = state[action.payload.cid]) == null ? void 0 : _state$action$payload2.subscriberCount) != null ? _state$action$payload : 0;
+        return (0, _extends6["default"])({}, state, (0, _defineProperty2["default"])({}, action.payload.cid, (0, _extends6["default"])({}, state[action.payload.cid] || {}, {
+          subscriberCount: currentCount + 1
+        })));
+      }
+
+    case 'DECREASE_SUBSCRIBER_COUNT':
+      {
+        var _state$action$payload3, _state$action$payload4;
+
+        var _currentCount = (_state$action$payload3 = (_state$action$payload4 = state[action.payload.cid]) == null ? void 0 : _state$action$payload4.subscriberCount) != null ? _state$action$payload3 : 0;
+
+        if (_currentCount <= 1) {
+          var stateShallowCopy = (0, _extends6["default"])({}, state);
+          delete stateShallowCopy[action.payload.cid];
+          return stateShallowCopy;
+        }
+
+        return (0, _extends6["default"])({}, state, (0, _defineProperty2["default"])({}, action.payload.cid, (0, _extends6["default"])({}, state[action.payload.cid] || {}, {
+          subscriberCount: _currentCount - 1
+        })));
+      }
+
+    default:
+      throw new Error();
+  }
+}
+
+var ChannelsStateContext = _react["default"].createContext({
+  removeChannelState: function removeChannelState() {},
+  setState: function setState() {},
+  state: {}
+});
+
+var ChannelsStateProvider = function ChannelsStateProvider(_ref) {
+  var children = _ref.children;
+
+  var _useReducer = (0, _react.useReducer)(reducer, {}),
+      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var setState = (0, _react.useCallback)(function (payload) {
+    dispatch({
+      payload: payload,
+      type: 'SET_STATE'
+    });
+  }, []);
+  var increaseSubscriberCount = (0, _react.useCallback)(function (payload) {
+    dispatch({
+      payload: payload,
+      type: 'INCREASE_SUBSCRIBER_COUNT'
+    });
+  }, []);
+  var decreaseSubscriberCount = (0, _react.useCallback)(function (payload) {
+    dispatch({
+      payload: payload,
+      type: 'DECREASE_SUBSCRIBER_COUNT'
+    });
+  }, []);
+  var value = (0, _react.useMemo)(function () {
+    return {
+      decreaseSubscriberCount: decreaseSubscriberCount,
+      increaseSubscriberCount: increaseSubscriberCount,
+      setState: setState,
+      state: state
+    };
+  }, [state]);
+  var activeChannelsRef = (0, _react.useRef)(Object.keys(state));
+  (0, _react.useEffect)(function () {
+    activeChannelsRef.current = Object.keys(state);
+  }, [state]);
+  return _react["default"].createElement(ChannelsStateContext.Provider, {
+    value: value,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 238,
+      columnNumber: 5
+    }
+  }, _react["default"].createElement(_ActiveChannelsRefContext.ActiveChannelsProvider, {
+    value: activeChannelsRef,
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 239,
+      columnNumber: 7
+    }
+  }, children));
+};
+
+exports.ChannelsStateProvider = ChannelsStateProvider;
+
+var useChannelsStateContext = function useChannelsStateContext() {
+  return (0, _react.useContext)(ChannelsStateContext);
+};
+
+exports.useChannelsStateContext = useChannelsStateContext;
+
+var withChannelsStateContext = function withChannelsStateContext(Component) {
+  var WithChannelsStateContextComponent = function WithChannelsStateContextComponent(props) {
+    var channelsStateContext = useChannelsStateContext();
+    return _react["default"].createElement(Component, (0, _extends6["default"])({}, props, channelsStateContext, {
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 280,
+        columnNumber: 12
+      }
+    }));
+  };
+
+  WithChannelsStateContextComponent.displayName = "WithChannelsStateContext" + (0, _getDisplayName.getDisplayName)(Component);
+  return WithChannelsStateContextComponent;
+};
+
+exports.withChannelsStateContext = withChannelsStateContext;
+//# sourceMappingURL=ChannelsStateContext.js.map

package/lib/module/contexts/channelsStateContext/ChannelsStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChannelsStateContext.tsx"],"names":["reducer","state","action","type","payload","cid","key","value","currentCount","subscriberCount","stateShallowCopy","Error","ChannelsStateContext","React","createContext","removeChannelState","setState","ChannelsStateProvider","children","dispatch","increaseSubscriberCount","decreaseSubscriberCount","activeChannelsRef","Object","keys","current","useChannelsStateContext","withChannelsStateContext","Component","WithChannelsStateContextComponent","props","channelsStateContext","displayName"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAoBA;;AAMA;;;;;;;;;AA4GA,SAASA,OAAT,CAAiBC,KAAjB,EAAuCC,MAAvC,EAAuD;AACrD,UAAQA,MAAM,CAACC,IAAf;AACE,SAAK,WAAL;AACE,2CACKF,KADL,uCAEGC,MAAM,CAACE,OAAP,CAAeC,GAFlB,gCAGQJ,KAAK,CAACC,MAAM,CAACE,OAAP,CAAeC,GAAhB,CAAL,IAA6B,EAHrC,uCAIKH,MAAM,CAACE,OAAP,CAAeE,GAJpB,EAI0BJ,MAAM,CAACE,OAAP,CAAeG,KAJzC;;AAQF,SAAK,2BAAL;AAAkC;AAAA;;AAChC,YAAMC,YAAY,sDAAGP,KAAK,CAACC,MAAM,CAACE,OAAP,CAAeC,GAAhB,CAAR,qBAAG,uBAA2BI,eAA9B,oCAAiD,CAAnE;AACA,6CACKR,KADL,uCAEGC,MAAM,CAACE,OAAP,CAAeC,GAFlB,gCAGQJ,KAAK,CAACC,MAAM,CAACE,OAAP,CAAeC,GAAhB,CAAL,IAA6B,EAHrC;AAIII,UAAAA,eAAe,EAAED,YAAY,GAAG;AAJpC;AAOD;;AAED,SAAK,2BAAL;AAAkC;AAAA;;AAChC,YAAMA,aAAY,uDAAGP,KAAK,CAACC,MAAM,CAACE,OAAP,CAAeC,GAAhB,CAAR,qBAAG,uBAA2BI,eAA9B,qCAAiD,CAAnE;;AAGA,YAAID,aAAY,IAAI,CAApB,EAAuB;AACrB,cAAME,gBAAgB,iCACjBT,KADiB,CAAtB;AAIA,iBAAOS,gBAAgB,CAACR,MAAM,CAACE,OAAP,CAAeC,GAAhB,CAAvB;AAEA,iBAAOK,gBAAP;AACD;;AAED,6CACKT,KADL,uCAEGC,MAAM,CAACE,OAAP,CAAeC,GAFlB,gCAGQJ,KAAK,CAACC,MAAM,CAACE,OAAP,CAAeC,GAAhB,CAAL,IAA6B,EAHrC;AAIII,UAAAA,eAAe,EAAED,aAAY,GAAG;AAJpC;AAOD;;AACD;AACE,YAAM,IAAIG,KAAJ,EAAN;AA5CJ;AA8CD;;AAED,IAAMC,oBAAoB,GAAGC,kBAAMC,aAAN,CAAoB;AAC/CC,EAAAA,kBAAkB,EAAE,8BAAM,CAEzB,CAH8C;AAI/CC,EAAAA,QAAQ,EAAE,oBAAM,CAEf,CAN8C;AAO/Cf,EAAAA,KAAK,EAAE;AAPwC,CAApB,CAA7B;;AAUO,IAAMgB,qBAAqB,GAAG,SAAxBA,qBAAwB,OAY/B;AAAA,MAHJC,QAGI,QAHJA,QAGI;;AACJ,oBAA0B,uBAAWlB,OAAX,EAA2D,EAA3D,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAckB,QAAd;;AAEA,MAAMH,QAAQ,GAAG,wBAAY,UAACZ,OAAD,EAAwD;AACnFe,IAAAA,QAAQ,CAAC;AAAEf,MAAAA,OAAO,EAAPA,OAAF;AAAWD,MAAAA,IAAI,EAAE;AAAjB,KAAD,CAAR;AACD,GAFgB,EAEd,EAFc,CAAjB;AAIA,MAAMiB,uBAAuB,GAAG,wBAAY,UAAChB,OAAD,EAA8B;AACxEe,IAAAA,QAAQ,CAAC;AAAEf,MAAAA,OAAO,EAAPA,OAAF;AAAWD,MAAAA,IAAI,EAAE;AAAjB,KAAD,CAAR;AACD,GAF+B,EAE7B,EAF6B,CAAhC;AAIA,MAAMkB,uBAAuB,GAAG,wBAAY,UAACjB,OAAD,EAA8B;AACxEe,IAAAA,QAAQ,CAAC;AAAEf,MAAAA,OAAO,EAAPA,OAAF;AAAWD,MAAAA,IAAI,EAAE;AAAjB,KAAD,CAAR;AACD,GAF+B,EAE7B,EAF6B,CAAhC;AAIA,MAAMI,KAAK,GAAG,oBACZ;AAAA,WAAO;AACLc,MAAAA,uBAAuB,EAAvBA,uBADK;AAELD,MAAAA,uBAAuB,EAAvBA,uBAFK;AAGLJ,MAAAA,QAAQ,EAARA,QAHK;AAILf,MAAAA,KAAK,EAALA;AAJK,KAAP;AAAA,GADY,EAOZ,CAACA,KAAD,CAPY,CAAd;AAUA,MAAMqB,iBAAiB,GAAG,mBAAOC,MAAM,CAACC,IAAP,CAAYvB,KAAZ,CAAP,CAA1B;AAEA,wBAAU,YAAM;AACdqB,IAAAA,iBAAiB,CAACG,OAAlB,GAA4BF,MAAM,CAACC,IAAP,CAAYvB,KAAZ,CAA5B;AACD,GAFD,EAEG,CAACA,KAAD,CAFH;AAIA,SACE,gCAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAEM,KAAtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gDAAD;AAAwB,IAAA,KAAK,EAAEe,iBAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAmDJ,QAAnD,CADF,CADF;AAKD,CAhDM;;;;AAkDA,IAAMQ,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,SASrC,uBAAWd,oBAAX,CATqC;AAAA,CAAhC;;;;AAmBA,IAAMe,wBAAwB,GAAG,SAA3BA,wBAA2B,CAUtCC,SAVsC,EAW6C;AACnF,MAAMC,iCAAiC,GAAG,SAApCA,iCAAoC,CACxCC,KADwC,EAErC;AACH,QAAMC,oBAAoB,GAAGL,uBAAuB,EAApD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,oBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,iCAAiC,CAACG,WAAlC,gCAA2E,oCACzEJ,SADyE,CAA3E;AAGA,SAAOC,iCAAP;AACD,CAvBM","sourcesContent":["import React, {\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { ActiveChannelsProvider } from '../activeChannelsRefContext/ActiveChannelsRefContext';\n\nimport type { ChannelContextValue } from '../channelContext/ChannelContext';\nimport type { PaginatedMessageListContextValue } from '../paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../threadContext/ThreadContext';\nimport type { TypingContextValue } from '../typingContext/TypingContext';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ChannelState<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  members: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['members'];\n  messages: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages'];\n  read: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'];\n  subscriberCount: number;\n  threadMessages: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];\n  typing: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>['typing'];\n  watcherCount: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['watcherCount'];\n  watchers: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['watchers'];\n};\n\ntype ChannelsState<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = { [cid: string]: ChannelState<At, Ch, Co, Ev, Me, Re, Us> };\n\nexport type Keys = keyof ChannelState;\n\nexport type Payload<\n  Key extends Keys = Keys,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  cid: string;\n  key: Key;\n  value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key];\n};\n\ntype SetStateAction<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = { payload: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>; type: 'SET_STATE' };\n\ntype IncreaseSubscriberCountAction = {\n  payload: { cid: string };\n  type: 'INCREASE_SUBSCRIBER_COUNT';\n};\ntype DecreaseSubscriberCountAction = {\n  payload: { cid: string };\n  type: 'DECREASE_SUBSCRIBER_COUNT';\n};\n\ntype Action<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> =\n  | SetStateAction<At, Ch, Co, Ev, Me, Re, Us>\n  | IncreaseSubscriberCountAction\n  | DecreaseSubscriberCountAction;\n\nexport type ChannelsStateContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  decreaseSubscriberCount: (value: { cid: string }) => void;\n  increaseSubscriberCount: (value: { cid: string }) => void;\n  setState: (value: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>) => void;\n  state: ChannelsState<At, Ch, Co, Ev, Me, Re, Us>;\n};\n\ntype Reducer<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = (\n  state: ChannelsState<At, Ch, Co, Ev, Me, Re, Us>,\n  action: Action<At, Ch, Co, Ev, Me, Re, Us>,\n) => ChannelsState<At, Ch, Co, Ev, Me, Re, Us>;\n\nfunction reducer(state: ChannelsState, action: Action) {\n  switch (action.type) {\n    case 'SET_STATE':\n      return {\n        ...state,\n        [action.payload.cid]: {\n          ...(state[action.payload.cid] || {}),\n          [action.payload.key]: action.payload.value,\n        },\n      };\n\n    case 'INCREASE_SUBSCRIBER_COUNT': {\n      const currentCount = state[action.payload.cid]?.subscriberCount ?? 0;\n      return {\n        ...state,\n        [action.payload.cid]: {\n          ...(state[action.payload.cid] || {}),\n          subscriberCount: currentCount + 1,\n        },\n      };\n    }\n\n    case 'DECREASE_SUBSCRIBER_COUNT': {\n      const currentCount = state[action.payload.cid]?.subscriberCount ?? 0;\n\n      // If there last subscribed Channel component unsubscribes, we clear the channel state.\n      if (currentCount <= 1) {\n        const stateShallowCopy = {\n          ...state,\n        };\n\n        delete stateShallowCopy[action.payload.cid];\n\n        return stateShallowCopy;\n      }\n\n      return {\n        ...state,\n        [action.payload.cid]: {\n          ...(state[action.payload.cid] || {}),\n          subscriberCount: currentCount - 1,\n        },\n      };\n    }\n    default:\n      throw new Error();\n  }\n}\n\nconst ChannelsStateContext = React.createContext({\n  removeChannelState: () => {\n    // do nothing.\n  },\n  setState: () => {\n    // do nothing.\n  },\n  state: {},\n} as unknown as ChannelsStateContextValue);\n\nexport const ChannelsStateProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const [state, dispatch] = useReducer(reducer as Reducer<At, Ch, Co, Ev, Me, Re, Us>, {});\n\n  const setState = useCallback((payload: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>) => {\n    dispatch({ payload, type: 'SET_STATE' });\n  }, []);\n\n  const increaseSubscriberCount = useCallback((payload: { cid: string }) => {\n    dispatch({ payload, type: 'INCREASE_SUBSCRIBER_COUNT' });\n  }, []);\n\n  const decreaseSubscriberCount = useCallback((payload: { cid: string }) => {\n    dispatch({ payload, type: 'DECREASE_SUBSCRIBER_COUNT' });\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      decreaseSubscriberCount,\n      increaseSubscriberCount,\n      setState,\n      state,\n    }),\n    [state],\n  );\n\n  const activeChannelsRef = useRef(Object.keys(state));\n\n  useEffect(() => {\n    activeChannelsRef.current = Object.keys(state);\n  }, [state]);\n\n  return (\n    <ChannelsStateContext.Provider value={value as unknown as ChannelsStateContextValue}>\n      <ActiveChannelsProvider value={activeChannelsRef}>{children}</ActiveChannelsProvider>\n    </ChannelsStateContext.Provider>\n  );\n};\n\nexport const useChannelsStateContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() =>\n  useContext(ChannelsStateContext) as unknown as ChannelsStateContextValue<\n    At,\n    Ch,\n    Co,\n    Ev,\n    Me,\n    Re,\n    Us\n  >;\n\nexport const withChannelsStateContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithChannelsStateContextComponent = (\n    props: Omit<P, keyof ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const channelsStateContext = useChannelsStateContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...channelsStateContext} />;\n  };\n  WithChannelsStateContextComponent.displayName = `WithChannelsStateContext${getDisplayName(\n    Component,\n  )}`;\n  return WithChannelsStateContextComponent;\n};\n"]}

package/lib/module/contexts/channelsStateContext/useChannelState.js

@@ -0,0 +1,144 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChannelState = useChannelState;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _ChannelsStateContext = require("./ChannelsStateContext");
+
+function useStateManager(_ref, initialValue) {
+  var _state$cid;
+
+  var cid = _ref.cid,
+      key = _ref.key,
+      setState = _ref.setState,
+      state = _ref.state;
+  var memoizedInitialValue = (0, _react.useMemo)(function () {
+    return initialValue;
+  }, []);
+  var value = ((_state$cid = state[cid]) == null ? void 0 : _state$cid[key]) || memoizedInitialValue;
+  var setValue = (0, _react.useCallback)(function (value) {
+    return setState({
+      cid: cid,
+      key: key,
+      value: value
+    });
+  }, [cid, key]);
+  return [value, setValue];
+}
+
+function useChannelState(channel, threadId) {
+  var _channel$state, _channel$state2, _channel$state2$threa;
+
+  var cid = (channel == null ? void 0 : channel.id) || 'id';
+
+  var _useChannelsStateCont = (0, _ChannelsStateContext.useChannelsStateContext)(),
+      decreaseSubscriberCount = _useChannelsStateCont.decreaseSubscriberCount,
+      increaseSubscriberCount = _useChannelsStateCont.increaseSubscriberCount,
+      setState = _useChannelsStateCont.setState,
+      state = _useChannelsStateCont.state;
+
+  (0, _react.useEffect)(function () {
+    increaseSubscriberCount({
+      cid: cid
+    });
+    return function () {
+      decreaseSubscriberCount({
+        cid: cid
+      });
+    };
+  }, []);
+
+  var _useStateManager = useStateManager({
+    cid: cid,
+    key: 'members',
+    setState: setState,
+    state: state
+  }, {}),
+      _useStateManager2 = (0, _slicedToArray2["default"])(_useStateManager, 2),
+      members = _useStateManager2[0],
+      setMembers = _useStateManager2[1];
+
+  var _useStateManager3 = useStateManager({
+    cid: cid,
+    key: 'messages',
+    setState: setState,
+    state: state
+  }, (channel == null ? void 0 : (_channel$state = channel.state) == null ? void 0 : _channel$state.messages) || []),
+      _useStateManager4 = (0, _slicedToArray2["default"])(_useStateManager3, 2),
+      messages = _useStateManager4[0],
+      setMessages = _useStateManager4[1];
+
+  var _useStateManager5 = useStateManager({
+    cid: cid,
+    key: 'read',
+    setState: setState,
+    state: state
+  }, {}),
+      _useStateManager6 = (0, _slicedToArray2["default"])(_useStateManager5, 2),
+      read = _useStateManager6[0],
+      setRead = _useStateManager6[1];
+
+  var _useStateManager7 = useStateManager({
+    cid: cid,
+    key: 'typing',
+    setState: setState,
+    state: state
+  }, {}),
+      _useStateManager8 = (0, _slicedToArray2["default"])(_useStateManager7, 2),
+      typing = _useStateManager8[0],
+      setTyping = _useStateManager8[1];
+
+  var _useStateManager9 = useStateManager({
+    cid: cid,
+    key: 'watcherCount',
+    setState: setState,
+    state: state
+  }),
+      _useStateManager10 = (0, _slicedToArray2["default"])(_useStateManager9, 2),
+      watcherCount = _useStateManager10[0],
+      setWatcherCount = _useStateManager10[1];
+
+  var _useStateManager11 = useStateManager({
+    cid: cid,
+    key: 'watchers',
+    setState: setState,
+    state: state
+  }, {}),
+      _useStateManager12 = (0, _slicedToArray2["default"])(_useStateManager11, 2),
+      watchers = _useStateManager12[0],
+      setWatchers = _useStateManager12[1];
+
+  var _useStateManager13 = useStateManager({
+    cid: cid,
+    key: 'threadMessages',
+    setState: setState,
+    state: state
+  }, threadId && (channel == null ? void 0 : (_channel$state2 = channel.state) == null ? void 0 : (_channel$state2$threa = _channel$state2.threads) == null ? void 0 : _channel$state2$threa[threadId]) || []),
+      _useStateManager14 = (0, _slicedToArray2["default"])(_useStateManager13, 2),
+      threadMessages = _useStateManager14[0],
+      setThreadMessages = _useStateManager14[1];
+
+  return {
+    members: members,
+    messages: messages,
+    read: read,
+    setMembers: setMembers,
+    setMessages: setMessages,
+    setRead: setRead,
+    setThreadMessages: setThreadMessages,
+    setTyping: setTyping,
+    setWatcherCount: setWatcherCount,
+    setWatchers: setWatchers,
+    threadMessages: threadMessages,
+    typing: typing,
+    watcherCount: watcherCount,
+    watchers: watchers
+  };
+}
+//# sourceMappingURL=useChannelState.js.map

package/lib/module/contexts/channelsStateContext/useChannelState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChannelState.ts"],"names":["useStateManager","initialValue","cid","key","setState","state","memoizedInitialValue","value","setValue","useChannelState","channel","threadId","id","decreaseSubscriberCount","increaseSubscriberCount","members","setMembers","messages","setMessages","read","setRead","typing","setTyping","watcherCount","setWatcherCount","watchers","setWatchers","threads","threadMessages","setThreadMessages"],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\n\nimport type { Channel as ChannelType } from 'stream-chat';\n\nimport { useChannelsStateContext } from './ChannelsStateContext';\n\nimport type { ChannelsStateContextValue, ChannelState, Keys } from './ChannelsStateContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\ntype StateManagerParams<\n  Key extends Keys,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Omit<\n  ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'increaseSubscriberCount' | 'decreaseSubscriberCount'\n> & {\n  cid: string;\n  key: Key;\n};\n\n/* \n  This hook takes care of creating a useState-like interface which can be used later to call\n  updates to the ChannelsStateContext reducer. It receives the cid and key which it wants to update\n  and perform the state updates. Also supports a initialState.\n*/\nfunction useStateManager<\n  Key extends Keys,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  {\n    cid,\n    key,\n    setState,\n    state,\n  }: Omit<\n    StateManagerParams<Key, At, Ch, Co, Ev, Me, Re, Us>,\n    'increaseSubscriberCount' | 'decreaseSubscriberCount'\n  >,\n  initialValue?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key],\n) {\n  const memoizedInitialValue = useMemo(() => initialValue, []);\n  const value =\n    state[cid]?.[key] || (memoizedInitialValue as ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key]);\n\n  const setValue = useCallback(\n    (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key]) => setState({ cid, key, value }),\n    [cid, key],\n  );\n\n  return [value, setValue] as const;\n}\n\nexport type UseChannelStateValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  members: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members'];\n  messages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages'];\n  read: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read'];\n  setMembers: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members']) => void;\n  setMessages: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages']) => void;\n  setRead: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read']) => void;\n  setThreadMessages: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threadMessages']) => void;\n  setTyping: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing']) => void;\n  setWatcherCount: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcherCount']) => void;\n  setWatchers: (value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers']) => void;\n  threadMessages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];\n  typing: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing'];\n  watcherCount: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcherCount'];\n  watchers: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers'];\n};\n\nexport function useChannelState<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  channel: ChannelType<At, Ch, Co, Ev, Me, Re, Us> | undefined,\n  threadId?: string,\n): UseChannelStateValue<At, Ch, Co, Ev, Me, Re, Us> {\n  const cid = channel?.id || 'id'; // in case channel is not initialized, use generic id string for indexing\n  const { decreaseSubscriberCount, increaseSubscriberCount, setState, state } =\n    useChannelsStateContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  // Keeps track of how many Channel components are subscribed to this Channel state (Channel vs Thread concurrency)\n  useEffect(() => {\n    increaseSubscriberCount({ cid });\n    return () => {\n      decreaseSubscriberCount({ cid });\n    };\n  }, []);\n\n  const [members, setMembers] = useStateManager(\n    {\n      cid,\n      key: 'members',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [messages, setMessages] = useStateManager(\n    {\n      cid,\n      key: 'messages',\n      setState,\n      state,\n    },\n    channel?.state?.messages || [],\n  );\n\n  const [read, setRead] = useStateManager(\n    {\n      cid,\n      key: 'read',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [typing, setTyping] = useStateManager(\n    {\n      cid,\n      key: 'typing',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [watcherCount, setWatcherCount] = useStateManager({\n    cid,\n    key: 'watcherCount',\n    setState,\n    state,\n  });\n\n  const [watchers, setWatchers] = useStateManager(\n    {\n      cid,\n      key: 'watchers',\n      setState,\n      state,\n    },\n    {},\n  );\n\n  const [threadMessages, setThreadMessages] = useStateManager(\n    {\n      cid,\n      key: 'threadMessages',\n      setState,\n      state,\n    },\n    (threadId && channel?.state?.threads?.[threadId]) || [],\n  );\n\n  return {\n    members,\n    messages,\n    read,\n    setMembers,\n    setMessages,\n    setRead,\n    setThreadMessages,\n    setTyping,\n    setWatcherCount,\n    setWatchers,\n    threadMessages,\n    typing,\n    watcherCount,\n    watchers,\n  };\n}\n"]}

package/lib/module/contexts/chatContext/ChatContext.js

@@ -32,7 +32,7 @@ var ChatProvider = function ChatProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 88,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withChatContext = function withChatContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 126,
+        lineNumber: 125,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/chatContext/ChatContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChatContext.tsx"],"names":["ChatContext","React","createContext","ChatProvider","children","value","useChatContext","withChatContext","Component","WithChatContextComponent","props","chatContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AAsEO,IAAMA,WAAW,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAApB;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAS1BC,QAT0B,QAS1BA,QAT0B;AAAA,MAU1BC,KAV0B,QAU1BA,KAV0B;AAAA,SAc1B,gCAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd0B;AAAA,CAArB;;;;AAmBA,IAAME,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAQvB,uBAAWN,WAAX,CARuB;AAAA,CAAvB;;;;AAeA,IAAMO,eAAe,GAAG,SAAlBA,eAAkB,CAU7BC,SAV6B,EAW6C;AAC1E,MAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAC/BC,KAD+B,EAE5B;AACH,QAAMC,WAAW,GAAGL,cAAc,EAAlC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,WAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,wBAAwB,CAACG,WAAzB,uBAAyD,oCAAeJ,SAAf,CAAzD;AACA,SAAOC,wBAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { Channel, Mute, StreamChat } from 'stream-chat';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type ChatContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /**\n   * The StreamChat client object\n   *\n   * ```\n   * import { StreamChat } from 'stream-chat';\n   * import { Chat } from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key);\n   * await client.connectUser('user_id', 'userToken');\n   *\n   * <Chat client={client}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType StreamChat\n   * */\n  client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>;\n  connectionRecovering: boolean;\n  isOnline: boolean;\n  mutedUsers: Mute<Us>[];\n  /**\n   * @param newChannel Channel to set as active.\n   *\n   * @overrideType Function\n   */\n  setActiveChannel: (newChannel?: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Instance of channel object from stream-chat package.\n   *\n   * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n   *\n   * ```\n   * import { StreamChat, Channel } from 'stream-chat';\n   * import { Chat, Channel} from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key');\n   * await client.connectUser('user_id', 'user_token');\n   * const channel = client.channel('messaging', 'channel_id');\n   * await channel.watch();\n   * ```\n   *\n   * @overrideType Channel\n   */\n  channel?: Channel<At, Ch, Co, Ev, Me, Re, Us>;\n};\n\nexport const ChatContext = React.createContext({} as ChatContextValue);\n\nexport const ChatProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <ChatContext.Provider value={value as unknown as ChatContextValue}>\n    {children}\n  </ChatContext.Provider>\n);\n\nexport const useChatContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(ChatContext) as unknown as ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChatContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChatContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithChatContextComponent = (\n    props: Omit<P, keyof ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const chatContext = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...chatContext} />;\n  };\n  WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;\n  return WithChatContextComponent;\n};\n"]}
+{"version":3,"sources":["ChatContext.tsx"],"names":["ChatContext","React","createContext","ChatProvider","children","value","useChatContext","withChatContext","Component","WithChatContextComponent","props","chatContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAcA;;;;;;;;;AAyDO,IAAMA,WAAW,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAApB;;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe;AAAA,MAS1BC,QAT0B,QAS1BA,QAT0B;AAAA,MAU1BC,KAV0B,QAU1BA,KAV0B;AAAA,SAc1B,gCAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA,KAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd0B;AAAA,CAArB;;;;AAmBA,IAAME,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAQvB,uBAAWN,WAAX,CARuB;AAAA,CAAvB;;;;AAeA,IAAMO,eAAe,GAAG,SAAlBA,eAAkB,CAU7BC,SAV6B,EAW6C;AAC1E,MAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAC/BC,KAD+B,EAE5B;AACH,QAAMC,WAAW,GAAGL,cAAc,EAAlC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,WAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,wBAAwB,CAACG,WAAzB,uBAAyD,oCAAeJ,SAAf,CAAzD;AACA,SAAOC,wBAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Channel, Mute, StreamChat } from 'stream-chat';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ChatContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /**\n   * The StreamChat client object\n   *\n   * ```\n   * import { StreamChat } from 'stream-chat';\n   * import { Chat } from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key);\n   * await client.connectUser('user_id', 'userToken');\n   *\n   * <Chat client={client}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType StreamChat\n   * */\n  client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>;\n  connectionRecovering: boolean;\n  isOnline: boolean;\n  mutedUsers: Mute<Us>[];\n  /**\n   * @param newChannel Channel to set as active.\n   *\n   * @overrideType Function\n   */\n  setActiveChannel: (newChannel?: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;\n  /**\n   * Instance of channel object from stream-chat package.\n   *\n   * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript\n   *\n   * ```\n   * import { StreamChat, Channel } from 'stream-chat';\n   * import { Chat, Channel} from 'stream-chat-react-native';\n   *\n   * const client = StreamChat.getInstance('api_key');\n   * await client.connectUser('user_id', 'user_token');\n   * const channel = client.channel('messaging', 'channel_id');\n   * await channel.watch();\n   * ```\n   *\n   * @overrideType Channel\n   */\n  channel?: Channel<At, Ch, Co, Ev, Me, Re, Us>;\n};\n\nexport const ChatContext = React.createContext({} as ChatContextValue);\n\nexport const ChatProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <ChatContext.Provider value={value as unknown as ChatContextValue}>\n    {children}\n  </ChatContext.Provider>\n);\n\nexport const useChatContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(ChatContext) as unknown as ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if ChatContext\n * typing is desired while using the HOC withChatContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withChatContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithChatContextComponent = (\n    props: Omit<P, keyof ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const chatContext = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...chatContext} />;\n  };\n  WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;\n  return WithChatContextComponent;\n};\n"]}

package/lib/module/contexts/imageGalleryContext/ImageGalleryContext.js

@@ -50,7 +50,7 @@ var ImageGalleryProvider = function ImageGalleryProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 57,
       columnNumber: 5
     }
   }, children);
@@ -71,7 +71,7 @@ var withImageGalleryContext = function withImageGalleryContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 101,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/imageGalleryContext/ImageGalleryContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageGalleryContext.tsx"],"names":["ImageGalleryContext","React","createContext","ImageGalleryProvider","children","images","setImages","image","setImage","imageGalleryContext","useImageGalleryContext","withImageGalleryContext","Component","WithImageGalleryContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AA6BO,IAAMA,mBAAmB,GAAGC,kBAAMC,aAAN,CACjC,EADiC,CAA5B;;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAUE;AAAA,MADpCC,QACoC,QADpCA,QACoC;;AACpC,kBAA4B,qBAAoD,EAApD,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0B,sBAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,mBAAmB,GAAG;AAC1BF,IAAAA,KAAK,EAALA,KAD0B;AAE1BF,IAAAA,MAAM,EAANA,MAF0B;AAG1BG,IAAAA,QAAQ,EAARA,QAH0B;AAI1BF,IAAAA,SAAS,EAATA;AAJ0B,GAA5B;AAOA,SACE,gCAAC,mBAAD,CAAqB,QAArB;AACE,IAAA,KAAK,EAAEG,mBADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGL,QAHH,CADF;AAOD,CA5BM;;;;AA8BA,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAyB;AAAA,SASpC,uBAAWV,mBAAX,CAToC;AAAA,CAA/B;;;;AAmBA,IAAMW,uBAAuB,GAAG,SAA1BA,uBAA0B,CAUrCC,SAVqC,EAW6C;AAClF,MAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CACvCC,KADuC,EAEpC;AACH,QAAML,mBAAmB,GAAGC,sBAAsB,EAAlD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCL,mBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAI,EAAAA,gCAAgC,CAACE,WAAjC,+BAAyE,oCACvEH,SADuE,CAAzE;AAGA,SAAOC,gCAAP;AACD,CAvBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type ImageGalleryContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  images: MessageType<At, Ch, Co, Ev, Me, Re, Us>[];\n  setImage: React.Dispatch<React.SetStateAction<{ messageId?: string; url?: string } | undefined>>;\n  setImages: React.Dispatch<React.SetStateAction<MessageType<At, Ch, Co, Ev, Me, Re, Us>[]>>;\n  image?: { messageId?: string; url?: string };\n};\n\nexport const ImageGalleryContext = React.createContext<ImageGalleryContextValue>(\n  {} as ImageGalleryContextValue,\n);\n\nexport const ImageGalleryProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n}: PropsWithChildren<UnknownType>) => {\n  const [images, setImages] = useState<MessageType<At, Ch, Co, Ev, Me, Re, Us>[]>([]);\n  const [image, setImage] = useState<{ messageId?: string; url?: string }>();\n\n  const imageGalleryContext = {\n    image,\n    images,\n    setImage,\n    setImages,\n  };\n\n  return (\n    <ImageGalleryContext.Provider\n      value={imageGalleryContext as unknown as ImageGalleryContextValue}\n    >\n      {children}\n    </ImageGalleryContext.Provider>\n  );\n};\n\nexport const useImageGalleryContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() =>\n  useContext(ImageGalleryContext) as unknown as ImageGalleryContextValue<\n    At,\n    Ch,\n    Co,\n    Ev,\n    Me,\n    Re,\n    Us\n  >;\n\nexport const withImageGalleryContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithImageGalleryContextComponent = (\n    props: Omit<P, keyof ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const imageGalleryContext = useImageGalleryContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...imageGalleryContext} />;\n  };\n  WithImageGalleryContextComponent.displayName = `WithImageGalleryContext${getDisplayName(\n    Component,\n  )}`;\n  return WithImageGalleryContextComponent;\n};\n"]}
+{"version":3,"sources":["ImageGalleryContext.tsx"],"names":["ImageGalleryContext","React","createContext","ImageGalleryProvider","children","images","setImages","image","setImage","imageGalleryContext","useImageGalleryContext","withImageGalleryContext","Component","WithImageGalleryContextComponent","props","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AAaA;;;;;;;;;AAiBO,IAAMA,mBAAmB,GAAGC,kBAAMC,aAAN,CACjC,EADiC,CAA5B;;;;AAIA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAUE;AAAA,MADpCC,QACoC,QADpCA,QACoC;;AACpC,kBAA4B,qBAAoD,EAApD,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,mBAA0B,sBAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,mBAAmB,GAAG;AAC1BF,IAAAA,KAAK,EAALA,KAD0B;AAE1BF,IAAAA,MAAM,EAANA,MAF0B;AAG1BG,IAAAA,QAAQ,EAARA,QAH0B;AAI1BF,IAAAA,SAAS,EAATA;AAJ0B,GAA5B;AAOA,SACE,gCAAC,mBAAD,CAAqB,QAArB;AACE,IAAA,KAAK,EAAEG,mBADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAGGL,QAHH,CADF;AAOD,CA5BM;;;;AA8BA,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAyB;AAAA,SASpC,uBAAWV,mBAAX,CAToC;AAAA,CAA/B;;;;AAmBA,IAAMW,uBAAuB,GAAG,SAA1BA,uBAA0B,CAUrCC,SAVqC,EAW6C;AAClF,MAAMC,gCAAgC,GAAG,SAAnCA,gCAAmC,CACvCC,KADuC,EAEpC;AACH,QAAML,mBAAmB,GAAGC,sBAAsB,EAAlD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCL,mBAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAI,EAAAA,gCAAgC,CAACE,WAAjC,+BAAyE,oCACvEH,SADuE,CAAzE;AAGA,SAAOC,gCAAP;AACD,CAvBM","sourcesContent":["import React, { PropsWithChildren, useContext, useState } from 'react';\n\nimport type { MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type ImageGalleryContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  images: MessageType<At, Ch, Co, Ev, Me, Re, Us>[];\n  setImage: React.Dispatch<React.SetStateAction<{ messageId?: string; url?: string } | undefined>>;\n  setImages: React.Dispatch<React.SetStateAction<MessageType<At, Ch, Co, Ev, Me, Re, Us>[]>>;\n  image?: { messageId?: string; url?: string };\n};\n\nexport const ImageGalleryContext = React.createContext<ImageGalleryContextValue>(\n  {} as ImageGalleryContextValue,\n);\n\nexport const ImageGalleryProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n}: PropsWithChildren<UnknownType>) => {\n  const [images, setImages] = useState<MessageType<At, Ch, Co, Ev, Me, Re, Us>[]>([]);\n  const [image, setImage] = useState<{ messageId?: string; url?: string }>();\n\n  const imageGalleryContext = {\n    image,\n    images,\n    setImage,\n    setImages,\n  };\n\n  return (\n    <ImageGalleryContext.Provider\n      value={imageGalleryContext as unknown as ImageGalleryContextValue}\n    >\n      {children}\n    </ImageGalleryContext.Provider>\n  );\n};\n\nexport const useImageGalleryContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() =>\n  useContext(ImageGalleryContext) as unknown as ImageGalleryContextValue<\n    At,\n    Ch,\n    Co,\n    Ev,\n    Me,\n    Re,\n    Us\n  >;\n\nexport const withImageGalleryContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithImageGalleryContextComponent = (\n    props: Omit<P, keyof ImageGalleryContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const imageGalleryContext = useImageGalleryContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...imageGalleryContext} />;\n  };\n  WithImageGalleryContextComponent.displayName = `WithImageGalleryContext${getDisplayName(\n    Component,\n  )}`;\n  return WithImageGalleryContextComponent;\n};\n"]}

package/lib/module/contexts/keyboardContext/KeyboardContext.js

@@ -36,7 +36,7 @@ var KeyboardProvider = function KeyboardProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 18,
       columnNumber: 3
     }
   }, children);
@@ -57,7 +57,7 @@ var withKeyboardContext = function withKeyboardContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 30,
+        lineNumber: 29,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/keyboardContext/KeyboardContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["KeyboardContext.tsx"],"names":["KeyboardContext","React","createContext","dismissKeyboard","Keyboard","dismiss","KeyboardProvider","children","value","useKeyboardContext","withKeyboardContext","Component","WithKeyboardContextComponent","props","keyboardContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;AAQO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAA0C;AACvEC,EAAAA,eAAe,EAAEC,sBAASC;AAD6C,CAA1C,CAAxB;;;;AAIA,IAAMC,gBAEX,GAAG,SAFQA,gBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAyCD,QAAzC,CADG;AAAA,CAFE;;;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,uBAAWT,eAAX,CAAN;AAAA,CAA3B;;;;AAEA,IAAMU,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,SADiC,EAEiB;AAClD,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,KAAD,EAAgD;AACnF,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAJD;;AAKAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CAVM","sourcesContent":["import React, { useContext } from 'react';\nimport { Keyboard } from 'react-native';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { UnknownType } from '../../types/types';\n\nexport type KeyboardContextValue = {\n  dismissKeyboard: () => void;\n};\n\nexport const KeyboardContext = React.createContext<KeyboardContextValue>({\n  dismissKeyboard: Keyboard.dismiss,\n});\n\nexport const KeyboardProvider: React.FC<{\n  value: KeyboardContextValue;\n}> = ({ children, value }) => (\n  <KeyboardContext.Provider value={value}>{children}</KeyboardContext.Provider>\n);\n\nexport const useKeyboardContext = () => useContext(KeyboardContext);\n\nexport const withKeyboardContext = <P extends UnknownType>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof KeyboardContextValue>> => {\n  const WithKeyboardContextComponent = (props: Omit<P, keyof KeyboardContextValue>) => {\n    const keyboardContext = useKeyboardContext();\n\n    return <Component {...(props as P)} {...keyboardContext} />;\n  };\n  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(Component)}`;\n  return WithKeyboardContextComponent;\n};\n"]}
+{"version":3,"sources":["KeyboardContext.tsx"],"names":["KeyboardContext","React","createContext","dismissKeyboard","Keyboard","dismiss","KeyboardProvider","children","value","useKeyboardContext","withKeyboardContext","Component","WithKeyboardContextComponent","props","keyboardContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;AAMO,IAAMA,eAAe,GAAGC,kBAAMC,aAAN,CAA0C;AACvEC,EAAAA,eAAe,EAAEC,sBAASC;AAD6C,CAA1C,CAAxB;;;;AAIA,IAAMC,gBAEX,GAAG,SAFQA,gBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEA,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAyCD,QAAzC,CADG;AAAA,CAFE;;;;AAMA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAM,uBAAWT,eAAX,CAAN;AAAA,CAA3B;;;;AAEA,IAAMU,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,SADiC,EAEiB;AAClD,MAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CAACC,KAAD,EAAgD;AACnF,QAAMC,eAAe,GAAGL,kBAAkB,EAA1C;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,eAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAJD;;AAKAF,EAAAA,4BAA4B,CAACG,WAA7B,2BAAiE,oCAAeJ,SAAf,CAAjE;AACA,SAAOC,4BAAP;AACD,CAVM","sourcesContent":["import React, { useContext } from 'react';\nimport { Keyboard } from 'react-native';\n\nimport type { UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type KeyboardContextValue = {\n  dismissKeyboard: () => void;\n};\n\nexport const KeyboardContext = React.createContext<KeyboardContextValue>({\n  dismissKeyboard: Keyboard.dismiss,\n});\n\nexport const KeyboardProvider: React.FC<{\n  value: KeyboardContextValue;\n}> = ({ children, value }) => (\n  <KeyboardContext.Provider value={value}>{children}</KeyboardContext.Provider>\n);\n\nexport const useKeyboardContext = () => useContext(KeyboardContext);\n\nexport const withKeyboardContext = <P extends UnknownType>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof KeyboardContextValue>> => {\n  const WithKeyboardContextComponent = (props: Omit<P, keyof KeyboardContextValue>) => {\n    const keyboardContext = useKeyboardContext();\n\n    return <Component {...(props as P)} {...keyboardContext} />;\n  };\n  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(Component)}`;\n  return WithKeyboardContextComponent;\n};\n"]}

package/lib/module/contexts/messageContext/MessageContext.js

@@ -32,7 +32,7 @@ var MessageProvider = function MessageProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 131,
       columnNumber: 3
     }
   }, children);
@@ -53,7 +53,7 @@ var withMessageContext = function withMessageContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 168,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/messageContext/MessageContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;;;;;;;;AAwHO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAS7BC,QAT6B,QAS7BA,QAT6B;AAAA,MAU7BC,KAV6B,QAU7BA,KAV6B;AAAA,SAc7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd6B;AAAA,CAAxB;;;;AAmBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAQ1B,uBAAWN,cAAX,CAR0B;AAAA,CAA1B;;;;AAeA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAUhCC,SAVgC,EAW6C;AAC7E,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type { TouchableHandlerPayload } from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\n\nexport type Alignment = 'right' | 'left';\n\nexport type Reactions = {\n  own: boolean;\n  type: string;\n}[];\n\nexport type MessageContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /** Whether or not actions can be performed on message */\n  actionsEnabled: boolean;\n  /** Position of the message, either 'right' or 'left' */\n  alignment: Alignment;\n  /**\n   * Function that returns a boolean indicating whether or not the user can edit/delete the message.\n   */\n  canModifyMessage: boolean;\n  /** The files attached to a message */\n  files: Attachment<At>[];\n  /**\n   * Position of message in group - top, bottom, middle, single.\n   *\n   * Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n   * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n   */\n  groupStyles: GroupType[];\n  /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */\n  handleAction: ActionHandler;\n  handleDeleteMessage: () => Promise<void>;\n  handleEditMessage: () => void;\n  handleQuotedReplyMessage: () => void;\n  handleResendMessage: () => Promise<void>;\n  handleToggleBanUser: () => Promise<void>;\n  handleToggleMuteUser: () => Promise<void>;\n  handleToggleReaction: (reactionType: string) => Promise<void>;\n  /** Whether or not message has reactions */\n  hasReactions: boolean;\n  /** The images attached to a message */\n  images: Attachment<At>[];\n  /** Whether or not this is the active user's message */\n  isMyMessage: boolean;\n  /** Whether or not this is the last message in a group of messages */\n  lastGroupMessage: boolean;\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we show the overlay with all the message actions on long press.\n   *\n   * @param event   Event object for onLongPress event\n   */\n  onLongPress: (payload: TouchableHandlerPayload) => void;\n  /** Whether the message is only text and the text is only emojis */\n  onlyEmojis: boolean;\n  /** Handler to open a thread on a message */\n  onOpenThread: () => void;\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we will dismiss the keyboard on press.\n   *\n   * @param event   Event object for onPress event\n   */\n  onPress: (payload: TouchableHandlerPayload) => void;\n  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;\n  /** The images attached to a message */\n  otherAttachments: Attachment<At>[];\n  reactions: Reactions;\n  showMessageOverlay: (messageReactions?: boolean) => void;\n  showMessageStatus: boolean;\n  /** Whether or not the Message is part of a Thread */\n  threadList: boolean;\n  goToMessage?: (messageId: string) => void;\n  /** Latest message id on current channel */\n  lastReceivedId?: string;\n  /** Prevent message being pressed for image viewer view */\n  preventPress?: boolean;\n  /** Whether or not the avatar show show next to Message */\n  showAvatar?: boolean;\n} & Pick<\n  ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  'channel' | 'disabled' | 'members' | 'readEventsEnabled'\n>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(MessageContext) as unknown as MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithMessageContextComponent = (\n    props: Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const messageContext = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...messageContext} />;\n  };\n  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n  return WithMessageContextComponent;\n};\n"]}
+{"version":3,"sources":["MessageContext.tsx"],"names":["MessageContext","React","createContext","MessageProvider","children","value","useMessageContext","withMessageContext","Component","WithMessageContextComponent","props","messageContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAmBA;;;;;;;;;AA+FO,IAAMA,cAAc,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAvB;;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAS7BC,QAT6B,QAS7BA,QAT6B;AAAA,MAU7BC,KAV6B,QAU7BA,KAV6B;AAAA,SAc7B,gCAAC,cAAD,CAAgB,QAAhB;AAAyB,IAAA,KAAK,EAAEA,KAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAd6B;AAAA,CAAxB;;;;AAmBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAQ1B,uBAAWN,cAAX,CAR0B;AAAA,CAA1B;;;;AAeA,IAAMO,kBAAkB,GAAG,SAArBA,kBAAqB,CAUhCC,SAVgC,EAW6C;AAC7E,MAAMC,2BAA2B,GAAG,SAA9BA,2BAA8B,CAClCC,KADkC,EAE/B;AACH,QAAMC,cAAc,GAAGL,iBAAiB,EAAxC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,cAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,2BAA2B,CAACG,WAA5B,0BAA+D,oCAAeJ,SAAf,CAA/D;AACA,SAAOC,2BAAP;AACD,CArBM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { Attachment } from 'stream-chat';\n\nimport type { ActionHandler } from '../../components/Attachment/Attachment';\nimport type { TouchableHandlerPayload } from '../../components/Message/Message';\nimport type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';\nimport type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';\nimport type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type Alignment = 'right' | 'left';\n\nexport type Reactions = {\n  own: boolean;\n  type: string;\n}[];\n\nexport type MessageContextValue<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = {\n  /** Whether or not actions can be performed on message */\n  actionsEnabled: boolean;\n  /** Position of the message, either 'right' or 'left' */\n  alignment: Alignment;\n  /** The files attached to a message */\n  files: Attachment<At>[];\n  /**\n   * Position of message in group - top, bottom, middle, single.\n   *\n   * Message group is a group of consecutive messages from same user. groupStyles can be used to style message as per their position in message group\n   * e.g., user avatar (to which message belongs to) is only showed for last (bottom) message in group.\n   */\n  groupStyles: GroupType[];\n  /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */\n  handleAction: ActionHandler;\n  handleDeleteMessage: () => Promise<void>;\n  handleEditMessage: () => void;\n  handleQuotedReplyMessage: () => void;\n  handleResendMessage: () => Promise<void>;\n  handleToggleBanUser: () => Promise<void>;\n  handleToggleMuteUser: () => Promise<void>;\n  handleToggleReaction: (reactionType: string) => Promise<void>;\n  /** Whether or not message has reactions */\n  hasReactions: boolean;\n  /** The images attached to a message */\n  images: Attachment<At>[];\n  /** Whether or not this is the active user's message */\n  isMyMessage: boolean;\n  /** Whether or not this is the last message in a group of messages */\n  lastGroupMessage: boolean;\n  /** Current [message object](https://getstream.io/chat/docs/#message_format) */\n  message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;\n  /** Order to render the message content */\n  messageContentOrder: MessageContentType[];\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we show the overlay with all the message actions on long press.\n   *\n   * @param event   Event object for onLongPress event\n   */\n  onLongPress: (payload: TouchableHandlerPayload) => void;\n  /** Whether the message is only text and the text is only emojis */\n  onlyEmojis: boolean;\n  /** Handler to open a thread on a message */\n  onOpenThread: () => void;\n  /**\n   * You can call methods available on the Message\n   * component such as handleEdit, handleDelete, handleAction etc.\n   *\n   * Source - [Message](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/Message.tsx)\n   *\n   * By default, we will dismiss the keyboard on press.\n   *\n   * @param event   Event object for onPress event\n   */\n  onPress: (payload: TouchableHandlerPayload) => void;\n  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;\n  /** The images attached to a message */\n  otherAttachments: Attachment<At>[];\n  reactions: Reactions;\n  showMessageOverlay: (messageReactions?: boolean) => void;\n  showMessageStatus: boolean;\n  /** Whether or not the Message is part of a Thread */\n  threadList: boolean;\n  goToMessage?: (messageId: string) => void;\n  /** Latest message id on current channel */\n  lastReceivedId?: string;\n  /** Prevent message being pressed for image viewer view */\n  preventPress?: boolean;\n  /** Whether or not the avatar show show next to Message */\n  showAvatar?: boolean;\n} & Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'disabled' | 'members'>;\n\nexport const MessageContext = React.createContext({} as MessageContextValue);\n\nexport const MessageProvider = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value?: MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n}>) => (\n  <MessageContext.Provider value={value as unknown as MessageContextValue}>\n    {children}\n  </MessageContext.Provider>\n);\n\nexport const useMessageContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>() => useContext(MessageContext) as unknown as MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;\n\n/**\n * Typescript currently does not support partial inference so if MessageContext\n * typing is desired while using the HOC withMessageContextContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withMessageContext = <\n  P extends UnknownType,\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>> => {\n  const WithMessageContextComponent = (\n    props: Omit<P, keyof MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>>,\n  ) => {\n    const messageContext = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n    return <Component {...(props as P)} {...messageContext} />;\n  };\n  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;\n  return WithMessageContextComponent;\n};\n"]}