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

package/dist/components/ChannelSearch/hooks/useChannelSearch.js

@@ -1,195 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import debounce from 'lodash.debounce';
-import uniqBy from 'lodash.uniqby';
-import { isChannel } from '../utils';
-import { useChatContext } from '../../../context/ChatContext';
-export const useChannelSearch = ({ channelType = 'messaging', clearSearchOnClickOutside = true, disabled = false, onSearch: onSearchCallback, onSearchExit, onSelectResult, searchDebounceIntervalMs = 300, searchForChannels = false, searchForUsers = true, searchFunction, searchQueryParams, setChannels, }) => {
-    const { client, setActiveChannel } = useChatContext('useChannelSearch');
-    const [inputIsFocused, setInputIsFocused] = useState(false);
-    const [query, setQuery] = useState('');
-    const [results, setResults] = useState([]);
-    const [searching, setSearching] = useState(false);
-    const searchQueryPromiseInProgress = useRef(false);
-    const shouldIgnoreQueryResults = useRef(false);
-    const inputRef = useRef(null);
-    const searchBarRef = useRef(null);
-    const clearState = useCallback(() => {
-        setQuery('');
-        setResults([]);
-        setSearching(false);
-        shouldIgnoreQueryResults.current = searchQueryPromiseInProgress.current;
-    }, []);
-    const activateSearch = useCallback(() => {
-        setInputIsFocused(true);
-    }, []);
-    const exitSearch = useCallback(() => {
-        setInputIsFocused(false);
-        inputRef.current?.blur();
-        clearState();
-        onSearchExit?.();
-    }, [clearState, onSearchExit]);
-    useEffect(() => {
-        if (disabled)
-            return;
-        const clickListener = (event) => {
-            if (!(event.target instanceof HTMLElement))
-                return;
-            const isInputClick = searchBarRef.current?.contains(event.target);
-            if (isInputClick)
-                return;
-            if ((inputIsFocused && !query) || clearSearchOnClickOutside) {
-                exitSearch();
-            }
-        };
-        document.addEventListener('click', clickListener);
-        return () => document.removeEventListener('click', clickListener);
-    }, [disabled, inputIsFocused, query, exitSearch, clearSearchOnClickOutside]);
-    useEffect(() => {
-        if (!inputRef.current || disabled)
-            return;
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape')
-                return exitSearch();
-        };
-        inputRef.current.addEventListener('keydown', handleKeyDown);
-        return () => {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            inputRef.current?.removeEventListener('keydown', handleKeyDown);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [disabled]);
-    const selectResult = useCallback(async (result) => {
-        if (!client.userID)
-            return;
-        if (onSelectResult) {
-            await onSelectResult({
-                setQuery,
-                setResults,
-                setSearching,
-            }, result);
-            return;
-        }
-        let selectedChannel;
-        if (isChannel(result)) {
-            setActiveChannel(result);
-            selectedChannel = result;
-        }
-        else {
-            const newChannel = client.channel(channelType, {
-                members: [client.userID, result.id],
-            });
-            await newChannel.watch();
-            setActiveChannel(newChannel);
-            selectedChannel = newChannel;
-        }
-        setChannels?.((channels) => uniqBy([selectedChannel, ...channels], 'cid'));
-        if (clearSearchOnClickOutside) {
-            exitSearch();
-        }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        clearSearchOnClickOutside,
-        client,
-        exitSearch,
-        onSelectResult,
-        setActiveChannel,
-        setChannels,
-    ]);
-    const getChannels = useCallback(async (text) => {
-        if (!searchForChannels && !searchForUsers)
-            return;
-        let results = [];
-        const promises = [];
-        try {
-            if (searchForChannels) {
-                promises.push(client.queryChannels({
-                    members: { $in: [client.userID] },
-                    name: { $autocomplete: text },
-                    ...searchQueryParams?.channelFilters?.filters,
-                }, searchQueryParams?.channelFilters?.sort || {}, { limit: 5, ...searchQueryParams?.channelFilters?.options }));
-            }
-            if (searchForUsers) {
-                promises.push(client.queryUsers({
-                    $or: [{ id: { $autocomplete: text } }, { name: { $autocomplete: text } }],
-                    ...searchQueryParams?.userFilters?.filters,
-                }, { id: 1, ...searchQueryParams?.userFilters?.sort }, { limit: 8, ...searchQueryParams?.userFilters?.options }));
-            }
-            if (promises.length) {
-                searchQueryPromiseInProgress.current = true;
-                const resolved = await Promise.all(promises);
-                if (searchForChannels && searchForUsers) {
-                    const [channels, { users }] = resolved;
-                    results = [...channels, ...users.filter((u) => u.id !== client.user?.id)];
-                }
-                else if (searchForChannels) {
-                    const [channels] = resolved;
-                    results = [...channels];
-                }
-                else if (searchForUsers) {
-                    const [{ users }] = resolved;
-                    results = [...users.filter((u) => u.id !== client.user?.id)];
-                }
-            }
-        }
-        catch (error) {
-            console.error(error);
-        }
-        setSearching(false);
-        if (!shouldIgnoreQueryResults.current) {
-            setResults(results);
-        }
-        else {
-            shouldIgnoreQueryResults.current = false;
-        }
-        searchQueryPromiseInProgress.current = false;
-    }, [client, searchForChannels, searchForUsers, searchQueryParams]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const scheduleGetChannels = useCallback(debounce(getChannels, searchDebounceIntervalMs), [getChannels, searchDebounceIntervalMs]);
-    const onSearch = useCallback((event) => {
-        event.preventDefault();
-        if (disabled)
-            return;
-        if (searchFunction) {
-            searchFunction({
-                setQuery,
-                setResults,
-                setSearching,
-            }, event);
-        }
-        else if (!searchForChannels && !searchForUsers) {
-            return;
-        }
-        else if (event.target.value) {
-            setSearching(true);
-            setQuery(event.target.value);
-            scheduleGetChannels(event.target.value);
-        }
-        else if (!event.target.value) {
-            clearState();
-            scheduleGetChannels.cancel();
-        }
-        onSearchCallback?.(event);
-    }, [
-        clearState,
-        disabled,
-        scheduleGetChannels,
-        onSearchCallback,
-        searchForChannels,
-        searchForUsers,
-        searchFunction,
-    ]);
-    return {
-        activateSearch,
-        clearState,
-        exitSearch,
-        inputIsFocused,
-        inputRef,
-        onSearch,
-        query,
-        results,
-        searchBarRef,
-        searching,
-        selectResult,
-    };
-};

package/dist/components/ChannelSearch/icons.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { IconProps } from '../../types/types';
-export declare const MenuIcon: () => React.JSX.Element;
-export declare const ReturnIcon: () => React.JSX.Element;
-export declare const XIcon: () => React.JSX.Element;
-export declare const SearchIcon: ({ className }: IconProps) => React.JSX.Element;

package/dist/components/ChannelSearch/icons.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const MenuIcon = () => (React.createElement("svg", { "data-testid": 'menu-icon', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { clipRule: 'evenodd', d: 'M3 8V6H21V8H3ZM3 13H21V11H3V13ZM3 18H21V16H3V18Z', fill: 'black', fillRule: 'evenodd' })));
-export const ReturnIcon = () => (React.createElement("svg", { "data-testid": 'return-icon', fill: 'none', height: '20', viewBox: '0 0 22 22', width: '20', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M21.6668 9.66666V12.3333H5.6529L12.9932 19.6736L11.1076 21.5592L0.54834 11L11.1076 0.440765L12.9932 2.32638L5.6529 9.66666H21.6668Z', fill: '#080707' })));
-export const XIcon = () => (React.createElement("svg", { fill: 'none', height: '14', viewBox: '0 0 14 14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z', fill: '#747881' })));
-export const SearchIcon = ({ className }) => (React.createElement("svg", { className: className, fill: 'none', height: '18', viewBox: '0 0 18 18', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M12.7549 11.255H11.9649L11.6849 10.985C12.6649 9.845 13.2549 8.365 13.2549 6.755C13.2549 3.165 10.3449 0.255005 6.75488 0.255005C3.16488 0.255005 0.254883 3.165 0.254883 6.755C0.254883 10.345 3.16488 13.255 6.75488 13.255C8.36488 13.255 9.84488 12.665 10.9849 11.685L11.2549 11.965V12.755L16.2549 17.745L17.7449 16.255L12.7549 11.255ZM6.75488 11.255C4.26488 11.255 2.25488 9.245 2.25488 6.755C2.25488 4.26501 4.26488 2.255 6.75488 2.255C9.24488 2.255 11.2549 4.26501 11.2549 6.755C11.2549 9.245 9.24488 11.255 6.75488 11.255Z', fill: '#747881' })));

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

@@ -1,6 +0,0 @@
-export * from './ChannelSearch';
-export * from './SearchBar';
-export * from './SearchInput';
-export * from './SearchResults';
-export * from './utils';
-export type { ChannelSearchFunctionParams, ChannelSearchParams, } from './hooks/useChannelSearch';

package/dist/components/ChannelSearch/index.js

@@ -1,5 +0,0 @@
-export * from './ChannelSearch';
-export * from './SearchBar';
-export * from './SearchInput';
-export * from './SearchResults';
-export * from './utils';

package/dist/components/ChannelSearch/utils.d.ts

@@ -1,3 +0,0 @@
-import type { Channel, UserResponse } from 'stream-chat';
-export type ChannelOrUserResponse = Channel | UserResponse;
-export declare const isChannel: (output: ChannelOrUserResponse) => output is Channel;

package/dist/components/ChannelSearch/utils.js

@@ -1 +0,0 @@
-export const isChannel = (output) => output.cid != null;

package/dist/components/Chat/Chat.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { SearchController } from 'stream-chat';
-import type { PropsWithChildren } from 'react';
-import type { StreamChat } from 'stream-chat';
-import type { CustomClasses } from '../../context/ChatContext';
-import { type MessageContextValue } from '../../context';
-import type { SupportedTranslations } from '../../i18n/types';
-import type { Streami18n } from '../../i18n/Streami18n';
-export type ChatProps = {
-    /** The StreamChat client object */
-    client: StreamChat;
-    /** Object containing custom CSS classnames to override the library's default container CSS */
-    customClasses?: CustomClasses;
-    /** Sets the default fallback language for UI component translation, defaults to 'en' for English */
-    defaultLanguage?: SupportedTranslations;
-    /** Instance of Stream i18n */
-    i18nInstance?: Streami18n;
-    /** Initial status of mobile navigation */
-    initialNavOpen?: boolean;
-    /** Instance of SearchController class that allows to control all the search operations. */
-    searchController?: SearchController;
-    /** Used for injecting className/s to the Channel and ChannelList components */
-    theme?: string;
-    /**
-     * Windows 10 does not support country flag emojis out of the box. It chooses to render these emojis as characters instead. Stream
-     * Chat can override this behavior by loading a custom web font that will render images instead (PNGs or SVGs depending on the platform).
-     * Set this prop to true if you want to use these custom emojis for Windows users.
-     *
-     * Note: requires importing `stream-chat-react/css/v2/emoji-replacement.css` style sheet
-     */
-    useImageFlagEmojisOnWindows?: boolean;
-} & Partial<Pick<MessageContextValue, 'isMessageAIGenerated'>>;
-/**
- * Wrapper component for a StreamChat application. Chat needs to be placed around any other chat components
- * as it provides the ChatContext.
- */
-export declare const Chat: (props: PropsWithChildren<ChatProps>) => React.JSX.Element | null;

package/dist/components/Chat/Chat.js

@@ -1,47 +0,0 @@
-import React, { useMemo } from 'react';
-import { ChannelSearchSource, MessageSearchSource, SearchController, UserSearchSource, } from 'stream-chat';
-import { useChat } from './hooks/useChat';
-import { useCreateChatContext } from './hooks/useCreateChatContext';
-import { useChannelsQueryState } from './hooks/useChannelsQueryState';
-import { ChatProvider } from '../../context/ChatContext';
-import { TranslationProvider } from '../../context/TranslationContext';
-import { ModalDialogManagerProvider } from '../../context';
-/**
- * Wrapper component for a StreamChat application. Chat needs to be placed around any other chat components
- * as it provides the ChatContext.
- */
-export const Chat = (props) => {
-    const { children, client, customClasses, defaultLanguage, i18nInstance, initialNavOpen = true, isMessageAIGenerated, searchController: customChannelSearchController, theme = 'messaging light', useImageFlagEmojisOnWindows = false, } = props;
-    const { channel, closeMobileNav, getAppSettings, latestMessageDatesByChannels, mutes, navOpen, openMobileNav, setActiveChannel, translators, } = useChat({ client, defaultLanguage, i18nInstance, initialNavOpen });
-    const channelsQueryState = useChannelsQueryState();
-    const searchController = useMemo(() => customChannelSearchController ??
-        new SearchController({
-            sources: [
-                new ChannelSearchSource(client),
-                new UserSearchSource(client),
-                new MessageSearchSource(client),
-            ],
-        }), [client, customChannelSearchController]);
-    const chatContextValue = useCreateChatContext({
-        channel,
-        channelsQueryState,
-        client,
-        closeMobileNav,
-        customClasses,
-        getAppSettings,
-        isMessageAIGenerated,
-        latestMessageDatesByChannels,
-        mutes,
-        navOpen,
-        openMobileNav,
-        searchController,
-        setActiveChannel,
-        theme,
-        useImageFlagEmojisOnWindows,
-    });
-    if (!translators.t)
-        return null;
-    return (React.createElement(ChatProvider, { value: chatContextValue },
-        React.createElement(TranslationProvider, { value: translators },
-            React.createElement(ModalDialogManagerProvider, null, children))));
-};

package/dist/components/Chat/hooks/useChannelsQueryState.d.ts

@@ -1,11 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react';
-import type { APIErrorResponse, ErrorFromResponse } from 'stream-chat';
-type ChannelQueryState = 'uninitialized' | 'reload' | 'load-more' | null;
-export interface ChannelsQueryState {
-    error: ErrorFromResponse<APIErrorResponse> | null;
-    queryInProgress: ChannelQueryState;
-    setError: Dispatch<SetStateAction<ErrorFromResponse<APIErrorResponse> | null>>;
-    setQueryInProgress: Dispatch<SetStateAction<ChannelQueryState>>;
-}
-export declare const useChannelsQueryState: () => ChannelsQueryState;
-export {};

package/dist/components/Chat/hooks/useChannelsQueryState.js

@@ -1,11 +0,0 @@
-import { useState } from 'react';
-export const useChannelsQueryState = () => {
-    const [error, setError] = useState(null);
-    const [queryInProgress, setQueryInProgress] = useState('uninitialized');
-    return {
-        error,
-        queryInProgress,
-        setError,
-        setQueryInProgress,
-    };
-};

package/dist/components/Chat/hooks/useChat.d.ts

@@ -1,24 +0,0 @@
-import type { TranslationContextValue } from '../../../context/TranslationContext';
-import type { SupportedTranslations } from '../../../i18n';
-import { Streami18n } from '../../../i18n';
-import type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';
-export type UseChatParams = {
-    client: StreamChat;
-    defaultLanguage?: SupportedTranslations;
-    i18nInstance?: Streami18n;
-    initialNavOpen?: boolean;
-};
-export declare const useChat: ({ client, defaultLanguage, i18nInstance, initialNavOpen, }: UseChatParams) => {
-    channel: Channel | undefined;
-    closeMobileNav: () => void;
-    getAppSettings: () => Promise<AppSettingsAPIResponse>;
-    latestMessageDatesByChannels: {};
-    mutes: Mute[];
-    navOpen: boolean | undefined;
-    openMobileNav: () => NodeJS.Timeout;
-    setActiveChannel: (activeChannel?: Channel, watchers?: {
-        limit?: number;
-        offset?: number;
-    }, event?: React.BaseSyntheticEvent) => Promise<void>;
-    translators: TranslationContextValue;
-};

package/dist/components/Chat/hooks/useChat.js

@@ -1,95 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { defaultDateTimeParser, defaultTranslatorFunction, isLanguageSupported, Streami18n, } from '../../../i18n';
-export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialNavOpen, }) => {
-    const [translators, setTranslators] = useState({
-        t: defaultTranslatorFunction,
-        tDateTimeParser: defaultDateTimeParser,
-        userLanguage: 'en',
-    });
-    const [channel, setChannel] = useState();
-    const [mutes, setMutes] = useState([]);
-    const [navOpen, setNavOpen] = useState(initialNavOpen);
-    const [latestMessageDatesByChannels, setLatestMessageDatesByChannels] = useState({});
-    const clientMutes = client.user?.mutes ?? [];
-    const closeMobileNav = () => setNavOpen(false);
-    const openMobileNav = () => setTimeout(() => setNavOpen(true), 100);
-    const appSettings = useRef(null);
-    const getAppSettings = () => {
-        if (appSettings.current) {
-            return appSettings.current;
-        }
-        appSettings.current = client.getAppSettings();
-        return appSettings.current;
-    };
-    useEffect(() => {
-        if (!client)
-            return;
-        const version = "13.14.2";
-        const userAgent = client.getUserAgent();
-        if (!userAgent.includes('stream-chat-react')) {
-            // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'
-            // the upper-case text between double underscores is replaced with the actual semantic version of the library
-            client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
-        }
-        client.threads.registerSubscriptions();
-        client.polls.registerSubscriptions();
-        client.reminders.registerSubscriptions();
-        client.reminders.initTimers();
-        return () => {
-            client.threads.unregisterSubscriptions();
-            client.polls.unregisterSubscriptions();
-            client.reminders.unregisterSubscriptions();
-            client.reminders.clearTimers();
-        };
-    }, [client]);
-    useEffect(() => {
-        setMutes(clientMutes);
-        const handleEvent = (event) => {
-            setMutes(event.me?.mutes || []);
-        };
-        client.on('notification.mutes_updated', handleEvent);
-        return () => client.off('notification.mutes_updated', handleEvent);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [clientMutes?.length]);
-    useEffect(() => {
-        let userLanguage = client.user?.language;
-        if (!userLanguage) {
-            const browserLanguage = window.navigator.language.slice(0, 2); // just get language code, not country-specific version
-            userLanguage = isLanguageSupported(browserLanguage)
-                ? browserLanguage
-                : defaultLanguage;
-        }
-        const streami18n = i18nInstance || new Streami18n({ language: userLanguage });
-        streami18n.registerSetLanguageCallback((t) => setTranslators((prevTranslator) => ({ ...prevTranslator, t })));
-        streami18n.getTranslators().then((translator) => {
-            setTranslators({
-                ...translator,
-                userLanguage: userLanguage || defaultLanguage,
-            });
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [i18nInstance]);
-    const setActiveChannel = useCallback(async (activeChannel, watchers = {}, event) => {
-        if (event && event.preventDefault)
-            event.preventDefault();
-        if (activeChannel && Object.keys(watchers).length) {
-            await activeChannel.query({ watch: true, watchers });
-        }
-        setChannel(activeChannel);
-        closeMobileNav();
-    }, []);
-    useEffect(() => {
-        setLatestMessageDatesByChannels({});
-    }, [client.user?.id]);
-    return {
-        channel,
-        closeMobileNav,
-        getAppSettings,
-        latestMessageDatesByChannels,
-        mutes,
-        navOpen,
-        openMobileNav,
-        setActiveChannel,
-        translators,
-    };
-};

package/dist/components/Chat/hooks/useCreateChatClient.d.ts

@@ -1,11 +0,0 @@
-import { StreamChat } from 'stream-chat';
-import type { OwnUserResponse, StreamChatOptions, TokenOrProvider, UserResponse } from 'stream-chat';
-/**
- * React hook to create, connect and return `StreamChat` client.
- */
-export declare const useCreateChatClient: ({ apiKey, options, tokenOrProvider, userData, }: {
-    apiKey: string;
-    tokenOrProvider: TokenOrProvider;
-    userData: OwnUserResponse | UserResponse;
-    options?: StreamChatOptions;
-}) => StreamChat | null;

package/dist/components/Chat/hooks/useCreateChatClient.js

@@ -1,33 +0,0 @@
-import { useEffect, useState } from 'react';
-import { StreamChat } from 'stream-chat';
-/**
- * React hook to create, connect and return `StreamChat` client.
- */
-export const useCreateChatClient = ({ apiKey, options, tokenOrProvider, userData, }) => {
-    const [chatClient, setChatClient] = useState(null);
-    const [cachedUserData, setCachedUserData] = useState(userData);
-    if (userData.id !== cachedUserData.id) {
-        setCachedUserData(userData);
-    }
-    const [cachedOptions] = useState(options);
-    useEffect(() => {
-        const client = new StreamChat(apiKey, undefined, cachedOptions);
-        let didUserConnectInterrupt = false;
-        const connectionPromise = client
-            .connectUser(cachedUserData, tokenOrProvider)
-            .then(() => {
-            if (!didUserConnectInterrupt)
-                setChatClient(client);
-        });
-        return () => {
-            didUserConnectInterrupt = true;
-            setChatClient(null);
-            connectionPromise
-                .then(() => client.disconnectUser())
-                .then(() => {
-                console.log(`Connection for user "${cachedUserData.id}" has been closed`);
-            });
-        };
-    }, [apiKey, cachedUserData, cachedOptions, tokenOrProvider]);
-    return chatClient;
-};

package/dist/components/Chat/hooks/useCreateChatContext.d.ts

@@ -1,2 +0,0 @@
-import type { ChatContextValue } from '../../../context/ChatContext';
-export declare const useCreateChatContext: (value: ChatContextValue) => ChatContextValue;

package/dist/components/Chat/hooks/useCreateChatContext.js

@@ -1,40 +0,0 @@
-import { useMemo } from 'react';
-export const useCreateChatContext = (value) => {
-    const { channel, channelsQueryState, client, closeMobileNav, customClasses, getAppSettings, isMessageAIGenerated, latestMessageDatesByChannels, mutes, navOpen, openMobileNav, searchController, setActiveChannel, theme, useImageFlagEmojisOnWindows, } = value;
-    const channelCid = channel?.cid;
-    const channelsQueryError = channelsQueryState.error;
-    const channelsQueryInProgress = channelsQueryState.queryInProgress;
-    const clientValues = `${client.clientID}${Object.keys(client.activeChannels).length}${Object.keys(client.listeners).length}${client.mutedChannels.length}
-  ${client.user?.id}`;
-    const mutedUsersLength = mutes.length;
-    const chatContext = useMemo(() => ({
-        channel,
-        channelsQueryState,
-        client,
-        closeMobileNav,
-        customClasses,
-        getAppSettings,
-        isMessageAIGenerated,
-        latestMessageDatesByChannels,
-        mutes,
-        navOpen,
-        openMobileNav,
-        searchController,
-        setActiveChannel,
-        theme,
-        useImageFlagEmojisOnWindows,
-    }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        channelCid,
-        channelsQueryError,
-        channelsQueryInProgress,
-        clientValues,
-        getAppSettings,
-        searchController,
-        mutedUsersLength,
-        navOpen,
-        isMessageAIGenerated,
-    ]);
-    return chatContext;
-};

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

@@ -1,3 +0,0 @@
-export * from './Chat';
-export * from './hooks/useChat';
-export * from './hooks/useCreateChatClient';

package/dist/components/Chat/index.js

@@ -1,3 +0,0 @@
-export * from './Chat';
-export * from './hooks/useChat';
-export * from './hooks/useCreateChatClient';

package/dist/components/ChatView/ChatView.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { Thread } from 'stream-chat';
-export declare const ChatView: {
-    ({ children }: PropsWithChildren): React.JSX.Element;
-    Channels: ({ children }: PropsWithChildren) => React.JSX.Element | null;
-    Threads: ({ children }: PropsWithChildren) => React.JSX.Element | null;
-    ThreadAdapter: ({ children }: PropsWithChildren) => React.JSX.Element;
-    Selector: () => React.JSX.Element;
-};
-export type ThreadsViewContextValue = {
-    activeThread: Thread | undefined;
-    setActiveThread: (cv: ThreadsViewContextValue['activeThread']) => void;
-};
-export declare const useThreadsViewContext: () => ThreadsViewContextValue;
-export declare const useActiveThread: ({ activeThread }: {
-    activeThread?: Thread;
-}) => void;