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

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

@@ -1,51 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { FileAttachmentPreview } from './FileAttachmentPreview';
-import { ImageAttachmentPreview } from './ImageAttachmentPreview';
-import { useMessageInputContext } from '../../../context';
-export const ImageUploadPreviewAdapter = ({ id, Preview = ImageAttachmentPreview, }) => {
-    const { imageUploads, removeImage, uploadImage } = useMessageInputContext('ImageUploadPreviewAdapter');
-    const removeAttachments = useCallback((ids) => removeImage(ids[0]), [removeImage]);
-    const handleRetry = useCallback((attachment) => attachment.localMetadata && uploadImage(attachment.localMetadata.id), [uploadImage]);
-    const image = imageUploads[id];
-    const attachment = useMemo(() => 
-    // do not display scraped attachments
-    !image || image.og_scrape_url
-        ? undefined
-        : {
-            image_url: image.previewUri ?? image.url,
-            localMetadata: {
-                file: image.file,
-                id,
-                uploadState: image.state,
-            },
-            title: image.file.name,
-            type: 'image',
-        }, [id, image]);
-    if (!attachment)
-        return null;
-    return (React.createElement(Preview, { attachment: attachment, handleRetry: handleRetry, removeAttachments: removeAttachments }));
-};
-export const FileUploadPreviewAdapter = ({ id, Preview = FileAttachmentPreview, }) => {
-    const { fileUploads, removeFile, uploadFile } = useMessageInputContext('FileUploadPreviewAdapter');
-    const removeAttachments = useCallback((ids) => {
-        removeFile(ids[0]);
-    }, [removeFile]);
-    const handleRetry = useCallback((attachment) => attachment.localMetadata && uploadFile(attachment.localMetadata.id), [uploadFile]);
-    const file = fileUploads[id];
-    const attachment = useMemo(() => !file
-        ? undefined
-        : {
-            asset_url: file.url,
-            localMetadata: {
-                file: file.file,
-                id,
-                uploadState: file.state,
-            },
-            mime_type: file.file.type,
-            title: file.file.name,
-            type: 'file',
-        }, [file, id]);
-    if (!attachment)
-        return null;
-    return (React.createElement(Preview, { attachment: attachment, handleRetry: handleRetry, removeAttachments: removeAttachments }));
-};

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

@@ -1,7 +0,0 @@
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
-import type { MessageInputProps } from '../MessageInput';
-import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useFileUploads: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: React.Dispatch<MessageInputReducerAction<StreamChatGenerics>>) => {
-    removeFile: (id: string) => void;
-    uploadFile: (id: string) => void;
-};

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

@@ -1,85 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { checkUploadPermissions } from './utils';
-import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
-import { useChatContext } from '../../../context/ChatContext';
-import { useTranslationContext } from '../../../context/TranslationContext';
-export const useFileUploads = (props, state, dispatch) => {
-    const { doFileUploadRequest, errorHandler } = props;
-    const { fileUploads } = state;
-    const { channel } = useChannelStateContext('useFileUploads');
-    const { addNotification } = useChannelActionContext('useFileUploads');
-    const { getAppSettings } = useChatContext('useFileUploads');
-    const { t } = useTranslationContext('useFileUploads');
-    const uploadFile = useCallback((id) => {
-        dispatch({ id, state: 'uploading', type: 'setFileUpload' });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const removeFile = useCallback((id) => {
-        // TODO: cancel upload if still uploading
-        dispatch({ id, type: 'removeFileUpload' });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        (async () => {
-            const upload = Object.values(fileUploads).find((fileUpload) => fileUpload.state === 'uploading' && fileUpload.file);
-            if (!upload)
-                return;
-            const { file, id } = upload;
-            const canUpload = await checkUploadPermissions({
-                addNotification,
-                file,
-                getAppSettings,
-                t,
-                uploadType: 'file',
-            });
-            if (!canUpload)
-                return removeFile(id);
-            let response;
-            try {
-                if (doFileUploadRequest) {
-                    response = await doFileUploadRequest(file, channel);
-                }
-                else {
-                    response = await channel.sendFile(file);
-                }
-            }
-            catch (error) {
-                const errorMessage = typeof error.message === 'string'
-                    ? error.message
-                    : t('Error uploading file');
-                addNotification(errorMessage, 'error');
-                let alreadyRemoved = false;
-                if (!fileUploads[id]) {
-                    alreadyRemoved = true;
-                }
-                else {
-                    dispatch({ id, state: 'failed', type: 'setFileUpload' });
-                }
-                if (!alreadyRemoved && errorHandler) {
-                    // TODO: verify if the parameters passed to the error handler actually make sense
-                    errorHandler(error, 'upload-file', file);
-                }
-                return;
-            }
-            // If doImageUploadRequest 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.
-            if (!response) {
-                removeFile(id);
-                return;
-            }
-            dispatch({
-                id,
-                state: 'finished',
-                thumb_url: response.thumb_url,
-                type: 'setFileUpload',
-                url: response.file,
-            });
-        })();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [fileUploads, channel, doFileUploadRequest, errorHandler, removeFile]);
-    return {
-        removeFile,
-        uploadFile,
-    };
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { MessageInputReducerAction, MessageInputState } from './useMessageInputState';
-import type { MessageInputProps } from '../MessageInput';
-import type { CustomTrigger, DefaultStreamChatGenerics } from '../../../types/types';
-export declare const useImageUploads: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: MessageInputProps<StreamChatGenerics, V>, state: MessageInputState<StreamChatGenerics>, dispatch: React.Dispatch<MessageInputReducerAction<StreamChatGenerics>>) => {
-    removeImage: (id: string) => void;
-    uploadImage: (id: string) => Promise<void>;
-};

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

@@ -1,94 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { checkUploadPermissions } from './utils';
-import { useChannelActionContext } from '../../../context/ChannelActionContext';
-import { useChannelStateContext } from '../../../context/ChannelStateContext';
-import { useChatContext } from '../../../context/ChatContext';
-import { useTranslationContext } from '../../../context/TranslationContext';
-export const useImageUploads = (props, state, dispatch) => {
-    const { doImageUploadRequest, errorHandler } = props;
-    const { imageUploads } = state;
-    const { channel } = useChannelStateContext('useImageUploads');
-    const { getAppSettings } = useChatContext('useImageUploads');
-    const { addNotification } = useChannelActionContext('useImageUploads');
-    const { t } = useTranslationContext('useImageUploads');
-    const removeImage = useCallback((id) => {
-        dispatch({ id, type: 'removeImageUpload' });
-        // TODO: cancel upload if still uploading
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const uploadImage = useCallback(async (id) => {
-        const img = imageUploads[id];
-        if (!img)
-            return;
-        const { file } = img;
-        if (img.state !== 'uploading') {
-            dispatch({ id, state: 'uploading', type: 'setImageUpload' });
-        }
-        const canUpload = await checkUploadPermissions({
-            addNotification,
-            file,
-            getAppSettings,
-            t,
-            uploadType: 'image',
-        });
-        if (!canUpload)
-            return removeImage(id);
-        let response;
-        try {
-            if (doImageUploadRequest) {
-                response = await doImageUploadRequest(file, channel);
-            }
-            else {
-                response = await channel.sendImage(file);
-            }
-        }
-        catch (error) {
-            const errorMessage = typeof error.message === 'string'
-                ? error.message
-                : t('Error uploading image');
-            addNotification(errorMessage, 'error');
-            let alreadyRemoved = false;
-            if (!imageUploads[id]) {
-                alreadyRemoved = true;
-            }
-            else {
-                dispatch({ id, state: 'failed', type: 'setImageUpload' });
-            }
-            if (!alreadyRemoved && errorHandler) {
-                // TODO: verify if the parameters passed to the error handler actually make sense
-                errorHandler(error, 'upload-image', {
-                    ...file,
-                    id,
-                });
-            }
-            return;
-        }
-        // If doImageUploadRequest 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.
-        if (!response) {
-            removeImage(id);
-            return;
-        }
-        if (img.previewUri)
-            URL.revokeObjectURL?.(img.previewUri);
-        dispatch({
-            id,
-            previewUri: undefined,
-            state: 'finished',
-            type: 'setImageUpload',
-            url: response.file,
-        });
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [imageUploads, channel, doImageUploadRequest, errorHandler, removeImage]);
-    useEffect(() => {
-        const upload = Object.values(imageUploads).find((imageUpload) => imageUpload.state === 'uploading' && imageUpload.file);
-        if (!upload)
-            return;
-        uploadImage(upload.id);
-    }, [imageUploads, uploadImage]);
-    return {
-        removeImage,
-        uploadImage,
-    };
-};