stream-chat-react 13.13.6 → 13.14.1

package/dist/components/Channel/Channel.js

@@ -1,7 +1,6 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, } from 'react';
 import clsx from 'clsx';
 import debounce from 'lodash.debounce';
-import defaultsDeep from 'lodash.defaultsdeep';
 import throttle from 'lodash.throttle';
 import { localMessageToNewMessagePayload } from 'stream-chat';
 import { initialState, makeChannelReducer } from './channelState';
@@ -13,7 +12,7 @@ import { useMentionsHandlers } from './hooks/useMentionsHandlers';
 import { LoadingErrorIndicator as DefaultLoadingErrorIndicator, LoadingChannel as DefaultLoadingIndicator, } from '../Loading';
 import { ChannelActionProvider, ChannelStateProvider, TypingProvider, useChatContext, useTranslationContext, WithComponents, } from '../../context';
 import { CHANNEL_CONTAINER_ID } from './constants';
-import { DEFAULT_HIGHLIGHT_DURATION, DEFAULT_INITIAL_CHANNEL_PAGE_SIZE, DEFAULT_JUMP_TO_PAGE_SIZE, DEFAULT_NEXT_CHANNEL_PAGE_SIZE, DEFAULT_THREAD_PAGE_SIZE, } from '../../constants/limits';
+import { DEFAULT_HIGHLIGHT_DURATION, DEFAULT_JUMP_TO_PAGE_SIZE, DEFAULT_NEXT_CHANNEL_PAGE_SIZE, DEFAULT_THREAD_PAGE_SIZE, } from '../../constants/limits';
 import { hasMoreMessagesProbably } from '../MessageList';
 import { getChatContainerClass, useChannelContainerClasses, useImageFlagEmojisOnWindowsClass, } from './hooks/useChannelContainerClasses';
 import { findInMsgSetByDate, findInMsgSetById, makeAddNotifications } from './utils';
@@ -48,10 +47,7 @@ const UnMemoizedChannel = (props) => {
     return React.createElement(ChannelInner, { ...props, channel: channel, key: channel.cid });
 };
 const ChannelInner = (props) => {
-    const { activeUnreadHandler, allowConcurrentAudioPlayback, channel, channelQueryOptions: propChannelQueryOptions, children, doDeleteMessageRequest, doMarkReadRequest, doSendMessageRequest, doUpdateMessageRequest, initializeOnMount = true, LoadingErrorIndicator = DefaultLoadingErrorIndicator, LoadingIndicator = DefaultLoadingIndicator, markReadOnMount = true, onMentionsClick, onMentionsHover, skipMessageDataMemoization, } = props;
-    const channelQueryOptions = useMemo(() => defaultsDeep(propChannelQueryOptions, {
-        messages: { limit: DEFAULT_INITIAL_CHANNEL_PAGE_SIZE },
-    }), [propChannelQueryOptions]);
+    const { activeUnreadHandler, allowConcurrentAudioPlayback, channel, channelQueryOptions, children, doDeleteMessageRequest, doMarkReadRequest, doSendMessageRequest, doUpdateMessageRequest, initializeOnMount = true, LoadingErrorIndicator = DefaultLoadingErrorIndicator, LoadingIndicator = DefaultLoadingIndicator, markReadOnMount = true, onMentionsClick, onMentionsHover, skipMessageDataMemoization, } = props;
     const { client, customClasses, latestMessageDatesByChannels, mutes, searchController } = useChatContext('Channel');
     const { t } = useTranslationContext('Channel');
     const chatContainerClass = getChatContainerClass(customClasses?.chatContainer);

package/dist/components/ChannelList/ChannelList.js

@@ -14,7 +14,7 @@ import { LoadingChannels } from '../Loading/LoadingChannels';
 import { LoadMorePaginator } from '../LoadMore/LoadMorePaginator';
 import { ChannelListContextProvider, useChatContext, useComponentContext, } from '../../context';
 import { NullComponent } from '../UtilityComponents';
-import { MAX_QUERY_CHANNELS_LIMIT, moveChannelUpwards } from './utils';
+import { moveChannelUpwards } from './utils';
 const DEFAULT_FILTERS = {};
 const DEFAULT_OPTIONS = {};
 const DEFAULT_SORT = {};
@@ -35,8 +35,7 @@ const UnMemoizedChannelList = (props) => {
      * If customActiveChannel prop is absent, then set the first channel in list as active channel.
      */
     const activeChannelHandler = async (channels, setChannels) => {
-        if (!channels.length ||
-            channels.length > (options?.limit || MAX_QUERY_CHANNELS_LIMIT)) {
+        if (!channels.length) {
             return;
         }
         if (customActiveChannel) {

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

@@ -1,8 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import uniqBy from 'lodash.uniqby';
-import { MAX_QUERY_CHANNELS_LIMIT } from '../utils';
 import { useChatContext } from '../../../context/ChatContext';
-import { DEFAULT_INITIAL_CHANNEL_PAGE_SIZE } from '../../../constants/limits';
 const RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5000;
 const MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
 export const usePaginatedChannels = (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS, customQueryChannels) => {
@@ -35,8 +33,6 @@ export const usePaginatedChannels = (client, filters, sort, options, activeChann
             else {
                 const offset = queryType === 'reload' ? 0 : channels.length;
                 const newOptions = {
-                    limit: options?.limit ?? MAX_QUERY_CHANNELS_LIMIT,
-                    message_limit: options?.message_limit ?? DEFAULT_INITIAL_CHANNEL_PAGE_SIZE,
                     offset,
                     ...options,
                 };
@@ -45,7 +41,7 @@ export const usePaginatedChannels = (client, filters, sort, options, activeChann
                     ? channelQueryResponse
                     : uniqBy([...channels, ...channelQueryResponse], 'cid');
                 setChannels(newChannels);
-                setHasNextPage(channelQueryResponse.length >= newOptions.limit);
+                setHasNextPage(channelQueryResponse.length >= (newOptions.limit ?? 1));
                 // Set active channel only on load of first page
                 if (!offset && activeChannelHandler) {
                     activeChannelHandler(newChannels, setChannels);

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

@@ -1,6 +1,5 @@
 import type { Channel, ChannelSort, ChannelSortBase } from 'stream-chat';
 import type { ChannelListProps } from './ChannelList';
-export declare const MAX_QUERY_CHANNELS_LIMIT = 30;
 type MoveChannelUpParams = {
     channels: Array<Channel>;
     cid: string;

package/dist/components/ChannelList/utils.js

@@ -1,5 +1,4 @@
 import uniqBy from 'lodash.uniqby';
-export const MAX_QUERY_CHANNELS_LIMIT = 30;
 /**
  * @deprecated
  */

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

@@ -24,7 +24,7 @@ export const useChat = ({ client, defaultLanguage = 'en', i18nInstance, initialN
     useEffect(() => {
         if (!client)
             return;
-        const version = "13.13.6";
+        const version = "13.14.1";
         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'

package/dist/components/MessageInput/SendButton.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { UpdatedMessage } from 'stream-chat';
 export type SendButtonProps = {
-    sendMessage: (event: React.BaseSyntheticEvent, customMessageData?: Omit<UpdatedMessage, 'mentioned_users'>) => void;
+    sendMessage: (event: React.BaseSyntheticEvent) => void;
 } & React.ComponentProps<'button'>;
 export declare const SendButton: ({ sendMessage, ...rest }: SendButtonProps) => React.JSX.Element;

package/dist/components/MessageInput/hooks/useMessageInputControls.d.ts

@@ -1,9 +1,8 @@
 import type React from 'react';
 import type { RecordingController } from '../../MediaRecorder/hooks/useMediaRecorder';
-import type { UpdatedMessage } from 'stream-chat';
 import type { MessageInputProps } from '../MessageInput';
 export type MessageInputHookProps = {
-    handleSubmit: (event?: React.BaseSyntheticEvent, customMessageData?: Omit<UpdatedMessage, 'mentioned_users'>) => void;
+    handleSubmit: (event?: React.BaseSyntheticEvent) => void;
     onPaste: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
     recordingController: RecordingController;
     textareaRef: React.MutableRefObject<HTMLTextAreaElement | null | undefined>;

package/dist/constants/limits.d.ts

@@ -1,7 +1,5 @@
-export declare const DEFAULT_INITIAL_CHANNEL_PAGE_SIZE = 25;
-export declare const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
-export declare const DEFAULT_JUMP_TO_PAGE_SIZE = 100;
-export declare const DEFAULT_THREAD_PAGE_SIZE = 50;
+export declare const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 25;
+export declare const DEFAULT_JUMP_TO_PAGE_SIZE = 25;
+export declare const DEFAULT_THREAD_PAGE_SIZE = 25;
 export declare const DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
-export declare const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES: number;
 export declare const DEFAULT_HIGHLIGHT_DURATION = 500;

package/dist/constants/limits.js

@@ -1,7 +1,5 @@
-export const DEFAULT_INITIAL_CHANNEL_PAGE_SIZE = 25;
-export const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
-export const DEFAULT_JUMP_TO_PAGE_SIZE = 100;
-export const DEFAULT_THREAD_PAGE_SIZE = 50;
+export const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 25;
+export const DEFAULT_JUMP_TO_PAGE_SIZE = 25;
+export const DEFAULT_THREAD_PAGE_SIZE = 25;
 export const DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
-export const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 100 * 1024 * 1024; // 100 MB
 export const DEFAULT_HIGHLIGHT_DURATION = 500;

package/dist/experimental/index.browser.cjs

@@ -793,11 +793,6 @@ var import_clsx3 = __toESM(require("clsx"));
 var import_react17 = __toESM(require("react"));
 var import_clsx2 = __toESM(require("clsx"));
 
-// src/constants/limits.ts
-var DEFAULT_JUMP_TO_PAGE_SIZE = 100;
-var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
-var DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 100 * 1024 * 1024;
-
 // src/components/ChannelList/hooks/useSelectedChannelState.ts
 var import_react15 = require("react");
 var import_shim2 = require("use-sync-external-store/shim");
@@ -14452,6 +14447,12 @@ var ReactionSelectorWithButton = ({
 var import_clsx8 = __toESM(require("clsx"));
 var import_lodash = __toESM(require("lodash.debounce"));
 var import_react32 = __toESM(require("react"));
+
+// src/constants/limits.ts
+var DEFAULT_JUMP_TO_PAGE_SIZE = 25;
+var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
+
+// src/components/InfiniteScrollPaginator/InfiniteScrollPaginator.tsx
 var mousewheelListener = (event) => {
   if (event instanceof WheelEvent && event.deltaY === 1) {
     event.preventDefault();