npm - stream-chat-react-native-core - Versions diffs - 5.8.0 → 5.8.1-beta.2 - Mend

stream-chat-react-native-core 5.8.0 → 5.8.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/lib/module/components/ChannelList/hooks/usePaginatedChannels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["waitSeconds","seconds","Promise","resolve","setTimeout","ONE_SECOND_IN_MS","DEFAULT_OPTIONS","message_limit","MAX_NUMBER_OF_RETRIES","RETRY_INTERVAL_IN_MS","usePaginatedChannels","enableOfflineSupport","filters","options","setForceUpdate","sort","useChatContext","client","useState","channels","setChannels","staticChannelsActive","setStaticChannelsActive","activeChannels","useActiveChannelsRefContext","error","setError","hasNextPage","setHasNextPage","lastRefresh","useRef","Date","now","isQueryingRef","activeQueryType","setActiveQueryType","isMountedRef","useIsMountedRef","filtersRef","sortRef","activeRequestId","queryChannels","queryType","retryCount","current","hasUpdatedData","JSON","stringify","some","Boolean","isQueryStale","currentRequestId","undefined","newOptions","limit","MAX_QUERY_CHANNELS_LIMIT","offset","length","activeChannelIds","cid","id","push","skipInitialization","channelQueryResponse","newChannels","map","c","existingChannel","console","warn","Error","loadNextPage","refreshList","reloadList","filterStr","useMemo","sortStr","useEffect","loadOfflineChannels","user","channelsFromDB","getChannelsForFilterSort","currentUserId","hydrateActiveChannels","offlineMode","e","listener","DBSyncManager","onSyncStatusChange","syncStatus","dbSyncStatus","getSyncStatus","on","event","online","u","unsubscribe","loadingChannels","loadingNextPage","refreshing"],"sources":["usePaginatedChannels.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { Channel, ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';\n\nimport { useActiveChannelsRefContext } from '../../../contexts/activeChannelsRefContext/ActiveChannelsRefContext';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { useIsMountedRef } from '../../../hooks/useIsMountedRef';\n\nimport { getChannelsForFilterSort } from '../../../store/apis/getChannelsForFilterSort';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\nimport { DBSyncManager } from '../../../utils/DBSyncManager';\nimport { MAX_QUERY_CHANNELS_LIMIT } from '../utils';\n\nconst waitSeconds = (seconds: number) =>\n new Promise((resolve) => {\n setTimeout(resolve, seconds * ONE_SECOND_IN_MS);\n });\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n {\n enableOfflineSupport: boolean;\n filters: ChannelFilters<StreamChatGenerics>;\n options: ChannelOptions;\n setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n sort: ChannelSort<StreamChatGenerics>;\n };\n\nconst DEFAULT_OPTIONS = {\n message_limit: 10,\n};\n\nconst MAX_NUMBER_OF_RETRIES = 3;\nconst RETRY_INTERVAL_IN_MS = 5000;\n\ntype QueryType = 'queryLocalDB' \| 'reload' \| 'refresh' \| 'loadChannels';\n\nexport type QueryChannels = (queryType?: QueryType, retryCount?: number) => Promise<void>;\n\nexport const usePaginatedChannels = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n enableOfflineSupport,\n filters = {},\n options = DEFAULT_OPTIONS,\n setForceUpdate,\n sort = {},\n}: Parameters<StreamChatGenerics>) => {\n const { client } = useChatContext<StreamChatGenerics>();\n const [channels, setChannels] = useState<Channel<StreamChatGenerics>[] \| null>(null);\n const [staticChannelsActive, setStaticChannelsActive] = useState<boolean>(false);\n const activeChannels = useActiveChannelsRefContext();\n const [error, setError] = useState<Error>();\n const [hasNextPage, setHasNextPage] = useState(true);\n const lastRefresh = useRef(Date.now());\n const isQueryingRef = useRef(false);\n const [activeQueryType, setActiveQueryType] = useState<QueryType \| null>('queryLocalDB');\n const isMountedRef = useIsMountedRef();\n const filtersRef = useRef<typeof filters \| null>(null);\n const sortRef = useRef<typeof sort \| null>(null);\n const activeRequestId = useRef<number>(0);\n\n const queryChannels: QueryChannels = async (\n queryType: QueryType = 'loadChannels',\n retryCount = 0,\n ): Promise<void> => {\n if (!client \|\| !isMountedRef.current) return;\n\n const hasUpdatedData =\n queryType === 'loadChannels' \|\|\n queryType === 'refresh' \|\|\n [\n JSON.stringify(filtersRef.current) !== JSON.stringify(filters),\n JSON.stringify(sortRef.current) !== JSON.stringify(sort),\n ].some(Boolean);\n\n const isQueryStale = () => !isMountedRef \|\| activeRequestId.current !== currentRequestId;\n\n /*\n We don't need to make another call to query channels if we don't\n * have new data for the query to include\n * /\n if (!hasUpdatedData) {\n if (activeQueryType === null) return;\n }\n\n filtersRef.current = filters;\n sortRef.current = sort;\n isQueryingRef.current = true;\n setError(undefined);\n activeRequestId.current++;\n const currentRequestId = activeRequestId.current;\n setActiveQueryType(queryType);\n\n const newOptions = {\n limit: options?.limit ?? MAX_QUERY_CHANNELS_LIMIT,\n offset:\n queryType === 'loadChannels' && !staticChannelsActive && channels ? channels.length : 0,\n ...options,\n };\n\n try {\n const activeChannelIds: string[] = [];\n for (const cid in client.activeChannels) {\n if (client.activeChannels[cid].id) {\n // @ts-ignore\n activeChannelIds.push(client.activeChannels[cid].id);\n }\n }\n\n // TODO: Think about the implications of this.\n const channelQueryResponse = await client.queryChannels(filters, sort, newOptions, {\n skipInitialization: enableOfflineSupport ? activeChannelIds : activeChannels.current,\n });\n if (isQueryStale() \|\| !isMountedRef.current) {\n return;\n }\n\n const newChannels =\n queryType === 'loadChannels' && !staticChannelsActive && channels\n ? [...channels, ...channelQueryResponse]\n : channelQueryResponse.map((c) => {\n const existingChannel = client.activeChannels[c.cid];\n if (existingChannel) {\n return existingChannel;\n }\n\n return c;\n });\n\n setChannels(newChannels);\n setStaticChannelsActive(false);\n setHasNextPage(channelQueryResponse.length >= newOptions.limit);\n setError(undefined);\n isQueryingRef.current = false;\n } catch (err: unknown) {\n isQueryingRef.current = false;\n await waitSeconds(2);\n\n if (isQueryStale()) {\n return;\n }\n\n // querying.current check is needed in order to make sure the next query call doesnt flick an error\n // state and then succeed (reconnect case)\n if (retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current) {\n setActiveQueryType(null);\n console.warn(err);\n\n setError(\n new Error(\n `Maximum number of retries reached in queryChannels. Last error message is: ${err}`,\n ),\n );\n return;\n }\n\n return queryChannels(queryType, retryCount + 1);\n }\n\n setActiveQueryType(null);\n };\n\n const loadNextPage = hasNextPage ? queryChannels : undefined;\n\n const refreshList = () => {\n const now = Date.now();\n // Only allow pull-to-refresh 5 seconds after last successful refresh.\n if (now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined) {\n return;\n }\n\n lastRefresh.current = Date.now();\n return queryChannels('refresh');\n };\n\n const reloadList = () => queryChannels('reload');\n\n /\n Equality check using stringified filters/sort ensure that we don't make un-necessary queryChannels api calls\n * for the scenario:\n \n <ChannelList\n * filters={{\n * members: { $in: ['vishal'] }\n * }}\n * ...\n * />\n \n Here we have passed filters as inline object, which means on every re-render of\n * parent component, ChannelList will receive new object reference (even though value is same), which\n * in return will trigger useEffect. To avoid this, we can add a value check.\n */\n const filterStr = useMemo(() => JSON.stringify(filters), [filters]);\n const sortStr = useMemo(() => JSON.stringify(sort), [sort]);\n\n useEffect(() => {\n const loadOfflineChannels = () => {\n if (!client?.user?.id) return;\n\n try {\n const channelsFromDB = getChannelsForFilterSort({\n currentUserId: client.user.id,\n filters,\n sort,\n });\n\n if (channelsFromDB) {\n setChannels(\n client.hydrateActiveChannels(channelsFromDB, {\n offlineMode: true,\n }),\n );\n setStaticChannelsActive(true);\n }\n } catch (e) {\n console.warn('Failed to get channels from database: ', e);\n }\n\n setActiveQueryType(null);\n };\n\n let listener: ReturnType<typeof DBSyncManager.onSyncStatusChange>;\n if (enableOfflineSupport) {\n // Any time DB is synced, we need to update the UI with local DB channels first,\n // and then call queryChannels to ensure any new channels are added to UI.\n listener = DBSyncManager.onSyncStatusChange((syncStatus) => {\n if (syncStatus) {\n loadOfflineChannels();\n reloadList();\n }\n });\n // On start, load the channels from local db.\n loadOfflineChannels();\n\n // If db is already synced (sync api and pending api calls), then\n // right away call queryChannels.\n const dbSyncStatus = DBSyncManager.getSyncStatus();\n if (dbSyncStatus) {\n reloadList();\n }\n } else {\n listener = client.on('connection.changed', async (event) => {\n if (event.online) {\n await refreshList();\n setForceUpdate((u) => u + 1);\n }\n });\n\n reloadList();\n }\n\n return () => listener?.unsubscribe?.();\n }, [filterStr, sortStr]);\n\n return {\n channels,\n error,\n hasNextPage,\n loadingChannels:\n activeQueryType === 'queryLocalDB'\n ? true\n : (activeQueryType === 'reload' \|\| activeQueryType === null) && channels === null,\n loadingNextPage: activeQueryType === 'loadChannels',\n loadNextPage,\n refreshing: activeQueryType === 'refresh',\n refreshList,\n reloadList,\n // Although channels can be null, there is no practical case where channels will be null\n // when setChannels is used. setChannels is only recommended to be used for overriding\n // event handler. Thus instead of adding if check for channels === null, its better to\n // simply reassign types here.\n setChannels,\n staticChannelsActive,\n };\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["waitSeconds","seconds","Promise","resolve","setTimeout","ONE_SECOND_IN_MS","DEFAULT_OPTIONS","message_limit","MAX_NUMBER_OF_RETRIES","RETRY_INTERVAL_IN_MS","usePaginatedChannels","enableOfflineSupport","filters","options","setForceUpdate","sort","useState","channels","setChannels","undefined","error","setError","staticChannelsActive","setStaticChannelsActive","activeQueryType","setActiveQueryType","hasNextPage","setHasNextPage","activeChannels","useActiveChannelsRefContext","isMountedRef","useIsMountedRef","useChatContext","client","filtersRef","useRef","sortRef","activeRequestId","isQueryingRef","lastRefresh","Date","now","queryChannels","queryType","retryCount","current","hasUpdatedData","JSON","stringify","some","Boolean","isQueryStale","currentRequestId","newOptions","limit","MAX_QUERY_CHANNELS_LIMIT","offset","length","activeChannelIds","cid","id","push","skipInitialization","channelQueryResponse","newChannels","map","c","existingChannel","console","warn","Error","refreshList","reloadList","filterStr","useMemo","sortStr","useEffect","loadOfflineChannels","user","channelsFromDB","getChannelsForFilterSort","currentUserId","hydrateActiveChannels","offlineMode","e","listener","DBSyncManager","onSyncStatusChange","syncStatus","dbSyncStatus","getSyncStatus","on","event","online","u","unsubscribe","loadingChannels","loadingNextPage","loadNextPage","refreshing"],"sources":["usePaginatedChannels.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { Channel, ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';\n\nimport { useActiveChannelsRefContext } from '../../../contexts/activeChannelsRefContext/ActiveChannelsRefContext';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { useIsMountedRef } from '../../../hooks/useIsMountedRef';\n\nimport { getChannelsForFilterSort } from '../../../store/apis/getChannelsForFilterSort';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\nimport { DBSyncManager } from '../../../utils/DBSyncManager';\nimport { MAX_QUERY_CHANNELS_LIMIT } from '../utils';\n\nconst waitSeconds = (seconds: number) =>\n new Promise((resolve) => {\n setTimeout(resolve, seconds * ONE_SECOND_IN_MS);\n });\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n {\n enableOfflineSupport: boolean;\n filters: ChannelFilters<StreamChatGenerics>;\n options: ChannelOptions;\n setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n sort: ChannelSort<StreamChatGenerics>;\n };\n\nconst DEFAULT_OPTIONS = {\n message_limit: 10,\n};\n\nconst MAX_NUMBER_OF_RETRIES = 3;\nconst RETRY_INTERVAL_IN_MS = 5000;\n\ntype QueryType = 'queryLocalDB' \| 'reload' \| 'refresh' \| 'loadChannels';\n\nexport type QueryChannels = (queryType?: QueryType, retryCount?: number) => Promise<void>;\n\nexport const usePaginatedChannels = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n enableOfflineSupport,\n filters = {},\n options = DEFAULT_OPTIONS,\n setForceUpdate,\n sort = {},\n}: Parameters<StreamChatGenerics>) => {\n const [channels, setChannels] = useState<Channel<StreamChatGenerics>[] \| null>(null);\n const [error, setError] = useState<Error \| undefined>(undefined);\n const [staticChannelsActive, setStaticChannelsActive] = useState<boolean>(false);\n const [activeQueryType, setActiveQueryType] = useState<QueryType \| null>('queryLocalDB');\n const [hasNextPage, setHasNextPage] = useState<boolean>(false);\n\n const activeChannels = useActiveChannelsRefContext();\n const isMountedRef = useIsMountedRef();\n const { client } = useChatContext<StreamChatGenerics>();\n\n const filtersRef = useRef<typeof filters \| null>(null);\n const sortRef = useRef<typeof sort \| null>(null);\n const activeRequestId = useRef<number>(0);\n const isQueryingRef = useRef(false);\n const lastRefresh = useRef(Date.now());\n\n const queryChannels: QueryChannels = async (\n queryType: QueryType = 'loadChannels',\n retryCount = 0,\n ): Promise<void> => {\n if (!client \|\| !isMountedRef.current) return;\n\n const hasUpdatedData =\n queryType === 'loadChannels' \|\|\n queryType === 'refresh' \|\|\n [\n JSON.stringify(filtersRef.current) !== JSON.stringify(filters),\n JSON.stringify(sortRef.current) !== JSON.stringify(sort),\n ].some(Boolean);\n\n const isQueryStale = () => !isMountedRef \|\| activeRequestId.current !== currentRequestId;\n\n /*\n We don't need to make another call to query channels if we don't\n * have new data for the query to include\n * /\n if (!hasUpdatedData) {\n if (activeQueryType === null) return;\n }\n\n filtersRef.current = filters;\n sortRef.current = sort;\n isQueryingRef.current = true;\n setError(undefined);\n activeRequestId.current++;\n const currentRequestId = activeRequestId.current;\n setActiveQueryType(queryType);\n\n const newOptions = {\n limit: options?.limit ?? MAX_QUERY_CHANNELS_LIMIT,\n offset:\n queryType === 'loadChannels' && !staticChannelsActive && channels ? channels.length : 0,\n ...options,\n };\n\n try {\n const activeChannelIds: string[] = [];\n for (const cid in client.activeChannels) {\n if (client.activeChannels[cid].id) {\n // @ts-ignore\n activeChannelIds.push(client.activeChannels[cid].id);\n }\n }\n\n // TODO: Think about the implications of this.\n const channelQueryResponse = await client.queryChannels(filters, sort, newOptions, {\n skipInitialization: enableOfflineSupport ? activeChannelIds : activeChannels.current,\n });\n if (isQueryStale() \|\| !isMountedRef.current) {\n return;\n }\n\n const newChannels =\n queryType === 'loadChannels' && !staticChannelsActive && channels\n ? [...channels, ...channelQueryResponse]\n : channelQueryResponse.map((c) => {\n const existingChannel = client.activeChannels[c.cid];\n if (existingChannel) {\n return existingChannel;\n }\n\n return c;\n });\n\n setChannels(newChannels);\n setStaticChannelsActive(false);\n setHasNextPage(channelQueryResponse.length >= newOptions.limit);\n isQueryingRef.current = false;\n } catch (err: unknown) {\n isQueryingRef.current = false;\n await waitSeconds(2);\n\n if (isQueryStale()) {\n return;\n }\n\n // querying.current check is needed in order to make sure the next query call doesnt flick an error\n // state and then succeed (reconnect case)\n if (retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current) {\n setActiveQueryType(null);\n console.warn(err);\n\n setError(\n new Error(\n `Maximum number of retries reached in queryChannels. Last error message is: ${err}`,\n ),\n );\n return;\n }\n\n return queryChannels(queryType, retryCount + 1);\n }\n\n setActiveQueryType(null);\n };\n\n const refreshList = async () => {\n const now = Date.now();\n // Only allow pull-to-refresh 5 seconds after last successful refresh.\n if (now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined) {\n return;\n }\n\n lastRefresh.current = Date.now();\n await queryChannels('refresh');\n };\n\n const reloadList = () => queryChannels('reload');\n\n /\n Equality check using stringified filters/sort ensure that we don't make un-necessary queryChannels api calls\n * for the scenario:\n \n <ChannelList\n * filters={{\n * members: { $in: ['vishal'] }\n * }}\n * ...\n * />\n \n Here we have passed filters as inline object, which means on every re-render of\n * parent component, ChannelList will receive new object reference (even though value is same), which\n * in return will trigger useEffect. To avoid this, we can add a value check.\n */\n const filterStr = useMemo(() => JSON.stringify(filters), [filters]);\n const sortStr = useMemo(() => JSON.stringify(sort), [sort]);\n\n useEffect(() => {\n const loadOfflineChannels = () => {\n if (!client?.user?.id) return;\n\n try {\n const channelsFromDB = getChannelsForFilterSort({\n currentUserId: client.user.id,\n filters,\n sort,\n });\n\n if (channelsFromDB) {\n setChannels(\n client.hydrateActiveChannels(channelsFromDB, {\n offlineMode: true,\n }),\n );\n setStaticChannelsActive(true);\n }\n } catch (e) {\n console.warn('Failed to get channels from database: ', e);\n }\n\n setActiveQueryType(null);\n };\n\n let listener: ReturnType<typeof DBSyncManager.onSyncStatusChange>;\n if (enableOfflineSupport) {\n // Any time DB is synced, we need to update the UI with local DB channels first,\n // and then call queryChannels to ensure any new channels are added to UI.\n listener = DBSyncManager.onSyncStatusChange((syncStatus) => {\n if (syncStatus) {\n loadOfflineChannels();\n reloadList();\n }\n });\n // On start, load the channels from local db.\n loadOfflineChannels();\n\n // If db is already synced (sync api and pending api calls), then\n // right away call queryChannels.\n const dbSyncStatus = DBSyncManager.getSyncStatus();\n if (dbSyncStatus) {\n reloadList();\n }\n } else {\n listener = client.on('connection.changed', async (event) => {\n if (event.online) {\n await refreshList();\n setForceUpdate((u) => u + 1);\n }\n });\n\n reloadList();\n }\n\n return () => listener?.unsubscribe?.();\n }, [filterStr, sortStr]);\n\n return {\n channels,\n error,\n hasNextPage,\n loadingChannels:\n activeQueryType === 'queryLocalDB'\n ? true\n : (activeQueryType === 'reload' \|\| activeQueryType === null) && channels === null,\n loadingNextPage: activeQueryType === 'loadChannels',\n loadNextPage: queryChannels,\n refreshing: activeQueryType === 'refresh',\n refreshList,\n reloadList,\n // Although channels can be null, there is no practical case where channels will be null\n // when setChannels is used. setChannels is only recommended to be used for overriding\n // event handler. Thus instead of adding if check for channels === null, its better to\n // simply reassign types here.\n setChannels,\n staticChannelsActive,\n };\n};\n"],"mappings":"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"}

package/lib/module/components/Message/utils/messageActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["messageActions","blockUser","copyMessage","deleteMessage","editMessage","error","flagMessage","isMyMessage","isThreadMessage","message","messageReactions","ownCapabilities","pinMessage","quotedReply","retry","threadReply","unpinMessage","undefined","actions","push","quoteMessage","sendReply","updateOwnMessage","updateAnyMessage","text","pinned","banChannelMembers","deleteOwnMessage","deleteAnyMessage"],"sources":["messageActions.ts"],"sourcesContent":["import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport type { OwnCapabilitiesContextValue } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { MessageActionType } from '../../MessageOverlay/MessageActionListItem';\n\nexport type MessageActionsParams<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n blockUser: MessageActionType;\n deleteMessage: MessageActionType;\n dismissOverlay: () => void;\n editMessage: MessageActionType;\n error: boolean \| Error;\n flagMessage: MessageActionType;\n isThreadMessage: boolean;\n messageReactions: boolean;\n muteUser: MessageActionType;\n ownCapabilities: OwnCapabilitiesContextValue;\n pinMessage: MessageActionType;\n quotedReply: MessageActionType;\n retry: MessageActionType;\n threadReply: MessageActionType;\n unpinMessage: MessageActionType;\n copyMessage?: MessageActionType;\n} & Pick<MessageContextValue<StreamChatGenerics>, 'message' \| 'isMyMessage'>;\n\nexport type MessageActionsProp<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];\n\nexport const messageActions = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n blockUser,\n copyMessage,\n deleteMessage,\n editMessage,\n error,\n flagMessage,\n isMyMessage,\n isThreadMessage,\n message,\n messageReactions,\n ownCapabilities,\n pinMessage,\n quotedReply,\n retry,\n threadReply,\n unpinMessage,\n}: MessageActionsParams<StreamChatGenerics>) => {\n if (messageReactions) {\n return undefined;\n }\n\n const actions: Array<MessageActionType ~~\| null~~> = [];\n\n if (error && isMyMessage) {\n actions.push(retry);\n }\n\n if (ownCapabilities.quoteMessage && !isThreadMessage && !error) {\n actions.push(quotedReply);\n }\n\n if (ownCapabilities.sendReply && !isThreadMessage && !error) {\n actions.push(threadReply);\n }\n\n if (\n (isMyMessage && ownCapabilities.updateOwnMessage) \|\|\n (!isMyMessage && ownCapabilities.updateAnyMessage)\n ) {\n actions.push(editMessage);\n }\n\n if (copyMessage !== undefined && message.text && !error) {\n actions.push(copyMessage);\n }\n\n if (!isMyMessage && ownCapabilities.flagMessage) {\n actions.push(flagMessage);\n }\n\n if (ownCapabilities.pinMessage && !message.pinned) {\n actions.push(pinMessage);\n }\n\n if (ownCapabilities.pinMessage && message.pinned) {\n actions.push(unpinMessage);\n }\n\n if (!isMyMessage && ownCapabilities.banChannelMembers) {\n actions.push(blockUser);\n }\n\n if (\n (isMyMessage && ownCapabilities.deleteOwnMessage) \|\|\n (!isMyMessage && ownCapabilities.deleteAnyMessage)\n ) {\n actions.push(deleteMessage);\n }\n\n return actions;\n};\n"],"mappings":";;;;AA8BO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAmBqB;EAAA,IAhB9CC,SAAS,QAATA,SAAS;IACTC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,eAAe,QAAfA,eAAe;IACfC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAChBC,eAAe,QAAfA,eAAe;IACfC,UAAU,QAAVA,UAAU;IACVC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,YAAY,QAAZA,YAAY;EAEZ,IAAIN,gBAAgB,EAAE;IACpB,OAAOO,SAAS;EAClB;EAEA,IAAMC,~~OAAwC~~,GAAG,EAAE;~~EAEnD~~,IAAIb,KAAK,IAAIE,WAAW,EAAE;IACxBW,OAAO,CAACC,IAAI,CAACL,KAAK,CAAC;EACrB;EAEA,IAAIH,eAAe,CAACS,YAAY,IAAI,CAACZ,eAAe,IAAI,CAACH,KAAK,EAAE;IAC9Da,OAAO,CAACC,IAAI,CAACN,WAAW,CAAC;EAC3B;EAEA,IAAIF,eAAe,CAACU,SAAS,IAAI,CAACb,eAAe,IAAI,CAACH,KAAK,EAAE;IAC3Da,OAAO,CAACC,IAAI,CAACJ,WAAW,CAAC;EAC3B;EAEA,IACGR,WAAW,IAAII,eAAe,CAACW,gBAAgB,IAC/C,CAACf,WAAW,IAAII,eAAe,CAACY,gBAAiB,EAClD;IACAL,OAAO,CAACC,IAAI,CAACf,WAAW,CAAC;EAC3B;EAEA,IAAIF,WAAW,KAAKe,SAAS,IAAIR,OAAO,CAACe,IAAI,IAAI,CAACnB,KAAK,EAAE;IACvDa,OAAO,CAACC,IAAI,CAACjB,WAAW,CAAC;EAC3B;EAEA,IAAI,CAACK,WAAW,IAAII,eAAe,CAACL,WAAW,EAAE;IAC/CY,OAAO,CAACC,IAAI,CAACb,WAAW,CAAC;EAC3B;EAEA,IAAIK,eAAe,CAACC,UAAU,IAAI,CAACH,OAAO,CAACgB,MAAM,EAAE;IACjDP,OAAO,CAACC,IAAI,CAACP,UAAU,CAAC;EAC1B;EAEA,IAAID,eAAe,CAACC,UAAU,IAAIH,OAAO,CAACgB,MAAM,EAAE;IAChDP,OAAO,CAACC,IAAI,CAACH,YAAY,CAAC;EAC5B;EAEA,IAAI,CAACT,WAAW,IAAII,eAAe,CAACe,iBAAiB,EAAE;IACrDR,OAAO,CAACC,IAAI,CAAClB,SAAS,CAAC;EACzB;EAEA,IACGM,WAAW,IAAII,eAAe,CAACgB,gBAAgB,IAC/C,CAACpB,WAAW,IAAII,eAAe,CAACiB,gBAAiB,EAClD;IACAV,OAAO,CAACC,IAAI,CAAChB,aAAa,CAAC;EAC7B;EAEA,OAAOe,OAAO;AAChB,CAAC;AAAC"}
1	+ {"version":3,"names":["messageActions","blockUser","copyMessage","deleteMessage","editMessage","error","flagMessage","isMyMessage","isThreadMessage","message","messageReactions","ownCapabilities","pinMessage","quotedReply","retry","threadReply","unpinMessage","undefined","actions","push","quoteMessage","sendReply","updateOwnMessage","updateAnyMessage","text","pinned","banChannelMembers","deleteOwnMessage","deleteAnyMessage"],"sources":["messageActions.ts"],"sourcesContent":["import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport type { OwnCapabilitiesContextValue } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { MessageActionType } from '../../MessageOverlay/MessageActionListItem';\n\nexport type MessageActionsParams<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n blockUser: MessageActionType;\n deleteMessage: MessageActionType;\n dismissOverlay: () => void;\n editMessage: MessageActionType;\n error: boolean \| Error;\n flagMessage: MessageActionType;\n isThreadMessage: boolean;\n messageReactions: boolean;\n muteUser: MessageActionType;\n ownCapabilities: OwnCapabilitiesContextValue;\n pinMessage: MessageActionType;\n quotedReply: MessageActionType;\n retry: MessageActionType;\n threadReply: MessageActionType;\n unpinMessage: MessageActionType;\n copyMessage?: MessageActionType;\n} & Pick<MessageContextValue<StreamChatGenerics>, 'message' \| 'isMyMessage'>;\n\nexport type MessageActionsProp<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];\n\nexport const messageActions = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n blockUser,\n copyMessage,\n deleteMessage,\n editMessage,\n error,\n flagMessage,\n isMyMessage,\n isThreadMessage,\n message,\n messageReactions,\n ownCapabilities,\n pinMessage,\n quotedReply,\n retry,\n threadReply,\n unpinMessage,\n}: MessageActionsParams<StreamChatGenerics>) => {\n if (messageReactions) {\n return undefined;\n }\n\n const actions: Array<MessageActionType> = [];\n\n if (error && isMyMessage) {\n actions.push(retry);\n }\n\n if (ownCapabilities.quoteMessage && !isThreadMessage && !error) {\n actions.push(quotedReply);\n }\n\n if (ownCapabilities.sendReply && !isThreadMessage && !error) {\n actions.push(threadReply);\n }\n\n if (\n (isMyMessage && ownCapabilities.updateOwnMessage) \|\|\n (!isMyMessage && ownCapabilities.updateAnyMessage)\n ) {\n actions.push(editMessage);\n }\n\n if (copyMessage !== undefined && message.text && !error) {\n actions.push(copyMessage);\n }\n\n if (!isMyMessage && ownCapabilities.flagMessage) {\n actions.push(flagMessage);\n }\n\n if (ownCapabilities.pinMessage && !message.pinned) {\n actions.push(pinMessage);\n }\n\n if (ownCapabilities.pinMessage && message.pinned) {\n actions.push(unpinMessage);\n }\n\n if (!isMyMessage && ownCapabilities.banChannelMembers) {\n actions.push(blockUser);\n }\n\n if (\n (isMyMessage && ownCapabilities.deleteOwnMessage) \|\|\n (!isMyMessage && ownCapabilities.deleteAnyMessage)\n ) {\n actions.push(deleteMessage);\n }\n\n return actions;\n};\n"],"mappings":";;;;AA8BO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAmBqB;EAAA,IAhB9CC,SAAS,QAATA,SAAS;IACTC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,eAAe,QAAfA,eAAe;IACfC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAChBC,eAAe,QAAfA,eAAe;IACfC,UAAU,QAAVA,UAAU;IACVC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,YAAY,QAAZA,YAAY;EAEZ,IAAIN,gBAAgB,EAAE;IACpB,OAAOO,SAAS;EAClB;EAEA,IAAMC,OAAiC,GAAG,EAAE;EAE5C,IAAIb,KAAK,IAAIE,WAAW,EAAE;IACxBW,OAAO,CAACC,IAAI,CAACL,KAAK,CAAC;EACrB;EAEA,IAAIH,eAAe,CAACS,YAAY,IAAI,CAACZ,eAAe,IAAI,CAACH,KAAK,EAAE;IAC9Da,OAAO,CAACC,IAAI,CAACN,WAAW,CAAC;EAC3B;EAEA,IAAIF,eAAe,CAACU,SAAS,IAAI,CAACb,eAAe,IAAI,CAACH,KAAK,EAAE;IAC3Da,OAAO,CAACC,IAAI,CAACJ,WAAW,CAAC;EAC3B;EAEA,IACGR,WAAW,IAAII,eAAe,CAACW,gBAAgB,IAC/C,CAACf,WAAW,IAAII,eAAe,CAACY,gBAAiB,EAClD;IACAL,OAAO,CAACC,IAAI,CAACf,WAAW,CAAC;EAC3B;EAEA,IAAIF,WAAW,KAAKe,SAAS,IAAIR,OAAO,CAACe,IAAI,IAAI,CAACnB,KAAK,EAAE;IACvDa,OAAO,CAACC,IAAI,CAACjB,WAAW,CAAC;EAC3B;EAEA,IAAI,CAACK,WAAW,IAAII,eAAe,CAACL,WAAW,EAAE;IAC/CY,OAAO,CAACC,IAAI,CAACb,WAAW,CAAC;EAC3B;EAEA,IAAIK,eAAe,CAACC,UAAU,IAAI,CAACH,OAAO,CAACgB,MAAM,EAAE;IACjDP,OAAO,CAACC,IAAI,CAACP,UAAU,CAAC;EAC1B;EAEA,IAAID,eAAe,CAACC,UAAU,IAAIH,OAAO,CAACgB,MAAM,EAAE;IAChDP,OAAO,CAACC,IAAI,CAACH,YAAY,CAAC;EAC5B;EAEA,IAAI,CAACT,WAAW,IAAII,eAAe,CAACe,iBAAiB,EAAE;IACrDR,OAAO,CAACC,IAAI,CAAClB,SAAS,CAAC;EACzB;EAEA,IACGM,WAAW,IAAII,eAAe,CAACgB,gBAAgB,IAC/C,CAACpB,WAAW,IAAII,eAAe,CAACiB,gBAAiB,EAClD;IACAV,OAAO,CAACC,IAAI,CAAChB,aAAa,CAAC;EAC7B;EAEA,OAAOe,OAAO;AAChB,CAAC;AAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["ChannelsContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","ChannelsProvider","children","value","useChannelsContext","contextValue","useContext","isTestEnvironment","Error","withChannelsContext","Component","WithChannelsContextComponent","props","channelsContext","displayName","getDisplayName"],"sources":["ChannelsContext.tsx"],"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 { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ChannelsContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\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<StreamChatGenerics>>>;\n /\n Channels can be either an array of channels or a promise which resolves to an array of channels\n /\n channels: Channel<StreamChatGenerics>[] \| null;\n /\n Custom indicator to use when channel list is empty\n \n Default: [EmptyStateIndicator](https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#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.io/chat/docs/sdk/reactnative/contexts/channels-context/#footerloadingindicator)\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.io/chat/docs/sdk/reactnative/contexts/channels-context/#headererrorindicator)\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.io/chat/docs/sdk/reactnative/contexts/channels-context/#headernetworkdownindicator)\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.io/chat/docs/sdk/reactnative/contexts/channels-context/#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.io/chat/docs/sdk/reactnative/ui-components/channel-preview-messenger/)\n /\n Preview: React.ComponentType<ChannelPreviewMessengerProps<StreamChatGenerics>>;\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<StreamChatGenerics>) => 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<StreamChatGenerics>> \| null) => void;\n /\n Custom UI component to display loading channel skeletons\n \n Default: [Skeleton](https://getstream.io/chat/docs/sdk/reactnative/contexts/channels-context/#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<StreamChatGenerics>) => void;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelAvatar](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelAvatar.tsx)\n /\n PreviewAvatar?: React.ComponentType<ChannelAvatarProps<StreamChatGenerics>>;\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/main/package/src/components/ChannelPreview/ChannelPreviewMessage.tsx)\n /\n PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<StreamChatGenerics>>;\n /\n Custom UI component to render muted status.\n \n Default [ChannelMutedStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx)\n /\n PreviewMutedStatus?: React.ComponentType<ChannelPreviewMutedStatusProps<StreamChatGenerics>>;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelPreviewStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewStatus.tsx)\n /\n PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<StreamChatGenerics>>;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx)\n /\n PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<StreamChatGenerics>>;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelPreviewUnreadCount](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx)\n /\n PreviewUnreadCount?: React.ComponentType<ChannelPreviewUnreadCountProps<StreamChatGenerics>>;\n};\n\nexport const ChannelsContext = React.createContext(\n DEFAULT_BASE_CONTEXT_VALUE as ChannelsContextValue,\n);\n\nexport const ChannelsProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value: ChannelsContextValue<StreamChatGenerics>;\n}>) => (\n <ChannelsContext.Provider value={value as unknown as ChannelsContextValue}>\n {children}\n </ChannelsContext.Provider>\n);\n\nexport const useChannelsContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n const contextValue = useContext(\n ChannelsContext,\n ) as unknown as ChannelsContextValue<StreamChatGenerics>;\n\n if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n throw new Error(\n `The useChannelsContext hook was called outside of the ChannelsContext provider. Make sure you have configured ChannelList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel-list`,\n );\n }\n\n return contextValue;\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 StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>> => {\n const WithChannelsContextComponent = (\n props: Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>,\n ) => {\n const channelsContext = useChannelsContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...channelsContext} />;\n };\n WithChannelsContextComponent.displayName = `WithChannelsContext${getDisplayName(Component)}`;\n return WithChannelsContextComponent;\n};\n"],"mappings":";;;;;;;AAAA;AAqBA;AAEA;AACA;AAA+D;EAAA;AAAA;AAAA;AA4LxD,IAAMA,eAAe,GAAGC,iBAAK,CAACC,aAAa,CAChDC,mDAA0B,CAC3B;AAAC;AAEK,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAG3BC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;EAAA,OAIL,gCAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAEA,KAAyC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvED,QAAQ,CACgB;AAAA,CAC5B;AAAC;AAEK,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,GAExB;EACL,IAAMC,YAAY,GAAG,IAAAC,iBAAU,EAC7BT,eAAe,CACuC;EAExD,IAAIQ,YAAY,KAAKL,mDAA0B,IAAI,CAAC,IAAAO,oCAAiB,GAAE,EAAE;IACvE,MAAM,IAAIC,KAAK,yOAEd;EACH;EAEA,OAAOH,YAAY;AACrB,CAAC;AAAC;AAMK,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmB,CAI9BC,SAAiC,EACqC;EACtE,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4B,CAChCC,KAA8D,EAC3D;IACH,IAAMC,eAAe,GAAGT,kBAAkB,EAAsB;IAEhE,OAAO,gCAAC,SAAS,gCAAMQ,KAAK,EAAYC,eAAe;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAI;EAC7D,CAAC;EACDF,4BAA4B,CAACG,WAAW,2BAAyB,IAAAC,8BAAc,EAACL,SAAS,CAAG;EAC5F,OAAOC,4BAA4B;AACrC,CAAC;AAAC"}
1	+ {"version":3,"names":["ChannelsContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","ChannelsProvider","children","value","useChannelsContext","contextValue","useContext","isTestEnvironment","Error","withChannelsContext","Component","WithChannelsContextComponent","props","channelsContext","displayName","getDisplayName"],"sources":["ChannelsContext.tsx"],"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 { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type ChannelsContextValue<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\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<StreamChatGenerics>>>;\n /\n Channels can be either an array of channels or a promise which resolves to an array of channels\n /\n channels: Channel<StreamChatGenerics>[] \| null;\n /\n Custom indicator to use when channel list is empty\n \n Default: [EmptyStateIndicator](https://getstream.io/chat/docs/sdk/reactnative/core-components/channel/#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.io/chat/docs/sdk/reactnative/contexts/channels-context/#footerloadingindicator)\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.io/chat/docs/sdk/reactnative/contexts/channels-context/#headererrorindicator)\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.io/chat/docs/sdk/reactnative/contexts/channels-context/#headernetworkdownindicator)\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.io/chat/docs/sdk/reactnative/contexts/channels-context/#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;\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.io/chat/docs/sdk/reactnative/ui-components/channel-preview-messenger/)\n /\n Preview: React.ComponentType<ChannelPreviewMessengerProps<StreamChatGenerics>>;\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<StreamChatGenerics>) => 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<StreamChatGenerics>> \| null) => void;\n /\n Custom UI component to display loading channel skeletons\n \n Default: [Skeleton](https://getstream.io/chat/docs/sdk/reactnative/contexts/channels-context/#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<StreamChatGenerics>) => void;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelAvatar](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelAvatar.tsx)\n /\n PreviewAvatar?: React.ComponentType<ChannelAvatarProps<StreamChatGenerics>>;\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/main/package/src/components/ChannelPreview/ChannelPreviewMessage.tsx)\n /\n PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<StreamChatGenerics>>;\n /\n Custom UI component to render muted status.\n \n Default [ChannelMutedStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx)\n /\n PreviewMutedStatus?: React.ComponentType<ChannelPreviewMutedStatusProps<StreamChatGenerics>>;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelPreviewStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewStatus.tsx)\n /\n PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<StreamChatGenerics>>;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewTitle.tsx)\n /\n PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<StreamChatGenerics>>;\n /\n Custom UI component to render preview avatar.\n \n Default [ChannelPreviewUnreadCount](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx)\n /\n PreviewUnreadCount?: React.ComponentType<ChannelPreviewUnreadCountProps<StreamChatGenerics>>;\n};\n\nexport const ChannelsContext = React.createContext(\n DEFAULT_BASE_CONTEXT_VALUE as ChannelsContextValue,\n);\n\nexport const ChannelsProvider = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n children,\n value,\n}: PropsWithChildren<{\n value: ChannelsContextValue<StreamChatGenerics>;\n}>) => (\n <ChannelsContext.Provider value={value as unknown as ChannelsContextValue}>\n {children}\n </ChannelsContext.Provider>\n);\n\nexport const useChannelsContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n const contextValue = useContext(\n ChannelsContext,\n ) as unknown as ChannelsContextValue<StreamChatGenerics>;\n\n if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n throw new Error(\n `The useChannelsContext hook was called outside of the ChannelsContext provider. Make sure you have configured ChannelList component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel-list`,\n );\n }\n\n return contextValue;\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 StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>> => {\n const WithChannelsContextComponent = (\n props: Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>,\n ) => {\n const channelsContext = useChannelsContext<StreamChatGenerics>();\n\n return <Component {...(props as P)} {...channelsContext} />;\n };\n WithChannelsContextComponent.displayName = `WithChannelsContext${getDisplayName(Component)}`;\n return WithChannelsContextComponent;\n};\n"],"mappings":";;;;;;;AAAA;AAqBA;AAEA;AACA;AAA+D;EAAA;AAAA;AAAA;AA4LxD,IAAMA,eAAe,GAAGC,iBAAK,CAACC,aAAa,CAChDC,mDAA0B,CAC3B;AAAC;AAEK,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAG3BC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;EAAA,OAIL,gCAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAEA,KAAyC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvED,QAAQ,CACgB;AAAA,CAC5B;AAAC;AAEK,IAAME,kBAAkB,GAAG,SAArBA,kBAAkB,GAExB;EACL,IAAMC,YAAY,GAAG,IAAAC,iBAAU,EAC7BT,eAAe,CACuC;EAExD,IAAIQ,YAAY,KAAKL,mDAA0B,IAAI,CAAC,IAAAO,oCAAiB,GAAE,EAAE;IACvE,MAAM,IAAIC,KAAK,yOAEd;EACH;EAEA,OAAOH,YAAY;AACrB,CAAC;AAAC;AAMK,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmB,CAI9BC,SAAiC,EACqC;EACtE,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4B,CAChCC,KAA8D,EAC3D;IACH,IAAMC,eAAe,GAAGT,kBAAkB,EAAsB;IAEhE,OAAO,gCAAC,SAAS,gCAAMQ,KAAK,EAAYC,eAAe;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAI;EAC7D,CAAC;EACDF,4BAA4B,CAACG,WAAW,2BAAyB,IAAAC,8BAAc,EAACL,SAAS,CAAG;EAC5F,OAAOC,4BAA4B;AACrC,CAAC;AAAC"}

package/lib/module/version.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "version": "5.8.0"
+  "version": "5.8.1-beta.2"
 }

package/lib/typescript/components/ChannelList/ChannelListMessenger.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ChannelsContextValue } from '../../contexts/channelsContext/ChannelsContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare type ChannelListMessengerPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<ChannelsContextValue<StreamChatGenerics>, 'hasNextPage' | 'HeaderErrorIndicator' | 'HeaderNetworkDownIndicator' | 'maxUnreadCount' | 'numberOfSkeletons' | 'onSelect' | 'Preview' | 'PreviewTitle' | 'PreviewStatus' | 'PreviewAvatar' | 'previewMessage' | 'Skeleton'>;
+export declare type ChannelListMessengerPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<ChannelsContextValue<StreamChatGenerics>, 'HeaderErrorIndicator' | 'HeaderNetworkDownIndicator' | 'maxUnreadCount' | 'numberOfSkeletons' | 'onSelect' | 'Preview' | 'PreviewTitle' | 'PreviewStatus' | 'PreviewAvatar' | 'previewMessage' | 'Skeleton'>;
 export declare type ChannelListMessengerProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<ChannelListMessengerPropsWithContext<StreamChatGenerics>>;
 /**
  * This UI component displays the preview list of channels and handles Channel navigation. It

package/lib/typescript/components/ChannelList/hooks/listeners/useNewMessage.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import type { Channel } from 'stream-chat';
+import type { Channel, ChannelFilters } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 declare type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     lockChannelOrder: boolean;
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
 };
-export declare const useNewMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ lockChannelOrder, setChannels, }: Parameters<StreamChatGenerics>) => void;
+export declare const useNewMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ filters, lockChannelOrder, setChannels, }: Parameters<StreamChatGenerics>) => void;
 export {};

package/lib/typescript/components/ChannelList/hooks/listeners/useNewMessageNotification.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import type { Channel, Event } from 'stream-chat';
+import type { Channel, ChannelFilters, Event } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 declare type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
     onMessageNew?: (setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>, event: Event<StreamChatGenerics>) => void;
 };
-export declare const useNewMessageNotification: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ onMessageNew, setChannels, }: Parameters<StreamChatGenerics>) => void;
+export declare const useNewMessageNotification: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ filters, onMessageNew, setChannels, }: Parameters<StreamChatGenerics>) => void;
 export {};

package/lib/typescript/components/ChannelList/hooks/usePaginatedChannels.d.ts CHANGED Viewed

@@ -16,9 +16,9 @@ export declare const usePaginatedChannels: <StreamChatGenerics extends DefaultSt
     hasNextPage: boolean;
     loadingChannels: boolean;
     loadingNextPage: boolean;
-    loadNextPage: QueryChannels | undefined;
+    loadNextPage: QueryChannels;
     refreshing: boolean;
-    refreshList: () => Promise<void> | undefined;
+    refreshList: () => Promise<void>;
     reloadList: () => Promise<void>;
     setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[] | null>>;
     staticChannelsActive: boolean;

package/lib/typescript/components/Message/utils/messageActions.d.ts CHANGED Viewed

@@ -21,4 +21,4 @@ export declare type MessageActionsParams<StreamChatGenerics extends DefaultStrea
     copyMessage?: MessageActionType;
 } & Pick<MessageContextValue<StreamChatGenerics>, 'message' | 'isMyMessage'>;
 export declare type MessageActionsProp<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];
-export declare const messageActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ blockUser, copyMessage, deleteMessage, editMessage, error, flagMessage, isMyMessage, isThreadMessage, message, messageReactions, ownCapabilities, pinMessage, quotedReply, retry, threadReply, unpinMessage, }: MessageActionsParams<StreamChatGenerics>) => (MessageActionType | null)[] | undefined;
+export declare const messageActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ blockUser, copyMessage, deleteMessage, editMessage, error, flagMessage, isMyMessage, isThreadMessage, message, messageReactions, ownCapabilities, pinMessage, quotedReply, retry, threadReply, unpinMessage, }: MessageActionsParams<StreamChatGenerics>) => MessageActionType[] | undefined;

package/lib/typescript/contexts/channelsContext/ChannelsContext.d.ts CHANGED Viewed

@@ -97,7 +97,7 @@ export declare type ChannelsContextValue<StreamChatGenerics extends DefaultStrea
     /**
      * Loads the next page of `channels`, which is present as a required prop
      */
-    loadNextPage: QueryChannels | undefined;
+    loadNextPage: QueryChannels;
     /**
      * Max number to display within notification badge. Default: 255 and it cannot be higher than that for now due to backend limitations
      */

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "5.8.0",
+  "version": "5.8.1-beta.2",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/ChannelList/ChannelList.tsx CHANGED Viewed

@@ -215,8 +215,8 @@ export const ChannelList = <
     ListHeaderComponent,
     LoadingErrorIndicator = LoadingErrorIndicatorDefault,
     LoadingIndicator = ChannelListLoadingIndicator,
-    // https://github.com/facebook/react-native/blob/a7a7970e543959e9db5281914d5f132beb01db8d/Libraries/Lists/VirtualizedList.js#L466
-    loadMoreThreshold = 2,
+    // https://stackoverflow.com/a/60666252/10826415
+    loadMoreThreshold = 0.1,
     lockChannelOrder = false,
     maxUnreadCount = 255,
     numberOfSkeletons = 6,
@@ -297,11 +297,13 @@ export const ChannelList = <
   });
   useNewMessage({
+    filters,
     lockChannelOrder,
     setChannels,
   });
   useNewMessageNotification({
+    filters,
     onMessageNew,
     setChannels,
   });

package/src/components/ChannelList/ChannelListFooterLoadingIndicator.tsx CHANGED Viewed

@@ -21,7 +21,7 @@ export const ChannelListFooterLoadingIndicator: React.FC = () => {
   return (
     <View style={[styles.container, container]} testID='channel-list-footer-loading-indicator'>
-      <Spinner />
+      <Spinner height={20} width={20} />
     </View>
   );
 };

package/src/components/ChannelList/ChannelListMessenger.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 // RNGR's FlatList ist currently breaking the pull-to-refresh behaviour on Android
 // See https://github.com/software-mansion/react-native-gesture-handler/issues/598
 import { FlatList, RefreshControl, StyleSheet, View } from 'react-native';
@@ -26,7 +26,6 @@ export type ChannelListMessengerPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Omit<
   ChannelsContextValue<StreamChatGenerics>,
-  | 'hasNextPage'
   | 'HeaderErrorIndicator'
   | 'HeaderNetworkDownIndicator'
   | 'maxUnreadCount'
@@ -84,6 +83,7 @@ const ChannelListMessengerWithContext = <
 >(
   props: ChannelListMessengerPropsWithContext<StreamChatGenerics>,
 ) => {
+  const onEndReachedCalledDuringCurrentScrollRef = useRef<boolean>(false);
   const {
     additionalFlatListProps,
     channels,
@@ -91,6 +91,7 @@ const ChannelListMessengerWithContext = <
     error,
     FooterLoadingIndicator,
     forceUpdate,
+    hasNextPage,
     ListHeaderComponent,
     loadingChannels,
     LoadingErrorIndicator,
@@ -151,14 +152,12 @@ const ChannelListMessengerWithContext = <
   }
   const onEndReached = () => {
-    if (loadNextPage) {
+    if (!onEndReachedCalledDuringCurrentScrollRef.current && hasNextPage) {
       loadNextPage();
+      onEndReachedCalledDuringCurrentScrollRef.current = true;
     }
   };
-  const ListFooterComponent = () =>
-    channels?.length && ListHeaderComponent ? <ListHeaderComponent /> : null;
   if (loadingChannels) {
     return <LoadingIndicator listType='channel' />;
   }
@@ -182,9 +181,10 @@ const ChannelListMessengerWithContext = <
           )
         }
         ListFooterComponent={loadingNextPage ? <FooterLoadingIndicator /> : undefined}
-        ListHeaderComponent={ListFooterComponent}
+        ListHeaderComponent={ListHeaderComponent}
         onEndReached={onEndReached}
         onEndReachedThreshold={loadMoreThreshold}
+        onMomentumScrollBegin={() => (onEndReachedCalledDuringCurrentScrollRef.current = false)}
         ref={setFlatListRef}
         refreshControl={<RefreshControl onRefresh={refreshList} refreshing={refreshing} />}
         renderItem={renderItem}
@@ -219,6 +219,7 @@ export const ChannelListMessenger = <
     error,
     FooterLoadingIndicator,
     forceUpdate,
+    hasNextPage,
     ListHeaderComponent,
     loadingChannels,
     LoadingErrorIndicator,
@@ -241,6 +242,7 @@ export const ChannelListMessenger = <
         error,
         FooterLoadingIndicator,
         forceUpdate,
+        hasNextPage,
         ListHeaderComponent,
         loadingChannels,
         LoadingErrorIndicator,

package/src/components/ChannelList/hooks/listeners/useNewMessage.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
-import type { Channel, Event } from 'stream-chat';
+import { isEmpty } from 'lodash';
+import type { Channel, ChannelFilters, Event } from 'stream-chat';
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
@@ -11,11 +12,13 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
   {
     lockChannelOrder: boolean;
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
   };
 export const useNewMessage = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  filters,
   lockChannelOrder,
   setChannels,
 }: Parameters<StreamChatGenerics>) => {
@@ -26,7 +29,16 @@ export const useNewMessage = <
       setChannels((channels) => {
         if (!channels) return channels;
-        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
+        const areFiltersTypeMatchingToEventChannelType =
+          isEmpty(filters) || event.channel_type === filters?.type;
+        if (
+          !lockChannelOrder &&
+          event.cid &&
+          event.channel_type &&
+          event.channel_id &&
+          areFiltersTypeMatchingToEventChannelType
+        ) {
           const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);
           if (targetChannelIndex >= 0) {

package/src/components/ChannelList/hooks/listeners/useNewMessageNotification.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 import { useEffect } from 'react';
+import { isEmpty } from 'lodash';
 import uniqBy from 'lodash/uniqBy';
-import type { Channel, Event } from 'stream-chat';
+import type { Channel, ChannelFilters, Event } from 'stream-chat';
 import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
@@ -12,6 +13,7 @@ import { getChannel } from '../../utils';
 type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   {
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
     onMessageNew?: (
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
@@ -21,6 +23,7 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
 export const useNewMessageNotification = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  filters,
   onMessageNew,
   setChannels,
 }: Parameters<StreamChatGenerics>) => {
@@ -31,7 +34,10 @@ export const useNewMessageNotification = <
       if (typeof onMessageNew === 'function') {
         onMessageNew(setChannels, event);
       } else {
-        if (event.channel?.id && event.channel?.type) {
+        const areFiltersTypeMatchingToEventChannelType =
+          isEmpty(filters) || event.channel?.type === filters?.type;
+        if (event.channel?.id && event.channel?.type && areFiltersTypeMatchingToEventChannelType) {
           const channel = await getChannel({
             client,
             id: event.channel.id,

package/src/components/ChannelList/hooks/usePaginatedChannels.ts CHANGED Viewed

@@ -47,19 +47,21 @@ export const usePaginatedChannels = <
   setForceUpdate,
   sort = {},
 }: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
   const [channels, setChannels] = useState<Channel<StreamChatGenerics>[] | null>(null);
+  const [error, setError] = useState<Error | undefined>(undefined);
   const [staticChannelsActive, setStaticChannelsActive] = useState<boolean>(false);
-  const activeChannels = useActiveChannelsRefContext();
-  const [error, setError] = useState<Error>();
-  const [hasNextPage, setHasNextPage] = useState(true);
-  const lastRefresh = useRef(Date.now());
-  const isQueryingRef = useRef(false);
   const [activeQueryType, setActiveQueryType] = useState<QueryType | null>('queryLocalDB');
+  const [hasNextPage, setHasNextPage] = useState<boolean>(false);
+  const activeChannels = useActiveChannelsRefContext();
   const isMountedRef = useIsMountedRef();
+  const { client } = useChatContext<StreamChatGenerics>();
   const filtersRef = useRef<typeof filters | null>(null);
   const sortRef = useRef<typeof sort | null>(null);
   const activeRequestId = useRef<number>(0);
+  const isQueryingRef = useRef(false);
+  const lastRefresh = useRef(Date.now());
   const queryChannels: QueryChannels = async (
     queryType: QueryType = 'loadChannels',
@@ -132,7 +134,6 @@ export const usePaginatedChannels = <
       setChannels(newChannels);
       setStaticChannelsActive(false);
       setHasNextPage(channelQueryResponse.length >= newOptions.limit);
-      setError(undefined);
       isQueryingRef.current = false;
     } catch (err: unknown) {
       isQueryingRef.current = false;
@@ -162,9 +163,7 @@ export const usePaginatedChannels = <
     setActiveQueryType(null);
   };
-  const loadNextPage = hasNextPage ? queryChannels : undefined;
-  const refreshList = () => {
+  const refreshList = async () => {
     const now = Date.now();
     // Only allow pull-to-refresh 5 seconds after last successful refresh.
     if (now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined) {
@@ -172,7 +171,7 @@ export const usePaginatedChannels = <
     }
     lastRefresh.current = Date.now();
-    return queryChannels('refresh');
+    await queryChannels('refresh');
   };
   const reloadList = () => queryChannels('reload');
@@ -263,7 +262,7 @@ export const usePaginatedChannels = <
         ? true
         : (activeQueryType === 'reload' || activeQueryType === null) && channels === null,
     loadingNextPage: activeQueryType === 'loadChannels',
-    loadNextPage,
+    loadNextPage: queryChannels,
     refreshing: activeQueryType === 'refresh',
     refreshList,
     reloadList,

package/src/components/Message/utils/messageActions.ts CHANGED Viewed

@@ -52,7 +52,7 @@ export const messageActions = <
     return undefined;
   }
-  const actions: Array<MessageActionType | null> = [];
+  const actions: Array<MessageActionType> = [];
   if (error && isMyMessage) {
     actions.push(retry);

package/src/contexts/channelsContext/ChannelsContext.tsx CHANGED Viewed

@@ -108,7 +108,7 @@ export type ChannelsContextValue<
   /**
    * Loads the next page of `channels`, which is present as a required prop
    */
-  loadNextPage: QueryChannels | undefined;
+  loadNextPage: QueryChannels;
   /**
    * Max number to display within notification badge. Default: 255 and it cannot be higher than that for now due to backend limitations
    */

package/src/version.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "version": "5.8.0"
+  "version": "5.8.1-beta.2"
 }