stream-chat-react 10.15.0 → 10.16.0

package/dist/browser.full-bundle.js

@@ -5283,7 +5283,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+    function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
     function _toConsumableArray$2(arr) { return _arrayWithoutHoles$2(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$2(); }
 
@@ -5449,7 +5449,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
             var config = _this.getConfig(url, player.key);
 
-            return /*#__PURE__*/_react["default"].createElement(_Player3["default"], _extends$4({}, _this.props, {
+            return /*#__PURE__*/_react["default"].createElement(_Player3["default"], _extends$3({}, _this.props, {
               key: player.key,
               ref: _this.references.player,
               config: config,
@@ -5513,7 +5513,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 Wrapper = _this$props2.wrapper;
             var showPreview = this.state.showPreview;
             var attributes = this.getAttributes(url);
-            return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends$4({
+            return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends$3({
               ref: this.references.wrapper,
               style: _objectSpread$7(_objectSpread$7({}, style), {}, {
                 width: width,
@@ -10562,11 +10562,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 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) {
@@ -37311,28 +37310,35 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var _objectWithoutProperties = /*@__PURE__*/getDefaultExportFromCjs(objectWithoutProperties.exports);
 
-    var _extends$3 = {exports: {}};
+    var _extends$2 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    (function (module) {
-    	function _extends() {
-    	  module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
-    	    for (var i = 1; i < arguments.length; i++) {
-    	      var source = arguments[i];
-    	      for (var key in source) {
-    	        if (Object.prototype.hasOwnProperty.call(source, key)) {
-    	          target[key] = source[key];
-    	        }
-    	      }
-    	    }
-    	    return target;
-    	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    	  return _extends.apply(this, arguments);
-    	}
-    	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    } (_extends$3));
+    var hasRequired_extends;
 
-    var _extends$2 = /*@__PURE__*/getDefaultExportFromCjs(_extends$3.exports);
+    function require_extends () {
+    	if (hasRequired_extends) return _extends$2.exports;
+    	hasRequired_extends = 1;
+    	(function (module) {
+    		function _extends() {
+    		  module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
+    		    for (var i = 1; i < arguments.length; i++) {
+    		      var source = arguments[i];
+    		      for (var key in source) {
+    		        if (Object.prototype.hasOwnProperty.call(source, key)) {
+    		          target[key] = source[key];
+    		        }
+    		      }
+    		    }
+    		    return target;
+    		  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    		  return _extends.apply(this, arguments);
+    		}
+    		module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    } (_extends$2));
+    	return _extends$2.exports;
+    }
+
+    var _extendsExports = require_extends();
 
     var classCallCheckExports = requireClassCallCheck();
 
@@ -38555,7 +38561,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
               ref: this.setDropdownRef,
               style: dropdownStyle
-            }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extends$2({
+            }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extendsExports({
               className: clsx('str-chat__suggestion-list', listClassName),
               dropdownScroll: this._dropdownScroll,
               itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
@@ -38599,7 +38605,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               'rta--loading': dataLoading
             }),
             style: containerStyle
-          }, this.renderSuggestionListContainer(), /*#__PURE__*/React__default["default"].createElement(index$1, _extends$2({
+          }, this.renderSuggestionListContainer(), /*#__PURE__*/React__default["default"].createElement(index$1, _extendsExports({
             "data-testid": "message-input"
           }, this._cleanUpProps(), {
             className: clsx('rta__textarea', className),
@@ -43029,6 +43035,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     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,
@@ -43037,7 +43044,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     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();
@@ -43061,8 +43068,25 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 });
                 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;
             },
@@ -47603,7 +47627,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         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); }))))))));
     };
@@ -47618,7 +47643,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     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 = '10.15.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.16.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -47750,7 +47775,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     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,
@@ -51111,7 +51136,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	});
     	exports["default"] = void 0;
 
-    	var _extends2 = _interopRequireDefault(_extends$3.exports);
+    	var _extends2 = _interopRequireDefault(require_extends());
 
     	var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
 
@@ -52432,7 +52457,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     		});
     		exports["default"] = void 0;
 
-    		var _extends2 = _interopRequireDefault(_extends$3.exports);
+    		var _extends2 = _interopRequireDefault(require_extends());
 
     		var _classCallCheck2 = _interopRequireDefault(requireClassCallCheck());