stream-chat-react-native-core 5.8.1-beta.4 → 5.9.0

package/lib/commonjs/components/ChannelList/ChannelList.js

@@ -74,6 +74,8 @@ var ChannelList = function ChannelList(props) {
     onMessageNew = props.onMessageNew,
     onRemovedFromChannel = props.onRemovedFromChannel,
     onSelect = props.onSelect,
+    onNewMessage = props.onNewMessage,
+    onNewMessageNotification = props.onNewMessageNotification,
     _props$options = props.options,
     options = _props$options === void 0 ? DEFAULT_OPTIONS : _props$options,
     _props$Preview = props.Preview,
@@ -140,10 +142,12 @@ var ChannelList = function ChannelList(props) {
   });
   (0, _useNewMessage.useNewMessage)({
     lockChannelOrder: lockChannelOrder,
+    onNewMessage: onNewMessage,
     setChannels: setChannels
   });
   (0, _useNewMessageNotification.useNewMessageNotification)({
     onMessageNew: onMessageNew,
+    onNewMessageNotification: onNewMessageNotification,
     setChannels: setChannels
   });
   (0, _useRemovedFromChannelNotification.useRemovedFromChannelNotification)({
@@ -209,14 +213,14 @@ var ChannelList = function ChannelList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 370,
+      lineNumber: 404,
       columnNumber: 5
     }
   }, _react["default"].createElement(List, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 371,
+      lineNumber: 405,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"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","useState","forceUpdate","setForceUpdate","useChatContext","enableOfflineSupport","usePaginatedChannels","channels","error","hasNextPage","loadingChannels","loadingNextPage","loadNextPage","refreshing","refreshList","reloadList","setChannels","staticChannelsActive","useAddedToChannelNotification","useChannelDeleted","useChannelHidden","useChannelTruncated","useChannelUpdated","useChannelVisible","useNewMessage","useNewMessageNotification","useRemovedFromChannelNotification","useUserPresence","channelIdsStr","reduce","acc","channel","cid","useEffect","upsertCidsForQuery","cids","map","c","channelsContext","useCreateChannelsContext","ref"],"sources":["ChannelList.tsx"],"sourcesContent":["import React, { useEffect, 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 { 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 { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { upsertCidsForQuery } from '../../store/apis/upsertCidsForQuery';\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.io/chat/docs/sdk/reactnative/ui-components/channel-list-messenger/)\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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://stackoverflow.com/a/60666252/10826415\n    loadMoreThreshold = 0.1,\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  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels,\n    loadingNextPage,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setChannels,\n    staticChannelsActive,\n  } = usePaginatedChannels<StreamChatGenerics>({\n    enableOfflineSupport,\n    filters,\n    options,\n    setForceUpdate,\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  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 channelIdsStr = channels?.reduce((acc, channel) => `${acc}${channel.cid}`, '');\n\n  useEffect(() => {\n    if (channels === null || staticChannelsActive || !enableOfflineSupport) {\n      return;\n    }\n\n    upsertCidsForQuery({\n      cids: channels.map((c) => c.cid),\n      filters,\n      sort,\n    });\n  }, [channelIdsStr, staticChannelsActive]);\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"],"mappings":";;;;;;;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AACA;AAEA;AACA;AACA;AAA4G;EAAA;AAAA;AAAA;AA4J5G,IAAMA,eAAe,GAAG,CAAC,CAAC;AAC1B,IAAMC,eAAe,GAAG,CAAC,CAAC;AAC1B,IAAMC,YAAY,GAAG,CAAC,CAAC;AAShB,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAGtBC,KAA2C,EACxC;EACH,4BAmCIA,KAAK,CAlCPC,uBAAuB;IAAvBA,uBAAuB,sCAAG,CAAC,CAAC;IAAA,wBAkC1BD,KAAK,CAjCPE,mBAAmB;IAAnBA,mBAAmB,sCAAGC,wCAA0B;IAAA,wBAiC9CH,KAAK,CAhCPI,sBAAsB;IAAtBA,sBAAsB,sCAAGC,oEAAiC;IAAA,iBAgCxDL,KAAK,CA/BPM,OAAO;IAAPA,OAAO,+BAAGV,eAAe;IAAA,wBA+BvBI,KAAK,CA9BPO,oBAAoB;IAApBA,oBAAoB,sCAAGC,gEAA+B;IAAA,wBA8BpDR,KAAK,CA7BPS,0BAA0B;IAA1BA,0BAA0B,sCAAGC,4EAAqC;IAAA,cA6BhEV,KAAK,CA5BPW,IAAI;IAAJA,IAAI,4BAAGC,0CAAoB;IAC3BC,mBAAmB,GA2BjBb,KAAK,CA3BPa,mBAAmB;IAAA,wBA2BjBb,KAAK,CA1BPc,qBAAqB;IAArBA,qBAAqB,sCAAGC,4CAA4B;IAAA,wBA0BlDf,KAAK,CAzBPgB,gBAAgB;IAAhBA,gBAAgB,sCAAGC,wDAA2B;IAAA,wBAyB5CjB,KAAK,CAvBPkB,iBAAiB;IAAjBA,iBAAiB,sCAAG,GAAG;IAAA,wBAuBrBlB,KAAK,CAtBPmB,gBAAgB;IAAhBA,gBAAgB,sCAAG,KAAK;IAAA,wBAsBtBnB,KAAK,CArBPoB,cAAc;IAAdA,cAAc,sCAAG,GAAG;IAAA,wBAqBlBpB,KAAK,CApBPqB,iBAAiB;IAAjBA,iBAAiB,sCAAG,CAAC;IACrBC,gBAAgB,GAmBdtB,KAAK,CAnBPsB,gBAAgB;IAChBC,gBAAgB,GAkBdvB,KAAK,CAlBPuB,gBAAgB;IAChBC,eAAe,GAiBbxB,KAAK,CAjBPwB,eAAe;IACfC,gBAAgB,GAgBdzB,KAAK,CAhBPyB,gBAAgB;IAChBC,kBAAkB,GAehB1B,KAAK,CAfP0B,kBAAkB;IAClBC,gBAAgB,GAcd3B,KAAK,CAdP2B,gBAAgB;IAChBC,YAAY,GAaV5B,KAAK,CAbP4B,YAAY;IACZC,oBAAoB,GAYlB7B,KAAK,CAZP6B,oBAAoB;IACpBC,QAAQ,GAWN9B,KAAK,CAXP8B,QAAQ;IAAA,iBAWN9B,KAAK,CAVP+B,OAAO;IAAPA,OAAO,+BAAGlC,eAAe;IAAA,iBAUvBG,KAAK,CATPgC,OAAO;IAAPA,OAAO,+BAAGC,gDAAuB;IACjCC,aAAa,GAQXlC,KAAK,CARPkC,aAAa;IACbC,cAAc,GAOZnC,KAAK,CAPPmC,cAAc;IACdC,aAAa,GAMXpC,KAAK,CANPoC,aAAa;IACbC,YAAY,GAKVrC,KAAK,CALPqC,YAAY;IACZC,kBAAkB,GAIhBtC,KAAK,CAJPsC,kBAAkB;IAClBC,eAAc,GAGZvC,KAAK,CAHPuC,cAAc;IAAA,kBAGZvC,KAAK,CAFPwC,QAAQ;IAARA,QAAQ,gCAAGC,kBAAe;IAAA,cAExBzC,KAAK,CADP0C,IAAI;IAAJA,IAAI,4BAAG5C,YAAY;EAGrB,gBAAsC,IAAA6C,eAAQ,EAAC,CAAC,CAAC;IAAA;IAA1CC,WAAW;IAAEC,cAAc;EAClC,sBAAiC,IAAAC,2BAAc,GAAsB;IAA7DC,oBAAoB,mBAApBA,oBAAoB;EAC5B,4BAYI,IAAAC,2CAAoB,EAAqB;MAC3CD,oBAAoB,EAApBA,oBAAoB;MACpBzC,OAAO,EAAPA,OAAO;MACPyB,OAAO,EAAPA,OAAO;MACPc,cAAc,EAAdA,cAAc;MACdH,IAAI,EAAJA;IACF,CAAC,CAAC;IAjBAO,QAAQ,yBAARA,QAAQ;IACRC,KAAK,yBAALA,KAAK;IACLC,WAAW,yBAAXA,WAAW;IACXC,eAAe,yBAAfA,eAAe;IACfC,eAAe,yBAAfA,eAAe;IACfC,YAAY,yBAAZA,YAAY;IACZC,UAAU,yBAAVA,UAAU;IACVC,WAAW,yBAAXA,WAAW;IACXC,UAAU,yBAAVA,UAAU;IACVC,WAAW,yBAAXA,WAAW;IACXC,oBAAoB,yBAApBA,oBAAoB;EAUtB,IAAAC,4DAA6B,EAAC;IAC5BtC,gBAAgB,EAAhBA,gBAAgB;IAChBoC,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAG,oCAAiB,EAAC;IAChBtC,gBAAgB,EAAhBA,gBAAgB;IAChBmC,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAI,kCAAgB,EAAC;IACftC,eAAe,EAAfA,eAAe;IACfkC,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAK,wCAAmB,EAAC;IAClBrC,kBAAkB,EAAlBA,kBAAkB;IAClB8B,WAAW,EAAXA,WAAW;IACXE,WAAW,EAAXA,WAAW;IACXb,cAAc,EAAdA;EACF,CAAC,CAAC;EAEF,IAAAmB,oCAAiB,EAAC;IAChBrC,gBAAgB,EAAhBA,gBAAgB;IAChB+B,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAO,oCAAiB,EAAC;IAChBxC,gBAAgB,EAAhBA,gBAAgB;IAChBiC,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAQ,4BAAa,EAAC;IACZ/C,gBAAgB,EAAhBA,gBAAgB;IAChBuC,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAS,oDAAyB,EAAC;IACxBvC,YAAY,EAAZA,YAAY;IACZ8B,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAU,oEAAiC,EAAC;IAChCvC,oBAAoB,EAApBA,oBAAoB;IACpB6B,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAAW,gCAAe,EAAC;IACdX,WAAW,EAAXA;EACF,CAAC,CAAC;EAEF,IAAMY,aAAa,GAAGrB,QAAQ,oBAARA,QAAQ,CAAEsB,MAAM,CAAC,UAACC,GAAG,EAAEC,OAAO;IAAA,YAAQD,GAAG,GAAGC,OAAO,CAACC,GAAG;EAAA,CAAE,EAAE,EAAE,CAAC;EAEpF,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAI1B,QAAQ,KAAK,IAAI,IAAIU,oBAAoB,IAAI,CAACZ,oBAAoB,EAAE;MACtE;IACF;IAEA,IAAA6B,sCAAkB,EAAC;MACjBC,IAAI,EAAE5B,QAAQ,CAAC6B,GAAG,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAACL,GAAG;MAAA,EAAC;MAChCpE,OAAO,EAAPA,OAAO;MACPoC,IAAI,EAAJA;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC4B,aAAa,EAAEX,oBAAoB,CAAC,CAAC;EAEzC,IAAMqB,eAAe,GAAG,IAAAC,kDAAwB,EAAC;IAC/ChF,uBAAuB,EAAvBA,uBAAuB;IACvBgD,QAAQ,EAARA,QAAQ;IACR/C,mBAAmB,EAAnBA,mBAAmB;IACnBgD,KAAK,EAALA,KAAK;IACL9C,sBAAsB,EAAtBA,sBAAsB;IACtBwC,WAAW,EAAXA,WAAW;IACXO,WAAW,EAAXA,WAAW;IACX5C,oBAAoB,EAApBA,oBAAoB;IACpBE,0BAA0B,EAA1BA,0BAA0B;IAC1BI,mBAAmB,EAAnBA,mBAAmB;IACnBuC,eAAe,EAAfA,eAAe;IACftC,qBAAqB,EAArBA,qBAAqB;IACrBE,gBAAgB,EAAhBA,gBAAgB;IAChBqC,eAAe,EAAfA,eAAe;IACfnC,iBAAiB,EAAjBA,iBAAiB;IACjBoC,YAAY,EAAZA,YAAY;IACZlC,cAAc,EAAdA,cAAc;IACdC,iBAAiB,EAAjBA,iBAAiB;IACjBS,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPE,aAAa,EAAbA,aAAa;IACbC,cAAc,EAAdA,cAAc;IACdC,aAAa,EAAbA,aAAa;IACbC,YAAY,EAAZA,YAAY;IACZC,kBAAkB,EAAlBA,kBAAkB;IAClBiB,UAAU,EAAVA,UAAU;IACVC,WAAW,EAAXA,WAAW;IACXC,UAAU,EAAVA,UAAU;IACVlB,cAAc,EAAE,wBAAC2C,GAAiD,EAAK;MACrE,IAAI3C,eAAc,EAAE;QAClBA,eAAc,CAAC2C,GAAG,CAAC;MACrB;IACF,CAAC;IACD1C,QAAQ,EAARA;EACF,CAAC,CAAC;EAEF,OACE,gCAAC,iCAAgB;IAAC,KAAK,EAAEwC,eAAgB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvC,gCAAC,IAAI;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAuB,CACX;AAEvB,CAAC;AAAC"}
+{"version":3,"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","onNewMessage","onNewMessageNotification","options","Preview","ChannelPreviewMessenger","PreviewAvatar","PreviewMessage","PreviewStatus","PreviewTitle","PreviewUnreadCount","setFlatListRef","Skeleton","SkeletonDefault","sort","useState","forceUpdate","setForceUpdate","useChatContext","enableOfflineSupport","usePaginatedChannels","channels","error","hasNextPage","loadingChannels","loadingNextPage","loadNextPage","refreshing","refreshList","reloadList","setChannels","staticChannelsActive","useAddedToChannelNotification","useChannelDeleted","useChannelHidden","useChannelTruncated","useChannelUpdated","useChannelVisible","useNewMessage","useNewMessageNotification","useRemovedFromChannelNotification","useUserPresence","channelIdsStr","reduce","acc","channel","cid","useEffect","upsertCidsForQuery","cids","map","c","channelsContext","useCreateChannelsContext","ref"],"sources":["ChannelList.tsx"],"sourcesContent":["import React, { useEffect, 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 { 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 { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { upsertCidsForQuery } from '../../store/apis/upsertCidsForQuery';\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.io/chat/docs/sdk/reactnative/ui-components/channel-list-messenger/)\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * @deprecated use onNewMessageNotification instead\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>[] | null>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Override the default listener/handler for event `message.new`\n   * This event is received on channel, when a new message is added on a channel.\n   *\n   * @param lockChannelOrder If set to true, channels won't dynamically sort by most recent message, defaults to false\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 `message.new` event\n   *\n   * @overrideType Function\n   * */\n  onNewMessage?: (\n    lockChannelOrder: boolean,\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\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  onNewMessageNotification?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\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>[] | null>>,\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://stackoverflow.com/a/60666252/10826415\n    loadMoreThreshold = 0.1,\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    onNewMessage,\n    onNewMessageNotification,\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  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels,\n    loadingNextPage,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setChannels,\n    staticChannelsActive,\n  } = usePaginatedChannels<StreamChatGenerics>({\n    enableOfflineSupport,\n    filters,\n    options,\n    setForceUpdate,\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  useNewMessage({\n    lockChannelOrder,\n    onNewMessage,\n    setChannels,\n  });\n\n  useNewMessageNotification({\n    onMessageNew,\n    onNewMessageNotification,\n    setChannels,\n  });\n\n  useRemovedFromChannelNotification({\n    onRemovedFromChannel,\n    setChannels,\n  });\n\n  useUserPresence({\n    setChannels,\n  });\n\n  const channelIdsStr = channels?.reduce((acc, channel) => `${acc}${channel.cid}`, '');\n\n  useEffect(() => {\n    if (channels === null || staticChannelsActive || !enableOfflineSupport) {\n      return;\n    }\n\n    upsertCidsForQuery({\n      cids: channels.map((c) => c.cid),\n      filters,\n      sort,\n    });\n  }, [channelIdsStr, staticChannelsActive]);\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"],"mappings":"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"}

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessage.js

@@ -9,30 +9,35 @@ var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
 var useNewMessage = function useNewMessage(_ref) {
   var lockChannelOrder = _ref.lockChannelOrder,
+    onNewMessage = _ref.onNewMessage,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
   (0, _react.useEffect)(function () {
     var handleEvent = function handleEvent(event) {
-      setChannels(function (channels) {
-        if (!channels) return channels;
-        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
-          var targetChannelIndex = channels.findIndex(function (c) {
-            return c.cid === event.cid;
-          });
-          if (targetChannelIndex >= 0) {
-            return (0, _utils.moveChannelUp)({
-              channels: channels,
-              cid: event.cid
+      if (typeof onNewMessage === 'function') {
+        onNewMessage(lockChannelOrder, setChannels, event);
+      } else {
+        setChannels(function (channels) {
+          if (!channels) return channels;
+          if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
+            var targetChannelIndex = channels.findIndex(function (c) {
+              return c.cid === event.cid;
             });
+            if (targetChannelIndex >= 0) {
+              return (0, _utils.moveChannelUp)({
+                channels: channels,
+                cid: event.cid
+              });
+            }
+            var channel = client.channel(event.channel_type, event.channel_id);
+            if (channel.initialized) {
+              return [channel].concat((0, _toConsumableArray2["default"])(channels));
+            }
           }
-          var channel = client.channel(event.channel_type, event.channel_id);
-          if (channel.initialized) {
-            return [channel].concat((0, _toConsumableArray2["default"])(channels));
-          }
-        }
-        return (0, _toConsumableArray2["default"])(channels);
-      });
+          return (0, _toConsumableArray2["default"])(channels);
+        });
+      }
     };
     var listener = client == null ? void 0 : client.on('message.new', handleEvent);
     return function () {

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewMessage","lockChannelOrder","setChannels","useChatContext","client","useEffect","handleEvent","event","channels","cid","channel_type","channel_id","targetChannelIndex","findIndex","c","moveChannelUp","channel","initialized","listener","on","unsubscribe"],"sources":["useNewMessage.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setChannels((channels) => {\n        if (!channels) return channels;\n\n        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {\n          const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);\n\n          if (targetChannelIndex >= 0) {\n            return moveChannelUp<StreamChatGenerics>({\n              channels,\n              cid: event.cid,\n            });\n          }\n\n          // If channel doesn't exist in existing list, check in activeChannels as well.\n          // It may happen that channel was hidden using channel.hide(). In that case\n          // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.\n          const channel = client.channel(event.channel_type, event.channel_id);\n\n          if (channel.initialized) {\n            return [channel, ...channels];\n          }\n        }\n\n        return [...channels];\n      });\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;AAAA;AAIA;AAGA;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAKY;EAAA,IAFpCC,gBAAgB,QAAhBA,gBAAgB;IAChBC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAgC,EAAK;MACxDL,WAAW,CAAC,UAACM,QAAQ,EAAK;QACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;QAE9B,IAAI,CAACP,gBAAgB,IAAIM,KAAK,CAACE,GAAG,IAAIF,KAAK,CAACG,YAAY,IAAIH,KAAK,CAACI,UAAU,EAAE;UAC5E,IAAMC,kBAAkB,GAAGJ,QAAQ,CAACK,SAAS,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACL,GAAG,KAAKF,KAAK,CAACE,GAAG;UAAA,EAAC;UAEzE,IAAIG,kBAAkB,IAAI,CAAC,EAAE;YAC3B,OAAO,IAAAG,oBAAa,EAAqB;cACvCP,QAAQ,EAARA,QAAQ;cACRC,GAAG,EAAEF,KAAK,CAACE;YACb,CAAC,CAAC;UACJ;UAKA,IAAMO,OAAO,GAAGZ,MAAM,CAACY,OAAO,CAACT,KAAK,CAACG,YAAY,EAAEH,KAAK,CAACI,UAAU,CAAC;UAEpE,IAAIK,OAAO,CAACC,WAAW,EAAE;YACvB,QAAQD,OAAO,6CAAKR,QAAQ;UAC9B;QACF;QAEA,2CAAWA,QAAQ;MACrB,CAAC,CAAC;IACJ,CAAC;IAED,IAAMU,QAAQ,GAAGd,MAAM,oBAANA,MAAM,CAAEe,EAAE,CAAC,aAAa,EAAEb,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMY,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}
+{"version":3,"names":["useNewMessage","lockChannelOrder","onNewMessage","setChannels","useChatContext","client","useEffect","handleEvent","event","channels","cid","channel_type","channel_id","targetChannelIndex","findIndex","c","moveChannelUp","channel","initialized","listener","on","unsubscribe"],"sources":["useNewMessage.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onNewMessage?: (\n      lockChannelOrder: boolean,\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  onNewMessage,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onNewMessage === 'function') {\n        onNewMessage(lockChannelOrder, setChannels, event);\n      } else {\n        setChannels((channels) => {\n          if (!channels) return channels;\n\n          if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {\n            const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);\n\n            if (targetChannelIndex >= 0) {\n              return moveChannelUp<StreamChatGenerics>({\n                channels,\n                cid: event.cid,\n              });\n            }\n\n            // If channel doesn't exist in existing list, check in activeChannels as well.\n            // It may happen that channel was hidden using channel.hide(). In that case\n            // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.\n            const channel = client.channel(event.channel_type, event.channel_id);\n\n            if (channel.initialized) {\n              return [channel, ...channels];\n            }\n          }\n\n          return [...channels];\n        });\n      }\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;AAAA;AAIA;AAGA;AAaO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAMY;EAAA,IAHpCC,gBAAgB,QAAhBA,gBAAgB;IAChBC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAgC,EAAK;MACxD,IAAI,OAAON,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAACD,gBAAgB,EAAEE,WAAW,EAAEK,KAAK,CAAC;MACpD,CAAC,MAAM;QACLL,WAAW,CAAC,UAACM,QAAQ,EAAK;UACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;UAE9B,IAAI,CAACR,gBAAgB,IAAIO,KAAK,CAACE,GAAG,IAAIF,KAAK,CAACG,YAAY,IAAIH,KAAK,CAACI,UAAU,EAAE;YAC5E,IAAMC,kBAAkB,GAAGJ,QAAQ,CAACK,SAAS,CAAC,UAACC,CAAC;cAAA,OAAKA,CAAC,CAACL,GAAG,KAAKF,KAAK,CAACE,GAAG;YAAA,EAAC;YAEzE,IAAIG,kBAAkB,IAAI,CAAC,EAAE;cAC3B,OAAO,IAAAG,oBAAa,EAAqB;gBACvCP,QAAQ,EAARA,QAAQ;gBACRC,GAAG,EAAEF,KAAK,CAACE;cACb,CAAC,CAAC;YACJ;YAKA,IAAMO,OAAO,GAAGZ,MAAM,CAACY,OAAO,CAACT,KAAK,CAACG,YAAY,EAAEH,KAAK,CAACI,UAAU,CAAC;YAEpE,IAAIK,OAAO,CAACC,WAAW,EAAE;cACvB,QAAQD,OAAO,6CAAKR,QAAQ;YAC9B;UACF;UAEA,2CAAWA,QAAQ;QACrB,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAMU,QAAQ,GAAGd,MAAM,oBAANA,MAAM,CAAEe,EAAE,CAAC,aAAa,EAAEb,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMY,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessageNotification.js

@@ -12,6 +12,7 @@ var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
 var useNewMessageNotification = function useNewMessageNotification(_ref) {
   var onMessageNew = _ref.onMessageNew,
+    onNewMessageNotification = _ref.onNewMessageNotification,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
@@ -23,29 +24,38 @@ var useNewMessageNotification = function useNewMessageNotification(_ref) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(typeof onMessageNew === 'function')) {
-                _context.next = 4;
+                _context.next = 5;
                 break;
               }
               onMessageNew(setChannels, event);
-              _context.next = 9;
+              console.warn('onMessageNew is deprecated and will be removed in future release. Please use onNewMessageNotification to establish the same behaviour');
+              _context.next = 14;
               break;
-            case 4:
-              if (!((_event$channel = event.channel) != null && _event$channel.id && (_event$channel2 = event.channel) != null && _event$channel2.type)) {
+            case 5:
+              if (!(typeof onNewMessageNotification === 'function')) {
                 _context.next = 9;
                 break;
               }
-              _context.next = 7;
+              onNewMessageNotification(setChannels, event);
+              _context.next = 14;
+              break;
+            case 9:
+              if (!((_event$channel = event.channel) != null && _event$channel.id && (_event$channel2 = event.channel) != null && _event$channel2.type)) {
+                _context.next = 14;
+                break;
+              }
+              _context.next = 12;
               return (0, _utils.getChannel)({
                 client: client,
                 id: event.channel.id,
                 type: event.channel.type
               });
-            case 7:
+            case 12:
               channel = _context.sent;
               setChannels(function (channels) {
                 return channels ? (0, _uniqBy["default"])([channel].concat((0, _toConsumableArray2["default"])(channels)), 'cid') : channels;
               });
-            case 9:
+            case 14:
             case "end":
               return _context.stop();
           }

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessageNotification.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewMessageNotification","onMessageNew","setChannels","useChatContext","client","useEffect","handleEvent","event","channel","id","type","getChannel","channels","uniqBy","listener","on","unsubscribe"],"sources":["useNewMessageNotification.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onMessageNew?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessageNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onMessageNew,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onMessageNew === 'function') {\n        onMessageNew(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => (channels ? uniqBy([channel, ...channels], 'cid') : channels));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.message_new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAIA;AAGA;AAWO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,OAKA;EAAA,IAFpCC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,4EAAG,iBAAOC,KAAgC;QAAA;QAAA;UAAA;YAAA;cAAA,MACrD,OAAON,YAAY,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACpCA,YAAY,CAACC,WAAW,EAAEK,KAAK,CAAC;cAAC;cAAA;YAAA;cAAA,MAE7B,kBAAAA,KAAK,CAACC,OAAO,aAAb,eAAeC,EAAE,uBAAIF,KAAK,CAACC,OAAO,aAAb,gBAAeE,IAAI;gBAAA;gBAAA;cAAA;cAAA;cAAA,OACpB,IAAAC,iBAAU,EAAC;gBAC/BP,MAAM,EAANA,MAAM;gBACNK,EAAE,EAAEF,KAAK,CAACC,OAAO,CAACC,EAAE;gBACpBC,IAAI,EAAEH,KAAK,CAACC,OAAO,CAACE;cACtB,CAAC,CAAC;YAAA;cAJIF,OAAO;cAKbN,WAAW,CAAC,UAACU,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEL,OAAO,6CAAKI,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CAG9F;MAAA,gBAbKN,WAAW;QAAA;MAAA;IAAA,GAahB;IAED,IAAMQ,QAAQ,GAAGV,MAAM,oBAANA,MAAM,CAAEW,EAAE,CAAC,0BAA0B,EAAET,WAAW,CAAC;IACpE,OAAO;MAAA,OAAMQ,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}
+{"version":3,"names":["useNewMessageNotification","onMessageNew","onNewMessageNotification","setChannels","useChatContext","client","useEffect","handleEvent","event","console","warn","channel","id","type","getChannel","channels","uniqBy","listener","on","unsubscribe"],"sources":["useNewMessageNotification.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onMessageNew?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n    onNewMessageNotification?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessageNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onMessageNew,\n  onNewMessageNotification,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onMessageNew === 'function') {\n        onMessageNew(setChannels, event);\n        console.warn(\n          'onMessageNew is deprecated and will be removed in future release. Please use onNewMessageNotification to establish the same behaviour',\n        );\n      } else if (typeof onNewMessageNotification === 'function') {\n        onNewMessageNotification(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => (channels ? uniqBy([channel, ...channels], 'cid') : channels));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.message_new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAIA;AAGA;AAeO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,OAMA;EAAA,IAHpCC,YAAY,QAAZA,YAAY;IACZC,wBAAwB,QAAxBA,wBAAwB;IACxBC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,4EAAG,iBAAOC,KAAgC;QAAA;QAAA;UAAA;YAAA;cAAA,MACrD,OAAOP,YAAY,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACpCA,YAAY,CAACE,WAAW,EAAEK,KAAK,CAAC;cAChCC,OAAO,CAACC,IAAI,CACV,uIAAuI,CACxI;cAAC;cAAA;YAAA;cAAA,MACO,OAAOR,wBAAwB,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACvDA,wBAAwB,CAACC,WAAW,EAAEK,KAAK,CAAC;cAAC;cAAA;YAAA;cAAA,MAEzC,kBAAAA,KAAK,CAACG,OAAO,aAAb,eAAeC,EAAE,uBAAIJ,KAAK,CAACG,OAAO,aAAb,gBAAeE,IAAI;gBAAA;gBAAA;cAAA;cAAA;cAAA,OACpB,IAAAC,iBAAU,EAAC;gBAC/BT,MAAM,EAANA,MAAM;gBACNO,EAAE,EAAEJ,KAAK,CAACG,OAAO,CAACC,EAAE;gBACpBC,IAAI,EAAEL,KAAK,CAACG,OAAO,CAACE;cACtB,CAAC,CAAC;YAAA;cAJIF,OAAO;cAKbR,WAAW,CAAC,UAACY,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEL,OAAO,6CAAKI,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CAG9F;MAAA,gBAlBKR,WAAW;QAAA;MAAA;IAAA,GAkBhB;IAED,IAAMU,QAAQ,GAAGZ,MAAM,oBAANA,MAAM,CAAEa,EAAE,CAAC,0BAA0B,EAAEX,WAAW,CAAC;IACpE,OAAO;MAAA,OAAMU,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}

package/lib/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.8.1-beta.4"
+  "version": "5.9.0"
 }

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

@@ -74,6 +74,8 @@ var ChannelList = function ChannelList(props) {
     onMessageNew = props.onMessageNew,
     onRemovedFromChannel = props.onRemovedFromChannel,
     onSelect = props.onSelect,
+    onNewMessage = props.onNewMessage,
+    onNewMessageNotification = props.onNewMessageNotification,
     _props$options = props.options,
     options = _props$options === void 0 ? DEFAULT_OPTIONS : _props$options,
     _props$Preview = props.Preview,
@@ -140,10 +142,12 @@ var ChannelList = function ChannelList(props) {
   });
   (0, _useNewMessage.useNewMessage)({
     lockChannelOrder: lockChannelOrder,
+    onNewMessage: onNewMessage,
     setChannels: setChannels
   });
   (0, _useNewMessageNotification.useNewMessageNotification)({
     onMessageNew: onMessageNew,
+    onNewMessageNotification: onNewMessageNotification,
     setChannels: setChannels
   });
   (0, _useRemovedFromChannelNotification.useRemovedFromChannelNotification)({
@@ -209,14 +213,14 @@ var ChannelList = function ChannelList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 370,
+      lineNumber: 404,
       columnNumber: 5
     }
   }, _react["default"].createElement(List, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 371,
+      lineNumber: 405,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"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","useState","forceUpdate","setForceUpdate","useChatContext","enableOfflineSupport","usePaginatedChannels","channels","error","hasNextPage","loadingChannels","loadingNextPage","loadNextPage","refreshing","refreshList","reloadList","setChannels","staticChannelsActive","useAddedToChannelNotification","useChannelDeleted","useChannelHidden","useChannelTruncated","useChannelUpdated","useChannelVisible","useNewMessage","useNewMessageNotification","useRemovedFromChannelNotification","useUserPresence","channelIdsStr","reduce","acc","channel","cid","useEffect","upsertCidsForQuery","cids","map","c","channelsContext","useCreateChannelsContext","ref"],"sources":["ChannelList.tsx"],"sourcesContent":["import React, { useEffect, 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 { 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 { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { upsertCidsForQuery } from '../../store/apis/upsertCidsForQuery';\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.io/chat/docs/sdk/reactnative/ui-components/channel-list-messenger/)\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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://stackoverflow.com/a/60666252/10826415\n    loadMoreThreshold = 0.1,\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  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels,\n    loadingNextPage,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setChannels,\n    staticChannelsActive,\n  } = usePaginatedChannels<StreamChatGenerics>({\n    enableOfflineSupport,\n    filters,\n    options,\n    setForceUpdate,\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  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 channelIdsStr = channels?.reduce((acc, channel) => `${acc}${channel.cid}`, '');\n\n  useEffect(() => {\n    if (channels === null || staticChannelsActive || !enableOfflineSupport) {\n      return;\n    }\n\n    upsertCidsForQuery({\n      cids: channels.map((c) => c.cid),\n      filters,\n      sort,\n    });\n  }, [channelIdsStr, staticChannelsActive]);\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"],"mappings":"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"}
+{"version":3,"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","onNewMessage","onNewMessageNotification","options","Preview","ChannelPreviewMessenger","PreviewAvatar","PreviewMessage","PreviewStatus","PreviewTitle","PreviewUnreadCount","setFlatListRef","Skeleton","SkeletonDefault","sort","useState","forceUpdate","setForceUpdate","useChatContext","enableOfflineSupport","usePaginatedChannels","channels","error","hasNextPage","loadingChannels","loadingNextPage","loadNextPage","refreshing","refreshList","reloadList","setChannels","staticChannelsActive","useAddedToChannelNotification","useChannelDeleted","useChannelHidden","useChannelTruncated","useChannelUpdated","useChannelVisible","useNewMessage","useNewMessageNotification","useRemovedFromChannelNotification","useUserPresence","channelIdsStr","reduce","acc","channel","cid","useEffect","upsertCidsForQuery","cids","map","c","channelsContext","useCreateChannelsContext","ref"],"sources":["ChannelList.tsx"],"sourcesContent":["import React, { useEffect, 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 { 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 { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { upsertCidsForQuery } from '../../store/apis/upsertCidsForQuery';\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.io/chat/docs/sdk/reactnative/ui-components/channel-list-messenger/)\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\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>[] | null>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * @deprecated use onNewMessageNotification instead\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>[] | null>>,\n    event: Event<StreamChatGenerics>,\n  ) => void;\n  /**\n   * Override the default listener/handler for event `message.new`\n   * This event is received on channel, when a new message is added on a channel.\n   *\n   * @param lockChannelOrder If set to true, channels won't dynamically sort by most recent message, defaults to false\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 `message.new` event\n   *\n   * @overrideType Function\n   * */\n  onNewMessage?: (\n    lockChannelOrder: boolean,\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\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  onNewMessageNotification?: (\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\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>[] | null>>,\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://stackoverflow.com/a/60666252/10826415\n    loadMoreThreshold = 0.1,\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    onNewMessage,\n    onNewMessageNotification,\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  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();\n  const {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels,\n    loadingNextPage,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setChannels,\n    staticChannelsActive,\n  } = usePaginatedChannels<StreamChatGenerics>({\n    enableOfflineSupport,\n    filters,\n    options,\n    setForceUpdate,\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  useNewMessage({\n    lockChannelOrder,\n    onNewMessage,\n    setChannels,\n  });\n\n  useNewMessageNotification({\n    onMessageNew,\n    onNewMessageNotification,\n    setChannels,\n  });\n\n  useRemovedFromChannelNotification({\n    onRemovedFromChannel,\n    setChannels,\n  });\n\n  useUserPresence({\n    setChannels,\n  });\n\n  const channelIdsStr = channels?.reduce((acc, channel) => `${acc}${channel.cid}`, '');\n\n  useEffect(() => {\n    if (channels === null || staticChannelsActive || !enableOfflineSupport) {\n      return;\n    }\n\n    upsertCidsForQuery({\n      cids: channels.map((c) => c.cid),\n      filters,\n      sort,\n    });\n  }, [channelIdsStr, staticChannelsActive]);\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"],"mappings":"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"}

package/lib/module/components/ChannelList/hooks/listeners/useNewMessage.js

@@ -9,30 +9,35 @@ var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
 var useNewMessage = function useNewMessage(_ref) {
   var lockChannelOrder = _ref.lockChannelOrder,
+    onNewMessage = _ref.onNewMessage,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
   (0, _react.useEffect)(function () {
     var handleEvent = function handleEvent(event) {
-      setChannels(function (channels) {
-        if (!channels) return channels;
-        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
-          var targetChannelIndex = channels.findIndex(function (c) {
-            return c.cid === event.cid;
-          });
-          if (targetChannelIndex >= 0) {
-            return (0, _utils.moveChannelUp)({
-              channels: channels,
-              cid: event.cid
+      if (typeof onNewMessage === 'function') {
+        onNewMessage(lockChannelOrder, setChannels, event);
+      } else {
+        setChannels(function (channels) {
+          if (!channels) return channels;
+          if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
+            var targetChannelIndex = channels.findIndex(function (c) {
+              return c.cid === event.cid;
             });
+            if (targetChannelIndex >= 0) {
+              return (0, _utils.moveChannelUp)({
+                channels: channels,
+                cid: event.cid
+              });
+            }
+            var channel = client.channel(event.channel_type, event.channel_id);
+            if (channel.initialized) {
+              return [channel].concat((0, _toConsumableArray2["default"])(channels));
+            }
           }
-          var channel = client.channel(event.channel_type, event.channel_id);
-          if (channel.initialized) {
-            return [channel].concat((0, _toConsumableArray2["default"])(channels));
-          }
-        }
-        return (0, _toConsumableArray2["default"])(channels);
-      });
+          return (0, _toConsumableArray2["default"])(channels);
+        });
+      }
     };
     var listener = client == null ? void 0 : client.on('message.new', handleEvent);
     return function () {

package/lib/module/components/ChannelList/hooks/listeners/useNewMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewMessage","lockChannelOrder","setChannels","useChatContext","client","useEffect","handleEvent","event","channels","cid","channel_type","channel_id","targetChannelIndex","findIndex","c","moveChannelUp","channel","initialized","listener","on","unsubscribe"],"sources":["useNewMessage.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setChannels((channels) => {\n        if (!channels) return channels;\n\n        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {\n          const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);\n\n          if (targetChannelIndex >= 0) {\n            return moveChannelUp<StreamChatGenerics>({\n              channels,\n              cid: event.cid,\n            });\n          }\n\n          // If channel doesn't exist in existing list, check in activeChannels as well.\n          // It may happen that channel was hidden using channel.hide(). In that case\n          // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.\n          const channel = client.channel(event.channel_type, event.channel_id);\n\n          if (channel.initialized) {\n            return [channel, ...channels];\n          }\n        }\n\n        return [...channels];\n      });\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;AAAA;AAIA;AAGA;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAKY;EAAA,IAFpCC,gBAAgB,QAAhBA,gBAAgB;IAChBC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAgC,EAAK;MACxDL,WAAW,CAAC,UAACM,QAAQ,EAAK;QACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;QAE9B,IAAI,CAACP,gBAAgB,IAAIM,KAAK,CAACE,GAAG,IAAIF,KAAK,CAACG,YAAY,IAAIH,KAAK,CAACI,UAAU,EAAE;UAC5E,IAAMC,kBAAkB,GAAGJ,QAAQ,CAACK,SAAS,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACL,GAAG,KAAKF,KAAK,CAACE,GAAG;UAAA,EAAC;UAEzE,IAAIG,kBAAkB,IAAI,CAAC,EAAE;YAC3B,OAAO,IAAAG,oBAAa,EAAqB;cACvCP,QAAQ,EAARA,QAAQ;cACRC,GAAG,EAAEF,KAAK,CAACE;YACb,CAAC,CAAC;UACJ;UAKA,IAAMO,OAAO,GAAGZ,MAAM,CAACY,OAAO,CAACT,KAAK,CAACG,YAAY,EAAEH,KAAK,CAACI,UAAU,CAAC;UAEpE,IAAIK,OAAO,CAACC,WAAW,EAAE;YACvB,QAAQD,OAAO,6CAAKR,QAAQ;UAC9B;QACF;QAEA,2CAAWA,QAAQ;MACrB,CAAC,CAAC;IACJ,CAAC;IAED,IAAMU,QAAQ,GAAGd,MAAM,oBAANA,MAAM,CAAEe,EAAE,CAAC,aAAa,EAAEb,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMY,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}
+{"version":3,"names":["useNewMessage","lockChannelOrder","onNewMessage","setChannels","useChatContext","client","useEffect","handleEvent","event","channels","cid","channel_type","channel_id","targetChannelIndex","findIndex","c","moveChannelUp","channel","initialized","listener","on","unsubscribe"],"sources":["useNewMessage.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onNewMessage?: (\n      lockChannelOrder: boolean,\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  onNewMessage,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onNewMessage === 'function') {\n        onNewMessage(lockChannelOrder, setChannels, event);\n      } else {\n        setChannels((channels) => {\n          if (!channels) return channels;\n\n          if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {\n            const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);\n\n            if (targetChannelIndex >= 0) {\n              return moveChannelUp<StreamChatGenerics>({\n                channels,\n                cid: event.cid,\n              });\n            }\n\n            // If channel doesn't exist in existing list, check in activeChannels as well.\n            // It may happen that channel was hidden using channel.hide(). In that case\n            // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.\n            const channel = client.channel(event.channel_type, event.channel_id);\n\n            if (channel.initialized) {\n              return [channel, ...channels];\n            }\n          }\n\n          return [...channels];\n        });\n      }\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;AAAA;AAIA;AAGA;AAaO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAMY;EAAA,IAHpCC,gBAAgB,QAAhBA,gBAAgB;IAChBC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAgC,EAAK;MACxD,IAAI,OAAON,YAAY,KAAK,UAAU,EAAE;QACtCA,YAAY,CAACD,gBAAgB,EAAEE,WAAW,EAAEK,KAAK,CAAC;MACpD,CAAC,MAAM;QACLL,WAAW,CAAC,UAACM,QAAQ,EAAK;UACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;UAE9B,IAAI,CAACR,gBAAgB,IAAIO,KAAK,CAACE,GAAG,IAAIF,KAAK,CAACG,YAAY,IAAIH,KAAK,CAACI,UAAU,EAAE;YAC5E,IAAMC,kBAAkB,GAAGJ,QAAQ,CAACK,SAAS,CAAC,UAACC,CAAC;cAAA,OAAKA,CAAC,CAACL,GAAG,KAAKF,KAAK,CAACE,GAAG;YAAA,EAAC;YAEzE,IAAIG,kBAAkB,IAAI,CAAC,EAAE;cAC3B,OAAO,IAAAG,oBAAa,EAAqB;gBACvCP,QAAQ,EAARA,QAAQ;gBACRC,GAAG,EAAEF,KAAK,CAACE;cACb,CAAC,CAAC;YACJ;YAKA,IAAMO,OAAO,GAAGZ,MAAM,CAACY,OAAO,CAACT,KAAK,CAACG,YAAY,EAAEH,KAAK,CAACI,UAAU,CAAC;YAEpE,IAAIK,OAAO,CAACC,WAAW,EAAE;cACvB,QAAQD,OAAO,6CAAKR,QAAQ;YAC9B;UACF;UAEA,2CAAWA,QAAQ;QACrB,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAMU,QAAQ,GAAGd,MAAM,oBAANA,MAAM,CAAEe,EAAE,CAAC,aAAa,EAAEb,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMY,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}

package/lib/module/components/ChannelList/hooks/listeners/useNewMessageNotification.js

@@ -12,6 +12,7 @@ var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
 var useNewMessageNotification = function useNewMessageNotification(_ref) {
   var onMessageNew = _ref.onMessageNew,
+    onNewMessageNotification = _ref.onNewMessageNotification,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
@@ -23,29 +24,38 @@ var useNewMessageNotification = function useNewMessageNotification(_ref) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(typeof onMessageNew === 'function')) {
-                _context.next = 4;
+                _context.next = 5;
                 break;
               }
               onMessageNew(setChannels, event);
-              _context.next = 9;
+              console.warn('onMessageNew is deprecated and will be removed in future release. Please use onNewMessageNotification to establish the same behaviour');
+              _context.next = 14;
               break;
-            case 4:
-              if (!((_event$channel = event.channel) != null && _event$channel.id && (_event$channel2 = event.channel) != null && _event$channel2.type)) {
+            case 5:
+              if (!(typeof onNewMessageNotification === 'function')) {
                 _context.next = 9;
                 break;
               }
-              _context.next = 7;
+              onNewMessageNotification(setChannels, event);
+              _context.next = 14;
+              break;
+            case 9:
+              if (!((_event$channel = event.channel) != null && _event$channel.id && (_event$channel2 = event.channel) != null && _event$channel2.type)) {
+                _context.next = 14;
+                break;
+              }
+              _context.next = 12;
               return (0, _utils.getChannel)({
                 client: client,
                 id: event.channel.id,
                 type: event.channel.type
               });
-            case 7:
+            case 12:
               channel = _context.sent;
               setChannels(function (channels) {
                 return channels ? (0, _uniqBy["default"])([channel].concat((0, _toConsumableArray2["default"])(channels)), 'cid') : channels;
               });
-            case 9:
+            case 14:
             case "end":
               return _context.stop();
           }

package/lib/module/components/ChannelList/hooks/listeners/useNewMessageNotification.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewMessageNotification","onMessageNew","setChannels","useChatContext","client","useEffect","handleEvent","event","channel","id","type","getChannel","channels","uniqBy","listener","on","unsubscribe"],"sources":["useNewMessageNotification.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onMessageNew?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessageNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onMessageNew,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onMessageNew === 'function') {\n        onMessageNew(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => (channels ? uniqBy([channel, ...channels], 'cid') : channels));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.message_new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAIA;AAGA;AAWO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,OAKA;EAAA,IAFpCC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,4EAAG,iBAAOC,KAAgC;QAAA;QAAA;UAAA;YAAA;cAAA,MACrD,OAAON,YAAY,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACpCA,YAAY,CAACC,WAAW,EAAEK,KAAK,CAAC;cAAC;cAAA;YAAA;cAAA,MAE7B,kBAAAA,KAAK,CAACC,OAAO,aAAb,eAAeC,EAAE,uBAAIF,KAAK,CAACC,OAAO,aAAb,gBAAeE,IAAI;gBAAA;gBAAA;cAAA;cAAA;cAAA,OACpB,IAAAC,iBAAU,EAAC;gBAC/BP,MAAM,EAANA,MAAM;gBACNK,EAAE,EAAEF,KAAK,CAACC,OAAO,CAACC,EAAE;gBACpBC,IAAI,EAAEH,KAAK,CAACC,OAAO,CAACE;cACtB,CAAC,CAAC;YAAA;cAJIF,OAAO;cAKbN,WAAW,CAAC,UAACU,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEL,OAAO,6CAAKI,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CAG9F;MAAA,gBAbKN,WAAW;QAAA;MAAA;IAAA,GAahB;IAED,IAAMQ,QAAQ,GAAGV,MAAM,oBAANA,MAAM,CAAEW,EAAE,CAAC,0BAA0B,EAAET,WAAW,CAAC;IACpE,OAAO;MAAA,OAAMQ,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}
+{"version":3,"names":["useNewMessageNotification","onMessageNew","onNewMessageNotification","setChannels","useChatContext","client","useEffect","handleEvent","event","console","warn","channel","id","type","getChannel","channels","uniqBy","listener","on","unsubscribe"],"sources":["useNewMessageNotification.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onMessageNew?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n    onNewMessageNotification?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessageNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onMessageNew,\n  onNewMessageNotification,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onMessageNew === 'function') {\n        onMessageNew(setChannels, event);\n        console.warn(\n          'onMessageNew is deprecated and will be removed in future release. Please use onNewMessageNotification to establish the same behaviour',\n        );\n      } else if (typeof onNewMessageNotification === 'function') {\n        onNewMessageNotification(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => (channels ? uniqBy([channel, ...channels], 'cid') : channels));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.message_new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAIA;AAGA;AAeO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,OAMA;EAAA,IAHpCC,YAAY,QAAZA,YAAY;IACZC,wBAAwB,QAAxBA,wBAAwB;IACxBC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,4EAAG,iBAAOC,KAAgC;QAAA;QAAA;UAAA;YAAA;cAAA,MACrD,OAAOP,YAAY,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACpCA,YAAY,CAACE,WAAW,EAAEK,KAAK,CAAC;cAChCC,OAAO,CAACC,IAAI,CACV,uIAAuI,CACxI;cAAC;cAAA;YAAA;cAAA,MACO,OAAOR,wBAAwB,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACvDA,wBAAwB,CAACC,WAAW,EAAEK,KAAK,CAAC;cAAC;cAAA;YAAA;cAAA,MAEzC,kBAAAA,KAAK,CAACG,OAAO,aAAb,eAAeC,EAAE,uBAAIJ,KAAK,CAACG,OAAO,aAAb,gBAAeE,IAAI;gBAAA;gBAAA;cAAA;cAAA;cAAA,OACpB,IAAAC,iBAAU,EAAC;gBAC/BT,MAAM,EAANA,MAAM;gBACNO,EAAE,EAAEJ,KAAK,CAACG,OAAO,CAACC,EAAE;gBACpBC,IAAI,EAAEL,KAAK,CAACG,OAAO,CAACE;cACtB,CAAC,CAAC;YAAA;cAJIF,OAAO;cAKbR,WAAW,CAAC,UAACY,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEL,OAAO,6CAAKI,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CAG9F;MAAA,gBAlBKR,WAAW;QAAA;MAAA;IAAA,GAkBhB;IAED,IAAMU,QAAQ,GAAGZ,MAAM,oBAANA,MAAM,CAAEa,EAAE,CAAC,0BAA0B,EAAEX,WAAW,CAAC;IACpE,OAAO;MAAA,OAAMU,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.8.1-beta.4"
+  "version": "5.9.0"
 }

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

@@ -77,6 +77,8 @@ export declare type ChannelListProps<StreamChatGenerics extends DefaultStreamCha
      * */
     onChannelVisible?: (setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>, event: Event<StreamChatGenerics>) => void;
     /**
+     * @deprecated use onNewMessageNotification instead
+     *
      * Override the default listener/handler for event `notification.message_new`
      * This event is received on channel, which is not being watched.
      *
@@ -86,6 +88,27 @@ export declare type ChannelListProps<StreamChatGenerics extends DefaultStreamCha
      * @overrideType Function
      * */
     onMessageNew?: (setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>, event: Event<StreamChatGenerics>) => void;
+    /**
+     * Override the default listener/handler for event `message.new`
+     * This event is received on channel, when a new message is added on a channel.
+     *
+     * @param lockChannelOrder If set to true, channels won't dynamically sort by most recent message, defaults to false
+     * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
+     * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `message.new` event
+     *
+     * @overrideType Function
+     * */
+    onNewMessage?: (lockChannelOrder: boolean, setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>, event: Event<StreamChatGenerics>) => void;
+    /**
+     * Override the default listener/handler for event `notification.message_new`
+     * This event is received on channel, which is not being watched.
+     *
+     * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
+     * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.message_new` event
+     *
+     * @overrideType Function
+     * */
+    onNewMessageNotification?: (setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>, event: Event<StreamChatGenerics>) => void;
     /**
      * Function that overrides default behavior when a user gets removed from a channel
      *

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

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

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

@@ -4,6 +4,7 @@ import type { DefaultStreamChatGenerics } from '../../../../types/types';
 declare type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
     onMessageNew?: (setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>, event: Event<StreamChatGenerics>) => void;
+    onNewMessageNotification?: (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>({ onMessageNew, onNewMessageNotification, setChannels, }: Parameters<StreamChatGenerics>) => void;
 export {};

package/package.json

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

package/src/components/ChannelList/ChannelList.tsx

@@ -152,6 +152,8 @@ export type ChannelListProps<
     event: Event<StreamChatGenerics>,
   ) => void;
   /**
+   * @deprecated use onNewMessageNotification instead
+   *
    * Override the default listener/handler for event `notification.message_new`
    * This event is received on channel, which is not being watched.
    *
@@ -164,6 +166,34 @@ export type ChannelListProps<
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
     event: Event<StreamChatGenerics>,
   ) => void;
+  /**
+   * Override the default listener/handler for event `message.new`
+   * This event is received on channel, when a new message is added on a channel.
+   *
+   * @param lockChannelOrder If set to true, channels won't dynamically sort by most recent message, defaults to false
+   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
+   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `message.new` event
+   *
+   * @overrideType Function
+   * */
+  onNewMessage?: (
+    lockChannelOrder: boolean,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
+    event: Event<StreamChatGenerics>,
+  ) => void;
+  /**
+   * Override the default listener/handler for event `notification.message_new`
+   * This event is received on channel, which is not being watched.
+   *
+   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
+   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `notification.message_new` event
+   *
+   * @overrideType Function
+   * */
+  onNewMessageNotification?: (
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
+    event: Event<StreamChatGenerics>,
+  ) => void;
   /**
    * Function that overrides default behavior when a user gets removed from a channel
    *
@@ -229,6 +259,8 @@ export const ChannelList = <
     onMessageNew,
     onRemovedFromChannel,
     onSelect,
+    onNewMessage,
+    onNewMessageNotification,
     options = DEFAULT_OPTIONS,
     Preview = ChannelPreviewMessenger,
     PreviewAvatar,
@@ -298,11 +330,13 @@ export const ChannelList = <
 
   useNewMessage({
     lockChannelOrder,
+    onNewMessage,
     setChannels,
   });
 
   useNewMessageNotification({
     onMessageNew,
+    onNewMessageNotification,
     setChannels,
   });
 

package/src/components/ChannelList/__tests__/ChannelList.test.js

@@ -297,6 +297,24 @@ describe('ChannelList', () => {
           expect(within(items[2]).getByText(newMessage.text)).toBeTruthy();
         });
       });
+      it('should call the `onNewMessage` function prop, if provided', async () => {
+        const onNewMessage = jest.fn();
+        const { getByTestId } = render(
+          <Chat client={chatClient}>
+            <ChannelList {...props} onNewMessage={onNewMessage} />
+          </Chat>,
+        );
+
+        await waitFor(() => {
+          expect(getByTestId('channel-list')).toBeTruthy();
+        });
+
+        act(() => dispatchMessageNewEvent(chatClient, testChannel2.channel));
+
+        await waitFor(() => {
+          expect(onNewMessage).toHaveBeenCalledTimes(1);
+        });
+      });
     });
 
     describe('notification.message_new', () => {
@@ -346,6 +364,25 @@ describe('ChannelList', () => {
           expect(onMessageNew).toHaveBeenCalledTimes(1);
         });
       });
+
+      it('should call the `onNewMessageNotification` function prop, if provided', async () => {
+        const onNewMessageNotification = jest.fn();
+        const { getByTestId } = render(
+          <Chat client={chatClient}>
+            <ChannelList {...props} onNewMessageNotification={onNewMessageNotification} />
+          </Chat>,
+        );
+
+        await waitFor(() => {
+          expect(getByTestId('channel-list')).toBeTruthy();
+        });
+
+        act(() => dispatchNotificationMessageNewEvent(chatClient, testChannel2.channel));
+
+        await waitFor(() => {
+          expect(onNewMessageNotification).toHaveBeenCalledTimes(1);
+        });
+      });
     });
 
     describe('notification.added_to_channel', () => {

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

@@ -11,43 +11,53 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
   {
     lockChannelOrder: boolean;
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    onNewMessage?: (
+      lockChannelOrder: boolean,
+      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
+      event: Event<StreamChatGenerics>,
+    ) => void;
   };
 
 export const useNewMessage = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   lockChannelOrder,
+  onNewMessage,
   setChannels,
 }: Parameters<StreamChatGenerics>) => {
   const { client } = useChatContext<StreamChatGenerics>();
 
   useEffect(() => {
     const handleEvent = (event: Event<StreamChatGenerics>) => {
-      setChannels((channels) => {
-        if (!channels) return channels;
+      if (typeof onNewMessage === 'function') {
+        onNewMessage(lockChannelOrder, setChannels, event);
+      } else {
+        setChannels((channels) => {
+          if (!channels) return channels;
 
-        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
-          const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);
+          if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
+            const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);
 
-          if (targetChannelIndex >= 0) {
-            return moveChannelUp<StreamChatGenerics>({
-              channels,
-              cid: event.cid,
-            });
-          }
+            if (targetChannelIndex >= 0) {
+              return moveChannelUp<StreamChatGenerics>({
+                channels,
+                cid: event.cid,
+              });
+            }
 
-          // If channel doesn't exist in existing list, check in activeChannels as well.
-          // It may happen that channel was hidden using channel.hide(). In that case
-          // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.
-          const channel = client.channel(event.channel_type, event.channel_id);
+            // If channel doesn't exist in existing list, check in activeChannels as well.
+            // It may happen that channel was hidden using channel.hide(). In that case
+            // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.
+            const channel = client.channel(event.channel_type, event.channel_id);
 
-          if (channel.initialized) {
-            return [channel, ...channels];
+            if (channel.initialized) {
+              return [channel, ...channels];
+            }
           }
-        }
 
-        return [...channels];
-      });
+          return [...channels];
+        });
+      }
     };
 
     const listener = client?.on('message.new', handleEvent);

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

@@ -16,12 +16,17 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
     ) => void;
+    onNewMessageNotification?: (
+      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
+      event: Event<StreamChatGenerics>,
+    ) => void;
   };
 
 export const useNewMessageNotification = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   onMessageNew,
+  onNewMessageNotification,
   setChannels,
 }: Parameters<StreamChatGenerics>) => {
   const { client } = useChatContext<StreamChatGenerics>();
@@ -30,6 +35,11 @@ export const useNewMessageNotification = <
     const handleEvent = async (event: Event<StreamChatGenerics>) => {
       if (typeof onMessageNew === 'function') {
         onMessageNew(setChannels, event);
+        console.warn(
+          'onMessageNew is deprecated and will be removed in future release. Please use onNewMessageNotification to establish the same behaviour',
+        );
+      } else if (typeof onNewMessageNotification === 'function') {
+        onNewMessageNotification(setChannels, event);
       } else {
         if (event.channel?.id && event.channel?.type) {
           const channel = await getChannel({

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.8.1-beta.4"
+  "version": "5.9.0"
 }