stream-chat-react 11.20.0 → 11.21.0

package/dist/i18n/de.json

@@ -122,6 +122,9 @@
     "searchResultsCount_one": "1 Ergebnis",
     "searchResultsCount_other": "{{ count }} Ergebnisse",
     "this content could not be displayed": "Dieser Inhalt konnte nicht angezeigt werden",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@Benutzername]",
     "unban-command-description": "Einen Benutzer entbannen",
     "unmute-command-args": "[@Benutzername]",

package/dist/i18n/en.json

@@ -116,6 +116,9 @@
     "searchResultsCount_one": "1 result",
     "searchResultsCount_other": "{{ count }} results",
     "this content could not be displayed": "this content could not be displayed",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unreadMessagesSeparatorText_one": "1 unread message",
     "unreadMessagesSeparatorText_other": "{{count}} unread messages",
     "{{ commaSeparatedUsers }} and {{ moreCount }} more": "{{ commaSeparatedUsers }} and {{ moreCount }} more",

package/dist/i18n/es.json

@@ -124,6 +124,9 @@
     "searchResultsCount_one": "1 resultado",
     "searchResultsCount_other": "{{ count }} resultados",
     "this content could not be displayed": "este contenido no se pudo mostrar",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@usuario]",
     "unban-command-description": "Quitar la prohibición a un usuario",
     "unmute-command-args": "[@usuario]",

package/dist/i18n/fr.json

@@ -124,6 +124,9 @@
     "searchResultsCount_one": "1 résultat",
     "searchResultsCount_other": "{{ count }} résultats",
     "this content could not be displayed": "ce contenu n'a pu être affiché",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@nomdutilisateur]",
     "unban-command-description": "Débannir un utilisateur",
     "unmute-command-args": "[@nomdutilisateur]",

package/dist/i18n/hi.json

@@ -123,6 +123,9 @@
     "searchResultsCount_one": "1 परिणाम",
     "searchResultsCount_other": "{{ count }} परिणाम",
     "this content could not be displayed": "यह कॉन्टेंट लोड नहीं हो पाया",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@उपयोगकर्तनाम]",
     "unban-command-description": "एक उपयोगकर्ता को प्रतिषेध से मुक्त करें",
     "unmute-command-args": "[@उपयोगकर्तनाम]",

package/dist/i18n/index.d.ts

@@ -1,3 +1,4 @@
 export * from './translations';
 export * from './Streami18n';
+export type { FormatterFactory, TimestampFormatterOptions } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,YAAY,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC"}

package/dist/i18n/it.json

@@ -124,6 +124,9 @@
     "searchResultsCount_one": "1 risultato",
     "searchResultsCount_other": "{{ count }} risultati",
     "this content could not be displayed": "questo contenuto non puó essere mostrato",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@nomeutente]",
     "unban-command-description": "Togliere il divieto a un utente",
     "unmute-command-args": "[@nomeutente]",

package/dist/i18n/ja.json

@@ -122,6 +122,9 @@
     "searchResultsCount_one": "1件の結果",
     "searchResultsCount_other": "{{ count }}件の結果",
     "this content could not be displayed": "このコンテンツは表示できませんでした",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@ユーザ名]",
     "unban-command-description": "ユーザーの禁止を解除する",
     "unmute-command-args": "[@ユーザ名]",

package/dist/i18n/ko.json

@@ -122,6 +122,9 @@
     "searchResultsCount_one": "1개의 결과",
     "searchResultsCount_other": "{{ count }}개 결과",
     "this content could not be displayed": "이 콘텐츠를 표시할 수 없습니다",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@사용자이름]",
     "unban-command-description": "사용자 차단 해제",
     "unmute-command-args": "[@사용자이름]",

package/dist/i18n/nl.json

@@ -122,6 +122,9 @@
     "searchResultsCount_one": "1 resultaat",
     "searchResultsCount_other": "{{ count }} resultaten",
     "this content could not be displayed": "Deze inhoud kan niet weergegeven worden",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@gebruikersnaam]",
     "unban-command-description": "Een gebruiker debannen",
     "unmute-command-args": "[@gebruikersnaam]",

package/dist/i18n/pt.json

@@ -124,6 +124,9 @@
     "searchResultsCount_one": "1 resultado",
     "searchResultsCount_other": "{{ count }} resultados",
     "this content could not be displayed": "este conteúdo não pôde ser exibido",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@nomedeusuário]",
     "unban-command-description": "Desbanir um usuário",
     "unmute-command-args": "[@nomedeusuário]",

package/dist/i18n/ru.json

@@ -126,6 +126,9 @@
     "searchResultsCount_one": "1 результат",
     "searchResultsCount_other": "{{ count }} результатов",
     "this content could not be displayed": "Этот контент не может быть отображен в данный момент",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@имяпользователя]",
     "unban-command-description": "Разблокировать пользователя",
     "unmute-command-args": "[@имяпользователя]",

package/dist/i18n/tr.json

@@ -122,6 +122,9 @@
     "searchResultsCount_one": "1 sonuç",
     "searchResultsCount_other": "{{ count }} sonuç",
     "this content could not be displayed": "bu içerik gösterilemiyor",
+    "timestamp/DateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
+    "timestamp/MessageTimestamp": "{{ timestamp | timestampFormatter(calendar: true; format: h:mmA) }}",
+    "timestamp/SystemMessage": "{{ timestamp | timestampFormatter(format: dddd L) }}",
     "unban-command-args": "[@kullanıcıadı]",
     "unban-command-description": "Bir kullanıcının yasağını kaldır",
     "unmute-command-args": "[@kullanıcıadı]",

package/dist/i18n/utils.d.ts

@@ -1,13 +1,26 @@
 import { MessageContextValue, TDateTimeParser } from '../context';
-interface DateFormatterOptions {
-    calendar?: boolean;
-    format?: string;
+import type { TFunction } from 'i18next';
+import type { Streami18n } from './Streami18n';
+export type TimestampFormatterOptions = {
+    calendar?: boolean | null;
+    calendarFormats?: Record<string, string> | null;
+    format?: string | null;
+};
+type DateFormatterOptions = TimestampFormatterOptions & {
     formatDate?: MessageContextValue['formatDate'];
     messageCreatedAt?: string | Date;
+    t?: TFunction;
     tDateTimeParser?: TDateTimeParser;
-}
+    timestampTranslationKey?: string;
+};
 export declare const notValidDateWarning = "MessageTimestamp was called without a message, or message has invalid created_at date.";
 export declare const noParsingFunctionWarning = "MessageTimestamp was called but there is no datetime parsing function available";
-export declare function getDateString({ calendar, format, formatDate, messageCreatedAt, tDateTimeParser, }: DateFormatterOptions): string | number | null;
+export declare function getDateString({ calendar, calendarFormats, format, formatDate, messageCreatedAt, t, tDateTimeParser, timestampTranslationKey, }: DateFormatterOptions): string | number | null;
+export type FormatterFactory<V> = (streamI18n: Streami18n) => (value: V, lng: string | undefined, options: Record<string, unknown>) => string;
+export type CustomFormatters = Record<string, FormatterFactory<any>>;
+export type PredefinedFormatters = {
+    timestampFormatter: FormatterFactory<string | Date>;
+};
+export declare const predefinedFormatters: PredefinedFormatters;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/i18n/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/i18n/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,mBAAmB,EACnB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAC3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AAEpF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,EAAE,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAqC/C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/i18n/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,mBAAmB,EACnB,eAAe,EAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,yBAAyB,GAAG;IAEtC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IAEhD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,KAAK,oBAAoB,GAAG,yBAAyB,GAAG;IACtD,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,CAAC,CAAC,EAAE,SAAS,CAAC;IACd,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAC3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AAEpF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAe,EACf,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,CAAC,EACD,eAAe,EACf,uBAAuB,GACxB,EAAE,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAsD/C;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAChC,UAAU,EAAE,UAAU,KACnB,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;AAKrF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG;IACjC,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBAmClC,CAAC"}

package/dist/i18n/utils.js

@@ -1,8 +1,9 @@
+import { __assign, __rest } from "tslib";
 import { isDate, isDayOrMoment, isNumberOrString, } from '../context';
 export var notValidDateWarning = 'MessageTimestamp was called without a message, or message has invalid created_at date.';
 export var noParsingFunctionWarning = 'MessageTimestamp was called but there is no datetime parsing function available';
 export function getDateString(_a) {
-    var calendar = _a.calendar, format = _a.format, formatDate = _a.formatDate, messageCreatedAt = _a.messageCreatedAt, tDateTimeParser = _a.tDateTimeParser;
+    var calendar = _a.calendar, calendarFormats = _a.calendarFormats, format = _a.format, formatDate = _a.formatDate, messageCreatedAt = _a.messageCreatedAt, t = _a.t, tDateTimeParser = _a.tDateTimeParser, timestampTranslationKey = _a.timestampTranslationKey;
     if (!messageCreatedAt ||
         (typeof messageCreatedAt === 'string' && !Date.parse(messageCreatedAt))) {
         console.warn(notValidDateWarning);
@@ -11,6 +12,19 @@ export function getDateString(_a) {
     if (typeof formatDate === 'function') {
         return formatDate(new Date(messageCreatedAt));
     }
+    if (t && timestampTranslationKey) {
+        var options = {};
+        if (typeof calendar !== 'undefined' && calendar !== null)
+            options.calendar = calendar;
+        if (typeof calendarFormats !== 'undefined' && calendarFormats !== null)
+            options.calendarFormats = calendarFormats;
+        if (typeof format !== 'undefined' && format !== null)
+            options.format = format;
+        var translatedTimestamp = t(timestampTranslationKey, __assign(__assign({}, options), { timestamp: new Date(messageCreatedAt) }));
+        var translationKeyFound = timestampTranslationKey !== translatedTimestamp;
+        if (translationKeyFound)
+            return translatedTimestamp;
+    }
     if (!tDateTimeParser) {
         console.warn(noParsingFunctionWarning);
         return null;
@@ -21,7 +35,9 @@ export function getDateString(_a) {
          * parsedTime.calendar is guaranteed on the type but is only
          * available when a user calls dayjs.extend(calendar)
          */
-        return calendar && parsedTime.calendar ? parsedTime.calendar() : parsedTime.format(format);
+        return calendar && parsedTime.calendar
+            ? parsedTime.calendar(undefined, calendarFormats || undefined)
+            : parsedTime.format(format || undefined);
     }
     if (isDate(parsedTime)) {
         return parsedTime.toDateString();
@@ -31,3 +47,28 @@ export function getDateString(_a) {
     }
     return null;
 }
+export var predefinedFormatters = {
+    timestampFormatter: function (streamI18n) { return function (value, _, _a) {
+        var calendarFormats = _a.calendarFormats, options = __rest(_a, ["calendarFormats"]);
+        var parsedCalendarFormats;
+        try {
+            if (!options.calendar) {
+                parsedCalendarFormats = {};
+            }
+            else if (typeof calendarFormats === 'string') {
+                parsedCalendarFormats = JSON.parse(calendarFormats);
+            }
+            else if (typeof calendarFormats === 'object') {
+                parsedCalendarFormats = calendarFormats;
+            }
+        }
+        catch (e) {
+            console.error('[TIMESTAMP FORMATTER]', e);
+        }
+        var result = getDateString(__assign(__assign({}, options), { calendarFormats: parsedCalendarFormats, messageCreatedAt: value, tDateTimeParser: streamI18n.tDateTimeParser }));
+        if (!result || typeof result === 'number') {
+            return JSON.stringify(value);
+        }
+        return result;
+    }; },
+};

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('./Window-06cc5899.js');
+var Window = require('./Window-6c9f7581.js');
 var React = require('react');
 var streamChat = require('stream-chat');
 var throttle = require('lodash.throttle');
@@ -25,6 +25,14 @@ require('dayjs/plugin/localeData');
 require('dayjs/plugin/relativeTime');
 require('dayjs/plugin/utc');
 require('dayjs/plugin/timezone');
+require('prop-types');
+require('@babel/runtime/helpers/extends');
+require('@babel/runtime/helpers/defineProperty');
+require('react-textarea-autosize');
+require('textarea-caret');
+require('react-is');
+require('crypto');
+require('react/jsx-runtime');
 require('dayjs/locale/de');
 require('dayjs/locale/es');
 require('dayjs/locale/fr');
@@ -37,14 +45,6 @@ require('dayjs/locale/pt');
 require('dayjs/locale/ru');
 require('dayjs/locale/tr');
 require('dayjs/locale/en');
-require('prop-types');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('react-textarea-autosize');
-require('textarea-caret');
-require('react-is');
-require('crypto');
-require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1075,7 +1075,7 @@ var Footer = function () {
 };
 var messageRenderer = function (virtuosoIndex, _data, virtuosoContext) {
     var _a, _b, _c, _d, _e, _f, _g;
-    var additionalMessageInputProps = virtuosoContext.additionalMessageInputProps, closeReactionSelectorOnClick = virtuosoContext.closeReactionSelectorOnClick, customMessageActions = virtuosoContext.customMessageActions, customMessageRenderer = virtuosoContext.customMessageRenderer, DateSeparator = virtuosoContext.DateSeparator, firstUnreadMessageId = virtuosoContext.firstUnreadMessageId, lastReadDate = virtuosoContext.lastReadDate, lastReadMessageId = virtuosoContext.lastReadMessageId, lastReceivedMessageId = virtuosoContext.lastReceivedMessageId, MessageUIComponent = virtuosoContext.Message, messageActions = virtuosoContext.messageActions, MessageSystem = virtuosoContext.MessageSystem, numItemsPrepended = virtuosoContext.numItemsPrepended, ownMessagesReadByOthers = virtuosoContext.ownMessagesReadByOthers, messageList = virtuosoContext.processedMessages, reactionDetailsSort = virtuosoContext.reactionDetailsSort, shouldGroupByUser = virtuosoContext.shouldGroupByUser, sortReactionDetails = virtuosoContext.sortReactionDetails, sortReactions = virtuosoContext.sortReactions, _h = virtuosoContext.unreadMessageCount, unreadMessageCount = _h === void 0 ? 0 : _h, UnreadMessagesSeparator = virtuosoContext.UnreadMessagesSeparator, virtuosoRef = virtuosoContext.virtuosoRef;
+    var additionalMessageInputProps = virtuosoContext.additionalMessageInputProps, closeReactionSelectorOnClick = virtuosoContext.closeReactionSelectorOnClick, customMessageActions = virtuosoContext.customMessageActions, customMessageRenderer = virtuosoContext.customMessageRenderer, DateSeparator = virtuosoContext.DateSeparator, firstUnreadMessageId = virtuosoContext.firstUnreadMessageId, formatDate = virtuosoContext.formatDate, lastReadDate = virtuosoContext.lastReadDate, lastReadMessageId = virtuosoContext.lastReadMessageId, lastReceivedMessageId = virtuosoContext.lastReceivedMessageId, MessageUIComponent = virtuosoContext.Message, messageActions = virtuosoContext.messageActions, MessageSystem = virtuosoContext.MessageSystem, numItemsPrepended = virtuosoContext.numItemsPrepended, ownMessagesReadByOthers = virtuosoContext.ownMessagesReadByOthers, messageList = virtuosoContext.processedMessages, reactionDetailsSort = virtuosoContext.reactionDetailsSort, shouldGroupByUser = virtuosoContext.shouldGroupByUser, sortReactionDetails = virtuosoContext.sortReactionDetails, sortReactions = virtuosoContext.sortReactions, _h = virtuosoContext.unreadMessageCount, unreadMessageCount = _h === void 0 ? 0 : _h, UnreadMessagesSeparator = virtuosoContext.UnreadMessagesSeparator, virtuosoRef = virtuosoContext.virtuosoRef;
     var streamMessageIndex = calculateItemIndex(virtuosoIndex, numItemsPrepended);
     if (customMessageRenderer) {
         return customMessageRenderer(messageList, streamMessageIndex);
@@ -1116,7 +1116,7 @@ var messageRenderer = function (virtuosoIndex, _data, virtuosoContext) {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         showUnreadSeparatorAbove && (React__default["default"].createElement("div", { className: 'str-chat__unread-messages-separator-wrapper' },
             React__default["default"].createElement(UnreadMessagesSeparator, { unreadCount: unreadMessageCount }))),
-        React__default["default"].createElement(Window.Message, { additionalMessageInputProps: additionalMessageInputProps, autoscrollToBottom: (_g = virtuosoRef.current) === null || _g === void 0 ? void 0 : _g.autoscrollToBottom, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: customMessageActions, endOfGroup: endOfGroup, firstOfGroup: firstOfGroup, groupedByUser: groupedByUser, lastReceivedId: lastReceivedMessageId, message: message, Message: MessageUIComponent, messageActions: messageActions, reactionDetailsSort: reactionDetailsSort, readBy: ownMessagesReadByOthers[message.id] || [], sortReactionDetails: sortReactionDetails, sortReactions: sortReactions }),
+        React__default["default"].createElement(Window.Message, { additionalMessageInputProps: additionalMessageInputProps, autoscrollToBottom: (_g = virtuosoRef.current) === null || _g === void 0 ? void 0 : _g.autoscrollToBottom, closeReactionSelectorOnClick: closeReactionSelectorOnClick, customMessageActions: customMessageActions, endOfGroup: endOfGroup, firstOfGroup: firstOfGroup, formatDate: formatDate, groupedByUser: groupedByUser, lastReceivedId: lastReceivedMessageId, message: message, Message: MessageUIComponent, messageActions: messageActions, reactionDetailsSort: reactionDetailsSort, readBy: ownMessagesReadByOthers[message.id] || [], sortReactionDetails: sortReactionDetails, sortReactions: sortReactions }),
         showUnreadSeparatorBelow && (React__default["default"].createElement("div", { className: 'str-chat__unread-messages-separator-wrapper' },
             React__default["default"].createElement(UnreadMessagesSeparator, { unreadCount: unreadMessageCount })))));
 };
@@ -1152,7 +1152,7 @@ function calculateInitialTopMostItemIndex(messages, highlightedMessageId) {
 }
 var VirtualizedMessageListWithContext = function (props) {
     var _a, _b;
-    var additionalMessageInputProps = props.additionalMessageInputProps, _c = props.additionalVirtuosoProps, additionalVirtuosoProps = _c === void 0 ? {} : _c, channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, customMessageActions = props.customMessageActions, customMessageRenderer = props.customMessageRenderer, defaultItemHeight = props.defaultItemHeight, _d = props.disableDateSeparator, disableDateSeparator = _d === void 0 ? true : _d, groupStyles = props.groupStyles, hasMoreNewer = props.hasMoreNewer, head = props.head, _e = props.hideDeletedMessages, hideDeletedMessages = _e === void 0 ? false : _e, _f = props.hideNewMessageSeparator, hideNewMessageSeparator = _f === void 0 ? false : _f, highlightedMessageId = props.highlightedMessageId, jumpToLatestMessage = props.jumpToLatestMessage, loadingMore = props.loadingMore, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, MessageUIComponentFromProps = props.Message, messageActions = props.messageActions, _g = props.messageLimit, messageLimit = _g === void 0 ? Window.DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _g, messages = props.messages, notifications = props.notifications, 
+    var additionalMessageInputProps = props.additionalMessageInputProps, _c = props.additionalVirtuosoProps, additionalVirtuosoProps = _c === void 0 ? {} : _c, channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, closeReactionSelectorOnClick = props.closeReactionSelectorOnClick, customMessageActions = props.customMessageActions, customMessageRenderer = props.customMessageRenderer, defaultItemHeight = props.defaultItemHeight, _d = props.disableDateSeparator, disableDateSeparator = _d === void 0 ? true : _d, formatDate = props.formatDate, groupStyles = props.groupStyles, hasMoreNewer = props.hasMoreNewer, head = props.head, _e = props.hideDeletedMessages, hideDeletedMessages = _e === void 0 ? false : _e, _f = props.hideNewMessageSeparator, hideNewMessageSeparator = _f === void 0 ? false : _f, highlightedMessageId = props.highlightedMessageId, jumpToLatestMessage = props.jumpToLatestMessage, loadingMore = props.loadingMore, loadMore = props.loadMore, loadMoreNewer = props.loadMoreNewer, MessageUIComponentFromProps = props.Message, messageActions = props.messageActions, _g = props.messageLimit, messageLimit = _g === void 0 ? Window.DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _g, messages = props.messages, notifications = props.notifications, 
     // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
     _h = props.overscan, 
     // TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
@@ -1318,6 +1318,7 @@ var VirtualizedMessageListWithContext = function (props) {
                         customMessageRenderer: customMessageRenderer,
                         DateSeparator: DateSeparator,
                         firstUnreadMessageId: channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.first_unread_message_id,
+                        formatDate: formatDate,
                         head: head,
                         lastReadDate: channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.last_read,
                         lastReadMessageId: channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.last_read_message_id,
@@ -1353,7 +1354,7 @@ function VirtualizedMessageList(props) {
     return (React__default["default"].createElement(VirtualizedMessageListWithContext, Window.__assign({ channel: channel, channelUnreadUiState: channelUnreadUiState, hasMore: !!hasMore, hasMoreNewer: !!hasMoreNewer, highlightedMessageId: highlightedMessageId, jumpToLatestMessage: jumpToLatestMessage, loadingMore: !!loadingMore, loadingMoreNewer: !!loadingMoreNewer, loadMore: loadMore, loadMoreNewer: loadMoreNewer, messages: messages, notifications: notifications, read: read, suppressAutoscroll: suppressAutoscroll }, props)));
 }
 
-var version = '11.20.0';
+var version = '11.21.0';
 
 var useChat = function (_a) {
     var _b, _c;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "11.20.0";
+export declare const version = "11.21.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.20.0';
+export var version = '11.21.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.20.0",
+  "version": "11.21.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",