stream-chat-react 11.22.0 → 12.0.0-rc.2

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

@@ -6,12 +6,11 @@ import { FileUploadPreviewAdapter, ImageUploadPreviewAdapter } from './UploadPre
 import { ImageAttachmentPreview as DefaultImagePreview, } from './ImageAttachmentPreview';
 import { isLocalAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalImageAttachment, isLocalMediaAttachment, isLocalVoiceRecordingAttachment, isScrapedContent, } 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;
+export const AttachmentPreviewList = ({ AudioAttachmentPreview = DefaultFilePreview, FileAttachmentPreview = DefaultFilePreview, ImageAttachmentPreview = DefaultImagePreview, UnsupportedAttachmentPreview = DefaultUnknownAttachmentPreview, VideoAttachmentPreview = DefaultFilePreview, VoiceRecordingPreview = DefaultVoiceRecordingPreview, }) => {
+    const { attachments, fileOrder, imageOrder, removeAttachments, uploadAttachment, } = useMessageInputContext('AttachmentPreviewList');
     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) {
+            attachments.map((attachment) => {
                 if (isScrapedContent(attachment))
                     return null;
                 if (isLocalVoiceRecordingAttachment(attachment)) {
@@ -34,6 +33,6 @@ export var AttachmentPreviewList = function (_a) {
                 }
                 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 })); }))));
+            imageOrder.map((id) => (React.createElement(ImageUploadPreviewAdapter, { id: id, key: id, Preview: ImageAttachmentPreview }))),
+            fileOrder.map((id) => (React.createElement(FileUploadPreviewAdapter, { id: id, key: id, Preview: FileAttachmentPreview }))))));
 };

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

@@ -8,6 +8,5 @@ type FileLikeAttachment = {
     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 declare const FileAttachmentPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: FileAttachmentPreviewProps<StreamChatGenerics>) => React.JSX.Element;
 export {};
-//# sourceMappingURL=FileAttachmentPreview.d.ts.map

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

@@ -1,19 +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;
+import { useTranslationContext } from '../../../context';
+export const FileAttachmentPreview = ({ attachment, handleRetry, removeAttachments, }) => {
+    const { t } = useTranslationContext('FilePreview');
     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(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type })),
+        React.createElement("button", { "aria-label": t('aria/Remove attachment'), className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.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); } },
+        attachment.localMetadata?.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: () => 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' },
+            attachment.localMetadata?.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 }))));
+            attachment.localMetadata?.uploadState === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 })))));
 };

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

@@ -3,5 +3,4 @@ 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
+export declare const ImageAttachmentPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: ImageAttachmentPreviewProps<StreamChatGenerics>) => React.JSX.Element;

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

@@ -2,20 +2,19 @@ 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); }, []);
+import { useComponentContext, useTranslationContext } from '../../../context';
+export const ImageAttachmentPreview = ({ attachment, handleRetry, removeAttachments, }) => {
+    const { t } = useTranslationContext('ImagePreviewItem');
+    const { BaseImage = DefaultBaseImage } = useComponentContext('ImagePreview');
+    const [previewError, setPreviewError] = useState(false);
+    const { id, uploadState } = attachment.localMetadata ?? {};
+    const handleLoadError = useCallback(() => 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("button", { "aria-label": t('aria/Remove attachment'), className: 'str-chat__attachment-preview-delete', "data-testid": 'image-preview-item-delete-button', disabled: uploadState === 'uploading', onClick: () => 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); } },
+        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: () => handleRetry(attachment) },
             React.createElement(RetryIcon, null))),
         uploadState === 'uploading' && (React.createElement("div", { className: 'str-chat__attachment-preview-image-loading' },
             React.createElement(LoadingIndicatorIcon, { size: 17 }))),

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

@@ -3,5 +3,4 @@ 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
+export declare const UnsupportedAttachmentPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: UnsupportedAttachmentPreviewProps<StreamChatGenerics>) => React.JSX.Element;

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

@@ -2,21 +2,19 @@ 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');
+export const UnsupportedAttachmentPreview = ({ attachment, handleRetry, removeAttachments, }) => {
+    const { t } = useTranslationContext('UnsupportedAttachmentPreview');
+    const title = attachment.title ?? 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(FileIcon, { filename: title, mimeType: attachment.mime_type })),
+        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata?.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); } },
+        attachment.localMetadata?.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: () => 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' },
+            attachment.localMetadata?.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 })))));
+            attachment.localMetadata?.uploadState === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 })))));
 };

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

@@ -6,7 +6,6 @@ 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 ImageUploadPreviewAdapter: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ id, Preview, }: PreviewAdapterProps<ImageAttachmentPreviewProps<StreamChatGenerics>>) => 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.js

@@ -2,59 +2,49 @@ 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]);
+export const ImageUploadPreviewAdapter = ({ id, Preview = ImageAttachmentPreview, }) => {
+    const { imageUploads, removeImage, uploadImage } = useMessageInputContext('ImageUploadPreviewAdapter');
+    const removeAttachments = useCallback((ids) => removeImage(ids[0]), [removeImage]);
+    const handleRetry = useCallback((attachment) => attachment.localMetadata && uploadImage(attachment.localMetadata.id), [uploadImage]);
+    const image = imageUploads[id];
+    const attachment = useMemo(() => 
+    // do not display scraped attachments
+    !image || image.og_scrape_url
+        ? undefined
+        : {
+            image_url: image.previewUri ?? image.url,
+            localMetadata: {
+                file: image.file,
+                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) {
+export const FileUploadPreviewAdapter = ({ id, Preview = FileAttachmentPreview, }) => {
+    const { fileUploads, removeFile, uploadFile } = useMessageInputContext('FileUploadPreviewAdapter');
+    const removeAttachments = useCallback((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]);
+    const handleRetry = useCallback((attachment) => attachment.localMetadata && uploadFile(attachment.localMetadata.id), [uploadFile]);
+    const file = fileUploads[id];
+    const attachment = useMemo(() => !file
+        ? undefined
+        : {
+            asset_url: file.url,
+            localMetadata: {
+                file: file.file,
+                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

@@ -3,5 +3,4 @@ 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
+export declare const VoiceRecordingPreview: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ attachment, handleRetry, removeAttachments, }: VoiceRecordingPreviewProps<StreamChatGenerics>) => React.JSX.Element;

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

@@ -4,24 +4,22 @@ import { RecordingTimer } from '../../MediaRecorder';
 import { CloseIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
 import { FileIcon } from '../../ReactFileUtilities';
 import { useAudioController } from '../../Attachment/hooks/useAudioController';
-export var VoiceRecordingPreview = function (_a) {
-    var _b, _c, _d;
-    var attachment = _a.attachment, handleRetry = _a.handleRetry, removeAttachments = _a.removeAttachments;
-    var _e = useAudioController({
+export const VoiceRecordingPreview = ({ attachment, handleRetry, removeAttachments, }) => {
+    const { audioRef, isPlaying, secondsElapsed, togglePlay } = useAudioController({
         mimeType: attachment.mime_type,
-    }), audioRef = _e.audioRef, isPlaying = _e.isPlaying, secondsElapsed = _e.secondsElapsed, togglePlay = _e.togglePlay;
+    });
     return (React.createElement("div", { className: 'str-chat__attachment-preview-voice-recording', "data-testid": 'attachment-preview-voice-recording' },
         React.createElement("audio", { ref: audioRef },
             React.createElement("source", { "data-testid": 'audio-source', src: attachment.asset_url, type: attachment.mime_type })),
         React.createElement(PlayButton, { isPlaying: isPlaying, onClick: togglePlay }),
-        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; return ((_a = attachment.localMetadata) === null || _a === void 0 ? void 0 : _a.id) && removeAttachments([attachment.localMetadata.id]); } },
+        React.createElement("button", { className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: attachment.localMetadata?.uploadState === 'uploading', onClick: () => attachment.localMetadata?.id && removeAttachments([attachment.localMetadata.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); } },
+        attachment.localMetadata?.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: () => handleRetry(attachment) },
             React.createElement(RetryIcon, null))),
         React.createElement("div", { className: 'str-chat__attachment-preview-metadata' },
             React.createElement("div", { className: 'str-chat__attachment-preview-file-name', title: attachment.title }, attachment.title),
             typeof attachment.duration !== 'undefined' && (React.createElement(RecordingTimer, { durationSeconds: secondsElapsed || attachment.duration })),
-            ((_d = attachment.localMetadata) === null || _d === void 0 ? void 0 : _d.uploadState) === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 }))),
+            attachment.localMetadata?.uploadState === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 }))),
         React.createElement("div", { className: 'str-chat__attachment-preview-file-icon' },
-            React.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type, version: '2' }))));
+            React.createElement(FileIcon, { filename: attachment.title, mimeType: attachment.mime_type }))));
 };

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

@@ -4,4 +4,3 @@ export type { ImageAttachmentPreviewProps } from './ImageAttachmentPreview';
 export type { AttachmentPreviewProps } from './types';
 export type { UnsupportedAttachmentPreviewProps } from './UnsupportedAttachmentPreview';
 export type { VoiceRecordingPreviewProps } from './VoiceRecordingPreview';
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,4 +5,3 @@ export type AttachmentPreviewProps<A extends LocalAttachment, StreamChatGenerics
     handleRetry: (attachment: LocalAttachment<StreamChatGenerics>) => void | Promise<LocalAttachment<StreamChatGenerics> | undefined>;
     removeAttachments: (ids: string[]) => void;
 };
-//# sourceMappingURL=types.d.ts.map

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

@@ -4,4 +4,3 @@ export type CooldownTimerProps = {
     setCooldownRemaining: React.Dispatch<React.SetStateAction<number | undefined>>;
 };
 export declare const CooldownTimer: ({ cooldownInterval }: CooldownTimerProps) => React.JSX.Element;
-//# sourceMappingURL=CooldownTimer.d.ts.map

package/dist/components/MessageInput/CooldownTimer.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { useTimer } from './hooks/useTimer';
-export var CooldownTimer = function (_a) {
-    var cooldownInterval = _a.cooldownInterval;
-    var secondsLeft = useTimer({ startFrom: cooldownInterval });
+export const CooldownTimer = ({ cooldownInterval }) => {
+    const secondsLeft = useTimer({ startFrom: cooldownInterval });
     return (React.createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, secondsLeft));
 };

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

@@ -33,4 +33,3 @@ export type TriggerSettings<StreamChatGenerics extends DefaultStreamChatGenerics
     '@': UserTriggerSetting<StreamChatGenerics>;
 };
 export declare const DefaultTriggerProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, }: PropsWithChildren<Record<string, unknown>>) => React.JSX.Element;
-//# sourceMappingURL=DefaultTriggerProvider.d.ts.map

package/dist/components/MessageInput/DefaultTriggerProvider.js

@@ -1,13 +1,11 @@
-import { __assign } from "tslib";
 import React from 'react';
 import { useCommandTrigger } from './hooks/useCommandTrigger';
 import { useEmojiTrigger } from './hooks/useEmojiTrigger';
 import { useUserTrigger } from './hooks/useUserTrigger';
 import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
-export var DefaultTriggerProvider = function (_a) {
-    var children = _a.children;
-    var currentValue = useMessageInputContext('DefaultTriggerProvider');
-    var defaultAutocompleteTriggers = {
+export const DefaultTriggerProvider = ({ children, }) => {
+    const currentValue = useMessageInputContext('DefaultTriggerProvider');
+    const defaultAutocompleteTriggers = {
         '/': useCommandTrigger(),
         ':': useEmojiTrigger(currentValue.emojiSearchIndex),
         '@': useUserTrigger({
@@ -18,6 +16,9 @@ export var DefaultTriggerProvider = function (_a) {
             useMentionsTransliteration: currentValue.useMentionsTransliteration,
         }),
     };
-    var newValue = __assign(__assign({}, currentValue), { autocompleteTriggers: defaultAutocompleteTriggers });
+    const newValue = {
+        ...currentValue,
+        autocompleteTriggers: defaultAutocompleteTriggers,
+    };
     return React.createElement(MessageInputContextProvider, { value: newValue }, children);
 };

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

@@ -1,5 +1,4 @@
 import React, { PropsWithChildren } from 'react';
 import type { MessageInputProps } from './MessageInput';
 import type { CustomTrigger, DefaultStreamChatGenerics } from '../../types/types';
-export declare const DropzoneProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: React.PropsWithChildren<MessageInputProps<StreamChatGenerics, V>>) => React.JSX.Element;
-//# sourceMappingURL=DropzoneProvider.d.ts.map
+export declare const DropzoneProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: PropsWithChildren<MessageInputProps<StreamChatGenerics, V>>) => React.JSX.Element;

package/dist/components/MessageInput/DropzoneProvider.js

@@ -1,4 +1,3 @@
-import { __assign } from "tslib";
 import React from 'react';
 import { ImageDropzone } from '../ReactFileUtilities';
 import { useCooldownTimer } from './hooks/useCooldownTimer';
@@ -6,16 +5,19 @@ import { useCreateMessageInputContext } from './hooks/useCreateMessageInputConte
 import { useMessageInputState } from './hooks/useMessageInputState';
 import { useChannelStateContext } from '../../context/ChannelStateContext';
 import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
-var DropzoneInner = function (_a) {
-    var children = _a.children;
-    var _b = useChannelStateContext('DropzoneProvider'), acceptedFiles = _b.acceptedFiles, multipleUploads = _b.multipleUploads;
-    var _c = useMessageInputContext('DropzoneProvider'), cooldownRemaining = _c.cooldownRemaining, isUploadEnabled = _c.isUploadEnabled, maxFilesLeft = _c.maxFilesLeft, uploadNewFiles = _c.uploadNewFiles;
+const DropzoneInner = ({ children, }) => {
+    const { acceptedFiles, multipleUploads } = useChannelStateContext('DropzoneProvider');
+    const { cooldownRemaining, isUploadEnabled, maxFilesLeft, uploadNewFiles, } = useMessageInputContext('DropzoneProvider');
     return (React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0 || !!cooldownRemaining, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads }, children));
 };
-export var DropzoneProvider = function (props) {
-    var cooldownTimerState = useCooldownTimer();
-    var messageInputState = useMessageInputState(props);
-    var messageInputContextValue = useCreateMessageInputContext(__assign(__assign(__assign({}, cooldownTimerState), messageInputState), props));
+export const DropzoneProvider = (props) => {
+    const cooldownTimerState = useCooldownTimer();
+    const messageInputState = useMessageInputState(props);
+    const messageInputContextValue = useCreateMessageInputContext({
+        ...cooldownTimerState,
+        ...messageInputState,
+        ...props,
+    });
     return (React.createElement(MessageInputContextProvider, { value: messageInputContextValue },
         React.createElement(DropzoneInner, null, props.children)));
 };

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

@@ -1,4 +1,3 @@
 import React from 'react';
 import type { CustomTrigger, DefaultStreamChatGenerics } from '../../types/types';
 export declare const EditMessageForm: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>() => React.JSX.Element;
-//# sourceMappingURL=EditMessageForm.d.ts.map

package/dist/components/MessageInput/EditMessageForm.js

@@ -1,47 +1,20 @@
 import React, { useEffect } from 'react';
-import { FileUploadButton, ImageDropzone } from '../ReactFileUtilities';
-import { FileUploadIcon as DefaultFileUploadIcon } from './icons';
-import { UploadsPreview } from './UploadsPreview';
-import { ChatAutoComplete } from '../ChatAutoComplete/ChatAutoComplete';
-import { Tooltip } from '../Tooltip/Tooltip';
 import { MessageInputFlat } from './MessageInputFlat';
-import { useChannelStateContext, useChatContext, useComponentContext, useMessageInputContext, useTranslationContext, } from '../../context';
-export var EditMessageForm = function () {
-    var _a = useChannelStateContext('EditMessageForm'), acceptedFiles = _a.acceptedFiles, multipleUploads = _a.multipleUploads;
-    var t = useTranslationContext('EditMessageForm').t;
-    var _b = useMessageInputContext('EditMessageForm'), clearEditingState = _b.clearEditingState, handleSubmit = _b.handleSubmit, isUploadEnabled = _b.isUploadEnabled, maxFilesLeft = _b.maxFilesLeft, uploadNewFiles = _b.uploadNewFiles;
-    var _c = useComponentContext('EditMessageForm'), _d = _c.FileUploadIcon, FileUploadIcon = _d === void 0 ? DefaultFileUploadIcon : _d, EmojiPicker = _c.EmojiPicker;
-    var themeVersion = useChatContext('EditMessageForm').themeVersion;
-    useEffect(function () {
-        var onKeyDown = function (event) {
+import { useMessageInputContext, useTranslationContext } from '../../context';
+export const EditMessageForm = () => {
+    const { t } = useTranslationContext('EditMessageForm');
+    const { clearEditingState, handleSubmit } = useMessageInputContext('EditMessageForm');
+    useEffect(() => {
+        const onKeyDown = (event) => {
             if (event.key === 'Escape')
-                clearEditingState === null || clearEditingState === void 0 ? void 0 : clearEditingState();
+                clearEditingState?.();
         };
         document.addEventListener('keydown', onKeyDown);
-        return function () { return document.removeEventListener('keydown', onKeyDown); };
+        return () => document.removeEventListener('keydown', onKeyDown);
     }, [clearEditingState]);
-    if (themeVersion === '2')
-        return (React.createElement("form", { className: 'str-chat__edit-message-form', onSubmit: handleSubmit },
-            React.createElement(MessageInputFlat, null),
-            React.createElement("div", { className: 'str-chat__edit-message-form-options' },
-                React.createElement("button", { className: 'str-chat__edit-message-cancel', "data-testid": 'cancel-button', onClick: clearEditingState }, t('Cancel')),
-                React.createElement("button", { className: 'str-chat__edit-message-send', "data-testid": 'send-button', type: 'submit' }, t('Send')))));
-    return (React.createElement("div", { className: 'str-chat__edit-message-form' },
-        React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads },
-            React.createElement("form", { onSubmit: handleSubmit },
-                isUploadEnabled && React.createElement(UploadsPreview, null),
-                React.createElement(ChatAutoComplete, null),
-                React.createElement("div", { className: 'str-chat__message-team-form-footer' },
-                    React.createElement("div", { className: 'str-chat__edit-message-form-options' },
-                        EmojiPicker && React.createElement(EmojiPicker, null),
-                        isUploadEnabled && (React.createElement("div", { className: 'str-chat__fileupload-wrapper', "data-testid": 'fileinput' },
-                            React.createElement(Tooltip, null, maxFilesLeft
-                                ? t('Attach files')
-                                : t("You've reached the maximum number of files")),
-                            React.createElement(FileUploadButton, { accepts: acceptedFiles, disabled: maxFilesLeft === 0, handleFiles: uploadNewFiles, multiple: multipleUploads },
-                                React.createElement("span", { className: 'str-chat__input-fileupload' },
-                                    React.createElement(FileUploadIcon, null)))))),
-                    React.createElement("div", null,
-                        React.createElement("button", { className: 'str-chat__edit-message-cancel', onClick: clearEditingState }, t('Cancel')),
-                        React.createElement("button", { className: 'str-chat__edit-message-send', type: 'submit' }, t('Send'))))))));
+    return (React.createElement("form", { className: 'str-chat__edit-message-form', onSubmit: handleSubmit },
+        React.createElement(MessageInputFlat, null),
+        React.createElement("div", { className: 'str-chat__edit-message-form-options' },
+            React.createElement("button", { className: 'str-chat__edit-message-cancel', "data-testid": 'cancel-button', onClick: clearEditingState }, t('Cancel')),
+            React.createElement("button", { className: 'str-chat__edit-message-send', "data-testid": 'send-button-edit-form', type: 'submit' }, t('Send')))));
 };

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

@@ -4,4 +4,3 @@ export type LinkPreviewListProps = {
     linkPreviews: LinkPreview[];
 };
 export declare const LinkPreviewList: ({ linkPreviews }: LinkPreviewListProps) => React.JSX.Element | null;
-//# sourceMappingURL=LinkPreviewList.d.ts.map

package/dist/components/MessageInput/LinkPreviewList.js

@@ -5,21 +5,17 @@ import { LinkPreviewState } from './types';
 import { CloseIcon, LinkIcon } from './icons';
 import { PopperTooltip } from '../Tooltip';
 import { useEnterLeaveHandlers } from '../Tooltip/hooks';
-export var LinkPreviewList = function (_a) {
-    var linkPreviews = _a.linkPreviews;
-    var quotedMessage = useChannelStateContext().quotedMessage;
-    var showLinkPreviews = linkPreviews.length > 0 && !quotedMessage;
+export const LinkPreviewList = ({ linkPreviews }) => {
+    const { quotedMessage } = useChannelStateContext();
+    const showLinkPreviews = linkPreviews.length > 0 && !quotedMessage;
     if (!showLinkPreviews)
         return null;
-    return (React.createElement("div", { className: 'str-chat__link-preview-list' }, Array.from(linkPreviews.values()).map(function (linkPreview) {
-        return linkPreview.state === LinkPreviewState.LOADED ? (React.createElement(LinkPreviewCard, { key: linkPreview.og_scrape_url, linkPreview: linkPreview })) : null;
-    })));
+    return (React.createElement("div", { className: 'str-chat__link-preview-list' }, Array.from(linkPreviews.values()).map((linkPreview) => linkPreview.state === LinkPreviewState.LOADED ? (React.createElement(LinkPreviewCard, { key: linkPreview.og_scrape_url, linkPreview: linkPreview })) : null)));
 };
-var LinkPreviewCard = function (_a) {
-    var linkPreview = _a.linkPreview;
-    var dismissLinkPreview = useMessageInputContext().dismissLinkPreview;
-    var _b = useEnterLeaveHandlers(), handleEnter = _b.handleEnter, handleLeave = _b.handleLeave, tooltipVisible = _b.tooltipVisible;
-    var _c = useState(null), referenceElement = _c[0], setReferenceElement = _c[1];
+const LinkPreviewCard = ({ linkPreview }) => {
+    const { dismissLinkPreview } = useMessageInputContext();
+    const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
+    const [referenceElement, setReferenceElement] = useState(null);
     return (React.createElement("div", { className: clsx('str-chat__link-preview-card', {
             'str-chat__link-preview-card--loading': linkPreview.state === LinkPreviewState.LOADING,
         }), "data-testid": 'link-preview-card' },
@@ -29,6 +25,6 @@ var LinkPreviewCard = function (_a) {
         React.createElement("div", { className: 'str-chat__link-preview-card__content' },
             React.createElement("div", { className: 'str-chat__link-preview-card__content-title' }, linkPreview.title),
             React.createElement("div", { className: 'str-chat__link-preview-card__content-description' }, linkPreview.text)),
-        React.createElement("button", { className: 'str-chat__link-preview-card__dismiss-button', "data-testid": 'link-preview-card-dismiss-btn', onClick: function () { return dismissLinkPreview(linkPreview); } },
+        React.createElement("button", { className: 'str-chat__link-preview-card__dismiss-button', "data-testid": 'link-preview-card-dismiss-btn', onClick: () => dismissLinkPreview(linkPreview) },
             React.createElement(CloseIcon, null))));
 };

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

@@ -95,4 +95,3 @@ export type MessageInputProps<StreamChatGenerics extends DefaultStreamChatGeneri
  * A high level component that has provides all functionality to the Input it renders.
  */
 export declare const MessageInput: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>) => React.JSX.Element;
-//# sourceMappingURL=MessageInput.d.ts.map