stream-chat-react-native-core 4.5.0 → 4.6.0

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -35,8 +35,8 @@ import type { MoreOptionsButtonProps } from '../../components/MessageInput/MoreO
 import type { SendButtonProps } from '../../components/MessageInput/SendButton';
 import type { UploadProgressIndicatorProps } from '../../components/MessageInput/UploadProgressIndicator';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import { Asset, compressImage, getLocalAssetUri, pickDocument } from '../../native';
-import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import { compressImage, getLocalAssetUri, pickDocument } from '../../native';
+import type { Asset, DefaultStreamChatGenerics, File, UnknownType } from '../../types/types';
 import {
   ACITriggerSettings,
   ACITriggerSettingsParams,
@@ -55,12 +55,7 @@ import { useTranslationContext } from '../translationContext/TranslationContext'
 import { getDisplayName } from '../utils/getDisplayName';
 
 export type FileUpload = {
-  file: {
-    name: string;
-    size?: number | string;
-    type?: string;
-    uri?: string;
-  };
+  file: File;
   id: string;
   state: FileStateValue;
   url?: string;
@@ -207,13 +202,8 @@ export type LocalMessageInputContext<
   uploadFile: ({ newFile }: { newFile: FileUpload }) => Promise<void>;
   /** Function for attempting to upload an image */
   uploadImage: ({ newImage }: { newImage: ImageUpload }) => Promise<void>;
-  uploadNewFile: (file: {
-    name: string;
-    size?: number | string;
-    type?: string;
-    uri?: string;
-  }) => Promise<void>;
-  uploadNewImage: (image: Partial<Asset>) => Promise<void>;
+  uploadNewFile: (file: File) => Promise<void>;
+  uploadNewImage: (image: Asset) => Promise<void>;
 };
 
 export type InputMessageInputContextValue<
@@ -238,7 +228,7 @@ export type InputMessageInputContextValue<
    * being allowed to send another message. This component is displayed in place of the
    * send button for the MessageInput component.
    *
-   * **default** [CooldownTimer](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageInput/CooldownTimer.tsx)
+   * **default** [CooldownTimer](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/CooldownTimer.tsx)
    */
   CooldownTimer: React.ComponentType<CooldownTimerProps>;
   editing: boolean | MessageType<StreamChatGenerics>;
@@ -246,7 +236,7 @@ export type InputMessageInputContextValue<
 
   /**
    * Custom UI component for FileUploadPreview.
-   * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageInput/FileUploadPreview.tsx
+   * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/FileUploadPreview.tsx
    */
   FileUploadPreview: React.ComponentType<FileUploadPreviewProps<StreamChatGenerics>>;
 
@@ -258,7 +248,7 @@ export type InputMessageInputContextValue<
   hasImagePicker: boolean;
   /**
    * Custom UI component for ImageUploadPreview.
-   * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageInput/ImageUploadPreview.tsx
+   * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/ImageUploadPreview.tsx
    */
   ImageUploadPreview: React.ComponentType<ImageUploadPreviewProps<StreamChatGenerics>>;
   InputEditingStateHeader: React.ComponentType<InputEditingStateHeaderProps<StreamChatGenerics>>;
@@ -294,7 +284,7 @@ export type InputMessageInputContextValue<
   /**
    * Custom UI component to render upload progress indicator on attachment preview.
    *
-   * **Default** [UploadProgressIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageInput/UploadProgressIndicator.tsx)
+   * **Default** [UploadProgressIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/UploadProgressIndicator.tsx)
    */
   UploadProgressIndicator: React.ComponentType<UploadProgressIndicatorProps>;
   /**
@@ -355,7 +345,7 @@ export type InputMessageInputContextValue<
   initialValue?: string;
   /**
    * Custom UI component for AutoCompleteInput.
-   * Has access to all of [MessageInputContext](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/contexts/messageInputContext/MessageInputContext.tsx)
+   * Has access to all of [MessageInputContext](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/messageInputContext/MessageInputContext.tsx)
    */
   Input?: React.ComponentType<
     Omit<MessageInputProps<StreamChatGenerics>, 'Input'> &
@@ -365,7 +355,7 @@ export type InputMessageInputContextValue<
   >;
   /**
    * Custom UI component to override buttons on left side of input box
-   * Defaults to [InputButtons](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageInput/InputButtons.tsx),
+   * Defaults to [InputButtons](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/InputButtons.tsx),
    * which contain following components/buttons:
    *
    *  - AttachButton
@@ -699,6 +689,7 @@ export const MessageInputProvider = <
         } else if (file.file.type?.startsWith('video/')) {
           attachments.push({
             asset_url: file.url,
+            duration: file.file.duration,
             file_size: file.file.size,
             mime_type: file.file.type,
             title: file.file.name,
@@ -970,7 +961,10 @@ export const MessageInputProvider = <
                 return prevAsyncUploads;
               });
             } else {
-              setImageUploads(getUploadSetStateAction(id, FileState.UPLOADED, { url: res.file }));
+              const newImageUploads = getUploadSetStateAction<ImageUpload>(id, FileState.UPLOADED, {
+                url: res.file,
+              });
+              setImageUploads(newImageUploads);
             }
           });
         } else {
@@ -979,13 +973,12 @@ export const MessageInputProvider = <
       }
 
       if (Object.keys(response).length) {
-        setImageUploads(
-          getUploadSetStateAction(id, FileState.UPLOADED, {
-            height: file.height,
-            url: response.file,
-            width: file.width,
-          }),
-        );
+        const newImageUploads = getUploadSetStateAction<ImageUpload>(id, FileState.UPLOADED, {
+          height: file.height,
+          url: response.file,
+          width: file.width,
+        });
+        setImageUploads(newImageUploads);
       }
     } catch (error) {
       handleFileOrImageUploadError(error, true, id);
@@ -1029,7 +1022,7 @@ export const MessageInputProvider = <
     }
   };
 
-  const uploadNewImage = async (image: Partial<Asset>) => {
+  const uploadNewImage = async (image: Asset) => {
     const id = generateRandomId();
 
     const isBlockedImageMimeType = blockedImageMimeTypes?.some((mimeType: string) =>

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

@@ -65,11 +65,27 @@ export const useMessageDetailsForState = <
         } else if (attachment.type === 'image') {
           const id = generateRandomId();
           newImageUploads.push({
-            file: { name: attachment.fallback },
+            file: {
+              name: attachment.fallback,
+              size: attachment.file_size,
+              type: attachment.type,
+            },
             id,
             state: 'finished',
             url: attachment.image_url || attachment.asset_url || attachment.thumb_url,
           });
+        } else if (attachment.type === 'video') {
+          const id = generateRandomId();
+          newFileUploads.push({
+            file: {
+              name: attachment.title || '',
+              size: attachment.file_size,
+              type: attachment.mime_type,
+            },
+            id,
+            state: 'finished',
+            url: attachment.asset_url,
+          });
         }
       }
       if (newFileUploads.length) {

package/src/contexts/messageOverlayContext/MessageOverlayContext.tsx

@@ -46,22 +46,22 @@ export type MessageOverlayContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /**
-   * Custom UI component for rendering [message actions](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/2.png) in overlay.
+   * Custom UI component for rendering [message actions](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/2.png) in overlay.
    *
-   * **Default** [MessageActionList](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageOverlay/MessageActions.tsx)
+   * **Default** [MessageActionList](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageOverlay/MessageActions.tsx)
    */
   MessageActionList: React.ComponentType<MessageActionListProps<StreamChatGenerics>>;
   MessageActionListItem: React.ComponentType<MessageActionListItemProps<StreamChatGenerics>>;
   /**
-   * Custom UI component for rendering [reaction selector](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/2.png) in overlay (which shows up on long press on message).
+   * Custom UI component for rendering [reaction selector](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/2.png) in overlay (which shows up on long press on message).
    *
-   * **Default** [OverlayReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageOverlay/OverlayReactionList.tsx)
+   * **Default** [OverlayReactionList](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageOverlay/OverlayReactionList.tsx)
    */
   OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;
   /**
-   * Custom UI component for rendering [reactions list](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/2.png), in overlay (which shows up on long press on message).
+   * Custom UI component for rendering [reactions list](https://github.com/GetStream/stream-chat-react-native/blob/main/screenshots/docs/2.png), in overlay (which shows up on long press on message).
    *
-   * **Default** [OverlayReactions](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageOverlay/OverlayReactions.tsx)
+   * **Default** [OverlayReactions](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageOverlay/OverlayReactions.tsx)
    */
   OverlayReactions: React.ComponentType<OverlayReactionsProps<StreamChatGenerics>>;
   OverlayReactionsAvatar: React.ComponentType<OverlayReactionsAvatarProps>;

package/src/contexts/messagesContext/MessagesContext.md

@@ -1,4 +1,4 @@
-Please check the `MessagesContextValue` in [MessagesContext](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/contexts/messageContext/MessageContext.tsx), for consumable values.
+Please check the `MessagesContextValue` in [MessagesContext](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/messageContext/MessageContext.tsx), for consumable values.
 Provider for this context exists in `Channel` component. And so, any child component of Channel
 can get access to context as following:
 

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -57,22 +57,22 @@ export type MessagesContextValue<
 > = {
   /**
    * UI component for Attachment.
-   * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/Attachment.tsx)
+   * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Attachment.tsx)
    */
   Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
   /**
    * UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy
-   * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/AttachmentActions.tsx)
+   * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/AttachmentActions.tsx)
    */
   AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;
   /**
    * UI component to display generic media type e.g. giphy, url preview etc
-   * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/Card.tsx)
+   * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx)
    */
   Card: React.ComponentType<CardProps<StreamChatGenerics>>;
   /**
    * UI component for DateHeader
-   * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageList/DateHeader.tsx)
+   * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)
    **/
   DateHeader: React.ComponentType<DateHeaderProps>;
 
@@ -83,28 +83,28 @@ export type MessagesContextValue<
 
   /**
    * UI component to display File type attachment.
-   * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/FileAttachment.tsx)
+   * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileAttachment.tsx)
    */
   FileAttachment: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;
   /**
    * UI component to display group of File type attachments or multiple file attachments (in single message).
-   * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/FileAttachmentGroup.tsx)
+   * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileAttachmentGroup.tsx)
    */
   FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<StreamChatGenerics>>;
   /**
    * UI component for attachment icon for type 'file' attachment.
-   * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/FileIcon.tsx
+   * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/FileIcon.tsx
    */
   FileAttachmentIcon: React.ComponentType<FileIconProps>;
   FlatList: typeof FlatList;
   /**
    * UI component to display image attachments
-   * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/Gallery.tsx)
+   * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Gallery.tsx)
    */
   Gallery: React.ComponentType<GalleryProps<StreamChatGenerics>>;
   /**
    * UI component for Giphy
-   * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/Giphy.tsx)
+   * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Giphy.tsx)
    */
   Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;
   /**
@@ -117,30 +117,30 @@ export type MessagesContextValue<
   initialScrollToFirstUnreadMessage: boolean;
   /**
    * UI component for Message Date Separator Component
-   * Defaults to: [InlineDateSeparator](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageList/InlineDateSeparator.tsx)
+   * Defaults to: [InlineDateSeparator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/InlineDateSeparator.tsx)
    */
   InlineDateSeparator: React.ComponentType<InlineDateSeparatorProps>;
   /**
    * UI component for InlineUnreadIndicator
-   * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)
+   * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)
    **/
   InlineUnreadIndicator: React.ComponentType;
   Message: React.ComponentType<MessageProps<StreamChatGenerics>>;
   /**
    * UI component for MessageAvatar
-   * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/MessageSimple/MessageAvatar.tsx)
+   * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageAvatar.tsx)
    **/
   MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;
   /**
    * UI component for MessageContent
-   * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/MessageSimple/MessageContent.tsx)
+   * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageContent.tsx)
    */
   MessageContent: React.ComponentType<MessageContentProps<StreamChatGenerics>>;
   /** Order to render the message content */
   messageContentOrder: MessageContentType[];
   /**
    * UI component for MessageDeleted
-   * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageSimple/MessageDeleted.tsx)
+   * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageDeleted.tsx)
    */
   MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;
   /**
@@ -154,23 +154,23 @@ export type MessagesContextValue<
   MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<StreamChatGenerics>>;
   /**
    * UI component for MessageReplies
-   * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageSimple/MessageReplies.tsx)
+   * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageReplies.tsx)
    */
 
   MessageReplies: React.ComponentType<MessageRepliesProps<StreamChatGenerics>>;
   /**
    * UI Component for MessageRepliesAvatars
-   * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/MessageSimple/MessageRepliesAvatars.tsx)
+   * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageSimple/MessageRepliesAvatars.tsx)
    */
   MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<StreamChatGenerics>>;
   /**
    * UI component for MessageSimple
-   * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/MessageSimple/MessageSimple.tsx)
+   * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageSimple.tsx)
    */
   MessageSimple: React.ComponentType<MessageSimpleProps<StreamChatGenerics>>;
   /**
    * UI component for MessageStatus (delivered/read)
-   * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Message/MessageSimple/MessageStatus.tsx)
+   * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/MessageStatus.tsx)
    */
   MessageStatus: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;
   /**
@@ -184,7 +184,7 @@ export type MessagesContextValue<
   OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;
   /**
    * UI component for ReactionList
-   * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Reaction/ReactionList.tsx)
+   * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Reaction/ReactionList.tsx)
    */
   ReactionList: React.ComponentType<ReactionListProps<StreamChatGenerics>>;
   removeMessage: (message: { id: string; parent_id?: string }) => void;
@@ -225,7 +225,7 @@ export type MessagesContextValue<
   ) => void;
   /**
    * Custom UI component to display enriched url preview.
-   * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/components/Attachment/Card.tsx
+   * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx
    */
   UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;
   /**

package/src/contexts/overlayContext/OverlayContext.md

@@ -1,4 +1,4 @@
-Please check the `OverlayContextValue` in [OverlayContext](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/contexts/overlayContext/OverlayContext.tsx), for consumable values.
+Please check the `OverlayContextValue` in [OverlayContext](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/overlayContext/OverlayContext.tsx), for consumable values.
 Provider for this context exists in `OverlayProvider` component. And so, any child component of OverlayProvider
 can get access to context as following:
 

package/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.md

@@ -1,4 +1,4 @@
-Please check the `PaginatedMessageListContextValue` in [PaginatedMessageListContext](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.tsx), for consumable values.
+Please check the `PaginatedMessageListContextValue` in [PaginatedMessageListContext](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/paginatedMessageListContext/PaginatedMessageListContext.tsx), for consumable values.
 Provider for this context exists in `Channel` component. And so, any child component of Channel
 can get access to context as following:
 

package/src/contexts/suggestionsContext/SuggestionsContext.md

@@ -1,4 +1,4 @@
-The MessageInput component supports a suggestions feature. Suggestions are displayed using a popup which contains a list of the suggestion items. All functionality is saved in the SuggestionsContext and can be accessed through the [SuggestionsProvider](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/contexts/suggestionsContext/SuggestionsContext.tsx) higher order component. This HOC provides the following functions to its underlying child components:
+The MessageInput component supports a suggestions feature. Suggestions are displayed using a popup which contains a list of the suggestion items. All functionality is saved in the SuggestionsContext and can be accessed through the [SuggestionsProvider](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/suggestionsContext/SuggestionsContext.tsx) higher order component. This HOC provides the following functions to its underlying child components:
 
 - **closeSuggestions** {function} Closes the suggestions popup above the input box
 - **openSuggestions** {function} Opens the suggestions popup above the input box

package/src/contexts/themeContext/utils/theme.ts

@@ -80,6 +80,7 @@ export type MarkdownStyle = Partial<{
 export type Theme = {
   attachmentPicker: {
     bottomSheetContentContainer: ViewStyle;
+    durationText: TextStyle;
     errorButtonText: TextStyle;
     errorContainer: ViewStyle;
     errorText: TextStyle;
@@ -389,7 +390,7 @@ export type Theme = {
       eyeIcon: IconProps;
       /**
        * Available options for styling text:
-       * https://github.com/andangrd/react-native-markdown-package/blob/master/styles.js
+       * https://github.com/andangrd/react-native-markdown-package/blob/main/styles.js
        */
       markdown: MarkdownStyle;
       messageUser: TextStyle;
@@ -530,6 +531,7 @@ export type Theme = {
 export const defaultTheme: Theme = {
   attachmentPicker: {
     bottomSheetContentContainer: {},
+    durationText: {},
     errorButtonText: {},
     errorContainer: {},
     errorText: {},

package/src/contexts/typingContext/TypingContext.md

@@ -1,4 +1,4 @@
-Please check the `TypingContextValue` in [TypingContext](https://github.com/GetStream/stream-chat-react-native/blob/master/package/src/contexts/TypingContext/TypingContext.tsx), for consumable values.
+Please check the `TypingContextValue` in [TypingContext](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/TypingContext/TypingContext.tsx), for consumable values.
 Provider for this context exists in `Channel` component. And so, any child component of Channel
 can get access to context as following:
 

package/src/icons/Recorder.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { IconProps, RootPath, RootSvg } from './utils/base';
+
+export const Recorder: React.FC<IconProps> = (props) => (
+  <RootSvg {...props}>
+    <RootPath
+      d='M0 2C0 0.895432 0.89543 0 2 0H16C17.1046 0 18 0.895431 18 2V5.38526L22.4855 3.14251C22.7944 2.95715 23.1792 2.95229 23.4927 3.1298C23.8062 3.30731 24 3.63973 24 4V16C24 16.3603 23.8062 16.6927 23.4927 16.8702C23.1792 17.0477 22.7944 17.0429 22.4855 16.8575L18 14.6147V18C18 19.1046 17.1046 20 16 20H2C0.895431 20 0 19.1046 0 18V2ZM2 2H16V6V6.94546C16 7.67313 16.7524 8.15716 17.4146 7.85545L22 5.76619V14.2338L17.4146 12.1446C16.7524 11.8428 16 12.3269 16 13.0545V14.6147V18H2V2Z'
+      {...props}
+    />
+    <RootPath
+      d='M7 5.5C7 6.32843 6.32843 7 5.5 7C4.67157 7 4 6.32843 4 5.5C4 4.67157 4.67157 4 5.5 4C6.32843 4 7 4.67157 7 5.5Z'
+      {...props}
+    />
+  </RootSvg>
+);

package/src/icons/Video.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+import { IconProps, RootPath, RootSvg } from './utils/base';
+
+export const Video: React.FC<IconProps> = (props) => (
+  <RootSvg
+    height={props.height || 40}
+    viewBox={props.viewBox || '0 0 34 40'}
+    width={props.width || 34}
+    {...props}
+  >
+    <RootPath
+      d='M 17.7168 33.172 C 18.2348 33.172 18.4238 33.655 18.4238 34.18 C 18.4238 34.642 18.2978 35.195 17.7168 35.195 C 17.1708 35.195 16.9888 34.642 16.9888 34.145 C 16.9888 33.683 17.1708 33.172 17.7168 33.172 Z M 19.5718 31.002 H 18.3818 V 32.7589 H 18.3678 C 18.1228 32.43 17.7798 32.262 17.3318 32.262 C 16.3028 32.262 15.7988 33.158 15.7988 34.103 C 15.7988 35.125 16.2818 36.1049 17.4228 36.1049 C 17.8428 36.1049 18.1928 35.923 18.4238 35.58 H 18.4378 V 36 H 19.5718 V 31.002 Z M 12.7095 34.1872 C 12.7095 33.7252 12.8775 33.1722 13.4305 33.1722 C 13.9835 33.1722 14.1585 33.7252 14.1585 34.1872 C 14.1585 34.6492 13.9835 35.1952 13.4305 35.1952 C 12.8775 35.1952 12.7095 34.6492 12.7095 34.1872 Z M 11.5195 34.1872 C 11.5195 35.2792 12.3035 36.1052 13.4305 36.1052 C 14.5575 36.1052 15.3485 35.2792 15.3485 34.1872 C 15.3485 33.0952 14.5575 32.2622 13.4305 32.2622 C 12.3035 32.2622 11.5195 33.0952 11.5195 34.1872 Z M 21.839 32.3671 H 22.574 V 33.1371 H 21.839 V 34.7891 C 21.839 35.0761 22.007 35.1391 22.266 35.1391 C 22.3142 35.1391 22.364 35.1357 22.4147 35.1323 C 22.4672 35.1287 22.5206 35.1251 22.574 35.1251 V 36.0001 C 22.481 36.0031 22.388 36.0099 22.295 36.0168 C 22.171 36.0259 22.047 36.0351 21.923 36.0351 C 20.908 36.0351 20.649 35.7411 20.649 34.7541 V 33.1371 H 20.047 V 32.3671 H 20.649 V 31.2681 H 21.839 V 32.3671 Z'
+      {...props}
+    />
+    <RootPath
+      d='M 0 28 H 34 V 37 C 34 38.6569 32.6569 40 31 40 H 3 C 1.34315 40 0 38.6569 0 37 V 28 Z'
+      pathFill={'rgb(157, 39, 176)'}
+      {...props}
+    />
+    <RootPath
+      d='M 0 3 C 0 1.34315 1.34315 0 3 0 H 23 L 34 11 V 28 H 0 V 3 Z'
+      pathFill={'rgb(245, 245, 245)'}
+      {...props}
+    />
+    <RootPath
+      d='M 34 11 L 26 11 C 24.3431 11 23 9.65685 23 8 V 0 L 34 11 Z'
+      pathFill={'rgb(219, 219, 219)'}
+      {...props}
+    />
+    <RootPath
+      d='M 9 17 H 25 V 24 H 9 V 17 Z M 27 14 C 27 12.8954 26.1046 12 25 12 H 22 L 24 15 H 21 L 19 12 H 17 L 19 15 H 16 L 14 12 H 12 L 14 15 H 11 L 9 12 C 7.9 12 7.01 12.9 7.01 14 L 7 24 C 7 25.1 7.9 26 9 26 H 25 C 26.1 26 27 25.1 27 24 V 14 Z'
+      pathFill={'rgb(157, 39, 176)'}
+      {...props}
+    />
+  </RootSvg>
+);

package/src/icons/index.ts

@@ -69,11 +69,13 @@ export * from './ThumbsUpReaction';
 export * from './Time';
 export * from './TXT';
 export * from './Unknown';
+export * from './Recorder';
 export * from './Unpin';
 export * from './User';
 export * from './UserAdd';
 export * from './UserDelete';
 export * from './UserMinus';
+export * from './Video';
 export * from './Warning';
 export * from './WutReaction';
 export * from './XLS';

package/src/native.ts

@@ -2,6 +2,8 @@ import { FlatList as DefaultFlatList } from 'react-native';
 
 import type { NetInfoSubscription } from '@react-native-community/netinfo';
 
+import type { Asset, File } from './types/types';
+
 const fail = () => {
   throw Error(
     'Native handler was not registered, you should import stream-chat-expo or stream-chat-react-native',
@@ -24,16 +26,9 @@ export let compressImage: CompressImage = fail;
 type DeleteFile = ({ uri }: { uri: string }) => Promise<boolean> | never;
 export let deleteFile: DeleteFile = fail;
 
-type GetLocalAssetUri = (uriOrAssetId: string) => Promise<string> | never;
+type GetLocalAssetUri = (uriOrAssetId: string) => never;
 export let getLocalAssetUri: GetLocalAssetUri = fail;
 
-export type Asset = {
-  height: number;
-  source: 'camera' | 'picker';
-  uri: string;
-  width: number;
-  id?: string;
-};
 type GetPhotos = ({ after, first }: { first: number; after?: string }) =>
   | Promise<{
       assets: Array<Omit<Asset, 'source'> & { source: 'picker' }>;
@@ -58,12 +53,7 @@ export let NetInfo: NetInfo = {
 type PickDocument = ({ maxNumberOfFiles }: { maxNumberOfFiles?: number }) =>
   | Promise<{
       cancelled: boolean;
-      docs?: {
-        name: string;
-        size?: number | string;
-        type?: string;
-        uri?: string;
-      }[];
+      docs?: File[];
     }>
   | never;
 export let pickDocument: PickDocument = fail;

package/src/types/types.ts

@@ -1,5 +1,32 @@
 import type { ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
 
+export type Asset = {
+  duration: number | null;
+  filename: string;
+  fileSize: string;
+  height: number;
+  playableDuration: number | null;
+  source: 'camera' | 'picker';
+  type: string;
+  uri: string;
+  width: number;
+  id?: string;
+  size?: number | string;
+};
+
+export type File = {
+  name: string;
+  duration?: string | null;
+  size?: number | string;
+  type?: string;
+  uri?: string;
+};
+
+export type DefaultAttachmentType = UnknownType & {
+  file_size?: number | string;
+  mime_type?: string;
+};
+
 interface DefaultUserType extends UnknownType {
   image?: string;
 }

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.5.0"
+  "version": "4.6.0"
 }