stream-chat-react/dist/components/Message/hooks/useActionHandler.js

React components to create chat conversations or livestream style chat

import { useChannelActionContext } from '../../../context/ChannelActionContext';
import { useChannelStateContext } from '../../../context/ChannelStateContext';
import { useStableCallback } from '../../../utils/useStableCallback';
export const handleActionWarning = `Action handler was called, but it is missing one of its required arguments. 
Make sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.`;
export function useActionHandler(message) {
    const { removeMessage, updateMessage } = useChannelActionContext('useActionHandler');
    const { channel } = useChannelStateContext('useActionHandler');
    return useStableCallback(async (dataOrName, value, event) => {
        if (event)
            event.preventDefault();
        if (!message || !updateMessage || !removeMessage || !channel) {
            console.warn(handleActionWarning);
            return;
        }
        const messageId = message.id;
        let formData = {};
        // deprecated: value&name should be removed in favor of data obj
        if (typeof dataOrName === 'string') {
            formData[dataOrName] = value;
        }
        else {
            formData = { ...dataOrName };
        }
        if (messageId) {
            const data = await channel.sendAction(messageId, formData);
            if (data?.message) {
                updateMessage(data.message);
            }
            else {
                removeMessage(message);
            }
        }
    });
}