stream-chat-react 11.7.0 → 11.9.0

package/dist/components/ReactFileUtilities/FileUploadButton.js

@@ -1,17 +1,19 @@
 import React from 'react';
 import { AttachmentIcon } from './icons';
 import { UploadButton } from './UploadButton';
+import { useTranslationContext } from '../../context';
 /**
  * @deprecated will be removed in the next major release
  */
 export var FileUploadButton = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.children, children = _d === void 0 ? React.createElement(AttachmentIcon, null) : _d, handleFiles = _a.handleFiles, accepts = _a.accepts, _e = _a.resetOnChange, resetOnChange = _e === void 0 ? true : _e;
+    var t = useTranslationContext('FileUploadButton').t;
     var className = 'rfu-file-upload-button';
     if (disabled) {
         className = "".concat(className, " rfu-file-upload-button--disabled");
     }
     return (React.createElement("div", { className: className },
         React.createElement("label", null,
-            React.createElement(UploadButton, { accept: Array.isArray(accepts) ? accepts.join(',') : accepts, "aria-label": 'File input', className: 'rfu-file-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
+            React.createElement(UploadButton, { accept: Array.isArray(accepts) ? accepts.join(',') : accepts, "aria-label": t('aria/File input'), className: 'rfu-file-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
             children)));
 };

package/dist/components/ReactFileUtilities/IconButton.d.ts

@@ -1,9 +1,9 @@
-import { MouseEventHandler, PropsWithChildren } from 'react';
+import React, { MouseEventHandler, PropsWithChildren } from 'react';
 export type IconButtonProps = {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 };
 /**
  * This is simply a button wrapper, adds a div with `role="button"` and a onClick
  */
-export declare const IconButton: ({ children, onClick }: PropsWithChildren<IconButtonProps>) => JSX.Element;
+export declare const IconButton: ({ children, onClick }: PropsWithChildren<IconButtonProps>) => React.JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/ReactFileUtilities/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,0BAA2B,kBAAkB,eAAe,CAAC,gBAUnF,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,0BAA2B,kBAAkB,eAAe,CAAC,sBAanF,CAAC"}

package/dist/components/ReactFileUtilities/IconButton.js

@@ -1,8 +1,10 @@
 import React from 'react';
+import { useTranslationContext } from '../../context';
 /**
  * This is simply a button wrapper, adds a div with `role="button"` and a onClick
  */
 export var IconButton = function (_a) {
     var children = _a.children, onClick = _a.onClick;
-    return (React.createElement("button", { "aria-label": 'Cancel upload', className: 'rfu-icon-button', "data-testid": 'cancel-upload-button', onClick: onClick, type: 'button' }, children));
+    var t = useTranslationContext('IconButton').t;
+    return (React.createElement("button", { "aria-label": t('aria/Cancel upload'), className: 'rfu-icon-button', "data-testid": 'cancel-upload-button', onClick: onClick, type: 'button' }, children));
 };

package/dist/components/ReactFileUtilities/ImageDropzone.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 export type ImageDropzoneProps = {
     /**
      * Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all.
@@ -13,5 +13,5 @@ export type ImageDropzoneProps = {
     /** Allow drag 'n' drop (or selection from the file dialog) of multiple files */
     multiple?: boolean;
 };
-export declare const ImageDropzone: ({ accept: acceptedFiles, children, disabled, handleFiles, maxNumberOfFiles, multiple, }: PropsWithChildren<ImageDropzoneProps>) => JSX.Element;
+export declare const ImageDropzone: ({ accept: acceptedFiles, children, disabled, handleFiles, maxNumberOfFiles, multiple, }: PropsWithChildren<ImageDropzoneProps>) => React.JSX.Element;
 //# sourceMappingURL=ImageDropzone.d.ts.map

package/dist/components/ReactFileUtilities/ImageDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,4FAOvB,kBAAkB,kBAAkB,CAAC,gBA8DvC,CAAC"}
+{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,4FAOvB,kBAAkB,kBAAkB,CAAC,sBA8DvC,CAAC"}

package/dist/components/ReactFileUtilities/ImagePreviewer.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import type { ImageUpload } from './types';
 type CustomMouseEvent = (id: string, event: MouseEvent<HTMLButtonElement>) => void;
 export type ImagePreviewerProps = {
@@ -16,6 +16,6 @@ export type ImagePreviewerProps = {
     /** Allow drag 'n' drop (or selection from the file dialog) of multiple files */
     multiple?: boolean;
 };
-export declare const ImagePreviewer: ({ disabled, handleFiles, handleRemove, handleRetry, imageUploads, multiple, }: ImagePreviewerProps) => JSX.Element;
+export declare const ImagePreviewer: ({ disabled, handleFiles, handleRemove, handleRetry, imageUploads, multiple, }: ImagePreviewerProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ImagePreviewer.d.ts.map

package/dist/components/ReactFileUtilities/ImagePreviewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreviewer.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImagePreviewer.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAAG;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,kFAOxB,mBAAmB,gBA4CrB,CAAC"}
+{"version":3,"file":"ImagePreviewer.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImagePreviewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,KAAK,gBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAAG;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACtC,yDAAyD;IACzD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,wDAAwD;IACxD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,kFAOxB,mBAAmB,sBA8CrB,CAAC"}

package/dist/components/ReactFileUtilities/ImagePreviewer.js

@@ -4,8 +4,10 @@ import { Thumbnail } from './Thumbnail';
 import { ThumbnailPlaceholder } from './ThumbnailPlaceholder';
 import { RetryIcon } from './icons';
 import clsx from 'clsx';
+import { useTranslationContext } from '../../context';
 export var ImagePreviewer = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleFiles = _a.handleFiles, handleRemove = _a.handleRemove, handleRetry = _a.handleRetry, imageUploads = _a.imageUploads, _c = _a.multiple, multiple = _c === void 0 ? true : _c;
+    var t = useTranslationContext('ImagePreviewer').t;
     var onClose = useCallback(function (id, event) {
         if (!id)
             return console.warn("image.id of closed image was \"null\", this shouldn't happen");
@@ -15,7 +17,7 @@ export var ImagePreviewer = function (_a) {
         imageUploads.map(function (image) {
             var url = image.url || image.previewUri;
             return (React.createElement("div", { className: clsx('rfu-image-previewer__image', image.state === 'finished' && 'rfu-image-previewer__image--loaded'), key: image.id },
-                image.state === 'failed' && (React.createElement("button", { "aria-label": 'Retry upload', className: 'rfu-image-previewer__retry', onClick: function (event) { return handleRetry === null || handleRetry === void 0 ? void 0 : handleRetry(image.id, event); }, type: 'button' },
+                image.state === 'failed' && (React.createElement("button", { "aria-label": t('aria/Retry upload'), className: 'rfu-image-previewer__retry', onClick: function (event) { return handleRetry === null || handleRetry === void 0 ? void 0 : handleRetry(image.id, event); }, type: 'button' },
                     React.createElement(RetryIcon, null))),
                 url && React.createElement(Thumbnail, { handleClose: function (event) { return onClose(image.id, event); }, image: url }),
                 image.state === 'uploading' && (React.createElement(LoadingIndicator, { backgroundColor: '#ffffff19', color: '#ffffffb2' }))));

package/dist/components/ReactFileUtilities/ImageUploadButton.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 export type ImageUploadButtonProps = {
     handleFiles: (files: File[]) => void;
     disabled?: boolean;
@@ -8,5 +8,5 @@ export type ImageUploadButtonProps = {
 /**
  * @deprecated will be removed in the next major release
  */
-export declare const ImageUploadButton: ({ multiple, disabled, handleFiles, children, resetOnChange, }: PropsWithChildren<ImageUploadButtonProps>) => JSX.Element;
+export declare const ImageUploadButton: ({ multiple, disabled, handleFiles, children, resetOnChange, }: PropsWithChildren<ImageUploadButtonProps>) => React.JSX.Element;
 //# sourceMappingURL=ImageUploadButton.d.ts.map

package/dist/components/ReactFileUtilities/ImageUploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,kEAM3B,kBAAkB,sBAAsB,CAAC,gBAe3C,CAAC"}
+{"version":3,"file":"ImageUploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageUploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,kEAM3B,kBAAkB,sBAAsB,CAAC,sBAkB3C,CAAC"}

package/dist/components/ReactFileUtilities/ImageUploadButton.js

@@ -1,13 +1,15 @@
 import React from 'react';
 import { PictureIcon } from './icons';
 import { UploadButton } from './UploadButton';
+import { useTranslationContext } from '../../context';
 /**
  * @deprecated will be removed in the next major release
  */
 export var ImageUploadButton = function (_a) {
     var _b = _a.multiple, multiple = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, handleFiles = _a.handleFiles, _d = _a.children, children = _d === void 0 ? React.createElement(PictureIcon, null) : _d, _e = _a.resetOnChange, resetOnChange = _e === void 0 ? false : _e;
+    var t = useTranslationContext('ImageUploadButton').t;
     return (React.createElement("div", { className: 'rfu-image-upload-button' },
         React.createElement("label", null,
-            React.createElement(UploadButton, { accept: 'image/*', "aria-label": 'Image input', className: 'rfu-image-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
+            React.createElement(UploadButton, { accept: 'image/*', "aria-label": t('aria/Image input'), className: 'rfu-image-input', disabled: disabled, multiple: multiple, onFileChange: handleFiles, resetOnChange: resetOnChange }),
             children)));
 };

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

@@ -1,8 +1,9 @@
+import React from 'react';
 export type LoadingIndicatorProps = {
     backgroundColor?: string;
     color?: string;
     size?: number;
     width?: number;
 };
-export declare const LoadingIndicator: ({ backgroundColor, color, size, width, }: LoadingIndicatorProps) => JSX.Element;
+export declare const LoadingIndicator: ({ backgroundColor, color, size, width, }: LoadingIndicatorProps) => React.JSX.Element;
 //# sourceMappingURL=LoadingIndicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/LoadingIndicator.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAK1B,qBAAqB,gBAYvB,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,6CAK1B,qBAAqB,sBAYvB,CAAC"}

package/dist/components/ReactFileUtilities/Thumbnail.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import React, { MouseEventHandler } from 'react';
 export type ThumbnailProps = {
     image: string;
     alt?: string;
@@ -6,5 +6,5 @@ export type ThumbnailProps = {
     id?: string;
     size?: number;
 };
-export declare const Thumbnail: ({ alt, handleClose, image, size }: ThumbnailProps) => JSX.Element;
+export declare const Thumbnail: ({ alt, handleClose, image, size }: ThumbnailProps) => React.JSX.Element;
 //# sourceMappingURL=Thumbnail.d.ts.map

package/dist/components/ReactFileUtilities/Thumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,sCAA6C,cAAc,gBAyBhF,CAAC"}
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/Thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,sCAA6C,cAAc,sBAyBhF,CAAC"}

package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export type ThumbnailPlaceholderProps = {
     handleFiles: (files: File[]) => void;
     multiple: boolean;
 };
-export declare const ThumbnailPlaceholder: ({ handleFiles, multiple, }: ThumbnailPlaceholderProps) => JSX.Element;
+export declare const ThumbnailPlaceholder: ({ handleFiles, multiple, }: ThumbnailPlaceholderProps) => React.JSX.Element;
 //# sourceMappingURL=ThumbnailPlaceholder.d.ts.map

package/dist/components/ReactFileUtilities/ThumbnailPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ThumbnailPlaceholder.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,+BAG9B,yBAAyB,gBAQ3B,CAAC"}
+{"version":3,"file":"ThumbnailPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ThumbnailPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,+BAG9B,yBAAyB,sBAQ3B,CAAC"}

package/dist/components/ReactFileUtilities/UploadButton.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 export type UploadButtonProps = {
     onFileChange: (files: Array<File>) => void;
     resetOnChange?: boolean;
 } & Omit<ComponentProps<'input'>, 'type' | 'onChange'>;
-export declare const UploadButton: ({ onFileChange, resetOnChange, ...rest }: UploadButtonProps) => JSX.Element;
+export declare const UploadButton: ({ onFileChange, resetOnChange, ...rest }: UploadButtonProps) => React.JSX.Element;
 //# sourceMappingURL=UploadButton.d.ts.map

package/dist/components/ReactFileUtilities/UploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/UploadButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEvD,eAAO,MAAM,YAAY,6CAItB,iBAAiB,gBAInB,CAAC"}
+{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/UploadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEvD,eAAO,MAAM,YAAY,6CAItB,iBAAiB,sBAInB,CAAC"}

package/dist/components/ReactFileUtilities/icons/AttachmentIcon.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 /**
  * An icon of a paperclip, which is used as the default icon for FileUploadButton
  */
-export declare const AttachmentIcon: () => JSX.Element;
+export declare const AttachmentIcon: () => React.JSX.Element;
 //# sourceMappingURL=AttachmentIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/AttachmentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/AttachmentIcon.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,cAAc,mBAK1B,CAAC"}
+{"version":3,"file":"AttachmentIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/AttachmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,cAAc,yBAK1B,CAAC"}

package/dist/components/ReactFileUtilities/icons/CloseIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const CloseIcon: () => JSX.Element;
+import React from 'react';
+export declare const CloseIcon: () => React.JSX.Element;
 //# sourceMappingURL=CloseIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/CloseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/CloseIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,mBAwBrB,CAAC"}
+{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,yBAwBrB,CAAC"}

package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.d.ts

@@ -1,3 +1,3 @@
-import { ComponentPropsWithoutRef } from 'react';
-export declare const FilePlaceholderIcon: (props: ComponentPropsWithoutRef<'svg'>) => JSX.Element;
+import React, { ComponentPropsWithoutRef } from 'react';
+export declare const FilePlaceholderIcon: (props: ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
 //# sourceMappingURL=FilePlaceholderIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/FilePlaceholderIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePlaceholderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/FilePlaceholderIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,mBAAmB,UAAW,yBAAyB,KAAK,CAAC,gBAiBzE,CAAC"}
+{"version":3,"file":"FilePlaceholderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/FilePlaceholderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,mBAAmB,UAAW,yBAAyB,KAAK,CAAC,sBAiBzE,CAAC"}

package/dist/components/ReactFileUtilities/icons/PictureIcon.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 /**
  * An icon of a picture, which is used as the default icon for ImageUploadButton
  */
-export declare const PictureIcon: () => JSX.Element;
+export declare const PictureIcon: () => React.JSX.Element;
 //# sourceMappingURL=PictureIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/PictureIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PictureIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/PictureIcon.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW,mBAOvB,CAAC"}
+{"version":3,"file":"PictureIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/PictureIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,eAAO,MAAM,WAAW,yBAOvB,CAAC"}

package/dist/components/ReactFileUtilities/icons/RetryIcon.d.ts

@@ -1,2 +1,3 @@
-export declare const RetryIcon: () => JSX.Element;
+import React from 'react';
+export declare const RetryIcon: () => React.JSX.Element;
 //# sourceMappingURL=RetryIcon.d.ts.map

package/dist/components/ReactFileUtilities/icons/RetryIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RetryIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/RetryIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,mBAQrB,CAAC"}
+{"version":3,"file":"RetryIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ReactFileUtilities/icons/RetryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,SAAS,yBAQrB,CAAC"}

package/dist/components/Reactions/ReactionsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactionResponse } from 'stream-chat';
 import type { ReactEventHandler } from '../Message/types';
 import type { DefaultStreamChatGenerics } from '../../types/types';
@@ -20,5 +21,5 @@ export type ReactionsListProps<StreamChatGenerics extends DefaultStreamChatGener
 /**
  * Component that displays a list of reactions on a message.
  */
-export declare const ReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ReactionsListProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const ReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ReactionsListProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=ReactionsList.d.ts.map

package/dist/components/Reactions/ReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGpD,MAAM,MAAM,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IACnF,sHAAsH;IACtH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACnD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA8EF;;GAEG;AACH,eAAO,MAAM,aAAa,yJAAwE,CAAC"}
+{"version":3,"file":"ReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAyB,MAAM,eAAe,CAAC;AAG3E,MAAM,MAAM,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IACnF,sHAAsH;IACtH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACnD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA+EF;;GAEG;AACH,eAAO,MAAM,aAAa,+JAAwE,CAAC"}

package/dist/components/Reactions/ReactionsList.js

@@ -3,11 +3,13 @@ import React, { useState } from 'react';
 import clsx from 'clsx';
 import { useProcessReactions } from './hooks/useProcessReactions';
 import { ReactionsListModal } from './ReactionsListModal';
+import { useTranslationContext } from '../../context';
 import { MAX_MESSAGE_REACTIONS_TO_FETCH } from '../Message/hooks';
 var UnMemoizedReactionsList = function (props) {
     var handleFetchReactions = props.handleFetchReactions, _a = props.reverse, reverse = _a === void 0 ? false : _a, rest = __rest(props, ["handleFetchReactions", "reverse"]);
     var _b = useProcessReactions(rest), existingReactions = _b.existingReactions, hasReactions = _b.hasReactions, totalReactionCount = _b.totalReactionCount;
     var _c = useState(null), selectedReactionType = _c[0], setSelectedReactionType = _c[1];
+    var t = useTranslationContext('ReactionsList').t;
     var handleReactionButtonClick = function (reactionType) {
         if (totalReactionCount > MAX_MESSAGE_REACTIONS_TO_FETCH) {
             return;
@@ -17,7 +19,7 @@ var UnMemoizedReactionsList = function (props) {
     if (!hasReactions)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { "aria-label": 'Reaction list', className: clsx('str-chat__reaction-list str-chat__message-reactions-container', {
+        React.createElement("div", { "aria-label": t('aria/Reaction list'), className: clsx('str-chat__reaction-list str-chat__message-reactions-container', {
                 'str-chat__reaction-list--reverse': reverse,
             }), "data-testid": 'reaction-list', role: 'figure' },
             React.createElement("ul", { className: 'str-chat__message-reactions' },

package/dist/components/Reactions/ReactionsListModal.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ModalProps } from '../Modal';
 import { ReactionSummary } from './types';
 import { MessageContextValue } from '../../context';
@@ -8,6 +8,6 @@ type ReactionsListModalProps<StreamChatGenerics extends DefaultStreamChatGeneric
     selectedReactionType: string | null;
     onSelectedReactionTypeChange?: (reactionType: string) => void;
 };
-export declare function ReactionsListModal({ handleFetchReactions, onSelectedReactionTypeChange, reactions, selectedReactionType, ...modalProps }: ReactionsListModalProps): JSX.Element;
+export declare function ReactionsListModal({ handleFetchReactions, onSelectedReactionTypeChange, reactions, selectedReactionType, ...modalProps }: ReactionsListModalProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ReactionsListModal.d.ts.map

package/dist/components/Reactions/ReactionsListModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionsListModal.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsListModal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,uBAAuB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,UAAU,GACZ,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IAC/E,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEJ,wBAAgB,kBAAkB,CAAC,EACjC,oBAAoB,EACpB,4BAA4B,EAC5B,SAAS,EACT,oBAAoB,EACpB,GAAG,UAAU,EACd,EAAE,uBAAuB,eAyEzB"}
+{"version":3,"file":"ReactionsListModal.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/ReactionsListModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,uBAAuB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,UAAU,GACZ,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,CAAC,GAAG;IAC/E,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEJ,wBAAgB,kBAAkB,CAAC,EACjC,oBAAoB,EACpB,4BAA4B,EAC5B,SAAS,EACT,oBAAoB,EACpB,GAAG,UAAU,EACd,EAAE,uBAAuB,qBAyEzB"}

package/dist/components/Reactions/ReactionsListModal.js

@@ -30,12 +30,12 @@ export function ReactionsListModal(_a) {
                 return EmojiComponent && (React.createElement("div", { className: clsx('str-chat__message-reactions-details-reaction-type', {
                         'str-chat__message-reactions-details-reaction-type--selected': selectedReactionType === reactionType,
                     }), "data-testid": "reaction-details-selector-".concat(reactionType), key: reactionType, onClick: function () { return onSelectedReactionTypeChange === null || onSelectedReactionTypeChange === void 0 ? void 0 : onSelectedReactionTypeChange(reactionType); } },
-                    React.createElement("span", { className: 'emoji str-chat__message-reaction-emoji' },
+                    React.createElement("span", { className: 'emoji str-chat__message-reaction-emoji str-chat__message-reaction-emoji--with-fallback' },
                         React.createElement(EmojiComponent, null)),
                     "\u00A0",
                     React.createElement("span", { className: 'str-chat__message-reaction-count' }, reactionCount)));
             })),
-            SelectedEmojiComponent && (React.createElement("div", { className: 'emoji str-chat__message-reaction-emoji str-chat__message-reaction-emoji-big' },
+            SelectedEmojiComponent && (React.createElement("div", { className: 'emoji str-chat__message-reaction-emoji str-chat__message-reaction-emoji--with-fallback str-chat__message-reaction-emoji-big' },
                 React.createElement(SelectedEmojiComponent, null))),
             React.createElement("div", { className: 'str-chat__message-reactions-details-reacting-users', "data-testid": 'all-reacting-users' }, areReactionsLoading ? (React.createElement(LoadingIndicator, null)) : (currentReactions.map(function (_a) {
                 var user = _a.user;

package/dist/components/Reactions/SimpleReactionsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactionResponse } from 'stream-chat';
 import { MessageContextValue } from '../../context/MessageContext';
 import type { DefaultStreamChatGenerics } from '../../types/types';
@@ -14,5 +15,5 @@ export type SimpleReactionsListProps<StreamChatGenerics extends DefaultStreamCha
     /** An array of the reaction objects to display in the list */
     reactions?: ReactionResponse<StreamChatGenerics>[];
 };
-export declare const SimpleReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: SimpleReactionsListProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const SimpleReactionsList: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: SimpleReactionsListProps<StreamChatGenerics>) => React.JSX.Element | null;
 //# sourceMappingURL=SimpleReactionsList.d.ts.map

package/dist/components/Reactions/SimpleReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAKtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAoCzD,MAAM,MAAM,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC,GAAG;IAClF,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,mBAAmB,+JAES,CAAC"}
+{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAKtF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAoCzD,MAAM,MAAM,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,sBAAsB,GAAG,gBAAgB,CAAC,CAAC,GAAG;IAClF,iFAAiF;IACjF,aAAa,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACvD,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,mBAAmB,qKAES,CAAC"}

package/dist/components/Reactions/SpriteImage.d.ts

@@ -6,7 +6,8 @@ export type SpriteImageProps = {
     spriteUrl: string;
     fallback?: React.ReactNode;
     height?: number;
+    style?: React.CSSProperties;
     width?: number;
 };
-export declare const SpriteImage: ({ columns, fallback, height, position, rows, spriteUrl, width, }: SpriteImageProps) => JSX.Element;
+export declare const SpriteImage: ({ columns, fallback, height, position, rows, spriteUrl, style, width, }: SpriteImageProps) => React.JSX.Element;
 //# sourceMappingURL=SpriteImage.d.ts.map

package/dist/components/Reactions/SpriteImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpriteImage.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SpriteImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,qEAQrB,gBAAgB,gBAgClB,CAAC"}
+{"version":3,"file":"SpriteImage.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SpriteImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,4EASrB,gBAAgB,sBAsClB,CAAC"}

package/dist/components/Reactions/SpriteImage.js

@@ -1,28 +1,14 @@
+import { __assign } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { getImageDimensions } from './utils/utils';
 export var SpriteImage = function (_a) {
-    var columns = _a.columns, fallback = _a.fallback, height = _a.height, position = _a.position, rows = _a.rows, spriteUrl = _a.spriteUrl, width = _a.width;
+    var columns = _a.columns, fallback = _a.fallback, height = _a.height, position = _a.position, rows = _a.rows, spriteUrl = _a.spriteUrl, style = _a.style, width = _a.width;
     var _b = useState([0, 0]), _c = _b[0], spriteWidth = _c[0], spriteHeight = _c[1], setSpriteDimensions = _b[1];
     useEffect(function () {
         getImageDimensions(spriteUrl).then(setSpriteDimensions).catch(console.error);
     }, [spriteUrl]);
     var x = position[0], y = position[1];
-    var spriteItemWidth = spriteWidth / columns;
-    var spriteItemHeight = spriteHeight / rows;
-    var resizeRatio = 1;
-    if (!width && height)
-        resizeRatio = height / spriteItemHeight;
-    if (width && !height)
-        resizeRatio = width / spriteItemWidth;
-    if (resizeRatio === Infinity)
-        resizeRatio = 1;
     if (!spriteHeight || !spriteWidth)
         return React.createElement(React.Fragment, null, fallback);
-    return (React.createElement("div", { "data-testid": 'sprite-image', style: {
-            backgroundImage: "url('".concat(spriteUrl, "')"),
-            backgroundPosition: "".concat(x * (100 / (columns - 1)), "% ").concat(y * (100 / (rows - 1)), "%"),
-            backgroundSize: "".concat(columns * 100, "% ").concat(rows * 100, "%"),
-            height: height !== null && height !== void 0 ? height : spriteItemHeight * resizeRatio,
-            width: width !== null && width !== void 0 ? width : spriteItemWidth * resizeRatio,
-        } }));
+    return (React.createElement("div", { "data-testid": 'sprite-image', style: __assign(__assign(__assign(__assign(__assign({}, style), { '--str-chat__sprite-image-resize-ratio': 'var(--str-chat__sprite-image-resize-ratio-x, var(--str-chat__sprite-image-resize-ratio-y, 1))', '--str-chat__sprite-image-resize-ratio-x': 'calc(var(--str-chat__sprite-image-width) / var(--str-chat__sprite-item-width))', '--str-chat__sprite-image-resize-ratio-y': 'calc(var(--str-chat__sprite-image-height) / var(--str-chat__sprite-item-height))', '--str-chat__sprite-item-height': "".concat(spriteHeight / rows), '--str-chat__sprite-item-width': "".concat(spriteWidth / columns) }), (Number.isFinite(height) ? { '--str-chat__sprite-image-height': "".concat(height, "px") } : {})), (Number.isFinite(width) ? { '--str-chat__sprite-image-width': "".concat(width, "px") } : {})), { backgroundImage: "url('".concat(spriteUrl, "')"), backgroundPosition: "".concat(x * (100 / (columns - 1)), "% ").concat(y * (100 / (rows - 1)), "%"), backgroundSize: "".concat(columns * 100, "% ").concat(rows * 100, "%"), height: 'var(--str-chat__sprite-image-height, calc(var(--str-chat__sprite-item-height) * var(--str-chat__sprite-image-resize-ratio)))', width: 'var(--str-chat__sprite-image-width, calc(var(--str-chat__sprite-item-width) * var(--str-chat__sprite-image-resize-ratio)))' }) }));
 };

package/dist/components/Reactions/StreamEmoji.d.ts

@@ -13,6 +13,6 @@ type StreamEmojiType = keyof typeof StreamSpriteEmojiPositions;
 export declare const StreamEmoji: ({ fallback, type, }: {
     type: StreamEmojiType;
     fallback?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};
 //# sourceMappingURL=StreamEmoji.d.ts.map

package/dist/components/Reactions/StreamEmoji.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StreamEmoji.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/StreamEmoji.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,0BAA0B;;;;;;;CAO/B,CAAC;AAEF,KAAK,eAAe,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAI/D,eAAO,MAAM,WAAW;UAGJ,eAAe;;iBAYlC,CAAC"}
+{"version":3,"file":"StreamEmoji.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/StreamEmoji.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,0BAA0B;;;;;;;CAO/B,CAAC;AAEF,KAAK,eAAe,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAI/D,eAAO,MAAM,WAAW;UAGJ,eAAe;;uBAgBlC,CAAC"}

package/dist/components/Reactions/StreamEmoji.js

@@ -12,5 +12,7 @@ var STREAM_SPRITE_URL = 'https://getstream.imgix.net/images/emoji-sprite.png';
 export var StreamEmoji = function (_a) {
     var fallback = _a.fallback, type = _a.type;
     var position = StreamSpriteEmojiPositions[type];
-    return (React.createElement(SpriteImage, { columns: 2, fallback: fallback, height: 18, position: position, rows: 3, spriteUrl: STREAM_SPRITE_URL }));
+    return (React.createElement(SpriteImage, { columns: 2, fallback: fallback, position: position, rows: 3, spriteUrl: STREAM_SPRITE_URL, style: {
+            '--str-chat__sprite-image-height': 'var(--str-chat__stream-emoji-size, 18px)',
+        } }));
 };

package/dist/components/Reactions/hooks/useFetchReactions.js

@@ -4,9 +4,9 @@ import { useMessageContext } from '../../../context';
 export function useFetchReactions(options) {
     var _this = this;
     var contextHandleFetchReactions = useMessageContext('useFetchReactions').handleFetchReactions;
-    var _a = useState(false), isLoading = _a[0], setIsLoading = _a[1];
-    var _b = useState([]), reactions = _b[0], setReactions = _b[1];
+    var _a = useState([]), reactions = _a[0], setReactions = _a[1];
     var propHandleFetchReactions = options.handleFetchReactions, shouldFetch = options.shouldFetch;
+    var _b = useState(shouldFetch), isLoading = _b[0], setIsLoading = _b[1];
     var handleFetchReactions = propHandleFetchReactions !== null && propHandleFetchReactions !== void 0 ? propHandleFetchReactions : contextHandleFetchReactions;
     useEffect(function () {
         if (!shouldFetch) {

package/dist/components/SafeAnchor/SafeAnchor.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 /**
  * Similar to a regular anchor tag, but it sanitizes the href value and prevents XSS
  */
@@ -14,5 +14,5 @@ export type SafeAnchorProps = {
     /** Set the target attribute for the anchor tag element */
     target?: string;
 };
-export declare const SafeAnchor: (props: PropsWithChildren<SafeAnchorProps>) => JSX.Element | null;
+export declare const SafeAnchor: (props: PropsWithChildren<SafeAnchorProps>) => React.JSX.Element | null;
 //# sourceMappingURL=SafeAnchor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SafeAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/SafeAnchor/SafeAnchor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAoBF,eAAO,MAAM,UAAU,UAlBc,kBAAkB,eAAe,CAAC,uBAkBkB,CAAC"}
+{"version":3,"file":"SafeAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/SafeAnchor/SafeAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAqBF,eAAO,MAAM,UAAU,UAnBc,kBAAkB,eAAe,CAAC,6BAmBkB,CAAC"}

package/dist/components/SafeAnchor/SafeAnchor.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { sanitizeUrl } from '@braintree/sanitize-url';
+import { useTranslationContext } from '../../context';
 var UnMemoizedSafeAnchor = function (props) {
     var children = props.children, className = props.className, download = props.download, href = props.href, rel = props.rel, target = props.target;
+    var t = useTranslationContext('SafeAnchor').t;
     if (!href)
         return null;
     var sanitized = sanitizeUrl(href);
-    return (React.createElement("a", { "aria-label": 'Attachment', className: className, download: download, href: sanitized, rel: rel, target: target }, children));
+    return (React.createElement("a", { "aria-label": t('aria/Attachment'), className: className, download: download, href: sanitized, rel: rel, target: target }, children));
 };
 export var SafeAnchor = React.memo(UnMemoizedSafeAnchor);

package/dist/components/Thread/Thread.d.ts

@@ -31,5 +31,5 @@ export type ThreadProps<StreamChatGenerics extends DefaultStreamChatGenerics = D
 /**
  * The Thread component renders a parent Message with a list of replies
  */
-export declare const Thread: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: ThreadProps<StreamChatGenerics, V>) => JSX.Element | null;
+export declare const Thread: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(props: ThreadProps<StreamChatGenerics, V>) => React.JSX.Element | null;
 //# sourceMappingURL=Thread.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAGL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,gBAAgB,EAEhB,2BAA2B,EAC5B,MAAM,gBAAgB,CAAC;AAWxB,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,MAAM,MAAM,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,+JAA+J;IAC/J,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvE,oJAAoJ;IACpJ,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAClE,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACzE,mKAAmK;IACnK,qCAAqC,CAAC,EAAE,2BAA2B,CAAC,kBAAkB,CAAC,CAAC;IACxF,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gKAAgK;IAChK,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gQAAgQ;IAChQ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC3E,mKAAmK;IACnK,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,8LAYlB,CAAC"}
+{"version":3,"file":"Thread.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/Thread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAGL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,gBAAgB,EAEhB,2BAA2B,EAC5B,MAAM,gBAAgB,CAAC;AAWxB,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAElF,MAAM,MAAM,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,EAChF,CAAC,SAAS,aAAa,GAAG,aAAa,IACrC;IACF,+JAA+J;IAC/J,2BAA2B,CAAC,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvE,oJAAoJ;IACpJ,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAClE,oKAAoK;IACpK,4BAA4B,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACzE,mKAAmK;IACnK,qCAAqC,CAAC,EAAE,2BAA2B,CAAC,kBAAkB,CAAC,CAAC;IACxF,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gKAAgK;IAChK,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6FAA6F;IAC7F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gQAAgQ;IAChQ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mHAAmH;IACnH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC3E,mKAAmK;IACnK,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,oMAYlB,CAAC"}

package/dist/components/Thread/ThreadHead.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { MessageProps } from '../Message';
 import type { DefaultStreamChatGenerics } from '../../types/types';
-export declare const ThreadHead: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageProps<StreamChatGenerics, import("../../types/types").CustomTrigger>) => JSX.Element;
+export declare const ThreadHead: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: MessageProps<StreamChatGenerics, import("../../types/types").CustomTrigger>) => React.JSX.Element;
 //# sourceMappingURL=ThreadHead.d.ts.map

package/dist/components/Thread/ThreadHead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadHead.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/ThreadHead.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAKnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,UAAU,uLActB,CAAC"}
+{"version":3,"file":"ThreadHead.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/ThreadHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAKnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,UAAU,6LActB,CAAC"}

package/dist/components/Thread/ThreadHeader.d.ts

@@ -8,5 +8,5 @@ export type ThreadHeaderProps<StreamChatGenerics extends DefaultStreamChatGeneri
     /** The thread parent message */
     thread: StreamMessage<StreamChatGenerics>;
 };
-export declare const ThreadHeader: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ThreadHeaderProps<StreamChatGenerics> & Pick<ChannelPreviewInfoParams<StreamChatGenerics>, "overrideImage" | "overrideTitle">) => JSX.Element;
+export declare const ThreadHeader: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ThreadHeaderProps<StreamChatGenerics> & Pick<ChannelPreviewInfoParams<StreamChatGenerics>, "overrideImage" | "overrideTitle">) => React.JSX.Element;
 //# sourceMappingURL=ThreadHeader.d.ts.map

package/dist/components/Thread/ThreadHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/ThreadHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,wBAAwB,EAEzB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,aAAa,EAA0B,MAAM,mCAAmC,CAAC;AAG1F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,sCAAsC;IACtC,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACxD,gCAAgC;IAChC,MAAM,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,YAAY,yOAgCxB,CAAC"}
+{"version":3,"file":"ThreadHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Thread/ThreadHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,wBAAwB,EAEzB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,aAAa,EAA0B,MAAM,mCAAmC,CAAC;AAG1F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,sCAAsC;IACtC,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACxD,gCAAgC;IAChC,MAAM,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,YAAY,+OAgCxB,CAAC"}