fix: thread list customization and remove unused attachment picker context props

Author: khushal87

package/src/components/Channel/Channel.tsx

@@ -289,8 +289,6 @@ export type ChannelPropsWithContext = Pick<ChannelContextValue, 'channel'> &
       | 'ImageOverlaySelectedComponent'
       | 'numberOfAttachmentPickerImageColumns'
       | 'AttachmentPickerIOSSelectMorePhotos'
-      | 'attachmentPickerErrorButtonText'
-      | 'attachmentPickerErrorText'
       | 'numberOfAttachmentImagesToLoadPerCall'
       | 'AttachmentPickerContent'
     >
@@ -589,8 +587,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     AutoCompleteSuggestionList = AutoCompleteSuggestionListDefault,
     AttachmentUploadPreviewList = AttachmentUploadPreviewDefault,
     ImageOverlaySelectedComponent = DefaultImageOverlaySelectedComponent,
-    attachmentPickerErrorButtonText,
-    attachmentPickerErrorText,
     numberOfAttachmentImagesToLoadPerCall = 25,
     numberOfAttachmentPickerImageColumns = 3,
     giphyVersion = 'fixed_height',
@@ -1760,8 +1756,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
       AttachmentPickerSelectionBar,
       numberOfAttachmentPickerImageColumns,
       attachmentPickerBottomSheetHeight,
-      attachmentPickerErrorButtonText,
-      attachmentPickerErrorText,
       attachmentSelectionBarHeight,
       numberOfAttachmentImagesToLoadPerCall,
       AttachmentPickerContent,
@@ -1777,8 +1771,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
       AttachmentPickerSelectionBar,
       numberOfAttachmentPickerImageColumns,
       attachmentPickerBottomSheetHeight,
-      attachmentPickerErrorButtonText,
-      attachmentPickerErrorText,
       attachmentSelectionBarHeight,
       numberOfAttachmentImagesToLoadPerCall,
       AttachmentPickerContent,

package/src/components/ThreadList/ThreadListItem.tsx

@@ -3,9 +3,9 @@ import { Pressable, StyleSheet, Text, View } from 'react-native';
 
 import { LocalMessage, Thread, ThreadState } from 'stream-chat';
 
-import { ThreadListItemMessagePreview } from './ThreadListItemMessagePreview';
+import { ThreadListItemMessagePreview as ThreadListItemMessagePreviewDefault } from './ThreadListItemMessagePreview';
 
-import { ThreadMessagePreviewDeliveryStatus } from './ThreadMessagePreviewDeliveryStatus';
+import { ThreadMessagePreviewDeliveryStatus as ThreadMessagePreviewDeliveryStatusDefault } from './ThreadMessagePreviewDeliveryStatus';
 
 import { useChatContext, useTheme, useTranslationContext } from '../../contexts';
 import {
@@ -44,7 +44,11 @@ export const ThreadListItemComponent = () => {
     thread,
   } = useThreadListItemContext();
   const displayName = useChannelPreviewDisplayName(channel);
-  const { onThreadSelect } = useThreadsContext();
+  const {
+    onThreadSelect,
+    ThreadListItemMessagePreview = ThreadListItemMessagePreviewDefault,
+    ThreadMessagePreviewDeliveryStatus = ThreadMessagePreviewDeliveryStatusDefault,
+  } = useThreadsContext();
   const {
     theme: { semantics },
   } = useTheme();

package/src/contexts/attachmentPickerContext/AttachmentPickerContext.tsx

@@ -51,8 +51,6 @@ export type AttachmentPickerContextValue = Pick<
   AttachmentPickerContent: React.ComponentType<AttachmentPickerContentProps>;
   attachmentPickerStore: AttachmentPickerStore;
   numberOfAttachmentPickerImageColumns?: number;
-  attachmentPickerErrorButtonText?: string;
-  attachmentPickerErrorText?: string;
   numberOfAttachmentImagesToLoadPerCall?: number;
 };
 

package/src/contexts/threadsContext/ThreadsContext.tsx

@@ -4,6 +4,8 @@ import { FlatListProps } from 'react-native';
 
 import { Channel, Thread } from 'stream-chat';
 
+import type { ThreadListItemMessagePreviewProps } from '../../components/ThreadList/ThreadListItemMessagePreview';
+import type { ThreadMessagePreviewDeliveryStatusProps } from '../../components/ThreadList/ThreadMessagePreviewDeliveryStatus';
 import { ThreadType } from '../threadContext/ThreadContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
@@ -19,9 +21,11 @@ export type ThreadsContextValue = {
   onThreadSelect?: (thread: ThreadType, channel: Channel) => void;
   ThreadListEmptyPlaceholder?: React.ComponentType;
   ThreadListItem?: React.ComponentType;
+  ThreadListItemMessagePreview?: React.ComponentType<ThreadListItemMessagePreviewProps>;
   ThreadListLoadingIndicator?: React.ComponentType;
   ThreadListLoadingMoreIndicator?: React.ComponentType;
   ThreadListUnreadBanner?: React.ComponentType;
+  ThreadMessagePreviewDeliveryStatus?: React.ComponentType<ThreadMessagePreviewDeliveryStatusProps>;
 };
 
 export const ThreadsContext = React.createContext(