stream-chat-react 8.1.0 → 8.1.1

package/dist/stories/connected-user.stories.js

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import '@stream-io/stream-chat-css/dist/css/index.css';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { StreamChat } from 'stream-chat';
-import { Channel, ChannelHeader, ChannelList, Chat, MessageList, useChannelStateContext, Window, } from '../index';
-import { apiKey } from './utils';
+import { Channel, ChannelHeader, ChannelList, MessageList, useChannelStateContext, Window, } from '../index';
+import { apiKey, ConnectedUser } from './utils';
 var channelId = import.meta.env.E2E_ADD_MESSAGE_CHANNEL;
 if (!channelId || typeof channelId !== 'string') {
     throw new Error('expected ADD_MESSAGE_CHANNEL');
@@ -21,41 +21,15 @@ var Controls = function () {
 // Sort in reverse order to avoid auto-selecting unread channel
 var sort = { last_updated: 1 };
 var chatClient = StreamChat.getInstance(apiKey);
-// wait for disconnect to happen since there's only one shared
-// client and two separate Chat components using it to prevent crashes
-var sharedPromise = Promise.resolve();
-var ConnectedUser = function (_a) {
+var WrappedConnectedUser = function (_a) {
     var token = _a.token, userId = _a.userId;
-    var _b = useState(false), connected = _b[0], setConnected = _b[1];
-    useEffect(function () {
-        sharedPromise.then(function () { return chatClient.connectUser({ id: userId }, token); });
-        var handleConnectionChange = function (_a) {
-            var _b = _a.online, online = _b === void 0 ? false : _b;
-            setConnected(online);
-        };
-        chatClient.on('connection.changed', handleConnectionChange);
-        return function () {
-            chatClient.off('connection.changed', handleConnectionChange);
-            sharedPromise = chatClient.disconnectUser();
-        };
-    }, []);
-    if (!connected) {
-        return React.createElement("p", null,
-            "Connecting ",
-            userId,
-            "...");
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("h3", null,
-            "User: ",
-            userId),
-        React.createElement(Chat, { client: chatClient },
-            React.createElement(ChannelList, { filters: { members: { $in: [userId] } }, sort: sort }),
-            React.createElement(Channel, null,
-                React.createElement(Window, null,
-                    React.createElement(ChannelHeader, null),
-                    React.createElement(MessageList, null),
-                    React.createElement(Controls, null))))));
+    return (React.createElement(ConnectedUser, { client: chatClient, token: token, userId: userId },
+        React.createElement(ChannelList, { filters: { members: { $in: [userId] } }, sort: sort }),
+        React.createElement(Channel, null,
+            React.createElement(Window, null,
+                React.createElement(ChannelHeader, null),
+                React.createElement(MessageList, null),
+                React.createElement(Controls, null)))));
 };
 export var User1 = function () {
     var userId = import.meta.env.E2E_TEST_USER_1;
@@ -66,7 +40,7 @@ export var User1 = function () {
     if (!token || typeof token !== 'string') {
         throw new Error('expected TEST_USER_1_TOKEN');
     }
-    return React.createElement(ConnectedUser, { token: token, userId: userId });
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
 };
 export var User2 = function () {
     var userId = import.meta.env.E2E_TEST_USER_2;
@@ -77,5 +51,5 @@ export var User2 = function () {
     if (!token || typeof token !== 'string') {
         throw new Error('expected TEST_USER_2_TOKEN');
     }
-    return React.createElement(ConnectedUser, { token: token, userId: userId });
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
 };

package/dist/stories/mark-read.stories.d.ts

@@ -0,0 +1,4 @@
+import '@stream-io/stream-chat-css/dist/css/index.css';
+export declare const User1: () => JSX.Element;
+export declare const User2: () => JSX.Element;
+//# sourceMappingURL=mark-read.stories.d.ts.map

package/dist/stories/mark-read.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark-read.stories.d.ts","sourceRoot":"","sources":["../../src/stories/mark-read.stories.tsx"],"names":[],"mappings":"AACA,OAAO,+CAA+C,CAAC;AA6FvD,eAAO,MAAM,KAAK,mBAUjB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAUjB,CAAC"}

package/dist/stories/mark-read.stories.js

@@ -0,0 +1,77 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import '@stream-io/stream-chat-css/dist/css/index.css';
+import React from 'react';
+import { StreamChat } from 'stream-chat';
+import { v4 as uuid } from 'uuid';
+import { Channel, ChannelHeader, ChannelList, ChannelPreview, MessageList, useChannelStateContext, Window, } from '../index';
+import { apiKey, ConnectedUser } from './utils';
+var channelId = import.meta.env.E2E_ADD_MESSAGE_CHANNEL;
+if (!channelId || typeof channelId !== 'string') {
+    throw new Error('expected ADD_MESSAGE_CHANNEL');
+}
+var Controls = function () {
+    var channel = useChannelStateContext().channel;
+    return (React.createElement("div", null,
+        React.createElement("button", { "data-testid": 'truncate', onClick: function () { return channel.truncate(); } }, "Truncate"),
+        React.createElement("button", { "data-testid": 'add-message', onClick: function () {
+                return channel.sendMessage({
+                    text: uuid(),
+                });
+            } }, "Add message")));
+};
+// Sort in reverse order to avoid auto-selecting unread channel
+var sort = { last_updated: 1 };
+var chatClient = StreamChat.getInstance(apiKey);
+var Custom = function (_a) {
+    var _b, _c;
+    var activeChannel = _a.activeChannel, channel = _a.channel, displayTitle = _a.displayTitle, setActiveChannel = _a.setActiveChannel, unread = _a.unread, watchers = _a.watchers;
+    var avatarName = displayTitle || ((_c = (_b = channel.state.messages[channel.state.messages.length - 1]) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.id);
+    return (React.createElement("div", { "data-testid": "channel-" + channel.id, onClick: function () { return setActiveChannel === null || setActiveChannel === void 0 ? void 0 : setActiveChannel(channel, watchers); }, style: { background: channel.cid === (activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.cid) ? '#fff' : 'initial' } },
+        React.createElement("span", null, avatarName),
+        " || ",
+        React.createElement("span", { "data-testid": 'unread-count' }, unread)));
+};
+var CustomPreview = function (props) { return (React.createElement(ChannelPreview, __assign({}, props, { Preview: Custom }))); };
+var WrappedConnectedUser = function (_a) {
+    var token = _a.token, userId = _a.userId;
+    return (React.createElement(ConnectedUser, { client: chatClient, token: token, userId: userId },
+        React.createElement(ChannelList, { filters: { members: { $in: [userId] }, name: { $autocomplete: 'mr-channel' } }, Preview: CustomPreview, setActiveChannelOnMount: false, sort: sort }),
+        React.createElement(Channel, null,
+            React.createElement(Window, null,
+                React.createElement(ChannelHeader, null),
+                React.createElement(MessageList, null),
+                React.createElement(Controls, null)))));
+};
+export var User1 = function () {
+    var userId = import.meta.env.E2E_TEST_USER_1;
+    var token = import.meta.env.E2E_TEST_USER_1_TOKEN;
+    if (!userId || typeof userId !== 'string') {
+        throw new Error('expected TEST_USER_1');
+    }
+    if (!token || typeof token !== 'string') {
+        throw new Error('expected TEST_USER_1_TOKEN');
+    }
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
+};
+export var User2 = function () {
+    var userId = import.meta.env.E2E_TEST_USER_2;
+    var token = import.meta.env.E2E_TEST_USER_2_TOKEN;
+    if (!userId || typeof userId !== 'string') {
+        throw new Error('expected TEST_USER_2');
+    }
+    if (!token || typeof token !== 'string') {
+        throw new Error('expected TEST_USER_2_TOKEN');
+    }
+    return React.createElement(WrappedConnectedUser, { token: token, userId: userId });
+};

package/dist/stories/utils.d.ts

@@ -1,3 +1,5 @@
+import { PropsWithChildren } from 'react';
+import type { StreamChat } from 'stream-chat';
 export declare const apiKey: string;
 declare type LocalAttachmentType = Record<string, unknown>;
 declare type LocalChannelType = Record<string, unknown>;
@@ -15,5 +17,11 @@ export declare type StreamChatGenerics = {
     reactionType: LocalReactionType;
     userType: LocalUserType;
 };
+export declare type ConnectedUserProps = PropsWithChildren<{
+    token: string;
+    userId: string;
+    client?: StreamChat;
+}>;
+export declare const ConnectedUser: ({ children, client, token, userId }: ConnectedUserProps) => JSX.Element;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/stories/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/stories/utils.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAAS,CAAC;AAE7B,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,gBAAgB,GAAG,MAAM,CAAC;AAC/B,aAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC9C,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACjD,aAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7C,oBAAY,kBAAkB,GAAG;IAC/B,cAAc,EAAE,mBAAmB,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/stories/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAS,UAAU,EAAE,MAAM,aAAa,CAAC;AAMrD,eAAO,MAAM,MAAM,QAAS,CAAC;AAE7B,aAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,gBAAgB,GAAG,MAAM,CAAC;AAC/B,aAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC9C,aAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChD,aAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACjD,aAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE7C,oBAAY,kBAAkB,GAAG;IAC/B,cAAc,EAAE,mBAAmB,CAAC;IACpC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAMF,oBAAY,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,wCAAyC,kBAAkB,gBA4BpF,CAAC"}

package/dist/stories/utils.js

@@ -1,5 +1,38 @@
+import React, { useEffect, useState } from 'react';
+import { Chat } from '../';
 var appKey = import.meta.env.E2E_APP_KEY;
 if (!appKey || typeof appKey !== 'string') {
     throw new Error('expected APP_KEY');
 }
 export var apiKey = appKey;
+// wait for disconnect to happen since there's only one shared
+// client and two separate Chat components using it to prevent crashes
+var sharedPromise = Promise.resolve();
+export var ConnectedUser = function (_a) {
+    var children = _a.children, client = _a.client, token = _a.token, userId = _a.userId;
+    var _b = useState(false), connected = _b[0], setConnected = _b[1];
+    useEffect(function () {
+        sharedPromise.then(function () { return client === null || client === void 0 ? void 0 : client.connectUser({ id: userId }, token); });
+        var handleConnectionChange = function (_a) {
+            var _b = _a.online, online = _b === void 0 ? false : _b;
+            setConnected(online);
+        };
+        client === null || client === void 0 ? void 0 : client.on('connection.changed', handleConnectionChange);
+        return function () {
+            var _a;
+            client === null || client === void 0 ? void 0 : client.off('connection.changed', handleConnectionChange);
+            sharedPromise = (_a = client === null || client === void 0 ? void 0 : client.disconnectUser()) !== null && _a !== void 0 ? _a : Promise.resolve();
+        };
+    }, []);
+    if (!connected || !client) {
+        return React.createElement("p", null,
+            "Connecting ",
+            userId,
+            "...");
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("h3", null,
+            "User: ",
+            userId),
+        React.createElement(Chat, { client: client }, children)));
+};

package/dist/types/types.d.ts

@@ -7,6 +7,7 @@ export declare type CustomTrigger = {
         data: UnknownType;
     };
 };
+export declare type CustomMessageType = 'channel.intro' | 'message.date';
 export declare type DefaultAttachmentType = UnknownType & {
     asset_url?: string;
     file_size?: number;
@@ -32,7 +33,7 @@ export declare type DefaultStreamChatGenerics = ExtendableGenerics & {
     userType: DefaultUserType;
 };
 export declare type DefaultMessageType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & {
-    customType?: 'channel.intro' | 'message.date';
+    customType?: CustomMessageType;
     date?: string | Date;
     errorStatusCode?: number;
     event?: Event<StreamChatGenerics>;

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE1F,oBAAY,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,oBAAY,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,cAAc,EAAE,WAAW,CAAC;QAC5B,IAAI,EAAE,WAAW,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ,CAAC;AAEF,oBAAY,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,kBAAkB,GAAG;IAC3D,cAAc,EAAE,qBAAqB,CAAC;IACtC,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,qBAAqB,CAAC;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,kBAAkB,CAAC;IAChC,YAAY,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,WAAW,GAAG;IAChB,UAAU,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,WAAW,GACb,uBAAuB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACzC,CAAC;AAEJ,oBAAY,aAAa,GACrB,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,0BAA0B,GAC1B,aAAa,GACb,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,oBAAY,cAAc,GAAG;IAC3B,qCAAqC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE1F,oBAAY,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,oBAAY,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,cAAc,EAAE,WAAW,CAAC;QAC5B,IAAI,EAAE,WAAW,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,oBAAY,iBAAiB,GAAG,eAAe,GAAG,cAAc,CAAC;AAEjE,oBAAY,qBAAqB,GAAG,WAAW,GAAG;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;CACJ,CAAC;AAEF,oBAAY,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,kBAAkB,GAAG;IAC3D,cAAc,EAAE,qBAAqB,CAAC;IACtC,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,EAAE,qBAAqB,CAAC;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,kBAAkB,CAAC;IAChC,YAAY,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,WAAW,GAAG;IAChB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,WAAW,GACb,uBAAuB,GAAG;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACzC,CAAC;AAEJ,oBAAY,aAAa,GACrB,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,0BAA0B,GAC1B,aAAa,GACb,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,oBAAY,cAAc,GAAG;IAC3B,qCAAqC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/version.d.ts

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

package/dist/version.js

@@ -1 +1 @@
-export var version = '8.1.0';
+export var version = '8.1.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -16,6 +16,7 @@
   "sideEffects": [
     "*.css"
   ],
+  "source": "src/index.tsx",
   "jsdelivr": "./dist/browser.full-bundle.min.js",
   "keywords": [
     "chat",
@@ -60,7 +61,7 @@
   "peerDependencies": {
     "react": "^17.0.0 || ^16.8.0",
     "react-dom": "^17.0.0 || ^16.8.0",
-    "stream-chat": "^6.4.0"
+    "stream-chat": "^6.5.0"
   },
   "files": [
     "dist",
@@ -77,7 +78,9 @@
     "@babel/preset-env": "^7.12.7",
     "@babel/preset-react": "^7.12.7",
     "@babel/preset-typescript": "^7.12.7",
-    "@ladle/react": "^0.8.5",
+    "@commitlint/cli": "^16.2.3",
+    "@commitlint/config-conventional": "^16.2.1",
+    "@ladle/react": "^0.11.0",
     "@playwright/test": "^1.20.0",
     "@rollup/plugin-babel": "^5.2.1",
     "@rollup/plugin-image": "^2.1.1",
@@ -161,7 +164,7 @@
     "rollup-plugin-visualizer": "^4.2.0",
     "semantic-release": "^19.0.2",
     "semantic-release-cli": "^5.4.4",
-    "stream-chat": "6.4.0",
+    "stream-chat": "^6.5.0",
     "style-loader": "^2.0.0",
     "ts-jest": "^26.5.1",
     "tslib": "2.3.0",
@@ -173,7 +176,8 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "dotgit/hooks/pre-commit-format.sh && dotgit/hooks/pre-commit-reject-binaries.py"
+      "pre-commit": "dotgit/hooks/pre-commit-format.sh && dotgit/hooks/pre-commit-reject-binaries.py",
+      "commit-msg": "npx commitlint --edit $1"
     }
   },
   "scripts": {