stream-chat-react 10.7.6 → 10.8.1

package/dist/browser.full-bundle.js

@@ -12345,7 +12345,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       return v instanceof DOMException && (v.name === "SecurityError" || v.code === v.SECURITY_ERR);
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var _excluded$2 = ["children"],
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var _excluded$3 = ["children"],
         _excluded2$1 = ["open"],
         _excluded3$1 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"],
         _excluded4$1 = ["refKey", "onChange", "onClick"];
@@ -12376,7 +12376,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-    function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+    function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
     function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
     /**
@@ -12396,11 +12396,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var Dropzone$1 = /*#__PURE__*/React$2.forwardRef(function (_ref, ref) {
       var children = _ref.children,
-          params = _objectWithoutProperties$1(_ref, _excluded$2);
+          params = _objectWithoutProperties$2(_ref, _excluded$3);
 
       var _useDropzone = useDropzone$1(params),
           open = _useDropzone.open,
-          props = _objectWithoutProperties$1(_useDropzone, _excluded2$1);
+          props = _objectWithoutProperties$2(_useDropzone, _excluded2$1);
 
       React$2.useImperativeHandle(ref, function () {
         return {
@@ -13139,7 +13139,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               onDragOver = _ref2.onDragOver,
               onDragLeave = _ref2.onDragLeave,
               onDrop = _ref2.onDrop,
-              rest = _objectWithoutProperties$1(_ref2, _excluded3$1);
+              rest = _objectWithoutProperties$2(_ref2, _excluded3$1);
 
           return _objectSpread$4(_objectSpread$4(_defineProperty$2({
             onKeyDown: composeKeyboardHandler(composeEventHandlers$1(onKeyDown, onKeyDownCb)),
@@ -13166,7 +13166,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey,
               onChange = _ref3.onChange,
               onClick = _ref3.onClick,
-              rest = _objectWithoutProperties$1(_ref3, _excluded4$1);
+              rest = _objectWithoutProperties$2(_ref3, _excluded4$1);
 
           var inputProps = _defineProperty$2({
             accept: accept,
@@ -37299,6 +37299,58 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       }));
     };
 
+    var objectWithoutProperties = {exports: {}};
+
+    var objectWithoutPropertiesLoose = {exports: {}};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    (function (module) {
+    	function _objectWithoutPropertiesLoose(source, excluded) {
+    	  if (source == null) return {};
+    	  var target = {};
+    	  var sourceKeys = Object.keys(source);
+    	  var key, i;
+
+    	  for (i = 0; i < sourceKeys.length; i++) {
+    	    key = sourceKeys[i];
+    	    if (excluded.indexOf(key) >= 0) continue;
+    	    target[key] = source[key];
+    	  }
+
+    	  return target;
+    	}
+
+    	module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    } (objectWithoutPropertiesLoose));
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    (function (module) {
+    	var objectWithoutPropertiesLoose$1 = objectWithoutPropertiesLoose.exports;
+
+    	function _objectWithoutProperties(source, excluded) {
+    	  if (source == null) return {};
+    	  var target = objectWithoutPropertiesLoose$1(source, excluded);
+    	  var key, i;
+
+    	  if (Object.getOwnPropertySymbols) {
+    	    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    	    for (i = 0; i < sourceSymbolKeys.length; i++) {
+    	      key = sourceSymbolKeys[i];
+    	      if (excluded.indexOf(key) >= 0) continue;
+    	      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+    	      target[key] = source[key];
+    	    }
+    	  }
+
+    	  return target;
+    	}
+
+    	module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    } (objectWithoutProperties));
+
+    var _objectWithoutProperties$1 = /*@__PURE__*/getDefaultExportFromCjs(objectWithoutProperties.exports);
+
     var _extends$2 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -37980,6 +38032,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     };
     var CommandItem = React__default["default"].memo(UnMemoizedCommandItem);
 
+    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||{};/**
      * A round avatar image with fallback to username's first letter
      */
@@ -38035,7 +38089,16 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     };
     var UserItem = React__default["default"].memo(UnMemoizedUserItem);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    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 isSafari = function () {
+        if (typeof navigator === 'undefined')
+            return false;
+        return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
+    };
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var _excluded$2 = ["onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onScroll", "onSelect"];
+    function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { definePropertyExports(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOfExports(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOfExports(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturnExports(this, result); }; }
     function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -38411,7 +38474,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           // that was actually clicked. If we clicked inside the auto-select dropdown, then
           // that's not a blur, from the auto-select point of view, so then do nothing.
           var el = e.relatedTarget;
-          if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) {
+          // If this is a blur event in Safari, then relatedTarget is never a dropdown item, but a common parent
+          // of textarea and dropdown container. That means that dropdownRef will not contain its parent and the
+          // autocomplete will be closed before onclick handler can be invoked selecting an item.
+          // It seems that Safari has different implementation determining the relatedTarget node than Chrome and Firefox.
+          // Therefore, if focused away in Safari, the dropdown will be kept rendered until pressing Esc or selecting and item from it.
+          var focusedAwayInSafari = isSafari() && e.type === 'blur';
+          if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el) || focusedAwayInSafari) {
             return;
           }
           if (closeOnClickOutside) _this._closeAutocomplete();
@@ -38543,6 +38612,15 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             containerClassName = _this$props8.containerClassName,
             containerStyle = _this$props8.containerStyle,
             style = _this$props8.style;
+          var _ref = this.props.additionalTextareaProps || {},
+            _onBlur = _ref.onBlur,
+            _onChange = _ref.onChange,
+            _onClick = _ref.onClick,
+            _onFocus = _ref.onFocus,
+            _onKeyDown = _ref.onKeyDown,
+            _onScroll = _ref.onScroll,
+            _onSelect = _ref.onSelect,
+            restAdditionalTextareaProps = _objectWithoutProperties$1(_ref, _excluded$2);
           var maxRows = this.props.maxRows;
           var _this$state7 = this.state,
             dataLoading = _this$state7.dataLoading,
@@ -38563,21 +38641,43 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           }, this._cleanUpProps(), {
             className: clsx('rta__textarea', className),
             maxRows: maxRows,
-            onBlur: this._onClickAndBlurHandler,
-            onChange: this._changeHandler,
-            onClick: this._onClickAndBlurHandler,
-            onFocus: this.props.onFocus,
-            onKeyDown: this._handleKeyDown,
-            onScroll: this._onScrollHandler,
-            onSelect: this._selectHandler,
-            ref: function ref(_ref) {
-              var _this2$props;
-              (_this2$props = _this2.props) === null || _this2$props === void 0 ? void 0 : _this2$props.innerRef(_ref);
-              _this2.textareaRef = _ref;
+            onBlur: function onBlur(e) {
+              _this2._onClickAndBlurHandler(e);
+              _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+            },
+            onChange: function onChange(e) {
+              _this2._changeHandler(e);
+              _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
+            },
+            onClick: function onClick(e) {
+              _this2._onClickAndBlurHandler(e);
+              _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+            },
+            onFocus: function onFocus(e) {
+              var _this2$props$onFocus, _this2$props;
+              (_this2$props$onFocus = (_this2$props = _this2.props).onFocus) === null || _this2$props$onFocus === void 0 ? void 0 : _this2$props$onFocus.call(_this2$props, e);
+              _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+            },
+            onKeyDown: function onKeyDown(e) {
+              _this2._handleKeyDown(e);
+              _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+            },
+            onScroll: function onScroll(e) {
+              _this2._onScrollHandler(e);
+              _onScroll === null || _onScroll === void 0 ? void 0 : _onScroll(e);
+            },
+            onSelect: function onSelect(e) {
+              _this2._selectHandler(e);
+              _onSelect === null || _onSelect === void 0 ? void 0 : _onSelect(e);
+            },
+            ref: function ref(_ref2) {
+              var _this2$props2;
+              (_this2$props2 = _this2.props) === null || _this2$props2 === void 0 ? void 0 : _this2$props2.innerRef(_ref2);
+              _this2.textareaRef = _ref2;
             },
             style: style,
             value: value
-          }, this.props.additionalTextareaProps, {
+          }, restAdditionalTextareaProps, {
             defaultValue: undefined
           })));
         }
@@ -45651,9 +45751,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
      * hook for MessageInput state
      */
     var useMessageInputState = function (props) {
-        var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, message = props.message;
+        var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, getDefaultValue = props.getDefaultValue, message = props.message;
         var _a = useChannelStateContext('useMessageInputState'), _b = _a.channelCapabilities, channelCapabilities = _b === void 0 ? {} : _b, channelConfig = _a.channelConfig;
-        var defaultValue = additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue;
+        var defaultValue = (getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue()) || (additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue);
         var initialStateValue = message ||
             (Array.isArray(defaultValue)
                 ? { text: defaultValue.join('') }
@@ -47471,16 +47571,37 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, [customHandler]);
     };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var getChannel = function (client, type, id) { return __awaiter$1(void 0, void 0, void 0, function () {
-        var channel;
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * prevent from duplicate invocation of channel.watch()
+     * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+     */
+    var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+    /**
+     * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+     * @param client
+     * @param type
+     * @param id
+     */
+    var getChannel = function (client, type, id) { return __awaiter$1(void 0, void 0, void 0, function () {
+        var channel, queryPromise;
         return __generator$1(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     channel = client.channel(type, id);
-                    return [4 /*yield*/, channel.watch()];
+                    queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid];
+                    if (!queryPromise) return [3 /*break*/, 2];
+                    return [4 /*yield*/, queryPromise];
                 case 1:
                     _a.sent();
-                    return [2 /*return*/, channel];
+                    return [3 /*break*/, 4];
+                case 2:
+                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = channel.watch();
+                    return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid]];
+                case 3:
+                    _a.sent();
+                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = undefined;
+                    _a.label = 4;
+                case 4: return [2 /*return*/, channel];
             }
         });
     }); };
@@ -48394,7 +48515,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.7.6';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.8.1';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -48615,8 +48736,6 @@ 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||{};
-
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedDateSeparator = function (props) {
         var messageCreatedAt = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
         var _b = useTranslationContext('DateSeparator'), t = _b.t, tDateTimeParser = _b.tDateTimeParser;
@@ -51653,8 +51772,6 @@ 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||{};
-
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedWindow = function (props) {
         var children = props.children, _a = props.hideOnThread, hideOnThread = _a === void 0 ? false : _a, propThread = props.thread;
         var contextThread = useChannelStateContext('Window').thread;