stream-chat-react 13.14.1 → 14.0.0-beta.1

package/dist/components/MediaRecorder/observable/Observable.js

@@ -1,21 +0,0 @@
-import { createObserver } from './Observer';
-import { Subscription } from './Subscription';
-export class Observable {
-    constructor(producer) {
-        this._closed = false;
-        if (producer)
-            this._producer = producer;
-    }
-    get closed() {
-        return this._closed;
-    }
-    subscribe(observerOrNext) {
-        const observer = createObserver(observerOrNext);
-        if (!this.closed) {
-            this._producer?.(observer);
-        }
-        return new Subscription(() => {
-            this._closed = true;
-        });
-    }
-}

package/dist/components/MediaRecorder/observable/Observer.d.ts

@@ -1,9 +0,0 @@
-type Next<T> = (value: T) => void;
-export type Observer<T> = {
-    next(value: T): void;
-    complete?(): void;
-    error?(error: Error): void;
-};
-export type ObserverOrNext<T> = Next<T> | Observer<T>;
-export declare function createObserver<T>(observerOrNext: ObserverOrNext<T>): Observer<T>;
-export {};

package/dist/components/MediaRecorder/observable/Observer.js

@@ -1,3 +0,0 @@
-export function createObserver(observerOrNext) {
-    return typeof observerOrNext === 'function' ? { next: observerOrNext } : observerOrNext;
-}

package/dist/components/MediaRecorder/observable/Subject.d.ts

@@ -1,16 +0,0 @@
-import { Observable } from './Observable';
-import type { SubscriptionLike } from './Subscription';
-import { Subscription } from './Subscription';
-import type { Observer, ObserverOrNext } from './Observer';
-export declare class Subject<T> extends Observable<T> implements SubscriptionLike {
-    private _observers;
-    private _observerCounter;
-    thrownError: Error | undefined;
-    constructor();
-    get observers(): Observer<T>[];
-    next(value: T): void;
-    error(err: Error): void;
-    complete(): void;
-    subscribe(observerOrNext: ObserverOrNext<T>): Subscription;
-    unsubscribe(): void;
-}

package/dist/components/MediaRecorder/observable/Subject.js

@@ -1,58 +0,0 @@
-import { Observable } from './Observable';
-import { Subscription } from './Subscription';
-import { createObserver } from './Observer';
-export class Subject extends Observable {
-    constructor() {
-        super();
-        this._observers = new Map();
-        this._observerCounter = 0;
-    }
-    get observers() {
-        return Array.from(this._observers.values());
-    }
-    next(value) {
-        if (this.closed)
-            return;
-        const observers = this.observers;
-        for (let i = 0; i < observers.length; i++) {
-            observers[i].next(value);
-        }
-    }
-    error(err) {
-        if (this.closed)
-            return;
-        this.thrownError = err;
-        const { observers } = this;
-        for (let i = 0; i < observers.length; i++) {
-            observers[i].error?.(err);
-        }
-        this._observers.clear();
-    }
-    complete() {
-        if (this.closed)
-            return;
-        this._closed = true;
-        const { observers } = this;
-        for (let i = 0; i < observers.length; i++) {
-            observers[i].complete?.();
-        }
-        this._observers.clear();
-    }
-    subscribe(observerOrNext) {
-        const observer = createObserver(observerOrNext);
-        if (this.thrownError || this.closed) {
-            const subscription = new Subscription();
-            subscription.closed = true;
-            return subscription;
-        }
-        const observerId = this._observerCounter++;
-        this._observers.set(observerId, observer);
-        return new Subscription(() => {
-            this._observers.delete(observerId);
-        });
-    }
-    unsubscribe() {
-        this._closed = true;
-        this._observers.clear();
-    }
-}

package/dist/components/MediaRecorder/observable/Subscription.d.ts

@@ -1,10 +0,0 @@
-export interface SubscriptionLike {
-    closed: boolean;
-    unsubscribe(): void;
-}
-export declare class Subscription implements SubscriptionLike {
-    closed: boolean;
-    private _unsubscribe;
-    constructor(unsubscribe?: () => void);
-    unsubscribe(): void;
-}

package/dist/components/MediaRecorder/observable/Subscription.js

@@ -1,10 +0,0 @@
-export class Subscription {
-    constructor(unsubscribe) {
-        this.closed = false;
-        this._unsubscribe = unsubscribe;
-    }
-    unsubscribe() {
-        this.closed = true;
-        this._unsubscribe?.();
-    }
-}

package/dist/components/MediaRecorder/observable/index.d.ts

@@ -1,5 +0,0 @@
-export * from './BehaviorSubject';
-export * from './Observable';
-export * from './Observer';
-export * from './Subject';
-export * from './Subscription';

package/dist/components/MediaRecorder/observable/index.js

@@ -1,5 +0,0 @@
-export * from './BehaviorSubject';
-export * from './Observable';
-export * from './Observer';
-export * from './Subject';
-export * from './Subscription';

package/dist/components/MediaRecorder/transcode/audioProcessing.d.ts

@@ -1,15 +0,0 @@
-/**
- * In the context of resampling audio data, AudioContext is used to decode the input audio file into an AudioBuffer,
- * which is a fundamental data structure representing audio data.
- * @param file
- */
-export declare const toAudioBuffer: (file: File) => Promise<AudioBuffer>;
-/**
- * OfflineAudioContext is a specialized type of AudioContext that does not render audio in real-time and is used for offline audio processing tasks.
- * It allows performing audio processing and rendering without actually playing the audio through speakers or outputting it to a destination.
- * In the context of resampling audio data, OfflineAudioContext is used to resample the decoded AudioBuffer from a file to the desired sample rate.
- * It provides more flexibility and control over audio processing, as it can operate at different sample rates and durations compared to real-time audio contexts.
- * @param audioBuffer
- * @param sampleRate
- */
-export declare const renderAudio: (audioBuffer: AudioBuffer, sampleRate: number) => Promise<AudioBuffer>;

package/dist/components/MediaRecorder/transcode/audioProcessing.js

@@ -1,30 +0,0 @@
-import { readFileAsArrayBuffer } from '../../ReactFileUtilities';
-/**
- * In the context of resampling audio data, AudioContext is used to decode the input audio file into an AudioBuffer,
- * which is a fundamental data structure representing audio data.
- * @param file
- */
-export const toAudioBuffer = async (file) => {
-    const audioCtx = new AudioContext();
-    const arrayBuffer = await readFileAsArrayBuffer(file);
-    const decodedData = await audioCtx.decodeAudioData(arrayBuffer);
-    if (audioCtx.state !== 'closed')
-        await audioCtx.close();
-    return decodedData;
-};
-/**
- * OfflineAudioContext is a specialized type of AudioContext that does not render audio in real-time and is used for offline audio processing tasks.
- * It allows performing audio processing and rendering without actually playing the audio through speakers or outputting it to a destination.
- * In the context of resampling audio data, OfflineAudioContext is used to resample the decoded AudioBuffer from a file to the desired sample rate.
- * It provides more flexibility and control over audio processing, as it can operate at different sample rates and durations compared to real-time audio contexts.
- * @param audioBuffer
- * @param sampleRate
- */
-export const renderAudio = async (audioBuffer, sampleRate) => {
-    const offlineAudioCtx = new OfflineAudioContext(audioBuffer.numberOfChannels, audioBuffer.duration * sampleRate, sampleRate);
-    const source = offlineAudioCtx.createBufferSource();
-    source.buffer = audioBuffer;
-    source.connect(offlineAudioCtx.destination);
-    source.start();
-    return await offlineAudioCtx.startRendering();
-};

package/dist/components/MediaRecorder/transcode/index.d.ts

@@ -1,8 +0,0 @@
-export type TranscoderConfig = {
-    sampleRate: number;
-    encoder?: (file: File, sampleRate: number) => Promise<Blob>;
-};
-export type TranscodeParams = TranscoderConfig & {
-    blob: Blob;
-};
-export declare const transcode: ({ blob, encoder, sampleRate, }: TranscodeParams) => Promise<Blob>;

package/dist/components/MediaRecorder/transcode/index.js

@@ -1,7 +0,0 @@
-import { encodeToWaw } from './wav';
-import { createFileFromBlobs, getExtensionFromMimeType } from '../../ReactFileUtilities';
-export const transcode = ({ blob, encoder = encodeToWaw, sampleRate, }) => encoder(createFileFromBlobs({
-    blobsArray: [blob],
-    fileName: `audio_recording_${new Date().toISOString()}.${getExtensionFromMimeType(blob.type)}`,
-    mimeType: blob.type,
-}), sampleRate);

package/dist/components/MediaRecorder/transcode/wav.d.ts

@@ -1,7 +0,0 @@
-export declare const readWavHeader: (dataView: DataView) => {
-    audioDataSizeBytes: number;
-    audioDataStartOffset: 44;
-    channelCount: number;
-    sampleRate: number;
-} | undefined;
-export declare const encodeToWaw: (file: File, sampleRate: number) => Promise<Blob>;

package/dist/components/MediaRecorder/transcode/wav.js

@@ -1,103 +0,0 @@
-import { renderAudio, toAudioBuffer } from './audioProcessing';
-const WAV_HEADER_LENGTH_BYTES = 44;
-const BYTES_PER_SAMPLE = 2;
-const RIFF_FILE_MAX_BYTES = 4294967295;
-const HEADER = {
-    AUDIO_FORMAT: { offset: 20, value: 1 }, // PCM = 1
-    BITS_PER_SAMPLE: { offset: 34, value: BYTES_PER_SAMPLE * 8 }, // 16 bits encoding
-    BLOCK_ALIGN: { offset: 32 },
-    BYTE_RATE: { offset: 28 },
-    CHANNEL_COUNT: { offset: 22 }, // 1 - mono, 2 - stereo
-    CHUNK_ID: { offset: 0, value: 0x52494646 }, // hex representation of string "RIFF" (Resource Interchange File Format) - identifies the file structure that defines a class of more specific file formats, e.g. WAVE
-    CHUNK_SIZE: { offset: 4 },
-    FILE_FORMAT: { offset: 8, value: 0x57415645 }, // hex representation of string "WAVE"
-    SAMPLE_RATE: { offset: 24 },
-    SUBCHUNK1_ID: { offset: 12, value: 0x666d7420 }, // hex representation of string "fmt " - identifies the start of "format" section of the header
-    SUBCHUNK1_SIZE: { offset: 16, value: 16 }, // Subchunk1 Size without SUBCHUNK1_ID and SUBCHUNK1_SIZE fields
-    SUBCHUNK2_ID: { offset: 36, value: 0x64617461 }, // hex representation of string "data" - identifies the start of actual audio data section
-    SUBCHUNK2_SIZE: { offset: 40 }, // actual audio data size
-};
-const fourCharsToInt = (chars) => (chars.charCodeAt(0) << 24) |
-    (chars.charCodeAt(1) << 16) |
-    (chars.charCodeAt(2) << 8) |
-    chars.charCodeAt(3);
-const WAV_HEADER_FLAGS = {
-    data: fourCharsToInt('data'),
-    fmt: fourCharsToInt('fmt '),
-    RIFF: fourCharsToInt('RIFF'),
-    WAVE: fourCharsToInt('WAVE'),
-};
-const writeWavHeader = ({ arrayBuffer, channelCount, sampleRate, }) => {
-    const byteRate = sampleRate * channelCount * BYTES_PER_SAMPLE; // bytes/sec
-    const blockAlign = channelCount * BYTES_PER_SAMPLE;
-    const dataView = new DataView(arrayBuffer);
-    /*
-     * The maximum size of a RIFF file is 4294967295 bytes and since the header takes up 44 bytes there are 4294967251 bytes left for the
-     * data chunk.
-     */
-    const dataChunkSize = Math.min(dataView.byteLength - WAV_HEADER_LENGTH_BYTES, RIFF_FILE_MAX_BYTES - WAV_HEADER_LENGTH_BYTES);
-    dataView.setUint32(HEADER.CHUNK_ID.offset, HEADER.CHUNK_ID.value); // "RIFF"
-    dataView.setUint32(HEADER.CHUNK_SIZE.offset, arrayBuffer.byteLength - 8, true); // adjustment for the first two headers - chunk id + file size
-    dataView.setUint32(HEADER.FILE_FORMAT.offset, HEADER.FILE_FORMAT.value); // "WAVE"
-    dataView.setUint32(HEADER.SUBCHUNK1_ID.offset, HEADER.SUBCHUNK1_ID.value); // "fmt "
-    dataView.setUint32(HEADER.SUBCHUNK1_SIZE.offset, HEADER.SUBCHUNK1_SIZE.value, true);
-    dataView.setUint16(HEADER.AUDIO_FORMAT.offset, HEADER.AUDIO_FORMAT.value, true);
-    dataView.setUint16(HEADER.CHANNEL_COUNT.offset, channelCount, true);
-    dataView.setUint32(HEADER.SAMPLE_RATE.offset, sampleRate, true);
-    dataView.setUint32(HEADER.BYTE_RATE.offset, byteRate, true);
-    dataView.setUint16(HEADER.BLOCK_ALIGN.offset, blockAlign, true);
-    dataView.setUint16(HEADER.BITS_PER_SAMPLE.offset, HEADER.BITS_PER_SAMPLE.value, true);
-    dataView.setUint32(HEADER.SUBCHUNK2_ID.offset, HEADER.SUBCHUNK2_ID.value); // "data"
-    dataView.setUint32(HEADER.SUBCHUNK2_SIZE.offset, dataChunkSize, true);
-};
-export const readWavHeader = (dataView) => {
-    const header = dataView.getUint32(0, false);
-    if (WAV_HEADER_FLAGS.RIFF !== header) {
-        console.error('Missing RIFF header in WAVE file');
-        return;
-    }
-    if (WAV_HEADER_FLAGS.WAVE !== dataView.getUint32(HEADER.FILE_FORMAT.offset, false)) {
-        console.error('Missing WAVE header in WAVE file');
-        return;
-    }
-    if (WAV_HEADER_FLAGS.fmt !== dataView.getUint32(HEADER.SUBCHUNK1_ID.offset, false)) {
-        console.error('Missing fmt header in WAVE file');
-        return;
-    }
-    return {
-        audioDataSizeBytes: dataView.getUint32(HEADER.SUBCHUNK2_SIZE.offset, true),
-        audioDataStartOffset: WAV_HEADER_LENGTH_BYTES,
-        channelCount: dataView.getUint16(HEADER.CHANNEL_COUNT.offset, true),
-        sampleRate: dataView.getUint32(HEADER.SAMPLE_RATE.offset, true),
-    };
-};
-const splitDataByChannel = (audioBuffer) => Array.from({ length: audioBuffer.numberOfChannels }, (_, i) => audioBuffer.getChannelData(i));
-/**
- * In a WAV file, samples for each channel are usually interleaved, meaning samples from each channel are grouped together sequentially.
- * For example, in a stereo audio file (2 channels), samples alternate between the left and right channels.
- * @param arrayBuffer
- * @param dataByChannel
- */
-const writeWavAudioData = ({ arrayBuffer, dataByChannel }) => {
-    const dataView = new DataView(arrayBuffer);
-    const channelCount = dataByChannel.length;
-    dataByChannel.forEach((channelData, channelIndex) => {
-        let writeOffset = WAV_HEADER_LENGTH_BYTES + channelCount * channelIndex;
-        channelData.forEach((float32Value) => {
-            dataView.setInt16(writeOffset, float32Value < 0
-                ? Math.max(-1, float32Value) * 32768
-                : Math.min(1, float32Value) * 32767, true);
-            writeOffset += channelCount * BYTES_PER_SAMPLE;
-        });
-    });
-};
-export const encodeToWaw = async (file, sampleRate) => {
-    const audioBuffer = await renderAudio(await toAudioBuffer(file), sampleRate);
-    const numberOfSamples = audioBuffer.duration * sampleRate;
-    const fileSizeBytes = numberOfSamples * audioBuffer.numberOfChannels * BYTES_PER_SAMPLE +
-        WAV_HEADER_LENGTH_BYTES;
-    const arrayBuffer = new ArrayBuffer(fileSizeBytes);
-    writeWavHeader({ arrayBuffer, channelCount: audioBuffer.numberOfChannels, sampleRate });
-    writeWavAudioData({ arrayBuffer, dataByChannel: splitDataByChannel(audioBuffer) });
-    return new Blob([arrayBuffer], { type: 'audio/wav' });
-};

package/dist/components/Message/FixedHeightMessage.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { LocalMessage } from 'stream-chat';
-export type FixedHeightMessageProps = {
-    groupedByUser?: boolean;
-    message?: LocalMessage;
-};
-/**
- * @deprecated - This UI component will be removed in the next major release.
- *
- * FixedHeightMessage - This component renders a single message.
- * It uses fixed height elements to make sure it works well in VirtualizedMessageList
- */
-export declare const FixedHeightMessage: (props: FixedHeightMessageProps) => React.JSX.Element;

package/dist/components/Message/FixedHeightMessage.js

@@ -1,64 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { useDeleteHandler, useUserRole } from './hooks';
-import { MessageDeleted as DefaultMessageDeleted } from './MessageDeleted';
-import { MessageTimestamp } from './MessageTimestamp';
-import { getMessageActions } from './utils';
-import { Avatar } from '../Avatar';
-import { Gallery } from '../Gallery';
-import { MessageActions } from '../MessageActions';
-import { useChatContext } from '../../context/ChatContext';
-import { useComponentContext } from '../../context/ComponentContext';
-import { useMessageContext } from '../../context/MessageContext';
-import { useTranslationContext } from '../../context/TranslationContext';
-import { renderText } from './renderText';
-const selectColor = (number, dark) => {
-    const hue = number * 137.508; // use golden angle approximation
-    return `hsl(${hue},${dark ? '50%' : '85%'}, ${dark ? '75%' : '55%'})`;
-};
-const hashUserId = (userId) => {
-    const hash = userId.split('').reduce((acc, c) => {
-        acc = (acc << 5) - acc + c.charCodeAt(0);
-        return acc & acc;
-    }, 0);
-    return Math.abs(hash) / 10 ** Math.ceil(Math.log10(Math.abs(hash) + 1));
-};
-const getUserColor = (theme, userId) => selectColor(hashUserId(userId), theme.includes('dark'));
-const UnMemoizedFixedHeightMessage = (props) => {
-    const { groupedByUser: propGroupedByUser, message: propMessage } = props;
-    const { theme } = useChatContext('FixedHeightMessage');
-    const { groupedByUser: contextGroupedByUser, message: contextMessage } = useMessageContext('FixedHeightMessage');
-    const { MessageDeleted = DefaultMessageDeleted } = useComponentContext('FixedHeightMessage');
-    const { userLanguage } = useTranslationContext('FixedHeightMessage');
-    const groupedByUser = propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
-    const message = propMessage || contextMessage;
-    const handleDelete = useDeleteHandler(message);
-    const role = useUserRole(message);
-    const messageTextToRender = message?.i18n?.[`${userLanguage}_text`] ||
-        message?.text;
-    const renderedText = useMemo(() => renderText(messageTextToRender, message.mentioned_users), [message.mentioned_users, messageTextToRender]);
-    const userId = message.user?.id || '';
-    const userColor = useMemo(() => getUserColor(theme, userId), [userId, theme]);
-    const messageActionsHandler = useCallback(() => getMessageActions(['delete'], { canDelete: role.canDelete }), [role]);
-    const images = message?.attachments?.filter(({ type }) => type === 'image');
-    return (React.createElement("div", { className: `str-chat__virtual-message__wrapper ${role.isMyMessage ? 'str-chat__virtual-message__wrapper--me' : ''} ${groupedByUser ? 'str-chat__virtual-message__wrapper--group' : ''}`, key: message.id },
-        message.user && (React.createElement(Avatar, { image: message.user.image, name: message.user.name || message.user.id, user: message.user })),
-        React.createElement("div", { className: 'str-chat__virtual-message__content' },
-            React.createElement("div", { className: 'str-chat__virtual-message__meta' },
-                React.createElement("div", { className: 'str-chat__virtual-message__author', style: { color: userColor } },
-                    React.createElement("strong", null, message.user?.name || 'unknown'))),
-            message.deleted_at || message.type === 'deleted' ? (React.createElement(MessageDeleted, { message: message })) : (React.createElement(React.Fragment, null,
-                images && React.createElement(Gallery, { images: images }),
-                React.createElement("div", { className: 'str-chat__virtual-message__text', "data-testid": 'msg-text' },
-                    renderedText,
-                    React.createElement("div", { className: 'str-chat__virtual-message__data' },
-                        React.createElement(MessageActions, { customWrapperClass: 'str-chat__virtual-message__actions', getMessageActions: messageActionsHandler, handleDelete: handleDelete, message: message, mine: () => role.isMyMessage }),
-                        React.createElement("span", { className: 'str-chat__virtual-message__date' },
-                            React.createElement(MessageTimestamp, { customClass: 'str-chat__message-simple-timestamp', message: message })))))))));
-};
-/**
- * @deprecated - This UI component will be removed in the next major release.
- *
- * FixedHeightMessage - This component renders a single message.
- * It uses fixed height elements to make sure it works well in VirtualizedMessageList
- */
-export const FixedHeightMessage = React.memo(UnMemoizedFixedHeightMessage);

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { MessageProps } from './types';
-/**
- * The Message component is a context provider which implements all the logic required for rendering
- * an individual message. The actual UI of the message is delegated via the Message prop on Channel.
- */
-export declare const Message: (props: MessageProps) => React.JSX.Element;

package/dist/components/Message/Message.js

@@ -1,120 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { useActionHandler, useDeleteHandler, useEditHandler, useFlagHandler, useMarkUnreadHandler, useMentionsHandler, useMuteHandler, useOpenThreadHandler, usePinHandler, useReactionHandler, useReactionsFetcher, useRetryHandler, useUserHandler, useUserRole, } from './hooks';
-import { areMessagePropsEqual, getMessageActions, MESSAGE_ACTIONS } from './utils';
-import { MessageProvider, useChannelActionContext, useChannelStateContext, useChatContext, useComponentContext, } from '../../context';
-import { MessageSimple as DefaultMessage } from './MessageSimple';
-const MessageWithContext = (props) => {
-    const { canPin, groupedByUser, Message: propMessage, message, messageActions = Object.keys(MESSAGE_ACTIONS), onUserClick: propOnUserClick, onUserHover: propOnUserHover, userRoles, } = props;
-    const { client, isMessageAIGenerated } = useChatContext('Message');
-    const { channelConfig, read } = useChannelStateContext('Message');
-    const { Message: contextMessage } = useComponentContext('Message');
-    const actionsEnabled = message.type === 'regular' && message.status === 'received';
-    const MessageUIComponent = propMessage ?? contextMessage ?? DefaultMessage;
-    const { clearEdit, editing, setEdit } = useEditHandler();
-    const { onUserClick, onUserHover } = useUserHandler(message, {
-        onUserClickHandler: propOnUserClick,
-        onUserHoverHandler: propOnUserHover,
-    });
-    const { canDelete, canEdit, canFlag, canMarkUnread, canMute, canQuote, canReact, canReply, isMyMessage, } = userRoles;
-    const messageIsUnread = useMemo(() => !!(!isMyMessage &&
-        client.user?.id &&
-        read &&
-        (!read[client.user.id] ||
-            (message?.created_at &&
-                new Date(message.created_at).getTime() >
-                    read[client.user.id].last_read.getTime()))), [client, isMyMessage, message.created_at, read]);
-    const messageActionsHandler = useCallback(() => getMessageActions(messageActions, {
-        canDelete,
-        canEdit,
-        canFlag,
-        canMarkUnread,
-        canMute,
-        canPin,
-        canQuote,
-        canReact,
-        canReply,
-    }, channelConfig), [
-        messageActions,
-        canDelete,
-        canEdit,
-        canFlag,
-        canMarkUnread,
-        canMute,
-        canPin,
-        canQuote,
-        canReact,
-        canReply,
-        channelConfig,
-    ]);
-    const { canPin: canPinPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
-    messageActions: messageActionsPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
-    onlySenderCanEdit: onlySenderCanEditPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
-    onUserClick: onUserClickPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
-    onUserHover: onUserHoverPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
-    userRoles: userRolesPropToNotPass, // eslint-disable-line @typescript-eslint/no-unused-vars
-    ...rest } = props;
-    const messageContextValue = {
-        ...rest,
-        actionsEnabled,
-        clearEditingState: clearEdit,
-        editing,
-        getMessageActions: messageActionsHandler,
-        handleEdit: setEdit,
-        isMessageAIGenerated,
-        isMyMessage: () => isMyMessage,
-        messageIsUnread,
-        onUserClick,
-        onUserHover,
-        setEditingState: setEdit,
-    };
-    return (React.createElement(MessageProvider, { value: messageContextValue },
-        React.createElement(MessageUIComponent, { groupedByUser: groupedByUser })));
-};
-const MemoizedMessage = React.memo(MessageWithContext, areMessagePropsEqual);
-/**
- * The Message component is a context provider which implements all the logic required for rendering
- * an individual message. The actual UI of the message is delegated via the Message prop on Channel.
- */
-export const Message = (props) => {
-    const { closeReactionSelectorOnClick, disableQuotedMessages, getDeleteMessageErrorNotification, getFetchReactionsErrorNotification, getFlagMessageErrorNotification, getFlagMessageSuccessNotification, getMarkMessageUnreadErrorNotification, getMarkMessageUnreadSuccessNotification, getMuteUserErrorNotification, getMuteUserSuccessNotification, getPinMessageErrorNotification, message, onlySenderCanEdit = false, onMentionsClick: propOnMentionsClick, onMentionsHover: propOnMentionsHover, openThread: propOpenThread, pinPermissions, reactionDetailsSort, retrySendMessage: propRetrySendMessage, sortReactionDetails, sortReactions, } = props;
-    const { addNotification } = useChannelActionContext('Message');
-    const { highlightedMessageId, mutes } = useChannelStateContext('Message');
-    const handleAction = useActionHandler(message);
-    const handleOpenThread = useOpenThreadHandler(message, propOpenThread);
-    const handleReaction = useReactionHandler(message);
-    const handleRetry = useRetryHandler(propRetrySendMessage);
-    const userRoles = useUserRole(message, onlySenderCanEdit, disableQuotedMessages);
-    const handleFetchReactions = useReactionsFetcher(message, {
-        getErrorNotification: getFetchReactionsErrorNotification,
-        notify: addNotification,
-    });
-    const handleDelete = useDeleteHandler(message, {
-        getErrorNotification: getDeleteMessageErrorNotification,
-        notify: addNotification,
-    });
-    const handleFlag = useFlagHandler(message, {
-        getErrorNotification: getFlagMessageErrorNotification,
-        getSuccessNotification: getFlagMessageSuccessNotification,
-        notify: addNotification,
-    });
-    const handleMarkUnread = useMarkUnreadHandler(message, {
-        getErrorNotification: getMarkMessageUnreadErrorNotification,
-        getSuccessNotification: getMarkMessageUnreadSuccessNotification,
-        notify: addNotification,
-    });
-    const handleMute = useMuteHandler(message, {
-        getErrorNotification: getMuteUserErrorNotification,
-        getSuccessNotification: getMuteUserSuccessNotification,
-        notify: addNotification,
-    });
-    const { onMentionsClick, onMentionsHover } = useMentionsHandler(message, {
-        onMentionsClick: propOnMentionsClick,
-        onMentionsHover: propOnMentionsHover,
-    });
-    const { canPin, handlePin } = usePinHandler(message, pinPermissions, {
-        getErrorNotification: getPinMessageErrorNotification,
-        notify: addNotification,
-    });
-    const highlighted = highlightedMessageId === message.id;
-    return (React.createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, autoscrollToBottom: props.autoscrollToBottom, canPin: canPin, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: props.customMessageActions, deliveredTo: props.deliveredTo, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFetchReactions: handleFetchReactions, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, lastOwnMessage: props.lastOwnMessage, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionDetailsSort: reactionDetailsSort, readBy: props.readBy, renderText: props.renderText, returnAllReadData: props.returnAllReadData, sortReactionDetails: sortReactionDetails, sortReactions: sortReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
-};

package/dist/components/Message/MessageBlocked.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const MessageBlocked: () => React.JSX.Element;

package/dist/components/Message/MessageBlocked.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useUserRole } from './hooks/useUserRole';
-import { useTranslationContext } from '../../context/TranslationContext';
-import { useMessageContext } from '../../context';
-export const MessageBlocked = () => {
-    const { message } = useMessageContext();
-    const { t } = useTranslationContext('MessageBlocked');
-    const { isMyMessage } = useUserRole(message);
-    const messageClasses = clsx('str-chat__message str-chat__message-simple str-chat__message--blocked', message.type, {
-        'str-chat__message--me str-chat__message-simple--me': isMyMessage,
-        'str-chat__message--other': !isMyMessage,
-    });
-    return (React.createElement("div", { className: messageClasses, "data-testid": 'message-blocked-component', key: message.id },
-        React.createElement("div", { className: 'str-chat__message--blocked-inner' }, t('Message was blocked by moderation policies'))));
-};

package/dist/components/Message/MessageDeleted.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { LocalMessage } from 'stream-chat';
-export type MessageDeletedProps = {
-    message: LocalMessage;
-};
-export declare const MessageDeleted: (props: MessageDeletedProps) => React.JSX.Element;

package/dist/components/Message/MessageDeleted.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { useUserRole } from './hooks/useUserRole';
-import { useTranslationContext } from '../../context/TranslationContext';
-export const MessageDeleted = (props) => {
-    const { message } = props;
-    const { t } = useTranslationContext('MessageDeleted');
-    const { isMyMessage } = useUserRole(message);
-    const messageClasses = isMyMessage
-        ? 'str-chat__message str-chat__message--me str-chat__message-simple str-chat__message-simple--me'
-        : 'str-chat__message str-chat__message-simple str-chat__message--other';
-    return (React.createElement("div", { className: `${messageClasses} str-chat__message--deleted ${message.type} `, "data-testid": 'message-deleted-component', key: message.id },
-        React.createElement("div", { className: 'str-chat__message--deleted-inner' }, t('This message was deleted...'))));
-};

package/dist/components/Message/MessageEditedTimestamp.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { MessageTimestampProps } from './MessageTimestamp';
-export type MessageEditedTimestampProps = MessageTimestampProps & {
-    open: boolean;
-};
-export declare function MessageEditedTimestamp({ message: propMessage, open, ...timestampProps }: MessageEditedTimestampProps): React.JSX.Element | null;

package/dist/components/Message/MessageEditedTimestamp.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useComponentContext, useMessageContext, useTranslationContext, } from '../../context';
-import { Timestamp as DefaultTimestamp } from './Timestamp';
-import { isMessageEdited } from './utils';
-export function MessageEditedTimestamp({ message: propMessage, open, ...timestampProps }) {
-    const { t } = useTranslationContext('MessageEditedTimestamp');
-    const { message: contextMessage } = useMessageContext('MessageEditedTimestamp');
-    const { Timestamp = DefaultTimestamp } = useComponentContext('MessageEditedTimestamp');
-    const message = propMessage || contextMessage;
-    if (!isMessageEdited(message)) {
-        return null;
-    }
-    return (React.createElement("div", { className: clsx('str-chat__message-edited-timestamp', open
-            ? 'str-chat__message-edited-timestamp--open'
-            : 'str-chat__message-edited-timestamp--collapsed'), "data-testid": 'message-edited-timestamp' },
-        t('Edited'),
-        ' ',
-        React.createElement(Timestamp, { timestamp: message.message_text_updated_at, ...timestampProps })));
-}

package/dist/components/Message/MessageErrorText.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { LocalMessage } from 'stream-chat';
-export interface MessageErrorTextProps {
-    message: LocalMessage;
-    theme: string;
-}
-export declare function MessageErrorText({ message, theme }: MessageErrorTextProps): React.JSX.Element | null;

package/dist/components/Message/MessageErrorText.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { isMessageBounced } from './utils';
-import { useTranslationContext } from '../../context';
-export function MessageErrorText({ message, theme }) {
-    const { t } = useTranslationContext('MessageText');
-    if (message.type === 'error' && !isMessageBounced(message)) {
-        return (React.createElement("div", { className: `str-chat__${theme}-message--error-message str-chat__message--error-message` }, t('Error · Unsent')));
-    }
-    if (message.status === 'failed') {
-        return (React.createElement("div", { className: `str-chat__${theme}-message--error-message str-chat__message--error-message` }, message.error?.status !== 403
-            ? t('Message Failed · Click to try again')
-            : t('Message Failed · Unauthorized')));
-    }
-    return null;
-}