stream-chat-react/dist/components/Channel/utils.js

React components to create chat conversations or livestream style chat

import { nanoid } from 'nanoid';
export const makeAddNotifications = (setNotifications, notificationTimeouts) => (text, type) => {
    if (typeof text !== 'string' || (type !== 'success' && type !== 'error')) {
        return;
    }
    const id = nanoid();
    setNotifications((prevNotifications) => [...prevNotifications, { id, text, type }]);
    const timeout = setTimeout(() => setNotifications((prevNotifications) => prevNotifications.filter((notification) => notification.id !== id)), 5000);
    notificationTimeouts.push(timeout);
};
/**
 * Utility function for jumpToFirstUnreadMessage
 * @param targetId
 * @param msgSet
 */
export const findInMsgSetById = (targetId, msgSet) => {
    for (let i = msgSet.length - 1; i >= 0; i--) {
        const item = msgSet[i];
        if (item.id === targetId) {
            return {
                index: i,
                target: item,
            };
        }
    }
    return {
        index: -1,
    };
};
/**
 * Utility function for jumpToFirstUnreadMessage
 * @param targetDate
 * @param msgSet
 * @param exact
 */
export const findInMsgSetByDate = (targetDate, msgSet, exact = false) => {
    const targetTimestamp = targetDate.getTime();
    let left = 0;
    let middle = 0;
    let right = msgSet.length - 1;
    while (left <= right) {
        middle = Math.floor((right + left) / 2);
        const middleTimestamp = new Date(msgSet[middle].created_at).getTime();
        const middleLeftTimestamp = msgSet[middle - 1]?.created_at &&
            new Date(msgSet[middle - 1].created_at).getTime();
        const middleRightTimestamp = msgSet[middle + 1]?.created_at &&
            new Date(msgSet[middle + 1].created_at).getTime();
        if (middleTimestamp === targetTimestamp ||
            (middleLeftTimestamp &&
                middleRightTimestamp &&
                middleLeftTimestamp < targetTimestamp &&
                targetTimestamp < middleRightTimestamp)) {
            return { index: middle, target: msgSet[middle] };
        }
        if (middleTimestamp < targetTimestamp)
            left = middle + 1;
        else
            right = middle - 1;
    }
    if (!exact ||
        new Date(msgSet[left].created_at).getTime() === targetTimestamp) {
        return { index: left, target: msgSet[left] };
    }
    return { index: -1 };
};
export const generateMessageId = ({ client }) => `${client.userID}-${nanoid()}`;