stream-chat-react 10.4.0 → 10.4.2

package/dist/index.cjs.js

@@ -28,10 +28,10 @@ require('dayjs/locale/tr');
 require('dayjs/locale/en');
 var ImageGallery = require('react-image-gallery');
 var reactFileUtils = require('react-file-utils');
+var linkify = require('linkifyjs');
 var _defineProperty$2 = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray$2 = require('@babel/runtime/helpers/slicedToArray');
 var emojiRegex = require('emoji-regex');
-var linkify = require('linkifyjs');
 var nanoid = require('nanoid');
 var uniqBy = require('lodash.uniqby');
 var PropTypes = require('prop-types');
@@ -89,10 +89,10 @@ var updateLocale__default = /*#__PURE__*/_interopDefaultLegacy(updateLocale);
 var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
 var relativeTime__default = /*#__PURE__*/_interopDefaultLegacy(relativeTime);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
+var linkify__namespace = /*#__PURE__*/_interopNamespace(linkify);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray$2);
 var emojiRegex__default = /*#__PURE__*/_interopDefaultLegacy(emojiRegex);
-var linkify__namespace = /*#__PURE__*/_interopNamespace(linkify);
 var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
@@ -1746,12 +1746,11 @@ var AttachmentActionsContainer = function (_a) {
     return (React__default["default"].createElement(AttachmentActions$1, __assign({}, attachment, { actionHandler: actionHandler, actions: attachment.actions, id: attachment.id || '', text: attachment.text || '' })));
 };
 function getCssDimensionsVariables(url) {
-    var _a;
-    var cssVars = (_a = {},
-        _a['--original-height'] = 1000000,
-        _a['--original-width'] = 1000000,
-        _a);
-    if (url) {
+    var cssVars = {
+        '--original-height': 1000000,
+        '--original-width': 1000000,
+    };
+    if (linkify__namespace.test(url, 'url')) {
         var urlParams = new URL(url).searchParams;
         var oh = Number(urlParams.get('oh'));
         var ow = Number(urlParams.get('ow'));
@@ -23798,7 +23797,7 @@ var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
                 // valid cases:   "text @", "@", " @"
                 // invalid cases: "text@", "@text",
                 /.?\s?@$|^@$/.test(node.value) &&
-                nextChildHref.startsWith('mailto:')) {
+                (nextChildHref === null || nextChildHref === void 0 ? void 0 : nextChildHref.startsWith('mailto:'))) {
                 var newTextValue = node.value.replace(/@$/, '');
                 var username = nextChildHref.replace('mailto:', '');
                 parent.children[index] = u('text', newTextValue);
@@ -28365,7 +28364,8 @@ var useUserTrigger = function (params) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, client.queryUsers(__assign({ $or: [{ id: { $autocomplete: query } }, { name: { $autocomplete: query } }], id: { $ne: client.userID } }, mentionQueryParams.filters), __assign({ id: 1 }, mentionQueryParams.sort), __assign({ limit: 10 }, mentionQueryParams.options))];
+                    return [4 /*yield*/, client.queryUsers(__assign({ $or: [{ id: { $autocomplete: query } }, { name: { $autocomplete: query } }], id: { $ne: client.userID } }, mentionQueryParams.filters), Array.isArray(mentionQueryParams.sort)
+                            ? __spreadArray([{ id: 1 }], mentionQueryParams.sort, true) : __assign({ id: 1 }, mentionQueryParams.sort), __assign({ limit: 10 }, mentionQueryParams.options))];
                 case 2:
                     users = (_a.sent()).users;
                     if (onReady && users.length) {
@@ -30343,24 +30343,28 @@ var EditMessageForm = function () {
 };
 
 var useCooldownTimer = function () {
+    var _a;
     var latestMessageDatesByChannels = useChatContext('useCooldownTimer').latestMessageDatesByChannels;
-    var channel = useChannelStateContext('useCooldownTimer').channel;
-    var _a = (channel.data ||
-        {}), cooldownInterval = _a.cooldown, own_capabilities = _a.own_capabilities;
-    var _b = React.useState(), cooldownRemaining = _b[0], setCooldownRemaining = _b[1];
+    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 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 () {
-        var latestMessageDate = latestMessageDatesByChannels[channel.cid];
-        if (!cooldownInterval || !latestMessageDate) {
+        if (skipCooldown || !cooldownInterval || !ownLatestMessageDate)
             return;
-        }
-        var remainingCooldown = Math.round(cooldownInterval - (new Date().getTime() - latestMessageDate.getTime()) / 1000);
-        if (remainingCooldown > 0 && !skipCooldown) {
+        var remainingCooldown = Math.round(cooldownInterval - (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000);
+        if (remainingCooldown > 0)
             setCooldownRemaining(remainingCooldown);
-        }
-    }, [channel.id, cooldownInterval, latestMessageDatesByChannels[channel.cid]]);
+    }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
     return {
-        cooldownInterval: cooldownInterval || 0,
+        cooldownInterval: cooldownInterval !== null && cooldownInterval !== void 0 ? cooldownInterval : 0,
         cooldownRemaining: cooldownRemaining,
         setCooldownRemaining: setCooldownRemaining,
     };
@@ -31940,21 +31944,28 @@ var useChannelContainerClasses = function (_a) {
 };
 
 var getImageAttachmentConfiguration = function (attachment, element) {
-    var url = new URL((attachment.image_url || attachment.thumb_url || ''));
-    var resizeDimensions = getSizingRestrictions(url, element);
-    if (resizeDimensions) {
-        // Apply 2x for retina displays
-        resizeDimensions.height *= 2;
-        resizeDimensions.width *= 2;
-        addResizingParamsToUrl(resizeDimensions, url);
+    var newUrl = undefined;
+    var urlToTest = attachment.image_url || attachment.thumb_url || '';
+    if (linkify__namespace.test(urlToTest, 'url')) {
+        var url = new URL(urlToTest);
+        var resizeDimensions = getSizingRestrictions(url, element);
+        if (resizeDimensions) {
+            // Apply 2x for retina displays
+            resizeDimensions.height *= 2;
+            resizeDimensions.width *= 2;
+            addResizingParamsToUrl(resizeDimensions, url);
+        }
+        newUrl = url.href;
     }
     return {
-        url: url.href,
+        url: newUrl || '',
     };
 };
 var getVideoAttachmentConfiguration = function (attachment, element, shouldGenerateVideoThumbnail) {
     var thumbUrl = undefined;
-    if (attachment.thumb_url && shouldGenerateVideoThumbnail) {
+    if (attachment.thumb_url &&
+        shouldGenerateVideoThumbnail &&
+        linkify__namespace.test(attachment.thumb_url, 'url')) {
         var url = new URL(attachment.thumb_url);
         var resizeDimensions = getSizingRestrictions(url, element);
         if (resizeDimensions) {
@@ -33765,7 +33776,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.4.0';
+var version = '10.4.2';
 
 var useChat = function (_a) {
     var _b, _c;