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

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

@@ -1,46 +0,0 @@
-import React from 'react';
-import { isLocalAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalImageAttachment, isLocalVideoAttachment, isLocalVoiceRecordingAttachment, isScrapedContent, } from 'stream-chat';
-import { UnsupportedAttachmentPreview as DefaultUnknownAttachmentPreview } from './UnsupportedAttachmentPreview';
-import { VoiceRecordingPreview as DefaultVoiceRecordingPreview } from './VoiceRecordingPreview';
-import DefaultFilePreview from './FileAttachmentPreview';
-import { ImageAttachmentPreview as DefaultImagePreview } from './ImageAttachmentPreview';
-import { useAttachmentsForPreview, useMessageComposer } from '../hooks';
-import { GeolocationPreview as DefaultGeolocationPreview, } from './GeolocationPreview';
-export const AttachmentPreviewList = ({ AudioAttachmentPreview = DefaultFilePreview, FileAttachmentPreview = DefaultFilePreview, GeolocationPreview = DefaultGeolocationPreview, ImageAttachmentPreview = DefaultImagePreview, UnsupportedAttachmentPreview = DefaultUnknownAttachmentPreview, VideoAttachmentPreview = DefaultFilePreview, VoiceRecordingPreview = DefaultVoiceRecordingPreview, }) => {
-    const messageComposer = useMessageComposer();
-    // todo: we could also allow to attach poll to a message composition
-    const { attachments, location } = useAttachmentsForPreview();
-    if (!attachments.length && !location)
-        return null;
-    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' },
-            location && (React.createElement(GeolocationPreview, { location: location, 
-                // It is not possible to nullify shared_location field so we do not show a preview when editing
-                // to prevent a user from wanting to remove the location
-                remove: messageComposer.editedMessage
-                    ? undefined
-                    : messageComposer.locationComposer.initState })),
-            attachments.map((attachment) => {
-                if (isScrapedContent(attachment))
-                    return null;
-                if (isLocalVoiceRecordingAttachment(attachment)) {
-                    return (React.createElement(VoiceRecordingPreview, { attachment: attachment, handleRetry: messageComposer.attachmentManager.uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: messageComposer.attachmentManager.removeAttachments }));
-                }
-                else if (isLocalAudioAttachment(attachment)) {
-                    return (React.createElement(AudioAttachmentPreview, { attachment: attachment, handleRetry: messageComposer.attachmentManager.uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: messageComposer.attachmentManager.removeAttachments }));
-                }
-                else if (isLocalVideoAttachment(attachment)) {
-                    return (React.createElement(VideoAttachmentPreview, { attachment: attachment, handleRetry: messageComposer.attachmentManager.uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: messageComposer.attachmentManager.removeAttachments }));
-                }
-                else if (isLocalImageAttachment(attachment)) {
-                    return (React.createElement(ImageAttachmentPreview, { attachment: attachment, handleRetry: messageComposer.attachmentManager.uploadAttachment, key: attachment.localMetadata.id || attachment.image_url, removeAttachments: messageComposer.attachmentManager.removeAttachments }));
-                }
-                else if (isLocalFileAttachment(attachment)) {
-                    return (React.createElement(FileAttachmentPreview, { attachment: attachment, handleRetry: messageComposer.attachmentManager.uploadAttachment, key: attachment.localMetadata.id || attachment.asset_url, removeAttachments: messageComposer.attachmentManager.removeAttachments }));
-                }
-                else if (isLocalAttachment(attachment)) {
-                    return (React.createElement(UnsupportedAttachmentPreview, { attachment: attachment, handleRetry: messageComposer.attachmentManager.uploadAttachment, key: attachment.localMetadata.id, removeAttachments: messageComposer.attachmentManager.removeAttachments }));
-                }
-                return null;
-            }))));
-};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { LocalAudioAttachment, LocalFileAttachment, LocalVideoAttachment } from 'stream-chat';
-import type { UploadAttachmentPreviewProps } from './types';
-export type FileAttachmentPreviewProps<CustomLocalMetadata = unknown> = UploadAttachmentPreviewProps<LocalFileAttachment<CustomLocalMetadata> | LocalAudioAttachment<CustomLocalMetadata> | LocalVideoAttachment<CustomLocalMetadata>>;
-declare const FileAttachmentPreview: ({ attachment, handleRetry, removeAttachments, }: FileAttachmentPreviewProps) => React.JSX.Element;
-export default FileAttachmentPreview;

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { useTranslationContext } from '../../../context';
-import { FileIcon } from '../../ReactFileUtilities';
-import { CloseIcon, DownloadIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
-const FileAttachmentPreview = ({ attachment, handleRetry, removeAttachments, }) => {
-    const { t } = useTranslationContext('FilePreview');
-    const uploadState = attachment.localMetadata?.uploadState;
-    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 })),
-        React.createElement("button", { "aria-label": t('aria/Remove attachment'), className: 'str-chat__attachment-preview-delete', "data-testid": 'file-preview-item-delete-button', disabled: uploadState === 'uploading', onClick: () => attachment.localMetadata?.id &&
-                removeAttachments([attachment.localMetadata?.id]), type: 'button' },
-            React.createElement(CloseIcon, null)),
-        ['blocked', 'failed'].includes(uploadState) && !!handleRetry && (React.createElement("button", { "aria-label": t('aria/Retry upload'), 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),
-            (typeof uploadState === 'undefined' || uploadState === 'finished') &&
-                !!attachment.asset_url && (React.createElement("a", { "aria-label": t('aria/Download attachment'), className: 'str-chat__attachment-preview-file-download', download: true, href: attachment.asset_url, rel: 'noreferrer', target: '_blank', title: t('Download attachment {{ name }}', { name: attachment.title }) },
-                React.createElement(DownloadIcon, null))),
-            uploadState === 'uploading' && React.createElement(LoadingIndicatorIcon, { size: 17 }))));
-};
-export default FileAttachmentPreview;

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

@@ -1,13 +0,0 @@
-import type { LiveLocationPreview, StaticLocationPreview } from 'stream-chat';
-import type { ComponentType } from 'react';
-import React from 'react';
-type GeolocationPreviewImageProps = {
-    location: StaticLocationPreview | LiveLocationPreview;
-};
-export type GeolocationPreviewProps = {
-    location: StaticLocationPreview | LiveLocationPreview;
-    PreviewImage?: ComponentType<GeolocationPreviewImageProps>;
-    remove?: () => void;
-};
-export declare const GeolocationPreview: ({ location, PreviewImage, remove, }: GeolocationPreviewProps) => React.JSX.Element;
-export {};

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

@@ -1,25 +0,0 @@
-import { CloseIcon } from '../icons';
-import React from 'react';
-import { useTranslationContext } from '../../../context';
-import { GeolocationIcon } from '../../Attachment/icons';
-const GeolocationPreviewImage = () => (React.createElement("div", { className: 'str-chat__location-preview-image' },
-    React.createElement(GeolocationIcon, null)));
-export const GeolocationPreview = ({ location, PreviewImage = GeolocationPreviewImage, remove, }) => {
-    const { t } = useTranslationContext();
-    return (React.createElement("div", { className: 'str-chat__location-preview', "data-testid": 'location-preview' },
-        React.createElement(PreviewImage, { location: location }),
-        remove && (React.createElement("button", { "aria-label": t('aria/Remove location attachment'), className: 'str-chat__attachment-preview-delete', "data-testid": 'location-preview-item-delete-button', onClick: remove, type: 'button' },
-            React.createElement(CloseIcon, null))),
-        React.createElement("div", { className: 'str-chat__attachment-preview-metadata' }, location.durationMs ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'str-chat__attachment-preview-title', title: t('Shared live location') }, t('Live location')),
-            React.createElement("div", { className: 'str-chat__attachment-preview-subtitle' }, t('Live for {{duration}}', {
-                duration: t('duration/Share Location', {
-                    milliseconds: location.durationMs,
-                }),
-            })))) : (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: 'str-chat__attachment-preview-title', title: t('Current location') }, t('Current location')),
-            React.createElement("div", { className: 'str-chat__attachment-preview-subtitle' },
-                location.latitude,
-                ", ",
-                location.longitude))))));
-};

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { LocalImageAttachment } from 'stream-chat';
-import type { UploadAttachmentPreviewProps } from './types';
-export type ImageAttachmentPreviewProps<CustomLocalMetadata = Record<string, unknown>> = UploadAttachmentPreviewProps<LocalImageAttachment<CustomLocalMetadata>>;
-export declare const ImageAttachmentPreview: ({ attachment, handleRetry, removeAttachments, }: ImageAttachmentPreviewProps) => React.JSX.Element;

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

@@ -1,23 +0,0 @@
-import clsx from 'clsx';
-import React, { useCallback, useState } from 'react';
-import { CloseIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
-import { BaseImage as DefaultBaseImage } from '../../Gallery';
-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), []);
-    const assetUrl = attachment.image_url || attachment.localMetadata.previewUri;
-    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", { "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]), type: 'button' },
-            React.createElement(CloseIcon, null)),
-        ['blocked', 'failed'].includes(uploadState) && (React.createElement("button", { "aria-label": t('aria/Retry upload'), 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 }))),
-        assetUrl && (React.createElement(BaseImage, { alt: attachment.fallback, className: 'str-chat__attachment-preview-thumbnail', onError: handleLoadError, src: assetUrl, title: attachment.fallback }))));
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { AnyLocalAttachment, LocalUploadAttachment } from 'stream-chat';
-export type UnsupportedAttachmentPreviewProps<CustomLocalMetadata = Record<string, unknown>> = {
-    attachment: AnyLocalAttachment<CustomLocalMetadata>;
-    handleRetry: (attachment: LocalUploadAttachment) => void | Promise<LocalUploadAttachment | undefined>;
-    removeAttachments: (ids: string[]) => void;
-};
-export declare const UnsupportedAttachmentPreview: ({ attachment, handleRetry, removeAttachments, }: UnsupportedAttachmentPreviewProps) => React.JSX.Element;

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { isLocalUploadAttachment } from 'stream-chat';
-import { CloseIcon, DownloadIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
-import { FileIcon } from '../../ReactFileUtilities';
-import { useTranslationContext } from '../../../context';
-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 })),
-        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]), type: 'button' },
-            React.createElement(CloseIcon, null)),
-        isLocalUploadAttachment(attachment) &&
-            ['blocked', 'failed'].includes(attachment.localMetadata?.uploadState) &&
-            !!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),
-            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))),
-            attachment.localMetadata?.uploadState === 'uploading' && (React.createElement(LoadingIndicatorIcon, { size: 17 })))));
-};

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { LocalVoiceRecordingAttachment } from 'stream-chat';
-import type { UploadAttachmentPreviewProps } from './types';
-export type VoiceRecordingPreviewProps<CustomLocalMetadata = Record<string, unknown>> = UploadAttachmentPreviewProps<LocalVoiceRecordingAttachment<CustomLocalMetadata>>;
-export declare const VoiceRecordingPreview: ({ attachment, handleRetry, removeAttachments, }: VoiceRecordingPreviewProps) => React.JSX.Element | null;

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

@@ -1,41 +0,0 @@
-import React, { useEffect } from 'react';
-import { PlayButton } from '../../Attachment';
-import { RecordingTimer } from '../../MediaRecorder';
-import { CloseIcon, LoadingIndicatorIcon, RetryIcon } from '../icons';
-import { FileIcon } from '../../ReactFileUtilities';
-import { useTranslationContext } from '../../../context';
-import { useAudioPlayer } from '../../AudioPlayback';
-import { useStateStore } from '../../../store';
-const audioPlayerStateSelector = (state) => ({
-    isPlaying: state.isPlaying,
-    secondsElapsed: state.secondsElapsed,
-});
-export const VoiceRecordingPreview = ({ attachment, handleRetry, removeAttachments, }) => {
-    const { t } = useTranslationContext();
-    const audioPlayer = useAudioPlayer({
-        mimeType: attachment.mime_type,
-        src: attachment.asset_url,
-    });
-    const { isPlaying, secondsElapsed } = useStateStore(audioPlayer?.state, audioPlayerStateSelector) ?? {};
-    useEffect(() => {
-        audioPlayer?.cancelScheduledRemoval();
-        return () => {
-            audioPlayer?.scheduleRemoval();
-        };
-    }, [audioPlayer]);
-    if (!audioPlayer)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__attachment-preview-voice-recording', "data-testid": 'attachment-preview-voice-recording' },
-        React.createElement(PlayButton, { isPlaying: !!isPlaying, onClick: audioPlayer.togglePlay }),
-        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]), type: 'button' },
-            React.createElement(CloseIcon, null)),
-        ['blocked', 'failed'].includes(attachment.localMetadata?.uploadState) &&
-            !!handleRetry && (React.createElement("button", { "aria-label": t('aria/Retry upload'), 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 })),
-            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 }))));
-};

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

@@ -1,7 +0,0 @@
-export * from './AttachmentPreviewList';
-export type { FileAttachmentPreviewProps } from './FileAttachmentPreview';
-export type { GeolocationPreviewProps } from './GeolocationPreview';
-export type { ImageAttachmentPreviewProps } from './ImageAttachmentPreview';
-export type { UploadAttachmentPreviewProps as AttachmentPreviewProps } from './types';
-export type { UnsupportedAttachmentPreviewProps } from './UnsupportedAttachmentPreview';
-export type { VoiceRecordingPreviewProps } from './VoiceRecordingPreview';

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

@@ -1 +0,0 @@
-export * from './AttachmentPreviewList';

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

@@ -1,6 +0,0 @@
-import type { LocalUploadAttachment } from 'stream-chat';
-export type UploadAttachmentPreviewProps<A extends LocalUploadAttachment> = {
-    attachment: A;
-    handleRetry: (attachment: LocalUploadAttachment) => void | Promise<LocalUploadAttachment | undefined>;
-    removeAttachments: (ids: string[]) => void;
-};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,25 +0,0 @@
-import React from 'react';
-export declare const SimpleAttachmentSelector: () => React.JSX.Element | null;
-export type AttachmentSelectorModalContentProps = {
-    close: () => void;
-};
-export type AttachmentSelectorActionProps = {
-    closeMenu: () => void;
-    openModalForAction: (actionType: AttachmentSelectorAction['type']) => void;
-};
-export type AttachmentSelectorAction = {
-    ActionButton: React.ComponentType<AttachmentSelectorActionProps>;
-    type: 'uploadFile' | 'createPoll' | 'addLocation' | (string & {});
-    ModalContent?: React.ComponentType<AttachmentSelectorModalContentProps>;
-};
-export declare const DefaultAttachmentSelectorComponents: {
-    File({ closeMenu }: AttachmentSelectorActionProps): React.JSX.Element;
-    Location({ closeMenu, openModalForAction }: AttachmentSelectorActionProps): React.JSX.Element;
-    Poll({ closeMenu, openModalForAction }: AttachmentSelectorActionProps): React.JSX.Element;
-};
-export declare const defaultAttachmentSelectorActionSet: AttachmentSelectorAction[];
-export type AttachmentSelectorProps = {
-    attachmentSelectorActionSet?: AttachmentSelectorAction[];
-    getModalPortalDestination?: () => HTMLElement | null;
-};
-export declare const AttachmentSelector: ({ attachmentSelectorActionSet, getModalPortalDestination, }: AttachmentSelectorProps) => React.JSX.Element | null;

package/dist/components/MessageInput/AttachmentSelector.js

@@ -1,158 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { UploadIcon as DefaultUploadIcon } from './icons';
-import { useAttachmentManagerState } from './hooks/useAttachmentManagerState';
-import { CHANNEL_CONTAINER_ID } from '../Channel/constants';
-import { DialogAnchor, useDialogIsOpen, useDialogOnNearestManager } from '../Dialog';
-import { DialogMenuButton } from '../Dialog/DialogMenu';
-import { Modal as DefaultModal } from '../Modal';
-import { ShareLocationDialog as DefaultLocationDialog } from '../Location';
-import { PollCreationDialog as DefaultPollCreationDialog } from '../Poll';
-import { Portal } from '../Portal/Portal';
-import { UploadFileInput } from '../ReactFileUtilities';
-import { useChannelStateContext, useComponentContext, useTranslationContext, } from '../../context';
-import { AttachmentSelectorContextProvider, useAttachmentSelectorContext, } from '../../context/AttachmentSelectorContext';
-import { useStableId } from '../UtilityComponents/useStableId';
-import clsx from 'clsx';
-import { useMessageComposer } from './hooks';
-export const SimpleAttachmentSelector = () => {
-    const { AttachmentSelectorInitiationButtonContents, FileUploadIcon = DefaultUploadIcon, } = useComponentContext();
-    const { channelCapabilities } = useChannelStateContext();
-    const inputRef = useRef(null);
-    const [labelElement, setLabelElement] = useState(null);
-    const id = useStableId();
-    useEffect(() => {
-        if (!labelElement)
-            return;
-        const handleKeyUp = (event) => {
-            if (![' ', 'Enter'].includes(event.key) || !inputRef.current)
-                return;
-            event.preventDefault();
-            inputRef.current.click();
-        };
-        labelElement.addEventListener('keyup', handleKeyUp);
-        return () => {
-            labelElement.removeEventListener('keyup', handleKeyUp);
-        };
-    }, [labelElement]);
-    if (!channelCapabilities['upload-file'])
-        return null;
-    return (React.createElement("div", { className: 'str-chat__file-input-container', "data-testid": 'file-upload-button' },
-        React.createElement(UploadFileInput, { id: id, ref: inputRef }),
-        React.createElement("label", { className: 'str-chat__file-input-label', htmlFor: id, ref: setLabelElement, tabIndex: 0 }, AttachmentSelectorInitiationButtonContents ? (React.createElement(AttachmentSelectorInitiationButtonContents, null)) : (React.createElement(FileUploadIcon, null)))));
-};
-const AttachmentSelectorMenuInitButtonIcon = () => {
-    const { AttachmentSelectorInitiationButtonContents, FileUploadIcon } = useComponentContext('SimpleAttachmentSelector');
-    if (AttachmentSelectorInitiationButtonContents) {
-        return React.createElement(AttachmentSelectorInitiationButtonContents, null);
-    }
-    if (FileUploadIcon) {
-        return React.createElement(FileUploadIcon, null);
-    }
-    return React.createElement("div", { className: 'str-chat__attachment-selector__menu-button__icon' });
-};
-export const DefaultAttachmentSelectorComponents = {
-    File({ closeMenu }) {
-        const { t } = useTranslationContext();
-        const { fileInput } = useAttachmentSelectorContext();
-        const { isUploadEnabled } = useAttachmentManagerState();
-        return (React.createElement(DialogMenuButton, { className: 'str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__upload-file-button', disabled: !isUploadEnabled, onClick: () => {
-                if (fileInput)
-                    fileInput.click();
-                closeMenu();
-            } }, t('File')));
-    },
-    Location({ closeMenu, openModalForAction }) {
-        const { t } = useTranslationContext();
-        return (React.createElement(DialogMenuButton, { className: 'str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__add-location-button', onClick: () => {
-                openModalForAction('addLocation');
-                closeMenu();
-            } }, t('Location')));
-    },
-    Poll({ closeMenu, openModalForAction }) {
-        const { t } = useTranslationContext();
-        return (React.createElement(DialogMenuButton, { className: 'str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button', onClick: () => {
-                openModalForAction('createPoll');
-                closeMenu();
-            } }, t('Poll')));
-    },
-};
-export const defaultAttachmentSelectorActionSet = [
-    { ActionButton: DefaultAttachmentSelectorComponents.File, type: 'uploadFile' },
-    {
-        ActionButton: DefaultAttachmentSelectorComponents.Poll,
-        type: 'createPoll',
-    },
-    {
-        ActionButton: DefaultAttachmentSelectorComponents.Location,
-        type: 'addLocation',
-    },
-];
-const useAttachmentSelectorActionsFiltered = (original) => {
-    const { PollCreationDialog = DefaultPollCreationDialog, ShareLocationDialog = DefaultLocationDialog, } = useComponentContext();
-    const { channelCapabilities } = useChannelStateContext();
-    const messageComposer = useMessageComposer();
-    const channelConfig = messageComposer.channel.getConfig();
-    return original
-        .filter((action) => {
-        if (action.type === 'uploadFile')
-            return channelCapabilities['upload-file'] && channelConfig?.uploads;
-        if (action.type === 'createPoll')
-            return (channelCapabilities['send-poll'] &&
-                !messageComposer.threadId &&
-                channelConfig?.polls);
-        if (action.type === 'addLocation') {
-            return channelConfig?.shared_locations && !messageComposer.threadId;
-        }
-        return true;
-    })
-        .map((action) => {
-        if (action.type === 'createPoll' && !action.ModalContent) {
-            return { ...action, ModalContent: PollCreationDialog };
-        }
-        if (action.type === 'addLocation' && !action.ModalContent) {
-            return { ...action, ModalContent: ShareLocationDialog };
-        }
-        return action;
-    });
-};
-export const AttachmentSelector = ({ attachmentSelectorActionSet = defaultAttachmentSelectorActionSet, getModalPortalDestination, }) => {
-    const { t } = useTranslationContext();
-    const { Modal = DefaultModal } = useComponentContext();
-    const { channelCapabilities } = useChannelStateContext();
-    const messageComposer = useMessageComposer();
-    const actions = useAttachmentSelectorActionsFiltered(attachmentSelectorActionSet);
-    const menuDialogId = `attachment-actions-menu${messageComposer.threadId ? '-thread' : ''}`;
-    const { dialog: menuDialog, dialogManager } = useDialogOnNearestManager({
-        id: menuDialogId,
-    });
-    const menuDialogIsOpen = useDialogIsOpen(menuDialogId, dialogManager?.id);
-    const [modalContentAction, setModalContentActionAction] = useState();
-    const openModal = useCallback((actionType) => {
-        const action = actions.find((a) => a.type === actionType);
-        if (!action?.ModalContent)
-            return;
-        setModalContentActionAction(action);
-    }, [actions]);
-    const closeModal = useCallback(() => setModalContentActionAction(undefined), []);
-    const [fileInput, setFileInput] = useState(null);
-    const menuButtonRef = useRef(null);
-    const getDefaultPortalDestination = useCallback(() => document.getElementById(CHANNEL_CONTAINER_ID), []);
-    if (actions.length === 0)
-        return null;
-    if (actions.length === 1 && actions[0].type === 'uploadFile')
-        return React.createElement(SimpleAttachmentSelector, null);
-    const ModalContent = modalContentAction?.ModalContent;
-    const modalIsOpen = !!ModalContent;
-    return (React.createElement(AttachmentSelectorContextProvider, { value: { fileInput } },
-        React.createElement("div", { className: 'str-chat__attachment-selector' },
-            channelCapabilities['upload-file'] && React.createElement(UploadFileInput, { ref: setFileInput }),
-            React.createElement("button", { "aria-expanded": menuDialogIsOpen, "aria-haspopup": 'true', "aria-label": t('aria/Open Attachment Selector'), className: 'str-chat__attachment-selector__menu-button', "data-testid": 'invoke-attachment-selector-button', onClick: () => menuDialog?.toggle(), ref: menuButtonRef },
-                React.createElement(AttachmentSelectorMenuInitButtonIcon, null)),
-            React.createElement(DialogAnchor, { dialogManagerId: dialogManager?.id, id: menuDialogId, placement: 'top-start', referenceElement: menuButtonRef.current, tabIndex: -1, trapFocus: true },
-                React.createElement("div", { className: 'str-chat__attachment-selector-actions-menu str-chat__dialog-menu', "data-testid": 'attachment-selector-actions-menu' }, actions.map(({ ActionButton, type }) => (React.createElement(ActionButton, { closeMenu: menuDialog.close, key: `attachment-selector-item-${type}`, openModalForAction: openModal }))))),
-            React.createElement(Portal, { getPortalDestination: getModalPortalDestination ?? getDefaultPortalDestination, isOpen: modalIsOpen },
-                React.createElement(Modal, { className: clsx({
-                        'str-chat__create-poll-modal': modalContentAction?.type === 'createPoll',
-                        'str-chat__share-location-modal': modalContentAction?.type === 'addLocation',
-                    }), onClose: closeModal, open: modalIsOpen }, ModalContent && React.createElement(ModalContent, { close: closeModal }))))));
-};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export type CooldownTimerProps = {
-    cooldownInterval: number;
-    setCooldownRemaining: React.Dispatch<React.SetStateAction<number | undefined>>;
-};
-export declare const CooldownTimer: ({ cooldownInterval }: CooldownTimerProps) => React.JSX.Element;

package/dist/components/MessageInput/CooldownTimer.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { useTimer } from './hooks/useTimer';
-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/EditMessageForm.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { MessageUIComponentProps } from '../Message';
-export declare const EditMessageForm: () => React.JSX.Element;
-export type EditMessageModalProps = Pick<MessageUIComponentProps, 'additionalMessageInputProps'>;
-export declare const EditMessageModal: ({ additionalMessageInputProps, }: EditMessageModalProps) => React.JSX.Element;

package/dist/components/MessageInput/EditMessageForm.js

@@ -1,44 +0,0 @@
-import React, { useCallback, useEffect } from 'react';
-import { MessageInput } from './MessageInput';
-import { MessageInputFlat } from './MessageInputFlat';
-import { Modal as DefaultModal } from '../Modal';
-import { useComponentContext, useMessageContext, useMessageInputContext, useTranslationContext, } from '../../context';
-import { useMessageComposer, useMessageComposerHasSendableData } from './hooks';
-const EditMessageFormSendButton = () => {
-    const { t } = useTranslationContext();
-    const hasSendableData = useMessageComposerHasSendableData();
-    return (React.createElement("button", { className: 'str-chat__edit-message-send', "data-testid": 'send-button-edit-form', disabled: !hasSendableData, type: 'submit' }, t('Send')));
-};
-export const EditMessageForm = () => {
-    const { t } = useTranslationContext('EditMessageForm');
-    const messageComposer = useMessageComposer();
-    const { clearEditingState, handleSubmit } = useMessageInputContext('EditMessageForm');
-    const cancel = useCallback(() => {
-        clearEditingState?.();
-        messageComposer.restore();
-    }, [clearEditingState, messageComposer]);
-    useEffect(() => {
-        const onKeyDown = (event) => {
-            if (event.key === 'Escape')
-                cancel();
-        };
-        document.addEventListener('keydown', onKeyDown);
-        return () => document.removeEventListener('keydown', onKeyDown);
-    }, [cancel]);
-    return (React.createElement("form", { autoComplete: 'off', 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: cancel, type: 'button' }, t('Cancel')),
-            React.createElement(EditMessageFormSendButton, null))));
-};
-export const EditMessageModal = ({ additionalMessageInputProps, }) => {
-    const { EditMessageInput = EditMessageForm, Modal = DefaultModal } = useComponentContext();
-    const { clearEditingState } = useMessageContext();
-    const messageComposer = useMessageComposer();
-    const onEditModalClose = useCallback(() => {
-        clearEditingState();
-        messageComposer.restore();
-    }, [clearEditingState, messageComposer]);
-    return (React.createElement(Modal, { className: 'str-chat__edit-message-modal', onClose: onEditModalClose, open: true },
-        React.createElement(MessageInput, { clearEditingState: clearEditingState, focus: true, hideSendButton: true, Input: EditMessageInput, ...additionalMessageInputProps })));
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { LinkPreview } from 'stream-chat';
-export declare const LinkPreviewList: () => React.JSX.Element | null;
-type LinkPreviewProps = {
-    linkPreview: LinkPreview;
-};
-export declare const LinkPreviewCard: ({ linkPreview }: LinkPreviewProps) => React.JSX.Element | null;
-export {};

package/dist/components/MessageInput/LinkPreviewList.js

@@ -1,44 +0,0 @@
-import clsx from 'clsx';
-import React, { useState } from 'react';
-import { LinkPreviewsManager } from 'stream-chat';
-import { useStateStore } from '../../store';
-import { PopperTooltip } from '../Tooltip';
-import { useEnterLeaveHandlers } from '../Tooltip/hooks';
-import { useMessageComposer } from './hooks';
-import { CloseIcon, LinkIcon } from './icons';
-const linkPreviewsManagerStateSelector = (state) => ({
-    linkPreviews: Array.from(state.previews.values()).filter((preview) => LinkPreviewsManager.previewIsLoaded(preview) ||
-        LinkPreviewsManager.previewIsLoading(preview)),
-});
-const messageComposerStateSelector = (state) => ({
-    quotedMessage: state.quotedMessage,
-});
-export const LinkPreviewList = () => {
-    const messageComposer = useMessageComposer();
-    const { linkPreviewsManager } = messageComposer;
-    const { quotedMessage } = useStateStore(messageComposer.state, messageComposerStateSelector);
-    const { linkPreviews } = useStateStore(linkPreviewsManager.state, linkPreviewsManagerStateSelector);
-    const showLinkPreviews = linkPreviews.length > 0 && !quotedMessage;
-    if (!showLinkPreviews)
-        return null;
-    return (React.createElement("div", { className: 'str-chat__link-preview-list' }, linkPreviews.map((linkPreview) => (React.createElement(LinkPreviewCard, { key: linkPreview.og_scrape_url, linkPreview: linkPreview })))));
-};
-export const LinkPreviewCard = ({ linkPreview }) => {
-    const { linkPreviewsManager } = useMessageComposer();
-    const { handleEnter, handleLeave, tooltipVisible } = useEnterLeaveHandlers();
-    const [referenceElement, setReferenceElement] = useState(null);
-    if (!LinkPreviewsManager.previewIsLoaded(linkPreview) &&
-        !LinkPreviewsManager.previewIsLoading(linkPreview))
-        return null;
-    return (React.createElement("div", { className: clsx('str-chat__link-preview-card', {
-            'str-chat__link-preview-card--loading': LinkPreviewsManager.previewIsLoading(linkPreview),
-        }), "data-testid": 'link-preview-card' },
-        React.createElement(PopperTooltip, { offset: [0, 5], referenceElement: referenceElement, visible: tooltipVisible }, linkPreview.og_scrape_url),
-        React.createElement("div", { className: 'str-chat__link-preview-card__icon-container', onMouseEnter: handleEnter, onMouseLeave: handleLeave, ref: setReferenceElement },
-            React.createElement(LinkIcon, null)),
-        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: () => linkPreviewsManager.dismissPreview(linkPreview.og_scrape_url), type: 'button' },
-            React.createElement(CloseIcon, null))));
-};