stream-chat-react-native-core 4.11.1-beta.4 → 4.12.0-beta.3

package/lib/typescript/components/Channel/hooks/useCreateInputMessageInputContext.d.ts

@@ -1,6 +1,6 @@
 import type { InputMessageInputContextValue } from '../../../contexts/messageInputContext/MessageInputContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useCreateInputMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, AttachButton, autoCompleteSuggestionsLimit, autoCompleteTriggerSettings, channelId, clearEditingState, clearQuotedMessageState, CommandsButton, compressImageQuality, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, initialValue, Input, InputButtons, InputEditingStateHeader, InputGiphySearch, InputReplyStateHeader, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, MoreOptionsButton, numberOfLines, onChangeText, quotedMessage, SendButton, sendImageAsync, sendMessage, SendMessageDisallowedIndicator, setInputRef, setQuotedMessageState, ShowThreadMessageInChannelButton, UploadProgressIndicator, }: InputMessageInputContextValue<StreamChatGenerics> & {
+export declare const useCreateInputMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, AttachButton, AudioAttachment, autoCompleteSuggestionsLimit, autoCompleteTriggerSettings, channelId, clearEditingState, clearQuotedMessageState, CommandsButton, compressImageQuality, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, initialValue, Input, InputButtons, InputEditingStateHeader, InputGiphySearch, InputReplyStateHeader, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, MoreOptionsButton, numberOfLines, onChangeText, quotedMessage, SendButton, sendImageAsync, sendMessage, SendMessageDisallowedIndicator, setInputRef, setQuotedMessageState, ShowThreadMessageInChannelButton, UploadProgressIndicator, }: InputMessageInputContextValue<StreamChatGenerics> & {
     /**
      * To ensure we allow re-render, when channel is changed
      */

package/lib/typescript/components/ImageGallery/__tests__/AnimatedVideoGallery.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGallery.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGalleryFooter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGalleryGrid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGalleryGridHandle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGalleryHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGalleryOverlay.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/__tests__/ImageGalleryVideoControl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ImageGallery/components/AnimatedGalleryImage.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { ImageStyle, StyleProp } from 'react-native';
 import Animated from 'react-native-reanimated';
 declare type Props = {
+    accessibilityLabel: string;
     index: number;
     offsetScale: Animated.SharedValue<number>;
     photo: {

package/lib/typescript/components/ImageGallery/components/AnimatedGalleryVideo.d.ts

@@ -3,7 +3,7 @@ import { ViewStyle } from 'react-native';
 import type { StyleProp } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { VideoPayloadData, VideoProgressData, VideoType } from '../../../native';
-declare type Props = {
+export declare type AnimatedGalleryVideoType = {
     handleEnd: () => void;
     handleLoad: (payload: VideoPayloadData) => void;
     handleProgress: (data: VideoProgressData) => void;
@@ -23,5 +23,4 @@ declare type Props = {
     videoRef: React.RefObject<VideoType>;
     style?: StyleProp<ViewStyle>;
 };
-export declare const AnimatedGalleryVideo: React.FC<Props>;
-export {};
+export declare const AnimatedGalleryVideo: React.FC<AnimatedGalleryVideoType>;

package/lib/typescript/components/ImageGallery/components/ImageGalleryFooter.d.ts

@@ -10,7 +10,7 @@ export declare type ImageGalleryFooterCustomComponent<StreamChatGenerics extends
 }) => React.ReactElement | null;
 export declare type ImageGalleryFooterVideoControlProps = {
     duration: number;
-    onPlayPause: () => void;
+    onPlayPause: (status?: boolean) => void;
     onProgressDrag: (progress: number) => void;
     paused: boolean;
     progress: number;
@@ -25,6 +25,7 @@ export declare type ImageGalleryFooterCustomComponentProps<StreamChatGenerics ex
     videoControlElement?: ImageGalleryFooterVideoControlComponent;
 };
 declare type ImageGalleryFooterPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryFooterCustomComponentProps<StreamChatGenerics> & {
+    accessibilityLabel: string;
     duration: number;
     onPlayPause: () => void;
     onProgressDrag: (progress: number) => void;

package/lib/typescript/components/ImageGallery/components/ImageGrid.d.ts

@@ -15,7 +15,7 @@ export declare type GridImageItem<StreamChatGenerics extends DefaultStreamChatGe
     selectAndClose: () => void;
     numberOfImageGalleryGridColumns?: number;
 };
-declare type Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryGridImageComponents<StreamChatGenerics> & {
+export declare type ImageGridType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ImageGalleryGridImageComponents<StreamChatGenerics> & {
     closeGridView: () => void;
     photos: Photo<StreamChatGenerics>[];
     setImage: React.Dispatch<React.SetStateAction<{
@@ -25,7 +25,6 @@ declare type Props<StreamChatGenerics extends DefaultStreamChatGenerics = Defaul
     numberOfImageGalleryGridColumns?: number;
 };
 export declare const ImageGrid: {
-    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Props<StreamChatGenerics>): JSX.Element;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ImageGridType<StreamChatGenerics>): JSX.Element;
     displayName: string;
 };
-export {};

package/lib/typescript/components/Message/hooks/useMessageActionHandlers.d.ts

@@ -3,7 +3,7 @@ import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import type { MessagesContextValue } from '../../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useMessageActionHandlers: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, enforceUniqueReaction, message, removeMessage, retrySendMessage, setEditingState, setQuotedMessageState, supportedReactions, updateMessage, }: Pick<MessagesContextValue<StreamChatGenerics>, "setQuotedMessageState" | "updateMessage" | "removeMessage" | "retrySendMessage" | "setEditingState" | "supportedReactions"> & Pick<ChannelContextValue<StreamChatGenerics>, "channel" | "enforceUniqueReaction"> & Pick<ChatContextValue<StreamChatGenerics>, "client"> & Pick<MessageContextValue<StreamChatGenerics>, "message">) => {
+export declare const useMessageActionHandlers: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, enforceUniqueReaction, message, removeMessage, retrySendMessage, setEditingState, setQuotedMessageState, supportedReactions, updateMessage, }: Pick<MessagesContextValue<StreamChatGenerics>, "setQuotedMessageState" | "updateMessage" | "supportedReactions" | "removeMessage" | "retrySendMessage" | "setEditingState"> & Pick<ChannelContextValue<StreamChatGenerics>, "channel" | "enforceUniqueReaction"> & Pick<ChatContextValue<StreamChatGenerics>, "client"> & Pick<MessageContextValue<StreamChatGenerics>, "message">) => {
     handleDeleteMessage: () => Promise<void>;
     handleEditMessage: () => void;
     handleQuotedReplyMessage: () => void;

package/lib/typescript/components/Message/hooks/useMessageActions.d.ts

@@ -8,7 +8,7 @@ import type { TranslationContextValue } from '../../../contexts/translationConte
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
 import type { MessageActionType } from '../../MessageOverlay/MessageActionListItem';
-export declare const useMessageActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, enforceUniqueReaction, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handlePinMessage, handleQuotedReply, handleReaction: handleReactionProp, handleRetry, handleThreadReply, message, onThreadSelect, openThread, removeMessage, retrySendMessage, selectReaction, setEditingState, setOverlay, setQuotedMessageState, supportedReactions, t, updateMessage, }: Pick<MessagesContextValue<StreamChatGenerics>, "setQuotedMessageState" | "updateMessage" | "removeMessage" | "retrySendMessage" | "setEditingState" | "supportedReactions" | "handleBlock" | "handleCopy" | "handleDelete" | "handleEdit" | "handleFlag" | "handleMute" | "handlePinMessage" | "handleQuotedReply" | "handleReaction" | "handleRetry" | "handleThreadReply" | "selectReaction"> & Pick<ChannelContextValue<StreamChatGenerics>, "channel" | "enforceUniqueReaction"> & Pick<ChatContextValue<StreamChatGenerics>, "client"> & Pick<OverlayContextValue, "setOverlay"> & Pick<ThreadContextValue<StreamChatGenerics>, "openThread"> & Pick<MessageContextValue<StreamChatGenerics>, "message"> & Pick<TranslationContextValue, "t"> & {
+export declare const useMessageActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, enforceUniqueReaction, handleBlock, handleCopy, handleDelete, handleEdit, handleFlag, handleMute, handlePinMessage, handleQuotedReply, handleReaction: handleReactionProp, handleRetry, handleThreadReply, message, onThreadSelect, openThread, removeMessage, retrySendMessage, selectReaction, setEditingState, setOverlay, setQuotedMessageState, supportedReactions, t, updateMessage, }: Pick<MessagesContextValue<StreamChatGenerics>, "setQuotedMessageState" | "updateMessage" | "supportedReactions" | "handleReaction" | "removeMessage" | "retrySendMessage" | "setEditingState" | "handleBlock" | "handleCopy" | "handleDelete" | "handleEdit" | "handleFlag" | "handleMute" | "handlePinMessage" | "handleQuotedReply" | "handleRetry" | "handleThreadReply" | "selectReaction"> & Pick<ChannelContextValue<StreamChatGenerics>, "channel" | "enforceUniqueReaction"> & Pick<ChatContextValue<StreamChatGenerics>, "client"> & Pick<OverlayContextValue, "setOverlay"> & Pick<ThreadContextValue<StreamChatGenerics>, "openThread"> & Pick<MessageContextValue<StreamChatGenerics>, "message"> & Pick<TranslationContextValue, "t"> & {
     onThreadSelect?: ((message: MessageType<StreamChatGenerics>) => void) | undefined;
 }) => {
     blockUser: MessageActionType;

package/lib/typescript/components/MessageInput/FileUploadPreview.d.ts

@@ -1,7 +1,7 @@
 import { MessageInputContextValue } from '../../contexts/messageInputContext/MessageInputContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-declare type FileUploadPreviewPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'fileUploads' | 'removeFile' | 'uploadFile'> & Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon'>;
+declare type FileUploadPreviewPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'fileUploads' | 'removeFile' | 'uploadFile' | 'setFileUploads' | 'AudioAttachment'> & Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon'>;
 export declare type FileUploadPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<FileUploadPreviewPropsWithContext<StreamChatGenerics>>;
 /**
  * FileUploadPreview

package/lib/typescript/components/MessageInput/__tests__/AudioAttachmentUploadPreviewExpo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/MessageInput/__tests__/AudioAttachmentUploadPreviewNative.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/ProgressControl/ProgressControl.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare type ProgressControlProps = {
+    duration: number;
+    filledColor: string;
+    onPlayPause: (status?: boolean) => void;
+    onProgressDrag: (progress: number) => void;
+    progress: number;
+    testID: string;
+    width: number;
+};
+export declare const ProgressControl: React.FC<ProgressControlProps>;

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

@@ -1,5 +1,6 @@
 export * from './Attachment/Attachment';
 export * from './Attachment/AttachmentActions';
+export * from './Attachment/AudioAttachment';
 export * from './Attachment/Card';
 export * from './Attachment/FileAttachment';
 export * from './Attachment/FileAttachmentGroup';
@@ -134,6 +135,7 @@ export * from './MessageOverlay/OverlayBackdrop';
 export * from './MessageOverlay/OverlayReactions';
 export * from './MessageOverlay/OverlayReactionsAvatar';
 export * from './MessageOverlay/OverlayReactionList';
+export * from './ProgressControl/ProgressControl';
 export * from './Reply/Reply';
 export * from './Spinner/Spinner';
 export * from './Thread/Thread';

package/lib/typescript/contexts/messageContext/MessageContext.d.ts

@@ -100,4 +100,4 @@ export declare const useMessageContext: <StreamChatGenerics extends DefaultStrea
  * typing is desired while using the HOC withMessageContextContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessageContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "disabled" | "onPress" | "onPressIn" | "onLongPress" | "channel" | "members" | "threadList" | "reactions" | "images" | "message" | "handleAction" | "alignment" | "actionsEnabled" | "files" | "groupStyles" | "handleDeleteMessage" | "handleEditMessage" | "handleQuotedReplyMessage" | "handleResendMessage" | "handleToggleBanUser" | "handleToggleMuteUser" | "handleToggleReaction" | "hasReactions" | "isMyMessage" | "lastGroupMessage" | "messageContentOrder" | "onlyEmojis" | "onOpenThread" | "otherAttachments" | "showMessageOverlay" | "showMessageStatus" | "videos" | "goToMessage" | "lastReceivedId" | "preventPress" | "showAvatar">>;
+export declare const withMessageContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "disabled" | "onPress" | "onPressIn" | "onLongPress" | "channel" | "members" | "threadList" | "reactions" | "images" | "alignment" | "files" | "groupStyles" | "message" | "onlyEmojis" | "otherAttachments" | "videos" | "isMyMessage" | "actionsEnabled" | "handleAction" | "handleDeleteMessage" | "handleEditMessage" | "handleQuotedReplyMessage" | "handleResendMessage" | "handleToggleBanUser" | "handleToggleMuteUser" | "handleToggleReaction" | "hasReactions" | "lastGroupMessage" | "messageContentOrder" | "onOpenThread" | "showMessageOverlay" | "showMessageStatus" | "goToMessage" | "lastReceivedId" | "preventPress" | "showAvatar">>;

package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts

@@ -1,6 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import type { TextInput, TextInputProps } from 'react-native';
 import { Attachment, SendFileAPIResponse, StreamChat, Message as StreamMessage, UserFilters, UserOptions, UserResponse, UserSort } from 'stream-chat';
+import type { AudioAttachmentProps } from '../../components/Attachment/AudioAttachment';
 import type { AttachButtonProps } from '../../components/MessageInput/AttachButton';
 import type { CommandsButtonProps } from '../../components/MessageInput/CommandsButton';
 import type { InputEditingStateHeaderProps } from '../../components/MessageInput/components/InputEditingStateHeader';
@@ -22,6 +23,9 @@ export declare type FileUpload = {
     file: File;
     id: string;
     state: FileStateValue;
+    duration?: number;
+    paused?: boolean;
+    progress?: number;
     thumb_url?: string;
     url?: string;
 };
@@ -172,6 +176,8 @@ export declare type InputMessageInputContextValue<StreamChatGenerics extends Def
      * Defaults to and accepts same props as: [AttachButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/attach-button/)
      */
     AttachButton: React.ComponentType<AttachButtonProps<StreamChatGenerics>>;
+    /** Custom UI component for AudioAttachment. */
+    AudioAttachment: React.ComponentType<AudioAttachmentProps<StreamChatGenerics>>;
     clearEditingState: () => void;
     clearQuotedMessageState: () => void;
     /**
@@ -341,4 +347,4 @@ export declare const useMessageInputContext: <StreamChatGenerics extends Default
  * typing is desired while using the HOC withMessageInputContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessageInputContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "AttachButton" | "clearEditingState" | "clearQuotedMessageState" | "CommandsButton" | "CooldownTimer" | "editing" | "editMessage" | "FileUploadPreview" | "hasCommands" | "hasFilePicker" | "hasImagePicker" | "ImageUploadPreview" | "InputEditingStateHeader" | "InputGiphySearch" | "InputReplyStateHeader" | "maxNumberOfFiles" | "MoreOptionsButton" | "numberOfLines" | "quotedMessage" | "SendButton" | "sendImageAsync" | "setQuotedMessageState" | "ShowThreadMessageInChannelButton" | "UploadProgressIndicator" | "additionalTextInputProps" | "autoCompleteSuggestionsLimit" | "autoCompleteTriggerSettings" | "compressImageQuality" | "doDocUploadRequest" | "doImageUploadRequest" | "initialValue" | "Input" | "InputButtons" | "maxMessageLength" | "mentionAllAppUsersEnabled" | "mentionAllAppUsersQuery" | "onChangeText" | "SendMessageDisallowedIndicator" | "setInputRef" | keyof LocalMessageInputContext<StreamChatGenerics>>>;
+export declare const withMessageInputContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "AttachButton" | "AudioAttachment" | "clearEditingState" | "clearQuotedMessageState" | "CommandsButton" | "CooldownTimer" | "editing" | "editMessage" | "FileUploadPreview" | "hasCommands" | "hasFilePicker" | "hasImagePicker" | "ImageUploadPreview" | "InputEditingStateHeader" | "InputGiphySearch" | "InputReplyStateHeader" | "maxNumberOfFiles" | "MoreOptionsButton" | "numberOfLines" | "quotedMessage" | "SendButton" | "sendImageAsync" | "setQuotedMessageState" | "ShowThreadMessageInChannelButton" | "UploadProgressIndicator" | "additionalTextInputProps" | "autoCompleteSuggestionsLimit" | "autoCompleteTriggerSettings" | "compressImageQuality" | "doDocUploadRequest" | "doImageUploadRequest" | "initialValue" | "Input" | "InputButtons" | "maxMessageLength" | "mentionAllAppUsersEnabled" | "mentionAllAppUsersQuery" | "onChangeText" | "SendMessageDisallowedIndicator" | "setInputRef" | keyof LocalMessageInputContext<StreamChatGenerics>>>;

package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts

@@ -1,4 +1,4 @@
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { ThreadContextValue } from '../../threadContext/ThreadContext';
 import type { MessageInputContextValue } from '../MessageInputContext';
-export declare const useCreateMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, appendText, asyncIds, asyncUploads, AttachButton, autoCompleteSuggestionsLimit, clearEditingState, clearQuotedMessageState, closeAttachmentPicker, CommandsButton, compressImageQuality, cooldownEndsAt, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, fileUploads, giphyActive, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, imageUploads, initialValue, Input, inputBoxRef, InputButtons, InputEditingStateHeader, InputGiphySearch, InputReplyStateHeader, isValidMessage, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, mentionedUsers, MoreOptionsButton, numberOfLines, numberOfUploads, onChange, onChangeText, onSelectItem, openAttachmentPicker, openCommandsPicker, openFilePicker, openMentionsPicker, pickFile, quotedMessage, removeFile, removeImage, resetInput, selectedPicker, SendButton, sendImageAsync, sending, sendMessage, sendMessageAsync, SendMessageDisallowedIndicator, sendThreadMessageInChannel, setAsyncIds, setAsyncUploads, setFileUploads, setGiphyActive, setImageUploads, setInputBoxRef, setInputRef, setMentionedUsers, setNumberOfUploads, setQuotedMessageState, setSendThreadMessageInChannel, setShowMoreOptions, setText, showMoreOptions, ShowThreadMessageInChannelButton, text, thread, toggleAttachmentPicker, triggerSettings, updateMessage, uploadFile, uploadImage, uploadNewFile, uploadNewImage, UploadProgressIndicator, }: import("../MessageInputContext").LocalMessageInputContext<StreamChatGenerics> & Omit<import("../MessageInputContext").InputMessageInputContextValue<StreamChatGenerics>, "sendMessage"> & Pick<ThreadContextValue<StreamChatGenerics>, "thread">) => MessageInputContextValue<StreamChatGenerics>;
+export declare const useCreateMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, appendText, asyncIds, asyncUploads, AttachButton, AudioAttachment, autoCompleteSuggestionsLimit, clearEditingState, clearQuotedMessageState, closeAttachmentPicker, CommandsButton, compressImageQuality, cooldownEndsAt, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, fileUploads, giphyActive, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, imageUploads, initialValue, Input, inputBoxRef, InputButtons, InputEditingStateHeader, InputGiphySearch, InputReplyStateHeader, isValidMessage, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, mentionedUsers, MoreOptionsButton, numberOfLines, numberOfUploads, onChange, onChangeText, onSelectItem, openAttachmentPicker, openCommandsPicker, openFilePicker, openMentionsPicker, pickFile, quotedMessage, removeFile, removeImage, resetInput, selectedPicker, SendButton, sendImageAsync, sending, sendMessage, sendMessageAsync, SendMessageDisallowedIndicator, sendThreadMessageInChannel, setAsyncIds, setAsyncUploads, setFileUploads, setGiphyActive, setImageUploads, setInputBoxRef, setInputRef, setMentionedUsers, setNumberOfUploads, setQuotedMessageState, setSendThreadMessageInChannel, setShowMoreOptions, setText, showMoreOptions, ShowThreadMessageInChannelButton, text, thread, toggleAttachmentPicker, triggerSettings, updateMessage, uploadFile, uploadImage, uploadNewFile, uploadNewImage, UploadProgressIndicator, }: import("../MessageInputContext").LocalMessageInputContext<StreamChatGenerics> & Omit<import("../MessageInputContext").InputMessageInputContextValue<StreamChatGenerics>, "sendMessage"> & Pick<ThreadContextValue<StreamChatGenerics>, "thread">) => MessageInputContextValue<StreamChatGenerics>;

package/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -17,9 +17,12 @@ export declare const Colors: {
     grey_whisper: string;
     icon_background: string;
     label_bg_transparent: string;
+    light_gray: string;
     modal_shadow: string;
     overlay: string;
     shadow_icon: string;
+    static_black: string;
+    static_white: string;
     targetedMessageBackground: string;
     transparent: string;
     white: string;
@@ -240,6 +243,12 @@ export declare type Theme = {
             editingBoxHeaderTitle: TextStyle;
         };
         fileUploadPreview: {
+            audioAttachment: {
+                progressControlView: ViewStyle;
+                progressDurationText: TextStyle;
+                roundedView: ViewStyle;
+            };
+            audioAttachmentFileContainer: ViewStyle;
             dismiss: ViewStyle;
             fileContainer: ViewStyle;
             fileContentContainer: ViewStyle;

package/lib/typescript/native.d.ts

@@ -64,7 +64,6 @@ export declare let takePhoto: TakePhoto;
 declare type HapticFeedbackMethod = 'impactHeavy' | 'impactLight' | 'impactMedium' | 'notificationError' | 'notificationSuccess' | 'notificationWarning' | 'selection';
 declare type TriggerHaptic = (method: HapticFeedbackMethod) => void | never;
 export declare let triggerHaptic: TriggerHaptic;
-export declare let SDK: string;
 export declare type PlaybackStatus = {
     didJustFinish: boolean;
     durationMillis: number;
@@ -75,12 +74,68 @@ export declare type PlaybackStatus = {
     isPlaying: boolean;
     positionMillis: number;
 };
+export declare type AVPlaybackStatusToSet = {
+    isLooping: boolean;
+    isMuted: boolean;
+    positionMillis: number;
+    progressUpdateIntervalMillis: number;
+    rate: number;
+    shouldCorrectPitch: boolean;
+    shouldPlay: boolean;
+    volume: number;
+};
+export declare let SDK: string;
+export declare type SoundOptions = {
+    basePathOrCallback?: string;
+    callback?: () => void;
+    filenameOrFile?: string;
+    initialStatus?: Partial<AVPlaybackStatusToSet>;
+    onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;
+    source?: {
+        uri: string;
+    };
+};
+export declare type SoundReturnType = {
+    paused: boolean;
+    testID: string;
+    getDuration?: () => number;
+    isPlaying?: () => boolean;
+    onBuffer?: (props: {
+        isBuffering: boolean;
+    }) => void;
+    onEnd?: () => void;
+    onLoad?: (payload: VideoPayloadData) => void;
+    onLoadStart?: () => void;
+    onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;
+    onProgress?: (data: VideoProgressData) => void;
+    onReadyForDisplay?: () => void;
+    pauseAsync?: () => void;
+    play?: () => void;
+    playAsync?: () => void;
+    replayAsync?: () => void;
+    resizeMode?: string;
+    seek?: (progress: number) => void;
+    setPositionAsync?: (millis: number) => void;
+    soundRef?: React.RefObject<SoundReturnType>;
+    stopAsync?: () => void;
+    style?: StyleProp<ViewStyle>;
+    unloadAsync?: () => void;
+    uri?: string;
+};
+export declare type SoundType = {
+    initializeSound: (source?: {
+        uri: string;
+    }, initialStatus?: Partial<AVPlaybackStatusToSet>, onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void) => SoundReturnType | null;
+    Player: React.ComponentType<SoundReturnType> | null;
+};
+export declare let Sound: SoundType;
 export declare type VideoProgressData = {
     currentTime?: number;
     playableDuration?: number;
     seekableDuration?: number;
 };
 export declare type VideoPayloadData = {
+    duration: number;
     audioTracks?: {
         index: number;
         language: string;
@@ -88,7 +143,6 @@ export declare type VideoPayloadData = {
         type: string;
     }[];
     currentPosition?: number;
-    duration?: number;
     naturalSize?: {
         height: number;
         orientation: 'portrait' | 'landscape';
@@ -110,6 +164,7 @@ export declare type VideoPayloadData = {
 };
 export declare type VideoType = {
     paused: boolean;
+    testID: string;
     uri: string;
     videoRef: React.RefObject<VideoType>;
     onBuffer?: (props: {
@@ -139,10 +194,12 @@ declare type Handlers = {
     saveFile?: SaveFile;
     SDK?: string;
     shareImage?: ShareImage;
+    Sound?: SoundType;
     takePhoto?: TakePhoto;
     triggerHaptic?: TriggerHaptic;
     Video?: React.ComponentType<VideoType>;
 };
 export declare const registerNativeHandlers: (handlers: Handlers) => void;
 export declare const isVideoPackageAvailable: () => boolean;
+export declare const isAudioPackageAvailable: () => true;
 export {};

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.11.1-beta.4",
+  "version": "4.12.0-beta.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"