stream-chat-react 10.10.2 → 10.11.0

package/dist/browser.full-bundle.js

@@ -9993,6 +9993,24 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var relativeTime = relativeTime$1.exports;
 
+    var utc$1 = {exports: {}};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    (function (module, exports) {
+    	!function(t,i){module.exports=i();}(commonjsGlobal,function(){return function(t,i,e){var s=i.prototype;e.utc=function(t){return new i({date:t,utc:!0,args:arguments})},s.utc=function(t){var i=e(this.toDate(),{locale:this.$L,utc:!0});return t?i.add(this.utcOffset(),"minute"):i},s.local=function(){return e(this.toDate(),{locale:this.$L,utc:!1})};var f=s.parse;s.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),f.call(this,t);};var n=s.init;s.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else n.call(this);};var u=s.utcOffset;s.utcOffset=function(t,i){var e=this.$utils().u;if(e(t))return this.$u?0:e(this.$offset)?u.call(this):this.$offset;var s=Math.abs(t)<=16?60*t:t,f=this;if(i)return f.$offset=s,f.$u=0===t,f;if(0!==t){var n=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(f=this.local().add(s+n,"minute")).$offset=s,f.$x.$localOffset=n;}else f=this.utc();return f};var o=s.format;s.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return o.call(this,i)},s.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||(new Date).getTimezoneOffset());return this.$d.valueOf()-6e4*t},s.isUTC=function(){return !!this.$u},s.toISOString=function(){return this.toDate().toISOString()},s.toString=function(){return this.toDate().toUTCString()};var r=s.toDate;s.toDate=function(t){return "s"===t&&this.$offset?e(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():r.call(this)};var a=s.diff;s.diff=function(t,i,s){if(t&&this.$u===t.$u)return a.call(this,t,i,s);var f=this.local(),n=e(t).local();return a.call(f,n,i,s)};}});
+    } (utc$1));
+
+    var utc = utc$1.exports;
+
+    var timezone$1 = {exports: {}};
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    (function (module, exports) {
+    	!function(t,e){module.exports=e();}(commonjsGlobal,function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,r){var o,u=r().utcOffset(),a=function(t,n,i){void 0===i&&(i={});var r=new Date(t);return function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",r=t+"|"+i,o=e[r];return o||(o=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[r]=o),o}(n,i).formatToParts(r)},f=function(e,n){for(var i=a(e,n),o=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(o[c]=parseInt(m,10));}var d=o[3],v=24===d?0:d,h=o[0]+"-"+o[1]+"-"+o[2]+" "+v+":"+o[4]+":"+o[5]+":000",l=+e;return (r.utc(h).valueOf()-(l-=l%1e3))/6e4},s=i.prototype;s.tz=function(t,e){void 0===t&&(t=o);var n=this.utcOffset(),i=this.toDate().toLocaleString("en-US",{timeZone:t}),a=Math.round((this.toDate()-new Date(i))/1e3/60),f=r(i).$set("millisecond",this.$ms).utcOffset(u-a,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},s.offsetName=function(t){var e=this.$x.$timezone||r.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find(function(t){return "timezonename"===t.type.toLowerCase()});return n&&n.value};var m=s.startOf;s.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return m.call(this,t,e);var n=r(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return m.call(n,t,e).tz(this.$x.$timezone,!0)},r.tz=function(t,e,n){var i=n&&e,u=n||e||o,a=f(+r(),u);if("string"!=typeof t)return r(t).tz(u);var s=function(t,e,n){var i=t-60*e*1e3,r=f(i,n);if(e===r)return [i,e];var o=f(i-=60*(r-e)*1e3,n);return r===o?[i,r]:[t-60*Math.min(r,o)*1e3,Math.max(r,o)]}(r.utc(t,i).valueOf(),a,u),m=s[0],c=s[1],d=r(m).utcOffset(c);return d.$x.$timezone=u,d},r.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},r.tz.setDefault=function(t){o=t;};}});
+    } (timezone$1));
+
+    var timezone = timezone$1.exports;
+
     var de$3 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -10080,6 +10098,8 @@ 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 defaultNS = 'translation';
     var defaultLng = 'en';
     dayjs_minExports.extend(updateLocale);
+    dayjs_minExports.extend(utc);
+    dayjs_minExports.extend(timezone);
     dayjs_minExports.updateLocale('de', {
         calendar: {
             lastDay: '[gestern um] LT',
@@ -10248,6 +10268,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var isDayJs = function (dateTimeParser) {
         return dateTimeParser.extend !== undefined;
     };
+    var supportsTz = function (dateTimeParser) {
+        return dateTimeParser.tz !== undefined;
+    };
     /**
      * Wrapper around [i18next](https://www.i18next.com/) class for Stream related translations.
      * Instance of this class should be provided to Chat component to handle translations.
@@ -10491,6 +10514,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             this.logger = finalOptions.logger;
             this.currentLanguage = finalOptions.language;
             this.DateTimeParser = finalOptions.DateTimeParser;
+            this.timezone = finalOptions.timezone;
             try {
                 if (this.DateTimeParser && isDayJs(this.DateTimeParser)) {
                     this.DateTimeParser.extend(localizedFormat);
@@ -10540,19 +10564,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     "register the locale config with Streami18n using registerTranslation(language, translation, customDayjsLocale)");
             }
             this.tDateTimeParser = function (timestamp) {
-                if (finalOptions.disableDateTimeTranslations || !_this.localeExists(_this.currentLanguage)) {
-                    /**
-                     * TS needs to know which is being called to accept the chain call
-                     */
-                    if (isDayJs(_this.DateTimeParser)) {
-                        return _this.DateTimeParser(timestamp).locale(defaultLng);
-                    }
-                    return _this.DateTimeParser(timestamp).locale(defaultLng);
-                }
+                var language = finalOptions.disableDateTimeTranslations || !_this.localeExists(_this.currentLanguage)
+                    ? defaultLng
+                    : _this.currentLanguage;
                 if (isDayJs(_this.DateTimeParser)) {
-                    return _this.DateTimeParser(timestamp).locale(_this.currentLanguage);
+                    return supportsTz(_this.DateTimeParser)
+                        ? _this.DateTimeParser(timestamp).tz(_this.timezone).locale(language)
+                        : _this.DateTimeParser(timestamp).locale(language);
+                }
+                if (supportsTz(_this.DateTimeParser) && _this.timezone) {
+                    return _this.DateTimeParser(timestamp).tz(_this.timezone).locale(language);
                 }
-                return _this.DateTimeParser(timestamp).locale(_this.currentLanguage);
+                return _this.DateTimeParser(timestamp).locale(language);
             };
         }
         /**
@@ -42937,7 +42960,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }, 1000);
             return function () { return clearInterval(countdownInterval); };
         });
-        return (React__default["default"].createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, seconds === 0 ? null : seconds));
+        return (React__default["default"].createElement("div", { className: 'str-chat__message-input-cooldown', "data-testid": 'cooldown-timer' }, seconds));
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCommandTrigger = function () {
@@ -43653,9 +43676,12 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, [messages, (_a = client.user) === null || _a === void 0 ? void 0 : _a.id, latestMessageDatesByChannels, channel.cid]);
         React$2.useEffect(function () {
             var timeSinceOwnLastMessage = ownLatestMessageDate
-                ? (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000
+                ? // prevent negative values
+                    Math.max(0, (new Date().getTime() - ownLatestMessageDate.getTime()) / 1000)
                 : undefined;
-            setCooldownRemaining(!skipCooldown && timeSinceOwnLastMessage && cooldownInterval > timeSinceOwnLastMessage
+            setCooldownRemaining(!skipCooldown &&
+                typeof timeSinceOwnLastMessage !== 'undefined' &&
+                cooldownInterval > timeSinceOwnLastMessage
                 ? Math.round(cooldownInterval - timeSinceOwnLastMessage)
                 : 0);
         }, [cooldownInterval, ownLatestMessageDate, skipCooldown]);
@@ -45098,6 +45124,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         if (message.deleted_at || message.type === 'deleted') {
             return React__default["default"].createElement(MessageDeleted$1, { message: message });
         }
+        /** FIXME: isReactionEnabled should be removed with next major version and a proper centralized permissions logic should be put in place
+         * With the current permissions implementation it would be sth like:
+         * const messageActions = getMessageActions();
+         * const canReact = messageActions.includes(MESSAGE_ACTIONS.react);
+         */
+        var canReact = isReactionEnabled;
+        var canShowReactions = hasReactions;
         var showMetadata = !groupedByUser || endOfGroup;
         var showReplyCountButton = !threadList && !!message.reply_count;
         var allowRetry = message.status === 'failed' && message.errorStatusCode !== 403;
@@ -45107,7 +45140,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             'pinned-message': message.pinned,
             'str-chat__message--has-attachment': hasAttachment,
             'str-chat__message--highlighted': highlighted,
-            'str-chat__message--with-reactions str-chat__message-with-thread-link': hasReactions && isReactionEnabled,
+            'str-chat__message--with-reactions str-chat__message-with-thread-link': canShowReactions,
             'str-chat__message-send-can-be-retried': (message === null || message === void 0 ? void 0 : message.status) === 'failed' && (message === null || message === void 0 ? void 0 : message.errorStatusCode) !== 403,
             'str-chat__virtual-message__wrapper--end': endOfGroup,
             'str-chat__virtual-message__wrapper--first': firstOfGroup,
@@ -45124,8 +45157,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     }), "data-testid": 'message-inner', onClick: allowRetry ? function () { return handleRetry(message); } : undefined, onKeyUp: allowRetry ? function () { return handleRetry(message); } : undefined },
                     React__default["default"].createElement(MessageOptions$1, null),
                     React__default["default"].createElement("div", { className: 'str-chat__message-reactions-host' },
-                        hasReactions && isReactionEnabled && React__default["default"].createElement(ReactionsList$1, { reverse: true }),
-                        showDetailedReactions && isReactionEnabled && (React__default["default"].createElement(ReactionSelector$1, { ref: reactionSelectorRef }))),
+                        canShowReactions && React__default["default"].createElement(ReactionsList$1, { reverse: true }),
+                        showDetailedReactions && canReact && React__default["default"].createElement(ReactionSelector$1, { ref: reactionSelectorRef })),
                     React__default["default"].createElement("div", { className: 'str-chat__message-bubble' },
                         ((_a = message.attachments) === null || _a === void 0 ? void 0 : _a.length) && !message.quoted_message ? (React__default["default"].createElement(Attachment, { actionHandler: handleAction, attachments: message.attachments })) : null,
                         React__default["default"].createElement(MessageText, { message: message, renderText: renderText }),
@@ -47407,7 +47440,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.10.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.11.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -48075,7 +48108,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 reactionHandlerWarning = "Reaction handler was called, but it is missing one of its required arguments.\nMake sure the ChannelAction and ChannelState contexts are properly set and the hook is initialized with a valid message.";
     var useReactionHandler = function (message) {
         var updateMessage = useChannelActionContext('useReactionHandler').updateMessage;
-        var channel = useChannelStateContext('useReactionHandler').channel;
+        var _a = useChannelStateContext('useReactionHandler'), channel = _a.channel, channelCapabilities = _a.channelCapabilities;
         var client = useChatContext('useReactionHandler').client;
         var createMessagePreview = React$2.useCallback(function (add, reaction, message) {
             var _a, _b;
@@ -48099,7 +48132,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 ? __spreadArray([reaction], ((message === null || message === void 0 ? void 0 : message.own_reactions) || []), true) : (_b = message === null || message === void 0 ? void 0 : message.own_reactions) === null || _b === void 0 ? void 0 : _b.filter(function (item) { return item.type !== reaction.type; });
             return __assign(__assign({}, message), { latest_reactions: newReactions || message.latest_reactions, own_reactions: newOwnReactions, reaction_counts: newReactionCounts, reaction_scores: newReactionCounts });
         }, [client.user, client.userID]);
-        var creatReactionPreview = function (type) {
+        var createReactionPreview = function (type) {
             var _a;
             return ({
                 message_id: message === null || message === void 0 ? void 0 : message.id,
@@ -48111,33 +48144,32 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         };
         var toggleReaction = lodash_throttle(function (id, type, add) { return __awaiter(void 0, void 0, void 0, function () {
             var newReaction, tempMessage, messageResponse, _a;
-            var _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        if (!message || ((_b = channel.data) === null || _b === void 0 ? void 0 : _b.frozen))
+                        if (!message || !channelCapabilities['send-reaction'])
                             return [2 /*return*/];
-                        newReaction = creatReactionPreview(type);
+                        newReaction = createReactionPreview(type);
                         tempMessage = createMessagePreview(add, newReaction, message);
-                        _c.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _c.trys.push([1, 6, , 7]);
+                        _b.trys.push([1, 6, , 7]);
                         updateMessage(tempMessage);
                         if (!add) return [3 /*break*/, 3];
                         return [4 /*yield*/, channel.sendReaction(id, { type: type })];
                     case 2:
-                        _a = _c.sent();
+                        _a = _b.sent();
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, channel.deleteReaction(id, type)];
                     case 4:
-                        _a = _c.sent();
-                        _c.label = 5;
+                        _a = _b.sent();
+                        _b.label = 5;
                     case 5:
                         messageResponse = _a;
                         updateMessage(messageResponse.message);
                         return [3 /*break*/, 7];
                     case 6:
-                        _c.sent();
+                        _b.sent();
                         // revert to the original message if the API call fails
                         updateMessage(message);
                         return [3 /*break*/, 7];
@@ -48192,12 +48224,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }); };
     };
     var useReactionClick = function (message, reactionSelectorRef, messageWrapperRef, closeReactionSelectorOnClick) {
-        var _a;
-        var _b = useChannelStateContext('useReactionClick'), channel = _b.channel, _c = _b.channelCapabilities, channelCapabilities = _c === void 0 ? {} : _c, channelConfig = _b.channelConfig;
-        var _d = React$2.useState(false), showDetailedReactions = _d[0], setShowDetailedReactions = _d[1];
+        var _a = useChannelStateContext('useReactionClick').channelCapabilities, channelCapabilities = _a === void 0 ? {} : _a;
+        var _b = React$2.useState(false), showDetailedReactions = _b[0], setShowDetailedReactions = _b[1];
         var hasListener = React$2.useRef(false);
-        var isFrozen = !!((_a = channel.data) === null || _a === void 0 ? void 0 : _a.frozen);
-        var isReactionEnabled = ((channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.reactions) !== false && channelCapabilities['send-reaction']) || isFrozen;
+        var isReactionEnabled = channelCapabilities['send-reaction'];
         var messageDeleted = !!(message === null || message === void 0 ? void 0 : message.deleted_at);
         var closeDetailedReactions = React$2.useCallback(function (event) {
             var _a;
@@ -48245,9 +48275,8 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }
         }, [messageDeleted, closeDetailedReactions, messageWrapperRef]);
         var onReactionListClick = function (event) {
-            if (event === null || event === void 0 ? void 0 : event.stopPropagation) {
-                event.stopPropagation();
-            }
+            var _a;
+            (_a = event === null || event === void 0 ? void 0 : event.stopPropagation) === null || _a === void 0 ? void 0 : _a.call(event);
             setShowDetailedReactions(function (prev) { return !prev; });
         };
         return {