stream-chat-react 12.15.0 → 13.0.0-rc.2

package/dist/components/ChatAutoComplete/ChatAutoComplete.d.ts

@@ -1,78 +0,0 @@
-import React from 'react';
-import type { CommandResponse, UserResponse } from 'stream-chat';
-import type { TriggerSettings } from '../MessageInput/DefaultTriggerProvider';
-import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../../types/types';
-import { EmojiSearchIndex, EmojiSearchIndexResult } from '../MessageInput';
-type ObjectUnion<T> = T[keyof T];
-export type SuggestionCommand<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = CommandResponse<StreamChatGenerics>;
-export type SuggestionUser<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UserResponse<StreamChatGenerics>;
-export type SuggestionEmoji<T extends UnknownType = UnknownType> = EmojiSearchIndexResult & T;
-export type SuggestionItem<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, T extends UnknownType = UnknownType> = SuggestionUser<StreamChatGenerics> | SuggestionCommand<StreamChatGenerics> | SuggestionEmoji<T>;
-export type SuggestionItemProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, T extends UnknownType = UnknownType> = {
-    className: string;
-    component: React.ComponentType<{
-        entity: SuggestionItem<StreamChatGenerics, T>;
-        selected: boolean;
-    }>;
-    item: SuggestionItem<StreamChatGenerics, T>;
-    key: React.Key;
-    onClickHandler: (event: React.BaseSyntheticEvent, item: SuggestionItem<StreamChatGenerics, T>) => void;
-    onSelectHandler: (item: SuggestionItem<StreamChatGenerics, T>) => void;
-    selected: boolean;
-    style: React.CSSProperties;
-    value: string;
-};
-export interface SuggestionHeaderProps {
-    currentTrigger: string;
-    value: string;
-}
-export type SuggestionListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = ObjectUnion<{
-    [key in keyof TriggerSettings<StreamChatGenerics, V>]: {
-        component: TriggerSettings<StreamChatGenerics, V>[key]['component'];
-        currentTrigger: string;
-        dropdownScroll: (element: HTMLDivElement) => void;
-        getSelectedItem: ((item: Parameters<TriggerSettings<StreamChatGenerics, V>[key]['output']>[0]) => void) | null;
-        getTextToReplace: (item: Parameters<TriggerSettings<StreamChatGenerics, V>[key]['output']>[0]) => {
-            caretPosition: 'start' | 'end' | 'next' | number;
-            text: string;
-            key?: string;
-        };
-        Header: React.ComponentType<SuggestionHeaderProps>;
-        onSelect: (newToken: {
-            caretPosition: 'start' | 'end' | 'next' | number;
-            text: string;
-        }) => void;
-        selectionEnd: number;
-        SuggestionItem: React.ComponentType<SuggestionItemProps>;
-        values: Parameters<Parameters<TriggerSettings<StreamChatGenerics, V>[key]['dataProvider']>[2]>[0];
-        className?: string;
-        itemClassName?: string;
-        itemStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        value?: string;
-    };
-}>;
-export type ChatAutoCompleteProps<T extends UnknownType = UnknownType> = {
-    /** Override the default disabled state of the underlying `textarea` component. */
-    disabled?: boolean;
-    /** Function to override the default submit handler on the underlying `textarea` component */
-    handleSubmit?: (event: React.BaseSyntheticEvent) => void;
-    /** Function to run on blur of the underlying `textarea` component */
-    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
-    /** Function to override the default onChange behavior on the underlying `textarea` component */
-    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
-    /** Function to run on focus of the underlying `textarea` component */
-    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
-    /** Function to override the default onPaste behavior on the underlying `textarea` component */
-    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
-    /** Placeholder for the underlying `textarea` component */
-    placeholder?: string;
-    /** The initial number of rows for the underlying `textarea` component */
-    rows?: number;
-    /** The text value of the underlying `textarea` component */
-    value?: string;
-    /** Function to override the default emojiReplace behavior on the `wordReplace` prop of the `textarea` component */
-    wordReplace?: (word: string, emojiIndex?: EmojiSearchIndex<T>) => string;
-};
-export declare const ChatAutoComplete: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: ChatAutoCompleteProps) => React.JSX.Element;
-export {};

package/dist/components/ChatAutoComplete/ChatAutoComplete.js

@@ -1,33 +0,0 @@
-import React, { useCallback } from 'react';
-import { AutoCompleteTextarea } from '../AutoCompleteTextarea';
-import { LoadingIndicator } from '../Loading/LoadingIndicator';
-import { useMessageInputContext } from '../../context/MessageInputContext';
-import { useTranslationContext } from '../../context/TranslationContext';
-import { useComponentContext } from '../../context/ComponentContext';
-const UnMemoizedChatAutoComplete = (props) => {
-    const { AutocompleteSuggestionItem: SuggestionItem, AutocompleteSuggestionList: SuggestionList, } = useComponentContext('ChatAutoComplete');
-    const { t } = useTranslationContext('ChatAutoComplete');
-    const messageInput = useMessageInputContext('ChatAutoComplete');
-    const { cooldownRemaining, disabled, emojiSearchIndex, textareaRef: innerRef, } = messageInput;
-    const placeholder = props.placeholder || t('Type your message');
-    const emojiReplace = props.wordReplace
-        ? (word) => props.wordReplace?.(word, emojiSearchIndex)
-        : async (word) => {
-            const found = (await emojiSearchIndex?.search(word)) || [];
-            const emoji = found
-                .filter(Boolean)
-                .slice(0, 10)
-                .find(({ emoticons }) => !!emoticons?.includes(word));
-            if (!emoji)
-                return null;
-            const [firstSkin] = emoji.skins ?? [];
-            return emoji.native ?? firstSkin.native;
-        };
-    const updateInnerRef = useCallback((ref) => {
-        if (innerRef) {
-            innerRef.current = ref;
-        }
-    }, [innerRef]);
-    return (React.createElement(AutoCompleteTextarea, { additionalTextareaProps: messageInput.additionalTextareaProps, "aria-label": cooldownRemaining ? t('Slow Mode ON') : placeholder, className: 'str-chat__textarea__textarea str-chat__message-textarea', closeCommandsList: messageInput.closeCommandsList, closeMentionsList: messageInput.closeMentionsList, containerClassName: 'str-chat__textarea str-chat__message-textarea-react-host', disabled: (props.disabled ?? disabled) || !!cooldownRemaining, disableMentions: messageInput.disableMentions, grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, loadingComponent: LoadingIndicator, maxRows: messageInput.maxRows, minChar: 0, minRows: messageInput.minRows, onBlur: props.onBlur, onChange: props.onChange || messageInput.handleChange, onFocus: props.onFocus, onPaste: props.onPaste || messageInput.onPaste, placeholder: cooldownRemaining ? t('Slow Mode ON') : placeholder, replaceWord: emojiReplace, rows: props.rows || 1, shouldSubmit: messageInput.shouldSubmit, showCommandsList: messageInput.showCommandsList, showMentionsList: messageInput.showMentionsList, SuggestionItem: SuggestionItem, SuggestionList: SuggestionList, trigger: messageInput.autocompleteTriggers || {}, value: props.value || messageInput.text }));
-};
-export const ChatAutoComplete = React.memo(UnMemoizedChatAutoComplete);

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

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

package/dist/components/ChatAutoComplete/index.js

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

package/dist/components/CommandItem/CommandItem.d.ts

@@ -1,12 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-export type CommandItemProps = {
-    entity: {
-        /** Arguments of command */
-        args?: string;
-        /** Description of command */
-        description?: string;
-        /** Name of the command */
-        name?: string;
-    };
-};
-export declare const CommandItem: (props: PropsWithChildren<CommandItemProps>) => React.JSX.Element;

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

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

package/dist/components/CommandItem/index.js

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

package/dist/components/EmoticonItem/EmoticonItem.js

@@ -1,16 +0,0 @@
-import React from 'react';
-const UnMemoizedEmoticonItem = (props) => {
-    const { entity } = props;
-    const hasEntity = Object.keys(entity).length;
-    const itemParts = entity?.itemNameParts;
-    const renderName = () => {
-        if (!hasEntity)
-            return null;
-        return (hasEntity &&
-            itemParts.parts.map((part, i) => part.toLowerCase() === itemParts.match.toLowerCase() ? (React.createElement("span", { className: 'str-chat__emoji-item--highlight', key: `part-${i}` }, part)) : (React.createElement("span", { className: 'str-chat__emoji-item--part', key: `part-${i}` }, part))));
-    };
-    return (React.createElement("div", { className: 'str-chat__emoji-item' },
-        React.createElement("span", { className: 'str-chat__emoji-item--entity' }, entity.native),
-        React.createElement("span", { className: 'str-chat__emoji-item--name' }, renderName())));
-};
-export const EmoticonItem = React.memo(UnMemoizedEmoticonItem);

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

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

package/dist/components/EmoticonItem/index.js

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

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

@@ -1,35 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import type { SuggestionCommand, SuggestionUser } from '../ChatAutoComplete/ChatAutoComplete';
-import type { CommandItemProps } from '../CommandItem/CommandItem';
-import type { EmoticonItemProps } from '../EmoticonItem/EmoticonItem';
-import type { UserItemProps } from '../UserItem/UserItem';
-import type { CustomTrigger, DefaultStreamChatGenerics, UnknownType } from '../../types/types';
-export type AutocompleteMinimalData = {
-    id?: string;
-    name?: string;
-} & ({
-    id: string;
-} | {
-    name: string;
-});
-export type CommandTriggerSetting<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = TriggerSetting<CommandItemProps, SuggestionCommand<StreamChatGenerics>>;
-export type EmojiTriggerSetting = TriggerSetting<EmoticonItemProps>;
-export type UserTriggerSetting<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = TriggerSetting<UserItemProps, SuggestionUser<StreamChatGenerics>>;
-export type TriggerSetting<T extends UnknownType = UnknownType, U = UnknownType> = {
-    component: string | React.ComponentType<T>;
-    dataProvider: (query: string, text: string, onReady: (data: (U & AutocompleteMinimalData)[], token: string) => void) => U[] | PromiseLike<void> | void;
-    output: (entity: U) => {
-        caretPosition: 'start' | 'end' | 'next' | number;
-        text: string;
-        key?: string;
-    } | string | null;
-    callback?: (item: U) => void;
-};
-export type TriggerSettings<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
-    [key in keyof V]: TriggerSetting<V[key]['componentProps'], V[key]['data']>;
-} | {
-    '/': CommandTriggerSetting<StreamChatGenerics>;
-    ':': EmojiTriggerSetting;
-    '@': UserTriggerSetting<StreamChatGenerics>;
-};
-export declare const DefaultTriggerProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, }: PropsWithChildren<Record<string, unknown>>) => React.JSX.Element;

package/dist/components/MessageInput/DefaultTriggerProvider.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { useCommandTrigger } from './hooks/useCommandTrigger';
-import { useEmojiTrigger } from './hooks/useEmojiTrigger';
-import { useUserTrigger } from './hooks/useUserTrigger';
-import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
-export const DefaultTriggerProvider = ({ children, }) => {
-    const currentValue = useMessageInputContext('DefaultTriggerProvider');
-    const defaultAutocompleteTriggers = {
-        '/': useCommandTrigger(),
-        ':': useEmojiTrigger(currentValue.emojiSearchIndex),
-        '@': useUserTrigger({
-            disableMentions: currentValue.disableMentions,
-            mentionAllAppUsers: currentValue.mentionAllAppUsers,
-            mentionQueryParams: currentValue.mentionQueryParams,
-            onSelectUser: currentValue.onSelectUser,
-            useMentionsTransliteration: currentValue.useMentionsTransliteration,
-        }),
-    };
-    const newValue = {
-        ...currentValue,
-        autocompleteTriggers: defaultAutocompleteTriggers,
-    };
-    return (React.createElement(MessageInputContextProvider, { value: newValue }, children));
-};

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

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

package/dist/components/MessageInput/DropzoneProvider.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { ImageDropzone } from '../ReactFileUtilities';
-import { useCooldownTimer } from './hooks/useCooldownTimer';
-import { useCreateMessageInputContext } from './hooks/useCreateMessageInputContext';
-import { useMessageInputState } from './hooks/useMessageInputState';
-import { useChannelStateContext } from '../../context/ChannelStateContext';
-import { MessageInputContextProvider, useMessageInputContext, } from '../../context/MessageInputContext';
-const DropzoneInner = ({ children, }) => {
-    const { acceptedFiles, multipleUploads } = useChannelStateContext('DropzoneProvider');
-    const { cooldownRemaining, isUploadEnabled, maxFilesLeft, uploadNewFiles } = useMessageInputContext('DropzoneProvider');
-    return (React.createElement(ImageDropzone, { accept: acceptedFiles, disabled: !isUploadEnabled || maxFilesLeft === 0 || !!cooldownRemaining, handleFiles: uploadNewFiles, maxNumberOfFiles: maxFilesLeft, multiple: multipleUploads }, children));
-};
-export const DropzoneProvider = (props) => {
-    const cooldownTimerState = useCooldownTimer();
-    const messageInputState = useMessageInputState(props);
-    const messageInputContextValue = useCreateMessageInputContext({
-        ...cooldownTimerState,
-        ...messageInputState,
-        ...props,
-    });
-    return (React.createElement(MessageInputContextProvider, { value: messageInputContextValue },
-        React.createElement(DropzoneInner, null, props.children)));
-};

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

@@ -1,14 +0,0 @@
-import type { FileLike } from '../../ReactFileUtilities';
-import type { Attachment } from 'stream-chat';
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
-import type { MessageInputProps } from '../MessageInput';
-import type { LocalAttachment } from '../types';
-import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useAttachments: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: React.Dispatch<MessageInputReducerAction<StreamChatGenerics>>, textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>) => {
-    maxFilesLeft: number;
-    numberOfUploads: number;
-    removeAttachments: (ids: string[]) => void;
-    uploadAttachment: (att: LocalAttachment<StreamChatGenerics>) => Promise<LocalAttachment<StreamChatGenerics> | undefined>;
-    uploadNewFiles: (files: FileList | File[] | FileLike[]) => void;
-    upsertAttachments: (attachments: (Attachment<StreamChatGenerics> | LocalAttachment<StreamChatGenerics>)[]) => void;
-};

package/dist/components/MessageInput/hooks/useAttachments.js

@@ -1,209 +0,0 @@
-import { useCallback } from 'react';
-import { nanoid } from 'nanoid';
-import { checkUploadPermissions } from './utils';
-import { isLocalAttachment, isLocalImageAttachment } from '../../Attachment';
-import { createFileFromBlobs, generateFileName, isBlobButNotFile, } from '../../ReactFileUtilities';
-import { useChannelActionContext, useChannelStateContext, useChatContext, useTranslationContext, } from '../../../context';
-const apiMaxNumberOfFiles = 10;
-// const isAudioFile = (file: FileLike) => file.type.includes('audio/');
-const isImageFile = (file) => file.type.startsWith('image/') && !file.type.endsWith('.photoshop'); // photoshop files begin with 'image/'
-// const isVideoFile = (file: FileLike) => file.type.includes('video/');
-const getAttachmentTypeFromMime = (mimeType) => {
-    if (mimeType.startsWith('image/') && !mimeType.endsWith('.photoshop'))
-        return 'image';
-    if (mimeType.includes('video/'))
-        return 'video';
-    if (mimeType.includes('audio/'))
-        return 'audio';
-    return 'file';
-};
-const ensureIsLocalAttachment = (attachment) => {
-    if (isLocalAttachment(attachment)) {
-        return attachment;
-    }
-    const { localMetadata, ...rest } = attachment;
-    return {
-        localMetadata: {
-            ...(localMetadata ?? {}),
-            id: localMetadata?.id || nanoid(),
-        },
-        ...rest,
-    };
-};
-export const useAttachments = (props, state, dispatch, textareaRef) => {
-    const { doFileUploadRequest, doImageUploadRequest, errorHandler, noFiles } = props;
-    const { getAppSettings } = useChatContext('useAttachments');
-    const { t } = useTranslationContext('useAttachments');
-    const { addNotification } = useChannelActionContext('useAttachments');
-    const { channel, maxNumberOfFiles, multipleUploads } = useChannelStateContext('useAttachments');
-    // Number of files that the user can still add. Should never be more than the amount allowed by the API.
-    // If multipleUploads is false, we only want to allow a single upload.
-    const maxFilesAllowed = !multipleUploads ? 1 : maxNumberOfFiles || apiMaxNumberOfFiles;
-    const numberOfUploads = Object.values(state.attachments).filter(({ localMetadata }) => localMetadata.uploadState && localMetadata.uploadState !== 'failed').length;
-    const maxFilesLeft = maxFilesAllowed - numberOfUploads;
-    const removeAttachments = useCallback((ids) => {
-        if (!ids.length)
-            return;
-        dispatch({ ids, type: 'removeAttachments' });
-    }, [dispatch]);
-    const upsertAttachments = useCallback((attachments) => {
-        if (!attachments.length)
-            return;
-        dispatch({
-            attachments: attachments.map(ensureIsLocalAttachment),
-            type: 'upsertAttachments',
-        });
-    }, [dispatch]);
-    const uploadAttachment = useCallback(async (att) => {
-        const { localMetadata, ...providedAttachmentData } = att;
-        if (!localMetadata?.file)
-            return att;
-        const { file } = localMetadata;
-        const isImage = isImageFile(file);
-        if (noFiles && !isImage)
-            return att;
-        const canUpload = await checkUploadPermissions({
-            addNotification,
-            file,
-            getAppSettings,
-            t,
-            uploadType: isImage ? 'image' : 'file',
-        });
-        if (!canUpload)
-            return att;
-        localMetadata.id = localMetadata?.id ?? nanoid();
-        const finalAttachment = {
-            type: getAttachmentTypeFromMime(file.type),
-        };
-        if (isImage) {
-            localMetadata.previewUri = URL.createObjectURL?.(file);
-            if (file instanceof File) {
-                finalAttachment.fallback = file.name;
-            }
-        }
-        else {
-            finalAttachment.file_size = file.size;
-            finalAttachment.mime_type = file.type;
-            if (file instanceof File) {
-                finalAttachment.title = file.name;
-            }
-        }
-        Object.assign(finalAttachment, providedAttachmentData);
-        upsertAttachments([
-            {
-                ...finalAttachment,
-                localMetadata: {
-                    ...localMetadata,
-                    uploadState: 'uploading',
-                },
-            },
-        ]);
-        let response;
-        try {
-            const doUploadRequest = isImage ? doImageUploadRequest : doFileUploadRequest;
-            if (doUploadRequest) {
-                response = await doUploadRequest(file, channel);
-            }
-            else {
-                response = await channel[isImage ? 'sendImage' : 'sendFile'](file);
-            }
-        }
-        catch (error) {
-            let finalError = {
-                message: t('Error uploading attachment'),
-                name: 'Error',
-            };
-            if (typeof error.message === 'string') {
-                finalError = error;
-            }
-            else if (typeof error === 'object') {
-                finalError = Object.assign(finalError, error);
-            }
-            console.error(finalError);
-            addNotification(finalError.message, 'error');
-            const failedAttachment = {
-                ...finalAttachment,
-                localMetadata: {
-                    ...localMetadata,
-                    uploadState: 'failed',
-                },
-            };
-            upsertAttachments([failedAttachment]);
-            if (errorHandler) {
-                errorHandler(finalError, 'upload-attachment', {
-                    ...file,
-                    id: localMetadata.id,
-                });
-            }
-            return failedAttachment;
-        }
-        if (!response) {
-            // Copied this from useImageUpload / useFileUpload.
-            // If doUploadRequest returns any falsy value, then don't create the upload preview.
-            // This is for the case if someone wants to handle failure on app level.
-            removeAttachments([localMetadata.id]);
-            return;
-        }
-        const uploadedAttachment = {
-            ...finalAttachment,
-            localMetadata: {
-                ...localMetadata,
-                uploadState: 'finished',
-            },
-        };
-        if (isLocalImageAttachment(uploadedAttachment)) {
-            if (uploadedAttachment.localMetadata.previewUri) {
-                URL.revokeObjectURL(uploadedAttachment.localMetadata.previewUri);
-                delete uploadedAttachment.localMetadata.previewUri;
-            }
-            uploadedAttachment.image_url = response.file;
-        }
-        else {
-            uploadedAttachment.asset_url = response.file;
-        }
-        if (response.thumb_url) {
-            uploadedAttachment.thumb_url = response.thumb_url;
-        }
-        upsertAttachments([uploadedAttachment]);
-        return uploadedAttachment;
-    }, [
-        addNotification,
-        channel,
-        doFileUploadRequest,
-        doImageUploadRequest,
-        errorHandler,
-        getAppSettings,
-        noFiles,
-        removeAttachments,
-        t,
-        upsertAttachments,
-    ]);
-    const uploadNewFiles = useCallback((files) => {
-        const filesToBeUploaded = noFiles
-            ? Array.from(files).filter(isImageFile)
-            : Array.from(files);
-        filesToBeUploaded.slice(0, maxFilesLeft).forEach((fileLike) => {
-            uploadAttachment({
-                localMetadata: {
-                    file: isBlobButNotFile(fileLike)
-                        ? createFileFromBlobs({
-                            blobsArray: [fileLike],
-                            fileName: generateFileName(fileLike.type),
-                            mimeType: fileLike.type,
-                        })
-                        : fileLike,
-                    id: nanoid(),
-                },
-            });
-        });
-        textareaRef.current?.focus();
-    }, [maxFilesLeft, noFiles, textareaRef, uploadAttachment]);
-    return {
-        maxFilesLeft,
-        numberOfUploads,
-        removeAttachments,
-        uploadAttachment,
-        uploadNewFiles,
-        upsertAttachments,
-    };
-};

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

@@ -1,3 +0,0 @@
-import type { CommandTriggerSetting } from '../DefaultTriggerProvider';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useCommandTrigger: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => CommandTriggerSetting<StreamChatGenerics>;

package/dist/components/MessageInput/hooks/useCommandTrigger.js

@@ -1,62 +0,0 @@
-import { CommandItem } from '../../CommandItem/CommandItem';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
-import { useTranslationContext } from '../../../context';
-export const useCommandTrigger = () => {
-    const { channelConfig } = useChannelStateContext('useCommandTrigger');
-    const { t } = useTranslationContext('useCommandTrigger');
-    const commands = channelConfig?.commands;
-    return {
-        component: CommandItem,
-        dataProvider: (query, text, onReady) => {
-            if (text.indexOf('/') !== 0 || !commands) {
-                return [];
-            }
-            const selectedCommands = commands.filter((command) => command.name?.indexOf(query) !== -1);
-            // sort alphabetically unless you're matching the first char
-            selectedCommands.sort((a, b) => {
-                let nameA = a.name?.toLowerCase();
-                let nameB = b.name?.toLowerCase();
-                if (nameA?.indexOf(query) === 0) {
-                    nameA = `0${nameA}`;
-                }
-                if (nameB?.indexOf(query) === 0) {
-                    nameB = `0${nameB}`;
-                }
-                // Should confirm possible null / undefined when TS is fully implemented
-                if (nameA != null && nameB != null) {
-                    if (nameA < nameB) {
-                        return -1;
-                    }
-                    if (nameA > nameB) {
-                        return 1;
-                    }
-                }
-                return 0;
-            });
-            const result = selectedCommands.slice(0, 5);
-            if (onReady)
-                onReady(result
-                    .filter((result) => result.name !== undefined)
-                    .map((commandData) => {
-                    const translatedCommandData = {
-                        name: commandData.name,
-                    };
-                    if (commandData.args)
-                        translatedCommandData.args = t(`${commandData.name}-command-args`, {
-                            defaultValue: commandData.args,
-                        });
-                    if (commandData.description)
-                        translatedCommandData.description = t(`${commandData.name}-command-description`, {
-                            defaultValue: commandData.description,
-                        });
-                    return translatedCommandData;
-                }), query);
-            return result;
-        },
-        output: (entity) => ({
-            caretPosition: 'next',
-            key: entity.name,
-            text: `/${entity.name}`,
-        }),
-    };
-};

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

@@ -1,3 +0,0 @@
-import type { EmojiTriggerSetting } from '../DefaultTriggerProvider';
-import type { EmojiSearchIndex } from '../MessageInput';
-export declare const useEmojiTrigger: <T extends EmojiSearchIndex<import("../../../types/types").UnknownType>>(emojiSearchIndex?: T) => EmojiTriggerSetting;

package/dist/components/MessageInput/hooks/useEmojiTrigger.js

@@ -1,29 +0,0 @@
-import { EmoticonItem } from '../../EmoticonItem/EmoticonItem';
-export const useEmojiTrigger = (emojiSearchIndex) => ({
-    component: EmoticonItem,
-    dataProvider: async (query, _, onReady) => {
-        if (query.length === 0 || query.charAt(0).match(/[^a-zA-Z0-9+-]/)) {
-            return onReady([], query);
-        }
-        const emojis = (await emojiSearchIndex?.search(query)) ?? [];
-        // emojiIndex.search sometimes returns undefined values, so filter those out first
-        const result = emojis
-            .filter(Boolean)
-            .slice(0, 7)
-            .map(({ id, name, native, skins = [] }) => {
-            const [firstSkin] = skins;
-            return {
-                id,
-                name,
-                native: native ?? firstSkin.native,
-            };
-        });
-        if (onReady)
-            onReady(result, query);
-    },
-    output: (entity) => ({
-        caretPosition: 'next',
-        key: entity.id,
-        text: `${'native' in entity ? entity.native : ''}`,
-    }),
-});

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

@@ -1,30 +0,0 @@
-import { Dispatch } from 'react';
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-import type { LinkPreview } from '../types';
-import { SetLinkPreviewMode } from '../types';
-import type { DebouncedFunc } from 'lodash';
-export type URLEnrichmentConfig = {
-    /** Number of milliseconds to debounce firing the URL enrichment queries when typing. The default value is 1500(ms). */
-    debounceURLEnrichmentMs?: number;
-    /** Allows for toggling the URL enrichment and link previews in `MessageInput`. By default, the feature is disabled. */
-    enrichURLForPreview?: boolean;
-    /** Custom function to identify URLs in a string and request OG data */
-    findURLFn?: (text: string) => string[];
-    /** Custom function to react to link preview dismissal */
-    onLinkPreviewDismissed?: (linkPreview: LinkPreview) => void;
-};
-type UseEnrichURLsParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = URLEnrichmentConfig & {
-    dispatch: Dispatch<MessageInputReducerAction<StreamChatGenerics>>;
-    linkPreviews: MessageInputState<StreamChatGenerics>['linkPreviews'];
-};
-export type EnrichURLsController = {
-    /** Function cancels all the scheduled or in-progress URL enrichment queries and resets the state. */
-    cancelURLEnrichment: () => void;
-    /** Function called when a single link preview is dismissed. */
-    dismissLinkPreview: (linkPreview: LinkPreview) => void;
-    /** Function that triggers the search for URLs and their enrichment. */
-    findAndEnqueueURLsToEnrich?: DebouncedFunc<(text: string, mode?: SetLinkPreviewMode) => void>;
-};
-export declare const useLinkPreviews: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ debounceURLEnrichmentMs: debounceURLEnrichmentMsInputContext, dispatch, enrichURLForPreview, findURLFn: findURLFnInputContext, linkPreviews, onLinkPreviewDismissed: onLinkPreviewDismissedInputContext, }: UseEnrichURLsParams<StreamChatGenerics>) => EnrichURLsController;
-export {};