stream-chat-react 11.14.0 → 11.15.0

package/dist/components/MessageInput/hooks/useMessageInputState.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
+import { EnrichURLsController } from './useLinkPreviews';
+import { RecordingController } from '../../MediaRecorder/hooks/useMediaRecorder';
+import { LocalAttachment, SetLinkPreviewMode } from '../types';
 import type { FileLike } from '../../ReactFileUtilities';
-import type { Attachment, Message, UserResponse } from 'stream-chat';
+import type { Message, UserResponse } from 'stream-chat';
 import type { MessageInputProps } from '../MessageInput';
 import type { CustomTrigger, DefaultStreamChatGenerics, SendMessageOptions } from '../../../types/types';
-import { EnrichURLsController } from './useLinkPreviews';
 import type { FileUpload, ImageUpload, LinkPreviewMap } from '../types';
-import { SetLinkPreviewMode } from '../types';
 export type MessageInputState<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    attachments: Attachment<StreamChatGenerics>[];
+    attachments: LocalAttachment<StreamChatGenerics>[];
     fileOrder: string[];
     fileUploads: Record<string, FileUpload>;
     imageOrder: string[];
@@ -17,6 +18,14 @@ export type MessageInputState<StreamChatGenerics extends DefaultStreamChatGeneri
     setText: (text: string) => void;
     text: string;
 };
+type UpsertAttachmentAction = {
+    attachment: LocalAttachment;
+    type: 'upsertAttachment';
+};
+type RemoveAttachmentAction = {
+    id: string;
+    type: 'removeAttachment';
+};
 type SetTextAction = {
     getNewText: (currentStateText: string) => string;
     type: 'setText';
@@ -57,19 +66,22 @@ type AddMentionedUserAction<StreamChatGenerics extends DefaultStreamChatGenerics
     type: 'addMentionedUser';
     user: UserResponse<StreamChatGenerics>;
 };
-export type MessageInputReducerAction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = SetTextAction | ClearAction | SetImageUploadAction | SetFileUploadAction | SetLinkPreviewsAction | RemoveImageUploadAction | RemoveFileUploadAction | AddMentionedUserAction<StreamChatGenerics>;
+export type MessageInputReducerAction<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = SetTextAction | ClearAction | SetImageUploadAction | SetFileUploadAction | SetLinkPreviewsAction | RemoveImageUploadAction | RemoveFileUploadAction | AddMentionedUserAction<StreamChatGenerics> | UpsertAttachmentAction | RemoveAttachmentAction;
 export type MessageInputHookProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = EnrichURLsController & {
     handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
-    handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>>, options?: SendMessageOptions) => void;
+    handleSubmit: (event?: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>>, options?: SendMessageOptions) => void;
     insertText: (textToInsert: string) => void;
     isUploadEnabled: boolean;
     maxFilesLeft: number;
     numberOfUploads: number;
     onPaste: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     onSelectUser: (item: UserResponse<StreamChatGenerics>) => void;
+    recordingController: RecordingController;
+    removeAttachment: (id: string) => void;
     removeFile: (id: string) => void;
     removeImage: (id: string) => void;
     textareaRef: React.MutableRefObject<HTMLTextAreaElement | null | undefined>;
+    uploadAttachment: (attachment: LocalAttachment<StreamChatGenerics>) => Promise<LocalAttachment<StreamChatGenerics>>;
     uploadFile: (id: string) => void;
     uploadImage: (id: string) => void;
     uploadNewFiles: (files: FileList | File[]) => void;
@@ -89,16 +101,19 @@ export type MentionsListState = {
  */
 export declare const useMessageInputState: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>) => MessageInputState<StreamChatGenerics> & EnrichURLsController & {
     handleChange: React.ChangeEventHandler<HTMLTextAreaElement>;
-    handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>> | undefined, options?: SendMessageOptions) => void;
+    handleSubmit: (event?: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>> | undefined, options?: SendMessageOptions) => void;
     insertText: (textToInsert: string) => void;
     isUploadEnabled: boolean;
     maxFilesLeft: number;
     numberOfUploads: number;
     onPaste: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     onSelectUser: (item: UserResponse<StreamChatGenerics>) => void;
+    recordingController: RecordingController;
+    removeAttachment: (id: string) => void;
     removeFile: (id: string) => void;
     removeImage: (id: string) => void;
     textareaRef: React.MutableRefObject<HTMLTextAreaElement | null | undefined>;
+    uploadAttachment: (attachment: LocalAttachment<StreamChatGenerics>) => Promise<LocalAttachment<StreamChatGenerics>>;
     uploadFile: (id: string) => void;
     uploadImage: (id: string) => void;
     uploadNewFiles: (files: FileList | File[]) => void;

package/dist/components/MessageInput/hooks/useMessageInputState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageInputState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useMessageInputState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMessageInputState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useMessageInputState.ts"],"names":[],"mappings":"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"}

package/dist/components/MessageInput/hooks/useMessageInputState.js

@@ -1,13 +1,15 @@
-import { __assign } from "tslib";
+import { __assign, __spreadArray } from "tslib";
 import { useCallback, useReducer, useState } from 'react';
 import { nanoid } from 'nanoid';
 import { useChannelStateContext } from '../../../context/ChannelStateContext';
 import { useAttachments } from './useAttachments';
+import { useLinkPreviews } from './useLinkPreviews';
 import { useMessageInputText } from './useMessageInputText';
 import { useSubmitHandler } from './useSubmitHandler';
 import { usePasteHandler } from './usePasteHandler';
-import { useLinkPreviews } from './useLinkPreviews';
+import { useMediaRecorder } from '../../MediaRecorder/hooks/useMediaRecorder';
 import { LinkPreviewState, SetLinkPreviewMode } from '../types';
+import { mergeDeep } from '../../../utils/mergeDeep';
 var makeEmptyMessageInputState = function () { return ({
     attachments: [],
     fileOrder: [],
@@ -79,6 +81,8 @@ var initState = function (message) {
     var attachments = ((_g = message.attachments) === null || _g === void 0 ? void 0 : _g.filter(function (_a) {
         var type = _a.type;
         return type !== 'file' && type !== 'image';
+    }).map(function (att) {
+        return (__assign(__assign({}, att), { $internal: { id: nanoid(), uploadState: 'finished' } }));
     })) || [];
     var mentioned_users = message.mentioned_users || [];
     return {
@@ -98,11 +102,25 @@ var initState = function (message) {
  */
 var messageInputReducer = function (state, action) {
     var _a, _b;
+    var _c;
     switch (action.type) {
         case 'setText':
             return __assign(__assign({}, state), { text: action.getNewText(state.text) });
         case 'clear':
             return makeEmptyMessageInputState();
+        case 'upsertAttachment': {
+            var attachmentIndex = state.attachments.findIndex(function (att) { var _a, _b, _c; return ((_a = att.$internal) === null || _a === void 0 ? void 0 : _a.id) && ((_b = att.$internal) === null || _b === void 0 ? void 0 : _b.id) === ((_c = action.attachment.$internal) === null || _c === void 0 ? void 0 : _c.id); });
+            var upsertedAttachment = mergeDeep((_c = state.attachments[attachmentIndex]) !== null && _c !== void 0 ? _c : {}, action.attachment);
+            var attachments = __spreadArray([], state.attachments, true);
+            attachments.splice(attachmentIndex, 1, upsertedAttachment);
+            return __assign(__assign({}, state), { attachments: attachments });
+        }
+        case 'removeAttachment': {
+            var attachmentIndex = state.attachments.findIndex(function (att) { var _a, _b; return ((_a = att.$internal) === null || _a === void 0 ? void 0 : _a.id) && ((_b = att.$internal) === null || _b === void 0 ? void 0 : _b.id) === action.id; });
+            if (attachmentIndex === -1)
+                return state;
+            return __assign(__assign({}, state), { attachments: __spreadArray([], state.attachments.splice(attachmentIndex, 1), true) });
+        }
         case 'setImageUpload': {
             var imageAlreadyExists = state.imageUploads[action.id];
             if (!imageAlreadyExists && !action.file)
@@ -172,7 +190,7 @@ var messageInputReducer = function (state, action) {
  */
 export var useMessageInputState = function (props) {
     var _a;
-    var additionalTextareaProps = props.additionalTextareaProps, getDefaultValue = props.getDefaultValue, message = props.message, urlEnrichmentConfig = props.urlEnrichmentConfig;
+    var additionalTextareaProps = props.additionalTextareaProps, asyncMessagesMultiSendEnabled = props.asyncMessagesMultiSendEnabled, audioRecordingConfig = props.audioRecordingConfig, audioRecordingEnabled = props.audioRecordingEnabled, getDefaultValue = props.getDefaultValue, message = props.message, urlEnrichmentConfig = props.urlEnrichmentConfig;
     var _b = useChannelStateContext('useMessageInputState'), _c = _b.channelCapabilities, channelCapabilities = _c === void 0 ? {} : _c, channelConfig = _b.channelConfig, enrichURLForPreviewChannelContext = _b.enrichURLForPreview;
     var defaultValue = (getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue()) || (additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue);
     var initialStateValue = message ||
@@ -200,8 +218,16 @@ export var useMessageInputState = function (props) {
         setShowMentionsList(true);
     };
     var closeMentionsList = function () { return setShowMentionsList(false); };
-    var _h = useAttachments(props, state, dispatch, textareaRef), maxFilesLeft = _h.maxFilesLeft, numberOfUploads = _h.numberOfUploads, removeFile = _h.removeFile, removeImage = _h.removeImage, uploadFile = _h.uploadFile, uploadImage = _h.uploadImage, uploadNewFiles = _h.uploadNewFiles;
+    var _h = useAttachments(props, state, dispatch, textareaRef), maxFilesLeft = _h.maxFilesLeft, numberOfUploads = _h.numberOfUploads, removeAttachment = _h.removeAttachment, removeFile = _h.removeFile, removeImage = _h.removeImage, uploadAttachment = _h.uploadAttachment, uploadFile = _h.uploadFile, uploadImage = _h.uploadImage, uploadNewFiles = _h.uploadNewFiles;
     var handleSubmit = useSubmitHandler(props, state, dispatch, numberOfUploads, enrichURLsController).handleSubmit;
+    var recordingController = useMediaRecorder({
+        asyncMessagesMultiSendEnabled: asyncMessagesMultiSendEnabled,
+        enabled: !!audioRecordingEnabled,
+        handleSubmit: handleSubmit,
+        recordingConfig: audioRecordingConfig,
+        uploadAttachment: uploadAttachment,
+    });
+    // todo: remove the check for channelConfig?.uploads
     var isUploadEnabled = (channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.uploads) !== false && channelCapabilities['upload-file'] !== false;
     var onPaste = usePasteHandler(uploadNewFiles, insertText, isUploadEnabled, enrichURLsController.findAndEnqueueURLsToEnrich).onPaste;
     var onSelectUser = useCallback(function (item) {
@@ -210,5 +236,5 @@ export var useMessageInputState = function (props) {
     var setText = useCallback(function (text) {
         dispatch({ getNewText: function () { return text; }, type: 'setText' });
     }, []);
-    return __assign(__assign(__assign({}, state), enrichURLsController), { closeCommandsList: closeCommandsList, closeMentionsList: closeMentionsList, handleChange: handleChange, handleSubmit: handleSubmit, insertText: insertText, isUploadEnabled: isUploadEnabled, maxFilesLeft: maxFilesLeft, numberOfUploads: numberOfUploads, onPaste: onPaste, onSelectUser: onSelectUser, openCommandsList: openCommandsList, openMentionsList: openMentionsList, removeFile: removeFile, removeImage: removeImage, setText: setText, showCommandsList: showCommandsList, showMentionsList: showMentionsList, textareaRef: textareaRef, uploadFile: uploadFile, uploadImage: uploadImage, uploadNewFiles: uploadNewFiles });
+    return __assign(__assign(__assign({}, state), enrichURLsController), { closeCommandsList: closeCommandsList, closeMentionsList: closeMentionsList, handleChange: handleChange, handleSubmit: handleSubmit, insertText: insertText, isUploadEnabled: isUploadEnabled, maxFilesLeft: maxFilesLeft, numberOfUploads: numberOfUploads, onPaste: onPaste, onSelectUser: onSelectUser, openCommandsList: openCommandsList, openMentionsList: openMentionsList, recordingController: recordingController, removeAttachment: removeAttachment, removeFile: removeFile, removeImage: removeImage, setText: setText, showCommandsList: showCommandsList, showMentionsList: showMentionsList, textareaRef: textareaRef, uploadAttachment: uploadAttachment, uploadFile: uploadFile, uploadImage: uploadImage, uploadNewFiles: uploadNewFiles });
 };

package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts

@@ -1,9 +1,9 @@
 import type { Message } from 'stream-chat';
 import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
 import type { MessageInputProps } from '../MessageInput';
-import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
+import type { CustomTrigger, DefaultStreamChatGenerics, SendMessageOptions } from '../../../types/types';
 import type { EnrichURLsController } from './useLinkPreviews';
 export declare const useSubmitHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: import("react").Dispatch<MessageInputReducerAction<StreamChatGenerics>>, numberOfUploads: number, enrichURLsController: EnrichURLsController) => {
-    handleSubmit: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>> | undefined) => Promise<void>;
+    handleSubmit: (event?: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>> | undefined, options?: SendMessageOptions) => Promise<void>;
 };
 //# sourceMappingURL=useSubmitHandler.d.ts.map

package/dist/components/MessageInput/hooks/useSubmitHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubmitHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useSubmitHandler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAc,OAAO,EAAkB,MAAM,aAAa,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAS9D,eAAO,MAAM,gBAAgB,iUAOV,MAAM,wBACD,oBAAoB;0BA+EjC,MAAM,kBAAkB;CAgJlC,CAAC"}
+{"version":3,"file":"useSubmitHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useSubmitHandler.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAc,OAAO,EAAkB,MAAM,aAAa,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EACV,aAAa,EACb,yBAAyB,EACzB,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,gBAAgB,iUAOV,MAAM,wBACD,oBAAoB;2BAkFhC,MAAM,kBAAkB,kFAEtB,kBAAkB;CAkJ/B,CAAC"}

package/dist/components/MessageInput/hooks/useSubmitHandler.js

@@ -65,14 +65,20 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads,
             title: upload.file.name,
             type: getAttachmentTypeFromMime(upload.file.type || ''),
         }); });
-        return __spreadArray(__spreadArray(__spreadArray([], attachments, true), imageAttachments, true), fileAttachments, true);
+        var otherAttachments = attachments
+            .filter(function (att) { var _a; return ((_a = att.$internal) === null || _a === void 0 ? void 0 : _a.uploadState) !== 'failed'; })
+            .map(function (localAttachment) {
+            var _ = localAttachment.$internal, attachment = __rest(localAttachment, ["$internal"]);
+            return attachment;
+        });
+        return __spreadArray(__spreadArray(__spreadArray([], otherAttachments, true), imageAttachments, true), fileAttachments, true);
     };
-    var handleSubmit = function (event, customMessageData) { return __awaiter(void 0, void 0, void 0, function () {
+    var handleSubmit = function (event, customMessageData, options) { return __awaiter(void 0, void 0, void 0, function () {
         var trimmedMessage, isEmptyMessage, someAttachmentsUploading, attachmentsFromUploads, attachmentsFromLinkPreviews, someLinkPreviewsLoading, someLinkPreviewsDismissed, newAttachments, actualMentionedUsers, updatedMessage, linkPreviewsEnabled, skip_enrich_url, sendOptions, err_1, err_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    event.preventDefault();
+                    event === null || event === void 0 ? void 0 : event.preventDefault();
                     trimmedMessage = text.trim();
                     isEmptyMessage = trimmedMessage === '' ||
                         trimmedMessage === '>' ||
@@ -82,10 +88,11 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads,
                         trimmedMessage === '____' ||
                         trimmedMessage === '__' ||
                         trimmedMessage === '****';
-                    if (isEmptyMessage && numberOfUploads === 0)
+                    if (isEmptyMessage && numberOfUploads === 0 && attachments.length === 0)
                         return [2 /*return*/];
                     someAttachmentsUploading = Object.values(imageUploads).some(function (upload) { return upload.state === 'uploading'; }) ||
-                        Object.values(fileUploads).some(function (upload) { return upload.state === 'uploading'; });
+                        Object.values(fileUploads).some(function (upload) { return upload.state === 'uploading'; }) ||
+                        attachments.some(function (att) { var _a; return ((_a = att.$internal) === null || _a === void 0 ? void 0 : _a.uploadState) === 'uploading'; });
                     if (someAttachmentsUploading) {
                         return [2 /*return*/, addNotification(t('Wait until all attachments have uploaded'), 'error')];
                     }
@@ -127,7 +134,9 @@ export var useSubmitHandler = function (props, state, dispatch, numberOfUploads,
                     skip_enrich_url = linkPreviewsEnabled &&
                         ((!someLinkPreviewsLoading && attachmentsFromLinkPreviews.length > 0) ||
                             someLinkPreviewsDismissed);
-                    sendOptions = linkPreviewsEnabled ? { skip_enrich_url: skip_enrich_url } : undefined;
+                    sendOptions = linkPreviewsEnabled || options
+                        ? Object.assign(linkPreviewsEnabled ? { skip_enrich_url: skip_enrich_url } : {}, options !== null && options !== void 0 ? options : {})
+                        : undefined;
                     if (!(message && message.type !== 'error')) return [3 /*break*/, 5];
                     delete message.i18n;
                     _a.label = 1;

package/dist/components/MessageInput/hooks/useTimeElapsed.d.ts

@@ -0,0 +1,10 @@
+type UseTimeElapsedParams = {
+    startOnMount?: boolean;
+};
+export declare const useTimeElapsed: ({ startOnMount }?: UseTimeElapsedParams) => {
+    secondsElapsed: number;
+    startCounter: () => void;
+    stopCounter: () => void;
+};
+export {};
+//# sourceMappingURL=useTimeElapsed.d.ts.map

package/dist/components/MessageInput/hooks/useTimeElapsed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeElapsed.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useTimeElapsed.ts"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAGF,eAAO,MAAM,cAAc,sBAAsB,oBAAoB;;;;CA6BpE,CAAC"}

package/dist/components/MessageInput/hooks/useTimeElapsed.js

@@ -0,0 +1,30 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+// todo: provide start timestamp
+export var useTimeElapsed = function (_a) {
+    var _b = _a === void 0 ? {} : _a, startOnMount = _b.startOnMount;
+    var _c = useState(0), secondsElapsed = _c[0], setSecondsElapsed = _c[1];
+    var updateInterval = useRef();
+    var startCounter = useCallback(function () {
+        updateInterval.current = setInterval(function () {
+            setSecondsElapsed(function (prev) { return prev + 1; });
+        }, 1000);
+    }, []);
+    var stopCounter = useCallback(function () {
+        clearInterval(updateInterval.current);
+    }, []);
+    useEffect(function () {
+        if (!startOnMount)
+            return;
+        updateInterval.current = setInterval(function () {
+            setSecondsElapsed(function (prev) { return prev + 1; });
+        }, 1000);
+        return function () {
+            stopCounter();
+        };
+    }, [startOnMount, stopCounter]);
+    return {
+        secondsElapsed: secondsElapsed,
+        startCounter: startCounter,
+        stopCounter: stopCounter,
+    };
+};

package/dist/components/MessageInput/hooks/useTimer.d.ts

@@ -0,0 +1,4 @@
+export declare const useTimer: ({ startFrom }: {
+    startFrom: number;
+}) => number | undefined;
+//# sourceMappingURL=useTimer.d.ts.map

package/dist/components/MessageInput/hooks/useTimer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useTimer.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;eAAgC,MAAM;wBAoB1D,CAAC"}

package/dist/components/MessageInput/hooks/useTimer.js

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react';
+export var useTimer = function (_a) {
+    var startFrom = _a.startFrom;
+    var _b = useState(), secondsLeft = _b[0], setSecondsLeft = _b[1];
+    useEffect(function () {
+        var countdownTimeout;
+        if (typeof secondsLeft === 'number' && secondsLeft > 0) {
+            countdownTimeout = setTimeout(function () {
+                setSecondsLeft(secondsLeft - 1);
+            }, 1000);
+        }
+        return function () {
+            clearTimeout(countdownTimeout);
+        };
+    }, [secondsLeft]);
+    useEffect(function () {
+        setSecondsLeft(startFrom !== null && startFrom !== void 0 ? startFrom : 0);
+    }, [startFrom]);
+    return secondsLeft;
+};

package/dist/components/MessageInput/icons.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import type { Message } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const EmojiIconLarge: () => React.JSX.Element;
 export declare const EmojiIconSmall: () => React.JSX.Element;
 export declare const EmojiPickerIcon: () => React.JSX.Element;
@@ -16,8 +14,9 @@ export declare const DownloadIcon: () => React.JSX.Element;
 export declare const LinkIcon: () => React.JSX.Element;
 export declare const SendIconV1: () => React.JSX.Element;
 export declare const SendIconV2: () => React.JSX.Element;
-export type SendButtonProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    sendMessage: (event: React.BaseSyntheticEvent, customMessageData?: Partial<Message<StreamChatGenerics>>) => void;
-} & React.ComponentProps<'button'>;
-export declare const SendButton: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ sendMessage, ...rest }: SendButtonProps<StreamChatGenerics>) => React.JSX.Element;
+export declare const MicIcon: () => React.JSX.Element;
+export declare const BinIcon: () => React.JSX.Element;
+export declare const PauseIcon: () => React.JSX.Element;
+export declare const PlayIcon: () => React.JSX.Element;
+export declare const CheckSignIcon: () => React.JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

package/dist/components/MessageInput/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,cAAc,yBAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAW1B,CAAC;AAGF,eAAO,MAAM,eAAe,yBAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAY1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAY9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;uBA0BhC,CAAC;AAGF,eAAO,MAAM,UAAU,yBAqBtB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAcrB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAcrB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBASpB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAkBtB,CAAC;AAEF,MAAM,MAAM,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,WAAW,EAAE,CACX,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,KACrD,IAAI,CAAC;CACX,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,wKAqBtB,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,cAAc,yBAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAW1B,CAAC;AAGF,eAAO,MAAM,eAAe,yBAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAY1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAY9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;uBA0BhC,CAAC;AAGF,eAAO,MAAM,UAAU,yBAqBtB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAcrB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAcrB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBASpB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,yBAetB,CAAC;AAEF,eAAO,MAAM,OAAO,yBAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,yBAInB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAIpB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAIzB,CAAC"}

package/dist/components/MessageInput/icons.js

@@ -1,8 +1,6 @@
-import { __assign, __rest } from "tslib";
 import React, { useMemo } from 'react';
 import { nanoid } from 'nanoid';
 import { useTranslationContext } from '../../context/TranslationContext';
-import { useChatContext } from '../../context/ChatContext';
 export var EmojiIconLarge = function () {
     var t = useTranslationContext('EmojiIconLarge').t;
     return (React.createElement("svg", { height: '28', viewBox: '0 0 28 28', width: '28', xmlns: 'http://www.w3.org/2000/svg' },
@@ -67,13 +65,18 @@ export var SendIconV1 = function () {
 };
 export var SendIconV2 = function () {
     var t = useTranslationContext('SendButton').t;
-    return (React.createElement("svg", { "data-testid": 'send', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+    return (React.createElement("svg", { "data-testid": 'send', fill: 'currentColor', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
         React.createElement("title", null, t('Send')),
-        React.createElement("path", { d: 'M4.00952 22L24 12L4.00952 2L4 9.77778L18.2857 12L4 14.2222L4.00952 22Z', fill: 'black' })));
-};
-export var SendButton = function (_a) {
-    var sendMessage = _a.sendMessage, rest = __rest(_a, ["sendMessage"]);
-    var themeVersion = useChatContext('SendButton').themeVersion;
-    var t = useTranslationContext('SendButton').t;
-    return (React.createElement("button", __assign({ "aria-label": t('aria/Send'), className: 'str-chat__send-button', "data-testid": 'send-button', onClick: sendMessage, type: 'button' }, rest), themeVersion === '2' ? React.createElement(SendIconV2, null) : React.createElement(SendIconV1, null)));
+        React.createElement("path", { d: 'M4.00952 22L24 12L4.00952 2L4 9.77778L18.2857 12L4 14.2222L4.00952 22Z' })));
 };
+export var MicIcon = function () { return (React.createElement("svg", { fill: 'currentColor', viewBox: '0 0 14 20', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M7 12.5C8.66 12.5 10 11.16 10 9.5V3.5C10 1.84 8.66 0.5 7 0.5C5.34 0.5 4 1.84 4 3.5V9.5C4 11.16 5.34 12.5 7 12.5Z' }),
+    React.createElement("path", { d: 'M12 9.5C12 12.26 9.76 14.5 7 14.5C4.24 14.5 2 12.26 2 9.5H0C0 13.03 2.61 15.93 6 16.42V19.5H8V16.42C11.39 15.93 14 13.03 14 9.5H12Z' }))); };
+export var BinIcon = function () { return (React.createElement("svg", { fill: 'currentColor', viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M8.00033 25.3333C8.00033 26.8 9.20033 28 10.667 28H21.3337C22.8003 28 24.0003 26.8 24.0003 25.3333V12C24.0003 10.5333 22.8003 9.33333 21.3337 9.33333H10.667C9.20033 9.33333 8.00033 10.5333 8.00033 12V25.3333ZM24.0003 5.33333H20.667L19.7203 4.38667C19.4803 4.14667 19.1337 4 18.787 4H13.2137C12.867 4 12.5203 4.14667 12.2803 4.38667L11.3337 5.33333H8.00033C7.26699 5.33333 6.66699 5.93333 6.66699 6.66667C6.66699 7.4 7.26699 8 8.00033 8H24.0003C24.7337 8 25.3337 7.4 25.3337 6.66667C25.3337 5.93333 24.7337 5.33333 24.0003 5.33333Z' }))); };
+export var PauseIcon = function () { return (React.createElement("svg", { fill: 'currentColor', viewBox: '0 0 16 20', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M0 19.3333H5.33333V0.666626H0V19.3333ZM10.6667 0.666626V19.3333H16V0.666626H10.6667Z' }))); };
+export var PlayIcon = function () { return (React.createElement("svg", { fill: 'currentColor', viewBox: '0 0 14 18', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M0.236328 2.09338V15.9067C0.236328 16.9601 1.39633 17.6001 2.28966 17.0267L13.143 10.1201C13.9697 9.60005 13.9697 8.40005 13.143 7.86672L2.28966 0.973385C1.39633 0.400051 0.236328 1.04005 0.236328 2.09338Z' }))); };
+export var CheckSignIcon = function () { return (React.createElement("svg", { fill: 'currentColor', viewBox: '0 0 18 14', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M5.79457 10.875L2.32457 7.40502C1.93457 7.01502 1.30457 7.01502 0.91457 7.40502C0.52457 7.79502 0.52457 8.42502 0.91457 8.81502L5.09457 12.995C5.48457 13.385 6.11457 13.385 6.50457 12.995L17.0846 2.41502C17.4746 2.02502 17.4746 1.39502 17.0846 1.00502C16.6946 0.615024 16.0646 0.615024 15.6746 1.00502L5.79457 10.875Z' }))); };

package/dist/components/MessageInput/index.d.ts

@@ -9,6 +9,7 @@ export * from './MessageInput';
 export * from './MessageInputFlat';
 export * from './MessageInputSmall';
 export * from './QuotedMessagePreview';
+export * from './SendButton';
 export * from './UploadsPreview';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MessageInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/components/MessageInput/index.js

@@ -9,5 +9,6 @@ export * from './MessageInput';
 export * from './MessageInputFlat';
 export * from './MessageInputSmall';
 export * from './QuotedMessagePreview';
+export * from './SendButton';
 export * from './UploadsPreview';
 export * from './types';

package/dist/components/MessageInput/types.d.ts

@@ -1,4 +1,4 @@
-import type { Attachment, OGAttachment } from 'stream-chat';
+import type { Attachment, DefaultGenerics, ExtendableGenerics, OGAttachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 type AttachmentLoadingState = 'uploading' | 'finished' | 'failed';
 export type FileUpload = {
@@ -53,5 +53,40 @@ export declare enum SetLinkPreviewMode {
     REMOVE = 2
 }
 export type LinkPreviewMap = Map<LinkURL, LinkPreview>;
+export type VoiceRecordingAttachment<StreamChatGenerics extends ExtendableGenerics = DefaultGenerics> = Attachment<StreamChatGenerics> & {
+    asset_url: string;
+    type: 'voiceRecording';
+    duration?: number;
+    file_size?: number;
+    mime_type?: string;
+    title?: string;
+    waveform_data?: Array<number>;
+};
+export type AudioAttachment<StreamChatGenerics extends ExtendableGenerics = DefaultGenerics> = Attachment<StreamChatGenerics> & {
+    asset_url: string;
+    type: 'audio';
+    file_size?: number;
+    mime_type?: string;
+    title?: string;
+};
+export type VideoAttachment<StreamChatGenerics extends ExtendableGenerics = DefaultGenerics> = Attachment<StreamChatGenerics> & {
+    asset_url: string;
+    type: 'video';
+    mime_type?: string;
+    thumb_url?: string;
+    title?: string;
+};
+export type AttachmentInternalMetadata = {
+    id: string;
+    file?: File;
+    uploadState?: AttachmentLoadingState;
+};
+type LocalAttachmentCast<T> = T & {
+    $internal: AttachmentInternalMetadata;
+};
+export type LocalVoiceRecordingAttachment<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = LocalAttachmentCast<VoiceRecordingAttachment<StreamChatGenerics>>;
+export type LocalAudioAttachment<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = LocalAttachmentCast<AudioAttachment<StreamChatGenerics>>;
+export type LocalVideoAttachment<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = LocalAttachmentCast<VideoAttachment<StreamChatGenerics>>;
+export type LocalAttachment<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = LocalAttachmentCast<Attachment<StreamChatGenerics>> | LocalAudioAttachment<StreamChatGenerics> | LocalVideoAttachment<StreamChatGenerics> | LocalVoiceRecordingAttachment<StreamChatGenerics>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/MessageInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,KAAK,sBAAsB,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CACN,UAAU,CAAC,kBAAkB,CAAC,EAC9B,eAAe,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAClE,CAAC;AAEF,oBAAY,gBAAgB;IAC1B,yFAAyF;IACzF,SAAS,cAAc;IACvB,4EAA4E;IAC5E,MAAM,WAAW;IACjB,kDAAkD;IAClD,MAAM,WAAW;IACjB,6DAA6D;IAC7D,OAAO,YAAY;IACnB,6CAA6C;IAC7C,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,oBAAY,kBAAkB;IAC5B,MAAM,IAAA;IACN,GAAG,IAAA;IACH,MAAM,IAAA;CACP;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,KAAK,sBAAsB,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,sBAAsB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,sBAAsB,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CACN,UAAU,CAAC,kBAAkB,CAAC,EAC9B,eAAe,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAClE,CAAC;AAEF,oBAAY,gBAAgB;IAC1B,yFAAyF;IACzF,SAAS,cAAc;IACvB,4EAA4E;IAC5E,MAAM,WAAW;IACjB,kDAAkD;IAClD,MAAM,WAAW;IACjB,6DAA6D;IAC7D,OAAO,YAAY;IACnB,6CAA6C;IAC7C,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC;AAE7B,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,oBAAY,kBAAkB;IAC5B,MAAM,IAAA;IACN,GAAG,IAAA;IACH,MAAM,IAAA;CACP;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAEvD,MAAM,MAAM,wBAAwB,CAClC,kBAAkB,SAAS,kBAAkB,GAAG,eAAe,IAC7D,UAAU,CAAC,kBAAkB,CAAC,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,eAAe,CACzB,kBAAkB,SAAS,kBAAkB,GAAG,eAAe,IAC7D,UAAU,CAAC,kBAAkB,CAAC,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,CACzB,kBAAkB,SAAS,kBAAkB,GAAG,eAAe,IAC7D,UAAU,CAAC,kBAAkB,CAAC,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC,CAAC;AAEF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,SAAS,EAAE,0BAA0B,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,6BAA6B,CACvC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,wBAAwB,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAEtE,MAAM,MAAM,oBAAoB,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7D,MAAM,MAAM,oBAAoB,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,mBAAmB,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7D,MAAM,MAAM,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAE9E,mBAAmB,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,GACnD,oBAAoB,CAAC,kBAAkB,CAAC,GACxC,oBAAoB,CAAC,kBAAkB,CAAC,GACxC,6BAA6B,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/components/ReactFileUtilities/types.d.ts

@@ -1,3 +1,4 @@
+export type RecordedMediaType = 'audio' | 'video';
 export type UploadState = 'uploading' | 'finished' | 'failed';
 export type FileLike = Blob | File;
 export type UploadInfo = {

package/dist/components/ReactFileUtilities/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,UAAU,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACxB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,UAAU,CAAC"}

package/dist/components/ReactFileUtilities/utils.d.ts

@@ -1,6 +1,14 @@
-import type { FileLike } from './types';
+import { FileLike, RecordedMediaType } from './types';
 import { ChangeEvent } from 'react';
 export declare const useHandleFileChangeWrapper: (resetOnChange?: boolean, handler?: ((files: Array<File>) => void) | undefined) => ({ currentTarget }: ChangeEvent<HTMLInputElement>) => void;
 export declare function dataTransferItemsHaveFiles(items?: DataTransferItem[]): boolean;
 export declare function dataTransferItemsToFiles(items?: DataTransferItem[]): Promise<FileLike[]>;
+export declare const createFileFromBlobs: ({ blobsArray, fileName, mimeType, }: {
+    blobsArray: Blob[];
+    fileName: string;
+    mimeType: string;
+}) => File;
+export declare const getExtensionFromMimeType: (mimeType: string) => string | null;
+export declare const getRecordedMediaTypeFromMimeType: (mimeType: string) => RecordedMediaType | null;
+export declare const readFileAsArrayBuffer: (file: File) => Promise<ArrayBuffer>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/ReactFileUtilities/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,0BAA0B,+CAEnB,MAAM,IAAI,CAAC,KAAK,IAAI,sCAGhB,YAAY,gBAAgB,CAAC,SAclD,CAAC;AAEJ,wBAAgB,0BAA0B,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAU9E;AAED,wBAAsB,wBAAwB,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CA+B9F"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,0BAA0B,+CAEnB,MAAM,IAAI,CAAC,KAAK,IAAI,sCAGhB,YAAY,gBAAgB,CAAC,SAclD,CAAC;AAEJ,wBAAgB,0BAA0B,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAU9E;AAED,wBAAsB,wBAAwB,CAAC,KAAK,CAAC,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,CA+B9F;AAiCD,eAAO,MAAM,mBAAmB;gBAKlB,IAAI,EAAE;cACR,MAAM;cACN,MAAM;UAIjB,CAAC;AAEF,eAAO,MAAM,wBAAwB,aAAc,MAAM,kBAGxD,CAAC;AAEF,eAAO,MAAM,gCAAgC,aAAc,MAAM,KAAG,iBAAiB,GAAG,IAGvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,IAAI,KAAG,QAAQ,WAAW,CAYlE,CAAC"}

package/dist/components/ReactFileUtilities/utils.js

@@ -121,3 +121,28 @@ var extractImageSources = function (s) {
     var imageTags = new DOMParser().parseFromString(s, 'text/html').getElementsByTagName('img');
     return Array.from(imageTags, function (tag) { return tag.src; }).filter(function (tag) { return tag; });
 };
+export var createFileFromBlobs = function (_a) {
+    var blobsArray = _a.blobsArray, fileName = _a.fileName, mimeType = _a.mimeType;
+    var concatenatedBlob = new Blob(blobsArray, { type: mimeType });
+    return new File([concatenatedBlob], fileName, { type: concatenatedBlob.type });
+};
+export var getExtensionFromMimeType = function (mimeType) {
+    var match = mimeType.match(/\/([^/;]+)/);
+    return match && match[1];
+};
+export var getRecordedMediaTypeFromMimeType = function (mimeType) {
+    var match = mimeType.match(/^(audio|video)\/.*$/);
+    return match && match[1];
+};
+export var readFileAsArrayBuffer = function (file) {
+    return new Promise(function (resolve, reject) {
+        var fileReader = new FileReader();
+        fileReader.onload = function () {
+            resolve(fileReader.result);
+        };
+        fileReader.onerror = function () {
+            reject(fileReader.error);
+        };
+        fileReader.readAsArrayBuffer(file);
+    });
+};

package/dist/components/Reactions/utils/utils.d.ts

@@ -1,3 +1,4 @@
-export declare const isMutableRef: <T>(ref: import("react").ForwardedRef<T>) => ref is import("react").MutableRefObject<T>;
+import { ForwardedRef, MutableRefObject } from 'react';
+export declare const isMutableRef: <T>(ref: ForwardedRef<T>) => ref is MutableRefObject<T>;
 export declare const getImageDimensions: (source: string) => Promise<[number, number]>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/Reactions/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Reactions/utils/utils.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,yFAOxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,8BAiB7C,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Reactions/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,YAAY,yDAKxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,MAAM,8BAiB7C,CAAC"}

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './Gallery';
 export * from './InfiniteScrollPaginator';
 export * from './Loading';
 export * from './LoadMore';
+export * from './MediaRecorder';
 export * from './Message';
 export * from './MessageActions';
 export * from './MessageInput';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/index.js

@@ -18,6 +18,7 @@ export * from './Gallery';
 export * from './InfiniteScrollPaginator';
 export * from './Loading';
 export * from './LoadMore';
+export * from './MediaRecorder';
 export * from './Message';
 export * from './MessageActions';
 export * from './MessageInput';