stream-chat-react 11.10.0 → 11.11.0

package/dist/{Window-7d524c3b.js → Window-194c5448.js}

@@ -41768,6 +41768,7 @@ var DropzoneProvider = function (props) {
 var DEFAULT_INITIAL_CHANNEL_PAGE_SIZE = 25;
 var DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
 var DEFAULT_THREAD_PAGE_SIZE = 50;
+var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
 
 var UnMemoizedCustomNotification = function (props) {
     var active = props.active, children = props.children, className = props.className, type = props.type;
@@ -44798,6 +44799,7 @@ exports.ConnectionStatus = ConnectionStatus;
 exports.CooldownTimer = CooldownTimer;
 exports.CustomMessageActionsList = CustomMessageActionsList;
 exports.CustomNotification = CustomNotification;
+exports.DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD;
 exports.DEFAULT_NEXT_CHANNEL_PAGE_SIZE = DEFAULT_NEXT_CHANNEL_PAGE_SIZE;
 exports.DateSeparator = DateSeparator;
 exports.DefaultSuggestionListHeader = DefaultSuggestionListHeader;

package/dist/browser.full-bundle.js

@@ -53996,6 +53996,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DEFAULT_INITIAL_CHANNEL_PAGE_SIZE = 25;
     var DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
     var DEFAULT_THREAD_PAGE_SIZE = 50;
+    var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedCustomNotification = function (props) {
         var active = props.active, children = props.children, className = props.className, type = props.type;
@@ -54832,7 +54833,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         }
     };
     var InfiniteScroll = function (props) {
-        var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, hasMore = props.hasMore, hasMoreNewer = props.hasMoreNewer, hasNextPage = props.hasNextPage, hasPreviousPage = props.hasPreviousPage, head = props.head, _b = props.initialLoad, initialLoad = _b === void 0 ? true : _b, isLoading = props.isLoading, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, loadNextPage = props.loadNextPage, loadPreviousPage = props.loadPreviousPage, _c = props.threshold, threshold = _c === void 0 ? 250 : _c, _d = props.useCapture, useCapture = _d === void 0 ? false : _d, elementProps = __rest(props, ["children", "element", "hasMore", "hasMoreNewer", "hasNextPage", "hasPreviousPage", "head", "initialLoad", "isLoading", "listenToScroll", "loader", "loadMore", "loadMoreNewer", "loadNextPage", "loadPreviousPage", "threshold", "useCapture"]);
+        var children = props.children, _a = props.element, element = _a === void 0 ? 'div' : _a, hasMore = props.hasMore, hasMoreNewer = props.hasMoreNewer, hasNextPage = props.hasNextPage, hasPreviousPage = props.hasPreviousPage, head = props.head, _b = props.initialLoad, initialLoad = _b === void 0 ? true : _b, isLoading = props.isLoading, listenToScroll = props.listenToScroll, loader = props.loader, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, loadNextPage = props.loadNextPage, loadPreviousPage = props.loadPreviousPage, _c = props.threshold, threshold = _c === void 0 ? DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD : _c, _d = props.useCapture, useCapture = _d === void 0 ? false : _d, elementProps = __rest(props, ["children", "element", "hasMore", "hasMoreNewer", "hasNextPage", "hasPreviousPage", "head", "initialLoad", "isLoading", "listenToScroll", "loader", "loadMore", "loadMoreNewer", "loadNextPage", "loadPreviousPage", "threshold", "useCapture"]);
         var loadNextPageFn = loadNextPage || loadMoreNewer;
         var loadPreviousPageFn = loadPreviousPage || loadMore;
         var hasNextPageFlag = hasNextPage || hasMoreNewer;
@@ -55025,22 +55026,21 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var MessageListWithContext = function (props) {
         var _a;
-        var channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, _b = props.disableDateSeparator, disableDateSeparator = _b === void 0 ? false : _b, groupStyles = props.groupStyles, _c = props.hideDeletedMessages, hideDeletedMessages = _c === void 0 ? false : _c, _d = props.hideNewMessageSeparator, hideNewMessageSeparator = _d === void 0 ? false : _d, internalInfiniteScrollProps = props.internalInfiniteScrollProps, _e = props.messageActions, messageActions = _e === void 0 ? Object.keys(MESSAGE_ACTIONS) : _e, _f = props.messages, messages = _f === void 0 ? [] : _f, notifications = props.notifications, _g = props.noGroupByUser, noGroupByUser = _g === void 0 ? false : _g, _h = props.pinPermissions, pinPermissions = _h === void 0 ? defaultPinPermissions : _h, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-        _j = props.returnAllReadData, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-        returnAllReadData = _j === void 0 ? false : _j, _k = props.threadList, threadList = _k === void 0 ? false : _k, _l = props.unsafeHTML, unsafeHTML = _l === void 0 ? false : _l, headerPosition = props.headerPosition, read = props.read, _m = props.renderMessages, renderMessages = _m === void 0 ? defaultRenderMessages : _m, _o = props.messageLimit, messageLimit = _o === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _o, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _p = props.hasMoreNewer, hasMoreNewer = _p === void 0 ? false : _p, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _q = props.jumpToLatestMessage, jumpToLatestMessage = _q === void 0 ? function () { return Promise.resolve(); } : _q;
-        var _r = React__default["default"].useState(null), listElement = _r[0], setListElement = _r[1];
-        var _s = React__default["default"].useState(null), ulElement = _s[0], setUlElement = _s[1];
+        var channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, _b = props.disableDateSeparator, disableDateSeparator = _b === void 0 ? false : _b, groupStyles = props.groupStyles, _c = props.hideDeletedMessages, hideDeletedMessages = _c === void 0 ? false : _c, _d = props.hideNewMessageSeparator, hideNewMessageSeparator = _d === void 0 ? false : _d, _e = props.internalInfiniteScrollProps, _f = _e === void 0 ? {} : _e, _g = _f.threshold, loadMoreScrollThreshold = _g === void 0 ? DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD : _g, restInternalInfiniteScrollProps = __rest(_f, ["threshold"]), _h = props.messageActions, messageActions = _h === void 0 ? Object.keys(MESSAGE_ACTIONS) : _h, _j = props.messages, messages = _j === void 0 ? [] : _j, notifications = props.notifications, _k = props.noGroupByUser, noGroupByUser = _k === void 0 ? false : _k, _l = props.pinPermissions, pinPermissions = _l === void 0 ? defaultPinPermissions : _l, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
+        _m = props.returnAllReadData, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
+        returnAllReadData = _m === void 0 ? false : _m, _o = props.threadList, threadList = _o === void 0 ? false : _o, _p = props.unsafeHTML, unsafeHTML = _p === void 0 ? false : _p, headerPosition = props.headerPosition, read = props.read, _q = props.renderMessages, renderMessages = _q === void 0 ? defaultRenderMessages : _q, _r = props.messageLimit, messageLimit = _r === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _r, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _s = props.hasMoreNewer, hasMoreNewer = _s === void 0 ? false : _s, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _t = props.jumpToLatestMessage, jumpToLatestMessage = _t === void 0 ? function () { return Promise.resolve(); } : _t;
+        var _u = React__default["default"].useState(null), listElement = _u[0], setListElement = _u[1];
+        var _v = React__default["default"].useState(null), ulElement = _v[0], setUlElement = _v[1];
         var customClasses = useChatContext('MessageList').customClasses;
-        var _t = useComponentContext('MessageList'), _u = _t.EmptyStateIndicator, EmptyStateIndicator$1 = _u === void 0 ? EmptyStateIndicator : _u, _v = _t.LoadingIndicator, LoadingIndicator$1 = _v === void 0 ? LoadingIndicator : _v, _w = _t.MessageListNotifications, MessageListNotifications$1 = _w === void 0 ? MessageListNotifications : _w, _x = _t.MessageNotification, MessageNotification$1 = _x === void 0 ? MessageNotification : _x, _y = _t.TypingIndicator, TypingIndicator$1 = _y === void 0 ? TypingIndicator : _y, _z = _t.UnreadMessagesNotification, UnreadMessagesNotification$1 = _z === void 0 ? UnreadMessagesNotification : _z;
-        var loadMoreScrollThreshold = (internalInfiniteScrollProps === null || internalInfiniteScrollProps === void 0 ? void 0 : internalInfiniteScrollProps.threshold) || 250;
-        var _0 = useScrollLocationLogic({
+        var _w = useComponentContext('MessageList'), _x = _w.EmptyStateIndicator, EmptyStateIndicator$1 = _x === void 0 ? EmptyStateIndicator : _x, _y = _w.LoadingIndicator, LoadingIndicator$1 = _y === void 0 ? LoadingIndicator : _y, _z = _w.MessageListNotifications, MessageListNotifications$1 = _z === void 0 ? MessageListNotifications : _z, _0 = _w.MessageNotification, MessageNotification$1 = _0 === void 0 ? MessageNotification : _0, _1 = _w.TypingIndicator, TypingIndicator$1 = _1 === void 0 ? TypingIndicator : _1, _2 = _w.UnreadMessagesNotification, UnreadMessagesNotification$1 = _2 === void 0 ? UnreadMessagesNotification : _2;
+        var _3 = useScrollLocationLogic({
             hasMoreNewer: hasMoreNewer,
             listElement: listElement,
             loadMoreScrollThreshold: loadMoreScrollThreshold,
             messages: messages,
             scrolledUpThreshold: props.scrolledUpThreshold,
             suppressAutoscroll: suppressAutoscroll,
-        }), hasNewMessages = _0.hasNewMessages, isMessageListScrolledToBottom = _0.isMessageListScrolledToBottom, onScroll = _0.onScroll, scrollToBottom = _0.scrollToBottom, wrapperRect = _0.wrapperRect;
+        }), hasNewMessages = _3.hasNewMessages, isMessageListScrolledToBottom = _3.isMessageListScrolledToBottom, onScroll = _3.onScroll, scrollToBottom = _3.scrollToBottom, wrapperRect = _3.wrapperRect;
         var showUnreadMessagesNotification = useUnreadMessagesNotification({
             isMessageListScrolledToBottom: isMessageListScrolledToBottom,
             showAlways: !!showUnreadNotificationAlways,
@@ -55052,7 +55052,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             unreadCount: (_a = channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages) !== null && _a !== void 0 ? _a : 0,
             wasMarkedUnread: !!(channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.first_unread_message_id),
         });
-        var _1 = useEnrichedMessages({
+        var _4 = useEnrichedMessages({
             channel: channel,
             disableDateSeparator: disableDateSeparator,
             groupStyles: groupStyles,
@@ -55061,7 +55061,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             hideNewMessageSeparator: hideNewMessageSeparator,
             messages: messages,
             noGroupByUser: noGroupByUser,
-        }), messageGroupStyles = _1.messageGroupStyles, enrichedMessages = _1.messages;
+        }), messageGroupStyles = _4.messageGroupStyles, enrichedMessages = _4.messages;
         var elements = useMessageListElements({
             channelUnreadUiState: channelUnreadUiState,
             enrichedMessages: enrichedMessages,
@@ -55140,7 +55140,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
         return (React__default["default"].createElement(MessageListContextProvider, { value: { listElement: listElement, scrollToBottom: scrollToBottom } },
             React__default["default"].createElement(MessageListMainPanel, null,
                 !threadList && showUnreadMessagesNotification && (React__default["default"].createElement(UnreadMessagesNotification$1, { unreadCount: channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages })),
-                React__default["default"].createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React__default["default"].createElement(EmptyStateIndicator$1, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React__default["default"].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll  str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React__default["default"].createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React__default["default"].createElement(LoadingIndicator$1, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore }, props.internalInfiniteScrollProps, { threshold: loadMoreScrollThreshold }),
+                React__default["default"].createElement("div", { className: "".concat(messageListClass, " ").concat(threadListClass), onScroll: onScroll, ref: setListElement, tabIndex: 0 }, showEmptyStateIndicator ? (React__default["default"].createElement(EmptyStateIndicator$1, { key: 'empty-state-indicator', listType: threadList ? 'thread' : 'message' })) : (React__default["default"].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll  str-chat__message-list-scroll', "data-testid": 'reverse-infinite-scroll', hasNextPage: props.hasMoreNewer, hasPreviousPage: props.hasMore, head: props.head, isLoading: props.loadingMore, loader: React__default["default"].createElement("div", { className: 'str-chat__list__loading', key: 'loading-indicator' }, props.loadingMore && React__default["default"].createElement(LoadingIndicator$1, { size: 20 })), loadNextPage: loadMoreNewer, loadPreviousPage: loadMore, threshold: loadMoreScrollThreshold }, restInternalInfiniteScrollProps),
                     React__default["default"].createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
                     React__default["default"].createElement(TypingIndicator$1, { threadList: threadList }),
                     React__default["default"].createElement("div", { key: 'bottom' }))))),
@@ -59403,7 +59403,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.10.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.11.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -59622,6 +59622,36 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
             React__default["default"].createElement(TranslationProvider, { value: translators }, children)));
     };
 
+    window.StreamChat.StreamChat=streamChat.StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * React hook to create, connect and return `StreamChat` client.
+     */
+    var useCreateChatClient = function (_a) {
+        var apiKey = _a.apiKey, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
+        var _b = React$2.useState(null), chatClient = _b[0], setChatClient = _b[1];
+        var _c = React$2.useState(userData), cachedUserData = _c[0], setCachedUserData = _c[1];
+        if (userData.id !== cachedUserData.id) {
+            setCachedUserData(userData);
+        }
+        React$2.useEffect(function () {
+            var client = new streamChat.StreamChat(apiKey);
+            var didUserConnectInterrupt = false;
+            var connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(function () {
+                if (!didUserConnectInterrupt)
+                    setChatClient(client);
+            });
+            return function () {
+                didUserConnectInterrupt = true;
+                setChatClient(null);
+                connectionPromise
+                    .then(function () { return client.disconnectUser(); })
+                    .then(function () {
+                    console.log("Connection for user \"".concat(cachedUserData.id, "\" has been closed"));
+                });
+            };
+        }, [apiKey, cachedUserData, tokenOrProvider]);
+        return chatClient;
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -84099,6 +84129,7 @@ var StreamChatReact = (function (exports, React$2, jsxRuntime, ReactDOM, streamC
     exports.useComponentContext = useComponentContext;
     exports.useConnectionRecoveredListener = useConnectionRecoveredListener;
     exports.useCooldownTimer = useCooldownTimer;
+    exports.useCreateChatClient = useCreateChatClient;
     exports.useCustomStyles = useCustomStyles;
     exports.useDeleteHandler = useDeleteHandler;
     exports.useEditHandler = useEditHandler;