stream-chat-react 11.23.3 → 11.23.5

package/dist/components/ChannelList/ChannelList.js

@@ -131,7 +131,7 @@ var UnMemoizedChannelList = function (props) {
             channel: item,
             // forces the update of preview component on channel update
             channelUpdateCount: channelUpdateCount,
-            key: item.id,
+            key: item.cid,
             Preview: Preview,
             setActiveChannel: setActiveChannel,
             watchers: watchers,

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

@@ -1,10 +1,12 @@
-import { DefaultGenerics, ExtendableGenerics, OwnUserResponse, StreamChat, TokenOrProvider, UserResponse } from 'stream-chat';
+import { StreamChat } from 'stream-chat';
+import type { DefaultGenerics, ExtendableGenerics, OwnUserResponse, StreamChatOptions, TokenOrProvider, UserResponse } from 'stream-chat';
 /**
  * React hook to create, connect and return `StreamChat` client.
  */
-export declare const useCreateChatClient: <SCG extends ExtendableGenerics = DefaultGenerics>({ apiKey, tokenOrProvider, userData, }: {
+export declare const useCreateChatClient: <SCG extends ExtendableGenerics = DefaultGenerics>({ apiKey, options, tokenOrProvider, userData, }: {
     apiKey: string;
     tokenOrProvider: TokenOrProvider;
     userData: OwnUserResponse<SCG> | UserResponse<SCG>;
+    options?: StreamChatOptions | undefined;
 }) => StreamChat<SCG> | null;
 //# sourceMappingURL=useCreateChatClient.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateChatClient.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatClient.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,eAAe,EACf,YAAY,EACb,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,eAAO,MAAM,mBAAmB;YAKtB,MAAM;qBACG,eAAe;;4BA8BjC,CAAC"}
+{"version":3,"file":"useCreateChatClient.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatClient.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,YAAY,EACb,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,eAAO,MAAM,mBAAmB;YAMtB,MAAM;qBACG,eAAe;;;4BAiCjC,CAAC"}

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

@@ -1,17 +1,18 @@
 import { useEffect, useState } from 'react';
-import { StreamChat, } from 'stream-chat';
+import { StreamChat } from 'stream-chat';
 /**
  * React hook to create, connect and return `StreamChat` client.
  */
 export var useCreateChatClient = function (_a) {
-    var apiKey = _a.apiKey, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
+    var apiKey = _a.apiKey, options = _a.options, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
     var _b = useState(null), chatClient = _b[0], setChatClient = _b[1];
     var _c = useState(userData), cachedUserData = _c[0], setCachedUserData = _c[1];
     if (userData.id !== cachedUserData.id) {
         setCachedUserData(userData);
     }
+    var cachedOptions = useState(options)[0];
     useEffect(function () {
-        var client = new StreamChat(apiKey);
+        var client = new StreamChat(apiKey, undefined, cachedOptions);
         var didUserConnectInterrupt = false;
         var connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(function () {
             if (!didUserConnectInterrupt)
@@ -26,6 +27,6 @@ export var useCreateChatClient = function (_a) {
                 console.log("Connection for user \"".concat(cachedUserData.id, "\" has been closed"));
             });
         };
-    }, [apiKey, cachedUserData, tokenOrProvider]);
+    }, [apiKey, cachedUserData, cachedOptions, tokenOrProvider]);
     return chatClient;
 };

package/dist/components/Emojis/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('../../Window-a663179f.js');
+var Window = require('../../Window-609dd77f.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
 require('dayjs');
@@ -31,7 +31,7 @@ require('lodash.debounce');
 require('crypto');
 require('react-fast-compare');
 require('react-dom');
-require('react/jsx-runtime');
+require('path');
 require('stream-chat');
 require('react-virtuoso');
 require('dayjs/locale/de');

package/dist/components/Message/MessageStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2C,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAUjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAE/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE1C,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE7C,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAExC,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAsIF,eAAO,MAAM,aAAa,4FAjIjB,kBAAkB,6BAiIuE,CAAC"}
+{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2C,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAUjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAE/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE1C,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE7C,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAExC,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AAuIF,eAAO,MAAM,aAAa,4FAlIjB,kBAAkB,6BAkIuE,CAAC"}

package/dist/components/Message/MessageStatus.js

@@ -27,9 +27,10 @@ var UnMemoizedMessageStatus = function (props) {
     var sending = message.status === 'sending';
     var delivered = message.status === 'received' && message.id === lastReceivedId && !threadList;
     var deliveredAndRead = !!((readBy === null || readBy === void 0 ? void 0 : readBy.length) && !threadList && !justReadByMe);
-    var lastReadUser = (deliveredAndRead
+    var readersWithoutOwnUser = deliveredAndRead
         ? readBy.filter(function (item) { var _a; return item.id !== ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id); })
-        : [])[0];
+        : [];
+    var lastReadUser = readersWithoutOwnUser[0];
     return (React.createElement("span", { className: rootClassName, "data-testid": clsx({
             'message-status-read-by': deliveredAndRead,
             'message-status-received': delivered && !deliveredAndRead,
@@ -51,6 +52,6 @@ var UnMemoizedMessageStatus = function (props) {
                 themeVersion === '1' && (React.createElement(Tooltip, null, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper))),
                 themeVersion === '2' && (React.createElement(PopperTooltip, { offset: [0, 5], referenceElement: referenceElement, visible: tooltipVisible }, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper))),
                 React.createElement(Avatar, { image: lastReadUser.image, name: lastReadUser.name || lastReadUser.id, size: 15, user: lastReadUser }),
-                readBy.length > 2 && (React.createElement("span", { className: "str-chat__message-".concat(messageType, "-status-number"), "data-testid": 'message-status-read-by-many' }, readBy.length - 1)))))));
+                readersWithoutOwnUser.length > 1 && (React.createElement("span", { className: "str-chat__message-".concat(messageType, "-status-number"), "data-testid": 'message-status-read-by-many' }, readersWithoutOwnUser.length)))))));
 };
 export var MessageStatus = React.memo(UnMemoizedMessageStatus);

package/dist/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.d.ts

@@ -1,5 +1,5 @@
 import type { Nodes } from 'hast-util-find-and-replace/lib';
 import type { UserResponse } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+import type { DefaultStreamChatGenerics } from '../../../../types';
 export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: Nodes) => void;
 //# sourceMappingURL=mentionsMarkdownPlugin.d.ts.map

package/dist/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mentionsMarkdownPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,eAAO,MAAM,sBAAsB,0JAyBR,KAAK,SAoC/B,CAAC"}
+{"version":3,"file":"mentionsMarkdownPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,0JAyBR,KAAK,SAoC/B,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.d.ts

@@ -1,3 +1,3 @@
-import type { Nodes } from 'react-markdown/lib';
+import type { Nodes } from 'hast-util-find-and-replace/lib';
 export declare const htmlToTextPlugin: () => (tree: Nodes) => void;
 //# sourceMappingURL=htmlToTextPlugin.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"htmlToTextPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/htmlToTextPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAWhD,eAAO,MAAM,gBAAgB,eAJJ,KAAK,SAIiB,CAAC"}
+{"version":3,"file":"htmlToTextPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/htmlToTextPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAW5D,eAAO,MAAM,gBAAgB,eAJJ,KAAK,SAIiB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.d.ts

@@ -1,3 +1,3 @@
-import type { Nodes } from 'react-markdown/lib';
+import type { Nodes } from 'hast-util-find-and-replace/lib';
 export declare const keepLineBreaksPlugin: () => (tree: Nodes) => void;
 //# sourceMappingURL=keepLineBreaksPlugin.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keepLineBreaksPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAiChD,eAAO,MAAM,oBAAoB,eAJR,KAAK,SAIqB,CAAC"}
+{"version":3,"file":"keepLineBreaksPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AA+B5D,eAAO,MAAM,oBAAoB,eAJR,KAAK,SAIqB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.js

@@ -2,11 +2,7 @@ import { __spreadArray } from "tslib";
 import { visit } from 'unist-util-visit';
 import { u } from 'unist-builder';
 var visitor = function (node, index, parent) {
-    if (typeof index === 'undefined' || index === 0)
-        return;
-    if (typeof parent === 'undefined')
-        return;
-    if (!node.position)
+    if (!(index && parent && node.position))
         return;
     var prevSibling = parent.children.at(index - 1);
     if (!(prevSibling === null || prevSibling === void 0 ? void 0 : prevSibling.position))

package/dist/components/Message/renderText/renderText.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentType } from 'react';
 import { Options } from 'react-markdown';
 import { MentionProps } from './componentRenderers';
-import type { PluggableList } from 'react-markdown/lib';
+import type { PluggableList } from 'react-markdown/lib/react-markdown';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export type RenderTextPluginConfigurator = (defaultPlugins: PluggableList) => PluggableList;

package/dist/components/Message/renderText/renderText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAsB,EAAuB,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK7E,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,MAAM,MAAM,4BAA4B,GAAG,CAAC,cAAc,EAAE,aAAa,KAAK,aAAa,CAAC;AAE5F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAkB3F,CAAC;AAsBF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,yBAAyB,CAI1E,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAC3F,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7C,OAAO,CAAC;QACN,KAAK,EAAE,aAAa,CAAC;QACrB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;KAC1D,CAAC,CAAC;IACL,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,uJAOV,iBAAiB,6BAwFrB,CAAC"}
+{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAsB,EAAE,OAAO,EAAkB,MAAM,gBAAgB,CAAC;AAKxE,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAK5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,MAAM,MAAM,4BAA4B,GAAG,CAAC,cAAc,EAAE,aAAa,KAAK,aAAa,CAAC;AAE5F,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAkB3F,CAAC;AAsBF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,yBAAyB,CAI1E,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;IAC3F,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7C,OAAO,CAAC;QACN,KAAK,EAAE,aAAa,CAAC;QACrB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;KAC1D,CAAC,CAAC;IACL,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,uJAOV,iBAAiB,6BAwFrB,CAAC"}

package/dist/components/Message/renderText/renderText.js

@@ -1,6 +1,6 @@
 import { __assign, __spreadArray } from "tslib";
 import React from 'react';
-import ReactMarkdown, { defaultUrlTransform } from 'react-markdown';
+import ReactMarkdown, { uriTransformer } from 'react-markdown';
 import { find } from 'linkifyjs';
 import uniqBy from 'lodash.uniqby';
 import remarkGfm from 'remark-gfm';
@@ -43,7 +43,7 @@ function encodeDecode(url) {
         return url;
     }
 }
-var urlTransform = function (uri) { return (uri.startsWith('app://') ? uri : defaultUrlTransform(uri)); };
+var urlTransform = function (uri) { return (uri.startsWith('app://') ? uri : uriTransformer(uri)); };
 var getPluginsForward = function (plugins) { return plugins; };
 export var markDownRenderers = {
     a: Anchor,
@@ -109,5 +109,5 @@ export var renderText = function (text, mentionedUsers, _a) {
     if (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) {
         rehypePlugins.push(mentionsMarkdownPlugin(mentionedUsers));
     }
-    return (React.createElement(ReactMarkdown, { allowedElements: allowedTagNames, components: __assign(__assign({}, markDownRenderers), customMarkDownRenderers), rehypePlugins: getRehypePlugins(rehypePlugins), remarkPlugins: getRemarkPlugins(remarkPlugins), skipHtml: true, unwrapDisallowed: true, urlTransform: urlTransform }, newText));
+    return (React.createElement(ReactMarkdown, { allowedElements: allowedTagNames, components: __assign(__assign({}, markDownRenderers), customMarkDownRenderers), rehypePlugins: getRehypePlugins(rehypePlugins), remarkPlugins: getRemarkPlugins(remarkPlugins), skipHtml: true, transformLinkUri: urlTransform, unwrapDisallowed: true }, newText));
 };

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('./Window-a663179f.js');
+var Window = require('./Window-609dd77f.js');
 var React = require('react');
 var streamChat = require('stream-chat');
 var throttle = require('lodash.throttle');
@@ -32,7 +32,7 @@ require('react-textarea-autosize');
 require('textarea-caret');
 require('react-is');
 require('crypto');
-require('react/jsx-runtime');
+require('path');
 require('dayjs/locale/de');
 require('dayjs/locale/es');
 require('dayjs/locale/fr');
@@ -1362,7 +1362,7 @@ function VirtualizedMessageList(props) {
     return (React__default["default"].createElement(VirtualizedMessageListWithContext, Window.__assign({ channel: channel, channelUnreadUiState: channelUnreadUiState, hasMore: !!hasMore, hasMoreNewer: !!hasMoreNewer, highlightedMessageId: highlightedMessageId, jumpToLatestMessage: jumpToLatestMessage, loadingMore: !!loadingMore, loadingMoreNewer: !!loadingMoreNewer, loadMore: loadMore, loadMoreNewer: loadMoreNewer, messages: messages, notifications: notifications, read: read, suppressAutoscroll: suppressAutoscroll }, props)));
 }
 
-var version = '11.23.3';
+var version = '11.23.5';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -1585,14 +1585,15 @@ var Chat = function (props) {
  * React hook to create, connect and return `StreamChat` client.
  */
 var useCreateChatClient = function (_a) {
-    var apiKey = _a.apiKey, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
+    var apiKey = _a.apiKey, options = _a.options, tokenOrProvider = _a.tokenOrProvider, userData = _a.userData;
     var _b = React.useState(null), chatClient = _b[0], setChatClient = _b[1];
     var _c = React.useState(userData), cachedUserData = _c[0], setCachedUserData = _c[1];
     if (userData.id !== cachedUserData.id) {
         setCachedUserData(userData);
     }
+    var cachedOptions = React.useState(options)[0];
     React.useEffect(function () {
-        var client = new streamChat.StreamChat(apiKey);
+        var client = new streamChat.StreamChat(apiKey, undefined, cachedOptions);
         var didUserConnectInterrupt = false;
         var connectionPromise = client.connectUser(cachedUserData, tokenOrProvider).then(function () {
             if (!didUserConnectInterrupt)
@@ -1607,7 +1608,7 @@ var useCreateChatClient = function (_a) {
                 console.log("Connection for user \"".concat(cachedUserData.id, "\" has been closed"));
             });
         };
-    }, [apiKey, cachedUserData, tokenOrProvider]);
+    }, [apiKey, cachedUserData, cachedOptions, tokenOrProvider]);
     return chatClient;
 };
 

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "11.23.3";
+export declare const version = "11.23.5";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.23.3';
+export var version = '11.23.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.23.3",
+  "version": "11.23.5",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -83,7 +83,7 @@
     "react-fast-compare": "^3.2.2",
     "react-image-gallery": "1.2.12",
     "react-is": "^18.1.0",
-    "react-markdown": "9.0.1",
+    "react-markdown": "^8.0.7",
     "react-player": "2.10.1",
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",