stream-chat-react-native-core 4.1.0-next.1 → 4.1.1-beta.2

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

@@ -1 +1 @@
-{"version":3,"sources":["ChannelList.tsx"],"names":["DEFAULT_FILTERS","DEFAULT_OPTIONS","DEFAULT_SORT","ChannelList","props","additionalFlatListProps","EmptyStateIndicator","EmptyStateIndicatorDefault","FooterLoadingIndicator","ChannelListFooterLoadingIndicator","filters","HeaderErrorIndicator","ChannelListHeaderErrorIndicator","HeaderNetworkDownIndicator","ChannelListHeaderNetworkDownIndicator","List","ChannelListMessenger","ListHeaderComponent","LoadingErrorIndicator","LoadingErrorIndicatorDefault","LoadingIndicator","ChannelListLoadingIndicator","loadMoreThreshold","lockChannelOrder","maxUnreadCount","numberOfSkeletons","onAddedToChannel","onChannelDeleted","onChannelHidden","onChannelVisible","onChannelTruncated","onChannelUpdated","onMessageNew","onRemovedFromChannel","onSelect","options","Preview","ChannelPreviewMessenger","PreviewAvatar","PreviewMessage","PreviewStatus","PreviewTitle","PreviewUnreadCount","setFlatListRef","Skeleton","SkeletonDefault","sort","forceUpdate","setForceUpdate","channels","error","hasNextPage","loadingChannels","loadingNextPage","loadNextPage","refreshing","refreshList","reloadList","setChannels","channelsContext","ref"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\n\nimport { ChannelListHeaderErrorIndicator } from './ChannelListHeaderErrorIndicator';\nimport { ChannelListFooterLoadingIndicator } from './ChannelListFooterLoadingIndicator';\nimport { ChannelListHeaderNetworkDownIndicator } from './ChannelListHeaderNetworkDownIndicator';\nimport { ChannelListLoadingIndicator } from './ChannelListLoadingIndicator';\nimport { ChannelListMessenger, ChannelListMessengerProps } from './ChannelListMessenger';\nimport { useAddedToChannelNotification } from './hooks/listeners/useAddedToChannelNotification';\nimport { useChannelDeleted } from './hooks/listeners/useChannelDeleted';\nimport { useChannelHidden } from './hooks/listeners/useChannelHidden';\nimport { useChannelTruncated } from './hooks/listeners/useChannelTruncated';\nimport { useChannelUpdated } from './hooks/listeners/useChannelUpdated';\nimport { useChannelVisible } from './hooks/listeners/useChannelVisible';\nimport { useConnectionRecovered } from './hooks/listeners/useConnectionRecovered';\nimport { useNewMessage } from './hooks/listeners/useNewMessage';\nimport { useNewMessageNotification } from './hooks/listeners/useNewMessageNotification';\nimport { useRemovedFromChannelNotification } from './hooks/listeners/useRemovedFromChannelNotification';\nimport { useUserPresence } from './hooks/listeners/useUserPresence';\nimport { useCreateChannelsContext } from './hooks/useCreateChannelsContext';\nimport { usePaginatedChannels } from './hooks/usePaginatedChannels';\nimport { Skeleton as SkeletonDefault } from './Skeleton';\n\nimport { ChannelPreviewMessenger } from '../ChannelPreview/ChannelPreviewMessenger';\nimport { EmptyStateIndicator as EmptyStateIndicatorDefault } from '../Indicators/EmptyStateIndicator';\nimport { LoadingErrorIndicator as LoadingErrorIndicatorDefault } from '../Indicators/LoadingErrorIndicator';\n\nimport {\n  ChannelsContextValue,\n  ChannelsProvider,\n} from '../../contexts/channelsContext/ChannelsContext';\n\nimport type { FlatList } from 'react-native-gesture-handler';\nimport type { Channel, ChannelFilters, ChannelOptions, ChannelSort, Event } 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 ChannelListProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<\n  Pick<\n    ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n    | 'additionalFlatListProps'\n    | 'EmptyStateIndicator'\n    | 'FooterLoadingIndicator'\n    | 'HeaderErrorIndicator'\n    | 'HeaderNetworkDownIndicator'\n    | 'LoadingErrorIndicator'\n    | 'LoadingIndicator'\n    | 'Preview'\n    | 'setFlatListRef'\n    | 'ListHeaderComponent'\n    | 'onSelect'\n    | 'PreviewAvatar'\n    | 'PreviewMessage'\n    | 'PreviewStatus'\n    | 'PreviewTitle'\n    | 'PreviewUnreadCount'\n    | 'loadMoreThreshold'\n    | 'Skeleton'\n    | 'maxUnreadCount'\n    | 'numberOfSkeletons'\n  >\n> & {\n  /**\n   * Object containing channel query filters\n   *\n   * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available filter fields\n   *\n   * @overrideType object\n   * */\n  filters?: ChannelFilters<Ch, Co, Us>;\n  /**\n   * Custom UI component to display the list of channels\n   *\n   * Default: [ChannelListMessenger](https://getstream.github.io/stream-chat-react-native/v3/#channellistmessenger)\n   */\n  List?: React.ComponentType<ChannelListMessengerProps<At, Ch, Co, Ev, Me, Re, Us>>;\n  /**\n   * If set to true, channels won't dynamically sort by most recent message, defaults to false\n   */\n  lockChannelOrder?: boolean;\n  /**\n   * Function that overrides default behavior when a user gets added to a channel\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event Object](https://getstream.io/chat/docs/event_object) corresponding to `notification.added_to_channel` event\n   *\n   * @overrideType Function\n   * */\n  onAddedToChannel?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets deleted. In absence of this prop, the channel will be removed from the list.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.deleted` event\n   *\n   * @overrideType Function\n   * */\n  onChannelDeleted?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets hidden. In absence of this prop, the channel will be removed from the list.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.hidden` event\n   *\n   * @overrideType Function\n   * */\n  onChannelHidden?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Function to customize behavior when a channel gets truncated\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.truncated` event\n   *\n   * @overrideType Function\n   * */\n  onChannelTruncated?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets updated\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.updated` event\n   *\n   * @overrideType Function\n   * */\n  onChannelUpdated?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets visible. In absence of this prop, the channel will be added to the list.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.visible` event\n   *\n   * @overrideType Function\n   * */\n  onChannelVisible?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Override the default listener/handler for event `notification.message_new`\n   * This event is received on channel, which is not being watched.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.message_new` event\n   *\n   * @overrideType Function\n   * */\n  onMessageNew?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a user gets removed from a channel\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.removed_from_channel` event\n   *\n   * @overrideType Function\n   * */\n  onRemovedFromChannel?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>,\n    event: Event<At, Ch, Co, Ev, Me, Re, Us>,\n  ) => void;\n  /**\n   * Object containing channel query options\n   * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available option fields\n   * */\n  options?: ChannelOptions;\n  /**\n   * Object containing channel sort parameters\n   * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available sorting fields\n   * */\n  sort?: ChannelSort<Ch>;\n};\n\nconst DEFAULT_FILTERS = {};\nconst DEFAULT_OPTIONS = {};\nconst DEFAULT_SORT = {};\n\n/**\n * This component fetches a list of channels, allowing you to select the channel you want to open.\n * The ChannelList doesn't provide any UI for the underlying React Native FlatList. UI is determined by the `List` component which is\n * provided to the ChannelList component as a prop. By default, the ChannelListMessenger component is used as the list UI.\n *\n * @example ./ChannelList.md\n */\nexport const ChannelList = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ChannelListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalFlatListProps = {},\n    EmptyStateIndicator = EmptyStateIndicatorDefault,\n    FooterLoadingIndicator = ChannelListFooterLoadingIndicator,\n    filters = DEFAULT_FILTERS,\n    HeaderErrorIndicator = ChannelListHeaderErrorIndicator,\n    HeaderNetworkDownIndicator = ChannelListHeaderNetworkDownIndicator,\n    List = ChannelListMessenger,\n    ListHeaderComponent,\n    LoadingErrorIndicator = LoadingErrorIndicatorDefault,\n    LoadingIndicator = ChannelListLoadingIndicator,\n    // https://github.com/facebook/react-native/blob/a7a7970e543959e9db5281914d5f132beb01db8d/Libraries/Lists/VirtualizedList.js#L466\n    loadMoreThreshold = 2,\n    lockChannelOrder = false,\n    maxUnreadCount = 255,\n    numberOfSkeletons = 6,\n    onAddedToChannel,\n    onChannelDeleted,\n    onChannelHidden,\n    onChannelVisible,\n    onChannelTruncated,\n    onChannelUpdated,\n    onMessageNew,\n    onRemovedFromChannel,\n    onSelect,\n    options = DEFAULT_OPTIONS,\n    Preview = ChannelPreviewMessenger,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n    setFlatListRef,\n    Skeleton = SkeletonDefault,\n    sort = DEFAULT_SORT,\n  } = props;\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n\n  const {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels,\n    loadingNextPage,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setChannels,\n  } = usePaginatedChannels<At, Ch, Co, Ev, Me, Re, Us>({\n    filters,\n    options,\n    sort,\n  });\n\n  // Setup event listeners\n  useAddedToChannelNotification({\n    onAddedToChannel,\n    setChannels,\n  });\n\n  useChannelDeleted({\n    onChannelDeleted,\n    setChannels,\n  });\n\n  useChannelHidden({\n    onChannelHidden,\n    setChannels,\n  });\n\n  useChannelTruncated({\n    onChannelTruncated,\n    refreshList,\n    setChannels,\n    setForceUpdate,\n  });\n\n  useChannelUpdated({\n    onChannelUpdated,\n    setChannels,\n  });\n\n  useChannelVisible({\n    onChannelVisible,\n    setChannels,\n  });\n\n  useConnectionRecovered<At, Ch, Co, Ev, Me, Re, Us>({\n    refreshList,\n    setForceUpdate,\n  });\n\n  useNewMessage({\n    lockChannelOrder,\n    setChannels,\n  });\n\n  useNewMessageNotification({\n    onMessageNew,\n    setChannels,\n  });\n\n  useRemovedFromChannelNotification({\n    onRemovedFromChannel,\n    setChannels,\n  });\n\n  useUserPresence({\n    setChannels,\n  });\n\n  const channelsContext = useCreateChannelsContext({\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    hasNextPage,\n    HeaderErrorIndicator,\n    HeaderNetworkDownIndicator,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    maxUnreadCount,\n    numberOfSkeletons,\n    onSelect,\n    Preview,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef: (ref: FlatList<Channel<At, Ch, Co, Ev, Me, Re, Us>> | null) => {\n      if (setFlatListRef) {\n        setFlatListRef(ref);\n      }\n    },\n    Skeleton,\n  });\n\n  return (\n    <ChannelsProvider value={channelsContext}>\n      <List<At, Ch, Co, Ev, Me, Re, Us> />\n    </ChannelsProvider>\n  );\n};\n"]}
+{"version":3,"sources":["ChannelList.tsx"],"names":["DEFAULT_FILTERS","DEFAULT_OPTIONS","DEFAULT_SORT","ChannelList","props","additionalFlatListProps","EmptyStateIndicator","EmptyStateIndicatorDefault","FooterLoadingIndicator","ChannelListFooterLoadingIndicator","filters","HeaderErrorIndicator","ChannelListHeaderErrorIndicator","HeaderNetworkDownIndicator","ChannelListHeaderNetworkDownIndicator","List","ChannelListMessenger","ListHeaderComponent","LoadingErrorIndicator","LoadingErrorIndicatorDefault","LoadingIndicator","ChannelListLoadingIndicator","loadMoreThreshold","lockChannelOrder","maxUnreadCount","numberOfSkeletons","onAddedToChannel","onChannelDeleted","onChannelHidden","onChannelVisible","onChannelTruncated","onChannelUpdated","onMessageNew","onRemovedFromChannel","onSelect","options","Preview","ChannelPreviewMessenger","PreviewAvatar","PreviewMessage","PreviewStatus","PreviewTitle","PreviewUnreadCount","setFlatListRef","Skeleton","SkeletonDefault","sort","forceUpdate","setForceUpdate","channels","error","hasNextPage","loadingChannels","loadingNextPage","loadNextPage","refreshing","refreshList","reloadList","setChannels","channelsContext","ref"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\n\nimport type { FlatList } from 'react-native-gesture-handler';\n\nimport type { Channel, ChannelFilters, ChannelOptions, ChannelSort, Event } from 'stream-chat';\n\nimport { ChannelListFooterLoadingIndicator } from './ChannelListFooterLoadingIndicator';\nimport { ChannelListHeaderErrorIndicator } from './ChannelListHeaderErrorIndicator';\nimport { ChannelListHeaderNetworkDownIndicator } from './ChannelListHeaderNetworkDownIndicator';\nimport { ChannelListLoadingIndicator } from './ChannelListLoadingIndicator';\nimport { ChannelListMessenger, ChannelListMessengerProps } from './ChannelListMessenger';\nimport { useAddedToChannelNotification } from './hooks/listeners/useAddedToChannelNotification';\nimport { useChannelDeleted } from './hooks/listeners/useChannelDeleted';\nimport { useChannelHidden } from './hooks/listeners/useChannelHidden';\nimport { useChannelTruncated } from './hooks/listeners/useChannelTruncated';\nimport { useChannelUpdated } from './hooks/listeners/useChannelUpdated';\nimport { useChannelVisible } from './hooks/listeners/useChannelVisible';\nimport { useConnectionRecovered } from './hooks/listeners/useConnectionRecovered';\nimport { useNewMessage } from './hooks/listeners/useNewMessage';\nimport { useNewMessageNotification } from './hooks/listeners/useNewMessageNotification';\nimport { useRemovedFromChannelNotification } from './hooks/listeners/useRemovedFromChannelNotification';\nimport { useUserPresence } from './hooks/listeners/useUserPresence';\nimport { useCreateChannelsContext } from './hooks/useCreateChannelsContext';\nimport { usePaginatedChannels } from './hooks/usePaginatedChannels';\nimport { Skeleton as SkeletonDefault } from './Skeleton';\n\nimport {\n  ChannelsContextValue,\n  ChannelsProvider,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { ChannelPreviewMessenger } from '../ChannelPreview/ChannelPreviewMessenger';\nimport { EmptyStateIndicator as EmptyStateIndicatorDefault } from '../Indicators/EmptyStateIndicator';\nimport { LoadingErrorIndicator as LoadingErrorIndicatorDefault } from '../Indicators/LoadingErrorIndicator';\n\nexport type ChannelListProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<\n  Pick<\n    ChannelsContextValue<StreamChatGenerics>,\n    | 'additionalFlatListProps'\n    | 'EmptyStateIndicator'\n    | 'FooterLoadingIndicator'\n    | 'HeaderErrorIndicator'\n    | 'HeaderNetworkDownIndicator'\n    | 'LoadingErrorIndicator'\n    | 'LoadingIndicator'\n    | 'Preview'\n    | 'setFlatListRef'\n    | 'ListHeaderComponent'\n    | 'onSelect'\n    | 'PreviewAvatar'\n    | 'PreviewMessage'\n    | 'PreviewStatus'\n    | 'PreviewTitle'\n    | 'PreviewUnreadCount'\n    | 'loadMoreThreshold'\n    | 'Skeleton'\n    | 'maxUnreadCount'\n    | 'numberOfSkeletons'\n  >\n> & {\n  /**\n   * Object containing channel query filters\n   *\n   * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available filter fields\n   *\n   * @overrideType object\n   * */\n  filters?: ChannelFilters<StreamChatGenerics>;\n  /**\n   * Custom UI component to display the list of channels\n   *\n   * Default: [ChannelListMessenger](https://getstream.github.io/stream-chat-react-native/v3/#channellistmessenger)\n   */\n  List?: React.ComponentType<ChannelListMessengerProps<StreamChatGenerics>>;\n  /**\n   * If set to true, channels won't dynamically sort by most recent message, defaults to false\n   */\n  lockChannelOrder?: boolean;\n  /**\n   * Function that overrides default behavior when a user gets added to a channel\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event Object](https://getstream.io/chat/docs/event_object) corresponding to `notification.added_to_channel` event\n   *\n   * @overrideType Function\n   * */\n  onAddedToChannel?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets deleted. In absence of this prop, the channel will be removed from the list.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.deleted` event\n   *\n   * @overrideType Function\n   * */\n  onChannelDeleted?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets hidden. In absence of this prop, the channel will be removed from the list.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.hidden` event\n   *\n   * @overrideType Function\n   * */\n  onChannelHidden?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Function to customize behavior when a channel gets truncated\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.truncated` event\n   *\n   * @overrideType Function\n   * */\n  onChannelTruncated?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets updated\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.updated` event\n   *\n   * @overrideType Function\n   * */\n  onChannelUpdated?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a channel gets visible. In absence of this prop, the channel will be added to the list.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `channel.visible` event\n   *\n   * @overrideType Function\n   * */\n  onChannelVisible?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Override the default listener/handler for event `notification.message_new`\n   * This event is received on channel, which is not being watched.\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.message_new` event\n   *\n   * @overrideType Function\n   * */\n  onMessageNew?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Function that overrides default behavior when a user gets removed from a channel\n   *\n   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.\n   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.removed_from_channel` event\n   *\n   * @overrideType Function\n   * */\n  onRemovedFromChannel?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Object containing channel query options\n   * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available option fields\n   * */\n  options?: ChannelOptions;\n  /**\n   * Object containing channel sort parameters\n   * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available sorting fields\n   * */\n  sort?: ChannelSort<StreamChatGenerics>;\n};\n\nconst DEFAULT_FILTERS = {};\nconst DEFAULT_OPTIONS = {};\nconst DEFAULT_SORT = {};\n\n/**\n * This component fetches a list of channels, allowing you to select the channel you want to open.\n * The ChannelList doesn't provide any UI for the underlying React Native FlatList. UI is determined by the `List` component which is\n * provided to the ChannelList component as a prop. By default, the ChannelListMessenger component is used as the list UI.\n *\n * @example ./ChannelList.md\n */\nexport const ChannelList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListProps<StreamChatGenerics>,\n) => {\n  const {\n    additionalFlatListProps = {},\n    EmptyStateIndicator = EmptyStateIndicatorDefault,\n    FooterLoadingIndicator = ChannelListFooterLoadingIndicator,\n    filters = DEFAULT_FILTERS,\n    HeaderErrorIndicator = ChannelListHeaderErrorIndicator,\n    HeaderNetworkDownIndicator = ChannelListHeaderNetworkDownIndicator,\n    List = ChannelListMessenger,\n    ListHeaderComponent,\n    LoadingErrorIndicator = LoadingErrorIndicatorDefault,\n    LoadingIndicator = ChannelListLoadingIndicator,\n    // https://github.com/facebook/react-native/blob/a7a7970e543959e9db5281914d5f132beb01db8d/Libraries/Lists/VirtualizedList.js#L466\n    loadMoreThreshold = 2,\n    lockChannelOrder = false,\n    maxUnreadCount = 255,\n    numberOfSkeletons = 6,\n    onAddedToChannel,\n    onChannelDeleted,\n    onChannelHidden,\n    onChannelVisible,\n    onChannelTruncated,\n    onChannelUpdated,\n    onMessageNew,\n    onRemovedFromChannel,\n    onSelect,\n    options = DEFAULT_OPTIONS,\n    Preview = ChannelPreviewMessenger,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n    setFlatListRef,\n    Skeleton = SkeletonDefault,\n    sort = DEFAULT_SORT,\n  } = props;\n\n  const [forceUpdate, setForceUpdate] = useState(0);\n\n  const {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels,\n    loadingNextPage,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setChannels,\n  } = usePaginatedChannels<StreamChatGenerics>({\n    filters,\n    options,\n    sort,\n  });\n\n  // Setup event listeners\n  useAddedToChannelNotification({\n    onAddedToChannel,\n    setChannels,\n  });\n\n  useChannelDeleted({\n    onChannelDeleted,\n    setChannels,\n  });\n\n  useChannelHidden({\n    onChannelHidden,\n    setChannels,\n  });\n\n  useChannelTruncated({\n    onChannelTruncated,\n    refreshList,\n    setChannels,\n    setForceUpdate,\n  });\n\n  useChannelUpdated({\n    onChannelUpdated,\n    setChannels,\n  });\n\n  useChannelVisible({\n    onChannelVisible,\n    setChannels,\n  });\n\n  useConnectionRecovered<StreamChatGenerics>({\n    refreshList,\n    setForceUpdate,\n  });\n\n  useNewMessage({\n    lockChannelOrder,\n    setChannels,\n  });\n\n  useNewMessageNotification({\n    onMessageNew,\n    setChannels,\n  });\n\n  useRemovedFromChannelNotification({\n    onRemovedFromChannel,\n    setChannels,\n  });\n\n  useUserPresence({\n    setChannels,\n  });\n\n  const channelsContext = useCreateChannelsContext({\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    hasNextPage,\n    HeaderErrorIndicator,\n    HeaderNetworkDownIndicator,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    maxUnreadCount,\n    numberOfSkeletons,\n    onSelect,\n    Preview,\n    PreviewAvatar,\n    PreviewMessage,\n    PreviewStatus,\n    PreviewTitle,\n    PreviewUnreadCount,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef: (ref: FlatList<Channel<StreamChatGenerics>> | null) => {\n      if (setFlatListRef) {\n        setFlatListRef(ref);\n      }\n    },\n    Skeleton,\n  });\n\n  return (\n    <ChannelsProvider value={channelsContext}>\n      <List<StreamChatGenerics> />\n    </ChannelsProvider>\n  );\n};\n"]}

package/lib/module/components/ChannelList/ChannelListFooterLoadingIndicator.js

@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _Spinner = require("../Spinner/Spinner");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
+var _Spinner = require("../Spinner/Spinner");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelList/ChannelListFooterLoadingIndicator.tsx";
 
@@ -30,17 +30,18 @@ var ChannelListFooterLoadingIndicator = function ChannelListFooterLoadingIndicat
 
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, container],
+    testID: "channel-list-footer-loading-indicator",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 23,
       columnNumber: 5
     }
   }, _react["default"].createElement(_Spinner.Spinner, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 24,
       columnNumber: 7
     }
   }));

package/lib/module/components/ChannelList/ChannelListFooterLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelListFooterLoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","justifyContent","width","ChannelListFooterLoadingIndicator","theme","channelListFooterLoadingIndicator","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,KAAK,EAAE;AAHE;AADoB,CAAlB,CAAf;;AAQO,IAAMC,iCAA2C,GAAG,SAA9CA,iCAA8C,GAAM;AAC/D,kBAII,6BAJJ;AAAA,MAEyCJ,SAFzC,aACEK,KADF,CAEIC,iCAFJ,CAEyCN,SAFzC;;AAMA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAZM;;;AAcPI,iCAAiC,CAACG,WAAlC,GACE,sEADF","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Spinner } from '../Spinner/Spinner';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n\nexport const ChannelListFooterLoadingIndicator: React.FC = () => {\n  const {\n    theme: {\n      channelListFooterLoadingIndicator: { container },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n    </View>\n  );\n};\n\nChannelListFooterLoadingIndicator.displayName =\n  'ChannelListFooterLoadingIndicator{channelListFooterLoadingIndicator}';\n"]}
+{"version":3,"sources":["ChannelListFooterLoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","justifyContent","width","ChannelListFooterLoadingIndicator","theme","channelListFooterLoadingIndicator","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,KAAK,EAAE;AAHE;AADoB,CAAlB,CAAf;;AAQO,IAAMC,iCAA2C,GAAG,SAA9CA,iCAA8C,GAAM;AAC/D,kBAII,6BAJJ;AAAA,MAEyCJ,SAFzC,aACEK,KADF,CAEIC,iCAFJ,CAEyCN,SAFzC;;AAMA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAA4C,IAAA,MAAM,EAAC,uCAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAKD,CAZM;;;AAcPI,iCAAiC,CAACG,WAAlC,GACE,sEADF","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n\nexport const ChannelListFooterLoadingIndicator: React.FC = () => {\n  const {\n    theme: {\n      channelListFooterLoadingIndicator: { container },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]} testID='channel-list-footer-loading-indicator'>\n      <Spinner />\n    </View>\n  );\n};\n\nChannelListFooterLoadingIndicator.displayName =\n  'ChannelListFooterLoadingIndicator{channelListFooterLoadingIndicator}';\n"]}

package/lib/module/components/ChannelList/ChannelListHeaderErrorIndicator.js

@@ -25,7 +25,6 @@ var styles = _reactNative.StyleSheet.create({
   },
   errorText: {
     fontSize: 12,
-    fontWeight: 'bold',
     padding: 3
   }
 });
@@ -42,8 +41,8 @@ var ChannelListHeaderErrorIndicator = function ChannelListHeaderErrorIndicator(_
       container = _useTheme$theme$chann.container,
       errorText = _useTheme$theme$chann.errorText,
       _useTheme$theme$color = _useTheme$theme.colors,
-      accent_red = _useTheme$theme$color.accent_red,
-      grey = _useTheme$theme$color.grey;
+      grey_dark = _useTheme$theme$color.grey_dark,
+      white = _useTheme$theme$color.white;
 
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
       t = _useTranslationContex.t;
@@ -51,23 +50,23 @@ var ChannelListHeaderErrorIndicator = function ChannelListHeaderErrorIndicator(_
   return _react["default"].createElement(_reactNative.TouchableOpacity, {
     onPress: onPress,
     style: [styles.container, {
-      backgroundColor: grey + "E6"
+      backgroundColor: grey_dark + "E6"
     }, container],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 36,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.Text, {
     style: [styles.errorText, {
-      color: accent_red
+      color: white
     }, errorText],
     testID: "channel-loading-error",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 40,
       columnNumber: 7
     }
   }, t('Error while loading, please reload/refresh')));

package/lib/module/components/ChannelList/ChannelListHeaderErrorIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelListHeaderErrorIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","justifyContent","padding","width","errorText","fontSize","fontWeight","ChannelListHeaderErrorIndicator","onPress","theme","channelListHeaderErrorIndicator","colors","accent_red","grey","t","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,OAAO,EAAE,CAHA;AAITC,IAAAA,KAAK,EAAE;AAJE,GADoB;AAO/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,EADD;AAETC,IAAAA,UAAU,EAAE,MAFH;AAGTJ,IAAAA,OAAO,EAAE;AAHA;AAPoB,CAAlB,CAAf;;AAkBO,IAAMK,+BAA2D,GAAG,SAA9DA,+BAA8D,OAErE;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM;AAAA,WAAM,IAAN;AAAA,GACN;;AACJ,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,+BAFJ;AAAA,MAEuCX,SAFvC,yBAEuCA,SAFvC;AAAA,MAEkDK,SAFlD,yBAEkDA,SAFlD;AAAA,8CAGIO,MAHJ;AAAA,MAGcC,UAHd,yBAGcA,UAHd;AAAA,MAG0BC,IAH1B,yBAG0BA,IAH1B;;AAMA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,6BAAD;AACE,IAAA,OAAO,EAAEN,OADX;AAEE,IAAA,KAAK,EAAE,CAACZ,MAAM,CAACG,SAAR,EAAmB;AAAEgB,MAAAA,eAAe,EAAKF,IAAL;AAAjB,KAAnB,EAAqDd,SAArD,CAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACH,MAAM,CAACQ,SAAR,EAAmB;AAAEY,MAAAA,KAAK,EAAEJ;AAAT,KAAnB,EAA0CR,SAA1C,CADT;AAEE,IAAA,MAAM,EAAC,uBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIGU,CAAC,CAAC,4CAAD,CAJJ,CAJF,CADF;AAaD,CAxBM;;;AA0BPP,+BAA+B,CAACU,WAAhC,GACE,kEADF","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 3,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 12,\n    fontWeight: 'bold',\n    padding: 3,\n  },\n});\n\nexport type HeaderErrorProps = {\n  onPress?: (event: GestureResponderEvent) => void;\n};\n\nexport const ChannelListHeaderErrorIndicator: React.FC<HeaderErrorProps> = ({\n  onPress = () => null,\n}) => {\n  const {\n    theme: {\n      channelListHeaderErrorIndicator: { container, errorText },\n      colors: { accent_red, grey },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      style={[styles.container, { backgroundColor: `${grey}E6` }, container]}\n    >\n      <Text\n        style={[styles.errorText, { color: accent_red }, errorText]}\n        testID='channel-loading-error'\n      >\n        {t('Error while loading, please reload/refresh')}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nChannelListHeaderErrorIndicator.displayName =\n  'ChannelListHeaderErrorIndicator{channelListHeaderErrorIndicator}';\n"]}
+{"version":3,"sources":["ChannelListHeaderErrorIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","justifyContent","padding","width","errorText","fontSize","ChannelListHeaderErrorIndicator","onPress","theme","channelListHeaderErrorIndicator","colors","grey_dark","white","t","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,OAAO,EAAE,CAHA;AAITC,IAAAA,KAAK,EAAE;AAJE,GADoB;AAO/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE,EADD;AAETH,IAAAA,OAAO,EAAE;AAFA;AAPoB,CAAlB,CAAf;;AAiBO,IAAMI,+BAA2D,GAAG,SAA9DA,+BAA8D,OAErE;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM;AAAA,WAAM,IAAN;AAAA,GACN;;AACJ,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,+BAFJ;AAAA,MAEuCV,SAFvC,yBAEuCA,SAFvC;AAAA,MAEkDK,SAFlD,yBAEkDA,SAFlD;AAAA,8CAGIM,MAHJ;AAAA,MAGcC,SAHd,yBAGcA,SAHd;AAAA,MAGyBC,KAHzB,yBAGyBA,KAHzB;;AAMA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,6BAAD;AACE,IAAA,OAAO,EAAEN,OADX;AAEE,IAAA,KAAK,EAAE,CAACX,MAAM,CAACG,SAAR,EAAmB;AAAEe,MAAAA,eAAe,EAAKH,SAAL;AAAjB,KAAnB,EAA0DZ,SAA1D,CAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACQ,SAAR,EAAmB;AAAEW,MAAAA,KAAK,EAAEH;AAAT,KAAnB,EAAqCR,SAArC,CAAb;AAA8D,IAAA,MAAM,EAAC,uBAArE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGS,CAAC,CAAC,4CAAD,CADJ,CAJF,CADF;AAUD,CArBM;;;AAuBPP,+BAA+B,CAACU,WAAhC,GACE,kEADF","sourcesContent":["import React from 'react';\nimport { GestureResponderEvent, StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 3,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 12,\n    padding: 3,\n  },\n});\n\nexport type HeaderErrorProps = {\n  onPress?: (event: GestureResponderEvent) => void;\n};\n\nexport const ChannelListHeaderErrorIndicator: React.FC<HeaderErrorProps> = ({\n  onPress = () => null,\n}) => {\n  const {\n    theme: {\n      channelListHeaderErrorIndicator: { container, errorText },\n      colors: { grey_dark, white },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      style={[styles.container, { backgroundColor: `${grey_dark}E6` }, container]}\n    >\n      <Text style={[styles.errorText, { color: white }, errorText]} testID='channel-loading-error'>\n        {t('Error while loading, please reload/refresh')}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nChannelListHeaderErrorIndicator.displayName =\n  'ChannelListHeaderErrorIndicator{channelListHeaderErrorIndicator}';\n"]}

package/lib/module/components/ChannelList/ChannelListHeaderNetworkDownIndicator.js

@@ -35,7 +35,7 @@ var ChannelListHeaderNetworkDownIndicator = function ChannelListHeaderNetworkDow
       container = _useTheme$theme$chann.container,
       errorText = _useTheme$theme$chann.errorText,
       _useTheme$theme$color = _useTheme$theme.colors,
-      grey = _useTheme$theme$color.grey,
+      grey_dark = _useTheme$theme$color.grey_dark,
       white = _useTheme$theme$color.white;
 
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
@@ -43,8 +43,9 @@ var ChannelListHeaderNetworkDownIndicator = function ChannelListHeaderNetworkDow
 
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
-      backgroundColor: grey + "E6"
+      backgroundColor: grey_dark + "E6"
     }, container],
+    testID: "network-down-indicator",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
@@ -58,7 +59,7 @@ var ChannelListHeaderNetworkDownIndicator = function ChannelListHeaderNetworkDow
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, t('Reconnecting...')));

package/lib/module/components/ChannelList/ChannelListHeaderNetworkDownIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelListHeaderNetworkDownIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","justifyContent","padding","width","errorText","fontSize","ChannelListHeaderNetworkDownIndicator","theme","channelListHeaderErrorIndicator","colors","grey","white","t","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,OAAO,EAAE,CAHA;AAITC,IAAAA,KAAK,EAAE;AAJE,GADoB;AAO/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE;AADD;AAPoB,CAAlB,CAAf;;AAYO,IAAMC,qCAA+C,GAAG,SAAlDA,qCAAkD,GAAM;AACnE,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,+BAFJ;AAAA,MAEuCT,SAFvC,yBAEuCA,SAFvC;AAAA,MAEkDK,SAFlD,yBAEkDA,SAFlD;AAAA,8CAGIK,MAHJ;AAAA,MAGcC,IAHd,yBAGcA,IAHd;AAAA,MAGoBC,KAHpB,yBAGoBA,KAHpB;;AAMA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACG,SAAR,EAAmB;AAAEc,MAAAA,eAAe,EAAKH,IAAL;AAAjB,KAAnB,EAAqDX,SAArD,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACQ,SAAR,EAAmB;AAAEU,MAAAA,KAAK,EAAEH;AAAT,KAAnB,EAAqCP,SAArC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA+DQ,CAAC,CAAC,iBAAD,CAAhE,CADF,CADF;AAKD,CAdM;;;AAgBPN,qCAAqC,CAACS,WAAtC,GACE,wEADF","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 8,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 14,\n  },\n});\n\nexport const ChannelListHeaderNetworkDownIndicator: React.FC = () => {\n  const {\n    theme: {\n      channelListHeaderErrorIndicator: { container, errorText },\n      colors: { grey, white },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.container, { backgroundColor: `${grey}E6` }, container]}>\n      <Text style={[styles.errorText, { color: white }, errorText]}>{t('Reconnecting...')}</Text>\n    </View>\n  );\n};\n\nChannelListHeaderNetworkDownIndicator.displayName =\n  'ChannelListHeaderNetworkDownIndicator{channelListHeaderErrorIndicator}';\n"]}
+{"version":3,"sources":["ChannelListHeaderNetworkDownIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","justifyContent","padding","width","errorText","fontSize","ChannelListHeaderNetworkDownIndicator","theme","channelListHeaderErrorIndicator","colors","grey_dark","white","t","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,OAAO,EAAE,CAHA;AAITC,IAAAA,KAAK,EAAE;AAJE,GADoB;AAO/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE;AADD;AAPoB,CAAlB,CAAf;;AAYO,IAAMC,qCAA+C,GAAG,SAAlDA,qCAAkD,GAAM;AACnE,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,+BAFJ;AAAA,MAEuCT,SAFvC,yBAEuCA,SAFvC;AAAA,MAEkDK,SAFlD,yBAEkDA,SAFlD;AAAA,8CAGIK,MAHJ;AAAA,MAGcC,SAHd,yBAGcA,SAHd;AAAA,MAGyBC,KAHzB,yBAGyBA,KAHzB;;AAMA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACG,SAAR,EAAmB;AAAEc,MAAAA,eAAe,EAAKH,SAAL;AAAjB,KAAnB,EAA0DX,SAA1D,CADT;AAEE,IAAA,MAAM,EAAC,wBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACQ,SAAR,EAAmB;AAAEU,MAAAA,KAAK,EAAEH;AAAT,KAAnB,EAAqCP,SAArC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA+DQ,CAAC,CAAC,iBAAD,CAAhE,CAJF,CADF;AAQD,CAjBM;;;AAmBPN,qCAAqC,CAACS,WAAtC,GACE,wEADF","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 8,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 14,\n  },\n});\n\nexport const ChannelListHeaderNetworkDownIndicator: React.FC = () => {\n  const {\n    theme: {\n      channelListHeaderErrorIndicator: { container, errorText },\n      colors: { grey_dark, white },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View\n      style={[styles.container, { backgroundColor: `${grey_dark}E6` }, container]}\n      testID='network-down-indicator'\n    >\n      <Text style={[styles.errorText, { color: white }, errorText]}>{t('Reconnecting...')}</Text>\n    </View>\n  );\n};\n\nChannelListHeaderNetworkDownIndicator.displayName =\n  'ChannelListHeaderNetworkDownIndicator{channelListHeaderErrorIndicator}';\n"]}

package/lib/module/components/ChannelList/ChannelListLoadingIndicator.js

@@ -24,7 +24,9 @@ var styles = _reactNative.StyleSheet.create({
 
 var ChannelListLoadingIndicator = function ChannelListLoadingIndicator() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      white_snow = _useTheme.theme.colors.white_snow;
+      _useTheme$theme = _useTheme.theme,
+      container = _useTheme$theme.channelListLoadingIndicator.container,
+      white_snow = _useTheme$theme.colors.white_snow;
 
   var _useChannelsContext = (0, _ChannelsContext.useChannelsContext)(),
       numberOfSkeletons = _useChannelsContext.numberOfSkeletons,
@@ -33,11 +35,12 @@ var ChannelListLoadingIndicator = function ChannelListLoadingIndicator() {
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
-    }],
+    }, container],
+    testID: "channel-list-loading-indicator",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 23,
       columnNumber: 5
     }
   }, Array.from(Array(numberOfSkeletons)).map(function (_, index) {
@@ -46,7 +49,7 @@ var ChannelListLoadingIndicator = function ChannelListLoadingIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 28,
         columnNumber: 9
       }
     });

package/lib/module/components/ChannelList/ChannelListLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelListLoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","flex","ChannelListLoadingIndicator","white_snow","theme","colors","numberOfSkeletons","Skeleton","backgroundColor","Array","from","map","_","index"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf;;AAMO,IAAMC,2BAAqC,GAAG,SAAxCA,2BAAwC,GAAM;AACzD,kBAII,6BAJJ;AAAA,MAEcC,UAFd,aACEC,KADF,CAEIC,MAFJ,CAEcF,UAFd;;AAKA,4BAAwC,0CAAxC;AAAA,MAAQG,iBAAR,uBAAQA,iBAAR;AAAA,MAA2BC,QAA3B,uBAA2BA,QAA3B;;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACV,MAAM,CAACG,SAAR,EAAmB;AAAEQ,MAAAA,eAAe,EAAEL;AAAnB,KAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGM,KAAK,CAACC,IAAN,CAAWD,KAAK,CAACH,iBAAD,CAAhB,EAAqCK,GAArC,CAAyC,UAACC,CAAD,EAAIC,KAAJ;AAAA,WACxC,gCAAC,QAAD;AAAU,MAAA,GAAG,gBAAcA,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADwC;AAAA,GAAzC,CADH,CADF;AAOD,CAfM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useChannelsContext } from '../../contexts/channelsContext/ChannelsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\nexport const ChannelListLoadingIndicator: React.FC = () => {\n  const {\n    theme: {\n      colors: { white_snow },\n    },\n  } = useTheme();\n  const { numberOfSkeletons, Skeleton } = useChannelsContext();\n\n  return (\n    <View style={[styles.container, { backgroundColor: white_snow }]}>\n      {Array.from(Array(numberOfSkeletons)).map((_, index) => (\n        <Skeleton key={`skeleton_${index}`} />\n      ))}\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["ChannelListLoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","flex","ChannelListLoadingIndicator","theme","channelListLoadingIndicator","white_snow","colors","numberOfSkeletons","Skeleton","backgroundColor","Array","from","map","_","index"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf;;AAMO,IAAMC,2BAAqC,GAAG,SAAxCA,2BAAwC,GAAM;AACzD,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEmCH,SAFnC,mBAEII,2BAFJ,CAEmCJ,SAFnC;AAAA,MAGcK,UAHd,mBAGIC,MAHJ,CAGcD,UAHd;;AAMA,4BAAwC,0CAAxC;AAAA,MAAQE,iBAAR,uBAAQA,iBAAR;AAAA,MAA2BC,QAA3B,uBAA2BA,QAA3B;;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACX,MAAM,CAACG,SAAR,EAAmB;AAAES,MAAAA,eAAe,EAAEJ;AAAnB,KAAnB,EAAoDL,SAApD,CADT;AAEE,IAAA,MAAM,EAAC,gCAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIGU,KAAK,CAACC,IAAN,CAAWD,KAAK,CAACH,iBAAD,CAAhB,EAAqCK,GAArC,CAAyC,UAACC,CAAD,EAAIC,KAAJ;AAAA,WACxC,gCAAC,QAAD;AAAU,MAAA,GAAG,gBAAcA,KAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADwC;AAAA,GAAzC,CAJH,CADF;AAUD,CAnBM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useChannelsContext } from '../../contexts/channelsContext/ChannelsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n\nexport const ChannelListLoadingIndicator: React.FC = () => {\n  const {\n    theme: {\n      channelListLoadingIndicator: { container },\n      colors: { white_snow },\n    },\n  } = useTheme();\n  const { numberOfSkeletons, Skeleton } = useChannelsContext();\n\n  return (\n    <View\n      style={[styles.container, { backgroundColor: white_snow }, container]}\n      testID='channel-list-loading-indicator'\n    >\n      {Array.from(Array(numberOfSkeletons)).map((_, index) => (\n        <Skeleton key={`skeleton_${index}`} />\n      ))}\n    </View>\n  );\n};\n"]}

package/lib/module/components/ChannelList/ChannelListMessenger.js

@@ -15,14 +15,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _ChannelPreview = require("../ChannelPreview/ChannelPreview");
+var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext");
 
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
 
-var _ChannelsContext = require("../../contexts/channelsContext/ChannelsContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
+var _ChannelPreview = require("../ChannelPreview/ChannelPreview");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelList/ChannelListMessenger.tsx";
 
@@ -64,14 +64,14 @@ var StatusIndicator = function StatusIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 75,
+        lineNumber: 53,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderNetworkDownIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 54,
         columnNumber: 9
       }
     }));
@@ -81,7 +81,7 @@ var StatusIndicator = function StatusIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 59,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderErrorIndicator, {
@@ -89,7 +89,7 @@ var StatusIndicator = function StatusIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 60,
         columnNumber: 9
       }
     }));
@@ -105,7 +105,7 @@ var renderItem = function renderItem(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 73,
       columnNumber: 7
     }
   });
@@ -161,7 +161,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 127,
         columnNumber: 7
       }
     });
@@ -178,7 +178,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 183,
+        lineNumber: 143,
         columnNumber: 46
       }
     }) : null;
@@ -196,7 +196,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 198,
+        lineNumber: 158,
         columnNumber: 13
       }
     }) : _react["default"].createElement(EmptyStateIndicator, {
@@ -204,7 +204,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 200,
+        lineNumber: 160,
         columnNumber: 13
       }
     }),
@@ -212,7 +212,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 203,
+        lineNumber: 163,
         columnNumber: 48
       }
     }) : undefined,
@@ -226,7 +226,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 209,
+        lineNumber: 169,
         columnNumber: 25
       }
     }),
@@ -239,14 +239,14 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 147,
       columnNumber: 7
     }
   })), _react["default"].createElement(StatusIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 175,
       columnNumber: 7
     }
   }));
@@ -294,7 +294,7 @@ var ChannelListMessenger = function ChannelListMessenger(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
+      lineNumber: 216,
       columnNumber: 5
     }
   }));

package/lib/module/components/ChannelList/ChannelListMessenger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChannelListMessenger.tsx"],"names":["styles","StyleSheet","create","flatList","flex","flatListContentContainer","flexGrow","statusIndicator","left","position","right","top","StatusIndicator","isOnline","error","HeaderErrorIndicator","HeaderNetworkDownIndicator","loadingChannels","refreshList","renderItem","item","keyExtractor","cid","ChannelListMessengerWithContext","props","additionalFlatListProps","channels","EmptyStateIndicator","FooterLoadingIndicator","forceUpdate","ListHeaderComponent","LoadingErrorIndicator","LoadingIndicator","loadingNextPage","loadMoreThreshold","loadNextPage","refreshing","reloadList","setFlatListRef","theme","channelListMessenger","flatListContent","white_snow","colors","loading","setLoading","length","onEndReached","ListFooterComponent","backgroundColor","undefined","ChannelListMessenger","displayName"],"mappings":";;;;;;;;;;;;;AAAA;;AAGA;;AAEA;;AAEA;;AACA;;AAIA;;;;;;;;;AAeA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GADqB;AAE/BC,EAAAA,wBAAwB,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAZ,GAFK;AAG/BC,EAAAA,eAAe,EAAE;AAAEC,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,QAAQ,EAAE,UAArB;AAAiCC,IAAAA,KAAK,EAAE,CAAxC;AAA2CC,IAAAA,GAAG,EAAE;AAAhD;AAHc,CAAlB,CAAf;;AA8BA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAQjB;AACL,wBAAqB,kCAArB;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,4BACE,0CADF;AAAA,MAAQC,KAAR,uBAAQA,KAAR;AAAA,MAAeC,oBAAf,uBAAeA,oBAAf;AAAA,MAAqCC,0BAArC,uBAAqCA,0BAArC;AAAA,MAAiEC,eAAjE,uBAAiEA,eAAjE;AAAA,MAAkFC,WAAlF,uBAAkFA,WAAlF;;AAGA,MAAID,eAAJ,EAAqB,OAAO,IAAP;;AAErB,MAAI,CAACJ,QAAL,EAAe;AACb,WACE,gCAAC,iBAAD;AAAM,MAAA,KAAK,EAAEb,MAAM,CAACO,eAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,gCAAC,0BAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF;AAKD,GAND,MAMO,IAAIO,KAAJ,EAAW;AAChB,WACE,gCAAC,iBAAD;AAAM,MAAA,KAAK,EAAEd,MAAM,CAACO,eAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,gCAAC,oBAAD;AAAsB,MAAA,OAAO,EAAEW,WAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF;AAKD;;AACD,SAAO,IAAP;AACD,CA7BD;;AA+BA,IAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,MASjBC,IATiB,QASjBA,IATiB;AAAA,SAYb,gCAAC,8BAAD;AAA4C,IAAA,OAAO,EAAEA,IAArD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAZa;AAAA,CAAnB;;AAcA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CASnBD,IATmB;AAAA,SAUhBA,IAAI,CAACE,GAVW;AAAA,CAArB;;AAYA,IAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CAStCC,KATsC,EAUnC;AACH,MACEC,uBADF,GAkBID,KAlBJ,CACEC,uBADF;AAAA,MAEEC,QAFF,GAkBIF,KAlBJ,CAEEE,QAFF;AAAA,MAGEC,mBAHF,GAkBIH,KAlBJ,CAGEG,mBAHF;AAAA,MAIEb,KAJF,GAkBIU,KAlBJ,CAIEV,KAJF;AAAA,MAKEc,sBALF,GAkBIJ,KAlBJ,CAKEI,sBALF;AAAA,MAMEC,WANF,GAkBIL,KAlBJ,CAMEK,WANF;AAAA,MAOEC,mBAPF,GAkBIN,KAlBJ,CAOEM,mBAPF;AAAA,MAQEb,eARF,GAkBIO,KAlBJ,CAQEP,eARF;AAAA,MASEc,qBATF,GAkBIP,KAlBJ,CASEO,qBATF;AAAA,MAUEC,gBAVF,GAkBIR,KAlBJ,CAUEQ,gBAVF;AAAA,MAWEC,eAXF,GAkBIT,KAlBJ,CAWES,eAXF;AAAA,MAYEC,iBAZF,GAkBIV,KAlBJ,CAYEU,iBAZF;AAAA,MAaEC,YAbF,GAkBIX,KAlBJ,CAaEW,YAbF;AAAA,MAcEC,UAdF,GAkBIZ,KAlBJ,CAcEY,UAdF;AAAA,MAeElB,WAfF,GAkBIM,KAlBJ,CAeEN,WAfF;AAAA,MAgBEmB,UAhBF,GAkBIb,KAlBJ,CAgBEa,UAhBF;AAAA,MAiBEC,cAjBF,GAkBId,KAlBJ,CAiBEc,cAjBF;;AAoBA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,oBAFJ;AAAA,MAE4BrC,QAF5B,yBAE4BA,QAF5B;AAAA,MAEsCsC,eAFtC,yBAEsCA,eAFtC;AAAA,MAGcC,UAHd,mBAGIC,MAHJ,CAGcD,UAHd;;AAYA,kBAA8B,qBAAS,IAAT,CAA9B;AAAA;AAAA,MAAOE,OAAP;AAAA,MAAgBC,UAAhB;;AACA,wBAAU,YAAM;AACd,QAAI,CAAC,CAAC5B,eAAF,KAAsB2B,OAA1B,EAAmC;AACjCC,MAAAA,UAAU,CAAC,CAAC,CAAC5B,eAAH,CAAV;AACD;AACF,GAJD,EAIG,CAAC2B,OAAD,EAAU3B,eAAV,CAJH;;AAMA,MAAIH,KAAK,IAAI,CAACsB,UAAV,IAAwB,CAACnB,eAAzB,IAA4C,EAACS,QAAD,YAACA,QAAQ,CAAEoB,MAAX,CAAhD,EAAmE;AACjE,WACE,gCAAC,qBAAD;AACE,MAAA,KAAK,EAAEhC,KADT;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,YAAY,EAAEqB,YAHhB;AAIE,MAAA,KAAK,EAAEE,UAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAQD;;AAED,MAAMU,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzB,QAAIZ,YAAJ,EAAkB;AAChBA,MAAAA,YAAY;AACb;AACF,GAJD;;AAMA,MAAMa,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,WAC1BtB,QAAQ,CAACoB,MAAT,IAAmBhB,mBAAnB,GAAyC,gCAAC,mBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAzC,GAAmE,IADzC;AAAA,GAA5B;;AAGA,SACE,kEACE,gCAAC,qBAAD;AACE,IAAA,qBAAqB,EAAE,CACrB9B,MAAM,CAACK,wBADc,EAErB;AAAE4C,MAAAA,eAAe,EAAEP;AAAnB,KAFqB,EAGrBD,eAHqB,CADzB;AAME,IAAA,IAAI,EAAEf,QANR;AAOE,IAAA,SAAS,EAAEG,WAPb;AAQE,IAAA,YAAY,EAAER,YARhB;AASE,IAAA,kBAAkB,EAChBuB,OAAO,GACL,gCAAC,gBAAD;AAAkB,MAAA,QAAQ,EAAC,SAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADK,GAGL,gCAAC,mBAAD;AAAqB,MAAA,QAAQ,EAAC,SAA9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAbN;AAgBE,IAAA,mBAAmB,EAAEX,eAAe,GAAG,gCAAC,sBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAH,GAAgCiB,SAhBtE;AAiBE,IAAA,mBAAmB,EAAEF,mBAjBvB;AAkBE,IAAA,YAAY,EAAED,YAlBhB;AAmBE,IAAA,qBAAqB,EAAEb,iBAnBzB;AAqBE,IAAA,GAAG,EAAEI,cArBP;AAsBE,IAAA,cAAc,EAAE,gCAAC,2BAAD;AAAgB,MAAA,SAAS,EAAEpB,WAA3B;AAAwC,MAAA,UAAU,EAAEkB,UAApD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAtBlB;AAuBE,IAAA,UAAU,EAAEjB,UAvBd;AAwBE,IAAA,KAAK,EAAE,CAACnB,MAAM,CAACG,QAAR,EAAkB;AAAE8C,MAAAA,eAAe,EAAEP;AAAnB,KAAlB,EAAmDvC,QAAnD,CAxBT;AAyBE,IAAA,MAAM,EAAC;AAzBT,KA0BMsB,uBA1BN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF,EA6BE,gCAAC,eAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA7BF,CADF;AAiCD,CAvGD;;AAyHO,IAAM0B,oBAAoB,GAAG,SAAvBA,oBAAuB,CASlC3B,KATkC,EAU/B;AACH,6BAkBI,0CAlBJ;AAAA,MACEC,uBADF,wBACEA,uBADF;AAAA,MAEEC,QAFF,wBAEEA,QAFF;AAAA,MAGEC,mBAHF,wBAGEA,mBAHF;AAAA,MAIEb,KAJF,wBAIEA,KAJF;AAAA,MAKEc,sBALF,wBAKEA,sBALF;AAAA,MAMEC,WANF,wBAMEA,WANF;AAAA,MAOEC,mBAPF,wBAOEA,mBAPF;AAAA,MAQEb,eARF,wBAQEA,eARF;AAAA,MASEc,qBATF,wBASEA,qBATF;AAAA,MAUEC,gBAVF,wBAUEA,gBAVF;AAAA,MAWEC,eAXF,wBAWEA,eAXF;AAAA,MAYEC,iBAZF,wBAYEA,iBAZF;AAAA,MAaEC,YAbF,wBAaEA,YAbF;AAAA,MAcEC,UAdF,wBAcEA,UAdF;AAAA,MAeElB,WAfF,wBAeEA,WAfF;AAAA,MAgBEmB,UAhBF,wBAgBEA,UAhBF;AAAA,MAiBEC,cAjBF,wBAiBEA,cAjBF;;AAoBA,SACE,gCAAC,+BAAD;AAEIb,IAAAA,uBAAuB,EAAvBA,uBAFJ;AAGIC,IAAAA,QAAQ,EAARA,QAHJ;AAIIC,IAAAA,mBAAmB,EAAnBA,mBAJJ;AAKIb,IAAAA,KAAK,EAALA,KALJ;AAMIc,IAAAA,sBAAsB,EAAtBA,sBANJ;AAOIC,IAAAA,WAAW,EAAXA,WAPJ;AAQIC,IAAAA,mBAAmB,EAAnBA,mBARJ;AASIb,IAAAA,eAAe,EAAfA,eATJ;AAUIc,IAAAA,qBAAqB,EAArBA,qBAVJ;AAWIC,IAAAA,gBAAgB,EAAhBA,gBAXJ;AAYIC,IAAAA,eAAe,EAAfA,eAZJ;AAaIC,IAAAA,iBAAiB,EAAjBA,iBAbJ;AAcIC,IAAAA,YAAY,EAAZA,YAdJ;AAeIC,IAAAA,UAAU,EAAVA,UAfJ;AAgBIlB,IAAAA,WAAW,EAAXA,WAhBJ;AAiBImB,IAAAA,UAAU,EAAVA,UAjBJ;AAkBIC,IAAAA,cAAc,EAAdA;AAlBJ,KAoBMd,KApBN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AAwBD,CAvDM;;;AAyDP2B,oBAAoB,CAACC,WAArB,GAAmC,4CAAnC","sourcesContent":["import React, { useEffect, useState } from 'react';\n// RNGR's FlatList ist currently breaking the pull-to-refresh behaviour on Android\n// See https://github.com/software-mansion/react-native-gesture-handler/issues/598\nimport { FlatList, RefreshControl, StyleSheet, View } from 'react-native';\n\nimport { ChannelPreview } from '../ChannelPreview/ChannelPreview';\n\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { Channel } 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\nconst styles = StyleSheet.create({\n  flatList: { flex: 1 },\n  flatListContentContainer: { flexGrow: 1 },\n  statusIndicator: { left: 0, position: 'absolute', right: 0, top: 0 },\n});\n\nexport type ChannelListMessengerPropsWithContext<\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  ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  | 'hasNextPage'\n  | 'HeaderErrorIndicator'\n  | 'HeaderNetworkDownIndicator'\n  | 'maxUnreadCount'\n  | 'numberOfSkeletons'\n  | 'onSelect'\n  | 'Preview'\n  | 'PreviewTitle'\n  | 'PreviewStatus'\n  | 'PreviewAvatar'\n  | 'previewMessage'\n  | 'Skeleton'\n>;\n\nconst StatusIndicator = <\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  const { isOnline } = useChatContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { error, HeaderErrorIndicator, HeaderNetworkDownIndicator, loadingChannels, refreshList } =\n    useChannelsContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  if (loadingChannels) return null;\n\n  if (!isOnline) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderNetworkDownIndicator />\n      </View>\n    );\n  } else if (error) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderErrorIndicator onPress={refreshList} />\n      </View>\n    );\n  }\n  return null;\n};\n\nconst renderItem = <\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  item,\n}: {\n  item: Channel<At, Ch, Co, Ev, Me, Re, Us>;\n}) => <ChannelPreview<At, Ch, Co, Ev, Me, Re, Us> channel={item} />;\n\nconst keyExtractor = <\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  item: Channel<At, Ch, Co, Ev, Me, Re, Us>,\n) => item.cid;\n\nconst ChannelListMessengerWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ChannelListMessengerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = props;\n\n  const {\n    theme: {\n      channelListMessenger: { flatList, flatListContent },\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  /**\n   * In order to prevent the EmptyStateIndicator component from showing up briefly on mount,\n   * we set the loading state one cycle behind to ensure the channels are set before the\n   * change to loadingChannels is registered.\n   */\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    if (!!loadingChannels !== loading) {\n      setLoading(!!loadingChannels);\n    }\n  }, [loading, loadingChannels]);\n\n  if (error && !refreshing && !loadingChannels && !channels?.length) {\n    return (\n      <LoadingErrorIndicator\n        error={error}\n        listType='channel'\n        loadNextPage={loadNextPage}\n        retry={reloadList}\n      />\n    );\n  }\n\n  const onEndReached = () => {\n    if (loadNextPage) {\n      loadNextPage();\n    }\n  };\n\n  const ListFooterComponent = () =>\n    channels.length && ListHeaderComponent ? <ListHeaderComponent /> : null;\n\n  return (\n    <>\n      <FlatList\n        contentContainerStyle={[\n          styles.flatListContentContainer,\n          { backgroundColor: white_snow },\n          flatListContent,\n        ]}\n        data={channels}\n        extraData={forceUpdate}\n        keyExtractor={keyExtractor}\n        ListEmptyComponent={\n          loading ? (\n            <LoadingIndicator listType='channel' />\n          ) : (\n            <EmptyStateIndicator listType='channel' />\n          )\n        }\n        ListFooterComponent={loadingNextPage ? <FooterLoadingIndicator /> : undefined}\n        ListHeaderComponent={ListFooterComponent}\n        onEndReached={onEndReached}\n        onEndReachedThreshold={loadMoreThreshold}\n        // @ts-expect-error waiting for this merged PR to be released https://github.com/software-mansion/react-native-gesture-handler/pull/1394\n        ref={setFlatListRef}\n        refreshControl={<RefreshControl onRefresh={refreshList} refreshing={refreshing} />}\n        renderItem={renderItem}\n        style={[styles.flatList, { backgroundColor: white_snow }, flatList]}\n        testID='channel-list-messenger'\n        {...additionalFlatListProps}\n      />\n      <StatusIndicator<At, Ch, Co, Ev, Me, Re, Us> />\n    </>\n  );\n};\n\nexport type ChannelListMessengerProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<ChannelListMessengerPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\n/**\n * This UI component displays the preview list of channels and handles Channel navigation. It\n * receives all props from the ChannelList component.\n *\n * @example ./ChannelListMessenger.md\n */\nexport const ChannelListMessenger = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ChannelListMessengerProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = useChannelsContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <ChannelListMessengerWithContext\n      {...{\n        additionalFlatListProps,\n        channels,\n        EmptyStateIndicator,\n        error,\n        FooterLoadingIndicator,\n        forceUpdate,\n        ListHeaderComponent,\n        loadingChannels,\n        LoadingErrorIndicator,\n        LoadingIndicator,\n        loadingNextPage,\n        loadMoreThreshold,\n        loadNextPage,\n        refreshing,\n        refreshList,\n        reloadList,\n        setFlatListRef,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelListMessenger.displayName = 'ChannelListMessenger{channelListMessenger}';\n"]}
+{"version":3,"sources":["ChannelListMessenger.tsx"],"names":["styles","StyleSheet","create","flatList","flex","flatListContentContainer","flexGrow","statusIndicator","left","position","right","top","StatusIndicator","isOnline","error","HeaderErrorIndicator","HeaderNetworkDownIndicator","loadingChannels","refreshList","renderItem","item","keyExtractor","cid","ChannelListMessengerWithContext","props","additionalFlatListProps","channels","EmptyStateIndicator","FooterLoadingIndicator","forceUpdate","ListHeaderComponent","LoadingErrorIndicator","LoadingIndicator","loadingNextPage","loadMoreThreshold","loadNextPage","refreshing","reloadList","setFlatListRef","theme","channelListMessenger","flatListContent","white_snow","colors","loading","setLoading","length","onEndReached","ListFooterComponent","backgroundColor","undefined","ChannelListMessenger","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\n// RNGR's FlatList ist currently breaking the pull-to-refresh behaviour on Android\n// See https://github.com/software-mansion/react-native-gesture-handler/issues/598\nimport { FlatList, RefreshControl, StyleSheet, View } from 'react-native';\n\nimport type { Channel } from 'stream-chat';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { ChannelPreview } from '../ChannelPreview/ChannelPreview';\n\nconst styles = StyleSheet.create({\n  flatList: { flex: 1 },\n  flatListContentContainer: { flexGrow: 1 },\n  statusIndicator: { left: 0, position: 'absolute', right: 0, top: 0 },\n});\n\nexport type ChannelListMessengerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Omit<\n  ChannelsContextValue<StreamChatGenerics>,\n  | 'hasNextPage'\n  | 'HeaderErrorIndicator'\n  | 'HeaderNetworkDownIndicator'\n  | 'maxUnreadCount'\n  | 'numberOfSkeletons'\n  | 'onSelect'\n  | 'Preview'\n  | 'PreviewTitle'\n  | 'PreviewStatus'\n  | 'PreviewAvatar'\n  | 'previewMessage'\n  | 'Skeleton'\n>;\n\nconst StatusIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { isOnline } = useChatContext<StreamChatGenerics>();\n  const { error, HeaderErrorIndicator, HeaderNetworkDownIndicator, loadingChannels, refreshList } =\n    useChannelsContext<StreamChatGenerics>();\n\n  if (loadingChannels) return null;\n\n  if (!isOnline) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderNetworkDownIndicator />\n      </View>\n    );\n  } else if (error) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderErrorIndicator onPress={refreshList} />\n      </View>\n    );\n  }\n  return null;\n};\n\nconst renderItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: Channel<StreamChatGenerics>;\n}) => <ChannelPreview<StreamChatGenerics> channel={item} />;\n\nconst keyExtractor = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  item: Channel<StreamChatGenerics>,\n) => item.cid;\n\nconst ChannelListMessengerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListMessengerPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = props;\n\n  const {\n    theme: {\n      channelListMessenger: { flatList, flatListContent },\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  /**\n   * In order to prevent the EmptyStateIndicator component from showing up briefly on mount,\n   * we set the loading state one cycle behind to ensure the channels are set before the\n   * change to loadingChannels is registered.\n   */\n  const [loading, setLoading] = useState(true);\n  useEffect(() => {\n    if (!!loadingChannels !== loading) {\n      setLoading(!!loadingChannels);\n    }\n  }, [loading, loadingChannels]);\n\n  if (error && !refreshing && !loadingChannels && !channels?.length) {\n    return (\n      <LoadingErrorIndicator\n        error={error}\n        listType='channel'\n        loadNextPage={loadNextPage}\n        retry={reloadList}\n      />\n    );\n  }\n\n  const onEndReached = () => {\n    if (loadNextPage) {\n      loadNextPage();\n    }\n  };\n\n  const ListFooterComponent = () =>\n    channels.length && ListHeaderComponent ? <ListHeaderComponent /> : null;\n\n  return (\n    <>\n      <FlatList\n        contentContainerStyle={[\n          styles.flatListContentContainer,\n          { backgroundColor: white_snow },\n          flatListContent,\n        ]}\n        data={channels}\n        extraData={forceUpdate}\n        keyExtractor={keyExtractor}\n        ListEmptyComponent={\n          loading ? (\n            <LoadingIndicator listType='channel' />\n          ) : (\n            <EmptyStateIndicator listType='channel' />\n          )\n        }\n        ListFooterComponent={loadingNextPage ? <FooterLoadingIndicator /> : undefined}\n        ListHeaderComponent={ListFooterComponent}\n        onEndReached={onEndReached}\n        onEndReachedThreshold={loadMoreThreshold}\n        // @ts-expect-error waiting for this merged PR to be released https://github.com/software-mansion/react-native-gesture-handler/pull/1394\n        ref={setFlatListRef}\n        refreshControl={<RefreshControl onRefresh={refreshList} refreshing={refreshing} />}\n        renderItem={renderItem}\n        style={[styles.flatList, { backgroundColor: white_snow }, flatList]}\n        testID='channel-list-messenger'\n        {...additionalFlatListProps}\n      />\n      <StatusIndicator<StreamChatGenerics> />\n    </>\n  );\n};\n\nexport type ChannelListMessengerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ChannelListMessengerPropsWithContext<StreamChatGenerics>>;\n\n/**\n * This UI component displays the preview list of channels and handles Channel navigation. It\n * receives all props from the ChannelList component.\n *\n * @example ./ChannelListMessenger.md\n */\nexport const ChannelListMessenger = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListMessengerProps<StreamChatGenerics>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = useChannelsContext<StreamChatGenerics>();\n\n  return (\n    <ChannelListMessengerWithContext\n      {...{\n        additionalFlatListProps,\n        channels,\n        EmptyStateIndicator,\n        error,\n        FooterLoadingIndicator,\n        forceUpdate,\n        ListHeaderComponent,\n        loadingChannels,\n        LoadingErrorIndicator,\n        LoadingIndicator,\n        loadingNextPage,\n        loadMoreThreshold,\n        loadNextPage,\n        refreshing,\n        refreshList,\n        reloadList,\n        setFlatListRef,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelListMessenger.displayName = 'ChannelListMessenger{channelListMessenger}';\n"]}

package/lib/module/components/ChannelList/Skeleton.js

@@ -57,6 +57,7 @@ var Skeleton = function Skeleton() {
       gradientStop = _useTheme$theme$chann.gradientStop,
       _useTheme$theme$chann3 = _useTheme$theme$chann.height,
       height = _useTheme$theme$chann3 === void 0 ? 64 : _useTheme$theme$chann3,
+      maskFillColor = _useTheme$theme$chann.maskFillColor,
       _useTheme$theme$color = _useTheme$theme.colors,
       border = _useTheme$theme$color.border,
       grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
@@ -92,7 +93,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 117,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -102,7 +103,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 121,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNativeReanimated["default"].View, {
@@ -110,7 +111,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 122,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeSvg.Svg, {
@@ -119,7 +120,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 123,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeSvg.Rect, {
@@ -131,14 +132,14 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 124,
       columnNumber: 11
     }
   }), _react["default"].createElement(_reactNativeSvg.Defs, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 125,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeSvg.LinearGradient, {
@@ -151,7 +152,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 126,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeSvg.Stop, (0, _extends2["default"])({
@@ -161,7 +162,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 134,
       columnNumber: 15
     }
   })), _react["default"].createElement(_reactNativeSvg.Stop, (0, _extends2["default"])({
@@ -171,7 +172,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 15
     }
   })), _react["default"].createElement(_reactNativeSvg.Stop, (0, _extends2["default"])({
@@ -181,7 +182,7 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 136,
       columnNumber: 15
     }
   })))))), _react["default"].createElement(_reactNativeSvg.Svg, {
@@ -190,16 +191,16 @@ var Skeleton = function Skeleton() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 141,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNativeSvg.Path, {
     d: d.value,
-    fill: white_snow,
+    fill: maskFillColor || white_snow,
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 142,
       columnNumber: 9
     }
   })));