stream-chat-react 11.7.0 → 11.9.0

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

@@ -1,4 +1,4 @@
-import { CSSProperties, MutableRefObject } from 'react';
+import React, { CSSProperties, MutableRefObject } from 'react';
 import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics, Dimensions } from '../../types/types';
 export type ImageProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
@@ -17,5 +17,5 @@ export type ImageProps<StreamChatGenerics extends DefaultStreamChatGenerics = De
 /**
  * A simple component that displays an image.
  */
-export declare const ImageComponent: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ImageProps<StreamChatGenerics>) => JSX.Element;
+export declare const ImageComponent: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ImageProps<StreamChatGenerics>) => React.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,OAAc,EAAE,aAAa,EAAE,gBAAgB,EAAY,MAAM,OAAO,CAAC;AAQzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,UAAU,CACpB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,GAAG,CACA;IACE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD,UAAU,CAAC,kBAAkB,CAAC,CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,0IAmC1B,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAY,MAAM,OAAO,CAAC;AAQzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,UAAU,CACpB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,GAAG,CACA;IACE,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GACD,UAAU,CAAC,kBAAkB,CAAC,CACjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,gJAmC1B,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export type ModalGalleryProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
@@ -6,5 +7,5 @@ export type ModalGalleryProps<StreamChatGenerics extends DefaultStreamChatGeneri
     /** The index for the component */
     index?: number;
 };
-export declare const ModalGallery: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ModalGalleryProps<StreamChatGenerics>) => JSX.Element;
+export declare const ModalGallery: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ModalGalleryProps<StreamChatGenerics>) => React.JSX.Element;
 //# sourceMappingURL=ModalGallery.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalGallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalGallery.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,4CAA4C;IAC5C,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAYF,eAAO,MAAM,YAAY,iJAgCxB,CAAC"}
+{"version":3,"file":"ModalGallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,4CAA4C;IAC5C,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAYF,eAAO,MAAM,YAAY,uJAgCxB,CAAC"}

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

@@ -10,5 +10,5 @@ export type LoadMoreButtonProps = {
      */
     refreshing?: boolean;
 };
-export declare const LoadMoreButton: ({ children, isLoading, onClick, refreshing, }: PropsWithChildren<LoadMoreButtonProps>) => JSX.Element;
+export declare const LoadMoreButton: ({ children, isLoading, onClick, refreshing, }: PropsWithChildren<LoadMoreButtonProps>) => React.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,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAK5D,MAAM,MAAM,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAiCF,eAAO,MAAM,cAAc,kDA1BxB,kBAAkB,mBAAmB,CAAC,gBA4BL,CAAC"}
+{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAK5D,MAAM,MAAM,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAiCF,eAAO,MAAM,cAAc,kDA1BxB,kBAAkB,mBAAmB,CAAC,sBA4BL,CAAC"}

package/dist/components/LoadMore/LoadMoreButton.js

@@ -12,6 +12,6 @@ var UnMemoizedLoadMoreButton = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement("div", { className: 'str-chat__load-more-button' },
-        React.createElement("button", { "aria-label": 'Load More Channels', className: 'str-chat__load-more-button__button str-chat__cta-button', "data-testid": 'load-more-button', disabled: loading, onClick: onClick }, loading ? React.createElement(LoadingIndicator, null) : childrenOrDefaultString)));
+        React.createElement("button", { "aria-label": t('aria/Load More Channels'), className: 'str-chat__load-more-button__button str-chat__cta-button', "data-testid": 'load-more-button', disabled: loading, onClick: onClick }, loading ? React.createElement(LoadingIndicator, null) : childrenOrDefaultString)));
 };
 export var LoadMoreButton = React.memo(UnMemoizedLoadMoreButton);

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

@@ -7,6 +7,6 @@ export type LoadMorePaginatorProps = PaginatorProps & {
     /** indicates if the `LoadMoreButton` should be displayed at the top of the list of channels instead of the bottom of the list (the default) */
     reverse?: boolean;
 };
-export declare const UnMemoizedLoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => JSX.Element;
-export declare const LoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => JSX.Element;
+export declare const UnMemoizedLoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => React.JSX.Element;
+export declare const LoadMorePaginator: (props: PropsWithChildren<LoadMorePaginatorProps>) => React.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,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAE5D,OAAO,EAA2C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IACpD,0DAA0D;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1D,+IAA+I;IAC/I,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,kBAAkB,sBAAsB,CAAC,gBAwB3F,CAAC;AAEF,eAAO,MAAM,iBAAiB,UA1BqB,kBAAkB,sBAAsB,CAAC,gBA4BrD,CAAC"}
+{"version":3,"file":"LoadMorePaginator.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMorePaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAE5D,OAAO,EAA2C,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IACpD,0DAA0D;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC1D,+IAA+I;IAC/I,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,2BAA2B,UAAW,kBAAkB,sBAAsB,CAAC,sBAwB3F,CAAC;AAEF,eAAO,MAAM,iBAAiB,UA1BqB,kBAAkB,sBAAsB,CAAC,sBA4BrD,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.MemoExoticComponent<() => JSX.Element>;
+export declare const LoadingChannels: React.MemoExoticComponent<() => React.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,8CAAwC,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,oDAAwC,CAAC"}

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

@@ -1,6 +1,7 @@
+import React from 'react';
 export type LoadingErrorIndicatorProps = {
     /** Error object */
     error?: Error;
 };
-export declare const LoadingErrorIndicator: ({ error }: LoadingErrorIndicatorProps) => JSX.Element | null;
+export declare const LoadingErrorIndicator: ({ error }: LoadingErrorIndicatorProps) => React.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":"AAIA,MAAM,MAAM,0BAA0B,GAAG;IACvC,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAiBF,eAAO,MAAM,qBAAqB,cAZkB,0BAA0B,uBAenC,CAAC"}
+{"version":3,"file":"LoadingErrorIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingErrorIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAiBF,eAAO,MAAM,qBAAqB,cAZkB,0BAA0B,6BAenC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export type LoadingIndicatorProps = {
     /** Set the color of the LoadingIndicator */
     color?: string;
@@ -7,5 +8,5 @@ export type LoadingIndicatorProps = {
 /**
  * Simple loading spinner
  */
-export declare const LoadingIndicator: (props: LoadingIndicatorProps) => JSX.Element;
+export declare const LoadingIndicator: (props: LoadingIndicatorProps) => React.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":"AAEA,MAAM,MAAM,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"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,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,sBAuC1B,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
 export type MMLProps = {
     /** MML source string */
@@ -10,5 +11,5 @@ export type MMLProps = {
 /**
  * A wrapper component around MML-React library
  */
-export declare const MML: (props: MMLProps) => JSX.Element;
+export declare const MML: (props: MMLProps) => React.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":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAOjF,MAAM,MAAM,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"}
+{"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,MAAM,MAAM,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,sBAiBlC,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export type FixedHeightMessageProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
@@ -10,5 +11,5 @@ export type FixedHeightMessageProps<StreamChatGenerics extends DefaultStreamChat
  * FixedHeightMessage - This component renders a single message.
  * It uses fixed height elements to make sure it works well in VirtualizedMessageList
  */
-export declare const FixedHeightMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: FixedHeightMessageProps<StreamChatGenerics>) => JSX.Element;
+export declare const FixedHeightMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: FixedHeightMessageProps<StreamChatGenerics>) => React.JSX.Element;
 //# sourceMappingURL=FixedHeightMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FixedHeightMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/FixedHeightMessage.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkBnE,MAAM,MAAM,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,uJAES,CAAC"}
+{"version":3,"file":"FixedHeightMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/FixedHeightMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAoBpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAkBnE,MAAM,MAAM,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAsGF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,6JAES,CAAC"}

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import type { MessageProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 /**
  * The Message component is a context provider which implements all the logic required for rendering
  * an individual message. The actual UI of the message is delegated via the Message prop on Channel.
  */
-export declare const Message: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageProps<StreamChatGenerics, import("../../types/types").CustomTrigger>) => JSX.Element;
+export declare const Message: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageProps<StreamChatGenerics, import("../../types/types").CustomTrigger>) => React.JSX.Element;
 //# sourceMappingURL=Message.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAsJnE;;;GAGG;AACH,eAAO,MAAM,OAAO,uLAkInB,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AA8B5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAsJnE;;;GAGG;AACH,eAAO,MAAM,OAAO,6LAkInB,CAAC"}

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export type MessageDeletedProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     message: StreamMessage<StreamChatGenerics>;
 };
-export declare const MessageDeleted: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageDeletedProps<StreamChatGenerics>) => JSX.Element;
+export declare const MessageDeleted: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageDeletedProps<StreamChatGenerics>) => React.JSX.Element;
 //# sourceMappingURL=MessageDeleted.d.ts.map

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,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,mJA0B1B,CAAC"}
+{"version":3,"file":"MessageDeleted.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageDeleted.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,cAAc,yJA0B1B,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StreamMessage } from '../../context';
+import { DefaultStreamChatGenerics } from '../../types/types';
+export interface MessageErrorTextProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> {
+    message: StreamMessage<StreamChatGenerics>;
+    theme: string;
+}
+export declare function MessageErrorText<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ message, theme }: MessageErrorTextProps<StreamChatGenerics>): React.JSX.Element | null;
+//# sourceMappingURL=MessageErrorText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageErrorText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageErrorText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAyB,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,MAAM,WAAW,qBAAqB,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB;IAEhF,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAC9B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,4BAsB9D"}

package/dist/components/Message/MessageErrorText.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useTranslationContext } from '../../context';
+import { isMessageBounced } from './utils';
+export function MessageErrorText(_a) {
+    var message = _a.message, theme = _a.theme;
+    var t = useTranslationContext('MessageText').t;
+    if (message.type === 'error' && !isMessageBounced(message)) {
+        return (React.createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent')));
+    }
+    if (message.status === 'failed') {
+        return (React.createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, message.errorStatusCode !== 403
+            ? t('Message Failed · Click to try again')
+            : t('Message Failed · Unauthorized')));
+    }
+    return null;
+}

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

@@ -9,5 +9,5 @@ export type MessageOptionsProps<StreamChatGenerics extends DefaultStreamChatGene
     theme?: string;
     ThreadIcon?: React.ComponentType<IconProps>;
 };
-export declare const MessageOptions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageOptionsProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const MessageOptions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageOptionsProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=MessageOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageOptions.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9E,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,CAAC,GAAG;IAE/E,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE7C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAEpD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CAC7C,CAAC;AAgFF,eAAO,MAAM,cAAc,0JAES,CAAC"}
+{"version":3,"file":"MessageOptions.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9E,MAAM,MAAM,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC,CAAC,GAAG;IAE/E,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE7C,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAEpD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAE9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CAC7C,CAAC;AAoFF,eAAO,MAAM,cAAc,gKAES,CAAC"}

package/dist/components/Message/MessageOptions.js

@@ -3,9 +3,11 @@ import { ActionsIcon as DefaultActionsIcon, ReactionIcon as DefaultReactionIcon,
 import { MESSAGE_ACTIONS, showMessageActionsBox } from './utils';
 import { MessageActions } from '../MessageActions';
 import { useMessageContext } from '../../context/MessageContext';
+import { useTranslationContext } from '../../context';
 var UnMemoizedMessageOptions = function (props) {
     var _a = props.ActionsIcon, ActionsIcon = _a === void 0 ? DefaultActionsIcon : _a, _b = props.displayReplies, displayReplies = _b === void 0 ? true : _b, propHandleOpenThread = props.handleOpenThread, messageWrapperRef = props.messageWrapperRef, _c = props.ReactionIcon, ReactionIcon = _c === void 0 ? DefaultReactionIcon : _c, _d = props.theme, theme = _d === void 0 ? 'simple' : _d, _e = props.ThreadIcon, ThreadIcon = _e === void 0 ? DefaultThreadIcon : _e;
-    var _f = useMessageContext('MessageOptions'), customMessageActions = _f.customMessageActions, getMessageActions = _f.getMessageActions, contextHandleOpenThread = _f.handleOpenThread, initialMessage = _f.initialMessage, message = _f.message, onReactionListClick = _f.onReactionListClick, threadList = _f.threadList;
+    var _f = useMessageContext('MessageOptions'), customMessageActions = _f.customMessageActions, getMessageActions = _f.getMessageActions, contextHandleOpenThread = _f.handleOpenThread, initialMessage = _f.initialMessage, message = _f.message, onReactionListClick = _f.onReactionListClick, showDetailedReactions = _f.showDetailedReactions, threadList = _f.threadList;
+    var t = useTranslationContext('MessageOptions').t;
     var handleOpenThread = propHandleOpenThread || contextHandleOpenThread;
     var messageActions = getMessageActions();
     var showActionsBox = showMessageActionsBox(messageActions, threadList) || !!customMessageActions;
@@ -23,9 +25,9 @@ var UnMemoizedMessageOptions = function (props) {
     var rootClassName = "str-chat__message-".concat(theme, "__actions str-chat__message-options");
     return (React.createElement("div", { className: rootClassName, "data-testid": 'message-options' },
         showActionsBox && (React.createElement(MessageActions, { ActionsIcon: ActionsIcon, messageWrapperRef: messageWrapperRef })),
-        shouldShowReplies && (React.createElement("button", { "aria-label": 'Open Thread', className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--thread str-chat__message-reply-in-thread-button"), "data-testid": 'thread-action', onClick: handleOpenThread },
+        shouldShowReplies && (React.createElement("button", { "aria-label": t('aria/Open Thread'), className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--thread str-chat__message-reply-in-thread-button"), "data-testid": 'thread-action', onClick: handleOpenThread },
             React.createElement(ThreadIcon, { className: 'str-chat__message-action-icon' }))),
-        shouldShowReactions && (React.createElement("button", { "aria-label": 'Open Reaction Selector', className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--reactions str-chat__message-reactions-button"), "data-testid": 'message-reaction-action', onClick: onReactionListClick },
+        shouldShowReactions && (React.createElement("button", { "aria-expanded": showDetailedReactions, "aria-label": t('aria/Open Reaction Selector'), className: "str-chat__message-".concat(theme, "__actions__action str-chat__message-").concat(theme, "__actions__action--reactions str-chat__message-reactions-button"), "data-testid": 'message-reaction-action', onClick: onReactionListClick },
             React.createElement(ReactionIcon, { className: 'str-chat__message-action-icon' })))));
 };
 export var MessageOptions = React.memo(UnMemoizedMessageOptions);

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

@@ -1,9 +1,9 @@
-import { MouseEventHandler } from 'react';
+import React, { MouseEventHandler } from 'react';
 export type MessageRepliesCountButtonProps = {
     labelPlural?: string;
     labelSingle?: string;
     onClick?: MouseEventHandler;
     reply_count?: number;
 };
-export declare const MessageRepliesCountButton: (props: MessageRepliesCountButtonProps) => JSX.Element | null;
+export declare const MessageRepliesCountButton: (props: MessageRepliesCountButtonProps) => React.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,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,MAAM,8BAA8B,GAAG;IAE3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAgCF,eAAO,MAAM,yBAAyB,UA9Bc,8BAA8B,uBAgCnC,CAAC"}
+{"version":3,"file":"MessageRepliesCountButton.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageRepliesCountButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,MAAM,8BAA8B,GAAG;IAE3C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAgCF,eAAO,MAAM,yBAAyB,UA9Bc,8BAA8B,6BAgCnC,CAAC"}

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { MessageContextValue } from '../../context/MessageContext';
 import type { MessageUIComponentProps } from './types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 /**
  * The default UI component that renders a message and receives functionality and logic from the MessageContext.
  */
-export declare const MessageSimple: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<MessageContextValue<StreamChatGenerics>>) => JSX.Element;
+export declare const MessageSimple: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<MessageContextValue<StreamChatGenerics>>) => React.JSX.Element;
 //# sourceMappingURL=MessageSimple.d.ts.map

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":"AAwBA,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;AA6LnE;;GAEG;AACH,eAAO,MAAM,aAAa,4JAQzB,CAAC"}
+{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+BxC,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;AAgNnE;;GAEG;AACH,eAAO,MAAM,aAAa,kKAQzB,CAAC"}

package/dist/components/Message/MessageSimple.js

@@ -1,27 +1,30 @@
 import { __assign } from "tslib";
-import React from 'react';
+import React, { useState } from 'react';
 import clsx from 'clsx';
 import { MessageErrorIcon } from './icons';
+import { MessageBouncePrompt as DefaultMessageBouncePrompt } from '../MessageBounce';
 import { MessageDeleted as DefaultMessageDeleted } from './MessageDeleted';
 import { MessageOptions as DefaultMessageOptions } from './MessageOptions';
 import { MessageRepliesCountButton as DefaultMessageRepliesCountButton } from './MessageRepliesCountButton';
 import { MessageStatus as DefaultMessageStatus } from './MessageStatus';
 import { MessageText } from './MessageText';
 import { MessageTimestamp as DefaultMessageTimestamp } from './MessageTimestamp';
-import { areMessageUIPropsEqual, messageHasAttachments, messageHasReactions } from './utils';
+import { areMessageUIPropsEqual, isMessageBounced, messageHasAttachments, messageHasReactions, } from './utils';
 import { Avatar as DefaultAvatar } from '../Avatar';
 import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
 import { EditMessageForm as DefaultEditMessageForm, MessageInput } from '../MessageInput';
 import { MML } from '../MML';
 import { Modal } from '../Modal';
 import { ReactionsList as DefaultReactionList, ReactionSelector as DefaultReactionSelector, } from '../Reactions';
+import { MessageBounceModal } from '../MessageBounce/MessageBounceModal';
 import { useChatContext } from '../../context/ChatContext';
 import { useComponentContext } from '../../context/ComponentContext';
 import { useMessageContext } from '../../context/MessageContext';
 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, renderText = props.renderText, 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 _b = useState(false), isBounceDialogOpen = _b[0], setIsBounceDialogOpen = _b[1];
+    var _c = useComponentContext('MessageSimple'), Attachment = _c.Attachment, _d = _c.Avatar, Avatar = _d === void 0 ? DefaultAvatar : _d, _e = _c.EditMessageInput, EditMessageInput = _e === void 0 ? DefaultEditMessageForm : _e, _f = _c.MessageDeleted, MessageDeleted = _f === void 0 ? DefaultMessageDeleted : _f, _g = _c.MessageBouncePrompt, MessageBouncePrompt = _g === void 0 ? DefaultMessageBouncePrompt : _g, _h = _c.MessageOptions, MessageOptions = _h === void 0 ? DefaultMessageOptions : _h, _j = _c.MessageRepliesCountButton, MessageRepliesCountButton = _j === void 0 ? DefaultMessageRepliesCountButton : _j, _k = _c.MessageStatus, MessageStatus = _k === void 0 ? DefaultMessageStatus : _k, _l = _c.MessageTimestamp, MessageTimestamp = _l === void 0 ? DefaultMessageTimestamp : _l, _m = _c.ReactionSelector, ReactionSelector = _m === void 0 ? DefaultReactionSelector : _m, _o = _c.ReactionsList, ReactionsList = _o === void 0 ? DefaultReactionList : _o;
     var themeVersion = useChatContext('MessageSimple').themeVersion;
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
@@ -41,6 +44,14 @@ var MessageSimpleWithContext = function (props) {
     var showMetadata = !groupedByUser || endOfGroup;
     var showReplyCountButton = !threadList && !!message.reply_count;
     var allowRetry = message.status === 'failed' && message.errorStatusCode !== 403;
+    var isBounced = isMessageBounced(message);
+    var handleClick = undefined;
+    if (allowRetry) {
+        handleClick = function () { return handleRetry(message); };
+    }
+    else if (isBounced) {
+        handleClick = function () { return setIsBounceDialogOpen(true); };
+    }
     var rootClassName = clsx('str-chat__message str-chat__message-simple', "str-chat__message--".concat(message.type), "str-chat__message--".concat(message.status), isMyMessage()
         ? 'str-chat__message--me str-chat__message-simple--me'
         : 'str-chat__message--other', message.text ? 'str-chat__message--has-text' : 'has-no-text', {
@@ -56,12 +67,13 @@ var MessageSimpleWithContext = function (props) {
     return (React.createElement(React.Fragment, null,
         editing && (React.createElement(Modal, { onClose: clearEditingState, open: editing },
             React.createElement(MessageInput, __assign({ clearEditingState: clearEditingState, grow: true, hideSendButton: true, Input: EditMessageInput, message: message }, additionalMessageInputProps)))),
+        isBounceDialogOpen && (React.createElement(MessageBounceModal, { MessageBouncePrompt: MessageBouncePrompt, onClose: function () { return setIsBounceDialogOpen(false); }, open: isBounceDialogOpen })),
         React.createElement("div", { className: rootClassName, key: message.id },
             themeVersion === '1' && 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: clsx('str-chat__message-inner', {
-                    'str-chat__simple-message--error-failed': allowRetry,
-                }), "data-testid": 'message-inner', onClick: allowRetry ? function () { return handleRetry(message); } : undefined, onKeyUp: allowRetry ? function () { return handleRetry(message); } : undefined },
+                    'str-chat__simple-message--error-failed': allowRetry || isBounced,
+                }), "data-testid": 'message-inner', onClick: handleClick, onKeyUp: handleClick },
                 React.createElement(MessageOptions, null),
                 React.createElement("div", { className: 'str-chat__message-reactions-host' },
                     canShowReactions && React.createElement(ReactionsList, { reverse: true }),

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

@@ -7,5 +7,5 @@ export type MessageStatusProps = {
     messageType?: string;
     tooltipUserNameMapper?: TooltipUsernameMapper;
 };
-export declare const MessageStatus: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageStatusProps) => JSX.Element | null;
+export declare const MessageStatus: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageStatusProps) => React.JSX.Element | null;
 //# sourceMappingURL=MessageStatus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2C,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAUjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAE/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE1C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AA0HF,eAAO,MAAM,aAAa,4FArHjB,kBAAkB,uBAqHuE,CAAC"}
+{"version":3,"file":"MessageStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAA2C,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEzF,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAUjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAE/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE1C,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C,CAAC;AA0HF,eAAO,MAAM,aAAa,4FArHjB,kBAAkB,6BAqHuE,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MessageContextValue, StreamMessage } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export type MessageTextProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
@@ -6,5 +7,5 @@ export type MessageTextProps<StreamChatGenerics extends DefaultStreamChatGeneric
     message?: StreamMessage<StreamChatGenerics>;
     theme?: string;
 } & Pick<MessageContextValue<StreamChatGenerics>, 'renderText'>;
-export declare const MessageText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageTextProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const MessageText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageTextProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=MessageText.d.ts.map

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":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAE5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,CAAC;AA2FhE,eAAO,MAAM,WAAW,uJAEkB,CAAC"}
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAE5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,YAAY,CAAC,CAAC;AA4EhE,eAAO,MAAM,WAAW,6JAEkB,CAAC"}

package/dist/components/Message/MessageText.js

@@ -3,13 +3,14 @@ import { QuotedMessage as DefaultQuotedMessage } from './QuotedMessage';
 import { isOnlyEmojis, messageHasAttachments } from './utils';
 import { useComponentContext, useMessageContext, useTranslationContext } from '../../context';
 import { renderText as defaultRenderText } from './renderText';
+import { MessageErrorText } from './MessageErrorText';
 var UnMemoizedMessageTextComponent = function (props) {
     var _a, _b;
     var customInnerClass = props.customInnerClass, _c = props.customWrapperClass, customWrapperClass = _c === void 0 ? '' : _c, propMessage = props.message, propsRenderText = props.renderText, _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, contextRenderText = _f.renderText, unsafeHTML = _f.unsafeHTML;
     var renderText = (_a = propsRenderText !== null && propsRenderText !== void 0 ? propsRenderText : contextRenderText) !== null && _a !== void 0 ? _a : defaultRenderText;
-    var _g = useTranslationContext('MessageText'), t = _g.t, userLanguage = _g.userLanguage;
+    var userLanguage = useTranslationContext('MessageText').userLanguage;
     var message = propMessage || contextMessage;
     var hasAttachment = messageHasAttachments(message);
     var messageTextToRender = ((_b = message.i18n) === null || _b === void 0 ? void 0 : _b["".concat(userLanguage, "_text")]) || message.text;
@@ -27,10 +28,7 @@ var UnMemoizedMessageTextComponent = function (props) {
                 ? " str-chat__message-".concat(theme, "-text-inner--is-emoji")
                 : '', "\n        ").trim(), "data-testid": 'message-text-inner-wrapper', onClick: onMentionsClickMessage, onMouseOver: onMentionsHoverMessage },
             message.quoted_message && React.createElement(QuotedMessage, null),
-            message.type === 'error' && (React.createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent'))),
-            message.status === 'failed' && (React.createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, message.errorStatusCode !== 403
-                ? t('Message Failed · Click to try again')
-                : t('Message Failed · Unauthorized'))),
+            React.createElement(MessageErrorText, { message: message, theme: theme }),
             unsafeHTML && message.html ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: message.html } })) : (React.createElement("div", null, messageText)))));
 };
 export var MessageText = React.memo(UnMemoizedMessageTextComponent);

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const defaultTimestampFormat = "h:mmA";
@@ -7,5 +8,5 @@ export type MessageTimestampProps<StreamChatGenerics extends DefaultStreamChatGe
     format?: string;
     message?: StreamMessage<StreamChatGenerics>;
 };
-export declare const MessageTimestamp: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageTimestampProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const MessageTimestamp: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageTimestampProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=MessageTimestamp.d.ts.map

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":"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,MAAM,MAAM,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAwCF,eAAO,MAAM,gBAAgB,4JAES,CAAC"}
+{"version":3,"file":"MessageTimestamp.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageTimestamp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAGnE,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,MAAM,MAAM,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IAEF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAwCF,eAAO,MAAM,gBAAgB,kKAES,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare const QuotedMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => JSX.Element | null;
+export declare const QuotedMessage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => React.JSX.Element | null;
 //# sourceMappingURL=QuotedMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/QuotedMessage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,aAAa,4GA2DzB,CAAC"}
+{"version":3,"file":"QuotedMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Message/QuotedMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,aAAa,kHA2DzB,CAAC"}

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

@@ -1,13 +1,14 @@
+import React from 'react';
 import type { PinIndicatorProps } from './types';
 import type { DefaultStreamChatGenerics, IconProps } from '../../types/types';
-export declare const ActionsIcon: ({ className }: IconProps) => JSX.Element;
-export declare const ReplyIcon: () => JSX.Element;
-export declare const DeliveredCheckIcon: () => JSX.Element;
-export declare const ReactionIcon: ({ className }: IconProps) => JSX.Element;
-export declare const ThreadIcon: ({ className }: IconProps) => JSX.Element;
-export declare const ErrorIcon: () => JSX.Element;
-export declare const PinIcon: () => JSX.Element;
-export declare const PinIndicator: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ message, t, }: PinIndicatorProps<StreamChatGenerics>) => JSX.Element | null;
-export declare const MessageDeliveredIcon: () => JSX.Element;
-export declare const MessageErrorIcon: () => JSX.Element;
+export declare const ActionsIcon: ({ className }: IconProps) => React.JSX.Element;
+export declare const ReplyIcon: () => React.JSX.Element;
+export declare const DeliveredCheckIcon: () => React.JSX.Element;
+export declare const ReactionIcon: ({ className }: IconProps) => React.JSX.Element;
+export declare const ThreadIcon: ({ className }: IconProps) => React.JSX.Element;
+export declare const ErrorIcon: () => React.JSX.Element;
+export declare const PinIcon: () => React.JSX.Element;
+export declare const PinIndicator: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ message, t, }: PinIndicatorProps<StreamChatGenerics>) => React.JSX.Element | null;
+export declare const MessageDeliveredIcon: () => React.JSX.Element;
+export declare const MessageErrorIcon: () => React.JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Message/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9E,eAAO,MAAM,WAAW,kBAAwB,SAAS,gBAaxD,CAAC;AAEF,eAAO,MAAM,SAAS,mBAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mBAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAwB,SAAS,gBAazD,CAAC;AAEF,eAAO,MAAM,UAAU,kBAAwB,SAAS,gBAOvD,CAAC;AAEF,eAAO,MAAM,SAAS,mBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,mBAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,kKAyBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAgBhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Message/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9E,eAAO,MAAM,WAAW,kBAAwB,SAAS,sBAaxD,CAAC;AAEF,eAAO,MAAM,SAAS,yBAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY,kBAAwB,SAAS,sBAazD,CAAC;AAEF,eAAO,MAAM,UAAU,kBAAwB,SAAS,sBAOvD,CAAC;AAEF,eAAO,MAAM,SAAS,yBAQrB,CAAC;AAEF,eAAO,MAAM,OAAO,yBAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,wKAyBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,yBAgBhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAkB5B,CAAC"}

package/dist/components/Message/renderText/componentRenderers/Anchor.d.ts

@@ -1,3 +1,3 @@
-import { ComponentProps } from 'react';
-export declare const Anchor: ({ children, href }: ComponentProps<'a'>) => JSX.Element;
+import React, { ComponentProps } from 'react';
+export declare const Anchor: ({ children, href }: ComponentProps<'a'>) => React.JSX.Element;
 //# sourceMappingURL=Anchor.d.ts.map

package/dist/components/Message/renderText/componentRenderers/Anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/componentRenderers/Anchor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,eAAO,MAAM,MAAM,uBAAwB,eAAe,GAAG,CAAC,gBAgB7D,CAAC"}
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/componentRenderers/Anchor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,eAAO,MAAM,MAAM,uBAAwB,eAAe,GAAG,CAAC,sBAgB7D,CAAC"}

package/dist/components/Message/renderText/componentRenderers/Emoji.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PropsWithChildrenOnly } from '../../../../types/types';
-export declare const Emoji: ({ children }: PropsWithChildrenOnly) => JSX.Element;
+export declare const Emoji: ({ children }: PropsWithChildrenOnly) => React.JSX.Element;
 //# sourceMappingURL=Emoji.d.ts.map

package/dist/components/Message/renderText/componentRenderers/Emoji.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/componentRenderers/Emoji.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,KAAK,iBAAkB,qBAAqB,gBAIxD,CAAC"}
+{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/componentRenderers/Emoji.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,KAAK,iBAAkB,qBAAqB,sBAIxD,CAAC"}

package/dist/components/Message/renderText/componentRenderers/Mention.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 export type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = PropsWithChildren<{
@@ -6,5 +6,5 @@ export type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics =
         mentionedUser: UserResponse<StreamChatGenerics>;
     };
 }>;
-export declare const Mention: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, node: { mentionedUser }, }: MentionProps<StreamChatGenerics>) => JSX.Element;
+export declare const Mention: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, node: { mentionedUser }, }: MentionProps<StreamChatGenerics>) => React.JSX.Element;
 //# sourceMappingURL=Mention.d.ts.map

package/dist/components/Message/renderText/componentRenderers/Mention.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/componentRenderers/Mention.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,MAAM,MAAM,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,iBAAiB,CAAC;IACpB,IAAI,EAAE;QACJ,aAAa,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;KACjD,CAAC;CACH,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,6KASnB,CAAC"}
+{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/componentRenderers/Mention.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE,MAAM,MAAM,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,iBAAiB,CAAC;IACpB,IAAI,EAAE;QACJ,aAAa,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;KACjD,CAAC;CACH,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,mLASnB,CAAC"}