stream-chat-react 6.12.2 → 8.0.0

package/dist/components/Attachment/Attachment.d.ts

@@ -7,22 +7,22 @@ import type { CardProps } from './Card';
 import type { FileAttachmentProps } from './FileAttachment';
 import type { GalleryProps, ImageProps } from '../Gallery';
 import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
-import type { DefaultAttachmentType } from '../../types/types';
-export declare type AttachmentProps<At extends DefaultAttachmentType = DefaultAttachmentType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type AttachmentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** The message attachments to render, see [attachment structure](https://getstream.io/chat/docs/javascript/message_format/?language=javascript) **/
-    attachments: StreamAttachment<At>[];
+    attachments: StreamAttachment<StreamChatGenerics>[];
     /**	The handler function to call when an action is performed on an attachment, examples include canceling a \/giphy command or shuffling the results. */
     actionHandler?: ActionHandlerReturnType;
     /** Custom UI component for displaying attachment actions, defaults to and accepts same props as: [AttachmentActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/AttachmentActions.tsx) */
-    AttachmentActions?: React.ComponentType<AttachmentActionsProps<At>>;
+    AttachmentActions?: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;
     /** Custom UI component for displaying an audio type attachment, defaults to and accepts same props as: [Audio](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Audio.tsx) */
-    Audio?: React.ComponentType<AudioProps<At>>;
+    Audio?: React.ComponentType<AudioProps<StreamChatGenerics>>;
     /** Custom UI component for displaying a card type attachment, defaults to and accepts same props as: [Card](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Card.tsx) */
     Card?: React.ComponentType<CardProps>;
     /** Custom UI component for displaying a file type attachment, defaults to and accepts same props as: [File](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/FileAttachment.tsx) */
-    File?: React.ComponentType<FileAttachmentProps<At>>;
+    File?: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;
     /** Custom UI component for displaying a gallery of image type attachments, defaults to and accepts same props as: [Gallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/Gallery.tsx) */
-    Gallery?: React.ComponentType<GalleryProps<At>>;
+    Gallery?: React.ComponentType<GalleryProps<StreamChatGenerics>>;
     /** Custom UI component for displaying an image type attachment, defaults to and accepts same props as: [Image](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/Image.tsx) */
     Image?: React.ComponentType<ImageProps>;
     /** Custom UI component for displaying a media type attachment, defaults to `ReactPlayer` from 'react-player' */
@@ -31,5 +31,5 @@ export declare type AttachmentProps<At extends DefaultAttachmentType = DefaultAt
 /**
  * A component used for rendering message attachments. By default, the component supports: AttachmentActions, Audio, Card, File, Gallery, Image, and Video
  */
-export declare const Attachment: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: AttachmentProps<At>) => JSX.Element;
+export declare const Attachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AttachmentProps<StreamChatGenerics>) => JSX.Element;
 //# sourceMappingURL=Attachment.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,oBAAY,eAAe,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IACtF,oJAAoJ;IACpJ,WAAW,EAAE,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;IACpC,wJAAwJ;IACxJ,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,oOAAoO;IACpO,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC;IACpE,kNAAkN;IAClN,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5C,8MAA8M;IAC9M,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACtC,wNAAwN;IACxN,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC;IACpD,8NAA8N;IAC9N,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;IAChD,+MAA+M;IAC/M,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACxC,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,uGAqDtB,CAAC"}
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,eAAe,CACzB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oJAAoJ;IACpJ,WAAW,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACpD,wJAAwJ;IACxJ,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,oOAAoO;IACpO,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpF,kNAAkN;IAClN,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC5D,8MAA8M;IAC9M,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACtC,wNAAwN;IACxN,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACpE,8NAA8N;IAC9N,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAChE,+MAA+M;IAC/M,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACxC,gHAAgH;IAChH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,+IAuDtB,CAAC"}

package/dist/components/Attachment/AttachmentActions.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { Action, Attachment } from 'stream-chat';
 import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler';
-import type { DefaultAttachmentType } from '../../types/types';
-export declare type AttachmentActionsProps<At extends DefaultAttachmentType = DefaultAttachmentType> = Attachment<At> & {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type AttachmentActionsProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Attachment<StreamChatGenerics> & {
     /** A list of actions */
     actions: Action[];
     /** Unique id for action button key. Key is generated by concatenating this id with action value - {`${id}-${action.value}`} */
@@ -15,5 +15,5 @@ export declare type AttachmentActionsProps<At extends DefaultAttachmentType = De
 /**
  * A component for rendering the actions you can take on an attachment.
  */
-export declare const AttachmentActions: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: AttachmentActionsProps<At>) => JSX.Element;
+export declare const AttachmentActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AttachmentActionsProps<StreamChatGenerics>) => JSX.Element;
 //# sourceMappingURL=AttachmentActions.d.ts.map

package/dist/components/Attachment/AttachmentActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentActions.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/AttachmentActions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,oBAAY,sBAAsB,CAChC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IACtD,UAAU,CAAC,EAAE,CAAC,GAAG;IACnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,+HAA+H;IAC/H,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAqCF;;GAEG;AACH,eAAO,MAAM,iBAAiB,8GAES,CAAC"}
+{"version":3,"file":"AttachmentActions.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/AttachmentActions.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,UAAU,CAAC,kBAAkB,CAAC,GAAG;IACnC,wBAAwB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,+HAA+H;IAC/H,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAuCF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sJAES,CAAC"}

package/dist/components/Attachment/Audio.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import type { Attachment } from 'stream-chat';
-import type { DefaultAttachmentType } from '../../types/types';
-export declare type AudioProps<At extends DefaultAttachmentType = DefaultAttachmentType> = {
-    og: Attachment<At>;
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type AudioProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    og: Attachment<StreamChatGenerics>;
 };
 /**
  * Audio attachment with play/pause button and progress bar
  */
-export declare const Audio: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: AudioProps<At>) => JSX.Element;
+export declare const Audio: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AudioProps<StreamChatGenerics>) => JSX.Element;
 //# sourceMappingURL=Audio.d.ts.map

package/dist/components/Attachment/Audio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Audio.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAI/D,oBAAY,UAAU,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IACjF,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;CACpB,CAAC;AA0FF;;GAEG;AACH,eAAO,MAAM,KAAK,kGAAwD,CAAC"}
+{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Audio.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAInE,oBAAY,UAAU,CACpB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,EAAE,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CACpC,CAAC;AA4FF;;GAEG;AACH,eAAO,MAAM,KAAK,0IAAwD,CAAC"}

package/dist/components/Attachment/Audio.js

@@ -33,9 +33,9 @@ var UnMemoizedAudio = function (props) {
             React.createElement("audio", { ref: audioRef },
                 React.createElement("source", { "data-testid": 'audio-source', src: asset_url, type: 'audio/mp3' })),
             React.createElement("div", { className: 'str-chat__audio__image' },
-                React.createElement("div", { className: 'str-chat__audio__image--overlay' }, !isPlaying ? (React.createElement("div", { className: 'str-chat__audio__image--button', "data-testid": 'play-audio', onClick: function () { return setIsPlaying(true); } },
+                React.createElement("div", { className: 'str-chat__audio__image--overlay' }, !isPlaying ? (React.createElement("button", { className: 'str-chat__audio__image--button', "data-testid": 'play-audio', onClick: function () { return setIsPlaying(true); } },
                     React.createElement("svg", { height: '40', viewBox: '0 0 64 64', width: '40', xmlns: 'http://www.w3.org/2000/svg' },
-                        React.createElement("path", { d: 'M32 58c14.36 0 26-11.64 26-26S46.36 6 32 6 6 17.64 6 32s11.64 26 26 26zm0 6C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32zm13.237-28.412L26.135 45.625a3.27 3.27 0 0 1-4.426-1.4 3.319 3.319 0 0 1-.372-1.47L21 23.36c-.032-1.823 1.41-3.327 3.222-3.358a3.263 3.263 0 0 1 1.473.322l19.438 9.36a3.311 3.311 0 0 1 .103 5.905z', fillRule: 'nonzero' })))) : (React.createElement("div", { className: 'str-chat__audio__image--button', "data-testid": 'pause-audio', onClick: function () { return setIsPlaying(false); } },
+                        React.createElement("path", { d: 'M32 58c14.36 0 26-11.64 26-26S46.36 6 32 6 6 17.64 6 32s11.64 26 26 26zm0 6C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32zm13.237-28.412L26.135 45.625a3.27 3.27 0 0 1-4.426-1.4 3.319 3.319 0 0 1-.372-1.47L21 23.36c-.032-1.823 1.41-3.327 3.222-3.358a3.263 3.263 0 0 1 1.473.322l19.438 9.36a3.311 3.311 0 0 1 .103 5.905z', fillRule: 'nonzero' })))) : (React.createElement("button", { className: 'str-chat__audio__image--button', "data-testid": 'pause-audio', onClick: function () { return setIsPlaying(false); } },
                     React.createElement("svg", { height: '40', viewBox: '0 0 64 64', width: '40', xmlns: 'http://www.w3.org/2000/svg' },
                         React.createElement("path", { d: 'M32 58.215c14.478 0 26.215-11.737 26.215-26.215S46.478 5.785 32 5.785 5.785 17.522 5.785 32 17.522 58.215 32 58.215zM32 64C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32 0 17.673-14.327 32-32 32zm-7.412-45.56h2.892a2.17 2.17 0 0 1 2.17 2.17v23.865a2.17 2.17 0 0 1-2.17 2.17h-2.892a2.17 2.17 0 0 1-2.17-2.17V20.61a2.17 2.17 0 0 1 2.17-2.17zm12.293 0h2.893a2.17 2.17 0 0 1 2.17 2.17v23.865a2.17 2.17 0 0 1-2.17 2.17h-2.893a2.17 2.17 0 0 1-2.17-2.17V20.61a2.17 2.17 0 0 1 2.17-2.17z', fillRule: 'nonzero' }))))),
                 image_url && React.createElement("img", { alt: "" + description, src: image_url })),

package/dist/components/Attachment/Card.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
+import type { Attachment } from 'stream-chat';
 export declare type CardProps = {
+    giphy?: Attachment['giphy'];
     /** The url of the full sized image */
     image_url?: string;
     /** The scraped url, used as a fallback if the OG-data doesn't include a link */

package/dist/components/Attachment/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,SAAS,GAAG;IACtB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+DF;;GAEG;AACH,eAAO,MAAM,IAAI,qBAAsD,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,oBAAY,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuEF;;GAEG;AACH,eAAO,MAAM,IAAI,qBAAsD,CAAC"}

package/dist/components/Attachment/Card.js

@@ -1,10 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import React from 'react';
 import { SafeAnchor } from '../SafeAnchor';
 import { useTranslationContext } from '../../context/TranslationContext';
+import { useChannelStateContext } from '../../context/ChannelStateContext';
 var UnMemoizedCard = function (props) {
-    var image_url = props.image_url, og_scrape_url = props.og_scrape_url, text = props.text, thumb_url = props.thumb_url, title = props.title, title_link = props.title_link, type = props.type;
+    var giphy = props.giphy, image_url = props.image_url, og_scrape_url = props.og_scrape_url, text = props.text, thumb_url = props.thumb_url, title = props.title, title_link = props.title_link, type = props.type;
     var t = useTranslationContext('Card').t;
+    var giphyVersionName = useChannelStateContext('Card').giphyVersion;
     var image = thumb_url || image_url;
+    var dimensions = {};
+    if (type === 'giphy' && typeof giphy !== 'undefined') {
+        var giphyVersion = giphy[giphyVersionName];
+        image = giphyVersion.url;
+        dimensions.height = giphyVersion.height;
+        dimensions.width = giphyVersion.width;
+    }
     var trimUrl = function (url) {
         if (url !== undefined && url !== null) {
             var trimmedUrl = url.replace(/^(?:https?:\/\/)?(?:www\.)?/i, '').split('/')[0];
@@ -22,7 +42,7 @@ var UnMemoizedCard = function (props) {
     }
     return (React.createElement("div", { className: "str-chat__message-attachment-card str-chat__message-attachment-card--" + type },
         image && (React.createElement("div", { className: 'str-chat__message-attachment-card--header' },
-            React.createElement("img", { alt: image, src: image }))),
+            React.createElement("img", __assign({ alt: image, src: image }, dimensions)))),
         React.createElement("div", { className: 'str-chat__message-attachment-card--content' },
             React.createElement("div", { className: 'str-chat__message-attachment-card--flex' },
                 title && React.createElement("div", { className: 'str-chat__message-attachment-card--title' }, title),

package/dist/components/Attachment/FileAttachment.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { Attachment } from 'stream-chat';
-import type { DefaultAttachmentType } from '../../types/types';
-export declare type FileAttachmentProps<At extends DefaultAttachmentType = DefaultAttachmentType> = {
-    attachment: Attachment<At>;
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type FileAttachmentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    attachment: Attachment<StreamChatGenerics>;
 };
-export declare const FileAttachment: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: FileAttachmentProps<At>) => JSX.Element;
+export declare const FileAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: FileAttachmentProps<StreamChatGenerics>) => JSX.Element;
 //# sourceMappingURL=FileAttachment.d.ts.map

package/dist/components/Attachment/FileAttachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/FileAttachment.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,oBAAY,mBAAmB,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IAC1F,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;CAC5B,CAAC;AAsBF,eAAO,MAAM,cAAc,2GAES,CAAC"}
+{"version":3,"file":"FileAttachment.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/FileAttachment.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,mBAAmB,CAC7B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAwBF,eAAO,MAAM,cAAc,mJAES,CAAC"}

package/dist/components/Attachment/utils.d.ts

@@ -1,33 +1,33 @@
 import React, { PropsWithChildren } from 'react';
 import type { Attachment } from 'stream-chat';
 import type { AttachmentProps } from './Attachment';
-import type { DefaultAttachmentType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const SUPPORTED_VIDEO_FORMATS: string[];
-export declare type GalleryAttachment<At extends DefaultAttachmentType = DefaultAttachmentType> = {
-    images: Attachment<At>[];
+export declare type GalleryAttachment<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    images: Attachment<StreamChatGenerics>[];
     type: string;
 };
-export declare type AttachmentContainerProps<At extends DefaultAttachmentType = DefaultAttachmentType> = {
-    attachment: Attachment<At> | GalleryAttachment<At>;
+export declare type AttachmentContainerProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    attachment: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>;
     componentType: string;
 };
-export declare type RenderAttachmentProps<At extends DefaultAttachmentType = DefaultAttachmentType> = Omit<AttachmentProps<At>, 'attachments'> & {
-    attachment: Attachment<At>;
+export declare type RenderAttachmentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<AttachmentProps<StreamChatGenerics>, 'attachments'> & {
+    attachment: Attachment<StreamChatGenerics>;
 };
-export declare type RenderGalleryProps<At extends DefaultAttachmentType = DefaultAttachmentType> = Omit<AttachmentProps<At>, 'attachments'> & {
-    attachment: GalleryAttachment<At>;
+export declare type RenderGalleryProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<AttachmentProps<StreamChatGenerics>, 'attachments'> & {
+    attachment: GalleryAttachment<StreamChatGenerics>;
 };
-export declare const isGalleryAttachmentType: <At extends DefaultAttachmentType = DefaultAttachmentType>(output: Attachment<At> | GalleryAttachment<At>) => output is GalleryAttachment<At>;
-export declare const isAudioAttachment: <At extends DefaultAttachmentType = DefaultAttachmentType>(attachment: Attachment<At>) => boolean;
-export declare const isFileAttachment: <At extends DefaultAttachmentType = DefaultAttachmentType>(attachment: Attachment<At>) => boolean | "" | undefined;
-export declare const isImageAttachment: <At extends DefaultAttachmentType = DefaultAttachmentType>(attachment: Attachment<At>) => boolean;
-export declare const isMediaAttachment: <At extends DefaultAttachmentType = DefaultAttachmentType>(attachment: Attachment<At>) => boolean;
-export declare const renderAttachmentWithinContainer: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: React.PropsWithChildren<AttachmentContainerProps<At>>) => JSX.Element;
-export declare const renderAttachmentActions: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderAttachmentProps<At>) => JSX.Element | null;
-export declare const renderGallery: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderGalleryProps<At>) => JSX.Element;
-export declare const renderImage: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderAttachmentProps<At>) => JSX.Element;
-export declare const renderCard: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderAttachmentProps<At>) => JSX.Element;
-export declare const renderFile: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderAttachmentProps<At>) => JSX.Element | null;
-export declare const renderAudio: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderAttachmentProps<At>) => JSX.Element;
-export declare const renderMedia: <At extends DefaultAttachmentType = DefaultAttachmentType>(props: RenderAttachmentProps<At>) => JSX.Element;
+export declare const isGalleryAttachmentType: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(output: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>) => output is GalleryAttachment<StreamChatGenerics>;
+export declare const isAudioAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => boolean;
+export declare const isFileAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => boolean | "" | undefined;
+export declare const isImageAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => boolean;
+export declare const isMediaAttachment: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(attachment: Attachment<StreamChatGenerics>) => boolean;
+export declare const renderAttachmentWithinContainer: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: React.PropsWithChildren<AttachmentContainerProps<StreamChatGenerics>>) => JSX.Element;
+export declare const renderAttachmentActions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const renderGallery: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderGalleryProps<StreamChatGenerics>) => JSX.Element;
+export declare const renderImage: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => JSX.Element;
+export declare const renderCard: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => JSX.Element;
+export declare const renderFile: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => JSX.Element | null;
+export declare const renderAudio: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => JSX.Element;
+export declare const renderMedia: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: RenderAttachmentProps<StreamChatGenerics>) => JSX.Element;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,eAAO,MAAM,uBAAuB,UAA8D,CAAC;AAEnG,oBAAY,iBAAiB,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IACxF,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,wBAAwB,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI;IAC/F,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,qBAAqB,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI,IAAI,CAChG,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CACd,GAAG;IACF,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;CAC5B,CAAC;AAEF,oBAAY,kBAAkB,CAAC,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,IAAI,IAAI,CAC7F,eAAe,CAAC,EAAE,CAAC,EACnB,aAAa,CACd,GAAG;IACF,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,+IAEkD,CAAC;AAEvF,eAAO,MAAM,iBAAiB,mGAEE,CAAC;AAEjC,eAAO,MAAM,gBAAgB,oHAMG,CAAC;AAEjC,eAAO,MAAM,iBAAiB,mGAEyD,CAAC;AAExF,eAAO,MAAM,iBAAiB,mGAID,CAAC;AAE9B,eAAO,MAAM,+BAA+B,yIA8B3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,oHAiBnC,CAAC;AAEF,eAAO,MAAM,aAAa,0GAUzB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAuBvB,CAAC;AAEF,eAAO,MAAM,UAAU,6GAuBtB,CAAC;AAEF,eAAO,MAAM,UAAU,oHAYtB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAcvB,CAAC;AAEF,eAAO,MAAM,WAAW,6GA4CvB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,uBAAuB,UAA8D,CAAC;AAEnG,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,wBAAwB,CAClC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACnF,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;CAC5C,CAAC;AAEF,oBAAY,kBAAkB,CAC5B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,EAAE,aAAa,CAAC,GAAG;IAC7D,UAAU,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,uBAAuB,uNAK8B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,2IAIE,CAAC;AAEjC,eAAO,MAAM,gBAAgB,4JAQG,CAAC;AAEjC,eAAO,MAAM,iBAAiB,2IAIyD,CAAC;AAExF,eAAO,MAAM,iBAAiB,2IAMD,CAAC;AAE9B,eAAO,MAAM,+BAA+B,iLA8B3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,4JAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa,kJAYzB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAyBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qJAyBtB,CAAC;AAEF,eAAO,MAAM,UAAU,4JActB,CAAC;AAEF,eAAO,MAAM,WAAW,qJAgBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qJA8CvB,CAAC"}

package/dist/components/Attachment/utils.js

@@ -17,7 +17,9 @@ import { Card as DefaultCard } from './Card';
 import { FileAttachment as DefaultFile } from './FileAttachment';
 import { Gallery as DefaultGallery, ImageComponent as DefaultImage } from '../Gallery';
 export var SUPPORTED_VIDEO_FORMATS = ['video/mp4', 'video/ogg', 'video/webm', 'video/quicktime'];
-export var isGalleryAttachmentType = function (output) { return output.images != null; };
+export var isGalleryAttachmentType = function (output) {
+    return output.images != null;
+};
 export var isAudioAttachment = function (attachment) { return attachment.type === 'audio'; };
 export var isFileAttachment = function (attachment) {
     return attachment.type === 'file' ||

package/dist/components/AutoCompleteTextarea/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Item.js"],"names":[],"mappings":"AAEA,6EA4BG"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Item.js"],"names":[],"mappings":"AAEA,6EA0BG"}

package/dist/components/AutoCompleteTextarea/Item.js

@@ -3,6 +3,6 @@ export var Item = React.forwardRef(function Item(props, innerRef) {
     var className = props.className, Component = props.component, item = props.item, onClickHandler = props.onClickHandler, onSelectHandler = props.onSelectHandler, selected = props.selected, style = props.style;
     var selectItem = function () { return onSelectHandler(item); };
     return (React.createElement("li", { className: "rta__item " + (className || ''), style: style },
-        React.createElement("div", { className: "rta__entity " + (selected ? 'rta__entity--selected' : ''), onClick: onClickHandler, onFocus: selectItem, onMouseEnter: selectItem, ref: innerRef, role: 'button', tabIndex: 0 },
+        React.createElement("button", { className: "rta__entity " + (selected ? 'rta__entity--selected' : ''), onClick: onClickHandler, onFocus: selectItem, onMouseEnter: selectItem, ref: innerRef },
             React.createElement(Component, { entity: item, selected: selected }))));
 });

package/dist/components/AutoCompleteTextarea/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/List.js"],"names":[],"mappings":"AASO,8CA8IN"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/List.js"],"names":[],"mappings":"AASO,8CA6IN"}

package/dist/components/AutoCompleteTextarea/List.js

@@ -76,7 +76,6 @@ export var List = function (props) {
         if ((event.which === KEY_CODES.ENTER || event.which === KEY_CODES.TAB) &&
             selectedItem !== undefined) {
             handleClick(event);
-            return setSelectedItem(undefined);
         }
         return null;
     }, [selectedItem, values]);

package/dist/components/AutoCompleteTextarea/Textarea.d.ts

@@ -7,6 +7,13 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
         scrollToItem: boolean;
         value: string;
     };
+    /**
+     * setup to emulate the UNSAFE_componentWillReceiveProps
+     */
+    static getDerivedStateFromProps(props: any, state: any): {
+        propsValue: any;
+        value: any;
+    } | null;
     constructor(props: any);
     getSelectionPosition: () => {
         selectionEnd: number;
@@ -26,12 +33,6 @@ export class ReactTextareaAutocomplete extends React.Component<any, any, any> {
     _getCurrentTriggerSettings: (paramTrigger: any) => any;
     _getValuesFromProvider: () => void;
     _getSuggestions: (paramTrigger: any) => null;
-    _createRegExp: () => void;
-    tokenRegExp: RegExp | undefined;
-    _update({ trigger, value }: {
-        trigger: any;
-        value: any;
-    }): void;
     /**
      * Close autocomplete, also clean up trigger (to avoid slow promises)
      */

package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.js"],"names":[],"mappings":"AAmBA;IACE;;;;;;;MAOE;IAEF,wBA+BC;IAiCD;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF,mDAaE;IAJc,yCAA+B;IAM/C,+BAwBE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAEF,0BAME;IADA,gCAAwF;IAI1F;;;aAWC;IAED;;OAEG;IACH,+BAQE;IAEF;;;MA6CE;IAEF,mCAQE;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,oDAyCC;IAlBS,+CAAsB;IA+CtB,oDAAsB;CASjC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.js"],"names":[],"mappings":"AAkBA;IACE;;;;;;;MAOE;IA0YF;;OAEG;IACH;;;aAMC;IAjZD,wBA6BC;IA6BD;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF,mDAaE;IAJc,yCAA+B;IAM/C,+BAwBE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;;MA6CE;IAEF,mCAQE;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,oDAyCC;IAlBS,+CAAsB;IA+CtB,oDAAsB;CASjC"}

package/dist/components/AutoCompleteTextarea/Textarea.js

@@ -28,7 +28,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Textarea from 'react-textarea-autosize';
 import getCaretCoordinates from 'textarea-caret';
-import CustomEvent from 'custom-event';
 import { isValidElementType } from 'react-is';
 import Listeners, { KEY_CODES } from './listener';
 import { List as DefaultSuggestionList } from './List';
@@ -291,12 +290,6 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
                 return null;
             return data;
         };
-        _this._createRegExp = function () {
-            var trigger = _this.props.trigger;
-            // negative lookahead to match only the trigger + the actual token = "bladhwd:adawd:word test" => ":word"
-            // https://stackoverflow.com/a/8057827/2719917
-            _this.tokenRegExp = new RegExp("([" + Object.keys(trigger).join('') + "])(?:(?!\\1)[^\\s])*$");
-        };
         /**
          * Close autocomplete, also clean up trigger (to avoid slow promises)
          */
@@ -499,7 +492,6 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
         var _a = _this.props, loadingComponent = _a.loadingComponent, trigger = _a.trigger, value = _a.value;
         // TODO: it would be better to have the parent control state...
         // if (value) this.state.value = value;
-        _this._createRegExp();
         if (!loadingComponent) {
             throw new Error('RTA: loadingComponent is not defined');
         }
@@ -541,25 +533,19 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
         });
         Listeners.startListen();
     };
-    ReactTextareaAutocomplete.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
-        this._update(nextProps);
-    };
     ReactTextareaAutocomplete.prototype.componentWillUnmount = function () {
         Listeners.stopListen();
         Listeners.remove(this.state.listenerIndex);
     };
-    // TODO: This is an anti pattern in react, should come up with a better way
-    ReactTextareaAutocomplete.prototype._update = function (_a) {
-        var trigger = _a.trigger, value = _a.value;
-        var oldValue = this.state.value;
-        var oldTrigger = this.props.trigger;
-        if (value !== oldValue || !oldValue)
-            this.setState({ value: value });
-        /**
-         * check if trigger chars are changed, if so, change the regexp accordingly
-         */
-        if (Object.keys(trigger).join('') !== Object.keys(oldTrigger).join('')) {
-            this._createRegExp();
+    /**
+     * setup to emulate the UNSAFE_componentWillReceiveProps
+     */
+    ReactTextareaAutocomplete.getDerivedStateFromProps = function (props, state) {
+        if (props.value !== state.propsValue || !state.value) {
+            return { propsValue: props.value, value: props.value };
+        }
+        else {
+            return null;
         }
     };
     ReactTextareaAutocomplete.prototype.renderSuggestionListContainer = function () {

package/dist/components/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { UserResponse } from 'stream-chat';
-import type { DefaultUserType } from '../../types/types';
-export declare type AvatarProps<Us extends DefaultUserType<Us> = DefaultUserType> = {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type AvatarProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /** Image URL or default is an image of the first initial of the name if there is one  */
     image?: string | null;
     /** Name of the image, used for title tag fallback */
@@ -19,10 +19,10 @@ export declare type AvatarProps<Us extends DefaultUserType<Us> = DefaultUserType
      */
     size?: number;
     /** The entire user object for the chat user displayed in the component */
-    user?: UserResponse<Us>;
+    user?: UserResponse<StreamChatGenerics>;
 };
 /**
  * A round avatar image with fallback to username's first letter
  */
-export declare const Avatar: <Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>(props: AvatarProps<Us>) => JSX.Element;
+export declare const Avatar: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AvatarProps<StreamChatGenerics>) => JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,oBAAY,WAAW,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI;IAC1E,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,gJA4DlB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,WAAW,CACrB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,2IA8DlB,CAAC"}