stream-chat-react 11.21.0 → 12.0.0-rc.1

package/dist/components/Attachment/components/WaveProgressBar.js

@@ -1,54 +1,49 @@
-import { __assign } from "tslib";
 import React, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import clsx from 'clsx';
 import { resampleWaveformData } from '../audioSampling';
-export var WaveProgressBar = function (_a) {
-    var _b = _a.amplitudesCount, amplitudesCount = _b === void 0 ? 40 : _b, _c = _a.progress, progress = _c === void 0 ? 0 : _c, seek = _a.seek, waveformData = _a.waveformData;
-    var _d = useState(null), progressIndicator = _d[0], setProgressIndicator = _d[1];
-    var isDragging = useRef(false);
-    var rootRef = useRef(null);
-    var handleDragStart = function (e) {
+export const WaveProgressBar = ({ amplitudesCount = 40, progress = 0, seek, waveformData, }) => {
+    const [progressIndicator, setProgressIndicator] = useState(null);
+    const isDragging = useRef(false);
+    const rootRef = useRef(null);
+    const handleDragStart = (e) => {
         e.preventDefault();
         if (!progressIndicator)
             return;
         isDragging.current = true;
         progressIndicator.style.cursor = 'grabbing';
     };
-    var handleDrag = function (e) {
+    const handleDrag = (e) => {
         if (!isDragging.current)
             return;
         // Due to throttling of seek, it is necessary to create a copy (snapshot) of the event.
         // Otherwise, the event would be nullified at the point when the throttled function is executed.
-        seek(__assign({}, e));
+        seek({ ...e });
     };
-    var handleDragStop = useCallback(function () {
+    const handleDragStop = useCallback(() => {
         if (!progressIndicator)
             return;
         isDragging.current = false;
         progressIndicator.style.removeProperty('cursor');
     }, [progressIndicator]);
-    var resampledWaveformData = useMemo(function () { return resampleWaveformData(waveformData, amplitudesCount); }, [
+    const resampledWaveformData = useMemo(() => resampleWaveformData(waveformData, amplitudesCount), [
         amplitudesCount,
         waveformData,
     ]);
-    useEffect(function () {
+    useEffect(() => {
         document.addEventListener('pointerup', handleDragStop);
-        return function () {
+        return () => {
             document.removeEventListener('pointerup', handleDragStop);
         };
     }, [handleDragStop]);
     if (!waveformData.length)
         return null;
     return (React.createElement("div", { className: 'str-chat__wave-progress-bar__track', "data-testid": 'wave-progress-bar-track', onClick: seek, onPointerDown: handleDragStart, onPointerMove: handleDrag, onPointerUp: handleDragStop, ref: rootRef, role: 'progressbar' },
-        resampledWaveformData.map(function (amplitude, i) {
-            var _a;
-            return (React.createElement("div", { className: clsx('str-chat__wave-progress-bar__amplitude-bar', (_a = {},
-                    _a['str-chat__wave-progress-bar__amplitude-bar--active'] = progress > (i / resampledWaveformData.length) * 100,
-                    _a)), "data-testid": 'amplitude-bar', key: "amplitude-".concat(i), style: {
-                    '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude
-                        ? amplitude * 100 + '%'
-                        : '0%',
-                } }));
-        }),
-        React.createElement("div", { className: 'str-chat__wave-progress-bar__progress-indicator', "data-testid": 'wave-progress-bar-progress-indicator', ref: setProgressIndicator, style: { left: "".concat(progress < 0 ? 0 : progress > 100 ? 100 : progress, "%") } })));
+        resampledWaveformData.map((amplitude, i) => (React.createElement("div", { className: clsx('str-chat__wave-progress-bar__amplitude-bar', {
+                ['str-chat__wave-progress-bar__amplitude-bar--active']: progress > (i / resampledWaveformData.length) * 100,
+            }), "data-testid": 'amplitude-bar', key: `amplitude-${i}`, style: {
+                '--str-chat__wave-progress-bar__amplitude-bar-height': amplitude
+                    ? amplitude * 100 + '%'
+                    : '0%',
+            } }))),
+        React.createElement("div", { className: 'str-chat__wave-progress-bar__progress-indicator', "data-testid": 'wave-progress-bar-progress-indicator', ref: setProgressIndicator, style: { left: `${progress < 0 ? 0 : progress > 100 ? 100 : progress}%` } })));
 };

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

@@ -4,4 +4,3 @@ export * from './ProgressBar';
 export * from './PlaybackRateButton';
 export * from './PlayButton';
 export * from './WaveProgressBar';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Attachment/hooks/useAudioController.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const elementIsPlaying: (audioElement: HTMLAudioElement | null) => boolean | null;
 export type SeekFn = (params: {
     clientX: number;
@@ -24,4 +25,3 @@ export declare const useAudioController: ({ durationSeconds, mimeType, playbackR
     togglePlay: () => Promise<void>;
 };
 export {};
-//# sourceMappingURL=useAudioController.d.ts.map

package/dist/components/Attachment/hooks/useAudioController.js

@@ -1,129 +1,108 @@
-import { __awaiter, __generator } from "tslib";
 import throttle from 'lodash.throttle';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useChannelActionContext, useTranslationContext } from '../../../context';
-var isSeekable = function (audioElement) {
-    return !(audioElement.duration === Infinity || isNaN(audioElement.duration));
-};
-export var elementIsPlaying = function (audioElement) {
-    return audioElement && !(audioElement.paused || audioElement.ended);
-};
-var logError = function (e) { return console.error('[AUDIO PLAYER]', e); };
-var DEFAULT_PLAYBACK_RATES = [1.0, 1.5, 2.0];
-export var useAudioController = function (_a) {
-    var _b = _a === void 0 ? {} : _a, durationSeconds = _b.durationSeconds, mimeType = _b.mimeType, _c = _b.playbackRates, playbackRates = _c === void 0 ? DEFAULT_PLAYBACK_RATES : _c;
-    var addNotification = useChannelActionContext('useAudioController').addNotification;
-    var t = useTranslationContext('useAudioController').t;
-    var _d = useState(false), isPlaying = _d[0], setIsPlaying = _d[1];
-    var _e = useState(), playbackError = _e[0], setPlaybackError = _e[1];
-    var _f = useState(true), canPlayRecord = _f[0], setCanPlayRecord = _f[1];
-    var _g = useState(0), secondsElapsed = _g[0], setSecondsElapsed = _g[1];
-    var _h = useState(0), playbackRateIndex = _h[0], setPlaybackRateIndex = _h[1];
-    var playTimeout = useRef();
-    var audioRef = useRef(null);
-    var registerError = useCallback(function (e) {
+const isSeekable = (audioElement) => !(audioElement.duration === Infinity || isNaN(audioElement.duration));
+export const elementIsPlaying = (audioElement) => audioElement && !(audioElement.paused || audioElement.ended);
+const logError = (e) => console.error('[AUDIO PLAYER]', e);
+const DEFAULT_PLAYBACK_RATES = [1.0, 1.5, 2.0];
+export const useAudioController = ({ durationSeconds, mimeType, playbackRates = DEFAULT_PLAYBACK_RATES, } = {}) => {
+    const { addNotification } = useChannelActionContext('useAudioController');
+    const { t } = useTranslationContext('useAudioController');
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [playbackError, setPlaybackError] = useState();
+    const [canPlayRecord, setCanPlayRecord] = useState(true);
+    const [secondsElapsed, setSecondsElapsed] = useState(0);
+    const [playbackRateIndex, setPlaybackRateIndex] = useState(0);
+    const playTimeout = useRef();
+    const audioRef = useRef(null);
+    const registerError = useCallback((e) => {
         logError(e);
         setPlaybackError(e);
         addNotification(e.message, 'error');
     }, [addNotification]);
-    var togglePlay = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!audioRef.current)
-                        return [2 /*return*/];
-                    clearTimeout(playTimeout.current);
-                    playTimeout.current = undefined;
-                    if (mimeType && !audioRef.current.canPlayType(mimeType)) {
-                        registerError(new Error(t('Recording format is not supported and cannot be reproduced')));
-                        setCanPlayRecord(false);
-                        return [2 /*return*/];
-                    }
-                    if (!elementIsPlaying(audioRef.current)) return [3 /*break*/, 1];
+    const togglePlay = useCallback(async () => {
+        if (!audioRef.current)
+            return;
+        clearTimeout(playTimeout.current);
+        playTimeout.current = undefined;
+        if (mimeType && !audioRef.current.canPlayType(mimeType)) {
+            registerError(new Error(t('Recording format is not supported and cannot be reproduced')));
+            setCanPlayRecord(false);
+            return;
+        }
+        if (elementIsPlaying(audioRef.current)) {
+            audioRef.current.pause();
+            setIsPlaying(false);
+        }
+        else {
+            playTimeout.current = setTimeout(() => {
+                if (!audioRef.current)
+                    return;
+                try {
                     audioRef.current.pause();
                     setIsPlaying(false);
-                    return [3 /*break*/, 6];
-                case 1:
-                    playTimeout.current = setTimeout(function () {
-                        if (!audioRef.current)
-                            return;
-                        try {
-                            audioRef.current.pause();
-                            setIsPlaying(false);
-                        }
-                        catch (e) {
-                            registerError(new Error(t('Failed to play the recording')));
-                        }
-                    }, 2000);
-                    _a.label = 2;
-                case 2:
-                    _a.trys.push([2, 4, 5, 6]);
-                    return [4 /*yield*/, audioRef.current.play()];
-                case 3:
-                    _a.sent();
-                    setIsPlaying(true);
-                    return [3 /*break*/, 6];
-                case 4:
-                    e_1 = _a.sent();
-                    registerError(e_1);
-                    setIsPlaying(false);
-                    return [3 /*break*/, 6];
-                case 5:
-                    clearTimeout(playTimeout.current);
-                    playTimeout.current = undefined;
-                    return [7 /*endfinally*/];
-                case 6: return [2 /*return*/];
+                }
+                catch (e) {
+                    registerError(new Error(t('Failed to play the recording')));
+                }
+            }, 2000);
+            try {
+                await audioRef.current.play();
+                setIsPlaying(true);
             }
-        });
-    }); }, [mimeType, registerError, t]);
-    var increasePlaybackRate = function () {
-        setPlaybackRateIndex(function (prev) {
+            catch (e) {
+                registerError(e);
+                setIsPlaying(false);
+            }
+            finally {
+                clearTimeout(playTimeout.current);
+                playTimeout.current = undefined;
+            }
+        }
+    }, [mimeType, registerError, t]);
+    const increasePlaybackRate = () => {
+        setPlaybackRateIndex((prev) => {
             if (!audioRef.current)
                 return prev;
-            var nextIndex = prev === playbackRates.length - 1 ? 0 : prev + 1;
+            const nextIndex = prev === playbackRates.length - 1 ? 0 : prev + 1;
             audioRef.current.playbackRate = playbackRates[nextIndex];
             return nextIndex;
         });
     };
-    var seek = useMemo(function () {
-        return throttle(function (_a) {
-            var clientX = _a.clientX, currentTarget = _a.currentTarget;
-            if (!(currentTarget && audioRef.current))
-                return;
-            if (!isSeekable(audioRef.current)) {
-                registerError(new Error(t('Cannot seek in the recording')));
-                return;
-            }
-            var _b = currentTarget.getBoundingClientRect(), width = _b.width, x = _b.x;
-            var ratio = (clientX - x) / width;
-            if (ratio > 1 || ratio < 0)
-                return;
-            var currentTime = ratio * audioRef.current.duration;
-            setSecondsElapsed(currentTime);
-            audioRef.current.currentTime = currentTime;
-        }, 16);
-    }, [registerError, t]);
-    useEffect(function () {
+    const seek = useMemo(() => throttle(({ clientX, currentTarget }) => {
+        if (!(currentTarget && audioRef.current))
+            return;
+        if (!isSeekable(audioRef.current)) {
+            registerError(new Error(t('Cannot seek in the recording')));
+            return;
+        }
+        const { width, x } = currentTarget.getBoundingClientRect();
+        const ratio = (clientX - x) / width;
+        if (ratio > 1 || ratio < 0)
+            return;
+        const currentTime = ratio * audioRef.current.duration;
+        setSecondsElapsed(currentTime);
+        audioRef.current.currentTime = currentTime;
+    }, 16), [registerError, t]);
+    useEffect(() => {
         if (!audioRef.current)
             return;
-        var audioElement = audioRef.current;
-        var handleEnded = function () {
-            var _a, _b;
-            setSecondsElapsed((_b = (_a = audioElement === null || audioElement === void 0 ? void 0 : audioElement.duration) !== null && _a !== void 0 ? _a : durationSeconds) !== null && _b !== void 0 ? _b : 0);
+        const audioElement = audioRef.current;
+        const handleEnded = () => {
+            setSecondsElapsed(audioElement?.duration ?? durationSeconds ?? 0);
             setIsPlaying(false);
         };
         audioElement.addEventListener('ended', handleEnded);
-        var handleError = function () {
+        const handleError = () => {
             addNotification(t('Error reproducing the recording'), 'error');
             setIsPlaying(false);
         };
         audioElement.addEventListener('error', handleError);
-        var handleTimeupdate = function () {
-            setSecondsElapsed(audioElement === null || audioElement === void 0 ? void 0 : audioElement.currentTime);
+        const handleTimeupdate = () => {
+            setSecondsElapsed(audioElement?.currentTime);
         };
         audioElement.addEventListener('timeupdate', handleTimeupdate);
-        return function () {
+        return () => {
             audioElement.pause();
             audioElement.removeEventListener('ended', handleEnded);
             audioElement.removeEventListener('error', handleError);
@@ -131,15 +110,15 @@ export var useAudioController = function (_a) {
         };
     }, [addNotification, durationSeconds, t]);
     return {
-        audioRef: audioRef,
-        canPlayRecord: canPlayRecord,
-        increasePlaybackRate: increasePlaybackRate,
-        isPlaying: isPlaying,
-        playbackError: playbackError,
+        audioRef,
+        canPlayRecord,
+        increasePlaybackRate,
+        isPlaying,
+        playbackError,
         playbackRate: playbackRates[playbackRateIndex],
         progress: audioRef.current && secondsElapsed ? (secondsElapsed / audioRef.current.duration) * 100 : 0,
-        secondsElapsed: secondsElapsed,
-        seek: seek,
-        togglePlay: togglePlay,
+        secondsElapsed,
+        seek,
+        togglePlay,
     };
 };

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

@@ -3,4 +3,3 @@ import type { IconProps } from '../../types/types';
 export declare const DownloadIcon: ({ className }: IconProps) => React.JSX.Element;
 export declare const PlayTriangleIcon: () => React.JSX.Element;
 export declare const PauseIcon: () => React.JSX.Element;
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/Attachment/icons.js

@@ -1,10 +1,7 @@
 import React from 'react';
-export var DownloadIcon = function (_a) {
-    var className = _a.className;
-    return (React.createElement("svg", { className: className, "data-testid": 'download', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM19 18H6C3.79 18 2 16.21 2 14C2 11.95 3.53 10.24 5.56 10.03L6.63 9.92L7.13 8.97C8.08 7.14 9.94 6 12 6C14.62 6 16.88 7.86 17.39 10.43L17.69 11.93L19.22 12.04C20.78 12.14 22 13.45 22 15C22 16.65 20.65 18 19 18ZM13.45 10H10.55V13H8L12 17L16 13H13.45V10Z', fill: 'black' })));
-};
-export var PlayTriangleIcon = function () { return (React.createElement("svg", { fill: 'none', viewBox: '0 0 12 14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M0.5 0V14L11.5 7L0.5 0Z', fill: '#080707' }))); };
-export var PauseIcon = function () { return (React.createElement("svg", { fill: 'none', viewBox: '0 0 12 14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M0 14H4V0H0V14ZM8 0V14H12V0H8Z', fill: '#080707' }))); };
+export const DownloadIcon = ({ className }) => (React.createElement("svg", { className: className, "data-testid": 'download', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM19 18H6C3.79 18 2 16.21 2 14C2 11.95 3.53 10.24 5.56 10.03L6.63 9.92L7.13 8.97C8.08 7.14 9.94 6 12 6C14.62 6 16.88 7.86 17.39 10.43L17.69 11.93L19.22 12.04C20.78 12.14 22 13.45 22 15C22 16.65 20.65 18 19 18ZM13.45 10H10.55V13H8L12 17L16 13H13.45V10Z', fill: 'black' })));
+export const PlayTriangleIcon = () => (React.createElement("svg", { fill: 'none', viewBox: '0 0 12 14', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M0.5 0V14L11.5 7L0.5 0Z', fill: '#080707' })));
+export const PauseIcon = () => (React.createElement("svg", { fill: 'none', viewBox: '0 0 12 14', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M0 14H4V0H0V14ZM8 0V14H12V0H8Z', fill: '#080707' })));

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

@@ -8,4 +8,3 @@ export * from './components';
 export * from './UnsupportedAttachment';
 export * from './FileAttachment';
 export * from './utils';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import type { Attachment } from 'stream-chat';
 import type { ATTACHMENT_GROUPS_ORDER, AttachmentProps } from './Attachment';
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
@@ -10,10 +10,6 @@ export type GalleryAttachment<StreamChatGenerics extends DefaultStreamChatGeneri
     images: Attachment<StreamChatGenerics>[];
     type: 'gallery';
 };
-export type AttachmentContainerProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    attachment: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>;
-    componentType: AttachmentComponentType;
-};
 export type RenderAttachmentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<AttachmentProps<StreamChatGenerics>, 'attachments'> & {
     attachment: Attachment<StreamChatGenerics>;
 };
@@ -23,57 +19,16 @@ export type RenderGalleryProps<StreamChatGenerics extends DefaultStreamChatGener
 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 isLocalImageAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalImageAttachment<StreamChatGenerics>;
 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 isLocalVoiceRecordingAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalVoiceRecordingAttachment<StreamChatGenerics, Record<string, unknown>>;
+export declare const isLocalAudioAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalAudioAttachment<StreamChatGenerics>;
+export declare const isVoiceRecordingAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is VoiceRecordingAttachment;
+export declare const isLocalVoiceRecordingAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalVoiceRecordingAttachment<StreamChatGenerics>;
 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 isLocalFileAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalFileAttachment<StreamChatGenerics>;
 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 isLocalMediaAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>) => attachment is LocalVideoAttachment<StreamChatGenerics>;
 export declare const isSvgAttachment: (attachment: Attachment) => boolean;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/AttachmentWithinContainer`
- */
-export declare const renderAttachmentWithinContainer: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: React.PropsWithChildren<AttachmentContainerProps<StreamChatGenerics>>) => React.JSX.Element;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/AttachmentActionsContainer`
- */
-export declare const renderAttachmentActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => React.JSX.Element | null;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/GalleryContainer`
- */
-export declare const renderGallery: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderGalleryProps<StreamChatGenerics>) => React.JSX.Element;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/ImageContainer`
- */
-export declare const renderImage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => React.JSX.Element;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/CardContainer`
- */
-export declare const renderCard: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => React.JSX.Element;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/FileContainer`
- */
-export declare const renderFile: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => React.JSX.Element | null;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/AudioContainer`
- */
-export declare const renderAudio: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => React.JSX.Element;
-/**
- * @deprecated will be removed in the next major release,
- * replaced with the proper component equivalent `AttachmentContainer/MediaContainer`
- */
-export declare const renderMedia: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => React.JSX.Element;
 export declare const divMod: (num: number, divisor: number) => number[];
 export declare const displayDuration: (totalSeconds?: number) => string;
-//# sourceMappingURL=utils.d.ts.map