stream-chat-react 13.14.2 → 14.0.0-beta.1

package/dist/components/ChannelHeader/icons.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { useTranslationContext } from '../../context';
-export const MenuIcon = ({ title }) => {
-    const { t } = useTranslationContext('MenuIcon');
-    return (React.createElement("svg", { "data-testid": 'menu-icon', viewBox: '0 0 448 512', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("title", null, title ?? t('Menu')),
-        React.createElement("path", { d: 'M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z', fill: 'currentColor' })));
-};

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

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

package/dist/components/ChannelHeader/index.js

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

package/dist/components/ChannelList/ChannelList.d.ts

@@ -1,99 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { Channel, ChannelFilters, ChannelOptions, ChannelSort, Event } from 'stream-chat';
-import type { CustomQueryChannelsFn } from './hooks/usePaginatedChannels';
-import type { ChannelListMessengerProps } from './ChannelListMessenger';
-import type { ChannelPreviewUIComponentProps } from '../ChannelPreview/ChannelPreview';
-import type { ChannelSearchProps } from '../ChannelSearch/ChannelSearch';
-import type { EmptyStateIndicatorProps } from '../EmptyStateIndicator';
-import type { LoadMorePaginatorProps } from '../LoadMore/LoadMorePaginator';
-import type { ChatContextValue } from '../../context';
-import type { ChannelAvatarProps } from '../Avatar';
-import type { TranslationContextValue } from '../../context/TranslationContext';
-import type { PaginatorProps } from '../../types/types';
-import type { LoadingErrorIndicatorProps } from '../Loading';
-export type ChannelListProps = {
-    /** Additional props for underlying ChannelSearch component and channel search controller, [available props](https://getstream.io/chat/docs/sdk/react/utility-components/channel_search/#props) */
-    additionalChannelSearchProps?: Omit<ChannelSearchProps, 'setChannels'>;
-    /**
-     * When the client receives `message.new`, `notification.message_new`, and `notification.added_to_channel` events, we automatically
-     * push that channel to the top of the list. If the channel doesn't currently exist in the list, we grab the channel from
-     * `client.activeChannels` and push it to the top of the list. You can disable this behavior by setting this prop
-     * to false, which will prevent channels not in the list from incrementing the list. The default is true.
-     */
-    allowNewMessagesFromUnfilteredChannels?: boolean;
-    /** UI component to display an avatar, defaults to [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) component and accepts the same props as: [ChannelAvatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/ChannelAvatar.tsx) */
-    Avatar?: React.ComponentType<ChannelAvatarProps>;
-    /** Optional function to filter channels prior to loading in the DOM. Do not use any complex or async logic that would delay the loading of the ChannelList. We recommend using a pure function with array methods like filter/sort/reduce. */
-    channelRenderFilterFn?: (channels: Array<Channel>) => Array<Channel>;
-    /** Custom UI component to display search results, defaults to and accepts same props as: [ChannelSearch](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelSearch/ChannelSearch.tsx) */
-    ChannelSearch?: React.ComponentType<ChannelSearchProps>;
-    /** Set a channel (with this ID) to active and manually move it to the top of the list */
-    customActiveChannel?: string;
-    /** Custom function that handles the channel pagination. Has to build query filters, sort and options and query and append channels to the current channels state and update the hasNext pagination flag after each query. */
-    customQueryChannels?: CustomQueryChannelsFn;
-    /** Custom UI component for rendering an empty list, defaults to and accepts same props as: [EmptyStateIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EmptyStateIndicator/EmptyStateIndicator.tsx) */
-    EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
-    /** An object containing channel query filters */
-    filters?: ChannelFilters;
-    /** Custom function that generates the message preview in ChannelPreview component */
-    getLatestMessagePreview?: (channel: Channel, t: TranslationContextValue['t'], userLanguage: TranslationContextValue['userLanguage'], isMessageAIGenerated?: ChatContextValue['isMessageAIGenerated']) => ReactNode;
-    /** Custom UI component to display the container for the queried channels, defaults to and accepts same props as: [ChannelListMessenger](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelListMessenger.tsx) */
-    List?: React.ComponentType<ChannelListMessengerProps>;
-    /** Custom UI component to display the loading error indicator, defaults to component that renders null */
-    LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;
-    /** Custom UI component to display the loading state, defaults to and accepts same props as: [LoadingChannels](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingChannels.tsx) */
-    LoadingIndicator?: React.ComponentType;
-    /** When true, channels won't dynamically sort by most recent message */
-    lockChannelOrder?: boolean;
-    /** Function to override the default behavior when a user is added to a channel, corresponds to [notification.added\_to\_channel](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onAddedToChannel?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a channel is deleted, corresponds to [channel.deleted](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onChannelDeleted?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a channel is hidden, corresponds to [channel.hidden](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onChannelHidden?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a channel is truncated, corresponds to [channel.truncated](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onChannelTruncated?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a channel is updated, corresponds to [channel.updated](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onChannelUpdated?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default channel visible behavior, corresponds to [channel.visible](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onChannelVisible?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a message is received on a channel not being watched, corresponds to [notification.message\_new](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onMessageNew?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a message is received on a channel being watched, handles [message.new](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onMessageNewHandler?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** Function to override the default behavior when a user gets removed from a channel, corresponds to [notification.removed\_from\_channel](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) event */
-    onRemovedFromChannel?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void;
-    /** An object containing channel query options */
-    options?: ChannelOptions;
-    /** Custom UI component to handle channel pagination logic, defaults to and accepts same props as: [LoadMorePaginator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/LoadMore/LoadMorePaginator.tsx) */
-    Paginator?: React.ComponentType<PaginatorProps | LoadMorePaginatorProps>;
-    /** Custom UI component to display the channel preview in the list, defaults to and accepts same props as: [ChannelPreviewMessenger](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelPreview/ChannelPreviewMessenger.tsx) */
-    Preview?: React.ComponentType<ChannelPreviewUIComponentProps>;
-    /**
-     * Custom interval during which the recovery channel list queries will be prevented.
-     * This is to avoid firing unnecessary queries during internet connection fluctuation.
-     * Recovery channel query is triggered upon `connection.recovered` and leads to complete channel list reload with pagination offset 0.
-     * The minimum throttle interval is 2000ms. The default throttle interval is 5000ms.
-     */
-    recoveryThrottleIntervalMs?: number;
-    /** Function to override the default behavior when rendering channels, so this function is called instead of rendering the Preview directly */
-    renderChannels?: (channels: Channel[], channelPreview: (item: Channel) => React.ReactNode) => React.ReactNode;
-    /** If true, sends the list's currently loaded channels to the `List` component as the `loadedChannels` prop */
-    sendChannelsToList?: boolean;
-    /** Last channel will be set as active channel if true, defaults to true */
-    setActiveChannelOnMount?: boolean;
-    /** Whether or not to load the list with a search component, defaults to false */
-    showChannelSearch?: boolean;
-    /** An object containing channel query sort parameters */
-    sort?: ChannelSort;
-    /** An object containing query parameters for fetching channel watchers */
-    watchers?: {
-        limit?: number;
-        offset?: number;
-    };
-};
-/**
- * Renders a preview list of Channels, allowing you to select the Channel you want to open
- */
-export declare const ChannelList: (props: ChannelListProps) => React.JSX.Element;

package/dist/components/ChannelList/ChannelList.js

@@ -1,150 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import clsx from 'clsx';
-import { useConnectionRecoveredListener } from './hooks/useConnectionRecoveredListener';
-import { useMobileNavigation } from './hooks/useMobileNavigation';
-import { usePaginatedChannels } from './hooks/usePaginatedChannels';
-import { useChannelListShape, usePrepareShapeHandlers, } from './hooks/useChannelListShape';
-import { useStateStore } from '../../store';
-import { ChannelListMessenger } from './ChannelListMessenger';
-import { Avatar as DefaultAvatar } from '../Avatar';
-import { ChannelPreview } from '../ChannelPreview/ChannelPreview';
-import { ChannelSearch as DefaultChannelSearch } from '../ChannelSearch/ChannelSearch';
-import { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';
-import { LoadingChannels } from '../Loading/LoadingChannels';
-import { LoadMorePaginator } from '../LoadMore/LoadMorePaginator';
-import { ChannelListContextProvider, useChatContext, useComponentContext, } from '../../context';
-import { NullComponent } from '../UtilityComponents';
-import { moveChannelUpwards } from './utils';
-const DEFAULT_FILTERS = {};
-const DEFAULT_OPTIONS = {};
-const DEFAULT_SORT = {};
-const searchControllerStateSelector = (nextValue) => ({
-    searchIsActive: nextValue.isActive,
-});
-const UnMemoizedChannelList = (props) => {
-    const { additionalChannelSearchProps, allowNewMessagesFromUnfilteredChannels = true, Avatar = DefaultAvatar, channelRenderFilterFn, ChannelSearch = DefaultChannelSearch, customActiveChannel, customQueryChannels, EmptyStateIndicator = DefaultEmptyStateIndicator, filters = {}, getLatestMessagePreview, List = ChannelListMessenger, LoadingErrorIndicator = NullComponent, LoadingIndicator = LoadingChannels, lockChannelOrder = false, onAddedToChannel, onChannelDeleted, onChannelHidden, onChannelTruncated, onChannelUpdated, onChannelVisible, onMessageNew, onMessageNewHandler, onRemovedFromChannel, options, Paginator = LoadMorePaginator, Preview, recoveryThrottleIntervalMs, renderChannels, sendChannelsToList = false, setActiveChannelOnMount = true, showChannelSearch = false, sort = DEFAULT_SORT, watchers = {}, } = props;
-    const { channel, channelsQueryState, client, closeMobileNav, customClasses, navOpen = false, searchController, setActiveChannel, theme, useImageFlagEmojisOnWindows, } = useChatContext('ChannelList');
-    const { Search } = useComponentContext(); // FIXME: us component context to retrieve ChannelPreview UI components too
-    const channelListRef = useRef(null);
-    const [channelUpdateCount, setChannelUpdateCount] = useState(0);
-    const [searchActive, setSearchActive] = useState(false);
-    // Indicator relevant when Search component that relies on SearchController is used
-    const { searchIsActive } = useStateStore(searchController.state, searchControllerStateSelector);
-    /**
-     * Set a channel with id {customActiveChannel} as active and move it to the top of the list.
-     * If customActiveChannel prop is absent, then set the first channel in list as active channel.
-     */
-    const activeChannelHandler = async (channels, setChannels) => {
-        if (!channels.length) {
-            return;
-        }
-        if (customActiveChannel) {
-            // FIXME: this is wrong...
-            let customActiveChannelObject = channels.find((chan) => chan.id === customActiveChannel);
-            if (!customActiveChannelObject) {
-                [customActiveChannelObject] = await client.queryChannels({
-                    id: customActiveChannel,
-                });
-            }
-            if (customActiveChannelObject) {
-                setActiveChannel(customActiveChannelObject, watchers);
-                const newChannels = moveChannelUpwards({
-                    channels,
-                    channelToMove: customActiveChannelObject,
-                    sort,
-                });
-                setChannels(newChannels);
-            }
-            return;
-        }
-        if (setActiveChannelOnMount) {
-            setActiveChannel(channels[0], watchers);
-        }
-    };
-    /**
-     * For some events, inner properties on the channel will update but the shallow comparison will not
-     * force a re-render. Incrementing this dummy variable ensures the channel previews update.
-     */
-    const forceUpdate = useCallback(() => setChannelUpdateCount((count) => count + 1), []);
-    const onSearch = useCallback((event) => {
-        setSearchActive(!!event.target.value);
-        additionalChannelSearchProps?.onSearch?.(event);
-    }, [additionalChannelSearchProps]);
-    const onSearchExit = useCallback(() => {
-        setSearchActive(false);
-        additionalChannelSearchProps?.onSearchExit?.();
-    }, [additionalChannelSearchProps]);
-    const { channels, hasNextPage, loadNextPage, setChannels } = usePaginatedChannels(client, filters || DEFAULT_FILTERS, sort || DEFAULT_SORT, options || DEFAULT_OPTIONS, activeChannelHandler, recoveryThrottleIntervalMs, customQueryChannels);
-    const loadedChannels = channelRenderFilterFn
-        ? channelRenderFilterFn(channels)
-        : channels;
-    useMobileNavigation(channelListRef, navOpen, closeMobileNav);
-    const { customHandler, defaultHandler } = usePrepareShapeHandlers({
-        allowNewMessagesFromUnfilteredChannels,
-        filters,
-        lockChannelOrder,
-        onAddedToChannel,
-        onChannelDeleted,
-        onChannelHidden,
-        onChannelTruncated,
-        onChannelUpdated,
-        onChannelVisible,
-        onMessageNew,
-        onMessageNewHandler,
-        onRemovedFromChannel,
-        setChannels,
-        sort,
-        // TODO: implement
-        // customHandleChannelListShape
-    });
-    useChannelListShape(customHandler ?? defaultHandler);
-    // TODO: maybe move this too
-    useConnectionRecoveredListener(forceUpdate);
-    useEffect(() => {
-        const handleEvent = (event) => {
-            if (event.cid === channel?.cid) {
-                setActiveChannel();
-            }
-        };
-        client.on('channel.deleted', handleEvent);
-        client.on('channel.hidden', handleEvent);
-        return () => {
-            client.off('channel.deleted', handleEvent);
-            client.off('channel.hidden', handleEvent);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [channel?.cid]);
-    const renderChannel = (item) => {
-        const previewProps = {
-            activeChannel: channel,
-            Avatar,
-            channel: item,
-            // forces the update of preview component on channel update
-            channelUpdateCount,
-            getLatestMessagePreview,
-            key: item.cid,
-            Preview,
-            setActiveChannel,
-            watchers,
-        };
-        return React.createElement(ChannelPreview, { ...previewProps });
-    };
-    const baseClass = 'str-chat__channel-list';
-    const className = clsx(customClasses?.chat ?? 'str-chat', theme, customClasses?.channelList ?? `${baseClass} ${baseClass}-react`, {
-        'str-chat--windows-flags': useImageFlagEmojisOnWindows && navigator.userAgent.match(/Win/),
-        [`${baseClass}--open`]: navOpen,
-    });
-    const showChannelList = (!searchActive && !searchIsActive) || additionalChannelSearchProps?.popupResults;
-    return (React.createElement(ChannelListContextProvider, { value: { channels, hasNextPage, loadNextPage, setChannels } },
-        React.createElement("div", { className: className, ref: channelListRef },
-            showChannelSearch &&
-                (Search ? (React.createElement(Search, { directMessagingChannelType: additionalChannelSearchProps?.channelType, disabled: additionalChannelSearchProps?.disabled, exitSearchOnInputBlur: additionalChannelSearchProps?.clearSearchOnClickOutside, placeholder: additionalChannelSearchProps?.placeholder })) : (React.createElement(ChannelSearch, { onSearch: onSearch, onSearchExit: onSearchExit, setChannels: setChannels, ...additionalChannelSearchProps }))),
-            showChannelList && (React.createElement(List, { error: channelsQueryState.error, loadedChannels: sendChannelsToList ? loadedChannels : undefined, loading: !!channelsQueryState.queryInProgress &&
-                    ['reload', 'uninitialized'].includes(channelsQueryState.queryInProgress), LoadingErrorIndicator: LoadingErrorIndicator, LoadingIndicator: LoadingIndicator, setChannels: setChannels }, !loadedChannels?.length ? (React.createElement(EmptyStateIndicator, { listType: 'channel' })) : (React.createElement(Paginator, { hasNextPage: hasNextPage, isLoading: channelsQueryState.queryInProgress === 'load-more', loadNextPage: loadNextPage }, renderChannels
-                ? renderChannels(loadedChannels, renderChannel)
-                : loadedChannels.map((channel) => renderChannel(channel)))))))));
-};
-/**
- * Renders a preview list of Channels, allowing you to select the Channel you want to open
- */
-export const ChannelList = React.memo(UnMemoizedChannelList);

package/dist/components/ChannelList/ChannelListMessenger.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { APIErrorResponse, Channel, ErrorFromResponse } from 'stream-chat';
-import type { LoadingErrorIndicatorProps } from '../Loading';
-export type ChannelListMessengerProps = {
-    /** Whether the channel query request returned an errored response */
-    error: ErrorFromResponse<APIErrorResponse> | null;
-    /** The channels currently loaded in the list, only defined if `sendChannelsToList` on `ChannelList` is true */
-    loadedChannels?: Channel[];
-    /** Whether the channels are currently loading */
-    loading?: boolean;
-    /** Custom UI component to display the loading error indicator, defaults to component that renders null */
-    LoadingErrorIndicator?: React.ComponentType<LoadingErrorIndicatorProps>;
-    /** Custom UI component to display a loading indicator, defaults to and accepts same props as: [LoadingChannels](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingChannels.tsx) */
-    LoadingIndicator?: React.ComponentType;
-    /** Local state hook that resets the currently loaded channels */
-    setChannels?: React.Dispatch<React.SetStateAction<Channel[]>>;
-};
-/**
- * A preview list of channels, allowing you to select the channel you want to open
- */
-export declare const ChannelListMessenger: (props: PropsWithChildren<ChannelListMessengerProps>) => React.JSX.Element;

package/dist/components/ChannelList/ChannelListMessenger.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { LoadingChannels } from '../Loading/LoadingChannels';
-import { NullComponent } from '../UtilityComponents';
-import { useTranslationContext } from '../../context';
-/**
- * A preview list of channels, allowing you to select the channel you want to open
- */
-export const ChannelListMessenger = (props) => {
-    const { children, error = null, loading, LoadingErrorIndicator = NullComponent, LoadingIndicator = LoadingChannels, } = props;
-    const { t } = useTranslationContext('ChannelListMessenger');
-    if (error) {
-        return React.createElement(LoadingErrorIndicator, { error: error });
-    }
-    if (loading) {
-        return React.createElement(LoadingIndicator, null);
-    }
-    return (React.createElement("div", { className: 'str-chat__channel-list-messenger str-chat__channel-list-messenger-react' },
-        React.createElement("div", { "aria-label": t('aria/Channel list'), className: 'str-chat__channel-list-messenger__main str-chat__channel-list-messenger-react__main', role: 'listbox' }, children)));
-};

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

@@ -1,14 +0,0 @@
-export * from './useChannelDeletedListener';
-export * from './useChannelHiddenListener';
-export * from './useChannelTruncatedListener';
-export * from './useChannelUpdatedListener';
-export * from './useChannelVisibleListener';
-export * from './useConnectionRecoveredListener';
-export * from './useMessageNewListener';
-export * from './useMobileNavigation';
-export * from './useNotificationAddedToChannelListener';
-export * from './useNotificationMessageNewListener';
-export * from './useNotificationRemovedFromChannelListener';
-export * from './usePaginatedChannels';
-export * from './useUserPresenceChangedListener';
-export * from './useChannelMembershipState';

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

@@ -1,14 +0,0 @@
-export * from './useChannelDeletedListener';
-export * from './useChannelHiddenListener';
-export * from './useChannelTruncatedListener';
-export * from './useChannelUpdatedListener';
-export * from './useChannelVisibleListener';
-export * from './useConnectionRecoveredListener';
-export * from './useMessageNewListener';
-export * from './useMobileNavigation';
-export * from './useNotificationAddedToChannelListener';
-export * from './useNotificationMessageNewListener';
-export * from './useNotificationRemovedFromChannelListener';
-export * from './usePaginatedChannels';
-export * from './useUserPresenceChangedListener';
-export * from './useChannelMembershipState';

package/dist/components/ChannelList/hooks/useChannelDeletedListener.d.ts

@@ -1,2 +0,0 @@
-import type { Channel, Event } from 'stream-chat';
-export declare const useChannelDeletedListener: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, customHandler?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void) => void;

package/dist/components/ChannelList/hooks/useChannelDeletedListener.js

@@ -1,26 +0,0 @@
-import { useEffect } from 'react';
-import { useChatContext } from '../../../context/ChatContext';
-export const useChannelDeletedListener = (setChannels, customHandler) => {
-    const { client } = useChatContext('useChannelDeletedListener');
-    useEffect(() => {
-        const handleEvent = (event) => {
-            if (customHandler && typeof customHandler === 'function') {
-                customHandler(setChannels, event);
-            }
-            else {
-                setChannels((channels) => {
-                    const channelIndex = channels.findIndex((channel) => channel.cid === event.cid);
-                    if (channelIndex < 0)
-                        return [...channels];
-                    // Remove the deleted channel from the list
-                    channels.splice(channelIndex, 1);
-                    return [...channels];
-                });
-            }
-        };
-        client.on('channel.deleted', handleEvent);
-        return () => {
-            client.off('channel.deleted', handleEvent);
-        };
-    }, [client, customHandler, setChannels]);
-};

package/dist/components/ChannelList/hooks/useChannelHiddenListener.d.ts

@@ -1,2 +0,0 @@
-import type { Channel, Event } from 'stream-chat';
-export declare const useChannelHiddenListener: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, customHandler?: (setChannels: React.Dispatch<React.SetStateAction<Array<Channel>>>, event: Event) => void) => void;

package/dist/components/ChannelList/hooks/useChannelHiddenListener.js

@@ -1,26 +0,0 @@
-import { useEffect } from 'react';
-import { useChatContext } from '../../../context/ChatContext';
-export const useChannelHiddenListener = (setChannels, customHandler) => {
-    const { client } = useChatContext('useChannelHiddenListener');
-    useEffect(() => {
-        const handleEvent = (event) => {
-            if (customHandler && typeof customHandler === 'function') {
-                customHandler(setChannels, event);
-            }
-            else {
-                setChannels((channels) => {
-                    const channelIndex = channels.findIndex((channel) => channel.cid === event.cid);
-                    if (channelIndex < 0)
-                        return [...channels];
-                    // Remove the hidden channel from the list.s
-                    channels.splice(channelIndex, 1);
-                    return [...channels];
-                });
-            }
-        };
-        client.on('channel.hidden', handleEvent);
-        return () => {
-            client.off('channel.hidden', handleEvent);
-        };
-    }, [client, customHandler, setChannels]);
-};

package/dist/components/ChannelList/hooks/useChannelListShape.d.ts

@@ -1,60 +0,0 @@
-import type { Channel, Event } from 'stream-chat';
-import type { Dispatch, SetStateAction } from 'react';
-import type { ChannelListProps } from '../ChannelList';
-type SetChannels = Dispatch<SetStateAction<Channel[]>>;
-type BaseParameters = {
-    event: Event;
-    setChannels: SetChannels;
-};
-type RepeatedParameters = {
-    customHandler?: (setChannels: BaseParameters['setChannels'], event: BaseParameters['event']) => void;
-};
-type HandleMessageNewParameters = BaseParameters & RepeatedParameters & {
-    allowNewMessagesFromUnfilteredChannels: boolean;
-    lockChannelOrder: boolean;
-} & Required<Pick<ChannelListProps, 'filters' | 'sort'>>;
-type HandleNotificationMessageNewParameters = BaseParameters & RepeatedParameters & {
-    allowNewMessagesFromUnfilteredChannels: boolean;
-    lockChannelOrder: boolean;
-} & Required<Pick<ChannelListProps, 'filters' | 'sort'>>;
-type HandleNotificationRemovedFromChannelParameters = BaseParameters & RepeatedParameters;
-type HandleNotificationAddedToChannelParameters = BaseParameters & RepeatedParameters & {
-    allowNewMessagesFromUnfilteredChannels: boolean;
-    lockChannelOrder: boolean;
-} & Required<Pick<ChannelListProps, 'sort'>>;
-type HandleChannelVisibleParameters = BaseParameters & RepeatedParameters & Required<Pick<ChannelListProps, 'sort' | 'filters'>>;
-type HandleMemberUpdatedParameters = BaseParameters & {
-    lockChannelOrder: boolean;
-} & Required<Pick<ChannelListProps, 'sort' | 'filters'>>;
-type HandleChannelDeletedParameters = BaseParameters & RepeatedParameters;
-type HandleChannelHiddenParameters = BaseParameters & RepeatedParameters;
-type HandleChannelTruncatedParameters = BaseParameters & RepeatedParameters;
-type HandleChannelUpdatedParameters = BaseParameters & RepeatedParameters;
-type HandleUserPresenceChangedParameters = BaseParameters;
-export declare const useChannelListShapeDefaults: () => {
-    handleChannelDeleted: (p: HandleChannelDeletedParameters) => void;
-    handleChannelHidden: (p: HandleChannelHiddenParameters) => void;
-    handleChannelTruncated: ({ customHandler, event, setChannels }: HandleChannelTruncatedParameters) => void;
-    handleChannelUpdated: ({ customHandler, event, setChannels }: HandleChannelUpdatedParameters) => void;
-    handleChannelVisible: ({ customHandler, event, filters, setChannels, sort, }: HandleChannelVisibleParameters) => Promise<void>;
-    handleMemberUpdated: ({ event, filters, lockChannelOrder, setChannels, sort, }: HandleMemberUpdatedParameters) => void;
-    handleMessageNew: ({ allowNewMessagesFromUnfilteredChannels, customHandler, event, filters, lockChannelOrder, setChannels, sort, }: HandleMessageNewParameters) => void;
-    handleNotificationAddedToChannel: ({ allowNewMessagesFromUnfilteredChannels, customHandler, event, setChannels, sort, }: HandleNotificationAddedToChannelParameters) => Promise<void>;
-    handleNotificationMessageNew: ({ allowNewMessagesFromUnfilteredChannels, customHandler, event, filters, setChannels, sort, }: HandleNotificationMessageNewParameters) => Promise<void>;
-    handleNotificationRemovedFromChannel: ({ customHandler, event, setChannels, }: HandleNotificationRemovedFromChannelParameters) => void;
-    handleUserPresenceChanged: ({ event, setChannels }: HandleUserPresenceChangedParameters) => void;
-};
-type UseDefaultHandleChannelListShapeParameters = Required<Pick<ChannelListProps, 'allowNewMessagesFromUnfilteredChannels' | 'lockChannelOrder' | 'filters' | 'sort'>> & Pick<ChannelListProps, 'onAddedToChannel' | 'onChannelDeleted' | 'onChannelHidden' | 'onChannelTruncated' | 'onChannelUpdated' | 'onChannelVisible' | 'onMessageNew' | 'onMessageNewHandler' | 'onRemovedFromChannel'> & {
-    setChannels: SetChannels;
-    customHandleChannelListShape?: (data: {
-        defaults: ReturnType<typeof useChannelListShapeDefaults>;
-        event: Event;
-        setChannels: SetChannels;
-    }) => void;
-};
-export declare const usePrepareShapeHandlers: ({ allowNewMessagesFromUnfilteredChannels, customHandleChannelListShape, filters, lockChannelOrder, onAddedToChannel, onChannelDeleted, onChannelHidden, onChannelTruncated, onChannelUpdated, onChannelVisible, onMessageNew, onMessageNewHandler, onRemovedFromChannel, setChannels, sort, }: UseDefaultHandleChannelListShapeParameters) => {
-    customHandler: ((e: Event) => void) | null;
-    defaultHandler: (e: Event) => void;
-};
-export declare const useChannelListShape: (handler: (e: Event) => void) => void;
-export {};