stream-chat-react-native-core 5.39.5 → 5.40.0-rc.2

package/src/contexts/chatContext/ChatContext.tsx

@@ -3,10 +3,9 @@ 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 { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type ChatContextValue<
@@ -65,10 +64,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[];
 };
 
 export const ChatContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ChatContextValue);
@@ -99,27 +94,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;
@@ -103,7 +65,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 */
@@ -118,20 +80,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;
   /**
@@ -170,29 +143,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;
-};

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -53,7 +53,13 @@ import type { SendButtonProps } from '../../components/MessageInput/SendButton';
 import type { UploadProgressIndicatorProps } from '../../components/MessageInput/UploadProgressIndicator';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { Emoji } from '../../emoji-data';
-import { isImageMediaLibraryAvailable, pickDocument, pickImage, takePhoto } from '../../native';
+import {
+  isDocumentPickerAvailable,
+  isImageMediaLibraryAvailable,
+  pickDocument,
+  pickImage,
+  takePhoto,
+} from '../../native';
 import {
   Asset,
   DefaultStreamChatGenerics,
@@ -61,7 +67,6 @@ import {
   FileTypes,
   FileUpload,
   ImageUpload,
-  UnknownType,
 } from '../../types/types';
 import {
   ACITriggerSettings,
@@ -86,7 +91,6 @@ import { useThreadContext } from '../threadContext/ThreadContext';
 import { useTranslationContext } from '../translationContext/TranslationContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 /**
@@ -360,7 +364,6 @@ export type InputMessageInputContextValue<
   MoreOptionsButton: React.ComponentType<MoreOptionsButtonProps>;
   /** Limit on the number of lines in the text input before scrolling */
   numberOfLines: number;
-  quotedMessage: boolean | MessageType<StreamChatGenerics>;
   /**
    * Custom UI component for send button.
    *
@@ -491,6 +494,7 @@ export type InputMessageInputContextValue<
    * Callback that is called when the text input's text changes. Changed text is passed as a single string argument to the callback handler.
    */
   onChangeText?: (newText: string) => void;
+  quotedMessage?: MessageType<StreamChatGenerics>;
   SendMessageDisallowedIndicator?: React.ComponentType;
   /**
    * ref for input setter function
@@ -750,7 +754,7 @@ export const MessageInputProvider = <
   };
 
   const pickFile = async () => {
-    if (pickDocument === null) {
+    if (!isDocumentPickerAvailable()) {
       console.log(
         'The file picker is not installed. Check our Getting Started documentation to install it.',
       );
@@ -1020,8 +1024,7 @@ export const MessageInputProvider = <
           mentioned_users: uniq(mentionedUsers),
           /** Parent message id - in case of thread */
           parent_id: thread?.id,
-          quoted_message_id:
-            typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
+          quoted_message_id: value.quotedMessage ? value.quotedMessage.id : undefined,
           show_in_channel: sendThreadMessageInChannel || undefined,
           text: prevText,
           ...customMessageData,
@@ -1061,8 +1064,7 @@ export const MessageInputProvider = <
           attachments,
           mentioned_users: [],
           parent_id: thread?.id,
-          quoted_message_id:
-            typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
+          quoted_message_id: value.quotedMessage ? value.quotedMessage.id : undefined,
           show_in_channel: sendThreadMessageInChannel || undefined,
           text: '',
         } as unknown as Partial<StreamMessage<StreamChatGenerics>>);
@@ -1477,31 +1479,3 @@ export const useMessageInputContext = <
 
   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 withMessageInputContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withMessageInputContext = <
-  P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<P>,
-): React.ComponentType<Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>> => {
-  const WithMessageInputContextComponent = (
-    props: Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>,
-  ) => {
-    const messageInputContext = useMessageInputContext<StreamChatGenerics>();
-
-    return <Component {...(props as P)} {...messageInputContext} />;
-  };
-  WithMessageInputContextComponent.displayName = `WithMessageInputContext${getDisplayName(
-    Component,
-  )}`;
-  return WithMessageInputContextComponent;
-};

package/src/contexts/messageInputContext/__tests__/isValidMessage.test.tsx

@@ -13,13 +13,12 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { FileState } from '../../../utils/utils';
 import {
   InputMessageInputContextValue,
-  MessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
 
 const user1 = generateUser();
-const message = generateMessage({ user: user1 }, 'isValidMessage');
+const message = generateMessage({ user: user1 });
 
 type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   Partial<InputMessageInputContextValue<StreamChatGenerics>>;
@@ -32,7 +31,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as InputMessageInputContextValue<StreamChatGenerics>
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/uploadFile.test.tsx

@@ -9,7 +9,6 @@ import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
-  MessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
@@ -28,7 +27,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as InputMessageInputContextValue<StreamChatGenerics>
     }
   >
     {children}

package/src/contexts/messageInputContext/__tests__/uploadImage.test.tsx

@@ -8,7 +8,6 @@ import { generateUser } from '../../../mock-builders/generator/user';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import {
   InputMessageInputContextValue,
-  MessageInputContextValue,
   MessageInputProvider,
   useMessageInputContext,
 } from '../MessageInputContext';
@@ -24,7 +23,7 @@ const Wrapper = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
     value={
       {
         ...rest,
-      } as MessageInputContextValue<StreamChatGenerics>
+      } as InputMessageInputContextValue<StreamChatGenerics>
     }
   >
     {children}

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -119,11 +119,7 @@ export const useCreateMessageInputContext = <
   const imageUploadsValue = imageUploads.map(({ state }) => state).join();
   const asyncUploadsValue = Object.keys(asyncUploads).join();
   const mentionedUsersLength = mentionedUsers.length;
-  const quotedMessageId = quotedMessage
-    ? typeof quotedMessage === 'boolean'
-      ? ''
-      : quotedMessage.id
-    : '';
+  const quotedMessageId = quotedMessage ? quotedMessage.id : '';
   const threadId = thread?.id;
   const asyncIdsLength = asyncIds.length;