stream-chat-react 13.14.3 → 14.0.0-beta.2

package/dist/components/MessageList/hooks/MessageList/useScrollLocationLogic.js

@@ -1,67 +0,0 @@
-import { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { useMessageListScrollManager } from './useMessageListScrollManager';
-export const useScrollLocationLogic = (params) => {
-    const { hasMoreNewer, listElement, loadMoreScrollThreshold, messages = [], scrolledUpThreshold = 200, suppressAutoscroll, } = params;
-    const [hasNewMessages, setHasNewMessages] = useState(false);
-    const [wrapperRect, setWrapperRect] = useState();
-    const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] = useState(true);
-    const closeToBottom = useRef(false);
-    const closeToTop = useRef(false);
-    const scrollToBottom = useCallback(() => {
-        if (!listElement?.scrollTo || hasMoreNewer || suppressAutoscroll) {
-            return;
-        }
-        listElement.scrollTo({
-            top: listElement.scrollHeight,
-        });
-        setHasNewMessages(false);
-    }, [listElement, hasMoreNewer, suppressAutoscroll]);
-    useLayoutEffect(() => {
-        if (listElement) {
-            setWrapperRect(listElement.getBoundingClientRect());
-            scrollToBottom();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [listElement, hasMoreNewer]);
-    const updateScrollTop = useMessageListScrollManager({
-        loadMoreScrollThreshold,
-        messages,
-        onScrollBy: (scrollBy) => {
-            listElement?.scrollBy({ top: scrollBy });
-        },
-        scrollContainerMeasures: () => ({
-            offsetHeight: listElement?.offsetHeight || 0,
-            scrollHeight: listElement?.scrollHeight || 0,
-        }),
-        scrolledUpThreshold,
-        scrollToBottom,
-        showNewMessages: () => setHasNewMessages(true),
-    });
-    const onScroll = useCallback((event) => {
-        const element = event.target;
-        const scrollTop = element.scrollTop;
-        updateScrollTop(scrollTop);
-        const offsetHeight = element.offsetHeight;
-        const scrollHeight = element.scrollHeight;
-        const prevCloseToBottom = closeToBottom.current;
-        closeToBottom.current =
-            scrollHeight - (scrollTop + offsetHeight) < scrolledUpThreshold;
-        closeToTop.current = scrollTop < scrolledUpThreshold;
-        if (closeToBottom.current) {
-            setHasNewMessages(false);
-        }
-        if (prevCloseToBottom && !closeToBottom.current) {
-            setIsMessageListScrolledToBottom(false);
-        }
-        else if (!prevCloseToBottom && closeToBottom.current) {
-            setIsMessageListScrolledToBottom(true);
-        }
-    }, [updateScrollTop, closeToTop, closeToBottom, scrolledUpThreshold]);
-    return {
-        hasNewMessages,
-        isMessageListScrolledToBottom,
-        onScroll,
-        scrollToBottom,
-        wrapperRect,
-    };
-};

package/dist/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.d.ts

@@ -1,8 +0,0 @@
-export type UseUnreadMessagesNotificationParams = {
-    isMessageListScrolledToBottom: boolean;
-    showAlways: boolean;
-    unreadCount?: number;
-};
-export declare const useUnreadMessagesNotification: ({ isMessageListScrolledToBottom, showAlways, unreadCount, }: UseUnreadMessagesNotificationParams) => {
-    show: boolean;
-};

package/dist/components/MessageList/hooks/MessageList/useUnreadMessagesNotification.js

@@ -1,74 +0,0 @@
-import { useChannelStateContext } from '../../../../context';
-import { useEffect, useRef, useState } from 'react';
-import { MESSAGE_LIST_MAIN_PANEL_CLASS } from '../../MessageListMainPanel';
-import { UNREAD_MESSAGE_SEPARATOR_CLASS } from '../../UnreadMessagesSeparator';
-const targetScrolledAboveVisibleContainerArea = (element) => {
-    const { bottom: targetBottom } = element.getBoundingClientRect();
-    return targetBottom < 0;
-};
-const targetScrolledBelowVisibleContainerArea = (element, container) => {
-    const { top: targetTop } = element.getBoundingClientRect();
-    const { top: containerBottom } = container.getBoundingClientRect();
-    return targetTop > containerBottom;
-};
-export const useUnreadMessagesNotification = ({ isMessageListScrolledToBottom, showAlways, unreadCount, }) => {
-    const { messages } = useChannelStateContext('UnreadMessagesNotification');
-    const [show, setShow] = useState(false);
-    const isScrolledAboveTargetTop = useRef(false);
-    const intersectionObserverIsSupported = typeof IntersectionObserver !== 'undefined';
-    useEffect(() => {
-        if (!(unreadCount && intersectionObserverIsSupported)) {
-            setShow(false);
-            return;
-        }
-        const [msgListPanel] = document.getElementsByClassName(MESSAGE_LIST_MAIN_PANEL_CLASS);
-        if (!msgListPanel)
-            return;
-        const [observedTarget] = document.getElementsByClassName(UNREAD_MESSAGE_SEPARATOR_CLASS);
-        if (!observedTarget) {
-            setShow(true);
-            return;
-        }
-        const scrolledBelowSeparator = targetScrolledAboveVisibleContainerArea(observedTarget);
-        const scrolledAboveSeparator = targetScrolledBelowVisibleContainerArea(observedTarget, msgListPanel);
-        setShow(showAlways
-            ? scrolledBelowSeparator || scrolledAboveSeparator
-            : scrolledBelowSeparator);
-        const observer = new IntersectionObserver((elements) => {
-            if (!elements.length)
-                return;
-            const { boundingClientRect, isIntersecting } = elements[0];
-            if (isIntersecting) {
-                setShow(false);
-                return;
-            }
-            const separatorIsAboveContainerTop = boundingClientRect.bottom < 0;
-            setShow(showAlways || separatorIsAboveContainerTop);
-            isScrolledAboveTargetTop.current = separatorIsAboveContainerTop;
-        }, { root: msgListPanel });
-        observer.observe(observedTarget);
-        return () => {
-            observer.disconnect();
-        };
-    }, [
-        intersectionObserverIsSupported,
-        isMessageListScrolledToBottom,
-        messages,
-        showAlways,
-        unreadCount,
-    ]);
-    useEffect(() => {
-        /**
-         * Handle situation when scrollToBottom is called from another component when the msg list is scrolled above the observed target (unread separator).
-         * The intersection observer is not triggered when Element.scrollTo() is called. So we end up in a situation when we are scrolled to the bottom
-         * and at the same time scrolled above the observed target.
-         */
-        if (unreadCount &&
-            isMessageListScrolledToBottom &&
-            isScrolledAboveTargetTop.current) {
-            setShow(true);
-            isScrolledAboveTargetTop.current = false;
-        }
-    }, [isMessageListScrolledToBottom, unreadCount]);
-    return { show: show && intersectionObserverIsSupported };
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/index.d.ts

@@ -1,7 +0,0 @@
-export * from './useGiphyPreview';
-export * from './useMessageSetKey';
-export * from './useNewMessageNotification';
-export * from './usePrependMessagesCount';
-export * from './useScrollToBottomOnNewMessage';
-export * from './useShouldForceScrollToBottom';
-export * from './useUnreadMessagesNotificationVirtualized';

package/dist/components/MessageList/hooks/VirtualizedMessageList/index.js

@@ -1,7 +0,0 @@
-export * from './useGiphyPreview';
-export * from './useMessageSetKey';
-export * from './useNewMessageNotification';
-export * from './usePrependMessagesCount';
-export * from './useScrollToBottomOnNewMessage';
-export * from './useShouldForceScrollToBottom';
-export * from './useUnreadMessagesNotificationVirtualized';

package/dist/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { LocalMessage } from 'stream-chat';
-export declare const useGiphyPreview: (separateGiphyPreview: boolean) => {
-    giphyPreviewMessage: LocalMessage | undefined;
-    setGiphyPreviewMessage: import("react").Dispatch<import("react").SetStateAction<LocalMessage | undefined>> | undefined;
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useGiphyPreview.js

@@ -1,22 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useChatContext } from '../../../../context/ChatContext';
-export const useGiphyPreview = (separateGiphyPreview) => {
-    const [giphyPreviewMessage, setGiphyPreviewMessage] = useState();
-    const { client } = useChatContext('useGiphyPreview');
-    useEffect(() => {
-        if (!separateGiphyPreview)
-            return;
-        const handleEvent = (event) => {
-            const { message, user } = event;
-            if (message?.command === 'giphy' && user?.id === client.userID) {
-                setGiphyPreviewMessage(undefined);
-            }
-        };
-        client.on('message.new', handleEvent);
-        return () => client.off('message.new', handleEvent);
-    }, [client, separateGiphyPreview]);
-    return {
-        giphyPreviewMessage,
-        setGiphyPreviewMessage: separateGiphyPreview ? setGiphyPreviewMessage : undefined,
-    };
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.d.ts

@@ -1,8 +0,0 @@
-import type { LocalMessage } from 'stream-chat';
-type UseMessageSetKeyParams = {
-    messages?: LocalMessage[];
-};
-export declare const useMessageSetKey: ({ messages }: UseMessageSetKeyParams) => {
-    messageSetKey: number;
-};
-export {};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useMessageSetKey.js

@@ -1,18 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export const useMessageSetKey = ({ messages }) => {
-    /**
-     * Logic to update the key of the virtuoso component when the list jumps to a new location.
-     */
-    const [messageSetKey, setMessageSetKey] = useState(+new Date());
-    const firstMessageId = useRef(undefined);
-    useEffect(() => {
-        const continuousSet = messages?.find((message) => message.id === firstMessageId.current);
-        if (!continuousSet) {
-            setMessageSetKey(+new Date());
-        }
-        firstMessageId.current = messages?.[0]?.id;
-    }, [messages]);
-    return {
-        messageSetKey,
-    };
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { RenderedMessage } from '../../utils';
-export declare function useNewMessageNotification(messages: RenderedMessage[], currentUserId: string | undefined, hasMoreNewer?: boolean): {
-    atBottom: import("react").RefObject<boolean>;
-    isMessageListScrolledToBottom: boolean;
-    newMessagesNotification: boolean;
-    setIsMessageListScrolledToBottom: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setNewMessagesNotification: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useNewMessageNotification.js

@@ -1,42 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export function useNewMessageNotification(messages, currentUserId, hasMoreNewer) {
-    const [newMessagesNotification, setNewMessagesNotification] = useState(false);
-    const [isMessageListScrolledToBottom, setIsMessageListScrolledToBottom] = useState(true);
-    /**
-     * use the flag to avoid the initial "new messages" quick blink
-     */
-    const didMount = useRef(false);
-    const lastMessageId = useRef('');
-    const atBottom = useRef(false);
-    useEffect(() => {
-        if (hasMoreNewer) {
-            setNewMessagesNotification(true);
-            return;
-        }
-        /* handle scrolling behavior for new messages */
-        if (!messages?.length)
-            return;
-        const lastMessage = messages[messages.length - 1];
-        const prevMessageId = lastMessageId.current;
-        lastMessageId.current = lastMessage.id || ''; // update last message id
-        /* do nothing if new messages are loaded from top(loadMore)  */
-        if (lastMessage.id === prevMessageId)
-            return;
-        /* if list is already at the bottom return, followOutput will do the job */
-        if (atBottom.current)
-            return;
-        /* if the new message belongs to current user scroll to bottom */
-        if (lastMessage.user?.id !== currentUserId && didMount.current) {
-            /* otherwise just show newMessage notification  */
-            setNewMessagesNotification(true);
-        }
-        didMount.current = true;
-    }, [currentUserId, messages, hasMoreNewer]);
-    return {
-        atBottom,
-        isMessageListScrolledToBottom,
-        newMessagesNotification,
-        setIsMessageListScrolledToBottom,
-        setNewMessagesNotification,
-    };
-}

package/dist/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.d.ts

@@ -1,2 +0,0 @@
-import type { RenderedMessage } from '../../utils';
-export declare function usePrependedMessagesCount(messages: RenderedMessage[], hasDateSeparator: boolean): number;

package/dist/components/MessageList/hooks/VirtualizedMessageList/usePrependMessagesCount.js

@@ -1,60 +0,0 @@
-import { useMemo, useRef } from 'react';
-import { isLocalMessage } from '../../utils';
-const STATUSES_EXCLUDED_FROM_PREPEND = {
-    failed: true,
-    sending: true,
-};
-export function usePrependedMessagesCount(messages, hasDateSeparator) {
-    const firstRealMessageIndex = hasDateSeparator ? 1 : 0;
-    const firstMessageOnFirstLoadedPage = useRef(undefined);
-    const previousFirstMessageOnFirstLoadedPage = useRef(undefined);
-    const previousNumItemsPrepended = useRef(0);
-    const numItemsPrepended = useMemo(() => {
-        if (!messages || !messages.length) {
-            previousNumItemsPrepended.current = 0;
-            return 0;
-        }
-        const currentFirstMessage = messages?.[firstRealMessageIndex];
-        const noNewMessages = currentFirstMessage?.id === previousFirstMessageOnFirstLoadedPage.current?.id;
-        // This is possible only, when sending messages very quickly (basically single char messages submitted like a crazy) in empty channel (first page)
-        // Optimistic UI update, when sending messages, can lead to a situation, when
-        // the order of the messages changes for a moment. This can happen, when a user
-        // sends multiple messages withing few milliseconds. E.g. we send a message A
-        // then message B. At first we have message array with both messages of status "sending"
-        // then response for message A is received with a new - later - created_at timestamp
-        // this leads to rearrangement of 1.B ("sending"), 2.A ("received"). Still firstMessageOnFirstLoadedPage.current
-        // points to message A, but now this message has index 1 => previousNumItemsPrepended.current === 1
-        // That in turn leads to incorrect index calculation in VirtualizedMessageList trying to access a message
-        // at non-existent index. Therefore, we ignore messages of status "sending" / "failed" in order they are
-        // not considered as prepended messages.
-        const currentFirstMessageStatus = isLocalMessage(currentFirstMessage)
-            ? currentFirstMessage.status
-            : undefined;
-        const firstMsgMovedAfterMessagesInExcludedStatus = !!(currentFirstMessageStatus &&
-            STATUSES_EXCLUDED_FROM_PREPEND[currentFirstMessageStatus]);
-        if (noNewMessages || firstMsgMovedAfterMessagesInExcludedStatus) {
-            return previousNumItemsPrepended.current;
-        }
-        if (!firstMessageOnFirstLoadedPage.current) {
-            firstMessageOnFirstLoadedPage.current = currentFirstMessage;
-        }
-        previousFirstMessageOnFirstLoadedPage.current = currentFirstMessage;
-        // if new messages were prepended, find out how many
-        // start with this number because there cannot be fewer prepended items than before
-        for (let prependedMessageCount = previousNumItemsPrepended.current; prependedMessageCount < messages.length; prependedMessageCount += 1) {
-            const messageIsFirstOnFirstLoadedPage = messages[prependedMessageCount].id === firstMessageOnFirstLoadedPage.current?.id;
-            if (messageIsFirstOnFirstLoadedPage) {
-                previousNumItemsPrepended.current = prependedMessageCount - firstRealMessageIndex;
-                return previousNumItemsPrepended.current;
-            }
-        }
-        // if no match has found, we have jumped - reset the prepended item count.
-        firstMessageOnFirstLoadedPage.current = currentFirstMessage;
-        previousNumItemsPrepended.current = 0;
-        return 0;
-        // TODO: there's a bug here, the messages prop is the same array instance (something mutates it)
-        // that's why the second dependency is necessary
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [firstRealMessageIndex, messages, messages?.length]);
-    return numItemsPrepended;
-}

package/dist/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.d.ts

@@ -1,9 +0,0 @@
-import type { RenderedMessage } from '../../utils';
-type UseScrollToBottomOnNewMessageParams = {
-    scrollToBottom: () => void;
-    messages?: RenderedMessage[];
-    /** When `true`, the list will scroll to the latest message when the window regains focus */
-    scrollToLatestMessageOnFocus?: boolean;
-};
-export declare const useScrollToBottomOnNewMessage: ({ messages, scrollToBottom, scrollToLatestMessageOnFocus, }: UseScrollToBottomOnNewMessageParams) => void;
-export {};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useScrollToBottomOnNewMessage.js

@@ -1,32 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export const useScrollToBottomOnNewMessage = ({ messages, scrollToBottom, scrollToLatestMessageOnFocus, }) => {
-    const [newMessagesReceivedInBackground, setNewMessagesReceivedInBackground] = useState(false);
-    const scrollToBottomIfConfigured = useRef(undefined);
-    scrollToBottomIfConfigured.current = (event) => {
-        if (!scrollToLatestMessageOnFocus ||
-            !newMessagesReceivedInBackground ||
-            event.target !== window) {
-            return;
-        }
-        setTimeout(scrollToBottom, 100);
-    };
-    useEffect(() => {
-        setNewMessagesReceivedInBackground(true);
-    }, [messages]);
-    useEffect(() => {
-        const handleFocus = (event) => {
-            scrollToBottomIfConfigured.current?.(event);
-        };
-        const handleBlur = () => {
-            setNewMessagesReceivedInBackground(false);
-        };
-        if (typeof window !== 'undefined') {
-            window.addEventListener('focus', handleFocus);
-            window.addEventListener('blur', handleBlur);
-        }
-        return () => {
-            window.removeEventListener('focus', handleFocus);
-            window.removeEventListener('blur', handleBlur);
-        };
-    }, []);
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.d.ts

@@ -1,2 +0,0 @@
-import type { RenderedMessage } from '../../utils';
-export declare function useShouldForceScrollToBottom(messages: RenderedMessage[], currentUserId?: string): () => boolean;

package/dist/components/MessageList/hooks/VirtualizedMessageList/useShouldForceScrollToBottom.js

@@ -1,24 +0,0 @@
-import { useEffect, useRef } from 'react';
-export function useShouldForceScrollToBottom(messages, currentUserId) {
-    const lastFocusedOwnMessage = useRef('');
-    const initialFocusRegistered = useRef(false);
-    function recheckForNewOwnMessage() {
-        if (messages && messages.length > 0) {
-            const lastMessage = messages[messages.length - 1];
-            if (lastMessage.user?.id === currentUserId &&
-                lastFocusedOwnMessage.current !== lastMessage.id) {
-                lastFocusedOwnMessage.current = lastMessage.id;
-                return true;
-            }
-        }
-        return false;
-    }
-    useEffect(() => {
-        if (messages && messages.length && !initialFocusRegistered.current) {
-            initialFocusRegistered.current = true;
-            recheckForNewOwnMessage();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [messages, messages?.length]);
-    return recheckForNewOwnMessage;
-}

package/dist/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.d.ts

@@ -1,22 +0,0 @@
-import type { RenderedMessage } from '../../utils';
-export type UseUnreadMessagesNotificationParams = {
-    showAlways: boolean;
-    unreadCount: number;
-    lastRead?: Date | null;
-};
-/**
- * Controls the logic when an `UnreadMessagesNotification` component should be shown.
- * In virtualized message list there is no notion of being scrolled below or above `UnreadMessagesSeparator`.
- * Therefore, the `UnreadMessagesNotification` component is rendered based on timestamps.
- * If the there are unread messages in the channel and the `VirtualizedMessageList` renders
- * messages created later than the last read message in the channel, then the
- * `UnreadMessagesNotification` component is rendered. This is an approximate equivalent to being
- * scrolled below the `UnreadMessagesNotification` component.
- * @param lastRead
- * @param showAlways
- * @param unreadCount
- */
-export declare const useUnreadMessagesNotificationVirtualized: ({ lastRead, showAlways, unreadCount, }: UseUnreadMessagesNotificationParams) => {
-    show: boolean;
-    toggleShowUnreadMessagesNotification: (renderedMessages: RenderedMessage[]) => void;
-};

package/dist/components/MessageList/hooks/VirtualizedMessageList/useUnreadMessagesNotificationVirtualized.js

@@ -1,37 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-/**
- * Controls the logic when an `UnreadMessagesNotification` component should be shown.
- * In virtualized message list there is no notion of being scrolled below or above `UnreadMessagesSeparator`.
- * Therefore, the `UnreadMessagesNotification` component is rendered based on timestamps.
- * If the there are unread messages in the channel and the `VirtualizedMessageList` renders
- * messages created later than the last read message in the channel, then the
- * `UnreadMessagesNotification` component is rendered. This is an approximate equivalent to being
- * scrolled below the `UnreadMessagesNotification` component.
- * @param lastRead
- * @param showAlways
- * @param unreadCount
- */
-export const useUnreadMessagesNotificationVirtualized = ({ lastRead, showAlways, unreadCount, }) => {
-    const [show, setShow] = useState(false);
-    const toggleShowUnreadMessagesNotification = useCallback((renderedMessages) => {
-        if (!unreadCount)
-            return;
-        const firstRenderedMessage = renderedMessages[0];
-        const lastRenderedMessage = renderedMessages.slice(-1)[0];
-        if (!(firstRenderedMessage && lastRenderedMessage))
-            return;
-        const firstRenderedMessageTime = new Date(firstRenderedMessage.created_at ?? 0).getTime();
-        const lastRenderedMessageTime = new Date(lastRenderedMessage.created_at ?? 0).getTime();
-        const lastReadTime = new Date(lastRead ?? 0).getTime();
-        const scrolledBelowSeparator = !!lastReadTime && firstRenderedMessageTime > lastReadTime;
-        const scrolledAboveSeparator = !!lastReadTime && lastRenderedMessageTime < lastReadTime;
-        setShow(showAlways
-            ? scrolledBelowSeparator || scrolledAboveSeparator
-            : scrolledBelowSeparator);
-    }, [lastRead, showAlways, unreadCount]);
-    useEffect(() => {
-        if (!unreadCount)
-            setShow(false);
-    }, [unreadCount]);
-    return { show, toggleShowUnreadMessagesNotification };
-};

package/dist/components/MessageList/hooks/index.d.ts

@@ -1,8 +0,0 @@
-export * from './MessageList/useEnrichedMessages';
-export * from './MessageList/useMessageListElements';
-export * from './MessageList/useMessageListScrollManager';
-export * from './MessageList/useScrollLocationLogic';
-export * from './useLastReadData';
-export * from './VirtualizedMessageList/useNewMessageNotification';
-export * from './VirtualizedMessageList/usePrependMessagesCount';
-export * from './VirtualizedMessageList/useShouldForceScrollToBottom';

package/dist/components/MessageList/hooks/index.js

@@ -1,8 +0,0 @@
-export * from './MessageList/useEnrichedMessages';
-export * from './MessageList/useMessageListElements';
-export * from './MessageList/useMessageListScrollManager';
-export * from './MessageList/useScrollLocationLogic';
-export * from './useLastReadData';
-export * from './VirtualizedMessageList/useNewMessageNotification';
-export * from './VirtualizedMessageList/usePrependMessagesCount';
-export * from './VirtualizedMessageList/useShouldForceScrollToBottom';

package/dist/components/MessageList/hooks/useLastDeliveredData.d.ts

@@ -1,9 +0,0 @@
-import type { Channel, LocalMessage, UserResponse } from 'stream-chat';
-type UseLastDeliveredDataParams = {
-    channel: Channel;
-    messages: LocalMessage[];
-    returnAllReadData: boolean;
-    lastOwnMessage?: LocalMessage;
-};
-export declare const useLastDeliveredData: (props: UseLastDeliveredDataParams) => Record<string, UserResponse[]>;
-export {};

package/dist/components/MessageList/hooks/useLastDeliveredData.js

@@ -1,38 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-export const useLastDeliveredData = (props) => {
-    const { channel, lastOwnMessage, messages, returnAllReadData } = props;
-    const calculateForAll = useCallback(() => messages.reduce((acc, msg) => {
-        acc[msg.id] = channel.messageReceiptsTracker.deliveredForMessage({
-            msgId: msg.id,
-            timestampMs: msg.created_at.getTime(),
-        });
-        return acc;
-    }, {}), [channel, messages]);
-    const calculateForLastOwn = useCallback(() => {
-        if (!lastOwnMessage)
-            return {};
-        return {
-            [lastOwnMessage.id]: channel.messageReceiptsTracker.deliveredForMessage({
-                msgId: lastOwnMessage.id,
-                timestampMs: lastOwnMessage.created_at.getTime(),
-            }),
-        };
-    }, [channel, lastOwnMessage]);
-    const [deliveredTo, setDeliveredTo] = useState(returnAllReadData ? calculateForAll : calculateForLastOwn);
-    useEffect(() => {
-        if (!returnAllReadData)
-            return;
-        setDeliveredTo(calculateForAll);
-        return channel.on('message.delivered', () => setDeliveredTo(calculateForAll))
-            .unsubscribe;
-    }, [channel, calculateForAll, returnAllReadData]);
-    useEffect(() => {
-        if (returnAllReadData)
-            return;
-        else
-            setDeliveredTo(calculateForLastOwn);
-        return channel.on('message.delivered', () => setDeliveredTo(calculateForLastOwn))
-            .unsubscribe;
-    }, [channel, calculateForLastOwn, returnAllReadData]);
-    return deliveredTo;
-};

package/dist/components/MessageList/hooks/useLastOwnMessage.d.ts

@@ -1,5 +0,0 @@
-import type { LocalMessage } from 'stream-chat';
-export declare const useLastOwnMessage: ({ messages, ownUserId, }: {
-    messages?: LocalMessage[];
-    ownUserId?: string;
-}) => LocalMessage | undefined;

package/dist/components/MessageList/hooks/useLastOwnMessage.js

@@ -1,4 +0,0 @@
-import { useMemo } from 'react';
-import { findReverse } from '../../../utils/findReverse';
-// fixme: we should be able to retrieve last own message quickly from the LLC. Should be done when refactoring the LLC Channel state to reactive.
-export const useLastOwnMessage = ({ messages, ownUserId, }) => useMemo(() => messages && findReverse(messages, (msg) => (msg.user && msg.user.id) === ownUserId), [messages, ownUserId]);

package/dist/components/MessageList/hooks/useLastReadData.d.ts

@@ -1,9 +0,0 @@
-import type { Channel, LocalMessage, UserResponse } from 'stream-chat';
-type UseLastReadDataParams = {
-    channel: Channel;
-    messages: LocalMessage[];
-    returnAllReadData: boolean;
-    lastOwnMessage?: LocalMessage;
-};
-export declare const useLastReadData: (props: UseLastReadDataParams) => Record<string, UserResponse[]>;
-export {};

package/dist/components/MessageList/hooks/useLastReadData.js

@@ -1,23 +0,0 @@
-import { useMemo } from 'react';
-export const useLastReadData = (props) => {
-    const { channel, lastOwnMessage, messages, returnAllReadData } = props;
-    return useMemo(() => {
-        if (returnAllReadData) {
-            return messages.reduce((acc, msg) => {
-                acc[msg.id] = channel.messageReceiptsTracker.readersForMessage({
-                    msgId: msg.id,
-                    timestampMs: msg.created_at.getTime(),
-                });
-                return acc;
-            }, {});
-        }
-        if (!lastOwnMessage)
-            return {};
-        return {
-            [lastOwnMessage.id]: channel.messageReceiptsTracker.readersForMessage({
-                msgId: lastOwnMessage.id,
-                timestampMs: lastOwnMessage.created_at.getTime(),
-            }),
-        };
-    }, [channel, lastOwnMessage, messages, returnAllReadData]);
-};

package/dist/components/MessageList/hooks/useMarkRead.d.ts

@@ -1,16 +0,0 @@
-type UseMarkReadParams = {
-    isMessageListScrolledToBottom: boolean;
-    messageListIsThread: boolean;
-    wasMarkedUnread?: boolean;
-};
-/**
- * Takes care of marking a channel read. The channel is read only if all the following applies:
- * 1. the message list is not rendered in a thread
- * 2. the message list is scrolled to the bottom
- * 3. the channel was not marked unread by the user
- * @param isMessageListScrolledToBottom
- * @param messageListIsThread
- * @param wasChannelMarkedUnread
- */
-export declare const useMarkRead: ({ isMessageListScrolledToBottom, messageListIsThread, wasMarkedUnread, }: UseMarkReadParams) => void;
-export {};