fix: cleanup for the attachment manager

Author: khushal87

package/src/components/Channel/Channel.tsx

@@ -489,7 +489,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     AutoCompleteSuggestionItem = AutoCompleteSuggestionItemDefault,
     AutoCompleteSuggestionList = AutoCompleteSuggestionListDefault,
 
-    autoCompleteSuggestionsLimit,
     Card = CardDefault,
     CardCover,
     CardFooter,
@@ -554,7 +553,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     ImageReloadIndicator = ImageReloadIndicatorDefault,
     ImageUploadPreview = ImageUploadPreviewDefault,
     initialScrollToFirstUnreadMessage = false,
-    initialValue,
     InlineDateSeparator = InlineDateSeparatorDefault,
     InlineUnreadIndicator = InlineUnreadIndicatorDefault,
     Input,
@@ -576,8 +574,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     markReadOnMount = true,
     maxNumberOfFiles = 10,
     maxTimeBetweenGroupedMessages,
-    mentionAllAppUsersEnabled = false,
-    mentionAllAppUsersQuery,
     Message = MessageDefault,
     MessageActionList = MessageActionListDefault,
     MessageActionListItem = MessageActionListItemDefault,
@@ -654,7 +650,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     TypingIndicator = TypingIndicatorDefault,
     TypingIndicatorContainer = TypingIndicatorContainerDefault,
     UnreadMessagesNotification = UnreadMessagesNotificationDefault,
-    UploadProgressIndicator = AttachmentUploadProgressIndicatorDefault,
+    AttachmentUploadProgressIndicator = AttachmentUploadProgressIndicatorDefault,
     UrlPreview = CardDefault,
     VideoAttachmentUploadPreview = VideoAttachmentUploadPreviewDefault,
     VideoThumbnail = VideoThumbnailDefault,
@@ -1687,6 +1683,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     asyncMessagesMultiSendEnabled,
     asyncMessagesSlideToCancelDistance,
     AttachButton,
+    AttachmentUploadProgressIndicator,
     AudioAttachmentUploadPreview,
     AudioRecorder,
     audioRecordingEnabled,
@@ -1697,7 +1694,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     AutoCompleteSuggestionHeader,
     AutoCompleteSuggestionItem,
     AutoCompleteSuggestionList,
-    autoCompleteSuggestionsLimit,
     channelId,
     clearEditingState,
     CommandInput,
@@ -1717,15 +1713,12 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     hasImagePicker,
     ImageAttachmentUploadPreview,
     ImageUploadPreview,
-    initialValue,
     Input,
     InputButtons,
     InputEditingStateHeader,
     InputReplyStateHeader,
     isCommandUIEnabled,
     maxNumberOfFiles,
-    mentionAllAppUsersEnabled,
-    mentionAllAppUsersQuery,
     MoreOptionsButton,
     openPollCreationDialog,
     SendButton,
@@ -1735,7 +1728,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     ShowThreadMessageInChannelButton,
     StartAudioRecordingButton,
     StopMessageStreamingButton,
-    UploadProgressIndicator,
     VideoAttachmentUploadPreview,
   });
 

package/src/components/Channel/hooks/useCreateInputMessageInputContext.ts

@@ -9,6 +9,7 @@ export const useCreateInputMessageInputContext = ({
   asyncMessagesMultiSendEnabled,
   asyncMessagesSlideToCancelDistance,
   AttachButton,
+  AttachmentUploadProgressIndicator,
   AudioAttachmentUploadPreview,
   AudioRecorder,
   audioRecordingEnabled,
@@ -19,7 +20,6 @@ export const useCreateInputMessageInputContext = ({
   AutoCompleteSuggestionHeader,
   AutoCompleteSuggestionItem,
   AutoCompleteSuggestionList,
-  autoCompleteSuggestionsLimit,
   channelId,
   clearEditingState,
   CommandInput,
@@ -39,15 +39,12 @@ export const useCreateInputMessageInputContext = ({
   hasImagePicker,
   ImageAttachmentUploadPreview,
   ImageUploadPreview,
-  initialValue,
   Input,
   InputButtons,
   InputEditingStateHeader,
   InputReplyStateHeader,
   isCommandUIEnabled,
   maxNumberOfFiles,
-  mentionAllAppUsersEnabled,
-  mentionAllAppUsersQuery,
   MoreOptionsButton,
   openPollCreationDialog,
   SendButton,
@@ -58,7 +55,6 @@ export const useCreateInputMessageInputContext = ({
   ShowThreadMessageInChannelButton,
   StartAudioRecordingButton,
   StopMessageStreamingButton,
-  UploadProgressIndicator,
   VideoAttachmentUploadPreview,
 }: InputMessageInputContextValue & {
   /**
@@ -76,6 +72,7 @@ export const useCreateInputMessageInputContext = ({
       asyncMessagesMultiSendEnabled,
       asyncMessagesSlideToCancelDistance,
       AttachButton,
+      AttachmentUploadProgressIndicator,
       AudioAttachmentUploadPreview,
       AudioRecorder,
       audioRecordingEnabled,
@@ -86,7 +83,6 @@ export const useCreateInputMessageInputContext = ({
       AutoCompleteSuggestionHeader,
       AutoCompleteSuggestionItem,
       AutoCompleteSuggestionList,
-      autoCompleteSuggestionsLimit,
       clearEditingState,
       CommandInput,
       CommandsButton,
@@ -105,15 +101,12 @@ export const useCreateInputMessageInputContext = ({
       hasImagePicker,
       ImageAttachmentUploadPreview,
       ImageUploadPreview,
-      initialValue,
       Input,
       InputButtons,
       InputEditingStateHeader,
       InputReplyStateHeader,
       isCommandUIEnabled,
       maxNumberOfFiles,
-      mentionAllAppUsersEnabled,
-      mentionAllAppUsersQuery,
       MoreOptionsButton,
       openPollCreationDialog,
       SendButton,
@@ -124,18 +117,10 @@ export const useCreateInputMessageInputContext = ({
       ShowThreadMessageInChannelButton,
       StartAudioRecordingButton,
       StopMessageStreamingButton,
-      UploadProgressIndicator,
       VideoAttachmentUploadPreview,
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      compressImageQuality,
-      channelId,
-      editingDep,
-      initialValue,
-      CreatePollContent,
-      showPollCreationDialog,
-    ],
+    [compressImageQuality, channelId, editingDep, CreatePollContent, showPollCreationDialog],
   );
 
   return inputMessageInputContext;

…_tests__/UploadProgressIndicator.test.js …ttachmentUploadProgressIndicator.test.jspackage/src/components/MessageInput/__tests__/UploadProgressIndicator.test.js renamed to package/src/components/MessageInput/__tests__/AttachmentUploadProgressIndicator.test.js package/src/components/MessageInput/__tests__/UploadProgressIndicator.test.js renamed to package/src/components/MessageInput/__tests__/AttachmentUploadProgressIndicator.test.js

@@ -7,8 +7,8 @@ import { ProgressIndicatorTypes } from '../../../utils/utils';
 
 import { AttachmentUploadProgressIndicator } from '../components/AttachmentPreview/AttachmentUploadProgressIndicator';
 
-describe('UploadProgressIndicator', () => {
-  it('should render an inactive UploadProgressIndicator', async () => {
+describe('AttachmentUploadProgressIndicator', () => {
+  it('should render an inactive AttachmentUploadProgressIndicator', async () => {
     const action = jest.fn();
 
     render(
@@ -27,7 +27,7 @@ describe('UploadProgressIndicator', () => {
     });
   });
 
-  it('should render an active UploadProgressIndicator', async () => {
+  it('should render an active AttachmentUploadProgressIndicator', async () => {
     const action = jest.fn();
 
     render(
@@ -46,7 +46,7 @@ describe('UploadProgressIndicator', () => {
     });
   });
 
-  it('should render an active UploadProgressIndicator and not-supported indicator', async () => {
+  it('should render an active AttachmentUploadProgressIndicator and not-supported indicator', async () => {
     const action = jest.fn();
 
     render(
@@ -66,7 +66,7 @@ describe('UploadProgressIndicator', () => {
     });
   });
 
-  it('should render an active UploadProgressIndicator and in-progress indicator', async () => {
+  it('should render an active AttachmentUploadProgressIndicator and in-progress indicator', async () => {
     const action = jest.fn();
 
     render(
@@ -86,7 +86,7 @@ describe('UploadProgressIndicator', () => {
     });
   });
 
-  it('should render an active UploadProgressIndicator and retry indicator', async () => {
+  it('should render an active AttachmentUploadProgressIndicator and retry indicator', async () => {
     const action = jest.fn();
     const user = userEvent.setup();
 

package/src/components/index.ts

@@ -133,6 +133,11 @@ export * from './MessageInput/SendButton';
 export * from './MessageInput/StopMessageStreamingButton';
 export * from './MessageInput/ShowThreadMessageInChannelButton';
 export * from './MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator';
+export * from './MessageInput/components/AttachmentPreview/AttachmentUnsupportedIndicator';
+export * from './MessageInput/components/AttachmentPreview/AudioAttachmentUploadPreview';
+export * from './MessageInput/components/AttachmentPreview/FileAttachmentUploadPreview';
+export * from './MessageInput/components/AttachmentPreview/ImageAttachmentUploadPreview';
+export * from './MessageInput/components/AttachmentPreview/VideoAttachmentUploadPreview';
 
 export * from './MessageList/DateHeader';
 export * from './MessageList/hooks/useMessageList';

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -19,10 +19,7 @@ import {
   TextComposerMiddleware,
   UpdateMessageOptions,
   UploadRequestFn,
-  UserFilters,
-  UserOptions,
   UserResponse,
-  UserSort,
 } from 'stream-chat';
 
 import { useAttachmentManagerState } from './hooks/useAttachmentManagerState';
@@ -83,12 +80,6 @@ import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
-export type MentionAllAppUsersQuery = {
-  filters?: UserFilters;
-  options?: UserOptions;
-  sort?: UserSort;
-};
-
 export type LocalMessageInputContext = {
   closeAttachmentPicker: () => void;
   /** The time at which the active cooldown will end */
@@ -202,10 +193,7 @@ export type InputMessageInputContextValue = {
    * **default** [CooldownTimer](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/CooldownTimer.tsx)
    */
   CooldownTimer: React.ComponentType<CooldownTimerProps>;
-  editMessage: ({
-    localMessage,
-    options,
-  }: {
+  editMessage: (params: {
     localMessage: LocalMessage;
     options?: UpdateMessageOptions;
   }) => ReturnType<StreamChat['updateMessage']>;
@@ -273,18 +261,14 @@ export type InputMessageInputContextValue = {
   StopMessageStreamingButton: React.ComponentType<StopMessageStreamingButtonProps> | null;
   /**
    * Custom UI component to render upload progress indicator on attachment preview.
-   *
-   * **Default** [UploadProgressIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/UploadProgressIndicator.tsx)
    */
-  UploadProgressIndicator: React.ComponentType<AttachmentUploadProgressIndicatorProps>;
+  AttachmentUploadProgressIndicator: React.ComponentType<AttachmentUploadProgressIndicatorProps>;
   /**
    * Additional props for underlying TextInput component. These props will be forwarded as it is to TextInput component.
    *
    * @see See https://reactnative.dev/docs/textinput#reference
    */
   additionalTextInputProps?: TextInputProps;
-  /** Max number of suggestions to display in autocomplete list. Defaults to 10. */
-  autoCompleteSuggestionsLimit?: number;
   closePollCreationDialog?: () => void;
   /**
    * Compress image with quality (from 0 to 1, where 1 is best quality).
@@ -318,8 +302,7 @@ export type InputMessageInputContextValue = {
    * Handler for when the attach button is pressed.
    */
   handleAttachButtonPress?: () => void;
-  /** Initial value to set on input */
-  initialValue?: string;
+
   /**
    * Custom UI component for AutoCompleteInput.
    * Has access to all of [MessageInputContext](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/messageInputContext/MessageInputContext.tsx)
@@ -346,9 +329,6 @@ export type InputMessageInputContextValue = {
    * - toggleAttachmentPicker
    */
   InputButtons?: React.ComponentType<InputButtonsProps>;
-  mentionAllAppUsersEnabled?: boolean;
-  /** Object containing filters/sort/options overrides for an @mention user query */
-  mentionAllAppUsersQuery?: MentionAllAppUsersQuery;
   openPollCreationDialog?: ({ sendMessage }: Pick<LocalMessageInputContext, 'sendMessage'>) => void;
   SendMessageDisallowedIndicator?: React.ComponentType;
   /**

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

@@ -10,6 +10,7 @@ export const useCreateMessageInputContext = ({
   asyncMessagesMultiSendEnabled,
   asyncMessagesSlideToCancelDistance,
   AttachButton,
+  AttachmentUploadProgressIndicator,
   AudioAttachmentUploadPreview,
   AudioRecorder,
   audioRecordingEnabled,
@@ -20,7 +21,6 @@ export const useCreateMessageInputContext = ({
   AutoCompleteSuggestionHeader,
   AutoCompleteSuggestionItem,
   AutoCompleteSuggestionList,
-  autoCompleteSuggestionsLimit,
   clearEditingState,
   closeAttachmentPicker,
   closePollCreationDialog,
@@ -42,15 +42,12 @@ export const useCreateMessageInputContext = ({
   hasImagePicker,
   ImageAttachmentUploadPreview,
   ImageUploadPreview,
-  initialValue,
   Input,
   inputBoxRef,
   InputButtons,
   InputEditingStateHeader,
   InputReplyStateHeader,
   maxNumberOfFiles,
-  mentionAllAppUsersEnabled,
-  mentionAllAppUsersQuery,
   MoreOptionsButton,
   openAttachmentPicker,
   openFilePicker,
@@ -75,7 +72,6 @@ export const useCreateMessageInputContext = ({
   thread,
   toggleAttachmentPicker,
   uploadNewFile,
-  UploadProgressIndicator,
   VideoAttachmentUploadPreview,
 }: MessageInputContextValue & Pick<ThreadContextValue, 'thread'>) => {
   const editingdep = editing?.id;
@@ -89,6 +85,7 @@ export const useCreateMessageInputContext = ({
       asyncMessagesMultiSendEnabled,
       asyncMessagesSlideToCancelDistance,
       AttachButton,
+      AttachmentUploadProgressIndicator,
       AudioAttachmentUploadPreview,
       AudioRecorder,
       audioRecordingEnabled,
@@ -99,7 +96,6 @@ export const useCreateMessageInputContext = ({
       AutoCompleteSuggestionHeader,
       AutoCompleteSuggestionItem,
       AutoCompleteSuggestionList,
-      autoCompleteSuggestionsLimit,
       clearEditingState,
       closeAttachmentPicker,
       closePollCreationDialog,
@@ -120,16 +116,13 @@ export const useCreateMessageInputContext = ({
       hasImagePicker,
       ImageAttachmentUploadPreview,
       ImageUploadPreview,
-      initialValue,
       Input,
       inputBoxRef,
       InputButtons,
       InputEditingStateHeader,
       InputReplyStateHeader,
       isCommandUIEnabled,
       maxNumberOfFiles,
-      mentionAllAppUsersEnabled,
-      mentionAllAppUsersQuery,
       MoreOptionsButton,
       openAttachmentPicker,
       openFilePicker,
@@ -153,7 +146,6 @@ export const useCreateMessageInputContext = ({
       takeAndUploadImage,
       toggleAttachmentPicker,
       uploadNewFile,
-      UploadProgressIndicator,
       VideoAttachmentUploadPreview,
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps