stream-chat-react 11.17.0 → 11.18.1

package/dist/components/Attachment/AttachmentContainer.js

@@ -9,7 +9,7 @@ import { VoiceRecording as DefaultVoiceRecording } from './VoiceRecording';
 import { Gallery as DefaultGallery, ImageComponent as DefaultImage } from '../Gallery';
 import { Card as DefaultCard } from './Card';
 import { FileAttachment as DefaultFile } from './FileAttachment';
-import { NullComponent as DefaultUnsupportedAttachment } from './UnsupportedAttachment';
+import { UnsupportedAttachment as DefaultUnsupportedAttachment } from './UnsupportedAttachment';
 import { isGalleryAttachmentType, isSvgAttachment, } from './utils';
 import { useChannelStateContext } from '../../context/ChannelStateContext';
 export var AttachmentWithinContainer = function (_a) {

package/dist/components/Attachment/UnsupportedAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnsupportedAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/UnsupportedAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,0KAWjC,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,CAAC"}
+{"version":3,"file":"UnsupportedAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/UnsupportedAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,0KAmBjC,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,CAAC"}

package/dist/components/Attachment/UnsupportedAttachment.js

@@ -1,12 +1,12 @@
 import React from 'react';
+import { FileIcon } from '../ReactFileUtilities';
+import { useTranslationContext } from '../../context';
 export var UnsupportedAttachment = function (_a) {
-    var _b;
     var attachment = _a.attachment;
-    return (React.createElement("div", null,
-        React.createElement("div", null,
-            "Unsupported attachment type ",
-            React.createElement("strong", null, (_b = attachment.type) !== null && _b !== void 0 ? _b : 'unknown')),
-        React.createElement("code", null, JSON.stringify(attachment, null, 4)),
-        ";"));
+    var t = useTranslationContext('UnsupportedAttachment').t;
+    return (React.createElement("div", { className: 'str-chat__message-attachment-unsupported', "data-testid": 'attachment-unsupported' },
+        React.createElement(FileIcon, { className: 'str-chat__file-icon', version: '2' }),
+        React.createElement("div", { className: 'str-chat__message-attachment-unsupported__metadata' },
+            React.createElement("div", { className: 'str-chat__message-attachment-unsupported__title', "data-testid": 'unsupported-attachment-title' }, attachment.title || t('Unsupported attachment')))));
 };
 export var NullComponent = function () { return null; };

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

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren, ReactNode } from 'react';
 import type { Attachment } from 'stream-chat';
 import type { ATTACHMENT_GROUPS_ORDER, AttachmentProps } from './Attachment';
-import type { DefaultStreamChatGenerics } from '../../types/types';
-import type { LocalAttachment, VoiceRecordingAttachment } from '../MessageInput';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type { LocalAttachment, LocalAudioAttachment, LocalFileAttachment, LocalImageAttachment, LocalVideoAttachment, LocalVoiceRecordingAttachment, VoiceRecordingAttachment } from '../MessageInput';
 export declare const SUPPORTED_VIDEO_FORMATS: string[];
 export type AttachmentComponentType = typeof ATTACHMENT_GROUPS_ORDER[number];
 export type GroupedRenderedAttachment = Record<AttachmentComponentType, ReactNode[]>;
@@ -20,14 +20,19 @@ export type RenderAttachmentProps<StreamChatGenerics extends DefaultStreamChatGe
 export type RenderGalleryProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<AttachmentProps<StreamChatGenerics>, 'attachments'> & {
     attachment: GalleryAttachment<StreamChatGenerics>;
 };
+export declare const isLocalAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: UnknownType) => attachment is LocalAttachment<StreamChatGenerics>;
 export declare const isScrapedContent: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => string | undefined;
 export declare const isUploadedImage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => boolean;
+export declare const isLocalImageAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalImageAttachment<StreamChatGenerics, Record<string, unknown>>;
 export declare const isGalleryAttachmentType: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(output: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>) => output is GalleryAttachment<StreamChatGenerics>;
 export declare const isAudioAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => boolean;
+export declare const isLocalAudioAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalAudioAttachment<StreamChatGenerics, Record<string, unknown>>;
 export declare const isVoiceRecordingAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is VoiceRecordingAttachment<import("stream-chat").DefaultGenerics>;
-export declare const isLocalAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: LocalAttachment<StreamChatGenerics>) => attachment is LocalAttachment<StreamChatGenerics>;
-export declare const isFileAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => boolean | "" | undefined;
+export declare const isLocalVoiceRecordingAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalVoiceRecordingAttachment<StreamChatGenerics, Record<string, unknown>>;
+export declare const isFileAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => boolean;
+export declare const isLocalFileAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalFileAttachment<StreamChatGenerics, Record<string, unknown>>;
 export declare const isMediaAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => boolean;
+export declare const isLocalMediaAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalVideoAttachment<StreamChatGenerics, Record<string, unknown>>;
 export declare const isSvgAttachment: (attachment: Attachment) => boolean;
 /**
  * @deprecated will be removed in the next major release,

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,eAAO,MAAM,uBAAuB,UAA8D,CAAC;AAEnG,MAAM,MAAM,uBAAuB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAE7E,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC,uBAAuB,EAAE,SAAS,EAAE,CAAC,CAAC;AAErF,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACnF,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sJAIyB,CAAC;AAEvD,eAAO,MAAM,eAAe,2IAIqC,CAAC;AAElE,eAAO,MAAM,uBAAuB,uNAI8C,CAAC;AAEnF,eAAO,MAAM,iBAAiB,iLAIE,CAAC;AAEjC,eAAO,MAAM,0BAA0B,uPAI0C,CAAC;AAElF,eAAO,MAAM,iBAAiB,0LAIgD,CAAC;AAE/E,eAAO,MAAM,gBAAgB,4JAQG,CAAC;AAEjC,eAAO,MAAM,iBAAiB,iLAMD,CAAC;AAE9B,eAAO,MAAM,eAAe,eAAgB,UAAU,YAGrD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,uLA2B3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,kKAmBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,wJAYzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,2JAyBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,2JAyBtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,kKActB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,2JAgBvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,2JA8CvB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAS,MAAM,WAAW,MAAM,aAA+C,CAAC;AAEnG,eAAO,MAAM,eAAe,kBAAmB,MAAM,WAapD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"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"}

package/dist/components/Attachment/utils.js

@@ -8,22 +8,37 @@ import { Card as DefaultCard } from './Card';
 import { FileAttachment as DefaultFile } from './FileAttachment';
 import { Gallery as DefaultGallery, ImageComponent as DefaultImage } from '../Gallery';
 export var SUPPORTED_VIDEO_FORMATS = ['video/mp4', 'video/ogg', 'video/webm', 'video/quicktime'];
+export var isLocalAttachment = function (attachment) { var _a; return !!((_a = attachment.localMetadata) === null || _a === void 0 ? void 0 : _a.id); };
 export var isScrapedContent = function (attachment) { return attachment.og_scrape_url || attachment.title_link; };
 export var isUploadedImage = function (attachment) { return attachment.type === 'image' && !isScrapedContent(attachment); };
+export var isLocalImageAttachment = function (attachment) {
+    return isUploadedImage(attachment) && isLocalAttachment(attachment);
+};
 export var isGalleryAttachmentType = function (output) { return Array.isArray(output.images); };
 export var isAudioAttachment = function (attachment) { return attachment.type === 'audio'; };
+export var isLocalAudioAttachment = function (attachment) {
+    return isAudioAttachment(attachment) && isLocalAttachment(attachment);
+};
 export var isVoiceRecordingAttachment = function (attachment) { return attachment.type === 'voiceRecording'; };
-export var isLocalAttachment = function (attachment) { return !!attachment.$internal; };
+export var isLocalVoiceRecordingAttachment = function (attachment) {
+    return isVoiceRecordingAttachment(attachment) && isLocalAttachment(attachment);
+};
 export var isFileAttachment = function (attachment) {
     return attachment.type === 'file' ||
-        (attachment.mime_type &&
+        !!(attachment.mime_type &&
             SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) === -1 &&
             attachment.type !== 'video');
 };
+export var isLocalFileAttachment = function (attachment) {
+    return isFileAttachment(attachment) && isLocalAttachment(attachment);
+};
 export var isMediaAttachment = function (attachment) {
     return (attachment.mime_type && SUPPORTED_VIDEO_FORMATS.indexOf(attachment.mime_type) !== -1) ||
         attachment.type === 'video';
 };
+export var isLocalMediaAttachment = function (attachment) {
+    return isMediaAttachment(attachment) && isLocalAttachment(attachment);
+};
 export var isSvgAttachment = function (attachment) {
     var filename = attachment.fallback || '';
     return filename.toLowerCase().endsWith('.svg');

package/dist/components/Emojis/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('../../Window-5a6bf944.js');
+var Window = require('../../Window-5802024e.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
 require('dayjs');

package/dist/components/MediaRecorder/AudioRecorder/AudioRecorder.js

@@ -7,7 +7,7 @@ import { useMessageInputContext } from '../../../context';
 export var AudioRecorder = function () {
     var _a, _b;
     var _c = useMessageInputContext().recordingController, completeRecording = _c.completeRecording, recorder = _c.recorder, recording = _c.recording, recordingState = _c.recordingState;
-    var isUploadingFile = ((_a = recording === null || recording === void 0 ? void 0 : recording.$internal) === null || _a === void 0 ? void 0 : _a.uploadState) === 'uploading';
+    var isUploadingFile = ((_a = recording === null || recording === void 0 ? void 0 : recording.localMetadata) === null || _a === void 0 ? void 0 : _a.uploadState) === 'uploading';
     var state = useMemo(function () { return ({
         paused: recordingState === MediaRecordingState.PAUSED,
         recording: recordingState === MediaRecordingState.RECORDING,

package/dist/components/MediaRecorder/classes/MediaRecorderController.d.ts

@@ -4,6 +4,7 @@ import { BehaviorSubject, Subject } from '../observable';
 import { RecordedMediaType } from '../../ReactFileUtilities';
 import { TranslationContextValue } from '../../../context';
 import type { LocalVoiceRecordingAttachment } from '../../MessageInput';
+import type { DefaultStreamChatGenerics } from '../../../types';
 export declare const POSSIBLE_TRANSCODING_MIME_TYPES: readonly ["audio/wav", "audio/mp3"];
 export declare const DEFAULT_MEDIA_RECORDER_CONFIG: MediaRecorderConfig;
 export declare const DEFAULT_AUDIO_TRANSCODER_CONFIG: TranscoderConfig;
@@ -31,7 +32,7 @@ export declare enum MediaRecordingState {
 export declare enum RecordingAttachmentType {
     VOICE_RECORDING = "voiceRecording"
 }
-export declare class MediaRecorderController {
+export declare class MediaRecorderController<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
     permission: BrowserPermission;
     mediaRecorder: MediaRecorder | undefined;
     amplitudeRecorder: AmplitudeRecorder | undefined;
@@ -43,9 +44,9 @@ export declare class MediaRecorderController {
     recordedData: Blob[];
     recordingUri: string | undefined;
     mediaType: RecordedMediaType;
-    signalRecordingReady: ((r: LocalVoiceRecordingAttachment) => void) | undefined;
+    signalRecordingReady: ((r: LocalVoiceRecordingAttachment<StreamChatGenerics>) => void) | undefined;
     recordingState: BehaviorSubject<MediaRecordingState | undefined>;
-    recording: BehaviorSubject<LocalVoiceRecordingAttachment<import("../../..").DefaultStreamChatGenerics> | undefined>;
+    recording: BehaviorSubject<LocalVoiceRecordingAttachment<StreamChatGenerics, Record<string, unknown>> | undefined>;
     error: Subject<Error | undefined>;
     notification: Subject<{
         text: string;
@@ -57,13 +58,13 @@ export declare class MediaRecorderController {
     get durationMs(): number;
     generateRecordingTitle: (mimeType: string) => string;
     makeVoiceRecording: () => Promise<{
-        $internal: {
-            file: File;
-            id: string;
-        };
         asset_url: string;
         duration: number;
         file_size: number;
+        localMetadata: {
+            file: File;
+            id: string;
+        };
         mime_type: string;
         title: string;
         type: RecordingAttachmentType;
@@ -76,7 +77,7 @@ export declare class MediaRecorderController {
     start: () => Promise<void>;
     pause: () => void;
     resume: () => void;
-    stop: () => Promise<undefined> | Promise<LocalVoiceRecordingAttachment<import("../../..").DefaultStreamChatGenerics>>;
+    stop: () => Promise<undefined> | Promise<LocalVoiceRecordingAttachment<StreamChatGenerics, Record<string, unknown>>>;
     cancel: () => void;
 }
 export {};

package/dist/components/MediaRecorder/classes/MediaRecorderController.d.ts.map

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

package/dist/components/MediaRecorder/classes/MediaRecorderController.js

@@ -97,13 +97,13 @@ var MediaRecorderController = /** @class */ (function () {
                             mimeType: blob.type,
                         });
                         return [2 /*return*/, {
-                                $internal: {
-                                    file: file,
-                                    id: nanoid(),
-                                },
                                 asset_url: this.recordingUri,
                                 duration: this.durationMs / 1000,
                                 file_size: blob.size,
+                                localMetadata: {
+                                    file: file,
+                                    id: nanoid(),
+                                },
                                 mime_type: blob.type,
                                 title: file.name,
                                 type: RecordingAttachmentType.VOICE_RECORDING,

package/dist/components/MediaRecorder/hooks/useMediaRecorder.d.ts

@@ -3,11 +3,11 @@ import { AudioRecorderConfig, MediaRecorderController, MediaRecordingState } fro
 import type { LocalVoiceRecordingAttachment } from '../../MessageInput';
 import type { DefaultStreamChatGenerics } from '../../../types';
 export type CustomAudioRecordingConfig = Partial<AudioRecorderConfig>;
-export type RecordingController = {
+export type RecordingController<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     completeRecording: () => void;
     permissionState?: PermissionState;
     recorder?: MediaRecorderController;
-    recording?: LocalVoiceRecordingAttachment;
+    recording?: LocalVoiceRecordingAttachment<StreamChatGenerics>;
     recordingState?: MediaRecordingState;
 };
 type UseMediaRecorderParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMultiSendEnabled' | 'handleSubmit' | 'uploadAttachment'> & {
@@ -15,6 +15,6 @@ type UseMediaRecorderParams<StreamChatGenerics extends DefaultStreamChatGenerics
     generateRecordingTitle?: (mimeType: string) => string;
     recordingConfig?: CustomAudioRecordingConfig;
 };
-export declare const useMediaRecorder: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ asyncMessagesMultiSendEnabled, enabled, generateRecordingTitle, handleSubmit, recordingConfig, uploadAttachment, }: UseMediaRecorderParams<StreamChatGenerics>) => RecordingController;
+export declare const useMediaRecorder: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ asyncMessagesMultiSendEnabled, enabled, generateRecordingTitle, handleSubmit, recordingConfig, uploadAttachment, }: UseMediaRecorderParams<StreamChatGenerics>) => RecordingController<StreamChatGenerics>;
 export {};
 //# sourceMappingURL=useMediaRecorder.d.ts.map

package/dist/components/MediaRecorder/hooks/useMediaRecorder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaRecorder/hooks/useMediaRecorder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAyB,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE/F,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,SAAS,CAAC,EAAE,6BAA6B,CAAC;IAC1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,CAAC;AAEF,KAAK,sBAAsB,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CACN,wBAAwB,CAAC,kBAAkB,CAAC,EAC5C,+BAA+B,GAAG,cAAc,GAAG,kBAAkB,CACtE,GAAG;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,0PASmB,mBA6D/C,CAAC"}
+{"version":3,"file":"useMediaRecorder.d.ts","sourceRoot":"","sources":["../../../../src/components/MediaRecorder/hooks/useMediaRecorder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAyB,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE/F,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAEtE,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,SAAS,CAAC,EAAE,6BAA6B,CAAC,kBAAkB,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,CAAC;AAEF,KAAK,sBAAsB,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CACN,wBAAwB,CAAC,kBAAkB,CAAC,EAC5C,+BAA+B,GAAG,cAAc,GAAG,kBAAkB,CACtE,GAAG;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,eAAe,CAAC,EAAE,0BAA0B,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,iSAsE5B,CAAC"}

package/dist/components/Message/MessageSimple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA6NnE;;GAEG;AACH,eAAO,MAAM,aAAa,kKAQzB,CAAC"}
+{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA8NnE;;GAEG;AACH,eAAO,MAAM,aAAa,kKAQzB,CAAC"}

package/dist/components/Message/MessageSimple.js

@@ -66,8 +66,9 @@ var MessageSimpleWithContext = function (props) {
         'str-chat__message--has-attachment': hasAttachment,
         'str-chat__message--highlighted': highlighted,
         'str-chat__message--pinned pinned-message': message.pinned,
-        'str-chat__message--with-reactions str-chat__message-with-thread-link': canShowReactions,
+        'str-chat__message--with-reactions': canShowReactions,
         'str-chat__message-send-can-be-retried': (message === null || message === void 0 ? void 0 : message.status) === 'failed' && (message === null || message === void 0 ? void 0 : message.errorStatusCode) !== 403,
+        'str-chat__message-with-thread-link': showReplyCountButton,
         'str-chat__virtual-message__wrapper--end': endOfGroup,
         'str-chat__virtual-message__wrapper--first': firstOfGroup,
         'str-chat__virtual-message__wrapper--group': groupedByUser,

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

@@ -0,0 +1,16 @@
+import React, { ComponentType } from 'react';
+import { UnsupportedAttachmentPreviewProps } from './UnsupportedAttachmentPreview';
+import { VoiceRecordingPreviewProps } from './VoiceRecordingPreview';
+import { FileAttachmentPreviewProps } from './FileAttachmentPreview';
+import { ImageAttachmentPreviewProps } from './ImageAttachmentPreview';
+import type { DefaultStreamChatGenerics } from '../../../types';
+export type AttachmentPreviewListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    AudioAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
+    FileAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
+    ImageAttachmentPreview?: ComponentType<ImageAttachmentPreviewProps<StreamChatGenerics>>;
+    UnsupportedAttachmentPreview?: ComponentType<UnsupportedAttachmentPreviewProps<StreamChatGenerics>>;
+    VideoAttachmentPreview?: ComponentType<FileAttachmentPreviewProps>;
+    VoiceRecordingPreview?: ComponentType<VoiceRecordingPreviewProps<StreamChatGenerics>>;
+};
+export declare const AttachmentPreviewList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ AudioAttachmentPreview, FileAttachmentPreview, ImageAttachmentPreview, UnsupportedAttachmentPreview, VideoAttachmentPreview, VoiceRecordingPreview, }: AttachmentPreviewListProps<StreamChatGenerics>) => React.JSX.Element;
+//# sourceMappingURL=AttachmentPreviewList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentPreviewList.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAEL,iCAAiC,EAClC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,0BAA0B,EAC3B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAEL,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAWlC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,sBAAsB,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACnE,qBAAqB,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;IAClE,sBAAsB,CAAC,EAAE,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACxF,4BAA4B,CAAC,EAAE,aAAa,CAC1C,iCAAiC,CAAC,kBAAkB,CAAC,CACtD,CAAC;IACF,sBAAsB,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACnE,qBAAqB,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,kTA2FjC,CAAC"}

package/dist/components/MessageInput/AttachmentPreviewList/AttachmentPreviewList.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { UnsupportedAttachmentPreview as DefaultUnknownAttachmentPreview, } from './UnsupportedAttachmentPreview';
+import { VoiceRecordingPreview as DefaultVoiceRecordingPreview, } from './VoiceRecordingPreview';
+import { FileAttachmentPreview as DefaultFilePreview, } from './FileAttachmentPreview';
+import { FileUploadPreviewAdapter, ImageUploadPreviewAdapter } from './UploadPreviewItem';
+import { ImageAttachmentPreview as DefaultImagePreview, } from './ImageAttachmentPreview';
+import { isLocalAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalImageAttachment, isLocalMediaAttachment, isLocalVoiceRecordingAttachment, } from '../../Attachment';
+import { useMessageInputContext } from '../../../context';
+export var AttachmentPreviewList = function (_a) {
+    var _b = _a.AudioAttachmentPreview, AudioAttachmentPreview = _b === void 0 ? DefaultFilePreview : _b, _c = _a.FileAttachmentPreview, FileAttachmentPreview = _c === void 0 ? DefaultFilePreview : _c, _d = _a.ImageAttachmentPreview, ImageAttachmentPreview = _d === void 0 ? DefaultImagePreview : _d, _e = _a.UnsupportedAttachmentPreview, UnsupportedAttachmentPreview = _e === void 0 ? DefaultUnknownAttachmentPreview : _e, _f = _a.VideoAttachmentPreview, VideoAttachmentPreview = _f === void 0 ? DefaultFilePreview : _f, _g = _a.VoiceRecordingPreview, VoiceRecordingPreview = _g === void 0 ? DefaultVoiceRecordingPreview : _g;
+    var _h = useMessageInputContext('AttachmentPreviewList'), attachments = _h.attachments, fileOrder = _h.fileOrder, imageOrder = _h.imageOrder, removeAttachments = _h.removeAttachments, uploadAttachment = _h.uploadAttachment;
+    return (React.createElement("div", { className: 'str-chat__attachment-preview-list' },
+        React.createElement("div", { className: 'str-chat__attachment-list-scroll-container', "data-testid": 'attachment-list-scroll-container' },
+            attachments.map(function (attachment) {
+                if (isLocalVoiceRecordingAttachment(attachment)) {
+                    return (React.createElement(VoiceRecordingPreview, { attachment: attachment, handleRetry: uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: removeAttachments }));
+                }
+                else if (isLocalAudioAttachment(attachment)) {
+                    return (React.createElement(AudioAttachmentPreview, { attachment: attachment, handleRetry: uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: removeAttachments }));
+                }
+                else if (isLocalMediaAttachment(attachment)) {
+                    return (React.createElement(VideoAttachmentPreview, { attachment: attachment, handleRetry: uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: removeAttachments }));
+                }
+                else if (isLocalImageAttachment(attachment)) {
+                    return (React.createElement(ImageAttachmentPreview, { attachment: attachment, handleRetry: uploadAttachment, key: attachment.localMetadata.id || attachment.image_url, removeAttachments: removeAttachments }));
+                }
+                else if (isLocalFileAttachment(attachment)) {
+                    return (React.createElement(FileAttachmentPreview, { attachment: attachment, handleRetry: uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: removeAttachments }));
+                }
+                else if (isLocalAttachment(attachment)) {
+                    return (React.createElement(UnsupportedAttachmentPreview, { attachment: attachment, handleRetry: uploadAttachment, key: attachment.localMetadata.id, removeAttachments: removeAttachments }));
+                }
+                return null;
+            }),
+            imageOrder.map(function (id) { return (React.createElement(ImageUploadPreviewAdapter, { id: id, key: id, Preview: ImageAttachmentPreview })); }),
+            fileOrder.map(function (id) { return (React.createElement(FileUploadPreviewAdapter, { id: id, key: id, Preview: FileAttachmentPreview })); }))));
+};

package/dist/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { AttachmentPreviewProps } from './types';
+import { LocalAttachmentCast, LocalAttachmentUploadMetadata } from '../types';
+import type { DefaultStreamChatGenerics } from '../../../types';
+type FileLikeAttachment = {
+    asset_url?: string;
+    mime_type?: string;
+    title?: string;
+};
+export type FileAttachmentPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, CustomLocalMetadata = Record<string, unknown>> = AttachmentPreviewProps<LocalAttachmentCast<FileLikeAttachment, LocalAttachmentUploadMetadata & CustomLocalMetadata>, StreamChatGenerics>;
+export declare const FileAttachmentPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: FileAttachmentPreviewProps<StreamChatGenerics, Record<string, unknown>>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=FileAttachmentPreview.d.ts.map

package/dist/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileAttachmentPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC3C,sBAAsB,CACxB,mBAAmB,CAAC,kBAAkB,EAAE,6BAA6B,GAAG,mBAAmB,CAAC,EAC5F,kBAAkB,CACnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mOAmDjC,CAAC"}

package/dist/components/MessageInput/AttachmentPreviewList/FileAttachmentPreview.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { FileIcon } from '../../ReactFileUtilities';
+import { CloseIcon, DownloadIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
+export var FileAttachmentPreview = function (_a) {
+    var _b, _c, _d, _e;
+    var attachment = _a.attachment, handleRetry = _a.handleRetry, removeAttachments = _a.removeAttachments;
+    return (React.createElement("div", { className: 'str-chat__attachment-preview-file', "data-testid": 'attachment-preview-file' },
+        React.createElement("div", { className: 'str-chat__attachment-preview-file-icon' },
+            React.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type, version: '2' })),
+        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: ((_b = attachment.localMetadata) === null || _b === void 0 ? void 0 : _b.uploadState) === 'uploading', onClick: function () { var _a, _b; return ((_a = attachment.localMetadata) === null || _a === void 0 ? void 0 : _a.id) && removeAttachments([(_b = attachment.localMetadata) === null || _b === void 0 ? void 0 : _b.id]); } },
+            React.createElement(CloseIcon, null)),
+        ((_c = attachment.localMetadata) === null || _c === void 0 ? void 0 : _c.uploadState) === 'failed' && !!handleRetry && (React.createElement("button", { className: 'str-chat__attachment-preview-error str-chat__attachment-preview-error-file', "data-testid": 'file-preview-item-retry-button', onClick: function () { return handleRetry(attachment); } },
+            React.createElement(RetryIcon, null))),
+        React.createElement("div", { className: 'str-chat__attachment-preview-file-end' },
+            React.createElement("div", { className: 'str-chat__attachment-preview-file-name', title: attachment.title }, attachment.title),
+            ((_d = attachment.localMetadata) === null || _d === void 0 ? void 0 : _d.uploadState) === 'finished' && !!attachment.asset_url && (React.createElement("a", { className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank' },
+                React.createElement(DownloadIcon, null))),
+            ((_e = attachment.localMetadata) === null || _e === void 0 ? void 0 : _e.uploadState) === 'uploading' && React.createElement(LoadingIndicatorIcon, { size: 17 }))));
+};

package/dist/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { AttachmentPreviewProps } from './types';
+import type { LocalImageAttachment } from '../types';
+import type { DefaultStreamChatGenerics } from '../../../types';
+export type ImageAttachmentPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, CustomLocalMetadata = Record<string, unknown>> = AttachmentPreviewProps<LocalImageAttachment<StreamChatGenerics, CustomLocalMetadata>, StreamChatGenerics>;
+export declare const ImageAttachmentPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: ImageAttachmentPreviewProps<StreamChatGenerics, Record<string, unknown>>) => React.JSX.Element;
+//# sourceMappingURL=ImageAttachmentPreview.d.ts.map

package/dist/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageAttachmentPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,2BAA2B,CACrC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC3C,sBAAsB,CACxB,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,EAC7D,kBAAkB,CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,oOAyDlC,CAAC"}

package/dist/components/MessageInput/AttachmentPreviewList/ImageAttachmentPreview.js

@@ -0,0 +1,23 @@
+import clsx from 'clsx';
+import { CloseIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
+import React, { useCallback, useState } from 'react';
+import { BaseImage as DefaultBaseImage } from '../../Gallery';
+import { useComponentContext } from '../../../context';
+export var ImageAttachmentPreview = function (_a) {
+    var _b;
+    var attachment = _a.attachment, handleRetry = _a.handleRetry, removeAttachments = _a.removeAttachments;
+    var _c = useComponentContext('ImagePreview').BaseImage, BaseImage = _c === void 0 ? DefaultBaseImage : _c;
+    var _d = useState(false), previewError = _d[0], setPreviewError = _d[1];
+    var _e = (_b = attachment.localMetadata) !== null && _b !== void 0 ? _b : {}, id = _e.id, uploadState = _e.uploadState;
+    var handleLoadError = useCallback(function () { return setPreviewError(true); }, []);
+    return (React.createElement("div", { className: clsx('str-chat__attachment-preview-image', {
+            'str-chat__attachment-preview-image--error': previewError,
+        }), "data-testid": 'attachment-preview-image' },
+        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'image-preview-item-delete-button', disabled: uploadState === 'uploading', onClick: function () { return id && removeAttachments([id]); } },
+            React.createElement(CloseIcon, null)),
+        uploadState === 'failed' && (React.createElement("button", { className: 'str-chat__attachment-preview-error str-chat__attachment-preview-error-image', "data-testid": 'image-preview-item-retry-button', onClick: function () { return handleRetry(attachment); } },
+            React.createElement(RetryIcon, null))),
+        uploadState === 'uploading' && (React.createElement("div", { className: 'str-chat__attachment-preview-image-loading' },
+            React.createElement(LoadingIndicatorIcon, { size: 17 }))),
+        attachment.image_url && (React.createElement(BaseImage, { alt: attachment.title, className: 'str-chat__attachment-preview-thumbnail', onError: handleLoadError, src: attachment.image_url, title: attachment.title }))));
+};

package/dist/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { AttachmentPreviewProps } from './types';
+import type { AnyLocalAttachment } from '../types';
+import type { DefaultStreamChatGenerics } from '../../../types';
+export type UnsupportedAttachmentPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, CustomLocalMetadata = Record<string, unknown>> = AttachmentPreviewProps<AnyLocalAttachment<StreamChatGenerics, CustomLocalMetadata>, StreamChatGenerics>;
+export declare const UnsupportedAttachmentPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: UnsupportedAttachmentPreviewProps<StreamChatGenerics, Record<string, unknown>>) => React.JSX.Element;
+//# sourceMappingURL=UnsupportedAttachmentPreview.d.ts.map

package/dist/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsupportedAttachmentPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,iCAAiC,CAC3C,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC3C,sBAAsB,CACxB,kBAAkB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,EAC3D,kBAAkB,CACnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,0OA4DxC,CAAC"}

package/dist/components/MessageInput/AttachmentPreviewList/UnsupportedAttachmentPreview.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CloseIcon, DownloadIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
+import { FileIcon } from '../../ReactFileUtilities';
+import { useTranslationContext } from '../../../context';
+export var UnsupportedAttachmentPreview = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var attachment = _a.attachment, handleRetry = _a.handleRetry, removeAttachments = _a.removeAttachments;
+    var t = useTranslationContext('UnsupportedAttachmentPreview').t;
+    var title = (_b = attachment.title) !== null && _b !== void 0 ? _b : t('Unsupported attachment');
+    return (React.createElement("div", { className: 'str-chat__attachment-preview-unsupported', "data-testid": 'attachment-preview-unknown' },
+        React.createElement("div", { className: 'str-chat__attachment-preview-file-icon' },
+            React.createElement(FileIcon, { filename: title, mimeType: attachment.mime_type, version: '2' })),
+        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: ((_c = attachment.localMetadata) === null || _c === void 0 ? void 0 : _c.uploadState) === 'uploading', onClick: function () { var _a, _b; return ((_a = attachment.localMetadata) === null || _a === void 0 ? void 0 : _a.id) && removeAttachments([(_b = attachment.localMetadata) === null || _b === void 0 ? void 0 : _b.id]); } },
+            React.createElement(CloseIcon, null)),
+        ((_d = attachment.localMetadata) === null || _d === void 0 ? void 0 : _d.uploadState) === 'failed' && !!handleRetry && (React.createElement("button", { className: 'str-chat__attachment-preview-error str-chat__attachment-preview-error-file', "data-testid": 'file-preview-item-retry-button', onClick: function () { return handleRetry(attachment); } },
+            React.createElement(RetryIcon, null))),
+        React.createElement("div", { className: 'str-chat__attachment-preview-metadata' },
+            React.createElement("div", { className: 'str-chat__attachment-preview-title', title: title }, title),
+            ((_e = attachment.localMetadata) === null || _e === void 0 ? void 0 : _e.uploadState) === 'finished' && !!attachment.asset_url && (React.createElement("a", { className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank' },
+                React.createElement(DownloadIcon, null))),
+            ((_f = attachment.localMetadata) === null || _f === void 0 ? void 0 : _f.uploadState) === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 })))));
+};

package/dist/components/MessageInput/AttachmentPreviewList/UploadPreviewItem.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentType } from 'react';
+import { FileAttachmentPreviewProps } from './FileAttachmentPreview';
+import { ImageAttachmentPreviewProps } from './ImageAttachmentPreview';
+import type { DefaultStreamChatGenerics } from '../../../types';
+type PreviewAdapterProps<P> = {
+    id: string;
+    Preview?: ComponentType<P>;
+};
+export declare const ImageUploadPreviewAdapter: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ id, Preview, }: PreviewAdapterProps<ImageAttachmentPreviewProps<StreamChatGenerics, Record<string, unknown>>>) => React.JSX.Element | null;
+export declare const FileUploadPreviewAdapter: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ id, Preview, }: PreviewAdapterProps<FileAttachmentPreviewProps>) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=UploadPreviewItem.d.ts.map

package/dist/components/MessageInput/AttachmentPreviewList/UploadPreviewItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreviewItem.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/AttachmentPreviewList/UploadPreviewItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAwB,MAAM,OAAO,CAAC;AACnE,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAG/F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,KAAK,mBAAmB,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AACzE,eAAO,MAAM,yBAAyB,iOA8CrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,uGAKlC,oBAAoB,0BAA0B,CAAC,6BA6CjD,CAAC"}

package/dist/components/MessageInput/AttachmentPreviewList/UploadPreviewItem.js

@@ -0,0 +1,61 @@
+import React, { useCallback, useMemo } from 'react';
+import { FileAttachmentPreview } from './FileAttachmentPreview';
+import { ImageAttachmentPreview } from './ImageAttachmentPreview';
+import { useMessageInputContext } from '../../../context';
+export var ImageUploadPreviewAdapter = function (_a) {
+    var id = _a.id, _b = _a.Preview, Preview = _b === void 0 ? ImageAttachmentPreview : _b;
+    var _c = useMessageInputContext('ImageUploadPreviewAdapter'), imageUploads = _c.imageUploads, removeImage = _c.removeImage, uploadImage = _c.uploadImage;
+    var removeAttachments = useCallback(function (ids) { return removeImage(ids[0]); }, [removeImage]);
+    var handleRetry = useCallback(function (attachment) {
+        return attachment.localMetadata && uploadImage(attachment.localMetadata.id);
+    }, [uploadImage]);
+    var image = imageUploads[id];
+    var attachment = useMemo(function () {
+        var _a;
+        // do not display scraped attachments
+        return !image || image.og_scrape_url
+            ? undefined
+            : {
+                image_url: (_a = image.previewUri) !== null && _a !== void 0 ? _a : image.url,
+                localMetadata: {
+                    file: image.file,
+                    id: id,
+                    uploadState: image.state,
+                },
+                title: image.file.name,
+                type: 'image',
+            };
+    }, [id, image]);
+    if (!attachment)
+        return null;
+    return (React.createElement(Preview, { attachment: attachment, handleRetry: handleRetry, removeAttachments: removeAttachments }));
+};
+export var FileUploadPreviewAdapter = function (_a) {
+    var id = _a.id, _b = _a.Preview, Preview = _b === void 0 ? FileAttachmentPreview : _b;
+    var _c = useMessageInputContext('FileUploadPreviewAdapter'), fileUploads = _c.fileUploads, removeFile = _c.removeFile, uploadFile = _c.uploadFile;
+    var removeAttachments = useCallback(function (ids) {
+        removeFile(ids[0]);
+    }, [removeFile]);
+    var handleRetry = useCallback(function (attachment) {
+        return attachment.localMetadata && uploadFile(attachment.localMetadata.id);
+    }, [uploadFile]);
+    var file = fileUploads[id];
+    var attachment = useMemo(function () {
+        return !file
+            ? undefined
+            : {
+                asset_url: file.url,
+                localMetadata: {
+                    file: file.file,
+                    id: id,
+                    uploadState: file.state,
+                },
+                mime_type: file.file.type,
+                title: file.file.name,
+                type: 'file',
+            };
+    }, [file, id]);
+    if (!attachment)
+        return null;
+    return (React.createElement(Preview, { attachment: attachment, handleRetry: handleRetry, removeAttachments: removeAttachments }));
+};

package/dist/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { AttachmentPreviewProps } from './types';
+import type { LocalVoiceRecordingAttachment } from '../types';
+import type { DefaultStreamChatGenerics } from '../../../types';
+export type VoiceRecordingPreviewProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, CustomLocalMetadata = Record<string, unknown>> = AttachmentPreviewProps<LocalVoiceRecordingAttachment<StreamChatGenerics, CustomLocalMetadata>, StreamChatGenerics>;
+export declare const VoiceRecordingPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: VoiceRecordingPreviewProps<StreamChatGenerics, Record<string, unknown>>) => React.JSX.Element;
+//# sourceMappingURL=VoiceRecordingPreview.d.ts.map

package/dist/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceRecordingPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/AttachmentPreviewList/VoiceRecordingPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC3C,sBAAsB,CACxB,6BAA6B,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,EACtE,kBAAkB,CACnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mOA0DjC,CAAC"}