stream-chat-react-native-core 6.7.5-beta.1 → 7.0.0-beta.1

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

@@ -1,97 +0,0 @@
-import React, { useEffect } from 'react';
-
-import type { Channel, Event } from 'stream-chat';
-
-import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
-
-import type {
-  ChannelListEventListenerOptions,
-  DefaultStreamChatGenerics,
-} from '../../../../types/types';
-import { moveChannelUp } from '../../utils';
-import {
-  isChannelArchived,
-  isChannelPinned,
-  shouldConsiderArchivedChannels,
-  shouldConsiderPinnedChannels,
-} from '../utils';
-
-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>,
-      options?: ChannelListEventListenerOptions<StreamChatGenerics>,
-    ) => void;
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>;
-  };
-
-export const useNewMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  lockChannelOrder,
-  onNewMessage,
-  options,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
-
-  useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
-      if (typeof onNewMessage === 'function') {
-        onNewMessage(lockChannelOrder, setChannels, event, options);
-      } else {
-        if (!options) {
-          return;
-        }
-        const { filters, sort } = options;
-        const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
-        const considerArchivedChannels = shouldConsiderArchivedChannels(filters);
-
-        const channelType = event.channel_type;
-        const channelId = event.channel_id;
-
-        if (!channelType || !channelId) {
-          return;
-        }
-
-        setChannels((channels) => {
-          if (!channels) {
-            return channels;
-          }
-          const targetChannel = client.channel(channelType, channelId);
-          const targetChannelIndex = channels.indexOf(targetChannel);
-
-          const isTargetChannelArchived = isChannelArchived(targetChannel);
-          const isTargetChannelPinned = isChannelPinned(targetChannel);
-
-          if (
-            // When archived filter false, and channel is archived
-            (considerArchivedChannels && isTargetChannelArchived && !filters?.archived) ||
-            // When archived filter true, and channel is unarchived
-            (considerArchivedChannels && !isTargetChannelArchived && filters?.archived) ||
-            // If the channel is pinned and we are not considering pinned channels
-            (isTargetChannelPinned && considerPinnedChannels) ||
-            lockChannelOrder
-          ) {
-            return [...channels];
-          }
-
-          return moveChannelUp<StreamChatGenerics>({
-            channels,
-            channelToMove: targetChannel,
-            channelToMoveIndexWithinChannels: targetChannelIndex,
-            sort,
-          });
-        });
-      }
-    };
-
-    const listener = client?.on('message.new', handleEvent);
-    return () => listener?.unsubscribe();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-};

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

@@ -1,73 +0,0 @@
-import React, { useEffect } from 'react';
-
-import type { Channel, Event } from 'stream-chat';
-
-import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
-
-import type {
-  ChannelListEventListenerOptions,
-  DefaultStreamChatGenerics,
-} from '../../../../types/types';
-import { getChannel, moveChannelUp } from '../../utils';
-import { isChannelArchived } from '../utils';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onNewMessageNotification?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-      options?: ChannelListEventListenerOptions<StreamChatGenerics>,
-    ) => void;
-    options?: ChannelListEventListenerOptions<StreamChatGenerics>;
-  };
-
-export const useNewMessageNotification = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  onNewMessageNotification,
-  options,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
-
-  useEffect(() => {
-    const handleEvent = async (event: Event<StreamChatGenerics>) => {
-      if (typeof onNewMessageNotification === 'function') {
-        onNewMessageNotification(setChannels, event, options);
-      } else {
-        if (!options) {
-          return;
-        }
-        const { filters, sort } = options;
-        if (event.channel?.id && event.channel?.type) {
-          const channel = await getChannel({
-            client,
-            id: event.channel.id,
-            type: event.channel.type,
-          });
-
-          // Handle archived channels
-          const considerArchivedChannels = filters && filters.archived === false;
-          if (isChannelArchived(channel) && considerArchivedChannels) {
-            return;
-          }
-
-          setChannels((channels) =>
-            channels
-              ? moveChannelUp({
-                  channels,
-                  channelToMove: channel,
-                  sort,
-                })
-              : channels,
-          );
-        }
-      }
-    };
-
-    const listener = client?.on('notification.message_new', handleEvent);
-    return () => listener?.unsubscribe();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-};

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

@@ -1,46 +0,0 @@
-import React, { useEffect } from 'react';
-
-import type { Channel, Event } from 'stream-chat';
-
-import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
-
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
-    onRemovedFromChannel?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-      event: Event<StreamChatGenerics>,
-    ) => void;
-  };
-
-export const useRemovedFromChannelNotification = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  onRemovedFromChannel,
-  setChannels,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
-
-  useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
-      if (typeof onRemovedFromChannel === 'function') {
-        onRemovedFromChannel(setChannels, event);
-      } else {
-        setChannels((channels) => {
-          if (!channels) {
-            return channels;
-          }
-
-          const newChannels = channels.filter((channel) => channel.cid !== event.channel?.cid);
-          return [...newChannels];
-        });
-      }
-    };
-
-    const listener = client?.on('notification.removed_from_channel', handleEvent);
-    return () => listener?.unsubscribe();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-};

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

@@ -1,57 +0,0 @@
-import React, { useEffect } from 'react';
-
-import type { Channel, Event } from 'stream-chat';
-
-import { useChatContext } from '../../../../contexts/chatContext/ChatContext';
-
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;
-    setForceUpdate: React.Dispatch<React.SetStateAction<number>>;
-  };
-
-/**
- * Hook to update the channel members when the user presence changes
- * @deprecated this hook will be removed in favour of the useChannelPreviewDisplayPresence to improve performance
- */
-export const useUserPresence = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  setChannels,
-  setForceUpdate,
-}: Parameters<StreamChatGenerics>) => {
-  const { client } = useChatContext<StreamChatGenerics>();
-
-  useEffect(() => {
-    const handleEvent = (event: Event<StreamChatGenerics>) => {
-      setChannels((channels) => {
-        if (!channels) {
-          return channels;
-        }
-
-        const newChannels = channels.map((channel) => {
-          if (!event.user?.id || !channel.state.members[event.user.id]) {
-            return channel;
-          }
-          channel.state.members[event.user.id].user = event.user;
-          return channel;
-        });
-
-        return [...newChannels];
-      });
-      setForceUpdate((u) => u + 1);
-    };
-
-    const listeners = [
-      client?.on('user.presence.changed', handleEvent),
-      client?.on('user.updated', handleEvent),
-    ];
-
-    return () => {
-      listeners?.forEach((l) => l?.unsubscribe());
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-};

package/src/components/MessageList/hooks/useLastReadData.ts

@@ -1,37 +0,0 @@
-import { useMemo } from 'react';
-
-import type { ChannelState } from 'stream-chat';
-
-import { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
-import { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-import { getReadStates } from '../utils/getReadStates';
-
-type UseLastReadDataParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  messages:
-    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']
-    | ThreadContextValue<StreamChatGenerics>['threadMessages'];
-  userID: string | undefined;
-  read?: ChannelState<StreamChatGenerics>['read'];
-  returnAllReadData?: boolean;
-};
-
-export const useLastReadData = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: UseLastReadDataParams<StreamChatGenerics>,
-) => {
-  const { messages, read, returnAllReadData = true, userID } = props;
-
-  return useMemo(
-    () =>
-      getReadStates(
-        messages.filter(({ user }) => user?.id === userID),
-        read,
-        returnAllReadData,
-      ),
-    [messages, read, returnAllReadData, userID],
-  );
-};

package/src/components/MessageList/utils/getReadStates.ts

@@ -1,60 +0,0 @@
-import { ChannelState } from 'stream-chat';
-
-import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
-import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-
-export const getReadStates = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  messages:
-    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']
-    | ThreadContextValue<StreamChatGenerics>['threadMessages'],
-  read?: ChannelState<StreamChatGenerics>['read'],
-  returnAllReadData?: boolean,
-) => {
-  const readData: Record<string, number> = {};
-
-  if (read) {
-    /**
-     * Array is in reverse order so newest message is at 0,
-     * we find the index of the first message that is older
-     * than the last read and then set last read to that, or
-     * if there are no newer messages, the first message is
-     * last read message.
-     */
-    Object.values(read).forEach((readState) => {
-      if (!readState.last_read) {
-        return;
-      }
-
-      let userLastReadMsgId: string | undefined;
-
-      // loop messages sent by current user and add read data for other users in channel
-      messages.forEach((msg) => {
-        if (msg.created_at && msg.created_at < readState.last_read) {
-          userLastReadMsgId = msg.id;
-
-          if (returnAllReadData) {
-            // if true, save other user's read data for all messages they've read
-            if (!readData[userLastReadMsgId]) {
-              readData[userLastReadMsgId] = 0;
-            }
-            readData[userLastReadMsgId] = readData[userLastReadMsgId] + 1;
-          }
-        }
-      });
-
-      // if true, only save read data for other user's last read message
-      if (userLastReadMsgId && !returnAllReadData) {
-        if (!readData[userLastReadMsgId]) {
-          readData[userLastReadMsgId] = 0;
-        }
-
-        readData[userLastReadMsgId] = readData[userLastReadMsgId] + 1;
-      }
-    });
-  }
-
-  return readData;
-};