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

package/lib/typescript/contexts/messagesContext/MessagesContext.d.ts

@@ -44,22 +44,22 @@ export declare type MessageContentType = 'attachments' | 'files' | 'gallery' | '
 export declare type MessagesContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * 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>;
     /** Should keyboard be dismissed when messaged is touched */
@@ -67,28 +67,28 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
     enableMessageGroupingByUser: boolean;
     /**
      * 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>>;
     /**
@@ -101,30 +101,30 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
     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>>;
     /**
@@ -138,22 +138,22 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
     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>>;
     /**
@@ -167,7 +167,7 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
     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: {
@@ -208,7 +208,7 @@ export declare type MessagesContextValue<StreamChatGenerics extends DefaultStrea
     }) => 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/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -74,6 +74,7 @@ export declare type MarkdownStyle = Partial<{
 export declare type Theme = {
     attachmentPicker: {
         bottomSheetContentContainer: ViewStyle;
+        durationText: TextStyle;
         errorButtonText: TextStyle;
         errorContainer: ViewStyle;
         errorText: TextStyle;
@@ -385,7 +386,7 @@ export declare 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;

package/lib/typescript/icons/Recorder.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './utils/base';
+export declare const Recorder: React.FC<IconProps>;

package/lib/typescript/icons/Video.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './utils/base';
+export declare const Video: React.FC<IconProps>;

package/lib/typescript/icons/index.d.ts

@@ -68,11 +68,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/lib/typescript/native.d.ts

@@ -1,5 +1,6 @@
 import { FlatList as DefaultFlatList } from 'react-native';
 import type { NetInfoSubscription } from '@react-native-community/netinfo';
+import type { Asset, File } from './types/types';
 declare type CompressImage = ({ compressImageQuality, height, uri, width, }: {
     compressImageQuality: number;
     height: number;
@@ -11,15 +12,8 @@ declare type DeleteFile = ({ uri }: {
     uri: string;
 }) => Promise<boolean> | never;
 export declare let deleteFile: DeleteFile;
-declare type GetLocalAssetUri = (uriOrAssetId: string) => Promise<string> | never;
+declare type GetLocalAssetUri = (uriOrAssetId: string) => never;
 export declare let getLocalAssetUri: GetLocalAssetUri;
-export declare type Asset = {
-    height: number;
-    source: 'camera' | 'picker';
-    uri: string;
-    width: number;
-    id?: string;
-};
 declare type GetPhotos = ({ after, first }: {
     first: number;
     after?: string;
@@ -41,12 +35,7 @@ declare type PickDocument = ({ maxNumberOfFiles }: {
     maxNumberOfFiles?: number;
 }) => Promise<{
     cancelled: boolean;
-    docs?: {
-        name: string;
-        size?: number | string;
-        type?: string;
-        uri?: string;
-    }[];
+    docs?: File[];
 }> | never;
 export declare let pickDocument: PickDocument;
 declare type SaveFileOptions = {

package/lib/typescript/types/types.d.ts

@@ -1,4 +1,28 @@
 import type { ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
+export declare 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 declare type File = {
+    name: string;
+    duration?: string | null;
+    size?: number | string;
+    type?: string;
+    uri?: string;
+};
+export declare type DefaultAttachmentType = UnknownType & {
+    file_size?: number | string;
+    mime_type?: string;
+};
 interface DefaultUserType extends UnknownType {
     image?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/FileIcon.tsx

@@ -19,6 +19,7 @@ import { SEVEN_Z } from '../../icons/SEVEN_Z';
 import { TAR } from '../../icons/TAR';
 import { TXT } from '../../icons/TXT';
 import type { IconProps } from '../../icons/utils/base';
+import { Video } from '../../icons/Video';
 import { XLS } from '../../icons/XLS';
 import { XLSX } from '../../icons/XLSX';
 import { ZIP } from '../../icons/ZIP';
@@ -320,6 +321,46 @@ const zipFileTypes = [
   'application/zip',
 ];
 
+const videoFileTypes = [
+  'video/3g2',
+  'video/3gp',
+  'video/aaf',
+  'video/asf',
+  'video/avchd',
+  'video/avi',
+  'video/drc',
+  'video/flv',
+  'video/m2v',
+  'video/m3u8',
+  'video/m4p',
+  'video/m4v',
+  'video/mkv',
+  'video/mng',
+  'video/mov',
+  'video/mp2',
+  'video/mp4',
+  'video/mpe',
+  'video/mpeg',
+  'video/mpg',
+  'video/mpv',
+  'video/mxf',
+  'video/nsv',
+  'video/ogg',
+  'video/ogv',
+  'video/qt',
+  'video/rm',
+  'video/rmvb',
+  'video/roq',
+  'video/svi',
+  'video/vob',
+  'video/webm',
+  'video/wmv',
+  'video/yuv',
+  'video/quicktime',
+  'video/webm',
+  'video/x-flv',
+];
+
 const mimeTypeToIconMap: Record<string, React.FC<IconProps>> = {
   'application/pdf': PDF, // .pdf
   'application/rtf': RTF, // .rtf
@@ -371,6 +412,10 @@ for (const type of zipFileTypes) {
   mimeTypeToIconMap[type] = ZIP;
 }
 
+for (const type of videoFileTypes) {
+  mimeTypeToIconMap[type] = Video;
+}
+
 function mimeTypeToIcon(mimeType?: string): React.FC<IconProps> {
   if (!mimeType) return GenericFile;