stream-chat-react 11.0.0-rc.8 → 11.1.0

package/dist/scss/v2/AttachmentList/AttachmentList-theme.scss

@@ -34,7 +34,7 @@
   --str-chat__image-attachment-color: var(--str-chat__text-color);
 
   /* The background color of image/video attachments (images/videos uploaded from files, scraped media, GIFs) */
-  --str-chat__image-attachment-background-color: var(--str-chat__text-low-emphasis-color);
+  --str-chat__image-attachment-background-color: var(--str-chat__secondary-surface-color);
 
   /* Top border of image/video attachments (images/videos uploaded from files, scraped media, GIFs) */
   --str-chat__image-attachment-border-block-start: none;
@@ -266,7 +266,7 @@
     @include utils.component-layer-overrides('image-gallery-attachment');
 
     .str-chat__gallery-image {
-      background-color: transparent;
+      background-color: var(--str-chat__image-attachment-background-color);
       border: 0;
     }
 
@@ -397,4 +397,4 @@
     border-end-start-radius: 0;
     border-end-end-radius: 0;
   }
-}
+}

package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-layout.scss

@@ -26,9 +26,11 @@
   }
 
   .str-chat__attachment-preview-image {
+    @include utils.flex-row-center;
     position: relative;
     height: $preview-height;
     width: $preview-height;
+    overflow: hidden;
 
     .str-chat__attachment-preview-image-loading {
       @include overlay;
@@ -108,7 +110,9 @@
   .str-chat__attachment-preview-error {
     @include overlay;
     @include utils.unset-button(unset);
+    inset-inline-start: 0;
     cursor: pointer;
+    z-index: 1;
   }
 }
 

package/dist/scss/v2/Autocomplete/Autocomplete-layout.scss

@@ -49,6 +49,7 @@
 
   .str-chat__user-item--name {
     @include utils.ellipsis-text;
+    @include utils.prevent-glitch-text-overflow;
     width: 100%;
   }
 }

package/dist/scss/v2/BaseImage/BaseImage-layout.scss

@@ -0,0 +1,21 @@
+.str-chat__base-image {
+  .str-chat__message-attachment-file--item-download {
+    display: block;
+  }
+}
+
+.str-chat__message-attachment-card--header,
+.str-chat__gallery-image,
+.str-chat__message-attachment--image {
+  .str-chat__message-attachment-file--item-download {
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+  }
+}
+
+.str-chat__attachment-preview-image {
+  .str-chat__message-attachment-file--item-download {
+      display: none;
+    }
+}

package/dist/scss/v2/BaseImage/BaseImage-theme.scss

@@ -0,0 +1,35 @@
+@use '../utils';
+
+.str-chat__base-image {
+  color: transparent; // prevents the img alt text from being seen through the mask
+}
+
+.str-chat__base-image--load-failed {
+  @include utils.apply-mask-image(
+                  var(--str-chat__image-fallback-icon),
+                  var(--str-chat__disabled-color),
+                  5rem 5rem
+  );
+
+  ~ .str-chat__message-attachment-file--item-download {
+    .str-chat__message-attachment-download-icon path {
+      fill: var(--str-chat__text-color);
+    }
+  }
+}
+
+.str-chat__attachment-preview-image {
+  .str-chat__base-image--load-failed {
+    $fallbackSize: 1.5rem 1.5rem;
+    mask-size: $fallbackSize;
+    -webkit-mask-size: $fallbackSize;
+  }
+}
+
+.str-chat__attachment-preview-list .str-chat__attachment-preview-image--error {
+  background-color: var(--str-chat__secondary-surface-color);
+
+  .str-chat__attachment-preview-thumbnail.str-chat__base-image--load-failed {
+    background-color: var(--str-chat__disabled-color);
+  }
+}

package/dist/scss/v2/BaseImage/index.scss

@@ -0,0 +1,2 @@
+@import "BaseImage-layout";
+@import "BaseImage-theme";

package/dist/scss/v2/ChannelHeader/ChannelHeader-layout.scss

@@ -19,5 +19,9 @@
     .str-chat__channel-header-info {
       @include utils.ellipsis-text;
     }
+
+    .str-chat__channel-header-title {
+      @include utils.prevent-glitch-text-overflow;
+    }
   }
 }

package/dist/scss/v2/ChannelPreview/ChannelPreview-layout.scss

@@ -53,6 +53,7 @@
     .str-chat__channel-preview-messenger--name,
     .str-chat__channel-preview-messenger--last-message {
       @include utils.ellipsis-text;
+      @include utils.prevent-glitch-text-overflow;
       min-width: 0;
 
       p {

package/dist/scss/v2/ChannelSearch/ChannelSearch-layout.scss

@@ -110,6 +110,11 @@
       width: 100%;
       column-gap: var(--str-chat__spacing-2);
       padding: var(--str-chat__spacing-3) var(--str-chat__spacing-2);
+
+      .channel-search__result-text,
+      .str-chat__channel-search-result--display-name {
+        @include utils.prevent-glitch-text-overflow;
+      }
     }
   }
 }

package/dist/scss/v2/Message/Message-layout.scss

@@ -150,6 +150,10 @@
       .str-chat__message-text {
         @include chat-bubble-spacing;
 
+        .str-chat__message-text-inner {
+          @include utils.prevent-glitch-text-overflow;
+        }
+
         p {
           white-space: pre-line;
         }
@@ -184,6 +188,10 @@
     align-items: center;
     column-gap: var(--str-chat__spacing-1);
     margin-block-start: var(--str-chat__spacing-0_5);
+
+    .str-chat__message-simple-name {
+      @include utils.prevent-glitch-text-overflow;
+    }
   }
 
   .str-chat__message-status {

package/dist/scss/v2/MessageList/MessageList-layout.scss

@@ -11,6 +11,7 @@
 
 .str-chat__list {
   @include utils.scrollable;
+  overscroll-behavior: none;
   width: 100%;
   height: 100%;
   max-height: 100%;

package/dist/scss/v2/MessageList/VirtualizedMessageList-layout.scss

@@ -10,6 +10,10 @@
   width: 100%;
   height: 100%;
 
+  .str-chat__message-list-scroll {
+    overscroll-behavior: none;
+  }
+
   .str-chat__message-list-scroll > div {
     @include utils.message-list-spacing;
   }

package/dist/scss/v2/Notification/Notification-layout.scss

@@ -1,3 +1,7 @@
 .str-chat__notification {
   padding: var(--str-chat__spacing-3_5) var(--str-chat__spacing-4);
 }
+
+.str-chat-react__notification {
+  z-index: 101;
+}

package/dist/scss/v2/Thread/Thread-layout.scss

@@ -19,6 +19,10 @@
       .str-chat__thread-header-title {
         @include utils.ellipsis-text;
       }
+
+      .str-chat__thread-header-subtitle {
+        @include utils.prevent-glitch-text-overflow;
+      }
     }
 
     .str-chat__close-thread-button {

package/dist/scss/v2/Tooltip/Tooltip-layout.scss

@@ -1,6 +1,7 @@
 @use '../utils';
 
 .str-chat__tooltip {
+  @include utils.prevent-glitch-text-overflow;
   display: flex;
   padding: var(--str-chat__spacing-2);
   z-index: 1;

package/dist/scss/v2/_icons.scss

@@ -0,0 +1,3 @@
+.str-chat {
+  --str-chat__image-fallback-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9InN0ci1jaGF0X19pbWFnZS1mYWxsYmFja19faWNvbiIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTYgMnYxNEgyVjJoMTRabTAtMkgyQy45IDAgMCAuOSAwIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlYyYzAtMS4xLS45LTItMi0yWm0tNC44NiA4Ljg2LTMgMy44N0w2IDEwLjE0IDMgMTRoMTJsLTMuODYtNS4xNFoiLz48L3N2Zz4=");
+}

package/dist/scss/v2/_utils.scss

@@ -34,6 +34,11 @@
   text-overflow: ellipsis;
 }
 
+@mixin prevent-glitch-text-overflow {
+  // Prevent glitch text from overflowing. See the generator: https://lingojam.com/GlitchTextGenerator
+  overflow-y: hidden;
+}
+
 @mixin scrollable {
   overflow-x: hidden;
   overflow-y: auto;
@@ -194,3 +199,15 @@
       var(--original-height, 1000000)
   );
 }
+
+@mixin apply-mask-image($imageDataUrl, $fill, $size) {
+  mask-image: $imageDataUrl;
+  -webkit-mask-image: $imageDataUrl;
+  mask-repeat: no-repeat;
+  -webkit-mask-repeat: no-repeat;
+  mask-position: center;
+  -webkit-mask-position: center;
+  mask-size: $size;
+  -webkit-mask-size: $size;
+  background-color: $fill;
+}

package/dist/scss/v2/index.layout.scss

@@ -1,10 +1,12 @@
 @use 'base';
 @use 'global-layout-variables';
+@use 'icons';
 
 @use 'Avatar/Avatar-layout';
 @use 'AttachmentList/AttachmentList-layout';
 @use 'AttachmentPreviewList/AttachmentPreviewList-layout';
 @use 'Autocomplete/Autocomplete-layout';
+@use 'BaseImage/BaseImage-layout';
 @use 'Channel/Channel-layout';
 @use 'ChannelHeader/ChannelHeader-layout';
 @use 'ChannelList/ChannelList-layout';

package/dist/scss/v2/index.scss

@@ -10,6 +10,7 @@
 @use 'AttachmentList/AttachmentList-theme';
 @use 'AttachmentPreviewList/AttachmentPreviewList-theme';
 @use 'Autocomplete/Autocomplete-theme';
+@use 'BaseImage/BaseImage-theme';
 @use 'Channel/Channel-theme.scss';
 @use 'ChannelHeader/ChannelHeader-theme';
 @use 'ChannelList/ChannelList-theme';

package/dist/types/types.d.ts

@@ -1,16 +1,16 @@
 import type { PropsWithChildren } from 'react';
 import type { LoadingIndicatorProps } from '../components/Loading/LoadingIndicator';
 import type { APIErrorResponse, Attachment, ErrorFromResponse, Event, ExtendableGenerics, LiteralStringForUnion, Mute } from 'stream-chat';
-export declare type UnknownType = Record<string, unknown>;
-export declare type PropsWithChildrenOnly = PropsWithChildren<Record<never, never>>;
-export declare type CustomTrigger = {
+export type UnknownType = Record<string, unknown>;
+export type PropsWithChildrenOnly = PropsWithChildren<Record<never, never>>;
+export type CustomTrigger = {
     [key: string]: {
         componentProps: UnknownType;
         data: UnknownType;
     };
 };
-export declare type CustomMessageType = 'channel.intro' | 'message.date';
-export declare type DefaultAttachmentType = UnknownType & {
+export type CustomMessageType = 'channel.intro' | 'message.date';
+export type DefaultAttachmentType = UnknownType & {
     asset_url?: string;
     file_size?: number;
     id?: string;
@@ -19,13 +19,13 @@ export declare type DefaultAttachmentType = UnknownType & {
         thumb_url?: string;
     }>;
 };
-export declare type DefaultChannelType = UnknownType & {
+export type DefaultChannelType = UnknownType & {
     frozen?: boolean;
     image?: string;
     member_count?: number;
     subtitle?: string;
 };
-export declare type DefaultStreamChatGenerics = ExtendableGenerics & {
+export type DefaultStreamChatGenerics = ExtendableGenerics & {
     attachmentType: DefaultAttachmentType;
     channelType: DefaultChannelType;
     commandType: LiteralStringForUnion;
@@ -34,7 +34,7 @@ export declare type DefaultStreamChatGenerics = ExtendableGenerics & {
     reactionType: UnknownType;
     userType: DefaultUserType;
 };
-export declare type DefaultMessageType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & {
+export type DefaultMessageType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & {
     customType?: CustomMessageType;
     date?: string | Date;
     error?: ErrorFromResponse<APIErrorResponse>;
@@ -42,15 +42,15 @@ export declare type DefaultMessageType<StreamChatGenerics extends DefaultStreamC
     event?: Event<StreamChatGenerics>;
     unread?: boolean;
 };
-export declare type DefaultUserTypeInternal = {
+export type DefaultUserTypeInternal = {
     image?: string;
     status?: string;
 };
-export declare type DefaultUserType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & DefaultUserTypeInternal & {
+export type DefaultUserType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UnknownType & DefaultUserTypeInternal & {
     mutes?: Array<Mute<StreamChatGenerics>>;
 };
-export declare type GiphyVersions = 'original' | 'fixed_height' | 'fixed_height_still' | 'fixed_height_downsampled' | 'fixed_width' | 'fixed_width_still' | 'fixed_width_downsampled';
-export declare type PaginatorProps = {
+export type GiphyVersions = 'original' | 'fixed_height' | 'fixed_height_still' | 'fixed_height_downsampled' | 'fixed_width' | 'fixed_width_still' | 'fixed_width_downsampled';
+export type PaginatorProps = {
     /** callback to load the next page */
     loadNextPage: () => void;
     /** indicates if there is a next page to load */
@@ -76,19 +76,19 @@ export declare type PaginatorProps = {
 export interface IconProps {
     className?: string;
 }
-export declare type Dimensions = {
+export type Dimensions = {
     height?: string;
     width?: string;
 };
-export declare type ImageAttachmentConfiguration = {
+export type ImageAttachmentConfiguration = {
     url: string;
 };
-export declare type VideoAttachmentConfiguration = ImageAttachmentConfiguration & {
+export type VideoAttachmentConfiguration = ImageAttachmentConfiguration & {
     thumbUrl?: string;
 };
-export declare type ImageAttachmentSizeHandler = (attachment: Attachment, element: HTMLElement) => ImageAttachmentConfiguration;
-export declare type VideoAttachmentSizeHandler = (attachment: Attachment, element: HTMLElement, shouldGenerateVideoThumbnail: boolean) => VideoAttachmentConfiguration;
-export declare type SendMessageOptions = {
+export type ImageAttachmentSizeHandler = (attachment: Attachment, element: HTMLElement) => ImageAttachmentConfiguration;
+export type VideoAttachmentSizeHandler = (attachment: Attachment, element: HTMLElement, shouldGenerateVideoThumbnail: boolean) => VideoAttachmentConfiguration;
+export type SendMessageOptions = {
     force_moderation?: boolean;
     is_pending_message?: boolean;
     keep_channel_hidden?: boolean;
@@ -97,10 +97,10 @@ export declare type SendMessageOptions = {
     skip_enrich_url?: boolean;
     skip_push?: boolean;
 };
-export declare type UpdateMessageOptions = {
+export type UpdateMessageOptions = {
     skip_enrich_url?: boolean;
 };
-export declare type Readable<T> = {
+export type Readable<T> = {
     [key in keyof T]: T[key];
 } & {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types/types.d.ts.map

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

package/dist/utils/getChannel.d.ts

@@ -1,6 +1,6 @@
 import type { Channel, ChannelQueryOptions, StreamChat } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../types/types';
-declare type GetChannelParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+type GetChannelParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     client: StreamChat<StreamChatGenerics>;
     channel?: Channel<StreamChatGenerics>;
     id?: string;

package/dist/utils/getChannel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getChannel.d.ts","sourceRoot":"","sources":["../../src/utils/getChannel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,mBAAmB,EAEnB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAWhE,aAAK,gBAAgB,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,oNAwCtB,CAAC"}
+{"version":3,"file":"getChannel.d.ts","sourceRoot":"","sources":["../../src/utils/getChannel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,mBAAmB,EAEnB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAWhE,KAAK,gBAAgB,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,oNAwCtB,CAAC"}

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "11.0.0-rc.8";
+export declare const version = "11.1.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,gBAAgB,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC"}

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.0.0-rc.8';
+export var version = '11.1.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.0.0-rc.8",
+  "version": "11.1.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -60,11 +60,10 @@
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^4.0.0-rc.5",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-regex": "^9.2.0",
-    "hast-util-find-and-replace": "^4.1.2",
+    "hast-util-find-and-replace": "^5.0.1",
     "i18next": "^21.6.14",
     "isomorphic-ws": "^4.0.1",
     "linkifyjs": "^4.1.0",
@@ -78,16 +77,16 @@
     "react-fast-compare": "^3.2.2",
     "react-image-gallery": "1.2.12",
     "react-is": "^18.1.0",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.0",
     "react-player": "2.10.1",
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",
     "react-virtuoso": "^2.16.5",
-    "remark-gfm": "^3.0.1",
+    "remark-gfm": "^4.0.0",
     "textarea-caret": "^3.1.0",
     "tslib": "^2.6.2",
     "unist-builder": "^3.0.0",
-    "unist-util-visit": "^4.1.1"
+    "unist-util-visit": "^5.0.0"
   },
   "optionalDependencies": {
     "@stream-io/transliterate": "^1.5.5",
@@ -125,10 +124,10 @@
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/plugin-transform-runtime": "^7.12.1",
     "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.12.7",
+    "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.12.7",
-    "@commitlint/cli": "^16.2.3",
-    "@commitlint/config-conventional": "^16.2.1",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
     "@ladle/react": "^0.16.0",
@@ -143,12 +142,14 @@
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@stream-io/stream-chat-css": "^4.1.0",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
     "@types/deep-equal": "^1.0.1",
     "@types/dotenv": "^8.2.0",
     "@types/hast": "^2.3.4",
+    "@types/jsdom": "^21.1.5",
     "@types/linkifyjs": "^2.1.3",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.throttle": "^4.1.7",
@@ -164,7 +165,7 @@
     "@typescript-eslint/parser": "4.27.0",
     "autoprefixer": "^10.0.3",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.3.0",
+    "babel-jest": "^28.1.3",
     "babel-loader": "8.2.2",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
@@ -195,10 +196,11 @@
     "eslint-plugin-sort-keys-fix": "^1.1.2",
     "eslint-plugin-typescript-sort-keys": "^2.1.0",
     "file-loader": "^6.2.0",
-    "husky": "^4.3.0",
+    "husky": "^8.0.3",
     "i18next-parser": "^6.0.0",
-    "jest": "^26.6.3",
-    "jest-axe": "^6.0.0",
+    "jest": "^28.1.3",
+    "jest-axe": "^8.0.0",
+    "jest-environment-jsdom": "^28.1.3",
     "moment-timezone": "^0.5.43",
     "postcss": "^8.1.10",
     "postcss-loader": "^4.1.0",
@@ -217,21 +219,15 @@
     "semantic-release": "^19.0.5",
     "stream-chat": "^8.13.1",
     "style-loader": "^2.0.0",
-    "ts-jest": "^26.5.1",
+    "ts-jest": "^28.0.8",
     "typescript": "^4.7.4",
     "url-loader": "^4.1.1",
     "webpack": "4.44.2",
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "~3.11.0"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "dotgit/hooks/pre-commit-format.sh && dotgit/hooks/pre-commit-reject-binaries.py",
-      "commit-msg": "npx commitlint --edit $1"
-    }
-  },
   "scripts": {
-    "analyze": "yarn build -- --stats && webpack-bundle-analyzer build/bundle-stats.json",
+    "analyze": "yarn build --stats && webpack-bundle-analyzer build/bundle-stats.json",
     "build": "rm -rf dist && mkdir -p dist/assets && yarn --silent copy-version && yarn build-translations && yarn types && yarn bundle",
     "bundle": "rollup -c",
     "bundle-size": "BUNDLE_SIZE=true yarn bundle",
@@ -244,7 +240,7 @@
     "prettier": "prettier --list-different '**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js",
     "prettier-fix": "prettier --write '**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js",
     "start": "tsc --watch",
-    "prepare": "yarn run build",
+    "prepare": "husky install && yarn run build",
     "preversion": "yarn install",
     "test": "jest",
     "types": "tsc --strict",

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

@@ -1,4 +0,0 @@
-import { ComponentProps } from 'react';
-import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
-export declare const Anchor: ({ children, href }: ComponentProps<'a'> & ReactMarkdownProps) => JSX.Element;
-//# sourceMappingURL=Anchor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/Anchor.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,MAAM,uBAAwB,eAAe,GAAG,CAAC,GAAG,kBAAkB,gBAgBlF,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Emoji.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/Emoji.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,KAAK,iBAAkB,kBAAkB,gBAIrD,CAAC"}

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

@@ -1,18 +0,0 @@
-import type { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
-import type { UserResponse } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ReactMarkdownProps & {
-    /**
-     * @deprecated will be removed in the next major release, transition to using `node.mentionedUser` instead
-     */
-    mentioned_user: UserResponse<StreamChatGenerics>;
-    node: {
-        /**
-         * @deprecated will be removed in the next major release, transition to using `node.mentionedUser` instead
-         */
-        mentioned_user: UserResponse<StreamChatGenerics>;
-        mentionedUser: UserResponse<StreamChatGenerics>;
-    };
-};
-export declare const Mention: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, node: { mentionedUser }, }: MentionProps<StreamChatGenerics>) => JSX.Element;
-//# sourceMappingURL=Mention.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Mention.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/Mention.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,kBAAkB,GAAG;IACvB;;OAEG;IACH,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;IACjD,IAAI,EAAE;QACJ;;WAEG;QACH,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACjD,aAAa,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;KACjD,CAAC;CACH,CAAC;AACF,eAAO,MAAM,OAAO,6KASnB,CAAC"}