stream-chat-react 8.1.2 → 8.2.0

package/dist/components/DateSeparator/DateSeparator.js

@@ -1,16 +1,15 @@
 import React from 'react';
-import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
+import { useTranslationContext } from '../../context/TranslationContext';
+import { getDateString } from '../../i18n/utils';
 var UnMemoizedDateSeparator = function (props) {
-    var date = props.date, formatDate = props.formatDate, _a = props.position, position = _a === void 0 ? 'right' : _a, unread = props.unread;
+    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;
-    if (typeof date === 'string')
-        return null;
-    var parsedDate = tDateTimeParser(date.toISOString());
-    var formattedDate = formatDate
-        ? formatDate(date)
-        : isDayOrMoment(parsedDate)
-            ? parsedDate.calendar()
-            : parsedDate;
+    var formattedDate = getDateString({
+        calendar: true,
+        formatDate: formatDate,
+        messageCreatedAt: messageCreatedAt,
+        tDateTimeParser: tDateTimeParser,
+    });
     return (React.createElement("div", { className: 'str-chat__date-separator' },
         (position === 'right' || position === 'center') && (React.createElement("hr", { className: 'str-chat__date-separator-line' })),
         React.createElement("div", { className: 'str-chat__date-separator-date' }, unread ? t('New') + " - " + formattedDate : formattedDate),

package/dist/components/EmoticonItem/EmoticonItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare type EmoticonItemProps = {
     entity: {
         /** The parts of the Name property of the entity (or id if no name) that can be matched to the user input value.
@@ -14,5 +13,5 @@ export declare type EmoticonItemProps = {
         native: string;
     };
 };
-export declare const EmoticonItem: React.FC<EmoticonItemProps>;
+export declare const EmoticonItem: (props: EmoticonItemProps) => JSX.Element;
 //# sourceMappingURL=EmoticonItem.d.ts.map

package/dist/components/EmoticonItem/EmoticonItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmoticonItem.d.ts","sourceRoot":"","sources":["../../../src/components/EmoticonItem/EmoticonItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN;;aAEK;QACL,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;QAClD,wBAAwB;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,sCAAsC;QACtC,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAkCF,eAAO,MAAM,YAAY,6BAAsE,CAAC"}
+{"version":3,"file":"EmoticonItem.d.ts","sourceRoot":"","sources":["../../../src/components/EmoticonItem/EmoticonItem.tsx"],"names":[],"mappings":"AAEA,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN;;aAEK;QACL,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAC;QAClD,wBAAwB;QACxB,IAAI,EAAE,MAAM,CAAC;QACb,sCAAsC;QACtC,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAkCF,eAAO,MAAM,YAAY,UAhCc,iBAAiB,gBAgCuC,CAAC"}

package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export declare type EmptyStateIndicatorProps = {
     /** List Type: channel | message */
     listType: 'channel' | 'message';
 };
-export declare const EmptyStateIndicator: React.FC<EmptyStateIndicatorProps>;
+export declare const EmptyStateIndicator: (props: EmptyStateIndicatorProps) => JSX.Element | null;
 //# sourceMappingURL=EmptyStateIndicator.d.ts.map

package/dist/components/EmptyStateIndicator/EmptyStateIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyStateIndicator/EmptyStateIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,wBAAwB,GAAG;IACrC,mCAAmC;IACnC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAcF,eAAO,MAAM,mBAAmB,oCAES,CAAC"}
+{"version":3,"file":"EmptyStateIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyStateIndicator/EmptyStateIndicator.tsx"],"names":[],"mappings":"AAIA,oBAAY,wBAAwB,GAAG;IACrC,mCAAmC;IACnC,QAAQ,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AAeF,eAAO,MAAM,mBAAmB,UAbc,wBAAwB,uBAe7B,CAAC"}

package/dist/components/EventComponent/EventComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventComponent.d.ts","sourceRoot":"","sources":["../../../src/components/EventComponent/EventComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,qBAAqB;IACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AA0DF,eAAO,MAAM,cAAc,0JAES,CAAC"}
+{"version":3,"file":"EventComponent.d.ts","sourceRoot":"","sources":["../../../src/components/EventComponent/EventComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,qBAAqB;IACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,+LAA+L;IAC/L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAqDF,eAAO,MAAM,cAAc,0JAES,CAAC"}

package/dist/components/EventComponent/EventComponent.js

@@ -1,6 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React from 'react';
 import { Avatar as DefaultAvatar } from '../Avatar';
-import { isDayOrMoment, useTranslationContext } from '../../context/TranslationContext';
+import { useTranslationContext } from '../../context/TranslationContext';
+import { getDateString } from '../../i18n/utils';
 /**
  * Component to display system and channel event messages
  */
@@ -9,11 +21,7 @@ var UnMemoizedEventComponent = function (props) {
     var _d = props.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, message = props.message;
     var tDateTimeParser = useTranslationContext('EventComponent').tDateTimeParser;
     var _e = message.created_at, created_at = _e === void 0 ? '' : _e, event = message.event, text = message.text, type = message.type;
-    var dateFormatter = function (date, format) {
-        var parsedDate = tDateTimeParser(date);
-        var formattedDate = isDayOrMoment(parsedDate) ? parsedDate.format(format) : parsedDate;
-        return formattedDate;
-    };
+    var getDateOptions = { messageCreatedAt: created_at.toString(), tDateTimeParser: tDateTimeParser };
     if (type === 'system')
         return (React.createElement("div", { className: 'str-chat__message--system' },
             React.createElement("div", { className: 'str-chat__message--system__text' },
@@ -22,10 +30,10 @@ var UnMemoizedEventComponent = function (props) {
                 React.createElement("div", { className: 'str-chat__message--system__line' })),
             React.createElement("div", { className: 'str-chat__message--system__date' },
                 React.createElement("strong", null,
-                    dateFormatter(created_at, 'dddd'),
+                    getDateString(__assign(__assign({}, getDateOptions), { format: 'dddd' })),
                     " "),
                 "at ",
-                dateFormatter(created_at, 'hh:mm A'))));
+                getDateString(__assign(__assign({}, getDateOptions), { format: 'hh:mm A' })))));
     if ((event === null || event === void 0 ? void 0 : event.type) === 'member.removed' || (event === null || event === void 0 ? void 0 : event.type) === 'member.added') {
         var name_1 = ((_a = event.user) === null || _a === void 0 ? void 0 : _a.name) || ((_b = event.user) === null || _b === void 0 ? void 0 : _b.id);
         var sentence = name_1 + " " + (event.type === 'member.added' ? 'has joined the chat' : 'was removed from the chat');
@@ -33,7 +41,7 @@ var UnMemoizedEventComponent = function (props) {
             React.createElement(Avatar, { image: (_c = event.user) === null || _c === void 0 ? void 0 : _c.image, name: name_1, user: event.user }),
             React.createElement("div", { className: 'str-chat__event-component__channel-event__content' },
                 React.createElement("em", { className: 'str-chat__event-component__channel-event__sentence' }, sentence),
-                React.createElement("div", { className: 'str-chat__event-component__channel-event__date' }, dateFormatter(created_at, 'LT')))));
+                React.createElement("div", { className: 'str-chat__event-component__channel-event__date' }, getDateString(__assign(__assign({}, getDateOptions), { format: 'LT' }))))));
     }
     return null;
 };

package/dist/components/Gallery/Image.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare type ImageProps = {
     /** The text fallback for the image */
     fallback?: string;
@@ -10,5 +9,5 @@ export declare type ImageProps = {
 /**
  * A simple component that displays an image.
  */
-export declare const ImageComponent: React.FC<ImageProps>;
+export declare const ImageComponent: (props: ImageProps) => JSX.Element;
 //# sourceMappingURL=Image.d.ts.map

package/dist/components/Gallery/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,oBAAY,UAAU,GAAG;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+B/C,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Image.tsx"],"names":[],"mappings":"AAKA,oBAAY,UAAU,GAAG;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,UAAU,gBA+B/C,CAAC"}

package/dist/components/Gallery/ModalWrapper.d.ts

@@ -10,5 +10,5 @@ export declare type ModalWrapperProps = {
     /** The index for the component */
     index?: number;
 };
-export declare const ModalComponent: React.FC<ModalWrapperProps>;
+export declare const ModalComponent: (props: ModalWrapperProps) => JSX.Element;
 //# sourceMappingURL=ModalWrapper.d.ts.map

package/dist/components/Gallery/ModalWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI1E,oBAAY,iBAAiB,GAAG;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,CAAC;IACvE,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CActD,CAAC"}
+{"version":3,"file":"ModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI1E,oBAAY,iBAAiB,GAAG;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,WAAW,EAAE,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,CAAC;IACvE,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,iBAAiB,gBActD,CAAC"}

package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 export declare type InfiniteScrollProps = {
     className?: string;
     element?: React.ElementType;
@@ -15,5 +15,5 @@ export declare type InfiniteScrollProps = {
     threshold?: number;
     useCapture?: boolean;
 };
-export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;
+export declare const InfiniteScroll: (props: PropsWithChildren<InfiniteScrollProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=InfiniteScroll.d.ts.map

package/dist/components/InfiniteScrollPaginator/InfiniteScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAY9D,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwFxD,CAAC"}
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/InfiniteScrollPaginator/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAYjF,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,kBAAkB,mBAAmB,CAAC,uEAwF3E,CAAC"}

package/dist/components/LoadMore/LoadMoreButton.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 export declare type LoadMoreButtonProps = {
     /** onClick handler load more button. Pagination logic should be executed in this handler. */
     onClick: React.MouseEventHandler<HTMLButtonElement>;
     /** If true, LoadingIndicator is displayed instead of button */
     refreshing?: boolean;
 };
-export declare const LoadMoreButton: React.FC<LoadMoreButtonProps>;
+export declare const LoadMoreButton: (props: PropsWithChildren<LoadMoreButtonProps>) => JSX.Element;
 //# sourceMappingURL=LoadMoreButton.d.ts.map

package/dist/components/LoadMore/LoadMoreButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAoBF,eAAO,MAAM,cAAc,+BAES,CAAC"}
+{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,oBAAY,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAoBF,eAAO,MAAM,cAAc,UAlBc,kBAAkB,mBAAmB,CAAC,gBAoB3C,CAAC"}

package/dist/components/LoadMore/LoadMorePaginator.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { LoadMoreButtonProps } from './LoadMoreButton';
 export declare type LoadMorePaginatorProps = {
     /** callback to load the next page */
@@ -9,6 +9,6 @@ export declare type LoadMorePaginatorProps = {
     refreshing?: boolean;
     reverse?: boolean;
 };
-export declare const UnMemoizedLoadMorePaginator: React.FC<LoadMorePaginatorProps>;
-export declare const LoadMorePaginator: React.FC<LoadMorePaginatorProps>;
+export declare const UnMemoizedLoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => JSX.Element;
+export declare const LoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => JSX.Element;
 //# sourceMappingURL=LoadMorePaginator.d.ts.map

package/dist/components/LoadMore/LoadMorePaginator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadMorePaginator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMorePaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA2C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEhG,oBAAY,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiBxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,kCAES,CAAC"}
+{"version":3,"file":"LoadMorePaginator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMorePaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAA2C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEhG,oBAAY,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1D,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,kBAAkB,sBAAsB,CAAC,gBAiB3F,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAnBqB,kBAAkB,sBAAsB,CAAC,gBAqBrD,CAAC"}

package/dist/components/Loading/LoadingChannels.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 /**
  * Loading indicator for the ChannelList
  */
-export declare const LoadingChannels: React.FC<{}>;
+export declare const LoadingChannels: React.MemoExoticComponent<() => JSX.Element>;
 //# sourceMappingURL=LoadingChannels.d.ts.map

package/dist/components/Loading/LoadingChannels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingChannels.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingChannels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;GAEG;AACH,eAAO,MAAM,eAAe,cAES,CAAC"}
+{"version":3,"file":"LoadingChannels.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingChannels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;GAEG;AACH,eAAO,MAAM,eAAe,8CAAwC,CAAC"}

package/dist/components/Loading/LoadingErrorIndicator.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export declare type LoadingErrorIndicatorProps = {
     /** Error object */
     error?: Error;
 };
-export declare const LoadingErrorIndicator: React.FC<LoadingErrorIndicatorProps>;
+export declare const LoadingErrorIndicator: ({ error }: LoadingErrorIndicatorProps) => JSX.Element | null;
 //# sourceMappingURL=LoadingErrorIndicator.d.ts.map

package/dist/components/Loading/LoadingErrorIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingErrorIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingErrorIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,0BAA0B,GAAG;IACvC,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAaF,eAAO,MAAM,qBAAqB,sCAGS,CAAC"}
+{"version":3,"file":"LoadingErrorIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingErrorIndicator.tsx"],"names":[],"mappings":"AAIA,oBAAY,0BAA0B,GAAG;IACvC,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAiBF,eAAO,MAAM,qBAAqB,cAZkB,0BAA0B,uBAenC,CAAC"}

package/dist/components/Loading/LoadingErrorIndicator.js

@@ -8,6 +8,6 @@ var UnMemoizedLoadingErrorIndicator = function (_a) {
     var t = useTranslationContext('LoadingErrorIndicator').t;
     if (!error)
         return null;
-    return React.createElement("div", null, t('Error: {{ errorMessage }}', { errorMessage: error.message }));
+    return (React.createElement("div", null, t('Error: {{ errorMessage }}', { errorMessage: error.message })));
 };
 export var LoadingErrorIndicator = React.memo(UnMemoizedLoadingErrorIndicator, function (prevProps, nextProps) { var _a, _b; return ((_a = prevProps.error) === null || _a === void 0 ? void 0 : _a.message) === ((_b = nextProps.error) === null || _b === void 0 ? void 0 : _b.message); });

package/dist/components/Loading/LoadingIndicator.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare type LoadingIndicatorProps = {
     /** Set the color of the LoadingIndicator */
     color?: string;
@@ -8,5 +7,5 @@ export declare type LoadingIndicatorProps = {
 /**
  * Simple loading spinner
  */
-export declare const LoadingIndicator: React.FC<LoadingIndicatorProps>;
+export declare const LoadingIndicator: (props: LoadingIndicatorProps) => JSX.Element;
 //# sourceMappingURL=LoadingIndicator.d.ts.map

package/dist/components/Loading/LoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,qBAAqB,GAAG;IAClC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,iCAIS,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.tsx"],"names":[],"mappings":"AAEA,oBAAY,qBAAqB,GAAG;IAClC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAnCc,qBAAqB,gBAuC1B,CAAC"}

package/dist/components/MML/MML.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
 export declare type MMLProps = {
     /** MML source string */
@@ -11,5 +10,5 @@ export declare type MMLProps = {
 /**
  * A wrapper component around MML-React library
  */
-export declare const MML: React.FC<MMLProps>;
+export declare const MML: (props: MMLProps) => JSX.Element;
 //# sourceMappingURL=MML.d.ts.map

package/dist/components/MML/MML.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MML.d.ts","sourceRoot":"","sources":["../../../src/components/MML/MML.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAOjF,oBAAY,QAAQ,GAAG;IACrB,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBlC,CAAC"}
+{"version":3,"file":"MML.d.ts","sourceRoot":"","sources":["../../../src/components/MML/MML.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAOjF,oBAAY,QAAQ,GAAG;IACrB,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,GAAG,UAAW,QAAQ,gBAiBlC,CAAC"}

package/dist/components/Message/MessageDeleted.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJAwB1B,CAAC"}
+{"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJA0B1B,CAAC"}

package/dist/components/Message/MessageRepliesCountButton.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import type { ReactEventHandler } from './types';
+import { MouseEventHandler } from 'react';
 export declare type MessageRepliesCountButtonProps = {
     labelPlural?: string;
     labelSingle?: string;
-    onClick?: ReactEventHandler;
+    onClick?: MouseEventHandler;
     reply_count?: number;
 };
-export declare const MessageRepliesCountButton: React.FC<MessageRepliesCountButtonProps>;
+export declare const MessageRepliesCountButton: (props: MessageRepliesCountButtonProps) => JSX.Element | null;
 //# sourceMappingURL=MessageRepliesCountButton.d.ts.map

package/dist/components/Message/MessageRepliesCountButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,oBAAY,8BAA8B,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF,eAAO,MAAM,yBAAyB,0CAES,CAAC"}
+{"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,oBAAY,8BAA8B,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA6BF,eAAO,MAAM,yBAAyB,UA3Bc,8BAA8B,uBA6BnC,CAAC"}

package/dist/components/Message/MessageText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}

package/dist/components/Message/MessageTimestamp.d.ts

@@ -1,8 +1,6 @@
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const defaultTimestampFormat = "h:mmA";
-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 type MessageTimestampProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     calendar?: boolean;
     customClass?: string;

package/dist/components/Message/MessageTimestamp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,wBAAwB,oFAC8C,CAAC;AA4CpF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAqCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}
+{"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAwCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}

package/dist/components/Message/MessageTimestamp.js

@@ -1,46 +1,19 @@
 import React, { useMemo } from 'react';
 import { useMessageContext } from '../../context/MessageContext';
-import { isDate, isDayOrMoment, isNumberOrString, useTranslationContext, } from '../../context/TranslationContext';
+import { isDate, useTranslationContext } from '../../context/TranslationContext';
+import { getDateString } from '../../i18n/utils';
 export var defaultTimestampFormat = 'h:mmA';
-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';
-function getDateString(messageCreatedAt, formatDate, calendar, tDateTimeParser, format) {
-    if (!messageCreatedAt || !Date.parse(messageCreatedAt)) {
-        console.warn(notValidDateWarning);
-        return null;
-    }
-    if (typeof formatDate === 'function') {
-        return formatDate(new Date(messageCreatedAt));
-    }
-    if (!tDateTimeParser) {
-        console.warn(noParsingFunctionWarning);
-        return null;
-    }
-    var parsedTime = tDateTimeParser(messageCreatedAt);
-    if (isDayOrMoment(parsedTime)) {
-        /**
-         * 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);
-    }
-    if (isDate(parsedTime)) {
-        return parsedTime.toDateString();
-    }
-    if (isNumberOrString(parsedTime)) {
-        return parsedTime;
-    }
-    return null;
-}
 var UnMemoizedMessageTimestamp = function (props) {
     var _a = props.calendar, calendar = _a === void 0 ? false : _a, _b = props.customClass, customClass = _b === void 0 ? '' : _b, _c = props.format, format = _c === void 0 ? defaultTimestampFormat : _c, propMessage = props.message;
     var _d = useMessageContext('MessageTimestamp'), formatDate = _d.formatDate, contextMessage = _d.message;
     var tDateTimeParser = useTranslationContext('MessageTimestamp').tDateTimeParser;
     var message = propMessage || contextMessage;
-    var createdAt = message.created_at;
-    var when = useMemo(function () { return getDateString(createdAt, formatDate, calendar, tDateTimeParser, format); }, [formatDate, calendar, tDateTimeParser, format, createdAt]);
+    var messageCreatedAt = message.created_at && isDate(message.created_at)
+        ? message.created_at.toISOString()
+        : message.created_at;
+    var when = useMemo(function () { return getDateString({ calendar: calendar, format: format, formatDate: formatDate, messageCreatedAt: messageCreatedAt, tDateTimeParser: tDateTimeParser }); }, [formatDate, calendar, tDateTimeParser, format, messageCreatedAt]);
     if (!when)
         return null;
-    return (React.createElement("time", { className: customClass, dateTime: createdAt, title: createdAt }, when));
+    return (React.createElement("time", { className: customClass, dateTime: messageCreatedAt, title: messageCreatedAt }, when));
 };
 export var MessageTimestamp = React.memo(UnMemoizedMessageTimestamp);

package/dist/components/Message/hooks/usePinHandler.d.ts

@@ -23,7 +23,7 @@ export declare type PinMessageNotifications<StreamChatGenerics extends DefaultSt
     getErrorNotification?: (message: StreamMessage<StreamChatGenerics>) => string;
     notify?: (notificationText: string, type: 'success' | 'error') => void;
 };
-export declare const usePinHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, permissions?: PinPermissions, notifications?: PinMessageNotifications<StreamChatGenerics>) => {
+export declare const usePinHandler: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, _permissions?: PinPermissions, notifications?: PinMessageNotifications<StreamChatGenerics>) => {
     canPin: boolean;
     handlePin: ReactEventHandler;
 };

package/dist/components/Message/hooks/usePinHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePinHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/usePinHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAI7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAGtE,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAGF,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACxF,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,aAAa,+IAKX,cAAc;;;CAgE5B,CAAC"}
+{"version":3,"file":"usePinHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/usePinHandler.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAA0B,MAAM,sCAAsC,CAAC;AAI7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAGtE,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG;IACzF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAGF,oBAAY,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACxF,MAAM,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,aAAa,gJAKV,cAAc;;;CAgE7B,CAAC"}

package/dist/components/Message/hooks/usePinHandler.js

@@ -51,10 +51,10 @@ import { useChannelStateContext } from '../../../context/ChannelStateContext';
 import { useChatContext } from '../../../context/ChatContext';
 import { useTranslationContext } from '../../../context/TranslationContext';
 export var usePinHandler = function (message, 
-// @ts-expect-error @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
-permissions, // eslint-disable-line
+// @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
+_permissions, // eslint-disable-line
 notifications) {
-    if (permissions === void 0) { permissions = defaultPinPermissions; }
+    if (_permissions === void 0) { _permissions = defaultPinPermissions; }
     if (notifications === void 0) { notifications = {}; }
     var getErrorNotification = notifications.getErrorNotification, notify = notifications.notify;
     var updateMessage = useChannelActionContext('usePinHandler').updateMessage;

package/dist/components/Message/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8CACV,OAAO,2BAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2LAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC;AAEF,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAChE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAC9E,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,cAwDnC,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,mBAAmB,GAAG,OAAO,kFAC0C,YAAY,gCA+C7F,CAAC;AAIF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;aAiDhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA8ClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAIqC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,mDA6Cb,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Message/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8CACV,OAAO,2BAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2LAUvB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC;AAEF,oBAAY,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAChE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,CAAC,CAC9E,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,cAwDnC,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACnB,mBAAmB,GAAG,OAAO,kFAC0C,YAAY,gCA+C7F,CAAC;AAIF,eAAO,MAAM,qBAAqB,oDAErB,OAAO,GAAG,SAAS,YAsB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;aAgDhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aA0ClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wJAIqC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,wJAIyB,CAAC;AAE5D,eAAO,MAAM,SAAS,yMASrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yMASlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mIAI5B,SAAS,mDA6Cb,CAAC"}

package/dist/components/Message/utils.js

@@ -157,7 +157,7 @@ export var showMessageActionsBox = function (actions, inThread) {
     return true;
 };
 export var areMessagePropsEqual = function (prevProps, nextProps) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f;
     var prevMessage = prevProps.message, prevMessageUI = prevProps.Message;
     var nextMessage = nextProps.message, nextMessageUI = nextProps.Message;
     if (prevMessageUI !== nextMessageUI)
@@ -176,8 +176,7 @@ export var areMessagePropsEqual = function (prevProps, nextProps) {
         prevMessage.text === nextMessage.text &&
         prevMessage.type === nextMessage.type &&
         prevMessage.updated_at === nextMessage.updated_at &&
-        ((_e = prevMessage.user) === null || _e === void 0 ? void 0 : _e.image) === ((_f = nextMessage.user) === null || _f === void 0 ? void 0 : _f.image) &&
-        ((_g = prevMessage.user) === null || _g === void 0 ? void 0 : _g.name) === ((_h = nextMessage.user) === null || _h === void 0 ? void 0 : _h.name);
+        ((_e = prevMessage.user) === null || _e === void 0 ? void 0 : _e.updated_at) === ((_f = nextMessage.user) === null || _f === void 0 ? void 0 : _f.updated_at);
     if (!messagesAreEqual)
         return false;
     var deepEqualProps = deepequal(nextProps.readBy, prevProps.readBy) &&
@@ -191,7 +190,7 @@ export var areMessagePropsEqual = function (prevProps, nextProps) {
     );
 };
 export var areMessageUIPropsEqual = function (prevProps, nextProps) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     var prevLastReceivedId = prevProps.lastReceivedId, prevMessage = prevProps.message;
     var nextLastReceivedId = nextProps.lastReceivedId, nextMessage = nextProps.message;
     if (prevProps.editing !== nextProps.editing)
@@ -211,7 +210,7 @@ export var areMessageUIPropsEqual = function (prevProps, nextProps) {
         prevLastReceivedId !== nextLastReceivedId) {
         return false;
     }
-    var messagesAreEqual = prevMessage.deleted_at === nextMessage.deleted_at &&
+    return (prevMessage.deleted_at === nextMessage.deleted_at &&
         ((_e = prevMessage.latest_reactions) === null || _e === void 0 ? void 0 : _e.length) === ((_f = nextMessage.latest_reactions) === null || _f === void 0 ? void 0 : _f.length) &&
         ((_g = prevMessage.own_reactions) === null || _g === void 0 ? void 0 : _g.length) === ((_h = nextMessage.own_reactions) === null || _h === void 0 ? void 0 : _h.length) &&
         prevMessage.pinned === nextMessage.pinned &&
@@ -220,11 +219,7 @@ export var areMessageUIPropsEqual = function (prevProps, nextProps) {
         prevMessage.text === nextMessage.text &&
         prevMessage.type === nextMessage.type &&
         prevMessage.updated_at === nextMessage.updated_at &&
-        ((_j = prevMessage.user) === null || _j === void 0 ? void 0 : _j.image) === ((_k = nextMessage.user) === null || _k === void 0 ? void 0 : _k.image) &&
-        ((_l = prevMessage.user) === null || _l === void 0 ? void 0 : _l.name) === ((_m = nextMessage.user) === null || _m === void 0 ? void 0 : _m.name);
-    if (!messagesAreEqual)
-        return false;
-    return true;
+        ((_j = prevMessage.user) === null || _j === void 0 ? void 0 : _j.updated_at) === ((_k = nextMessage.user) === null || _k === void 0 ? void 0 : _k.updated_at));
 };
 export var messageHasReactions = function (message) { return !!(message === null || message === void 0 ? void 0 : message.latest_reactions) && !!message.latest_reactions.length; };
 export var messageHasAttachments = function (message) { return !!(message === null || message === void 0 ? void 0 : message.attachments) && !!message.attachments.length; };

package/dist/components/MessageActions/MessageActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAQhE,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,aAAK,yBAAyB,GAC1B,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAEd,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,CAAC,GAAG;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,0JAwG1B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/MessageActions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAQnF,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,aAAK,yBAAyB,GAC1B,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;AAEd,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,CAAC,GAAG;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,0JAwG1B,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}

package/dist/components/MessageInput/EditMessageForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe,8IA6F3B,CAAC"}
+{"version":3,"file":"EditMessageForm.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/EditMessageForm.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,eAAe,8IA6F3B,CAAC"}

package/dist/components/MessageInput/EditMessageForm.js

@@ -3,7 +3,6 @@ import { FileUploadButton, ImageDropzone } from 'react-file-utils';
 import { EmojiPicker } from './EmojiPicker';
 import { EmojiIconSmall as DefaultEmojiIcon, FileUploadIcon as DefaultFileUploadIcon, } from './icons';
 import { UploadsPreview } from './UploadsPreview';
-import { KEY_CODES } from '../AutoCompleteTextarea/listener';
 import { ChatAutoComplete } from '../ChatAutoComplete/ChatAutoComplete';
 import { Tooltip } from '../Tooltip/Tooltip';
 import { useChannelStateContext } from '../../context/ChannelStateContext';
@@ -17,7 +16,7 @@ export var EditMessageForm = function () {
     var _c = useComponentContext('EditMessageForm'), _d = _c.EmojiIcon, EmojiIcon = _d === void 0 ? DefaultEmojiIcon : _d, _e = _c.FileUploadIcon, FileUploadIcon = _e === void 0 ? DefaultFileUploadIcon : _e;
     useEffect(function () {
         var onKeyDown = function (event) {
-            if (event.keyCode === KEY_CODES.ESC && clearEditingState)
+            if (event.key === 'Escape' && clearEditingState)
                 clearEditingState();
         };
         document.addEventListener('keydown', onKeyDown);

package/dist/components/MessageInput/MessageInput.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { Message } from 'stream-chat';
 import { FileUpload, ImageUpload } from './hooks/useMessageInputState';
 import { StreamMessage } from '../../context/ChannelStateContext';
 import type { Channel, SendFileAPIResponse } from 'stream-chat';
@@ -30,13 +31,6 @@ export declare type MessageInputProps<StreamChatGenerics extends DefaultStreamCh
     grow?: boolean;
     /** Custom UI component handling how the message input is rendered, defaults to and accepts the same props as [MessageInputFlat](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/MessageInputFlat.tsx) */
     Input?: React.ComponentType<MessageInputProps<StreamChatGenerics, V>>;
-    /**
-     * Currently, Enter is the default submission key and Shift+Enter is the default for new line.
-     * If provided, this array of keycode numbers will override the default Enter for submission, and Enter will then only create a new line.
-     * Shift + Enter will still always create a new line, unless Shift+Enter [16, 13] is included in the override.
-     * e.g.: [[16,13], [57], [48]] - submission keys would then be Shift+Enter, 9, and 0.
-     * */
-    keycodeSubmitKeys?: Array<number[]>;
     /** Max number of rows the underlying `textarea` component is allowed to grow */
     maxRows?: number;
     /** If true, the suggestion list will search all app users for an @mention, not just current channel members/watchers. Default: false. */
@@ -48,12 +42,22 @@ export declare type MessageInputProps<StreamChatGenerics extends DefaultStreamCh
     /** If true, disables file uploads for all attachments except for those with type 'image'. Default: false */
     noFiles?: boolean;
     /** Function to override the default submit handler */
-    overrideSubmitHandler?: (message: MessageToSend<StreamChatGenerics>, channelCid: string) => void;
+    overrideSubmitHandler?: (message: MessageToSend<StreamChatGenerics>, channelCid: string, customMessageData?: Partial<Message<StreamChatGenerics>>) => Promise<void> | void;
     /** When replying in a thread, the parent message object */
     parent?: StreamMessage<StreamChatGenerics>;
     /** If true, triggers typing events on text input keystroke */
     publishTypingEvent?: boolean;
     /** If true, will use an optional dependency to support transliteration in the input for mentions, default is false. See: https://github.com/getstream/transliterate */
+    /**
+     * Currently, `Enter` is the default submission key and  `Shift`+`Enter` is the default combination for the new line.
+     * If specified, this function overrides the default behavior specified previously.
+     *
+     * Example of default behaviour:
+     * ```tsx
+     * const defaultShouldSubmit = (event) => event.key === "Enter" && !event.shiftKey;
+     * ```
+     */
+    shouldSubmit?: (event: KeyboardEvent) => boolean;
     useMentionsTransliteration?: boolean;
 };
 /**

package/dist/components/MessageInput/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}