stream-chat-react 6.8.0 → 6.11.0

package/dist/components/Channel/hooks/useCreateChannelStateContext.js

@@ -0,0 +1,92 @@
+import { useMemo } from 'react';
+import { isDate, isDayOrMoment } from '../../../context/TranslationContext';
+export var useCreateChannelStateContext = function (value) {
+    var _a;
+    var acceptedFiles = value.acceptedFiles, channel = value.channel, _b = value.channelCapabilitiesArray, channelCapabilitiesArray = _b === void 0 ? [] : _b, channelConfig = value.channelConfig, error = value.error, hasMore = value.hasMore, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _c = value.messages, messages = _c === void 0 ? [] : _c, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _d = value.read, read = _d === void 0 ? {} : _d, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _e = value.threadMessages, threadMessages = _e === void 0 ? [] : _e, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
+    var channelId = channel.cid;
+    var lastRead = channel.initialized && ((_a = channel.lastRead()) === null || _a === void 0 ? void 0 : _a.getTime());
+    var membersLength = Object.keys(members || []).length;
+    var notificationsLength = notifications.length;
+    var readUsers = Object.values(read);
+    var readUsersLength = readUsers.length;
+    var readUsersLastReads = readUsers.map(function (_a) {
+        var last_read = _a.last_read;
+        return last_read.toISOString();
+    }).join();
+    var threadMessagesLength = threadMessages === null || threadMessages === void 0 ? void 0 : threadMessages.length;
+    var channelCapabilities = {};
+    channelCapabilitiesArray.forEach(function (capability) {
+        channelCapabilities[capability] = true;
+    });
+    var memoizedMessageData = skipMessageDataMemoization
+        ? messages
+        : messages
+            .map(function (_a) {
+            var deleted_at = _a.deleted_at, latest_reactions = _a.latest_reactions, pinned = _a.pinned, reply_count = _a.reply_count, status = _a.status, updated_at = _a.updated_at;
+            return "" + deleted_at + (latest_reactions ? latest_reactions.map(function (_a) {
+                var type = _a.type;
+                return type;
+            }).join() : '') + pinned + reply_count + status + (updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))
+                ? updated_at.toISOString()
+                : updated_at || '');
+        })
+            .join();
+    var memoizedThreadMessageData = threadMessages
+        .map(function (_a) {
+        var deleted_at = _a.deleted_at, latest_reactions = _a.latest_reactions, pinned = _a.pinned, status = _a.status, updated_at = _a.updated_at;
+        return "" + deleted_at + (latest_reactions ? latest_reactions.map(function (_a) {
+            var type = _a.type;
+            return type;
+        }).join() : '') + pinned + status + (updated_at && (isDayOrMoment(updated_at) || isDate(updated_at))
+            ? updated_at.toISOString()
+            : updated_at || '');
+    })
+        .join();
+    var channelStateContext = useMemo(function () { return ({
+        acceptedFiles: acceptedFiles,
+        channel: channel,
+        channelCapabilities: channelCapabilities,
+        channelConfig: channelConfig,
+        error: error,
+        hasMore: hasMore,
+        loading: loading,
+        loadingMore: loadingMore,
+        maxNumberOfFiles: maxNumberOfFiles,
+        members: members,
+        messages: messages,
+        multipleUploads: multipleUploads,
+        mutes: mutes,
+        notifications: notifications,
+        pinnedMessages: pinnedMessages,
+        quotedMessage: quotedMessage,
+        read: read,
+        thread: thread,
+        threadHasMore: threadHasMore,
+        threadLoadingMore: threadLoadingMore,
+        threadMessages: threadMessages,
+        watcher_count: watcher_count,
+        watcherCount: watcherCount,
+        watchers: watchers,
+    }); }, [
+        channelId,
+        error,
+        hasMore,
+        lastRead,
+        loading,
+        loadingMore,
+        membersLength,
+        memoizedMessageData,
+        memoizedThreadMessageData,
+        notificationsLength,
+        quotedMessage,
+        readUsersLength,
+        readUsersLastReads,
+        skipMessageDataMemoization,
+        thread,
+        threadHasMore,
+        threadLoadingMore,
+        threadMessagesLength,
+        watcherCount,
+    ]);
+    return channelStateContext;
+};

package/dist/components/Channel/hooks/useCreateTypingContext.d.ts

@@ -0,0 +1,4 @@
+import type { TypingContextValue } from '../../../context/TypingContext';
+import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
+export declare const useCreateTypingContext: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(value: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>) => TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+//# sourceMappingURL=useCreateTypingContext.d.ts.map

package/dist/components/Channel/hooks/useCreateTypingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateTypingContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateTypingContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB,qqBAuBlC,CAAC"}

package/dist/components/Channel/hooks/useCreateTypingContext.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+export var useCreateTypingContext = function (value) {
+    var typing = value.typing;
+    var typingValue = Object.keys(typing || {}).join();
+    var typingContext = useMemo(function () { return ({
+        typing: typing,
+    }); }, [typingValue]);
+    return typingContext;
+};

package/dist/components/Channel/hooks/useEditMessageHandler.js

@@ -1,6 +1,6 @@
 import { useChatContext } from '../../../context/ChatContext';
 export var useEditMessageHandler = function (doUpdateMessageRequest) {
-    var _a = useChatContext(), channel = _a.channel, client = _a.client;
+    var _a = useChatContext('useEditMessageHandler'), channel = _a.channel, client = _a.client;
     return function (updatedMessage) {
         if (doUpdateMessageRequest && channel) {
             return Promise.resolve(doUpdateMessageRequest(channel.cid, updatedMessage));

package/dist/components/ChannelHeader/ChannelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuDF;;GAEG;AACH,eAAO,MAAM,aAAa,qjBA/CjB,kBAAkB,gBA+CuE,CAAC"}
+{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAMjE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyDF;;GAEG;AACH,eAAO,MAAM,aAAa,qjBAjDjB,kBAAkB,gBAiDuE,CAAC"}

package/dist/components/ChannelHeader/ChannelHeader.js

@@ -5,9 +5,9 @@ import { useChatContext } from '../../context/ChatContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedChannelHeader = function (props) {
     var _a = props.Avatar, Avatar = _a === void 0 ? DefaultAvatar : _a, propImage = props.image, live = props.live, title = props.title;
-    var _b = useChannelStateContext(), channel = _b.channel, watcher_count = _b.watcher_count;
-    var openMobileNav = useChatContext().openMobileNav;
-    var t = useTranslationContext().t;
+    var _b = useChannelStateContext('ChannelHeader'), channel = _b.channel, watcher_count = _b.watcher_count;
+    var openMobileNav = useChatContext('ChannelHeader').openMobileNav;
+    var t = useTranslationContext('ChannelHeader').t;
     var _c = (channel === null || channel === void 0 ? void 0 : channel.data) || {}, channelImage = _c.image, member_count = _c.member_count, name = _c.name, subtitle = _c.subtitle;
     var image = propImage || channelImage;
     return (React.createElement("div", { className: 'str-chat__header-livestream' },

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelList.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/ChannelList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAwB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAgBzF,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAkB,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClG,OAAO,EACL,kBAAkB,EAEnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAEL,wBAAwB,EACzB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAqB,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAI1F,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE/F,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAM3B,oBAAY,gBAAgB,CAC1B,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9E;;;;;OAKG;IACH,sCAAsC,CAAC,EAAE,OAAO,CAAC;IACjD,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,8OAA8O;IAC9O,qBAAqB,CAAC,EAAE,CACtB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,KACjD,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAChD,uNAAuN;IACvN,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACpF,yFAAyF;IACzF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2OAA2O;IAC3O,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACpE,iDAAiD;IACjD,OAAO,CAAC,EAAE,cAAc,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,2PAA2P;IAC3P,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAClF,qNAAqN;IACrN,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3D,wNAAwN;IACxN,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uNAAuN;IACvN,gBAAgB,CAAC,EAAE,CACjB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,+LAA+L;IAC/L,gBAAgB,CAAC,EAAE,CACjB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,6LAA6L;IAC7L,eAAe,CAAC,EAAE,CAChB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,mMAAmM;IACnM,kBAAkB,CAAC,EAAE,CACnB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,+LAA+L;IAC/L,gBAAgB,CAAC,EAAE,CACjB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,qLAAqL;IACrL,gBAAgB,CAAC,EAAE,CACjB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,yOAAyO;IACzO,YAAY,CAAC,EAAE,CACb,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,iOAAiO;IACjO,oBAAoB,CAAC,EAAE,CACrB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KACrC,IAAI,CAAC;IACV,iDAAiD;IACjD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mOAAmO;IACnO,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,GAAG,sBAAsB,CAAC,CAAC;IACvF,6PAA6P;IAC7P,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,8BAA8B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1F,+GAA+G;IAC/G,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2EAA2E;IAC3E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iFAAiF;IACjF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yDAAyD;IACzD,IAAI,CAAC,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;IACvB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC;AA4NF;;GAEG;AACH,eAAO,MAAM,WAAW,inBAAoE,CAAC"}
+{"version":3,"file":"ChannelList.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/ChannelList.tsx"],"names":[],"mappings":"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"}

package/dist/components/ChannelList/ChannelList.js

@@ -74,7 +74,7 @@ var DEFAULT_OPTIONS = {};
 var DEFAULT_SORT = {};
 var UnMemoizedChannelList = function (props) {
     var additionalChannelSearchProps = props.additionalChannelSearchProps, _a = props.Avatar, Avatar = _a === void 0 ? DefaultAvatar : _a, allowNewMessagesFromUnfilteredChannels = props.allowNewMessagesFromUnfilteredChannels, channelRenderFilterFn = props.channelRenderFilterFn, _b = props.ChannelSearch, ChannelSearch = _b === void 0 ? DefaultChannelSearch : _b, customActiveChannel = props.customActiveChannel, _c = props.EmptyStateIndicator, EmptyStateIndicator = _c === void 0 ? DefaultEmptyStateIndicator : _c, filters = props.filters, _d = props.LoadingErrorIndicator, LoadingErrorIndicator = _d === void 0 ? ChatDown : _d, _e = props.LoadingIndicator, LoadingIndicator = _e === void 0 ? LoadingChannels : _e, _f = props.List, List = _f === void 0 ? ChannelListMessenger : _f, lockChannelOrder = props.lockChannelOrder, onAddedToChannel = props.onAddedToChannel, onChannelDeleted = props.onChannelDeleted, onChannelHidden = props.onChannelHidden, onChannelTruncated = props.onChannelTruncated, onChannelUpdated = props.onChannelUpdated, onChannelVisible = props.onChannelVisible, onMessageNew = props.onMessageNew, onRemovedFromChannel = props.onRemovedFromChannel, options = props.options, _g = props.Paginator, Paginator = _g === void 0 ? LoadMorePaginator : _g, Preview = props.Preview, _h = props.sendChannelsToList, sendChannelsToList = _h === void 0 ? false : _h, _j = props.setActiveChannelOnMount, setActiveChannelOnMount = _j === void 0 ? true : _j, _k = props.showChannelSearch, showChannelSearch = _k === void 0 ? false : _k, _l = props.sort, sort = _l === void 0 ? DEFAULT_SORT : _l, _m = props.watchers, watchers = _m === void 0 ? {} : _m;
-    var _o = useChatContext(), channel = _o.channel, client = _o.client, closeMobileNav = _o.closeMobileNav, customClasses = _o.customClasses, _p = _o.navOpen, navOpen = _p === void 0 ? false : _p, setActiveChannel = _o.setActiveChannel, theme = _o.theme, useImageFlagEmojisOnWindows = _o.useImageFlagEmojisOnWindows;
+    var _o = useChatContext('ChannelList'), channel = _o.channel, client = _o.client, closeMobileNav = _o.closeMobileNav, customClasses = _o.customClasses, _p = _o.navOpen, navOpen = _p === void 0 ? false : _p, setActiveChannel = _o.setActiveChannel, theme = _o.theme, useImageFlagEmojisOnWindows = _o.useImageFlagEmojisOnWindows;
     var channelListRef = useRef(null);
     var _q = useState(0), channelUpdateCount = _q[0], setChannelUpdateCount = _q[1];
     /**
@@ -121,11 +121,11 @@ var UnMemoizedChannelList = function (props) {
      * force a re-render. Incrementing this dummy variable ensures the channel previews update.
      */
     var forceUpdate = function () { return setChannelUpdateCount(function (count) { return count + 1; }); };
-    var _r = usePaginatedChannels(client, filters || DEFAULT_FILTERS, sort || DEFAULT_SORT, options || DEFAULT_OPTIONS, activeChannelHandler), channels = _r.channels, hasNextPage = _r.hasNextPage, loadNextPage = _r.loadNextPage, setChannels = _r.setChannels, setOffset = _r.setOffset, status = _r.status;
+    var _r = usePaginatedChannels(client, filters || DEFAULT_FILTERS, sort || DEFAULT_SORT, options || DEFAULT_OPTIONS, activeChannelHandler), channels = _r.channels, hasNextPage = _r.hasNextPage, loadNextPage = _r.loadNextPage, setChannels = _r.setChannels, status = _r.status;
     var loadedChannels = channelRenderFilterFn ? channelRenderFilterFn(channels) : channels;
     useMobileNavigation(channelListRef, navOpen, closeMobileNav);
     useMessageNewListener(setChannels, lockChannelOrder, allowNewMessagesFromUnfilteredChannels);
-    useNotificationMessageNewListener(setChannels, onMessageNew, setOffset, allowNewMessagesFromUnfilteredChannels);
+    useNotificationMessageNewListener(setChannels, onMessageNew, allowNewMessagesFromUnfilteredChannels);
     useNotificationAddedToChannelListener(setChannels, onAddedToChannel, allowNewMessagesFromUnfilteredChannels);
     useNotificationRemovedFromChannelListener(setChannels, onRemovedFromChannel);
     useChannelDeletedListener(setChannels, onChannelDeleted);

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useChannelDeletedListener = function (setChannels, customHandler) {
-    var client = useChatContext().client;
+    var client = useChatContext('useChannelDeletedListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             if (customHandler && typeof customHandler === 'function') {

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useChannelHiddenListener = function (setChannels, customHandler) {
-    var client = useChatContext().client;
+    var client = useChatContext('useChannelHiddenListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             if (customHandler && typeof customHandler === 'function') {

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useChannelTruncatedListener = function (setChannels, customHandler, forceUpdate) {
-    var client = useChatContext().client;
+    var client = useChatContext('useChannelTruncatedListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             setChannels(function (channels) { return __spreadArray([], channels); });

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useChannelUpdatedListener = function (setChannels, customHandler, forceUpdate) {
-    var client = useChatContext().client;
+    var client = useChatContext('useChannelUpdatedListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             setChannels(function (channels) {

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

@@ -44,7 +44,7 @@ import uniqBy from 'lodash.uniqby';
 import { getChannel } from '../utils';
 import { useChatContext } from '../../../context/ChatContext';
 export var useChannelVisibleListener = function (setChannels, customHandler) {
-    var client = useChatContext().client;
+    var client = useChatContext('useChannelVisibleListener').client;
     useEffect(function () {
         var handleEvent = function (event) { return __awaiter(void 0, void 0, void 0, function () {
             var channel_1;

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

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useConnectionRecoveredListener = function (forceUpdate) {
-    var client = useChatContext().client;
+    var client = useChatContext('useConnectionRecoveredListener').client;
     useEffect(function () {
         var handleEvent = function () {
             if (forceUpdate) {

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

@@ -10,7 +10,7 @@ import { useChatContext } from '../../../context/ChatContext';
 export var useMessageNewListener = function (setChannels, lockChannelOrder, allowNewMessagesFromUnfilteredChannels) {
     if (lockChannelOrder === void 0) { lockChannelOrder = false; }
     if (allowNewMessagesFromUnfilteredChannels === void 0) { allowNewMessagesFromUnfilteredChannels = true; }
-    var client = useChatContext().client;
+    var client = useChatContext('useMessageNewListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             setChannels(function (channels) {

package/dist/components/ChannelList/hooks/useNotificationAddedToChannelListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationAddedToChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,qCAAqC,w1BAa3C,IAAI,wEAqBV,CAAC"}
+{"version":3,"file":"useNotificationAddedToChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationAddedToChannelListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,qCAAqC,w1BAa3C,IAAI,wEAuBV,CAAC"}

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

@@ -45,7 +45,7 @@ import { getChannel } from '../utils';
 import { useChatContext } from '../../../context/ChatContext';
 export var useNotificationAddedToChannelListener = function (setChannels, customHandler, allowNewMessagesFromUnfilteredChannels) {
     if (allowNewMessagesFromUnfilteredChannels === void 0) { allowNewMessagesFromUnfilteredChannels = true; }
-    var client = useChatContext().client;
+    var client = useChatContext('useNotificationAddedToChannelListener').client;
     useEffect(function () {
         var handleEvent = function (event) { return __awaiter(void 0, void 0, void 0, function () {
             var channel_1;

package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { Channel, Event } from 'stream-chat';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
-export declare const useNotificationMessageNewListener: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>, event: Event<At, Ch, Co, Ev, Me, Re, Us>) => void) | undefined, setOffset?: import("react").Dispatch<import("react").SetStateAction<number>> | undefined, allowNewMessagesFromUnfilteredChannels?: boolean) => void;
+export declare const useNotificationMessageNewListener: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>, customHandler?: ((setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>, event: Event<At, Ch, Co, Ev, Me, Re, Us>) => void) | undefined, allowNewMessagesFromUnfilteredChannels?: boolean) => void;
 //# sourceMappingURL=useNotificationMessageNewListener.d.ts.map

package/dist/components/ChannelList/hooks/useNotificationMessageNewListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationMessageNewListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationMessageNewListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,iCAAiC,w1BAavC,IAAI,kKAwBV,CAAC"}
+{"version":3,"file":"useNotificationMessageNewListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationMessageNewListener.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,iCAAiC,w1BAavC,IAAI,wEAuBV,CAAC"}

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

@@ -43,9 +43,9 @@ import { useEffect } from 'react';
 import uniqBy from 'lodash.uniqby';
 import { getChannel } from '../utils';
 import { useChatContext } from '../../../context/ChatContext';
-export var useNotificationMessageNewListener = function (setChannels, customHandler, setOffset, allowNewMessagesFromUnfilteredChannels) {
+export var useNotificationMessageNewListener = function (setChannels, customHandler, allowNewMessagesFromUnfilteredChannels) {
     if (allowNewMessagesFromUnfilteredChannels === void 0) { allowNewMessagesFromUnfilteredChannels = true; }
-    var client = useChatContext().client;
+    var client = useChatContext('useNotificationMessageNewListener').client;
     useEffect(function () {
         var handleEvent = function (event) { return __awaiter(void 0, void 0, void 0, function () {
             var channel_1;
@@ -63,9 +63,7 @@ export var useNotificationMessageNewListener = function (setChannels, customHand
                         channel_1 = _b.sent();
                         setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels), 'cid'); });
                         _b.label = 3;
-                    case 3:
-                        setOffset === null || setOffset === void 0 ? void 0 : setOffset(function (prevOffset) { return prevOffset + 1; });
-                        return [2 /*return*/];
+                    case 3: return [2 /*return*/];
                 }
             });
         }); };

package/dist/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationRemovedFromChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,yCAAyC,w1BAa/C,IAAI,sBAmBV,CAAC"}
+{"version":3,"file":"useNotificationRemovedFromChannelListener.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/useNotificationRemovedFromChannelListener.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,yCAAyC,w1BAa/C,IAAI,sBAqBV,CAAC"}

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

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useNotificationRemovedFromChannelListener = function (setChannels, customHandler) {
-    var client = useChatContext().client;
+    var client = useChatContext('useNotificationRemovedFromChannelListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             if (customHandler && typeof customHandler === 'function') {

package/dist/components/ChannelList/hooks/usePaginatedChannels.d.ts

@@ -6,7 +6,6 @@ export declare const usePaginatedChannels: <At extends DefaultAttachmentType = D
     hasNextPage: boolean;
     loadNextPage: () => void;
     setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<At, Ch, Co, Ev, Me, Re, Us>[]>>;
-    setOffset: import("react").Dispatch<import("react").SetStateAction<number>>;
     status: {
         error: boolean;
         loadingChannels: boolean;

package/dist/components/ChannelList/hooks/usePaginatedChannels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpG,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,krBAYtB,cAAc,2LAIlB,IAAI;;;;;;;;;;;CAwEV,CAAC"}
+{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpG,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,krBAYtB,cAAc,2LAIlB,IAAI;;;;;;;;;;CAoEV,CAAC"}

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

@@ -57,12 +57,11 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
     var _b = useState(false), error = _b[0], setError = _b[1];
     var _c = useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
     var _d = useState(true), loadingChannels = _d[0], setLoadingChannels = _d[1];
-    var _e = useState(0), offset = _e[0], setOffset = _e[1];
-    var _f = useState(true), refreshing = _f[0], setRefreshing = _f[1];
+    var _e = useState(true), refreshing = _e[0], setRefreshing = _e[1];
     var filterString = useMemo(function () { return JSON.stringify(filters); }, [filters]);
     var sortString = useMemo(function () { return JSON.stringify(sort); }, [sort]);
     var queryChannels = function (queryType) { return __awaiter(void 0, void 0, void 0, function () {
-        var newOptions, channelQueryResponse, newChannels, err_1;
+        var offset, newOptions, channelQueryResponse, newChannels, err_1;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -72,27 +71,21 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
                         setLoadingChannels(true);
                     }
                     setRefreshing(true);
-                    newOptions = __assign({ limit: (_a = options === null || options === void 0 ? void 0 : options.limit) !== null && _a !== void 0 ? _a : MAX_QUERY_CHANNELS_LIMIT, offset: queryType === 'reload' ? 0 : offset }, options);
+                    offset = queryType === 'reload' ? 0 : channels.length;
+                    newOptions = __assign({ limit: (_a = options === null || options === void 0 ? void 0 : options.limit) !== null && _a !== void 0 ? _a : MAX_QUERY_CHANNELS_LIMIT, offset: offset }, options);
                     _b.label = 1;
                 case 1:
                     _b.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, client.queryChannels(filters, sort || {}, newOptions)];
                 case 2:
                     channelQueryResponse = _b.sent();
-                    newChannels = void 0;
-                    if (queryType === 'reload') {
-                        newChannels = channelQueryResponse;
-                    }
-                    else {
-                        newChannels = __spreadArray(__spreadArray([], channels), channelQueryResponse);
-                    }
+                    newChannels = queryType === 'reload' ? channelQueryResponse : __spreadArray(__spreadArray([], channels), channelQueryResponse);
                     setChannels(newChannels);
                     setHasNextPage(channelQueryResponse.length >= newOptions.limit);
-                    // Set active channel only after first page.
-                    if (offset === 0 && activeChannelHandler) {
+                    // Set active channel only on load of first page
+                    if (!offset && activeChannelHandler) {
                         activeChannelHandler(newChannels, setChannels);
                     }
-                    setOffset(newChannels.length);
                     return [3 /*break*/, 4];
                 case 3:
                     err_1 = _b.sent();
@@ -117,7 +110,6 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
         hasNextPage: hasNextPage,
         loadNextPage: loadNextPage,
         setChannels: setChannels,
-        setOffset: setOffset,
         status: {
             error: error,
             loadingChannels: loadingChannels,

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

@@ -6,7 +6,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 import { useEffect } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useUserPresenceChangedListener = function (setChannels) {
-    var client = useChatContext().client;
+    var client = useChatContext('useUserPresenceChangedListener').client;
     useEffect(function () {
         var handleEvent = function (event) {
             setChannels(function (channels) {

package/dist/components/ChannelPreview/ChannelPreview.js

@@ -17,8 +17,8 @@ import { useChatContext } from '../../context/ChatContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 export var ChannelPreview = function (props) {
     var channel = props.channel, _a = props.Preview, Preview = _a === void 0 ? ChannelPreviewMessenger : _a;
-    var _b = useChatContext(), activeChannel = _b.channel, client = _b.client, setActiveChannel = _b.setActiveChannel;
-    var _c = useTranslationContext(), t = _c.t, userLanguage = _c.userLanguage;
+    var _b = useChatContext('ChannelPreview'), activeChannel = _b.channel, client = _b.client, setActiveChannel = _b.setActiveChannel;
+    var _c = useTranslationContext('ChannelPreview'), t = _c.t, userLanguage = _c.userLanguage;
     var _d = useState(channel.state.messages[channel.state.messages.length - 1]), lastMessage = _d[0], setLastMessage = _d[1];
     var _e = useState(0), unread = _e[0], setUnread = _e[1];
     var isActive = (activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.cid) === channel.cid;

package/dist/components/ChannelPreview/hooks/useIsChannelMuted.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useChatContext } from '../../../context/ChatContext';
 export var useIsChannelMuted = function (channel) {
-    var client = useChatContext().client;
+    var client = useChatContext('useIsChannelMuted').client;
     var _a = useState(channel.muteStatus()), muted = _a[0], setMuted = _a[1];
     useEffect(function () {
         var handleEvent = function () { return setMuted(channel.muteStatus()); };

package/dist/components/ChannelSearch/ChannelSearch.js

@@ -58,7 +58,7 @@ import { isChannel } from './utils';
 import { useChatContext } from '../../context/ChatContext';
 var UnMemoizedChannelSearch = function (props) {
     var _a = props.channelType, channelType = _a === void 0 ? 'messaging' : _a, DropdownContainer = props.DropdownContainer, onSelectResult = props.onSelectResult, _b = props.popupResults, popupResults = _b === void 0 ? false : _b, SearchEmpty = props.SearchEmpty, _c = props.searchForChannels, searchForChannels = _c === void 0 ? false : _c, searchFunction = props.searchFunction, _d = props.SearchInput, SearchInput = _d === void 0 ? DefaultSearchInput : _d, SearchLoading = props.SearchLoading, searchQueryParams = props.searchQueryParams, SearchResultItem = props.SearchResultItem, SearchResultsHeader = props.SearchResultsHeader;
-    var _e = useChatContext(), client = _e.client, setActiveChannel = _e.setActiveChannel;
+    var _e = useChatContext('ChannelSearch'), client = _e.client, setActiveChannel = _e.setActiveChannel;
     var _f = useState(''), query = _f[0], setQuery = _f[1];
     var _g = useState([]), results = _g[0], setResults = _g[1];
     var _h = useState(false), resultsOpen = _h[0], setResultsOpen = _h[1];

package/dist/components/ChannelSearch/SearchInput.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslationContext } from '../../context/TranslationContext';
 export var SearchInput = function (props) {
     var channelSearchParams = props.channelSearchParams, inputRef = props.inputRef, onSearch = props.onSearch, query = props.query, searchFunction = props.searchFunction;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('SearchInput').t;
     return (React.createElement("input", { className: 'str-chat__channel-search-input', onChange: function (event) {
             return searchFunction ? searchFunction(channelSearchParams, event) : onSearch(event);
         }, placeholder: t('Search'), ref: inputRef, type: 'text', value: query }));

package/dist/components/ChannelSearch/SearchResults.js

@@ -25,7 +25,7 @@ var DefaultSearchResultItem = function (props) {
 };
 export var SearchResults = function (props) {
     var _a = props.DropdownContainer, DropdownContainer = _a === void 0 ? DefaultDropdownContainer : _a, popupResults = props.popupResults, results = props.results, searching = props.searching, SearchEmpty = props.SearchEmpty, SearchResultsHeader = props.SearchResultsHeader, SearchLoading = props.SearchLoading, _b = props.SearchResultItem, SearchResultItem = _b === void 0 ? DefaultSearchResultItem : _b, selectResult = props.selectResult;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('SearchResults').t;
     var _c = useState(), focusedUser = _c[0], setFocusedUser = _c[1];
     var device = useBreakpoint().device;
     var containerStyle = popupResults && device === 'full' ? 'popup' : 'inline';

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

@@ -21,7 +21,7 @@ export declare type ChatProps<At extends DefaultAttachmentType = DefaultAttachme
     i18nInstance?: Streami18n;
     /** Initial status of mobile navigation */
     initialNavOpen?: boolean;
-    /** UI theme used for custom styling of components. Default themes are available by channel type and custom themes are supported  */
+    /** @deprecated and to be removed in a future major release. Use the `customStyles` prop to adjust CSS variables and [customize the theme](https://getstream.io/chat/docs/sdk/react/customization/css_and_theming/#css-variables) of your app  */
     theme?: Theme;
     /** Windows 10 does not support country flag emojis out of the box. It chooses to render these emojis as characters instead. Stream
      * Chat can override this behavior by loading a custom web font that will render images instead (PNGs or SVGs depending on the platform).

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oIAAoI;IACpI,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,0oBAwDhB,CAAC"}
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iPAAiP;IACjP,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,0oBAwDhB,CAAC"}

package/dist/components/Chat/Chat.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useChat } from './hooks/useChat';
+import { useCreateChatContext } from './hooks/useCreateChatContext';
 import { darkModeTheme, useCustomStyles } from './hooks/useCustomStyles';
 import { ChatProvider } from '../../context/ChatContext';
 import { TranslationProvider } from '../../context/TranslationContext';
@@ -11,19 +12,20 @@ export var Chat = function (props) {
     var children = props.children, client = props.client, customClasses = props.customClasses, customStyles = props.customStyles, _a = props.darkMode, darkMode = _a === void 0 ? false : _a, defaultLanguage = props.defaultLanguage, i18nInstance = props.i18nInstance, _b = props.initialNavOpen, initialNavOpen = _b === void 0 ? true : _b, _c = props.theme, theme = _c === void 0 ? 'messaging light' : _c, _d = props.useImageFlagEmojisOnWindows, useImageFlagEmojisOnWindows = _d === void 0 ? false : _d;
     var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, translators = _e.translators;
     useCustomStyles(darkMode ? darkModeTheme : customStyles);
+    var chatContextValue = useCreateChatContext({
+        channel: channel,
+        client: client,
+        closeMobileNav: closeMobileNav,
+        customClasses: customClasses,
+        mutes: mutes,
+        navOpen: navOpen,
+        openMobileNav: openMobileNav,
+        setActiveChannel: setActiveChannel,
+        theme: theme,
+        useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
+    });
     if (!translators.t)
         return null;
-    return (React.createElement(ChatProvider, { value: {
-            channel: channel,
-            client: client,
-            closeMobileNav: closeMobileNav,
-            customClasses: customClasses,
-            mutes: mutes,
-            navOpen: navOpen,
-            openMobileNav: openMobileNav,
-            setActiveChannel: setActiveChannel,
-            theme: theme,
-            useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
-        } },
+    return (React.createElement(ChatProvider, { value: chatContextValue },
         React.createElement(TranslationProvider, { value: translators }, children)));
 };

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

@@ -61,7 +61,7 @@ export var useChat = function (_a) {
     var _e = useState(), channel = _e[0], setChannel = _e[1];
     var _f = useState([]), mutes = _f[0], setMutes = _f[1];
     var _g = useState(initialNavOpen), navOpen = _g[0], setNavOpen = _g[1];
-    var clientMutes = (_b = client === null || client === void 0 ? void 0 : client.user) === null || _b === void 0 ? void 0 : _b.mutes;
+    var clientMutes = (_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes;
     var closeMobileNav = function () { return setNavOpen(false); };
     var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
     useEffect(function () {

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

@@ -0,0 +1,4 @@
+import type { ChatContextValue } from '../../../context/ChatContext';
+import type { DefaultAttachmentType, DefaultChannelType, DefaultMessageType, DefaultUserType } from '../../../types/types';
+export declare const useCreateChatContext: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Ev extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../../types/types").UnknownType = import("../../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../../types/types").DefaultUserTypeInternal>>(value: ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>) => ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+//# sourceMappingURL=useCreateChatContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,oBAAoB,iqBAgDhC,CAAC"}

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

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+export var useCreateChatContext = function (value) {
+    var _a;
+    var channel = value.channel, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, theme = value.theme, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
+    var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
+    var clientValues = "" + client.clientID + Object.keys(client.activeChannels).length + Object.keys(client.listeners).length + client.mutedChannels.length + "\n  " + ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id);
+    var mutedUsersLength = mutes.length;
+    var chatContext = useMemo(function () { return ({
+        channel: channel,
+        client: client,
+        closeMobileNav: closeMobileNav,
+        customClasses: customClasses,
+        mutes: mutes,
+        navOpen: navOpen,
+        openMobileNav: openMobileNav,
+        setActiveChannel: setActiveChannel,
+        theme: theme,
+        useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
+    }); }, [channelCid, clientValues, mutedUsersLength, navOpen]);
+    return chatContext;
+};

package/dist/components/ChatAutoComplete/ChatAutoComplete.d.ts

@@ -15,6 +15,7 @@ export declare type SuggestionItemProps<Co extends DefaultCommandType = DefaultC
     onSelectHandler: (item: EmojiData | SuggestionUser<Us> | SuggestionCommand<Co>) => void;
     selected: boolean;
     style: React.CSSProperties;
+    value: string;
 };
 export declare type SuggestionListProps<Co extends DefaultCommandType = DefaultCommandType, Us extends DefaultUserType<Us> = DefaultUserType, V extends CustomTrigger = CustomTrigger> = ObjectUnion<{
     [key in keyof TriggerSettings<Co, Us, V>]: {