stream-chat-react 8.1.3 → 9.1.0-alpha.0

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/MessageSimple.d.ts

@@ -1,6 +1,7 @@
 import { MessageContextValue } from '../../context/MessageContext';
 import type { MessageUIComponentProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare const MODERATION_ERROR_CODE = 73;
 /**
  * The default UI component that renders a message and receives functionality and logic from the MessageContext.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAmKnE;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}
+{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAGtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAMnE,eAAO,MAAM,qBAAqB,KAAK,CAAC;AA+KxC;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}

package/dist/components/Message/MessageSimple.js

@@ -24,11 +24,16 @@ import { MML } from '../MML';
 import { Modal } from '../Modal';
 import { ReactionsList as DefaultReactionList, ReactionSelector as DefaultReactionSelector, } from '../Reactions';
 import { useComponentContext } from '../../context/ComponentContext';
+import { useChannelActionContext } from '../../context/ChannelActionContext';
 import { useMessageContext } from '../../context/MessageContext';
+import { useTranslationContext } from '../../context/TranslationContext';
+export var MODERATION_ERROR_CODE = 73;
 var MessageSimpleWithContext = function (props) {
-    var _a;
-    var additionalMessageInputProps = props.additionalMessageInputProps, clearEditingState = props.clearEditingState, editing = props.editing, endOfGroup = props.endOfGroup, firstOfGroup = props.firstOfGroup, groupedByUser = props.groupedByUser, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, handleRetry = props.handleRetry, highlighted = props.highlighted, isMyMessage = props.isMyMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, showDetailedReactions = props.showDetailedReactions, threadList = props.threadList;
-    var _b = useComponentContext('MessageSimple'), Attachment = _b.Attachment, _c = _b.Avatar, Avatar = _c === void 0 ? DefaultAvatar : _c, _d = _b.EditMessageInput, EditMessageInput = _d === void 0 ? DefaultEditMessageForm : _d, _e = _b.MessageDeleted, MessageDeleted = _e === void 0 ? DefaultMessageDeleted : _e, _f = _b.MessageOptions, MessageOptions = _f === void 0 ? DefaultMessageOptions : _f, _g = _b.MessageRepliesCountButton, MessageRepliesCountButton = _g === void 0 ? DefaultMessageRepliesCountButton : _g, _h = _b.MessageStatus, MessageStatus = _h === void 0 ? DefaultMessageStatus : _h, _j = _b.MessageTimestamp, MessageTimestamp = _j === void 0 ? DefaultMessageTimestamp : _j, _k = _b.ReactionSelector, ReactionSelector = _k === void 0 ? DefaultReactionSelector : _k, _l = _b.ReactionsList, ReactionsList = _l === void 0 ? DefaultReactionList : _l;
+    var _a, _b, _c;
+    var additionalMessageInputProps = props.additionalMessageInputProps, clearEditingState = props.clearEditingState, editing = props.editing, endOfGroup = props.endOfGroup, firstOfGroup = props.firstOfGroup, groupedByUser = props.groupedByUser, handleAction = props.handleAction, handleOpenThread = props.handleOpenThread, handleRetry = props.handleRetry, highlighted = props.highlighted, isMyMessage = props.isMyMessage, isReactionEnabled = props.isReactionEnabled, message = props.message, onUserClick = props.onUserClick, onUserHover = props.onUserHover, reactionSelectorRef = props.reactionSelectorRef, setEditingState = props.setEditingState, showDetailedReactions = props.showDetailedReactions, threadList = props.threadList;
+    var _d = useComponentContext('MessageSimple'), Attachment = _d.Attachment, _e = _d.Avatar, Avatar = _e === void 0 ? DefaultAvatar : _e, _f = _d.EditMessageInput, EditMessageInput = _f === void 0 ? DefaultEditMessageForm : _f, _g = _d.MessageDeleted, MessageDeleted = _g === void 0 ? DefaultMessageDeleted : _g, _h = _d.MessageOptions, MessageOptions = _h === void 0 ? DefaultMessageOptions : _h, _j = _d.MessageRepliesCountButton, MessageRepliesCountButton = _j === void 0 ? DefaultMessageRepliesCountButton : _j, _k = _d.MessageStatus, MessageStatus = _k === void 0 ? DefaultMessageStatus : _k, _l = _d.MessageTimestamp, MessageTimestamp = _l === void 0 ? DefaultMessageTimestamp : _l, _m = _d.ReactionSelector, ReactionSelector = _m === void 0 ? DefaultReactionSelector : _m, _o = _d.ReactionsList, ReactionsList = _o === void 0 ? DefaultReactionList : _o;
+    var removeMessage = useChannelActionContext('useSubmitHandler').removeMessage;
+    var t = useTranslationContext('MessageText').t;
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
     var messageClasses = isMyMessage()
@@ -42,21 +47,25 @@ var MessageSimpleWithContext = function (props) {
     }
     return (React.createElement(React.Fragment, null,
         editing && (React.createElement(Modal, { onClose: clearEditingState, open: editing },
-            React.createElement(MessageInput, __assign({ clearEditingState: clearEditingState, Input: EditMessageInput, message: message }, additionalMessageInputProps)))),
+            React.createElement(MessageInput, __assign({ clearEditingState: clearEditingState, focus: true, Input: EditMessageInput, message: message }, additionalMessageInputProps)))),
         React.createElement("div", { className: ("\n\t\t\t\t\t\t" + messageClasses + "\n\t\t\t\t\t\tstr-chat__message--" + message.type + "\n\t\t\t\t\t\tstr-chat__message--" + message.status + "\n\t\t\t\t\t\t" + (message.text ? 'str-chat__message--has-text' : 'has-no-text') + "\n\t\t\t\t\t\t" + (hasAttachment ? 'str-chat__message--has-attachment' : '') + "\n            " + (hasReactions && isReactionEnabled ? 'str-chat__message--with-reactions' : '') + "\n            " + (highlighted ? 'str-chat__message--highlighted' : '') + "\n            " + (message.pinned ? 'pinned-message' : '') + "\n            " + (groupedByUser ? 'str-chat__virtual-message__wrapper--group' : '') + "\n            " + (firstOfGroup ? 'str-chat__virtual-message__wrapper--first' : '') + "\n            " + (endOfGroup ? 'str-chat__virtual-message__wrapper--end' : '') + "\n\t\t\t\t\t").trim(), key: message.id },
             React.createElement(MessageStatus, null),
             message.user && (React.createElement(Avatar, { image: message.user.image, name: message.user.name || message.user.id, onClick: onUserClick, onMouseOver: onUserHover, user: message.user })),
-            React.createElement("div", { className: 'str-chat__message-inner', "data-testid": 'message-inner', onClick: message.status === 'failed' && message.errorStatusCode !== 403
-                    ? function () { return handleRetry(message); }
-                    : undefined, onKeyPress: message.status === 'failed' && message.errorStatusCode !== 403
+            React.createElement("div", { className: 'str-chat__message-inner', "data-testid": 'message-inner', onClick: message.status === 'failed' &&
+                    message.errorStatusCode !== 403 &&
+                    ((_a = message.error) === null || _a === void 0 ? void 0 : _a.code) !== MODERATION_ERROR_CODE
                     ? function () { return handleRetry(message); }
                     : undefined },
                 React.createElement(React.Fragment, null,
                     React.createElement(MessageOptions, null),
                     hasReactions && !showDetailedReactions && isReactionEnabled && (React.createElement(ReactionsList, { reverse: true })),
                     showDetailedReactions && isReactionEnabled && (React.createElement(ReactionSelector, { ref: reactionSelectorRef }))),
-                ((_a = message.attachments) === null || _a === void 0 ? void 0 : _a.length) && !message.quoted_message ? (React.createElement(Attachment, { actionHandler: handleAction, attachments: message.attachments })) : null,
+                ((_b = message.attachments) === null || _b === void 0 ? void 0 : _b.length) && !message.quoted_message ? (React.createElement(Attachment, { actionHandler: handleAction, attachments: message.attachments })) : null,
                 React.createElement(MessageText, { message: message }),
+                ((_c = message.error) === null || _c === void 0 ? void 0 : _c.code) === MODERATION_ERROR_CODE && (React.createElement("div", { className: 'str-chat__message-moderation-error-actions-box' },
+                    React.createElement("button", { onClick: function () { return removeMessage(message); } }, t('Remove')),
+                    React.createElement("button", { onClick: function () { return handleRetry(message); } }, t('Send anyway')),
+                    React.createElement("button", { className: 'str-chat__message-moderation-error-actions-box--primary', onClick: function (e) { return setEditingState(e); } }, t('Edit')))),
                 message.mml && (React.createElement(MML, { actionHandler: handleAction, align: isMyMessage() ? 'right' : 'left', source: message.mml })),
                 !threadList && !!message.reply_count && (React.createElement("div", { className: 'str-chat__message-simple-reply-button' },
                     React.createElement(MessageRepliesCountButton, { onClick: handleOpenThread, reply_count: message.reply_count }))),

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;AAGnE,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;AAyFF,eAAO,MAAM,WAAW,uJAEkB,CAAC"}

package/dist/components/Message/MessageText.js

@@ -6,12 +6,13 @@ import { useComponentContext } from '../../context/ComponentContext';
 import { useMessageContext } from '../../context/MessageContext';
 import { useTranslationContext } from '../../context/TranslationContext';
 import { renderText as defaultRenderText, isOnlyEmojis } from '../../utils';
+import { MODERATION_ERROR_CODE } from './MessageSimple';
 var UnMemoizedMessageTextComponent = function (props) {
-    var _a;
-    var customInnerClass = props.customInnerClass, _b = props.customWrapperClass, customWrapperClass = _b === void 0 ? '' : _b, propMessage = props.message, _c = props.theme, theme = _c === void 0 ? 'simple' : _c;
-    var _d = useComponentContext('MessageText').QuotedMessage, QuotedMessage = _d === void 0 ? DefaultQuotedMessage : _d;
-    var _e = useMessageContext('MessageText'), contextMessage = _e.message, onMentionsClickMessage = _e.onMentionsClickMessage, onMentionsHoverMessage = _e.onMentionsHoverMessage, _f = _e.renderText, renderText = _f === void 0 ? defaultRenderText : _f, unsafeHTML = _e.unsafeHTML;
-    var _g = useTranslationContext('MessageText'), t = _g.t, userLanguage = _g.userLanguage;
+    var _a, _b;
+    var customInnerClass = props.customInnerClass, _c = props.customWrapperClass, customWrapperClass = _c === void 0 ? '' : _c, propMessage = props.message, _d = props.theme, theme = _d === void 0 ? 'simple' : _d;
+    var _e = useComponentContext('MessageText').QuotedMessage, QuotedMessage = _e === void 0 ? DefaultQuotedMessage : _e;
+    var _f = useMessageContext('MessageText'), contextMessage = _f.message, onMentionsClickMessage = _f.onMentionsClickMessage, onMentionsHoverMessage = _f.onMentionsHoverMessage, _g = _f.renderText, renderText = _g === void 0 ? defaultRenderText : _g, unsafeHTML = _f.unsafeHTML;
+    var _h = useTranslationContext('MessageText'), t = _h.t, userLanguage = _h.userLanguage;
     var handleMobilePress = useMobilePress().handleMobilePress;
     var message = propMessage || contextMessage;
     var hasAttachment = messageHasAttachments(message);
@@ -31,7 +32,9 @@ var UnMemoizedMessageTextComponent = function (props) {
             message.quoted_message && React.createElement(QuotedMessage, null),
             message.type === 'error' && (React.createElement("div", { className: "str-chat__" + theme + "-message--error-message" }, t('Error · Unsent'))),
             message.status === 'failed' && (React.createElement("div", { className: "str-chat__" + theme + "-message--error-message" }, message.errorStatusCode !== 403
-                ? t('Message Failed · Click to try again')
+                ? ((_b = message.error) === null || _b === void 0 ? void 0 : _b.code) === MODERATION_ERROR_CODE
+                    ? t('Message failed · Moderation')
+                    : t('Message Failed · Click to try again')
                 : t('Message Failed · Unauthorized'))),
             unsafeHTML && message.html ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: message.html } })) : (React.createElement("div", { onClick: handleMobilePress }, messageText)))));
 };

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/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

@@ -31,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. */
@@ -55,6 +48,16 @@ export declare type MessageInputProps<StreamChatGenerics extends DefaultStreamCh
     /** 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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"}

package/dist/components/MessageInput/MessageInput.js

@@ -29,11 +29,7 @@ var UnMemoizedMessageInput = function (props) {
     var dragAndDropWindow = useChannelStateContext().dragAndDropWindow;
     var _a = useComponentContext('MessageInput'), ContextInput = _a.Input, _b = _a.TriggerProvider, TriggerProvider = _b === void 0 ? DefaultTriggerProvider : _b;
     var Input = PropInput || ContextInput || MessageInputFlat;
-    var NullProvider = function (_a) {
-        var children = _a.children;
-        return React.createElement(React.Fragment, null, children);
-    };
-    var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? NullProvider : MessageInputProvider); }, [dragAndDropWindow]);
+    var OptionalMessageInputProvider = useMemo(function () { return (dragAndDropWindow ? React.Fragment : MessageInputProvider); }, [dragAndDropWindow]);
     return (React.createElement(OptionalMessageInputProvider, __assign({}, props),
         React.createElement(TriggerProvider, null,
             React.createElement(Input, null))));

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

@@ -1 +1 @@
-{"version":3,"file":"MessageInputFlat.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputFlat.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,gBAAgB,qGAuH5B,CAAC"}
+{"version":3,"file":"MessageInputFlat.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInputFlat.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,gBAAgB,qGAyH5B,CAAC"}

package/dist/components/MessageInput/MessageInputFlat.js

@@ -45,7 +45,9 @@ export var MessageInputFlat = function () {
                 isUploadEnabled && React.createElement(UploadsPreview, null),
                 React.createElement("div", { className: 'str-chat__input-flat--textarea-wrapper' },
                     React.createElement("div", { className: 'str-chat__emojiselect-wrapper' },
-                        React.createElement(Tooltip, null, emojiPickerIsOpen ? t('Close emoji picker') : t('Open emoji picker')),
+                        React.createElement(Tooltip, null, emojiPickerIsOpen
+                            ? t('Close emoji picker')
+                            : t('Open emoji picker')),
                         React.createElement("button", { "aria-label": 'Emoji picker', className: 'str-chat__input-flat-emojiselect', onClick: emojiPickerIsOpen ? closeEmojiPicker : openEmojiPicker }, cooldownRemaining ? (React.createElement("div", { className: 'str-chat__input-flat-cooldown' },
                             React.createElement(CooldownTimer, { cooldownInterval: cooldownRemaining, setCooldownRemaining: setCooldownRemaining }))) : (React.createElement(EmojiIcon, null)))),
                     React.createElement(EmojiPicker, null),