stream-chat-react 10.8.4 → 10.8.6

package/dist/index.cjs.js

@@ -30285,27 +30285,27 @@ var EditMessageForm = function () {
 
 var useCooldownTimer = function () {
     var _a;
-    var latestMessageDatesByChannels = useChatContext('useCooldownTimer').latestMessageDatesByChannels;
-    var _b = useChannelStateContext('useCooldownTimer'), channel = _b.channel, _c = _b.messages, messages = _c === void 0 ? [] : _c;
-    var client = useChatContext('useCooldownTimer').client;
-    var _d = React.useState(), cooldownRemaining = _d[0], setCooldownRemaining = _d[1];
-    var _e = (channel.data ||
-        {}), cooldownInterval = _e.cooldown, own_capabilities = _e.own_capabilities;
-    var skipCooldown = !(own_capabilities === null || own_capabilities === void 0 ? void 0 : own_capabilities.includes('slow-mode'));
+    var _b = useChatContext('useCooldownTimer'), client = _b.client, latestMessageDatesByChannels = _b.latestMessageDatesByChannels;
+    var _c = useChannelStateContext('useCooldownTimer'), channel = _c.channel, _d = _c.messages, messages = _d === void 0 ? [] : _d;
+    var _e = React.useState(), cooldownRemaining = _e[0], setCooldownRemaining = _e[1];
+    var _f = (channel.data ||
+        {}), _g = _f.cooldown, cooldownInterval = _g === void 0 ? 0 : _g, own_capabilities = _f.own_capabilities;
+    var skipCooldown = own_capabilities === null || own_capabilities === void 0 ? void 0 : own_capabilities.includes('skip-slow-mode');
     var ownLatestMessageDate = React.useMemo(function () {
         var _a, _b;
         return (_a = latestMessageDatesByChannels[channel.cid]) !== null && _a !== void 0 ? _a : (_b = __spreadArray([], messages, true).sort(function (a, b) { var _a, _b; return ((_a = b.created_at) === null || _a === void 0 ? void 0 : _a.getTime()) - ((_b = a.created_at) === null || _b === void 0 ? void 0 : _b.getTime()); })
             .find(function (v) { var _a, _b; return ((_a = v.user) === null || _a === void 0 ? void 0 : _a.id) === ((_b = client.user) === null || _b === void 0 ? void 0 : _b.id); })) === null || _b === void 0 ? void 0 : _b.created_at;
     }, [messages, (_a = client.user) === null || _a === void 0 ? void 0 : _a.id, latestMessageDatesByChannels, channel.cid]);
     React.useEffect(function () {
-        if (skipCooldown || !cooldownInterval || !ownLatestMessageDate)
-            return;
-        var remainingCooldown = Math.round(cooldownInterval - (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000);
-        if (remainingCooldown > 0)
-            setCooldownRemaining(remainingCooldown);
+        var timeSinceOwnLastMessage = ownLatestMessageDate
+            ? (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000
+            : undefined;
+        setCooldownRemaining(!skipCooldown && timeSinceOwnLastMessage && cooldownInterval > timeSinceOwnLastMessage
+            ? Math.round(cooldownInterval - timeSinceOwnLastMessage)
+            : 0);
     }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
     return {
-        cooldownInterval: cooldownInterval !== null && cooldownInterval !== void 0 ? cooldownInterval : 0,
+        cooldownInterval: cooldownInterval,
         cooldownRemaining: cooldownRemaining,
         setCooldownRemaining: setCooldownRemaining,
     };
@@ -33238,7 +33238,7 @@ var isChannel = function (output) { return output.cid != null; };
 
 var useChannelSearch = function (_a) {
     var _b = _a.channelType, channelType = _b === void 0 ? 'messaging' : _b, _c = _a.clearSearchOnClickOutside, clearSearchOnClickOutside = _c === void 0 ? true : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, onSearchCallback = _a.onSearch, onSearchExit = _a.onSearchExit, onSelectResult = _a.onSelectResult, _e = _a.searchForChannels, searchForChannels = _e === void 0 ? false : _e, searchFunction = _a.searchFunction, searchQueryParams = _a.searchQueryParams, setChannels = _a.setChannels;
-    var _f = useChatContext('useChannelSearch'), client = _f.client, navOpen = _f.navOpen, setActiveChannel = _f.setActiveChannel, themeVersion = _f.themeVersion;
+    var _f = useChatContext('useChannelSearch'), client = _f.client, setActiveChannel = _f.setActiveChannel, themeVersion = _f.themeVersion;
     var _g = React.useState(false), inputIsFocused = _g[0], setInputIsFocused = _g[1];
     var _h = React.useState(''), query = _h[0], setQuery = _h[1];
     var _j = React.useState([]), results = _j[0], setResults = _j[1];
@@ -33272,13 +33272,13 @@ var useChannelSearch = function (_a) {
                 : (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target);
             if (isInputClick)
                 return;
-            if ((inputIsFocused && (!query || navOpen)) || clearSearchOnClickOutside) {
+            if ((inputIsFocused && !query) || clearSearchOnClickOutside) {
                 exitSearch();
             }
         };
         document.addEventListener('click', clickListener);
         return function () { return document.removeEventListener('click', clickListener); };
-    }, [disabled, inputIsFocused, query, exitSearch, navOpen, clearSearchOnClickOutside]);
+    }, [disabled, inputIsFocused, query, exitSearch, clearSearchOnClickOutside]);
     React.useEffect(function () {
         if (!inputRef.current || disabled)
             return;
@@ -33576,7 +33576,9 @@ var UnMemoizedChannelSearch = function (props) {
     var themeVersion = useChatContext('ChannelSearch').themeVersion;
     var _d = useChannelSearch(channelSearchParams), activateSearch = _d.activateSearch, clearState = _d.clearState, exitSearch = _d.exitSearch, inputIsFocused = _d.inputIsFocused, inputRef = _d.inputRef, onSearch = _d.onSearch, query = _d.query, results = _d.results, searchBarRef = _d.searchBarRef, searching = _d.searching, selectResult = _d.selectResult;
     var showSearchBarV2 = themeVersion === '2';
-    return (React__default["default"].createElement("div", { className: 'str-chat__channel-search', "data-testid": 'channel-search' },
+    return (React__default["default"].createElement("div", { className: clsx('str-chat__channel-search', popupResults ? 'popup' : 'inline', {
+            'str-chat__channel-search--with-results': results.length > 0,
+        }), "data-testid": 'channel-search' },
         showSearchBarV2 ? (React__default["default"].createElement(SearchBar$1, { activateSearch: activateSearch, AppMenu: AppMenu, ClearInputIcon: ClearInputIcon, clearState: clearState, disabled: channelSearchParams.disabled, exitSearch: exitSearch, ExitSearchIcon: ExitSearchIcon, inputIsFocused: inputIsFocused, inputRef: inputRef, MenuIcon: MenuIcon, onSearch: onSearch, placeholder: placeholder, query: query, searchBarRef: searchBarRef, SearchInput: SearchInput$1, SearchInputIcon: SearchInputIcon })) : (React__default["default"].createElement(SearchInput$1, { clearState: clearState, disabled: channelSearchParams.disabled, inputRef: inputRef, onSearch: onSearch, placeholder: placeholder, query: query })),
         query && (React__default["default"].createElement(SearchResults, { popupResults: popupResults, results: results, SearchEmpty: SearchEmpty, searching: searching, SearchLoading: SearchLoading, SearchResultItem: SearchResultItem, SearchResultsHeader: SearchResultsHeader, SearchResultsList: SearchResultsList, selectResult: selectResult }))));
 };
@@ -33777,7 +33779,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.8.4';
+var version = '10.8.6';
 
 var useChat = function (_a) {
     var _b, _c;