stream-chat-react 6.9.0 → 6.12.0

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelListMessenger.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/ChannelListMessenger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,yBAAyB,CACnC,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,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+GAA+G;IAC/G,cAAc,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACvD,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yMAAyM;IACzM,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3D,0NAA0N;IAC1N,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,mpBAgChC,CAAC"}
+{"version":3,"file":"ChannelListMessenger.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/ChannelListMessenger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,yBAAyB,CACnC,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,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+GAA+G;IAC/G,cAAc,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACvD,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yMAAyM;IACzM,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3D,0NAA0N;IAC1N,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;CAC3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,mpBAgChC,CAAC"}

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.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,wEAqBV,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

@@ -45,7 +45,7 @@ import { getChannel } from '../utils';
 import { useChatContext } from '../../../context/ChatContext';
 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;

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.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;;;;;;;;;;CAoEV,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;;;;;;;;;;CAsEV,CAAC"}

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

@@ -66,6 +66,7 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
+                    setError(false);
                     if (queryType === 'reload') {
                         setChannels([]);
                         setLoadingChannels(true);

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;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,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,0oBA0DhB,CAAC"}

package/dist/components/Chat/Chat.js

@@ -10,13 +10,14 @@ import { TranslationProvider } from '../../context/TranslationContext';
  */
 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;
+    var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, 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,
+        getAppSettings: getAppSettings,
         mutes: mutes,
         navOpen: navOpen,
         openMobileNav: openMobileNav,

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

@@ -2,7 +2,7 @@
 /// <reference types="react" />
 import { SupportedTranslations, TranslationContextValue } from '../../../context/TranslationContext';
 import { Streami18n } from '../../../i18n';
-import type { Channel, Mute, StreamChat } from 'stream-chat';
+import type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType } from '../../../types/types';
 export declare type UseChatParams<At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends DefaultCommandType = DefaultCommandType, Ev extends DefaultEventType = DefaultEventType, Me extends DefaultMessageType = DefaultMessageType, Re extends DefaultReactionType = DefaultReactionType, Us extends DefaultUserType<Us> = DefaultUserType> = {
     client: StreamChat<At, Ch, Co, Ev, Me, Re, Us>;
@@ -13,6 +13,7 @@ export declare type UseChatParams<At extends DefaultAttachmentType = DefaultAtta
 export declare const useChat: <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>>({ client, defaultLanguage, i18nInstance, initialNavOpen, }: UseChatParams<At, Ch, Co, Ev, Me, Re, Us>) => {
     channel: Channel<At, Ch, Co, Ev, Me, Re, Us> | undefined;
     closeMobileNav: () => void;
+    getAppSettings: () => Promise<AppSettingsAPIResponse<Co>>;
     mutes: Mute<Us>[];
     navOpen: boolean | undefined;
     openMobileNav: () => NodeJS.Timeout;

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

@@ -1 +1 @@
-{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";;AAGA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpE,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,aAAa,CACvB,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,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;mGA6EJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CAwBlD,CAAC"}
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":";;AAGA,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,oBAAY,aAAa,CACvB,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,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;mGAqFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;;CAyBlD,CAAC"}

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

@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import Dayjs from 'dayjs';
 import { isLanguageSupported, } from '../../../context/TranslationContext';
 import { Streami18n } from '../../../i18n';
@@ -64,13 +64,19 @@ export var useChat = function (_a) {
     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); };
+    var appSettings = useRef(null);
+    var getAppSettings = function () {
+        if (appSettings.current) {
+            return appSettings.current;
+        }
+        appSettings.current = client.getAppSettings();
+        return appSettings.current;
+    };
     useEffect(function () {
         if (client) {
             var userAgent = client.getUserAgent();
             if (!userAgent.includes('stream-chat-react')) {
-                /**
-                 * results in something like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'
-                 */
+                // result looks like: 'stream-chat-react-2.3.2-stream-chat-javascript-client-browser-2.2.2'
                 client.setUserAgent("stream-chat-react-" + version + "-" + userAgent);
             }
         }
@@ -83,7 +89,7 @@ export var useChat = function (_a) {
         };
         client.on('notification.mutes_updated', handleEvent);
         return function () { return client.off('notification.mutes_updated', handleEvent); };
-    }, [client, clientMutes]);
+    }, [clientMutes === null || clientMutes === void 0 ? void 0 : clientMutes.length]);
     useEffect(function () {
         var _a;
         var userLanguage = (_a = client.user) === null || _a === void 0 ? void 0 : _a.language;
@@ -98,7 +104,7 @@ export var useChat = function (_a) {
         streami18n.getTranslators().then(function (translator) {
             setTranslators(__assign(__assign({}, translator), { userLanguage: userLanguage || defaultLanguage }));
         });
-    }, [client, i18nInstance]);
+    }, [i18nInstance]);
     var setActiveChannel = useCallback(function (activeChannel, watchers, event) {
         if (watchers === void 0) { watchers = {}; }
         return __awaiter(void 0, void 0, void 0, function () {
@@ -123,6 +129,7 @@ export var useChat = function (_a) {
     return {
         channel: channel,
         closeMobileNav: closeMobileNav,
+        getAppSettings: getAppSettings,
         mutes: mutes,
         navOpen: navOpen,
         openMobileNav: openMobileNav,

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

@@ -1 +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"}
+{"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,iqBAkDhC,CAAC"}

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

@@ -1,7 +1,7 @@
 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 channel = value.channel, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, 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;
@@ -10,12 +10,13 @@ export var useCreateChatContext = function (value) {
         client: client,
         closeMobileNav: closeMobileNav,
         customClasses: customClasses,
+        getAppSettings: getAppSettings,
         mutes: mutes,
         navOpen: navOpen,
         openMobileNav: openMobileNav,
         setActiveChannel: setActiveChannel,
         theme: theme,
         useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
-    }); }, [channelCid, clientValues, mutedUsersLength, navOpen]);
+    }); }, [channelCid, clientValues, getAppSettings, 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>]: {

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

@@ -1 +1 @@
-{"version":3,"file":"ChatAutoComplete.d.ts","sourceRoot":"","sources":["../../../src/components/ChatAutoComplete/ChatAutoComplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatAutoComplete.d.ts","sourceRoot":"","sources":["../../../src/components/ChatAutoComplete/ChatAutoComplete.tsx"],"names":[],"mappings":"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"}

package/dist/components/ChatAutoComplete/ChatAutoComplete.js

@@ -5,9 +5,9 @@ import { useMessageInputContext } from '../../context/MessageInputContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 import { useComponentContext } from '../../context/ComponentContext';
 var UnMemoizedChatAutoComplete = function (props) {
-    var _a = useComponentContext(), SuggestionItem = _a.AutocompleteSuggestionItem, SuggestionList = _a.AutocompleteSuggestionList;
-    var t = useTranslationContext().t;
-    var messageInput = useMessageInputContext();
+    var _a = useComponentContext('ChatAutoComplete'), SuggestionItem = _a.AutocompleteSuggestionItem, SuggestionList = _a.AutocompleteSuggestionList;
+    var t = useTranslationContext('ChatAutoComplete').t;
+    var messageInput = useMessageInputContext('ChatAutoComplete');
     var cooldownRemaining = messageInput.cooldownRemaining, disabled = messageInput.disabled, emojiIndex = messageInput.emojiIndex, innerRef = messageInput.textareaRef;
     var placeholder = props.placeholder || t('Type your message');
     var emojiReplace = function (word) {
@@ -28,6 +28,6 @@ var UnMemoizedChatAutoComplete = function (props) {
             innerRef.current = ref;
         }
     }, [innerRef]);
-    return (React.createElement(AutoCompleteTextarea, { additionalTextareaProps: messageInput.additionalTextareaProps, className: 'str-chat__textarea__textarea', closeCommandsList: messageInput.closeCommandsList, containerClassName: 'str-chat__textarea', disabled: disabled || !!cooldownRemaining, disableMentions: messageInput.disableMentions, dropdownClassName: 'str-chat__emojisearch', grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, itemClassName: 'str-chat__emojisearch__item', keycodeSubmitKeys: messageInput.keycodeSubmitKeys, listClassName: 'str-chat__emojisearch__list', loadingComponent: LoadingIndicator, maxRows: messageInput.maxRows, minChar: 0, onChange: props.onChange || messageInput.handleChange, onFocus: props.onFocus, onPaste: props.onPaste || messageInput.onPaste, placeholder: cooldownRemaining ? t('Slow Mode ON') : placeholder, replaceWord: emojiReplace, rows: props.rows || 1, showCommandsList: messageInput.showCommandsList, SuggestionItem: SuggestionItem, SuggestionList: SuggestionList, trigger: messageInput.autocompleteTriggers || {}, value: props.value || messageInput.text }));
+    return (React.createElement(AutoCompleteTextarea, { additionalTextareaProps: messageInput.additionalTextareaProps, className: 'str-chat__textarea__textarea', closeCommandsList: messageInput.closeCommandsList, closeMentionsList: messageInput.closeMentionsList, containerClassName: 'str-chat__textarea', disabled: disabled || !!cooldownRemaining, disableMentions: messageInput.disableMentions, dropdownClassName: 'str-chat__emojisearch', grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, itemClassName: 'str-chat__emojisearch__item', keycodeSubmitKeys: messageInput.keycodeSubmitKeys, listClassName: 'str-chat__emojisearch__list', loadingComponent: LoadingIndicator, maxRows: messageInput.maxRows, minChar: 0, onChange: props.onChange || messageInput.handleChange, onFocus: props.onFocus, onPaste: props.onPaste || messageInput.onPaste, placeholder: cooldownRemaining ? t('Slow Mode ON') : placeholder, replaceWord: emojiReplace, rows: props.rows || 1, showCommandsList: messageInput.showCommandsList, showMentionsList: messageInput.showMentionsList, SuggestionItem: SuggestionItem, SuggestionList: SuggestionList, trigger: messageInput.autocompleteTriggers || {}, value: props.value || messageInput.text }));
 };
 export var ChatAutoComplete = React.memo(UnMemoizedChatAutoComplete);

package/dist/components/ChatDown/ChatDown.js

@@ -4,7 +4,7 @@ import placeholder from '../../assets/str-chat__connection-error.svg';
 import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedChatDown = function (props) {
     var image = props.image, text = props.text, _a = props.type, type = _a === void 0 ? 'Error' : _a;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('ChatDown').t;
     return (React.createElement("div", { className: 'str-chat__down' },
         React.createElement(LoadingChannels, null),
         React.createElement("div", { className: 'str-chat__down-main' },

package/dist/components/DateSeparator/DateSeparator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedDateSeparator = function (props) {
     var date = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
-    var _b = useTranslationContext(), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
+    var _b = useTranslationContext('DateSeparator'), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
     if (typeof date === 'string')
         return null;
     var parsedDate = tDateTimeParser(date.toISOString());

package/dist/components/EmptyStateIndicator/EmptyStateIndicator.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslationContext } from '../../context/TranslationContext';
 var UnMemoizedEmptyStateIndicator = function (props) {
     var listType = props.listType;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('EmptyStateIndicator').t;
     if (listType === 'channel')
         return React.createElement("p", null, t('You have no channels currently'));
     if (listType === 'message')

package/dist/components/EventComponent/EventComponent.js

@@ -7,7 +7,7 @@ import { isDayOrMoment, useTranslationContext } from '../../context/TranslationC
 var UnMemoizedEventComponent = function (props) {
     var _a, _b, _c;
     var _d = props.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, message = props.message;
-    var tDateTimeParser = useTranslationContext().tDateTimeParser;
+    var tDateTimeParser = useTranslationContext('EventComponent').tDateTimeParser;
     var _e = message.created_at, created_at = _e === void 0 ? '' : _e, event = message.event, text = message.text, type = message.type;
     var dateFormatter = function (date, format) {
         var parsedDate = tDateTimeParser(date);

package/dist/components/Gallery/Gallery.js

@@ -5,7 +5,7 @@ var UnMemoizedGallery = function (props) {
     var images = props.images;
     var _a = useState(0), index = _a[0], setIndex = _a[1];
     var _b = useState(false), modalOpen = _b[0], setModalOpen = _b[1];
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('Gallery').t;
     var toggleModal = function (selectedIndex) {
         if (modalOpen) {
             setModalOpen(false);

package/dist/components/Loading/LoadingErrorIndicator.js

@@ -5,7 +5,7 @@ import { useTranslationContext } from '../../context/TranslationContext';
  */
 var UnMemoizedLoadingErrorIndicator = function (_a) {
     var error = _a.error;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('LoadingErrorIndicator').t;
     if (!error)
         return null;
     return React.createElement("div", null, t('Error: {{ errorMessage }}', { errorMessage: error.message }));

package/dist/components/MML/MML.js

@@ -52,7 +52,7 @@ var MMLReact = React.lazy(function () { return __awaiter(void 0, void 0, void 0,
  */
 export var MML = function (props) {
     var actionHandler = props.actionHandler, _a = props.align, align = _a === void 0 ? 'right' : _a, source = props.source;
-    var theme = useChatContext().theme;
+    var theme = useChatContext('MML').theme;
     return (React.createElement(Suspense, { fallback: null },
         React.createElement(MMLReact, { className: "mml-align-" + align, Loading: null, onSubmit: actionHandler, source: source, Success: null, theme: (theme || '').replace(' ', '-') })));
 };

package/dist/components/Message/FixedHeightMessage.js

@@ -29,10 +29,10 @@ var getUserColor = function (theme, userId) {
 var UnMemoizedFixedHeightMessage = function (props) {
     var _a, _b, _c, _d;
     var propGroupedByUser = props.groupedByUser, propMessage = props.message;
-    var theme = useChatContext().theme;
-    var _e = useMessageContext(), contextGroupedByUser = _e.groupedByUser, contextMessage = _e.message;
-    var _f = useComponentContext().MessageDeleted, MessageDeleted = _f === void 0 ? DefaultMessageDeleted : _f;
-    var userLanguage = useTranslationContext().userLanguage;
+    var theme = useChatContext('FixedHeightMessage').theme;
+    var _e = useMessageContext('FixedHeightMessage'), contextGroupedByUser = _e.groupedByUser, contextMessage = _e.message;
+    var _f = useComponentContext('FixedHeightMessage').MessageDeleted, MessageDeleted = _f === void 0 ? DefaultMessageDeleted : _f;
+    var userLanguage = useTranslationContext('FixedHeightMessage').userLanguage;
     var groupedByUser = propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
     var message = propMessage || contextMessage;
     var handleAction = useActionHandler(message);

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAqI3B;;;GAGG;AACH,eAAO,MAAM,OAAO,wpBAoHnB,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAmI3B;;;GAGG;AACH,eAAO,MAAM,OAAO,wpBAoHnB,CAAC"}

package/dist/components/Message/Message.js

@@ -29,7 +29,7 @@ import { useComponentContext } from '../../context/ComponentContext';
 import { MessageProvider } from '../../context/MessageContext';
 var MessageWithContext = function (props) {
     var canPin = props.canPin, groupedByUser = props.groupedByUser, propMessage = props.Message, message = props.message, _a = props.messageActions, messageActions = _a === void 0 ? Object.keys(MESSAGE_ACTIONS) : _a, propOnUserClick = props.onUserClick, propOnUserHover = props.onUserHover, userRoles = props.userRoles;
-    var contextMessage = useComponentContext().Message;
+    var contextMessage = useComponentContext('Message').Message;
     var actionsEnabled = message.type === 'regular' && message.status === 'received';
     var MessageUIComponent = propMessage || contextMessage;
     var _b = useEditHandler(), clearEdit = _b.clearEdit, editing = _b.editing, setEdit = _b.setEdit;
@@ -39,9 +39,6 @@ var MessageWithContext = function (props) {
     }), onUserClick = _c.onUserClick, onUserHover = _c.onUserHover;
     var canDelete = userRoles.canDelete, canEdit = userRoles.canEdit, canFlag = userRoles.canFlag, canMute = userRoles.canMute, canQuote = userRoles.canQuote, canReact = userRoles.canReact, canReply = userRoles.canReply, isMyMessage = userRoles.isMyMessage;
     var messageActionsHandler = useCallback(function () {
-        if (!message || !messageActions) {
-            return [];
-        }
         return getMessageActions(messageActions, {
             canDelete: canDelete,
             canEdit: canEdit,
@@ -71,8 +68,8 @@ var MemoizedMessage = React.memo(MessageWithContext, areMessagePropsEqual);
  */
 export var Message = function (props) {
     var closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, disableQuotedMessages = props.disableQuotedMessages, getDeleteMessageErrorNotification = props.getDeleteMessageErrorNotification, getFlagMessageErrorNotification = props.getFlagMessageErrorNotification, getFlagMessageSuccessNotification = props.getFlagMessageSuccessNotification, getMuteUserErrorNotification = props.getMuteUserErrorNotification, getMuteUserSuccessNotification = props.getMuteUserSuccessNotification, getPinMessageErrorNotification = props.getPinMessageErrorNotification, message = props.message, _a = props.onlySenderCanEdit, onlySenderCanEdit = _a === void 0 ? false : _a, propOnMentionsClick = props.onMentionsClick, propOnMentionsHover = props.onMentionsHover, propOpenThread = props.openThread, pinPermissions = props.pinPermissions, propRetrySendMessage = props.retrySendMessage;
-    var addNotification = useChannelActionContext().addNotification;
-    var mutes = useChannelStateContext().mutes;
+    var addNotification = useChannelActionContext('Message').addNotification;
+    var mutes = useChannelStateContext('Message').mutes;
     var reactionSelectorRef = useRef(null);
     var handleAction = useActionHandler(message);
     var handleOpenThread = useOpenThreadHandler(message, propOpenThread);

package/dist/components/Message/MessageCommerce.js

@@ -24,7 +24,7 @@ import { useMessageContext } from '../../context/MessageContext';
 var MessageCommerceWithContext = function (props) {
     var _a, _b, _c, _d, _e, _f;
     var groupStyles = props.groupStyles, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, isMyMessage = props.isMyMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, showDetailedReactions = props.showDetailedReactions, threadList = props.threadList;
-    var _g = useComponentContext(), Attachment = _g.Attachment, _h = _g.Avatar, Avatar = _h === void 0 ? DefaultAvatar : _h, _j = _g.MessageDeleted, MessageDeleted = _j === void 0 ? DefaultMessageDeleted : _j, _k = _g.MessageRepliesCountButton, MessageRepliesCountButton = _k === void 0 ? DefaultMessageRepliesCountButton : _k, _l = _g.MessageOptions, MessageOptions = _l === void 0 ? DefaultMessageOptions : _l, _m = _g.MessageTimestamp, MessageTimestamp = _m === void 0 ? DefaultMessageTimestamp : _m, _o = _g.ReactionSelector, ReactionSelector = _o === void 0 ? DefaultReactionSelector : _o, _p = _g.ReactionsList, ReactionsList = _p === void 0 ? DefaultReactionsList : _p;
+    var _g = useComponentContext('MessageCommerce'), Attachment = _g.Attachment, _h = _g.Avatar, Avatar = _h === void 0 ? DefaultAvatar : _h, _j = _g.MessageDeleted, MessageDeleted = _j === void 0 ? DefaultMessageDeleted : _j, _k = _g.MessageRepliesCountButton, MessageRepliesCountButton = _k === void 0 ? DefaultMessageRepliesCountButton : _k, _l = _g.MessageOptions, MessageOptions = _l === void 0 ? DefaultMessageOptions : _l, _m = _g.MessageTimestamp, MessageTimestamp = _m === void 0 ? DefaultMessageTimestamp : _m, _o = _g.ReactionSelector, ReactionSelector = _o === void 0 ? DefaultReactionSelector : _o, _p = _g.ReactionsList, ReactionsList = _p === void 0 ? DefaultReactionsList : _p;
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
     var firstGroupStyle = groupStyles ? groupStyles[0] : 'single';
@@ -58,6 +58,6 @@ var MemoizedMessageCommerce = React.memo(MessageCommerceWithContext, areMessageU
  * UI component that renders a message and receives functionality from the Message/MessageList components
  */
 export var MessageCommerce = function (props) {
-    var messageContext = useMessageContext();
+    var messageContext = useMessageContext('MessageCommerce');
     return React.createElement(MemoizedMessageCommerce, __assign({}, messageContext, props));
 };

package/dist/components/Message/MessageDeleted.js

@@ -3,7 +3,7 @@ import { useUserRole } from './hooks/useUserRole';
 import { useTranslationContext } from '../../context/TranslationContext';
 export var MessageDeleted = function (props) {
     var message = props.message;
-    var t = useTranslationContext().t;
+    var t = useTranslationContext('MessageDeleted').t;
     var isMyMessage = useUserRole(message).isMyMessage;
     var messageClasses = isMyMessage
         ? 'str-chat__message str-chat__message--me str-chat__message-simple str-chat__message-simple--me'

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

@@ -1 +1 @@
-{"version":3,"file":"MessageLivestream.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageLivestream.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAmBjF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAMtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AA6N3B,oBAAY,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AA0GF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6nBAmC7B,CAAC"}
+{"version":3,"file":"MessageLivestream.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageLivestream.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAmBjF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAMtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAElB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAoN3B,oBAAY,6BAA6B,GAAG;IAC1C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,iBAAiB,CAAC;CACxC,CAAC;AA4GF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6nBAmC7B,CAAC"}