stream-chat-react 11.23.4 → 11.23.6

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-e020d384.js');
+var Window = require('../../Window-24fc8157.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
 require('dayjs');

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

@@ -1,8 +1,8 @@
 import React, { ComponentType } from 'react';
 import { Options } from 'react-markdown';
-import { MentionProps } from './componentRenderers';
 import type { PluggableList } from 'react-markdown/lib/react-markdown';
 import type { UserResponse } from 'stream-chat';
+import { MentionProps } from './componentRenderers';
 import type { DefaultStreamChatGenerics } from '../../../types/types';
 export type RenderTextPluginConfigurator = (defaultPlugins: PluggableList) => PluggableList;
 export declare const defaultAllowedTagNames: Array<keyof JSX.IntrinsicElements | 'emoji' | 'mention'>;

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,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"}
+{"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,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAM5E,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,6BA0FrB,CAAC"}

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

@@ -8,6 +8,7 @@ import { Anchor, Emoji, Mention } from './componentRenderers';
 import { detectHttp, escapeRegExp, matchMarkdownLinks, messageCodeBlocks } from './regex';
 import { emojiMarkdownPlugin, mentionsMarkdownPlugin } from './rehypePlugins';
 import { htmlToTextPlugin, keepLineBreaksPlugin } from './remarkPlugins';
+import { ErrorBoundary } from '../../UtilityComponents';
 export var defaultAllowedTagNames = [
     'html',
     'text',
@@ -109,5 +110,6 @@ 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, transformLinkUri: urlTransform, unwrapDisallowed: true }, newText));
+    return (React.createElement(ErrorBoundary, { fallback: React.createElement(React.Fragment, null, text) },
+        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/components/UtilityComponents/ErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import { Component } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
+type ErrorBoundaryProps = PropsWithChildren<{
+    fallback?: ReactNode;
+}>;
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
+    hasError: boolean;
+}> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: unknown, information: unknown): void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/UtilityComponents/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/UtilityComponents/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAEtE,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;gBACzE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB;;;IAI/B,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO;IAItD,MAAM;CAOP"}

package/dist/components/UtilityComponents/ErrorBoundary.js

@@ -0,0 +1,24 @@
+import { __extends } from "tslib";
+import { Component } from 'react';
+var ErrorBoundary = /** @class */ (function (_super) {
+    __extends(ErrorBoundary, _super);
+    function ErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { hasError: false };
+        return _this;
+    }
+    ErrorBoundary.getDerivedStateFromError = function () {
+        return { hasError: true };
+    };
+    ErrorBoundary.prototype.componentDidCatch = function (error, information) {
+        console.error(error, information);
+    };
+    ErrorBoundary.prototype.render = function () {
+        if (this.state.hasError) {
+            return this.props.fallback;
+        }
+        return this.props.children;
+    };
+    return ErrorBoundary;
+}(Component));
+export { ErrorBoundary };

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

@@ -0,0 +1,2 @@
+export * from './ErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/UtilityComponents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UtilityComponents/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/UtilityComponents/index.js

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

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('./Window-e020d384.js');
+var Window = require('./Window-24fc8157.js');
 var React = require('react');
 var streamChat = require('stream-chat');
 var throttle = require('lodash.throttle');
@@ -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.4';
+var version = '11.23.6';
 
 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.4";
+export declare const version = "11.23.6";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.23.4';
+export var version = '11.23.6';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.23.4",
+  "version": "11.23.6",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -88,7 +88,7 @@
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",
     "react-virtuoso": "^2.16.5",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "^3.0.1",
     "textarea-caret": "^3.1.0",
     "tslib": "^2.6.2",
     "unist-builder": "^3.0.0",