stream-chat-react-native-core 5.44.2-beta.1 → 6.0.0-beta.1

package/src/contexts/channelsStateContext/ChannelsStateContext.tsx

@@ -8,29 +8,18 @@ import React, {
   useRef,
 } from 'react';
 
-import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ActiveChannelsProvider } from '../activeChannelsRefContext/ActiveChannelsRefContext';
 
-import type { ChannelContextValue } from '../channelContext/ChannelContext';
-import type { PaginatedMessageListContextValue } from '../paginatedMessageListContext/PaginatedMessageListContext';
 import type { ThreadContextValue } from '../threadContext/ThreadContext';
-import type { TypingContextValue } from '../typingContext/TypingContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type ChannelState<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  members: ChannelContextValue<StreamChatGenerics>['members'];
-  messages: PaginatedMessageListContextValue<StreamChatGenerics>['messages'];
-  read: ChannelContextValue<StreamChatGenerics>['read'];
-  subscriberCount: number;
   threadMessages: ThreadContextValue<StreamChatGenerics>['threadMessages'];
-  typing: TypingContextValue<StreamChatGenerics>['typing'];
-  watcherCount: ChannelContextValue<StreamChatGenerics>['watcherCount'];
-  watchers: ChannelContextValue<StreamChatGenerics>['watchers'];
 };
 
 type ChannelsState<
@@ -57,25 +46,12 @@ type SetStateAction<
   type: 'SET_STATE';
 };
 
-type IncreaseSubscriberCountAction = {
-  payload: { cid: string };
-  type: 'INCREASE_SUBSCRIBER_COUNT';
-};
-type DecreaseSubscriberCountAction = {
-  payload: { cid: string };
-  type: 'DECREASE_SUBSCRIBER_COUNT';
-};
-
 type Action<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
-  | SetStateAction<StreamChatGenerics>
-  | IncreaseSubscriberCountAction
-  | DecreaseSubscriberCountAction;
+  SetStateAction<StreamChatGenerics>;
 
 export type ChannelsStateContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  decreaseSubscriberCount: (value: { cid: string }) => void;
-  increaseSubscriberCount: (value: { cid: string }) => void;
   setState: (value: Payload<Keys, StreamChatGenerics>) => void;
   state: ChannelsState<StreamChatGenerics>;
 };
@@ -96,39 +72,6 @@ function reducer(state: ChannelsState, action: Action) {
         },
       };
 
-    case 'INCREASE_SUBSCRIBER_COUNT': {
-      const currentCount = state[action.payload.cid]?.subscriberCount ?? 0;
-      return {
-        ...state,
-        [action.payload.cid]: {
-          ...(state[action.payload.cid] || {}),
-          subscriberCount: currentCount + 1,
-        },
-      };
-    }
-
-    case 'DECREASE_SUBSCRIBER_COUNT': {
-      const currentCount = state[action.payload.cid]?.subscriberCount ?? 0;
-
-      // If there last subscribed Channel component unsubscribes, we clear the channel state.
-      if (currentCount <= 1) {
-        const stateShallowCopy = {
-          ...state,
-        };
-
-        delete stateShallowCopy[action.payload.cid];
-
-        return stateShallowCopy;
-      }
-
-      return {
-        ...state,
-        [action.payload.cid]: {
-          ...(state[action.payload.cid] || {}),
-          subscriberCount: currentCount - 1,
-        },
-      };
-    }
     default:
       throw new Error();
   }
@@ -151,18 +94,8 @@ export const ChannelsStateProvider = <
     dispatch({ payload, type: 'SET_STATE' });
   }, []);
 
-  const increaseSubscriberCount = useCallback((payload: { cid: string }) => {
-    dispatch({ payload, type: 'INCREASE_SUBSCRIBER_COUNT' });
-  }, []);
-
-  const decreaseSubscriberCount = useCallback((payload: { cid: string }) => {
-    dispatch({ payload, type: 'DECREASE_SUBSCRIBER_COUNT' });
-  }, []);
-
   const value = useMemo(
     () => ({
-      decreaseSubscriberCount,
-      increaseSubscriberCount,
       setState,
       state,
     }),
@@ -198,31 +131,3 @@ export const useChannelsStateContext = <
 
   return contextValue;
 };
-
-/**
- * @deprecated
- *
- * This will be removed in the next major version.
- *
- * Typescript currently does not support partial inference so if ChatContext
- * typing is desired while using the HOC withChannelsStateContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withChannelsStateContext = <
-  P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<P>,
-): React.ComponentType<Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>> => {
-  const WithChannelsStateContextComponent = (
-    props: Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>,
-  ) => {
-    const channelsStateContext = useChannelsStateContext<StreamChatGenerics>();
-
-    return <Component {...(props as P)} {...channelsStateContext} />;
-  };
-  WithChannelsStateContextComponent.displayName = `WithChannelsStateContext${getDisplayName(
-    Component,
-  )}`;
-  return WithChannelsStateContextComponent;
-};

package/src/contexts/channelsStateContext/useChannelState.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 
 import type { Channel as ChannelType } from 'stream-chat';
 
@@ -11,32 +11,21 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 type StateManagerParams<
   Key extends Keys,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Omit<
-  ChannelsStateContextValue<StreamChatGenerics>,
-  'increaseSubscriberCount' | 'decreaseSubscriberCount'
-> & {
+> = ChannelsStateContextValue<StreamChatGenerics> & {
   cid: string;
   key: Key;
 };
 
-/* 
+/*
   This hook takes care of creating a useState-like interface which can be used later to call
   updates to the ChannelsStateContext reducer. It receives the cid and key which it wants to update
   and perform the state updates. Also supports a initialState.
 */
-function useStateManager<
+export function useStateManager<
   Key extends Keys,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  {
-    cid,
-    key,
-    setState,
-    state,
-  }: Omit<
-    StateManagerParams<Key, StreamChatGenerics>,
-    'increaseSubscriberCount' | 'decreaseSubscriberCount'
-  >,
+  { cid, key, setState, state }: StateManagerParams<Key, StreamChatGenerics>,
   initialValue?: ChannelState<StreamChatGenerics>[Key],
 ) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -56,20 +45,8 @@ function useStateManager<
 export type UseChannelStateValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  members: ChannelState<StreamChatGenerics>['members'];
-  messages: ChannelState<StreamChatGenerics>['messages'];
-  read: ChannelState<StreamChatGenerics>['read'];
-  setMembers: (value: ChannelState<StreamChatGenerics>['members']) => void;
-  setMessages: (value: ChannelState<StreamChatGenerics>['messages']) => void;
-  setRead: (value: ChannelState<StreamChatGenerics>['read']) => void;
   setThreadMessages: (value: ChannelState<StreamChatGenerics>['threadMessages']) => void;
-  setTyping: (value: ChannelState<StreamChatGenerics>['typing']) => void;
-  setWatcherCount: (value: ChannelState<StreamChatGenerics>['watcherCount']) => void;
-  setWatchers: (value: ChannelState<StreamChatGenerics>['watchers']) => void;
   threadMessages: ChannelState<StreamChatGenerics>['threadMessages'];
-  typing: ChannelState<StreamChatGenerics>['typing'];
-  watcherCount: ChannelState<StreamChatGenerics>['watcherCount'];
-  watchers: ChannelState<StreamChatGenerics>['watchers'];
 };
 
 export function useChannelState<
@@ -79,74 +56,7 @@ export function useChannelState<
   threadId?: string,
 ): UseChannelStateValue<StreamChatGenerics> {
   const cid = channel?.id || 'id'; // in case channel is not initialized, use generic id string for indexing
-  const { decreaseSubscriberCount, increaseSubscriberCount, setState, state } =
-    useChannelsStateContext<StreamChatGenerics>();
-
-  // Keeps track of how many Channel components are subscribed to this Channel state (Channel vs Thread concurrency)
-  useEffect(() => {
-    increaseSubscriberCount({ cid });
-    return () => {
-      decreaseSubscriberCount({ cid });
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const [members, setMembers] = useStateManager(
-    {
-      cid,
-      key: 'members',
-      setState,
-      state,
-    },
-    channel?.state?.members || {},
-  );
-
-  const [messages, setMessages] = useStateManager(
-    {
-      cid,
-      key: 'messages',
-      setState,
-      state,
-    },
-    channel?.state?.messages || [],
-  );
-
-  const [read, setRead] = useStateManager(
-    {
-      cid,
-      key: 'read',
-      setState,
-      state,
-    },
-    channel?.state?.read || {},
-  );
-
-  const [typing, setTyping] = useStateManager(
-    {
-      cid,
-      key: 'typing',
-      setState,
-      state,
-    },
-    {},
-  );
-
-  const [watcherCount, setWatcherCount] = useStateManager({
-    cid,
-    key: 'watcherCount',
-    setState,
-    state,
-  });
-
-  const [watchers, setWatchers] = useStateManager(
-    {
-      cid,
-      key: 'watchers',
-      setState,
-      state,
-    },
-    {},
-  );
+  const { setState, state } = useChannelsStateContext<StreamChatGenerics>();
 
   const [threadMessages, setThreadMessages] = useStateManager(
     {
@@ -159,19 +69,7 @@ export function useChannelState<
   );
 
   return {
-    members,
-    messages,
-    read,
-    setMembers,
-    setMessages,
-    setRead,
     setThreadMessages,
-    setTyping,
-    setWatcherCount,
-    setWatchers,
     threadMessages,
-    typing,
-    watcherCount,
-    watchers,
   };
 }

package/src/contexts/chatConfigContext/ChatConfigContext.tsx

@@ -0,0 +1,33 @@
+import React, { PropsWithChildren, useContext } from 'react';
+
+export type ChatConfigContextValue = {
+  /**
+   * This option allows you to specify a list of CDNs that offer image resizing.
+   */
+  resizableCDNHosts?: string[];
+};
+
+export const chatConfigContextDefaultvalue = {
+  resizableCDNHosts: ['.stream-io-cdn.com'],
+};
+
+export const ChatConfigContext = React.createContext<ChatConfigContextValue>(
+  chatConfigContextDefaultvalue,
+);
+
+export const ChatConfigProvider = ({
+  children,
+  value = chatConfigContextDefaultvalue,
+}: PropsWithChildren<{
+  value?: ChatConfigContextValue;
+}>) => (
+  <ChatConfigContext.Provider value={value as unknown as ChatConfigContextValue}>
+    {children}
+  </ChatConfigContext.Provider>
+);
+
+export const useChatConfigContext = () => {
+  const contextValue = useContext(ChatConfigContext) as unknown as ChatConfigContextValue;
+
+  return contextValue;
+};

package/src/contexts/chatContext/ChatContext.tsx

@@ -3,11 +3,10 @@ import type { ImageProps } from 'react-native';
 
 import type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { MessageContextValue } from '../messageContext/MessageContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type ChatContextValue<
@@ -66,10 +65,6 @@ export type ChatContextValue<
    * @overrideType Channel
    */
   channel?: Channel<StreamChatGenerics>;
-  /**
-   * This option allows you to specify a list of CDNs that offer image resizing.
-   */
-  resizableCDNHosts?: string[];
 } & Partial<Pick<MessageContextValue<StreamChatGenerics>, 'isMessageAIGenerated'>>;
 
 export const ChatContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ChatContextValue);
@@ -100,27 +95,3 @@ export const useChatContext = <
 
   return contextValue;
 };
-
-/**
- * @deprecated
- *
- * This will be removed in the next major version.
- *
- * Typescript currently does not support partial inference so if ChatContext
- * typing is desired while using the HOC withChatContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withChatContext = <
-  P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<P>,
-): React.ComponentType<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {
-  const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {
-    const chatContext = useChatContext<StreamChatGenerics>();
-
-    return <Component {...(props as P)} {...chatContext} />;
-  };
-  WithChatContextComponent.displayName = `WithChatContext${getDisplayName(Component)}`;
-  return WithChatContextComponent;
-};

package/src/contexts/imageGalleryContext/ImageGalleryContext.tsx

@@ -4,7 +4,6 @@ import type { MessageType } from '../../components/MessageList/hooks/useMessageL
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 type SelectedMessage = {
@@ -64,31 +63,3 @@ export const useImageGalleryContext = <
 
   return contextValue as ImageGalleryContextValue<StreamChatGenerics>;
 };
-
-/**
- * @deprecated
- *
- * This will be removed in the next major version.
- *
- * Typescript currently does not support partial inference so if ChatContext
- * typing is desired while using the HOC withImageGalleryContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withImageGalleryContext = <
-  P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<P>,
-): React.ComponentType<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>> => {
-  const WithImageGalleryContextComponent = (
-    props: Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>,
-  ) => {
-    const imageGalleryContext = useImageGalleryContext<StreamChatGenerics>();
-
-    return <Component {...(props as P)} {...imageGalleryContext} />;
-  };
-  WithImageGalleryContextComponent.displayName = `WithImageGalleryContext${getDisplayName(
-    Component,
-  )}`;
-  return WithImageGalleryContextComponent;
-};

package/src/contexts/index.ts

@@ -1,6 +1,7 @@
 export * from './attachmentPickerContext/AttachmentPickerContext';
 export * from './channelContext/ChannelContext';
 export * from './channelsContext/ChannelsContext';
+export * from './chatConfigContext/ChatConfigContext';
 export * from './chatContext/ChatContext';
 export * from './debugContext/DebugContext';
 export * from './imageGalleryContext/ImageGalleryContext';
@@ -9,7 +10,6 @@ export * from './messageContext/MessageContext';
 export * from './messageInputContext/hooks/useCreateMessageInputContext';
 export * from './messageInputContext/hooks/useMessageDetailsForState';
 export * from './messageInputContext/MessageInputContext';
-export * from './messageOverlayContext/MessageOverlayContext';
 export * from './messagesContext/MessagesContext';
 export * from './paginatedMessageListContext/PaginatedMessageListContext';
 export * from './overlayContext/OverlayContext';

package/src/contexts/keyboardContext/KeyboardContext.tsx

@@ -2,9 +2,6 @@ import React, { useContext } from 'react';
 
 import { Keyboard } from 'react-native';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-import { getDisplayName } from '../utils/getDisplayName';
-
 export type KeyboardContextValue = {
   dismissKeyboard: () => void;
 };
@@ -22,30 +19,3 @@ export const KeyboardProvider = ({ children, value }: Props) => (
 );
 
 export const useKeyboardContext = () => useContext(KeyboardContext);
-
-/**
- * @deprecated
- *
- * This will be removed in the next major version.
- *
- * Typescript currently does not support partial inference so if ChatContext
- * typing is desired while using the HOC withKeyboardContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withKeyboardContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<StreamChatGenerics>,
-): React.ComponentType<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {
-  const WithKeyboardContextComponent = (
-    props: Omit<StreamChatGenerics, keyof KeyboardContextValue>,
-  ) => {
-    const keyboardContext = useKeyboardContext();
-
-    return <Component {...(props as StreamChatGenerics)} {...keyboardContext} />;
-  };
-  WithKeyboardContextComponent.displayName = `WithKeyboardContext${getDisplayName(
-    Component as React.ComponentType,
-  )}`;
-  return WithKeyboardContextComponent;
-};

package/src/contexts/messageContext/MessageContext.tsx

@@ -5,19 +5,17 @@ import type { Attachment } from 'stream-chat';
 import type { ActionHandler } from '../../components/Attachment/Attachment';
 import { ReactionSummary } from '../../components/Message/hooks/useProcessReactions';
 import type {
-  MessageTouchableHandlerPayload,
-  TouchableHandlerPayload,
+  MessagePressableHandlerPayload,
+  PressableHandlerPayload,
 } from '../../components/Message/Message';
 import type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';
 import type { MessageContentType } from '../../contexts/messagesContext/MessagesContext';
 import type { DeepPartial } from '../../contexts/themeContext/ThemeContext';
 import type { Theme } from '../../contexts/themeContext/utils/theme';
-import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
-
 export type Alignment = 'right' | 'left';
 
 export type MessageContextValue<
@@ -27,6 +25,10 @@ export type MessageContextValue<
   actionsEnabled: boolean;
   /** Position of the message, either 'right' or 'left' */
   alignment: Alignment;
+  /**
+   * Function to dismiss the overlay
+   */
+  dismissOverlay: () => void;
   /** The files attached to a message */
   files: Attachment<StreamChatGenerics>[];
   /**
@@ -38,46 +40,6 @@ export type MessageContextValue<
   groupStyles: GroupType[];
   /** Handler for actions. Actions in combination with attachments can be used to build [commands](https://getstream.io/chat/docs/#channel_commands). */
   handleAction: ActionHandler;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleCopyMessage: () => void;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleDeleteMessage: () => void;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleEditMessage: () => void;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleFlagMessage: () => void;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleQuotedReplyMessage: () => void;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleResendMessage: () => Promise<void>;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleToggleBanUser: () => Promise<void>;
-  /**
-   * @deprecated
-   * @returns Promise<void>
-   */
-  handleToggleMuteUser: () => Promise<void>;
   handleToggleReaction: (reactionType: string) => Promise<void>;
   /** Whether or not message has reactions */
   hasReactions: boolean;
@@ -107,7 +69,7 @@ export type MessageContextValue<
    *
    * @param payload   Payload object for onLongPress event
    */
-  onLongPress: (payload: TouchableHandlerPayload) => void;
+  onLongPress: (payload: PressableHandlerPayload) => void;
   /** Whether the message is only text and the text is only emojis */
   onlyEmojis: boolean;
   /** Handler to open a thread on a message */
@@ -122,20 +84,31 @@ export type MessageContextValue<
    *
    * @param payload   Payload object for onPress event
    */
-  onPress: (payload: MessageTouchableHandlerPayload) => void;
-  onPressIn: ((payload: TouchableHandlerPayload) => void) | null;
+  onPress: (payload: MessagePressableHandlerPayload) => void;
+  onPressIn: ((payload: PressableHandlerPayload) => void) | null;
   /** The images attached to a message */
   otherAttachments: Attachment<StreamChatGenerics>[];
   reactions: ReactionSummary[];
   /** React set state function to set the state of `isEditedMessageOpen` */
   setIsEditedMessageOpen: React.Dispatch<React.SetStateAction<boolean>>;
-  showMessageOverlay: (isMessageActionsVisible?: boolean, error?: boolean) => void;
+  /**
+   * Function to show the menu with all the message actions.
+   * @param showMessageReactions
+   * @returns void
+   */
+  showMessageOverlay: (showMessageReactions?: boolean) => void;
   showMessageStatus: boolean;
   /** Whether or not the Message is part of a Thread */
   threadList: boolean;
   /** The videos attached to a message */
   videos: Attachment<StreamChatGenerics>[];
   goToMessage?: (messageId: string) => void;
+  /**
+   * Function to handle reaction on message
+   * @param reactionType
+   * @returns
+   */
+  handleReaction?: (reactionType: string) => Promise<void>;
   /** Latest message id on current channel */
   lastReceivedId?: string;
   /**
@@ -174,29 +147,3 @@ export const useMessageContext = <
 
   return contextValue;
 };
-
-/**
- * @deprecated
- *
- * This will be removed in the next major version.
- *
- * Typescript currently does not support partial inference so if ChatContext
- * typing is desired while using the HOC withMessageContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withMessageContext = <
-  P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<P>,
-): React.ComponentType<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {
-  const WithMessageContextComponent = (
-    props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,
-  ) => {
-    const messageContext = useMessageContext<StreamChatGenerics>();
-
-    return <Component {...(props as P)} {...messageContext} />;
-  };
-  WithMessageContextComponent.displayName = `WithMessageContext${getDisplayName(Component)}`;
-  return WithMessageContextComponent;
-};