stream-chat-react 11.0.0-rc.2 → 11.0.0-rc.3

package/dist/browser.full-bundle.js

@@ -9574,11 +9574,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
                 keySeparator: false,
                 lng: this.currentLanguage,
                 nsSeparator: false,
-                parseMissingKeyHandler: function (key) {
-                    _this.logger("Streami18n: Missing translation for key: ".concat(key));
-                    return key;
-                },
             };
+            if (finalOptions.parseMissingKeyHandler) {
+                this.i18nextConfig.parseMissingKeyHandler = finalOptions.parseMissingKeyHandler;
+            }
             this.validateCurrentLanguage();
             var dayjsLocaleConfigForLanguage = finalOptions.dayjsLocaleConfigForLanguage;
             if (dayjsLocaleConfigForLanguage) {
@@ -42456,6 +42455,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCommandTrigger = function () {
         var themeVersion = useChatContext('useCommandTrigger').themeVersion;
         var channelConfig = useChannelStateContext('useCommandTrigger').channelConfig;
+        var t = useTranslationContext('useCommandTrigger').t;
         var commands = channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.commands;
         return {
             component: CommandItem,
@@ -42464,7 +42464,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
                     return [];
                 }
                 var selectedCommands = commands.filter(function (command) { var _a; return ((_a = command.name) === null || _a === void 0 ? void 0 : _a.indexOf(query)) !== -1; });
-                // sort alphabetically unless the you're matching the first char
+                // sort alphabetically unless you're matching the first char
                 selectedCommands.sort(function (a, b) {
                     var _a, _b;
                     var nameA = (_a = a.name) === null || _a === void 0 ? void 0 : _a.toLowerCase();
@@ -42488,8 +42488,25 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
                 });
                 var result = selectedCommands.slice(0, themeVersion === '2' ? 5 : 10);
                 if (onReady)
-                    onReady(result.filter(function (result) {
+                    onReady(result
+                        .filter(function (result) {
                         return result.name !== undefined;
+                    })
+                        .map(function (commandData) {
+                        var translatedCommandData = {
+                            name: t("".concat(commandData.name, "-command-name"), {
+                                defaultValue: commandData.name,
+                            }),
+                        };
+                        if (commandData.args)
+                            translatedCommandData.args = t("".concat(commandData.name, "-command-args"), {
+                                defaultValue: commandData.args,
+                            });
+                        if (commandData.description)
+                            translatedCommandData.description = t("".concat(commandData.name, "-command-description"), {
+                                defaultValue: commandData.description,
+                            });
+                        return translatedCommandData;
                     }), query);
                 return result;
             },
@@ -46968,7 +46985,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("div", { className: className, ref: channelListRef },
                 showChannelSearch && (React__default["default"].createElement(ChannelSearch$1, __assign({ onSearch: onSearch, onSearchExit: onSearchExit, setChannels: setChannels }, additionalChannelSearchProps))),
-                showChannelList && (React__default["default"].createElement(List, { error: channelsQueryState.error, loadedChannels: sendChannelsToList ? loadedChannels : undefined, loading: channelsQueryState.queryInProgress === 'reload', LoadingErrorIndicator: LoadingErrorIndicator, LoadingIndicator: LoadingIndicator, setChannels: setChannels }, !(loadedChannels === null || loadedChannels === void 0 ? void 0 : loadedChannels.length) ? (React__default["default"].createElement(EmptyStateIndicator$1, { listType: 'channel' })) : (React__default["default"].createElement(Paginator, { hasNextPage: hasNextPage, isLoading: channelsQueryState.queryInProgress === 'load-more', loadNextPage: loadNextPage }, renderChannels
+                showChannelList && (React__default["default"].createElement(List, { error: channelsQueryState.error, loadedChannels: sendChannelsToList ? loadedChannels : undefined, loading: !!channelsQueryState.queryInProgress &&
+                        ['reload', 'uninitialized'].includes(channelsQueryState.queryInProgress), LoadingErrorIndicator: LoadingErrorIndicator, LoadingIndicator: LoadingIndicator, setChannels: setChannels }, !(loadedChannels === null || loadedChannels === void 0 ? void 0 : loadedChannels.length) ? (React__default["default"].createElement(EmptyStateIndicator$1, { listType: 'channel' })) : (React__default["default"].createElement(Paginator, { hasNextPage: hasNextPage, isLoading: channelsQueryState.queryInProgress === 'load-more', loadNextPage: loadNextPage }, renderChannels
                     ? renderChannels(loadedChannels, renderChannel)
                     : loadedChannels.map(function (channel) { return renderChannel(channel); }))))))));
     };
@@ -46983,7 +47001,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.0.0-rc.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.0.0-rc.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -47115,7 +47133,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM, data, P
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChannelsQueryState = function () {
         var _a = React$2.useState(null), error = _a[0], setError = _a[1];
-        var _b = React$2.useState(null), queryInProgress = _b[0], setQueryInProgress = _b[1];
+        var _b = React$2.useState('uninitialized'), queryInProgress = _b[0], setQueryInProgress = _b[1];
         return {
             error: error,
             queryInProgress: queryInProgress,